<?@header('Content-type: text/css');?>
/* Begin Root Tags
----------------------------------------------------------------------------- */
HTML {
	background: #BEBEBE URL('../images/layout/background-fade.jpg') repeat-x top;
	*height: 99%; }

BODY,DIV,DL,DT,DD,UL,OL,LI,PRE,FORM,FIELDSET,INPUT,TEXTAREA,P,BLOCKQUOTE,TH {
	margin:0;
	padding:0; }

BODY {
	margin: 0;
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	color: #333;
	font-size: 12px;
	line-height: 16px;
	background: #BEBEBE URL('../images/layout/background-fade.jpg') repeat-x top;
	padding-bottom: 20px !important;
	*height: 99%;
	*width: 99.9%; }

IMG {
	background: #808080;
	height: 125px;
	width: 200px;
	margin-right: 10px;
	margin-left: 5px;
	margin-bottom: 5px;
	}
A, A:link, A:active, A:visited {
	color: #333660;
	text-decoration: none;
	font-weight: bolder; }

A:hover {
	color: #FF7600; }

SUP {
	font-size: .49em;
	line-height: normal !important;
	margin: 0;
	padding: 0; }

FIELDSET,IMG {
	border: 0; }

ADDRESS,CAPTION,CITE,CODE,DFN,STRONG,TH,VAR {
	font-weight: normal; }
	STRONG {
		font-weight: bold !important;
		color: #000; }

EM {
	font-style: italic !important; }

OL,UL {
	list-style:none; }


CAPTION,TH {
	text-align:left; }

H1,H2,H3,H4,H5,H6 {
	font-size:100%;
	font-weight:normal; }
	H1 {
		text-indent: 15px;
		font-size: 22px;
		font-weight: bold;
		color: #666699;
		line-height: 20px;
		margin: 10px 0 1px 0; }
	H2 {
		font-size: 15px;
		font-weight: bold !important;
		color: #555;
		line-height: 18px;
		margin: 0 0 3px 0; }
	H3 {
		color: #000;
		font-size: 11px;
		margin-bottom: 3px;
		font-weight: bold;
		display: block; }

P {
	margin: 0 0 1em 0;
	line-height: 16px; }

Q:before,Q:after {
	content:''; }

ABBR,ACRONYM {
	border:0; }

FORM {
	margin: 0;
	padding: 0; }
/* -----------------------------------------------------------------------------
End Root Tags */



/* Begin Generic Elements
----------------------------------------------------------------------------- */
UL { margin-bottom:10px; }
UL LI {
    margin-left:25px;
    list-style-type:disc; }
/* -----------------------------------------------------------------------------
End Generic Elements */



/* Begin Generic Classes
----------------------------------------------------------------------------- */
.center {
	text-align: center !important;
	margin-right: auto;
	margin-left: auto; }
.justify { text-align:justify !important; }
.clear {
	clear: both; }
.img-left {
	float: left;
	margin-right: 10px; }
.img-right {
	float: right;
	margin-left: 10px; }
.nocss {
	display: none; }
.fine {
	font-size: .8em; }
.notmargin {
	margin-top: 0 !important; }
.nobmargin {
	margin-bottom: 0 !important; }
.nomargin {
	margin: 0 !important; }
.badge {
	margin-top: 15px !important;
	border: 0; }
.boxtitle {
	margin-top: 10px;
	display: block; }
.box {
	float: left;
	text-align: center !important;
	margin: 0;
	overflow: hidden; }
	.box H3 {
		text-decoration: none !important;
		font-size: 12px; }
	.box H3 A:visited {
		color: #333399 !important; }
	.box H3 A:hover {
		color: #FF7600 !important; }

	.one {
		width: 625px;
		display: inline; }
	.two {
		width: 49%;
		display: inline; }
	.three {
		width: 32.9%;
		display: inline; }
	.four {
		width: 24.9%;
		display: inline; }
	.box IMG {
		margin-bottom: 5px; }
.bordern {
	border-bottom: none; }
.borderne {
	border-left: solid 1px #DDD; }
.bordere {
	border-left: solid 1px #DDD; }
.borderse {
	border-left: solid 1px #DDD;
	border-top: solid 1px #DDD; }
.borders {
	border-top: solid 1px #DDD; }
.bordersw {
	border-right: solid 1px #DDD;
	border-top: solid 1px #DDD; }
.borderw {
	border-right: solid 1px #DDD; }
.bordernw {
	border-right: solid 1px #DDD; }
.seperator {
	border: solid 1px #DDD;
	background-color: #F8F8F8;
	margin: 20px -10px 10px -10px;
	padding: 4px;
	color: #333660;
	font-size: 20px;
	font-weight: bold;
	clear: both; }
#body-wide .seperator {
	margin: 20px 0 10px 0 !important; }
.seperator H1{
	color: #333660;
	font-size: 18px;
	font-weight: bold;
	margin: 0; }
.seperatortop {
	margin-top: 0 !important; }
.toplink {
	display: inline;
	margin: 0;
	font-size: 10px !important; }
.toplink A {
	font-size: 10px;
	color: #000;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	line-height: 11px; }
	.toplink A:hover {
		color: #333399 !important; }
H1.toplinks {
	margin: 0 0 0 10px; }
.section-description-short {
	float: left;
	width: 520px;
	padding: 0 0 0 10px;
	margin-right: 10px; }
.float-left {
	float: left; }
.float-right {
	float: right; }
.price {
	color: red;
	font-size: 12px !important; }
.regularprice {
	font-weight: normal !important;
	color: #000;
	text-decoration: line-through; }
.red { color: red; }
.green { color: green; }
.fwnormal { font-weight:normal !important; }
.fs9 { font-size: 9px !important; }
.fs10 { font-size:10px !important; }
.fs11 { font-size:11px !important; }
.fs12 { font-size:12px !important; }
.fs13 { font-size:13px !important; }
.fs14 { font-size:14px !important; }
.fs15 { font-size:15px !important; }
.fs16 { font-size:16px !important; }
.fs17 { font-size:17px !important; }
.fs18 { font-size:18px !important; }
.bold { font-weight:bold !important; }
.itemcode {
	margin-top : 6px !important;
	float : left;
}
.boxitemcode img {
	margin-top : 4px !important;
}
.frontpageproduct {
	height: 159px;
	display: block;
}
/* -----------------------------------------------------------------------------
End Generic Classes */




/* Begin Generic Blocks
------------------------------------------------------------------------------*/
#dialogue-attn {
	margin: 5px 0 10px 0;
	background: #EEE URL('/images/bang.gif') no-repeat 10px 10px;
	border: solid 1px #BBB;
	padding: 10px 10px 10px 70px; }
#dialogue {
	margin: 5px 0 10px 0;
	border: solid 1px #BBB;
	padding: 10px;
	background-color: #EEE; }
/* -----------------------------------------------------------------------------
End Generic Blocks */




/* Begin Layout CSS
----------------------------------------------------------------------------- */
/* Begin Cart Floater */
#cart-float {
	position: absolute;
	right: 0;
	top: 0;
	width: 400px; }
	@media screen {
		body>div#cart-float {
	  		position: fixed; }
	}
#cart, #cart-edge, #checkout {
	height: 23px;
	font-size: 1em;
	color: #333660;
	float: right; }
	#cart {
		width: 200px;
		height: 17px !important;
		background-image: URL('../images/layout/cart-back.gif');
		padding: 3px 0 3px 4px; }
	#cart-edge {
		width: 27px;
		background-image: URL('../images/layout/cart-icon.gif'); }
	#checkout {
		width: 91px;
		background-image: URL('../images/layout/check-out.gif');
		margin-top: -3px; }
/* End Cart Floater */
#thirdvisitpromo {
	width: 323px;
	height: 130px;
	background: no-repeat URL('../images/3visit.gif') top left;
	position: fixed;
	_position: absolute !important;
	border: solid 1px #333;
	top: 33px;
	float: none;
	z-index: 999;
	margin-left: 125px;
	*margin-left: -130px !important;
	display: none; }
#thirdvisitsmall {
	background: no-repeat URL('../images/3visit.gif') bottom left;
	width: 323px;
	top: 0;
	z-index: 999;
	border: solid 1px #333;
	border-top: none;
	text-align: right;
	position: fixed;
	_position: absolute !important;
	margin-left: 125px;
	*margin-left: -130px !important;
	height: 30px;
	display: none; }
@media all and (min-width:0px){
		head~body #thirdvisitpromo { top: 32px; } /* Opera 9 */
		:root head~body #thirdvisitpromo { top: 33px; } /* reset Safari 3 */
	}
#thirdvisitpromo A {
	width: 114px;
	height: 18px;
	display: block;
	display: inline;
	float: left; }
	#thirdvisitpromo #closeoffer {
		margin: 17px 13px 0 0 !important;
		float: right;
		font-size: 9px; }
	#thirdvisitpromo A:hover {
		background-position: 0 -18px !important; }
	#thirdvisitpromo A#percent {
		background: no-repeat URL('../images/offer-5percent.gif') top left;
		margin-left: 30px;
		margin-top: 87px; }
	#thirdvisitpromo A#warranty {
		background: no-repeat URL('../images/offer-warranty.gif') top left;
		margin-left: 27px;
		margin-top: 52px; }


#body-container {
	margin: 15px auto 0 auto !important;
	width: 969px;
	clear: both;
	height: 100%; }


/* Begin Main Header */
#ezwatch {
	float: left;
	width: 359px;
	height: 70px;
	background-image: URL('../images/layout/ezwatchpro.jpg'); }

#bg-cams, #header-center, #tollfreephone {
	height: 78px;
	float: left; }
	#bg-cams {
		clear: both;
		width: 359px;
		background-image: URL('../images/layout/bgcams.jpg'); }
	#header-center {
		width: 378px;
		background: repeat-x URL('../images/layout/header-rep.jpg') top left; }
	#tollfreephone {
		width: 232px;
		background-image: URL('../images/layout/phone-number.jpg');
		float: right !important; }

#payment, #menubar, #menubar-edge {
	height: 25px;
	float: left; }
	#payment {
		clear: both;
		width: 11px;
		background: no-repeat URL('../images/layout/payment-methods.gif') top left; }
	#menubar {
		width: 946px;
		background-image: URL('../images/layout/menu-back.gif'); }
	#menubar-edge {
		width: 12px;
		background-image: URL('../images/layout/shadow-right.gif'); }


/* Begin Main Menu */
#nav { 
	float: right;
	width: 100%; }
#menubar UL {
	padding: 0;
	margin: 0;
	float: right;
	list-style: none;
	position: relative;
	z-index: 0; }
#menubar UL A.menuitem {
	height: 20px;
	width: 100%;
	color: #333660 !important;
	cursor: pointer;
	display: block; }
#menubar LI {
	float: left;
	display: block;
	width: 20%;
	margin: 0;
	font-size: 14px;
	font-family: arial, helvetica, sans-serif;
	text-decoration: none !important;
	cursor: pointer;
	position: relative;
	
	color: #333660;
	text-align: center; }
#nav A:hover {
	background-position: 0 -25px !important; }
#nav A {
	text-decoration: none !important;
	font-weight: normal;
	height: 20px;
	padding-top: 4px;
	background: no-repeat URL('../images/layout/menu-button.gif') top left; }
/* End Main Menu */


#body-shadow {
	clear: both;
	float:left;
	width: 969px;
	background-image: URL('../images/layout/body-shadow.gif'); }

#body-shadow-left, #body-shadow-right {
	height: 531px;
	display: inline; }
	#body-shadow-left {
		width: 11px;
		float: left;
		background-image: URL('../images/layout/shadowfade-left.jpg'); }
	#body-shadow-right {
		width: 12px;
		float: right;
		background-image: URL('../images/layout/shadowfade-right.jpg'); }
/* End Main Header */



#body-slim {
	float: left;
	background-color: #FFF;
	*overflow: hidden !important;
	width: 610px;
	font-family: arial, helvetica, sans-serif !important;
	padding: 10px 10px 10px 20px;
	text-align: left !important;
	display: inline;
	color: #333; }

#body-wide {
	width: 781px !important;
	*overflow: hidden !important;
	font-family: arial, helvetica, sans-serif !important;
	padding: 0;
	background-color: #FFF;
	float: left;
	text-align: left !important;
	display: inline;
	color: #333; }

#body-exwide {
	width: 945px !important;
	*overflow: hidden !important;
	background-color: #FFF;
	font-family: arial, helvetica, sans-serif !important;
	padding: 0;
	background-color: #FFF;
	float: left;
	text-align: left !important;
	display: inline;
	color: #333; }

	.software-header {
		background: no-repeat URL('/images/software-back.jpg'); padding-top: 12px !important; }

#body-slim A, #body-slim A:link, #body-slim A:active, #body-wide A, #body-wide A:link, #body-wide A:active {
	color: #333399;
	text-decoration: none;
	font-weight: bolder; }

#body-slim A:hover, #body-wide A:hover {
	color: #FF7600; }

#right-side {
	float: left;
	width: 141px;
	background-color: #FFF;
	text-align: center;
	display: inline; }
	#right-side IMG {
		border: 0;
		margin-top: 10px; }
	#right-side DIV {
		float: right;
		clear: both;
		width: 140px;
		margin-top: 8px;
		text-align: right;
		font-size: 0px;
		line-height: 0px; }
		#right-side DIV IMG {
			margin: 0 !important;
			border: 0; }


/* Begin Bottom Area */
#bottom {
	clear: both;
	float: left;
	width: 960px;
	padding: 0 0 0 10px;
	margin-bottom: 10px;
	height: 180px;
	background-image: URL('../images/layout/bottom.jpg');
	text-align: left; }
#bottom UL {
	font-size: 10px;
	font-family: arial, helvetica, sans-serif;
	line-height: 11px;
	margin: 31px 0 0 7px;
	padding: 0;
	float: left;
	width: 228px;
	display: inline; }
#bottom UL.slim {
	width: 126px !important;
	margin-left: 12px; }
#bottom LI {
	list-style-type: none;
	margin: 0;
	padding: 0;
	*margin-left: -15px; }
#bottom A {
	color: #666;
	font-weight: bold; }
#bottom A:hover {
	color: #FF7600; }
#copyright {
	font-size: .8em;
	height: 40px;
	color: #666;
	line-height: 10px;
	cursor: default; }

#tabs A {
	width: 184px;
	height: 18px;
	color: #333660;
	overflow: hidden;
	background: no-repeat URL('/images/ptz-tab.jpg') top left;
	padding-top: 6px;
	text-align: center;
	display: block;
	outline: none !important;
	float: left; }
	#tabs A:hover {
		color: #FF7600;
		padding-top: 4px !important;
		height: 20px;
		background-position: 0 -24px; }
#tabs .active {
	background-position: 0 -48px !important;
	color: #FFF !important;
	cursor: default !important;
	height: 21px !important;
	padding-top: 4px !important; }
#tabs {
	margin: 0 -10px 10px -10px;
	*margin-left: -5px !important;
	height: 25px;
	display: none;
	text-align: center;
	background: repeat-x URL('/images/ptztab-line.jpg') bottom left;
	float: left;
	width: 640px; }
#tabs #centertabs {
	width: 553px;
	margin: 0 auto; }


/* End Bottom Area */
/* -----------------------------------------------------------------------------
End Layout CSS */




/* Begin Index CSS -----------------------------------------------------------*/

#index {
	padding: 15px; }
	#index #index-content {
		float: left;
		width: 630px; }
		#index #index-content P {
			padding: 0 15px;
			margin: 15px 0; }
#promo {
	background: no-repeat URL('/images/layout/main-promo.jpg') top left;
	height: 224px;
	margin-right: -1px; }
	#promo P {
		color: #FFF;
		line-height: 14px;
		width: 315px;
		padding-top: 90px;
		margin: 0 0 0 285px; }
#right {
	float: right;
	width: 270px;
	text-align: center; }
#slideshow {
	padding: 5px;
	border: solid 1px #CCC;
	margin: 0 auto 7px auto;
	width: 250px;
	-moz-border-radius: 4px; }
#shop-now {
	width: 266px;
	height: 83px;
	display: inline;
	display: block;
	background: no-repeat URL('/images/layout/shop-now.jpg') top left;
	margin: 0 auto; }
	#shop-now:hover {
		background-position: 0 -83px; }
#news, #newstop, #newsbottom {
	width: 266px; }
#news {
	background: repeat-y URL('/images/layout/sidebox-rep.gif') top left;
	margin: 0 auto; }
	#newstop {
		height: 35px;
		text-align: left;
		background: no-repeat URL('/images/layout/sidebox-header.jpg') top left; }
		#newstop H1 {
			font-size: 15px;
			font-weight: normal;
			color: #FF7600;
			padding: 3px 0 0 0;
			margin: 0 0 0 5px; }
	#newsbottom {
		height: 23px;
		background: no-repeat URL('/images/layout/sidebox-footer.gif') top left; }
	#newsbody {
		padding: 0 20px;
		background: transparent;
		text-align: left;
		height: 350px;
		width: 221px;
		overflow-y: scroll;
		}
		#newsbody H2 {
			color: #333660;
			font-size: 12px;
			font-weight: bold;
			margin: 0; }
		#newsbody P {
			font-size: 10px;
			line-height: 11px;
			font-weight: bold;
			margin: 0 0 10px 0 !important; }