@charset "UTF-8";
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

.clearthis {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	display: block;
	color: #f00;
	}

/*///////// Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/*///////// End hide from IE-mac */

/*/////////  */
.StyleSheetHiddenPlaceHolder  {
	display : none;
}

/*///////// ///////////*/

BODY {	margin:0px 0 2em 0; 
		padding:0px; 			
		
		background:#E5E5E5;		
		}
		

		
body, div, p, li, h1, h2, h3, textarea{
font-family: verdana, Sans-Serif;
	
}

p, li{
font-size:96%;	
}
		

		
a {color:#283549; text-decoration:underline;}
a:hover {text-decoration:none;}

.top a, .top a:visited, .footer a, .footer a:visited{color:#666666}

.footer a, .footer a:visited{text-decoration:none}
.footer a:hover{text-decoration:underline}

img { border: none; }



h1,h2,h3,h4,h5,h6 {
	font-size:1em;
	margin: 0 0 0.5em 0;
	}


h1 {
	padding:0 0 5px 0px;
	margin:0 0 .4em 0px;
	font-size:30px;
	font-weight:normal;
	color:#283549;
	background:url(img/i_headingunderline.gif) no-repeat left bottom;
	}
	
.home h1.intro{ text-indent:-3000em; background:url(img/p_home1.jpg) no-repeat; width:515px; height:480px; margin:0; padding:0; position:relative; }
.shop h1 {background:url(img/i_headingunderline2.gif) repeat-x left bottom;}
.pages h1 {background:url(img/i_headingunderline3.gif) repeat-x left bottom;}
	
h2{		
	padding:0 0 0 0px;
	margin:0 0 .4em 0px;
	font-size:26px;	
	font-weight:normal;
	color:#283549;
	}
	
h2.line {
	padding:15px 0 5px 0px;
	margin:0 0 .4em 0px;
	font-size:30px;
	font-weight:normal;
	color:#283549;
	background:url(img/i_headingunderline.gif) repeat-x left bottom;
	}
	
	h2.images {background:url(img/i_camera.gif) no-repeat; padding:5px 0 0 55px; height:43px}
	h2.motion {background:url(img/i_motion.gif) no-repeat; padding:5px 0 0 55px; height:43px; margin-top:20px}
	h2.video {background:url(img/i_video.gif) no-repeat; padding:5px 0 0 55px; height:43px; margin-top:20px}
	h2.phones {background:url(img/i_phone.gif) no-repeat; padding:5px 0 0 55px; height:43px; }
	h2.email {background:url(img/i_email.gif) no-repeat; padding:5px 0 0 55px; height:43px; margin-top:20px}
	h2.guest {background:url(img/i_account.gif) no-repeat; padding:5px 0 0 55px; height:43px; clear:both }
	h2.addguest {background:url(img/i_account_add.gif) no-repeat; padding:5px 0 0 55px; height:43px; margin-top:40px}
	h2.camera {background:url(img/i_camera.gif) no-repeat; padding:5px 0 0 55px; height:43px; margin-top:40px}
	h2.credit {background:url(img/i_money.gif) no-repeat; padding:5px 0 0 55px; height:43px; margin-top:0px}
	
	
h3{	
	font-size:18px;
	margin:0 0 .4em 0px;	
	padding:0 0 0px 0;	
	border:0;
	color:#283549;
	}
	

h4{	
	margin:0 0 .4em 0px;	
	padding:0 0 0px 0;
	color:#283549;
	font-weight:normal;	
	}
	
p{
	line-height:1.3em;
	margin:0 0 1em 0;
	padding:0;
	
	}
	
p.big {font-size:17px; color:#283549;}
p.intro {font-size:17px; font-weight:bold}
	
	
form {
	padding:0;
	margin:0;
	position:relative;
	}
	
	form .short {border:1px solid #283549; padding:5px; color:#666666; font-size:13px; width:25px;text-align:center;}
	form .mid {border:1px solid #283549; padding:5px; color:#666666; font-size:13px;text-align:center;  width:85px;}
	form .long {border:1px solid #283549; padding:5px; color:#666666; font-size:13px;width:150px;}
	form .exlong, td.detail input, table.camera td input, table.camera td select {border:1px solid #283549; padding:5px; color:#666666; font-size:13px;width:250px;}
	
	
fieldset {
	border:none;
	padding:0;
	margin:0;
	}
	
legend {
	display:none;
	}
	
	ul{}
	
	li {margin:0 10px .5em 0}
	
table { /*border-collapse:; margin:1.5em 0 3em 0; padding:0*/ width:100%;}
	
	td, th {vertical-align:top; /*width:33%;*/ padding:10px; text-align:left }

	
	th {background:#548FB3}
	
	.shop th {background:#7894A8}
	.cart th {width:250px;}
	.cart td { background:#FFFFFF}
	
.clear {clear:both}

.content .nopad { margin:0;}

.error {padding:0 5px; color:orange}

body.error {padding:0}

span.small, p.help {font-size:11px; padding:0; margin:0}


div.copy form .tick input,  table.camera td.tick input{width:auto; padding:0; border:0;}

/*/////////   main layout  ///////////*/

	
.header{margin:0px ; 
		padding:0px; 			
		text-align:center;
		background:url(img/bg_top.png) repeat-x ;
		height:193px;	
	
		
		}
		
.pages .header{margin:0px 0 0 0; 
		padding:0px; 			
		text-align:center;
		background:url(img/bg_pagestop.png) no-repeat;	
		height:153px;
		width:990px;		
		}
		
.shop.header{margin:0px 0 0 0; 
		padding:0px; 			
		text-align:center;
		background:url(img/bg_shoptop.png) no-repeat;	
		height:153px;
		width:990px;		
		}

		
.top{position:relative;
		width:990px;
		height:193px;		
		margin:0 auto;  											
		/*z-index:0;	*/
		text-align:left;		
		padding:0;
		background:url(img/bg_header.png) no-repeat ;		
		}	
		
.shop .top{background:url(img/bg_top_shop.png) no-repeat ;	}
.fingers { background:url(img/bg_shopfingers.jpg) no-repeat; width:69px; height:10px; position:absolute; top:153px; left:696px; z-index:100}
		
.copy{margin:0px 0 0em 0; 
		padding:0px 0 1em 0; 			
		text-align:center;
		background:url(img/bg_account.png) repeat-x #3C7CA3;	
		}
		
body.error .copy {background:url(img/bg_error.png) repeat-x #3C7CA3;}
		
.home .copy{margin:0px 0 0em 0; 
		padding:0px 0 1em 0; 			
		text-align:center;
		background:url(img/bg_homepage.png) repeat-x #7793A7;	
		position:relative;
		}
		
.pages .copy{margin:0px 0 0em 0; 
		padding:0px 0 1em 0; 			
		text-align:center;
		background:url(img/bg_pages.png) repeat-x #7793A7;	
		position:relative;
		}
		
.shop .copy{margin:0px 0 0em 0; 
		padding:0px 0 1em 0; 			
		text-align:center;
		background:url(img/bg_mid_shop.png) repeat-x #B1BDCB;	
		position:relative;
		}
		
.content{position:relative;
		width:990px;			
		margin:0 auto;  											
		z-index:0;	
		text-align:left;		
		padding:0 0 30px 0;	
		color:white;	
		overflow:hidden;
		}
		
.shop .content	{color:#263245; /*background:url(img/i_logos1.gif) bottom right no-repeat;*/ padding:0 0 50px;}
	.error .content { text-align:center; padding:50px 0;	}	
.pages .content {padding:0 0 20px;}
		
.home .logo { background:url(img/p_home2.jpg) no-repeat; width:475px; height:305px; position:absolute; right:0; top:0; z-index:1}
		
.home div.left {width:453px; padding:50px 25px 0 35px; float:left; /*position:relative; z-index:2;*/ overflow:hidden;}
.home div.right {width:475px; padding:0px 0 0 0px; float:left;/* position:relative; z-index:2;*/ overflow:hidden; margin-top:-179px}

.pages div.left {width:545px; padding:0px 29px 0 0px; float:left; /*position:relative; z-index:2;*/ overflow:hidden;}
.pages div.right {width:414px; padding:10px 0 323px 0px; float:left; /*position:relative; z-index:2;*/ overflow:hidden;}
.pages.features div.left, .pages.full div.left {width:990px;  padding:0px 0px 0 0px;}

.shop div.left {width:480px; padding:0px 15px 0 0px; float:left; position:relative; z-index:2; overflow:hidden;}
.shop div.right {width:490px; padding:20px 0 0 0px; float:left; position:relative; z-index:2; overflow:hidden; text-align:right}

div.one {float:left;
margin-right:20px;
width:48%;}

div.two {float:left;
margin-right:20px;
width:48%;}
		
.footer{margin:0px 0 0em 0; 
		padding:30px 0 0px 0; 			
		text-align:center;
		background:url(img/bg_footer.gif) repeat-x #E5E5E5;	
		clear:both;
		}
		
.footer-content{position:relative;
		width:990px;			
		margin:0 auto;  											
		z-index:0;	
		text-align:left;		
		padding:0;
		font-size:75%;		
		}	
	

	
/*/////////      header     ///////////*/

.homelink a, .homelink a:visited{display:block; width:500px; height:150px; text-indent:-3300em}



.top ul {
	margin:0 0 0 0px;	
	padding:0;
	position:absolute;
	top:153px;
	left:0;
	width:990px;
	
	}
	
	.top  li {	
	list-style-type:none;
	margin:0 0px 0 0;
	padding:0;
	float:left;	
	height:40px;
	font-size:13px;
	color:#666666;
	}
	
	.top li.home{ position:absolute; right:0; top:0;}
	.top li.shop{ position:absolute; left:770px; top:0;}
	.shop .top li.account{ position:absolute; left:770px; top:0;height:50px;}
		
	/*.nav li a, .nav li a:visited{	
	display: block;	
	text-indent:-3000em;		
	background-repeat:no-repeat;	
	height:60px;	
	width:100px;
	}	*/
	
	.top  li.title { background:url(img/t_myaccount.gif) no-repeat; text-indent:-3000em; width:138px}
	.shop .top  li.title { background:url(img/t_shop.gif) no-repeat; text-indent:-3000em; width:74px}
	.top  li.title a, .top  li.title  a:visited { width:138px; display:block; height:40px; }
	.top li.name { padding:10px 10px 0 10px; background:url(img/i_line_head.gif) top right no-repeat;}
	.top li.edit { padding:10px 10px 0 10px; font-size:11px;}
	.top li.shop a, .top li.shop  a:visited { background:url(img/n_shop.png) no-repeat; text-indent:-3000em; width:110px; display:block; height:40px; }
	.top li.account a, .top li.account  a:visited { background:url(img/n_t_account1.png) no-repeat; text-indent:-3000em; width:110px; display:block; height:50px; }
	.top li.home a, .top li.home  a:visited { background:url(img/n_home.png) no-repeat; text-indent:-3000em; width:110px; display:block; height:40px;}
	
	.top li.shop a:hover, .top li.home a:hover {	filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8;}	

/*/////////      end header     ///////////*/
		

/*/////////      float left nav     ///////////*/

.nav {margin-bottom:7px; position:relative}

.nav ul {
	margin:0 0 0 0px;	
	padding:0;
	
	}
	
	.nav  li {	
	list-style-type:none;
	margin:0 0px 0 0;
	padding:0;
	float:left;	
	height:60px;
	width:100px;
	position:relative
	}
	
	
		
	.nav li a, .nav li a:visited{	
	display: block;	
	text-indent:-3000em;		
	background-repeat:no-repeat;	
	height:60px;	
	width:100px;
	}
	
	.nav li a.checkout, .nav li a.checkout:visited{ position:absolute; right:10px; top:10px;}	
	
	.schedule a, .schedule a:visited { background:url(img/n_schedule_images.png) no-repeat}
	.alerts a, .alerts a:visited { background:url(img/n_managealerts.png) no-repeat}
	li.camera a, li.camera a:visited { background:url(img/n_cameramanagement.png) no-repeat}
	.media a, .media a:visited { background:url(img/n_mediamanagement.png) no-repeat}
	.credit a, .credit a:visited { background:url(img/n_creditmanagement.png) no-repeat}
	.guest a, .guest a:visited { background:url(img/n_guestaccounts.png) no-repeat}
	.shopping a, .shopping a:visited { background:url(img/n_shoppingcredit.png) no-repeat}
	.shop .shopping a, .shop .shopping a:visited { background:url(img/n_shoppingcredit1.gif) no-repeat}
	
	.shop .nav li.basket a.view, .shop .nav li.basket a.view:visited { text-indent:-300em; position:absolute; left:0; top:0; width:50px; height:42px;} 
	
	li.basket {background:transparent url(img/bg_basket.png) no-repeat scroll right top;
font-size:12px;
padding:20px 0 0 75px;
position:absolute;
right:0;
top:0;
width:337px;}
	
	 .nav li a:hover{	filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;}	
	.nav li.on a, .nav li.on a:visited{background-position:-100px 0;}
	.nav li.on a:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
	

	
/*///////// end float left nav  */

/*///////// static pages  */

.home div.try { background:url(img/bg_try.png) no-repeat 0 0px; width:475px; height:170px}
.pages div.try { background:url(img/bg_try1.png) no-repeat 0 0px; width:414px; height:164px}
.pages div.free { background:url(img/bg_free.png) no-repeat 0 0px; width:414px; height:155px}
.pages div.mb { background:url(img/bg_20mb.png) no-repeat 0 0px; width:495px; height:155px; float:left}

div.login { background:url(img/bg_login.png) no-repeat 0 3px; width:465px; height:95px; margin-bottom:10px; padding:45px 0 0 18px;}
.shop div.login { background:url(img/bg_login1.png) no-repeat 0 3px;}

.home .left h2 {font-size:30px; background:url(img/i_headingunderline.gif) repeat-x left bottom;padding-bottom:10px; margin-bottom:16px}
.home .left p {line-height:1.6em; font-weight:bold}

.home .right ul {padding:0; margin:0 0 30px 0; list-style:none}
.home .right li{ background:url(img/i_home_bullet.gif) no-repeat 0 50%; color:#000000; font-size:14px; padding-left:20px; line-height:1.6em}

.try p {padding:60px 150px 0 20px; color:#333; line-height:1.2em}
.pages .try p {padding:60px 110px 0 20px; color:#333; line-height:1.2em; font-size:15px;}
.try a, .try a:visited {background:url(img/i_register.gif) no-repeat; width:104px; height:23px; text-indent:-300em; display:block; margin-top:9px}

.home .nav {position:absolute; top:488px; left:12px; background:url(img/bg_home_nav.png); width:493px;  height:49px; z-index:10}
.home .nav ul {
	margin:0 0 0 12px;	
	padding:0;
	}
	
	
.home .nav  li {	
	list-style-type:none;
	margin:0 1px 0 0;
	padding:0;
	float:left;	
	height:43px;
	width:117px;
	}
	
	.home	.nav li a, .home .nav li a:visited{	
	display: block;	
	text-indent:-3000em;		
	height:43px;
	width:117px;
	cursor:hand;
	cursor:pointer;
	
	}
	
	.login input { border:1px solid #EF3C23 ; padding:8px; color:#666666; width:170px;}
	.login input.go { border:0; background: url(img/b_go.gif) no-repeat; font-size:0; color:#FFFFFF; width:31px; height:31px; }
	.login table {border-collapse:collapse; padding:0; margin:0; width:440px; }
	.login input.go { border:0; background: url(img/b_go.gif) no-repeat; font-size:0; color:#FFFFFF; width:31px; height:31px; }
	.login table td{padding:0; margin:0; }
	.login p{margin:0; padding:0; font-size:11px;}
	.login p a {color:#FFFFFF}
	.login td.titles {color:#333333;font-size:11px;font-weight:bold;padding:0 0 4px;}
	
.pages .nav { width:990px;  height:50px;}
.pages .nav ul {
	margin:0 0 0 0px;	
	padding:0;
	
	}
	
.pages .nav  li {	
	list-style-type:none;
	margin:0 0px 0 0;
	padding:0;
	float:left;	
	height:50px;
	width:112px;
	}
	
	.pages .nav  li.shop {	
	margin:0 316px 0 0;
	}
	
	.pages	.nav li a, .pages .nav li a:visited{	
	display: block;	
	text-indent:-3000em;		
	height:50px;
	width:112px;
	background-repeat:no-repeat;
	background-position:0 0;
	text-align:left
	}
	
	.pages .nav li.how.on a, .pages .nav li.how.on a:visited, .pages .nav li.features.on a, .pages .nav li.features.on a:visited, .pages .nav li.costs.on a, .pages .nav li.costs.on a:visited{	background-position:0 -50px;}
	
	
.pages .nav li a:hover{	
	filter:alpha(opacity=70);   
-moz-opacity: 0.7;   
opacity: 0.7;
	}
	
	.pages .nav li.on a:hover{	
	filter:alpha(opacity=100);   
-moz-opacity: 1;   
opacity: 1;
	}
	
li.home a,  li.home a:visited {background-image:url(img/n_t_home.png)}
li.how a,  li.how a:visited {background-image:url(img/n_t_how.png)}
li.features a,  li.features a:visited {background-image:url(img/n_t_features.png)}
li.costs a,  li.costs a:visited {background-image:url(img/n_t_cost.png)}
li.shop a,  li.shop a:visited {background-image:url(img/n_t_shop.png)}
li.account a,  li.account a:visited {background-image:url(img/n_t_account.png)}

div.right.woman1 {background:url(img/p_woman1.jpg) no-repeat left bottom;}
div.right.woman2 {background:url(img/p_woman2.jpg) no-repeat left bottom;}
div.right.works {background:url(img/p_howitworks.png) no-repeat left bottom; padding:10px 0 610px;}

.pages .left h2 {font-size:30px; background:url(img/i_headingunderline1.gif) repeat-x left bottom;padding-bottom:10px; margin-bottom:16px}

.pages .left p:first-child {font-size:120%; font-weight:bold}

.subnav  p{text-align:right; margin:0; padding:0; color:#283549}
.home .subnav p{ text-align:left; margin-top:2em; font-weight:normal}

.pages .left ul {padding:0; margin:0 30px 30px 0; list-style:none; }
.pages.features .left ul{float:left; }
.pages .left li{ background:url(img/i_home_bullet.gif) no-repeat 0 8px;font-size:16px; padding-left:20px; line-height:1.6em; font-weight:bold}
.left li strong {color:#283549}



table.form input{border:1px solid #283549; padding:5px; color:#666666; font-size:13px;width:240px;}
table.form input.button{border:0px ; padding:0px; color:#666666; font-size:0px;width:99px; height:38px; background:url(img/b_create.gif)}

span#form_errors, span.form_errors{color:#000000;
display:block;
font-size:12px;
padding:3px 0; font-weight:bold}
.login span#form_errors {color:#FFFFFF; font-size:11px; width:80%; line-height:1em; display:inline;}



img.comps { padding-top:20px}
/*///////// static pages  */


/*/////////shop pages  */

.shop .subnav p{ text-align:right; margin:0; padding:0; color:#283549}
.shop .subnav { padding-top:17px}

.shop .right ul {padding:0px 0 0 0; margin:0; list-style:none}
.shop .right li {padding:80px 135px 0 30px; margin:0; list-style:none; background-repeat:no-repeat; width:325px; height:119px; text-align:left}

.shop .right li a, .shop .right li a:visited { display:block;  width:176px; height:38px; background-repeat:no-repeat; margin-top:10px; text-indent:-300em}

.shop .right li.credit a, .shop .right li.credit a:visited { background-image:url(img/b_buycredit.png)}
.shop .right li.camera a, .shop .right li.camera a:visited { background-image:url(img/b_browsecam.png)}

.shop .right li.credit {background-image:url(img/bg_credit.png)}
.shop .right li.camera {background-image:url(img/bg_cameras.png)}

.shop .full ul {margin:20px 0 0px 0; padding:0; list-style:none}
.shop .full ul li{margin:0 15px 20px 0; padding:0 0 10px 0px; float:left; width:48%; position:relative; height:147px; background:#FFFFFF url(img/bg_buycam.png) no-repeat ;}
.shop .full ul li img{border:1px solid #EEEEEE;
height:auto;
width:auto;
float:left;
margin:20px;
/*padding:0;
position:absolute;
top:15%;
left:20px;*/
}
.shop .full ul li a, .shop .full ul li a:visited{display:block;
float:left;
font-size:18px;
font-weight:bold;
padding:40px 0 0;
width:310px;}
.productreviews { margin-top:40px}

.shop .left form#options {margin-top:10px; font-weight:bold}

table.cart input {border:1px solid #283549; padding:5px; color:#666666; font-size:13px;width:250px;}
table.cart .chk input {border:1px solid #283549; padding:0px; color:#666666; width:auto;}
.shop td.totals {font-size:12px; padding:2px;}

td.ordertototal { background:#FFFFFF; text-align:center}

#checkoutprogress {display:block; clear:both; margin-bottom:20px; height:50px; background:url(img/bg_progress.gif) repeat-x}
#checkoutprogress ul { margin:0; padding:0 ; list-style:none;}
#checkoutprogress ul li{ margin:0; padding:15px 65px 8px 20px; float:left; background:url(img/i_pay_aro.gif) no-repeat right 8px; font-size:16px; color:#666666}
#checkoutprogress ul li#confirm{ background:none;}
#checkoutprogress ul li#ship{font-weight:bold; color:#263245}
#checkoutprogress ul li a,  #checkoutprogress ul li a:visited  {text-decoration:none; color:#000000; font-weight:bold}

/*///////// end shop pages  */


/*///////// col on the left */ 

/* buttons*/
a.download, a.download:visited{display:block; background:url(img/i_but_download.gif) no-repeat; width:99px; height:38px; text-indent:-300em}
a.next, a.next:visited{display:block; background:url(img/i_but_next.gif) no-repeat; width:99px; height:38px; text-indent:-300em; text-align:left}
a.newest, a.newest:visited{display:block; background:url(img/i_but_newest.gif) no-repeat; width:99px; height:38px; text-indent:-300em}
a.oldest, a.oldest:visited{display:block; background:url(img/i_but_oldest.gif) no-repeat; width:99px; height:38px; text-indent:-300em}
a.previous, a.previous:visited{display:block; background:url(img/i_but_previous.gif) no-repeat; width:99px; height:38px; text-indent:-300em}
a.test, a.test:visited{display:block; background:url(img/i_but_test.gif) no-repeat; width:48px; height:38px; text-indent:-300em}
a.first, a.first:visited{display:block; background:url(img/i_but_first.gif) no-repeat; width:48px; height:38px; text-indent:-300em}
a.last, a.last:visited{display:block; background:url(img/i_but_last.gif) no-repeat; width:48px; height:38px; text-indent:-300em; text-align:left}
a.addanother, a.addanother:visited{display:block; background:url(img/i_but_addanother.gif) no-repeat; width:176px; height:38px; text-indent:-300em}
a.checkout, a.checkout:visited, .nav li a.checkout, .nav li a.checkout:visited{display:block; background:url(img/i_but_checkout.gif) no-repeat; width:107px; height:38px; text-indent:-300em; float:right; text-align:left}

input.go { border:0; background: url(img/i_but_go.gif) no-repeat; font-size:0; color:#FFFFFF; width:39px; height:38px; }
input.set { border:0; background: url(img/i_but_set.gif) no-repeat; font-size:0; width:39px; height:38px; color:#FFFFFF;}
input.update, table.camera td input.update { border:0; background: url(img/i_but_update.gif) no-repeat; font-size:0; width:99px; height:38px; color:#FFFFFF;}
input.add, table.camera td input.add { border:0; background: url(img/i_but_add.gif) no-repeat; font-size:0; width:48px; height:38px; color:#FFFFFF;}
input.delete { border:0; background: url(img/i_but_delete.gif) no-repeat; font-size:0; width:99px; height:38px; color:#FFFFFF;}
input.download{border:0; background:transparent url(img/i_but_download.gif) no-repeat scroll 0 0; font-size:0; width:99px; height:38px; color:#FFFFFF;}
input.prevday{border:0; background:transparent url(img/i_but_previousday.gif) no-repeat scroll 0 0; font-size:0; width:129px; height:38px; color:#FFFFFF;}
input.nextday{border:0; background:transparent url(img/i_but_nextday.gif) no-repeat scroll 0 0; font-size:0; width:99px; height:38px; color:#FFFFFF;}
input.downloadall{border:0; background:transparent url(img/i_but_downloadall.gif) no-repeat scroll 0 0; font-size:0; width:107px; height:38px; color:#FFFFFF;}
input.newpin{border:0; background:transparent url(img/b_newpin.gif) no-repeat scroll 0 0; font-size:0; width:176px; height:38px; color:#FFFFFF;}
input.clear { border:0; background: url(img/i_but_clear.gif) no-repeat; font-size:0; color:#FFFFFF; width:48px; height:33px; }
input.purchase { border:0; background: url(img/i_but_purchase.gif) no-repeat; font-size:0; color:#FFFFFF; width:107px; height:38px; }
table.cart input.continue,  input.continue{ border:0; background: url(img/i_but_continue.gif) no-repeat; font-size:0; color:#FFFFFF; width:107px; height:38px; }
input.test{border:0; background:transparent url(img/i_aro_test.gif) no-repeat scroll 0 0; font-size:0; width:176px; height:38px; color:#FFFFFF;}
input.save{border:0; background:transparent url(img/i_but_exit.gif) no-repeat scroll 0 0; font-size:0; width:176px; height:38px; color:#FFFFFF;}
input.cancel { border:0; background: url(img/i_but_cancel.gif) no-repeat; font-size:0; width:99px; height:38px; color:#FFFFFF;}

td.clear {padding-left:50px}

/*.timeEntry_wrap {}
.timeEntry_wrap .mid {float:left}
.timeEntry_control {float:left;}*/


/*end  buttons*/
div.captures {position:relative; width:990px; min-height:213px; top:-15px; padding-top:15px  }


ul.captures { margin:0; padding:0; list-style:none;  width:auto; float:left; height:195px;}	
ul.captures li{float:left; width:130px; background:#ACCADD; text-align:left; padding:0px; margin:0 12px 12px 0; font-size:11px; color:#283549; line-height:1.6em; /*height:183px;*/ min-height:183px; position:relative}

ul.captures li.sel{ background:#FF6600; color:#000000}

ul.captures li.nocapture{width:110px; text-align:center; padding:30px 10px 0 10px ; font-weight:bold; min-height:153px}

ul.captures li img{ border:1px solid white; width:128px; height:96px}
ul.captures li.sel img{ filter:alpha(opacity=60);   -moz-opacity: 0.6;   opacity: 0.6;border:1px solid #fff;}
ul.captures li img.icon{ border:0; float:left; padding:0 6px 5px; width:auto; height:auto; filter:alpha(opacity=100);   
-moz-opacity: 1;   
opacity: 1;}
ul.captures li span.desc{display:block; padding:4px 2px 4px 8px; margin:3px 0 5px 0; background:white;  line-height:1em; min-height:22px;overflow:hidden;}
ul.captures li span{ padding:0px 0 0 10px; margin:0; background:url(img/i_aro_white.gif) no-repeat 0 50%;}
ul.captures li div.imgdetail {/* position:absolute; left:0; bottom:0;*/ width:100%;}

div.navigate { width:260px; background:#5A8FAF; /*margin:-15px 0 0 20px;*/ height:198px; text-align:center; position:absolute; right:0; top:0; }
*html  div.navigate {float:left; width:248px; background:#5A8FAF; margin:-15px 0 0 20px; height:198px; text-align:center }
div.navigate p { padding:5px; text-align:left; margin:0 auto; width:200px}
div.navigate  p.enable { font-size:13px; color:#283549;background:#ACCADD; text-align:left; width:auto; margin:0}

.navigate input.go {position:absolute; left:180px; top:28px;}
.navigate h3 { background:#276F99; color:#FFFFFF; padding:5px 15px; margin-top:15px; text-align:left}

div.navigateCaps { margin:0px 0 10px 0px;   width:700px; position:relative  }
div.navigateCaps p{ background:#5A8FAF; padding:10px 20px; background-image:url(img/i_line_capture.gif); background-repeat:no-repeat; background-position:218px 10px}
div.navigateCaps p.enable{ font-size:15px; color:#283549;background:#ACCADD;width:auto; margin:0 0 5px 0; padding:10px 0}
div.navigateCaps p.enable input{margin-left:35px}
div.navigateCaps input.go  {margin-left:0}
div.navigateCaps strong { background:url(img/i_aro_orange.gif) no-repeat 0 50%; padding:0 45px 0 15px;}
div.navigateCaps th { background:url(img/i_aro_orange.gif) no-repeat 5px 50% #5A8FAF; width:180px; padding:0 0px 0 15px; vertical-align:middle}
div.navigateCaps td { vertical-align:middle; background:#5A8FAF;}
div.navigateCaps table {border-collapse:collapse}
div.navigateCaps	td.nobg {background:none; padding:2px}
div.navigateCaps td.pick { width:124px}
div.navigateCaps td.but { text-align:right;  background:url(img/i_line_capture.gif) no-repeat 120px 12px #5A8FAF }

.latest {margin:0 0 20px 0; clear:both; color:#283549; }
div.capture{  float:left; background:#478AB1 /*url(img/i_nocaptures.gif) 50% 50% no-repeat*/; width:640px; height:480px;/* display: table;  #position: relative;overflow: hidden;*/  text-align:center}
div.capture table {border-collapse:collapse; padding:0; margin:0;}
div.capture table td{border-collapse:collapse; padding:0; margin:0; text-align:center; vertical-align:middle}
/*div.capture div{#position: absolute;  #top: 50%;display: table-cell; vertical-align: middle;}*/
div.capture img,  div.capture span{border:1px solid white; /*#position: relative;  #top: -50%*/}
div.latest .info {background-color:#ACCADD; background-repeat:no-repeat; background-position:17px 20px; float:left; width:280px; margin-left:20px; padding:20px; height:442px; position:relative; overflow:hidden; }
div.video { background-image:url(img/i_video_sml1.gif) }
div.motion { background-image:url(img/i_motion_sml1.gif)  }
div.camera { background-image:url(img/i_camera_sml1.gif) }
.latest h2 { background:#fff; padding:5px 0 9px 10px;font-size:18px; margin:0 0 20px 49px; overflow:hidden;}
.latest h3 {font-size:14px;}
p.time { background:url(img/i_aro_orange.gif) no-repeat 0 5px; padding-left:15px}
.info a.download, .info  a.download:visited{ position:absolute; right:10px; bottom:10px; display:block; background:url(img/i_but_download1.gif) no-repeat; width:99px; height:38px; text-indent:-300em}

p.summary {float:right; width:230px; background:#5A8FAF; margin:-15px 0 0 20px; padding:7px 15px 10px ; line-height:2em  }
p.summary span{font-size:42px; color:#283549; font-weight:bold}
p.summary span.small {font-weight:normal; font-size:12px; line-height:1.3em}
ul.summary {margin:0 0 2.5em 0; padding:0; list-style:none;}
ul.summary li {background:url(img/i_aro_orange.gif) no-repeat 0 50%; padding:0 0 0px 15px; margin-bottom:10px }

ul.summary li span {font-size:16px; color:#283549; font-weight:bold}

a.topup, a.topup:visited {float:right; text-indent:-3000em; background:url(img/i_but_topup.gif) no-repeat; display:block; width:176px; height:38px}
a.topup:hover{	filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;}	

a.captures, a.captures:visited { background:url(img/i_aro_orange.gif) no-repeat 0 50%; padding-left:10px; font-size:14px; color:#fff}
a.captures:hover{	}	

div.pagination {clear:both; position:relative; height:38px}
.pagination .pages {position:absolute; top:15px; left:285px; width:415px; text-align:center}
.pagination p.new{position:absolute; top:10px; left:0px; padding:0; margin:0; width:200px}
.pagination p.old{position:absolute; top:10px; left:785px; padding:0; margin:0; width:200px; text-align:right}
.pagination p a,  .pagination p a:visited{float:left; text-align:left; }
.pagination p.old a, .pagination p.old a:visited {float:right}
div.pages a,  div.pages a:visited{color:#FFFFFF}
div.pages a strong, div.pages a:visited strong{padding:3px; background:#fff; color:#5A8FAF}



table.schedule {background:#548FB3; padding:0; margin:0 0 3px 0}
table.schedule td, table.schedule th{width:auto; vertical-align:middle}
table.schedule th{ background:url(img/i_aro_orange.gif) 55px 50% no-repeat; padding-left:70px; width:100px}
table.schedule td.capture{ width:620px; background:url(img/i_line_capture.gif) no-repeat 0 12px; padding-left:25px; white-space:nowrap;}
table.schedule td.suspend{ width:auto; background:url(img/i_line_capture.gif) no-repeat 0 12px; color:#283549; font-size:14px}
table.schedule td.button{ width:40px; background:url(img/i_line_capture.gif) no-repeat 0 12px; color:#283549; font-size:14px}
span.endt_wd1, span.endt_wd2, span.endt_we1, span.endt_we2 {width:auto; border:0px solid red; white-space:nowrap; }

table.alerts {padding:0; margin:0 0 0px 0; border-collapse:collapse}
table.alerts td {background:#548FB3; vertical-align:middle; width:auto; border-top:2px solid #3B88B5}
table.alerts th{vertical-align:middle; text-align:center;  width:auto; background:none}
table.alerts th.alignLeft {text-align:left;  padding-left:55px}
table.alerts td.number{ width:570px;  padding-left:55px;font-size:22px; color:#fff; }
form table.alerts td.number .exlong { font-size:22px; color:#000;}
table.alerts td.validate{ width:80px; background:url(img/i_line_capture.gif) no-repeat 0 12px #548FB3;  text-align:center}
table.alerts td.delete{ width:80px; background:url(img/i_line_capture.gif) no-repeat 0 12px #548FB3; color:#283549; font-size:14px; text-align:center}
table.alerts td.enabled{ width:80px;background:url(img/i_line_capture.gif) no-repeat 0 12px #548FB3; color:#283549; font-size:14px; text-align:center}
table.alerts td.button{ background:none; border:none; padding-left:55px }

table.add {padding:0; margin:0 0 20px 0; border-collapse:collapse; background:#548FB3; }
table.add td {vertical-align:middle; }
table.add th {text-align:left;  padding-left:55px; vertical-align:middle; width:500px}
table.add td.number{  width:auto; text-align:right}
table.add td.button{ width:86px; text-align:center;   background:url(img/i_line_capture.gif) no-repeat 0 12px }

table.select {padding:0; margin:0 0 20px 0; border-collapse:collapse; background:#ACCADD; width:700px; color:#283549 }
table.select td {vertical-align:middle; width:auto; font-size:12px }
table.select td.suspend{ width:auto; background:#548FB3; font-size:12px; text-align:center; vertical-align:middle; color:#FFFFFF; font-weight:bold}
table.select th {text-align:left;vertical-align:middle; width:150px; background:#ACCADD;}

table.accounts{padding:0; margin:0 0 0px 0; border-collapse:collapse;}
table.accounts th{ background:url(img/i_aro_orange.gif) #548FB3 55px 50% no-repeat; padding-left:70px; width:auto; border-top:2px solid #3B88B5; vertical-align:middle;}
table.accounts td.edit{background:url(img/i_line_capture.gif) no-repeat 0 5px #548FB3;  width:40px; border-top:2px solid #3B88B5;vertical-align:middle;}
table.accounts td.delete{background:url(img/i_line_capture.gif) no-repeat 0 5px #548FB3; width:40px; border-top:2px solid #3B88B5; vertical-align:middle;}
table.accounts td a,  table.accounts td a:visited{color:#FFFFFF}
table.accounts td.help{background:url(img/i_line_capture.gif) no-repeat 0 12px #548FB3; width:40px; border-top:2px solid #3B88B5; vertical-align:middle;}
table.accounts td.detail{background:url(img/i_line_capture.gif) no-repeat 0 12px #548FB3; width:660px; border-top:2px solid #3B88B5; vertical-align:middle;}
table.accounts td.button{ background:none; padding-left:54px }
table.accounts td.help a,  table.accounts td.help a:visited{ background:url(img/i_help.gif) no-repeat; display:block; width:38px; height:38px; text-indent:-200em}

table.cameraselect{padding:0; margin:0 0 0px 0; border-collapse:collapse; width:700px}

table.cameraselect td.camera{background:url(img/i_camera_sml.gif) no-repeat 2px 2px #548FB3; width:40px; border-top:2px solid #3B88B5; vertical-align:middle; padding:12px}
table.cameraselect td.edit{background:url(img/i_line_capture.gif) no-repeat 0 5px #548FB3;  width:40px; border-top:2px solid #3B88B5;vertical-align:middle;}
table.cameraselect td.delete{background:url(img/i_line_capture.gif) no-repeat 0 5px #548FB3; width:40px; border-top:2px solid #3B88B5; vertical-align:middle;}
table.cameraselect th{ background:url(img/i_aro_orange.gif) #548FB3 0px 50% no-repeat;  width:580px; border-top:2px solid #3B88B5; vertical-align:middle; padding-left:15px}
table.cameraselect td a,  table.accounts td a:visited{color:#FFFFFF}

table.camera{padding:0; margin:0 0 10px 0; border-collapse:collapse; }
table.camera td.help a,  table.cameraselect td.help a:visited{ background:url(img/i_help.gif) no-repeat; display:block; width:38px; height:38px; text-indent:-200em}
table.camera th{ background:url(img/i_aro_orange.gif) #ACCADD 15px 14px no-repeat;  width:190px; border-top:2px solid #3B88B5; vertical-align:too; padding-left:30px;white-space:nowrap;}
table.camera td.detail{background:url(img/i_line_capture.gif) no-repeat 0 12px #548FB3; width:660px; border-top:2px solid #3B88B5; vertical-align:middle;}
table.camera td.help{background:url(img/i_line_capture.gif) no-repeat 0 12px #548FB3; width:40px; border-top:2px solid #3B88B5; vertical-align:middle;}
table.camera td.shade { background:#548FB3}
table.camera td.nobg { background:none}
table.camera td.nobg input {border:0; font-size:0; text-indent:-300em; }
form .cam {position:absolute; margin:-50px 0 0 350px;}

table.test {padding:0; margin:40px 0 0px 0; border-collapse:collapse; background:#ACCADD}
table.test th{ background:url(img/i_aro_orange.gif) 15px 15px no-repeat;  width:180px; vertical-align:top; padding-left:30px; color:#283549}
table.test img {border:1px solid white}
/*table.select td{ background:url(img/i_line_capture.gif) no-repeat 0 12px }*/

table.compare { border-collapse:collapse; padding:0; margin-bottom:15px}
table.compare th{ vertical-align:bottom; border-bottom:1px solid white;}
table.compare td{ vertical-align:top; border-bottom:1px solid white;}
table.compare .shade td{ background-color:#283549}
table.compare td span{ font-size:11px;}
table.compare a:link{color:#FFFFFF}
table.compare a:visited{color:#FFFFFF}

table.compare td.detail { text-align:center;}


/*///////// end col on the left */ 
		
/*///////// col on the right */ 

.accountSummary {position:absolute; right:0; top:193px; width:260px; height:232px; background-image:url(img/bg_accountsummary1.png); background-repeat:no-repeat}
.accountSummary ul { padding:0; margin:55px 0 0 20px; list-style:none}
.accountSummary li, .accountSummary li a, .accountSummary li a:visited { height:48px; margin:0; padding:2px 0 0 0;  color:#F26122; font-size:18px; line-height:20px; text-decoration:none}
.accountSummary li a:hover { text-decoration:underline}
.accountSummary li span{font-size:15px;  color:#283549; padding-left:10px;  background:url(img/i_aro_orange.gif) no-repeat 0 50%; }

.spacer {float:right;  width:285px; height:179px; }
		
	
/*///////// end col on the right */


/*/////////      footer     ///////////*/
	

	.footer p{	
	padding:0  50px 0 0;
	margin:0;		
	color:#666666;
	float:left;
	line-height:1.7em
	}
	
	.footer p.four {text-align:right; position:absolute; right:0; top:0; padding:0}
	
	

	
	/*/////////    end   footer     ///////////*/