/* Video Security CSS Document */

.theform {
font-size:13px;
font-family: arial;
color: #FFFFFF;

}

hr .hello {
size: 1px;
color: red;
}

body { 
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
} 

* html body{
	font-size:xx-small;	
	f\ont-size:x-small;	
}

img {
	border: none;
}

.product_list_text {
	font-family: verdana;
	font-size: 11px;
	color: #0F5794;
	font-weight:normal;
}

.product_list_text a {
	font-family: verdana;
	font-size: 11px;
	color: #0F5794;
	font-weight:normal;
	text-decoration:none;
}

.product_list_text a:hover {
	font-family: verdana;
	font-size: 11px;
	color: red;
	font-weight:normal;
	text-decoration:none;
}

.itemspacer {

padding: 0px;


}

h1 {
	font-family: verdana;
	font-size: 11px;
	color: #000000;
	font-weight:bold;
	margin:0px;
}

.headertext {
	font-family: verdana;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	padding-top:10px;
}

.price {
	font-family: verdana;
	font-size: 17px;
	color: #4C5FC8;
	font-weight: bold;
	padding-top:10px;
}

.description {
	font-family: verdana;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	line-height:17px;
}

.topnav {
	font-family: arial;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
}

.topnav a {
	font-family: arial;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

.topnav a:hover {
	font-family: arial;
	font-size: 12px;
	color: #1A6AB5;
	font-weight: bold;
	text-decoration:underline;
}

.breadcrumb {
	font-family: arial;
	font-size: 14px;
	color: #294F73;
	font-weight: normal;
}

.breadcrumb a {
	font-family: arial;
	font-size: 12px;
	color: #294F73;
	font-weight: normal;
	text-decoration: none;
}

.breadcrumb a:hover {
	font-family: arial;
	font-size: 12px;
	color: red;
	font-weight: normal;
	text-decoration:underline;
}

.resources {
	font-family: arial;
	font-size: 11px;
	color: #005D7C;
	font-weight: bold;
	line-height:17px;
}

.resources a {
	font-family: arial;
	font-size: 11px;
	color: #005D7C;
	font-weight: bold;
	line-height:17px;
	text-decoration:none;
}

.resources a:hover {
	font-family: arial;
	font-size: 11px;
	color: red;
	font-weight: bold;
	line-height:17px;
	text-decoration:underline;
}

.shoppingcart {
	font-family: arial;
	font-size: 11px;
	color: #000000;
	font-weight: regular;
	line-height:17px;
	text-decoration:none;
}

.shoppingcart a{
	font-family: arial;
	font-size: 12px;
	color: #3462B4;
	font-weight: bold;
	line-height:17px;
	text-decoration:underline;
}

.shoppingcart a:hover {
	font-family: arial;
	font-size: 12px;
	color: red;
	font-weight: bold;
	line-height:17px;
	text-decoration:underline;
}

.shoppingtotal {
	font-family: arial;
	font-size: 11px;
	color: #000000;
	font-weight: regular;
	line-height:17px;
	text-decoration:none;
}

.shoppingtotal a{
	font-family: arial;
	font-size: 12px;
	color: #3462B4;
	font-weight: bold;
	line-height:17px;
	text-decoration:underline;
}

.shoppingtotal a:hover {
	font-family: arial;
	font-size: 12px;
	color: red;
	font-weight: bold;
	line-height:17px;
	text-decoration:underline;
}

.cartcontents {
background-color: #CCCCCC;
font-size:11px;
vertical-align:middle;
}

.additionalshipping {
background-color: #DEF5DE;
font-size:11px;
width:225px;
text-align:right;
}



.cartcontents_header {
background-color:#DDDDDD;
font-size:11px;
color:#000000;
vertical-align:middle;
}

.cartcontents_row {
background-color:#EEEEEE;
color:#555555;
font-size:11px;
vertical-align:middle;
}

.cartcontents_total {
background-color:#EEEEEE;
color:red;
font-size:11px;
vertical-align:middle;
}

.logintable {
font-size:11px;
vertical-align:middle;
background-color:#CCCCCC;
}

.loginrow {
background-color:#DDDDDD;
color:#555555;
font-size:11px;
vertical-align:middle;
text-align:right;
width:225px;
}

.loginrow2 {
background-color:#FFFFFF;
color:#555555;
font-size:11px;
vertical-align:middle;
text-align:left;
width:225px;
}

.logincontainer {
background-color:#EEEEEE;
color:#555555;
font-size:11px;
vertical-align:middle;
text-align:center;
}

.loginheader {
color:#276800;
font-size:15px;
text-align:center;
}



/* Button Styles */

a.viewcart { 
   display: block; 
   width: 160px; 
   height: 20px; 
   text-decoration: none; 
   background: url("../images/viewcart_updown.jpg"); 
   margin: 0px;
   padding: 0px;
   float: left;
} 

a.viewcart:hover { 
   background-position: 0 -20px; 
   float: left;
} 

a.checkout { 
   display: block; 
   width: 160px; 
   height: 22px; 
   text-decoration: none; 
   background: url("../images/checkout_updown.jpg"); 
   margin: 0px;
   padding: 0px;
   float: left;
} 

a.checkout:hover { 
   background-position: 0 -22px; 
   float: left;
} 

a.services { 
   display: block; 
   width: 125px; 
   height: 41px; 
   text-decoration: none; 
   background: url("../images/btn_services.jpg"); 
   margin: 0px;
   padding: 0px;
   float: left;
} 

a.services:hover { 
   background-position: 0 -41px; 
   float: left;
} 

.services_active {
   background: url("../images/btn_services.jpg");
   background-position: 0 -41px; 
   margin: 0px;
   padding: 0px;
   float: left;
   display: block; 
   width: 125px; 
   height: 41px; 
   text-decoration: none; 
}

.documents_active {
   background: url("../images/btn_documents.jpg");
   background-position: 0 -41px; 
   margin: 0px;
   padding: 0px;
   float: left;
   display: block; 
   width: 125px; 
   height: 41px; 
   text-decoration: none; 
}



.tips_active {
   background: url("../images/btn_tips.jpg");
   background-position: 0 -41px; 
   margin: 0px;
   padding: 0px;
   float: left;
   display: block; 
   width: 125px; 
   height: 41px; 
   text-decoration: none; 
}

.advisory_active {
   background: url("../images/advisory.jpg");
   background-position: 0 -41px; 
   margin: 0px;
   padding: 0px;
   float: left;
   display: block; 
   width: 138px; 
   height: 41px; 
   text-decoration: none; 
}

a.products { 
   display: block; 
   width: 128px; 
   height: 41px; 
   text-decoration: none; 
   background: url("../images/btn_products_down.jpg"); 
   margin: 0px;
   padding: 0px;
   float: left;
} 

a.products:hover { 
   background-position: 0 -41px; 
   float: left;
}

a.documents { 
   display: block; 
   width: 125px; 
   height: 41px; 
   text-decoration: none; 
   background: url("../images/btn_documents.jpg"); 
   margin: 0px;
   padding: 0px;
   float: left;
} 

a.documents:hover { 
   background-position: 0 -41px; 
   float: left;
} 

a.tips { 
   display: block; 
   width: 125px; 
   height: 41px; 
   text-decoration: none; 
   background: url("../images/btn_tips.jpg"); 
   margin: 0px;
   padding: 0px;
   float: left;
} 

a.tips:hover { 
   background-position: 0 -41px; 
   float: left;
} 

a.advisory { 
   display: block; 
   width: 138px; 
   height: 41px; 
   text-decoration: none; 
   background: url("../images/advisory.jpg"); 
   margin: 0px;
   padding: 0px;
   float: left;
} 

a.advisory:hover { 
   background-position: 0 -41px; 
   float: left;
} 

a.go { 
   display: block; 
   width: 33px; 
   height: 21px; 
   text-decoration: none; 
   background: url("../images/go.gif"); 
   margin: 0px;
   padding: 0px;
   float: left;
} 

a.go:hover { 
   background-position: 0 -21px; 
   float: left;
} 

a.billpay { 
   display: block; 
   width: 160px; 
   height: 62px; 
   text-decoration: none; 
   background: url("../images/billpay.gif"); 
   margin: 0px;
   padding: 0px;
   float: left;
} 

a.billpay:hover { 
   background-position: 0 -62px; 
   float: left;
} 

table .specifications {
background-color:#FFFFFF;
width:100%;

}

table .specifications td {
background-color:#E5E5E5;
padding:5px;
border-top:1px solid #BBBBBB;
border-bottom:1px solid #BBBBBB;
}

.services_button_1 { 
   display: block; 
   width: 133px; 
   height: 133px; 
   text-decoration: none; 
   background: url("../images/services_button_1.gif"); 
   background-position: 0 -133px; 
   margin-right: 5px;
   margin-bottom: 0px;
   padding: 0px;
   float:left;
} 

.services_button_2 { 
   display: block; 
   width: 133px; 
   height: 133px; 
   text-decoration: none; 
   background: url("../images/services_button_2.gif"); 
   background-position: 0 -133px; 
   margin-right: 5px;
   margin-bottom: 0px;
   padding: 0px;
   float:left;
} 

.services_button_3 { 
   display: block; 
   width: 133px; 
   height: 133px; 
   text-decoration: none; 
   background: url("../images/services_button_3.gif"); 
   background-position: 0 -133px; 
   margin-right: 5px;
   margin-bottom: 0px;
   padding: 0px;
   float:left;
} 

.services_button_4 { 
   display: block; 
   width: 133px; 
   height: 133px; 
   text-decoration: none; 
   background: url("../images/services_button_4.gif"); 
   background-position: 0 -133px; 
   margin-right: 5px;
   margin-bottom: 0px;
   padding: 0px;
   float:left;
} 

.services_button_5 { 
   display: block; 
   width: 133px; 
   height: 133px; 
   text-decoration: none; 
   background: url("../images/services_button_5.gif"); 
   background-position: 0 -133px; 
   margin-right: 5px;
   margin-bottom: 0px;
   padding: 0px;
   float:left;
} 

a.services_button_1 { 
   display: block; 
   width: 133px; 
   height: 133px; 
   text-decoration: none; 
   background: url("../images/services_button_1.gif"); 
   background-position: 0 -133px; 
   margin: 0px;
   padding: 0px;
   float:left;
} 

a.services_button_2 { 
   display: block; 
   width: 133px; 
   height: 133px; 
   text-decoration: none; 
   background: url("../images/services_button_2.gif"); 
   background-position: 0 -133px; 
   margin: 0px;
   padding: 0px;
   float:left;
} 

a.services_button_3 { 
   display: block; 
   width: 133px; 
   height: 133px; 
   text-decoration: none; 
   background: url("../images/services_button_3.gif"); 
   background-position: 0 -133px; 
   margin: 0px;
   padding: 0px;
   float:left;
} 

a.services_button_4 { 
   display: block; 
   width: 133px; 
   height: 133px; 
   text-decoration: none; 
   background: url("../images/services_button_4.gif"); 
   background-position: 0 -133px; 
   margin: 0px;
   padding: 0px;
   float:left;
} 

a.services_button_5 { 
   display: block; 
   width: 133px; 
   height: 133px; 
   text-decoration: none; 
   background: url("../images/services_button_5.gif"); 
   background-position: 0 -133px; 
   margin: 0px;
   padding: 0px;
   float:left;
} 

a.documents_button_1 { 
   display: block; 
   width: 133px; 
   height: 133px; 
   text-decoration: none; 
   background: url("../images/documents_button_1.gif"); 
   background-position: 0 -133px; 
   margin: 0px;
   padding: 0px;
   float:left;
} 

a.documents_button_2 { 
   display: block; 
   width: 133px; 
   height: 133px; 
   text-decoration: none; 
   background: url("../images/documents_button_2.gif"); 
   background-position: 0 -133px; 
   margin: 0px;
   padding: 0px;
   float:left;
} 

a.documents_button_3 { 
   display: block; 
   width: 133px; 
   height: 133px; 
   text-decoration: none; 
   background: url("../images/documents_button_3.gif"); 
   background-position: 0 -133px; 
   margin: 0px;
   padding: 0px;
   float:left;
} 

.documents_button_1 { 
   display: block; 
   width: 133px; 
   height: 133px; 
   text-decoration: none; 
   background: url("../images/documents_button_1.gif"); 
   background-position: 0 -133px; 
   margin-right: 5px;
   margin-bottom: 0px;
   padding: 0px;
   float:left;
} 

.documents_button_2 { 
   display: block; 
   width: 133px; 
   height: 133px; 
   text-decoration: none; 
   background: url("../images/documents_button_2.gif"); 
   background-position: 0 -133px; 
   margin-right: 5px;
   margin-bottom: 0px;
   padding: 0px;
   float:left;
} 

.documents_button_3 { 
   display: block; 
   width: 133px; 
   height: 133px; 
   text-decoration: none; 
   background: url("../images/documents_button_3.gif"); 
   background-position: 0 -133px; 
   margin-right: 5px;
   margin-bottom: 0px;
   padding: 0px;
   float:left;
} 

a.tips_button_1 { 
   display: block; 
   width: 133px; 
   height: 133px; 
   text-decoration: none; 
   background: url("../images/tips_button_1.gif"); 
   background-position: 0 -133px; 
   margin: 0px;
   padding: 0px;
   float:left;
}

a.tips_button_2 { 
   display: block; 
   width: 133px; 
   height: 133px; 
   text-decoration: none; 
   background: url("../images/tips_button_2.gif"); 
   background-position: 0 -133px; 
   margin: 0px;
   padding: 0px;
   float:left;
} 

a.tips_button_3 { 
   display: block; 
   width: 133px; 
   height: 133px; 
   text-decoration: none; 
   background: url("../images/tips_button_3.gif"); 
   background-position: 0 -133px; 
   margin: 0px;
   padding: 0px;
   float:left;
}

a.tips_button_4 { 
   display: block; 
   width: 133px; 
   height: 133px; 
   text-decoration: none; 
   background: url("../images/tips_button_4.gif"); 
   background-position: 0 -133px; 
   margin: 0px;
   padding: 0px;
   float:left;
}

a.tips_button_5 { 
   display: block; 
   width: 133px; 
   height: 133px; 
   text-decoration: none; 
   background: url("../images/tips_button_5.gif"); 
   background-position: 0 -133px; 
   margin: 0px;
   padding: 0px;
   float:left;
} 

.tips_button_1 { 
   display: block; 
   width: 133px; 
   height: 133px; 
   text-decoration: none; 
   background: url("../images/tips_button_1.gif"); 
   background-position: 0 -133px; 
   margin-right: 5px;
   margin-bottom: 0px;
   padding: 0px;
   float:left;
} 

.tips_button_2 { 
   display: block; 
   width: 133px; 
   height: 133px; 
   text-decoration: none; 
   background: url("../images/tips_button_2.gif"); 
   background-position: 0 -133px; 
   margin-right: 5px;
   margin-bottom: 0px;
   padding: 0px;
   float:left;
} 

.tips_button_3 { 
   display: block; 
   width: 133px; 
   height: 133px; 
   text-decoration: none; 
   background: url("../images/tips_button_3.gif"); 
   background-position: 0 -133px; 
   margin-right: 5px;
   margin-bottom: 0px;
   padding: 0px;
   float:left;
} 

.tips_button_4 { 
   display: block; 
   width: 133px; 
   height: 133px; 
   text-decoration: none; 
   background: url("../images/tips_button_4.gif"); 
   background-position: 0 -133px; 
   margin-right: 5px;
   margin-bottom: 0px;
   padding: 0px;
   float:left;
} 

.tips_button_5 { 
   display: block; 
   width: 133px; 
   height: 133px; 
   text-decoration: none; 
   background: url("../images/tips_button_5.gif"); 
   background-position: 0 -133px; 
   margin-right: 5px;
   margin-bottom: 0px;
   padding: 0px;
   float:left;
} 

a.tips_button_5:hover { 
   background-position: 0 -133px; 
   float:left;
} 

a.advisory_button_1 { 
   display: block; 
   width: 133px; 
   height: 133px; 
   text-decoration: none; 
   background: url("../images/advisory_button_1.gif"); 
   background-position: 0 -133px; 
   margin: 0px;
   padding: 0px;
   float:left;
} 

a.advisory_button_2 { 
   display: block; 
   width: 133px; 
   height: 133px; 
   text-decoration: none; 
   background: url("../images/advisory_button_2.gif"); 
   background-position: 0 -133px; 
   margin: 0px;
   padding: 0px;
   float:left;
} 

a.advisory_button_3 { 
   display: block; 
   width: 133px; 
   height: 133px; 
   text-decoration: none; 
   background: url("../images/advisory_button_3.gif"); 
   background-position: 0 -133px; 
   margin: 0px;
   padding: 0px;
   float:left;
} 

a.advisory_button_4 { 
   display: block; 
   width: 133px; 
   height: 133px; 
   text-decoration: none; 
   background: url("../images/advisory_button_4.gif"); 
   background-position: 0 -133px; 
   margin: 0px;
   padding: 0px;
   float:left;
} 

a.advisory_button_5 { 
   display: block; 
   width: 133px; 
   height: 133px; 
   text-decoration: none; 
   background: url("../images/advisory_button_5.gif"); 
   background-position: 0 -133px; 
   margin: 0px;
   padding: 0px;
   float:left;
} 

a.advisory_button_6 { 
   display: block; 
   width: 133px; 
   height: 133px; 
   text-decoration: none; 
   background: url("../images/advisory_button_6.gif"); 
   background-position: 0 -133px; 
   margin: 0px;
   padding: 0px;
   float:left;
} 

a.advisory_button_7 { 
   display: block; 
   width: 133px; 
   height: 133px; 
   text-decoration: none; 
   background: url("../images/advisory_button_7.gif"); 
   background-position: 0 -133px; 
   margin: 0px;
   padding: 0px;
   float:left;
} 

.advisory_button_1 { 
   display: block; 
   width: 133px; 
   height: 133px; 
   text-decoration: none; 
   background: url("../images/advisory_button_1.gif"); 
   background-position: 0 -133px; 
   margin-right: 5px;
   margin-bottom: 0px;
   padding: 0px;
   float:left;
} 

.advisory_button_2 { 
   display: block; 
   width: 133px; 
   height: 133px; 
   text-decoration: none; 
   background: url("../images/advisory_button_2.gif"); 
   background-position: 0 -133px; 
   margin-right: 5px;
   margin-bottom: 0px;
   padding: 0px;
   float:left;
} 

.advisory_button_3 { 
   display: block; 
   width: 133px; 
   height: 133px; 
   text-decoration: none; 
   background: url("../images/advisory_button_3.gif"); 
   background-position: 0 -133px; 
   margin-right: 5px;
   margin-bottom: 0px;
   padding: 0px;
   float:left;
} 

.advisory_button_4 { 
   display: block; 
   width: 133px; 
   height: 133px; 
   text-decoration: none; 
   background: url("../images/advisory_button_4.gif"); 
   background-position: 0 -133px; 
   margin-right: 5px;
   margin-bottom: 0px;
   padding: 0px;
   float:left;
} 

.advisory_button_5 { 
   display: block; 
   width: 133px; 
   height: 133px; 
   text-decoration: none; 
   background: url("../images/advisory_button_5.gif"); 
   background-position: 0 -133px; 
   margin-right: 5px;
   margin-bottom: 0px;
   padding: 0px;
   float:left;
} 

.advisory_button_6 { 
   display: block; 
   width: 133px; 
   height: 133px; 
   text-decoration: none; 
   background: url("../images/advisory_button_6.gif"); 
   background-position: 0 -133px; 
   margin-right: 5px;
   margin-bottom: 0px;
   padding: 0px;
   float:left;
} 

.advisory_button_7 { 
   display: block; 
   width: 133px; 
   height: 133px; 
   text-decoration: none; 
   background: url("../images/advisory_button_7.gif"); 
   background-position: 0 -133px; 
   margin-right: 5px;
   margin-bottom: 0px;
   padding: 0px;
   float:left;
} 


/* Category Navigation Links */

ul#nav, ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width:205px;
	border-top: 1px solid #D4D4D4;
}
ul#nav li {
	position: relative;
	width:195px;
	float:left;
	clear:left;
	font-weight:bold;
}

#nav li ul {
	position: absolute;
	top: 0;
	margin-left:-999em;
	min-height:0;
	border-top:1px solid #CCC;
	margin-top:-1px;

}
/* Styles for Menu Items */
ul#nav li a {
	display:block;
	text-decoration: none;
	color: #444;
	
	line-height:2em;
	height:2em;	
	padding:0 5px;
	width:195px;
	font-weight:regular;
	border-bottom:1px solid #D4D4D4;
	
}
* html ul#nav a {
	width:200px;	
	w\idth:138px;
}

#nav li:hover a {
background-image:url(../images/catbg1.gif);
}

/* this sets all hovered lists to red */

#nav li:hover li a:hover,#nav li.over li a:hover {
   color: #000;
 
   background-image:url(../images/catbg2.gif);
}

/* set dropdown to default */
#nav li:hover li a,#nav li.over li a {
  color: #444;
background-image:url(../images/catbg.gif);
border-right: 1px solid #999999;


}
#nav li ul li a {  } /* Sub Menu Styles */
#nav li:hover ul,#nav li.over ul { margin-left:205px;  } 

#nav .subnav a{
margin-left:15px;
width:180px;
font-weight:normal;

}

#nav .subnav a:hover{
background-image:url(../images/catbg3.gif);
margin-left:15px;
width:180px;
font-weight:normal;

}

#nav .subpages {
font-size:11px;
font-weight:normal;
}

.description img {
padding-right:10px;
padding-bottom:10px;
}



