@charset "utf-8";
/* CSS Document */
.button {
margin:0;
padding:0;
}

.compact_list{
line-height:13px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
list-style-image:url(../images/black_bullet.gif);
margin:0 0 0 26px;
padding:0;
color:#999;
}
.compact_list a{
color:#999;
}

.button2 input, textarea, select{
margin:2px 2px 2px 6px;
padding:3px 2px 4px 3px;
background:url(../images/form_white.gif) repeat-x top;
border:1px #ccc solid;
background-color:#fff;
color:#999;
}
.button2 select{
margin:2px 4px 2px 6px;
}
.button2 input:hover, textarea:hover, select:hover{
border:1px #FF9900 solid;
background:url(../images/bmenu_bg.gif) repeat-x top #fff;
color:#004E9B;
}

.red_textbox{
	color:#000000;
	padding:0px;
	margin:0px;
	background-color:#FFF9F9;
	border: 1px solid #FF0000;
}
.red_box{
	padding-left:4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#CC0000;
}
.form_text{
	padding-left:4px;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3399FF;
}
p{
margin:10px 4px 5px 4px;
}
h1{
font-family:Arial;
font-size:20px;
}
h2{
font-family:Arial;
font-size:16px;
}
a{
color:#005CB9; text-decoration:none;}
a:hover{
color:#FF0000; text-decoration:underline}
.border{
border:1px #CCCCCC solid;}
.tmenu_border{
border-top:0px #B9D0E3 solid;}

.ban_home{
background:url(../images/home_b_r.jpg) no-repeat right;
}
.ban_bio{
background:url(../images/bio_b_r.jpg) no-repeat right;
}
.ban_track{
background:url(../images/track_b_r.jpg) no-repeat right;
}
.ban_intruder{
background:url(../images/intruder_b_r.jpg) no-repeat right;
}
.ban_daynight{
background:url(../images/night_b_r.jpg) no-repeat right;
}
.ban_access{
background:url(../images/access_b_r.jpg) no-repeat right;
}
.ban_remote{
background:url(../images/remote_b_r.jpg) no-repeat right;
}
.ban_cctv{
background:url(../images/cctv_b_r.jpg) no-repeat right;
}
.ban_alarm{
background:url(../images/alarm_b_r.jpg) no-repeat right;
}
.ban_contact{
background:url(../images/contact_b_r.jpg) no-repeat right;
}
.ban_success{
background:url(../images/success_b_r.jpg) no-repeat right;
}
.ban_error{
background:url(../images/error_b_r.jpg) no-repeat right;
}
.ban_form{
background:url(../images/form_b_r.jpg) no-repeat right;
}
.ban_services{
padding:0 0 0 18px;
background:url(../images/services_b_r.jpg) no-repeat right;
}
.footer_pic{
background:url(../images/bottom_grad.jpg) repeat-x bottom;
}
.menu_top{
background:url(../images/menu-connect.gif) repeat-x bottom;
}
.menu_top_right{
background:url(../images/t_b_r_ban.gif) no-repeat right;
}

#container{
font-family:Tahoma;
font-size:11px;
padding: 0 0 0 0;
}


#container h1 {font-family:Tahoma; font-weight:lighter; font-size:18px; color:#004993; padding:0px 0px 0px 0px; margin:0px 0px 3px 0px;}
#container h2 {font-family:Tahoma; font-weight:lighter; font-size:16px; color:#7DA0C8; margin:0px 0px 0px 28px; padding:0px 0px 0px 4px;}
#container h3 { font-weight:lighter; padding:16px 30px 16px 30px; background-color:#E7F7FE; font-family:Arial; font-size:1.2em;color:#00568A; margin:12px 0px 0px 0px; border-top:#C2E2F5 1px solid; border-bottom:#C2E2F5 1px solid;}
#container h4 {font-family:Tahoma; font-weight:lighter; font-size:18px; font-size:16px; color:#000; margin:10px 0px 0px 3px;}
#container h5 {font-size:1.4em; color:#777; margin:10px 0px 0px 3px;}
#container p {font-size:1.2em; color:#888; padding:0px 10px 20px 30px;}

#container ul{
list-style-image:url(../images/blue_bullet.gif);
margin:0px;
padding-left:30px;
color:#444;
}
#container li{
font-size:12px;
font-family:Arial;
padding-bottom:5px;
}
#container ol{
margin:0px;
padding-bottom:5px;
}
#container a{
color:#0070DF;
}
#container a:hover{
text-decoration:underline;
color:#BBB;
}






#container2{
font-family:Tahoma;
font-size:12px;
padding: 0 0 0 0;
}







.menuHeader1{
background:url(../images/blue_bullet.jpg) no-repeat left;
margin:0px 0px 0px 10px;
font-family:Arial;
letter-spacing:-.02em;
font-size:14px;
font-weight:bold;
color:#000000;
padding:12px 0 10px 16px;
}
.Header1{
background:url(../images/blue_arrow.gif) no-repeat left;
margin:0px 0px 0 0px;
font-family:Arial;
letter-spacing:;
font-size:12px;
color:#000000;
padding:2px 0 0 20px;
}
.Header1sub{
border-left:1px #ddd solid;
border-bottom:1px #ddd solid;
font-weight:lighter;
margin:0px 0px 0 10px;
font-family:Arial;
letter-spacing:-.001em;
font-size:11px;
padding:0 0 8px 11px;
}

.sectionmid{
font-family:Arial;
font-size:12px;
color:#777;
left:0px;
text-align:left;
margin:6px 0 0 10px;
padding:5px 10px 4px 10px;
}
.sectionmid a{
color:#2781C9;
}
.sectionmid a:hover{
color:#FF0000;
}
.sectionOrange{
font-family:Arial;
font-size:11px;
color:#777;
left:0px;
text-align:left;
margin:6px 0 0 10px;
padding:5px 10px 4px 10px;
border-left:1px #FFCC00 solid;
border-right:1px #FFCC00 solid;
}
.sectionOrangefixed{
font-family:Arial;
font-size:11px;
color:#777;
height:120px;
left:0px;
text-align:left;
margin:6px 0px 0 10px;
padding:5px 15px 0px 10px;
border-left:1px #FFCC00 solid;
border-right:1px #FFCC00 solid;
}
.sectionblue{
	background:#F0FAFF;
	font-family:Arial;
	font-size:12px;
	color:#555;
	left:0px;
	text-align:left;
	margin:0px 6px 0px 6px;
	padding:15px 15px 15px 30px;
	border-top:1px #CAE4FF solid;
	border-bottom:1px #CAE4FF solid;
	border-left:1px #83B5EB solid;
	border-right:1px #83B5EB solid;
	list-style-type: square;
	list-style-image: url(../images/lightblue_arrow.gif);
}

.Header4{
border-left:1px #ddd solid;
margin:0px 0px 0 10px;
font-family:Arial;
letter-spacing:-.02em;
font-size:18px;
color:#000000;
padding:0 0 2px 20px;
}
.Header4sub{
border-left:1px #ddd solid;
border-bottom:1px #ddd solid;
text-align:left;
color:#555;
font-weight:lighter;
margin:0px 0px 0 10px;
padding:0px 0px 6px 21px;
font-family:Arial;
letter-spacing:-.001em;
font-size:12px;
}
.Header2{
background:url(../images/blue_arrow.gif) no-repeat left;
border-left:1px #ddd solid;
text-align:left;
font-weight:lighter;
margin:10px 0px 0 0px;
padding:2px 10px 0px 20px;
font-family:Arial;
letter-spacing:-.001em;
color:#006BD7;
font-size:14px;
font-weight:bold;
}
.Header2 a{
text-decoration:none;
color:#0066CC;
}
.Header2 a:hover{
color:#FF3300;
}
.Header2sub{
border-left:1px #ddd solid;
border-bottom:1px #ddd solid;
text-align:left;
font-weight:lighter;
margin:0px 0px 0 0px;
padding:0px 0px 6px 21px;
font-family:Arial;
letter-spacing:-.001em;
font-size:11px;
}
.HeaderBody{
text-align:left;
font-weight:lighter;
margin:10px 0px -15px 6px;
padding:2px 10px 0px 20px;
font-family:Arial;
letter-spacing:-.001em;
color:#000;
font-size:13px;
font-weight:bold;
}
.Header2ban{
text-align:right;
font-weight:lighter;
margin:10px 0px 0 10px;
padding:2px 10px 0px 20px;
font-family:Arial;
letter-spacing:-.001em;
color:#000;
font-size:13px;
font-weight:bold;
}
.Header2subban{
text-align:right;
font-weight:lighter;
margin:0px 0px 0 10px;
padding:0px 10px 6px 21px;
font-family:Tahoma;
letter-spacing:-.001em;
font-size:11px;
}
.Header2m{
background: url(../images/blue_arrow.gif) no-repeat left;
text-align:left;
font-weight:lighter;
margin:10px 0px 0 10px;
padding:10px 10px 0px 20px;
font-family:Arial;
letter-spacing:-.001em;
color:#9CBADA;
font-size:14px;
font-weight:bold;
}
.Header2m a{
text-decoration:none;
color:#0066CC;
}
.Header2m a:hover{
color:#FF3300;
}
.Header2subm{
border-bottom:1px #ddd solid;
text-align:left;
font-weight:lighter;
margin:0px 6px 0 6px;
padding:0px 10px 6px 31px;
font-family:Arial;
letter-spacing:-.001em;
font-size:11px;
}
.contentimg{
margin:0px 0px 0 10px;
padding:0px 0px 0px 0px;
}
.content2img{
margin:20px 0px 0 10px;
padding:0px 0px 0px 0px;
}
.contentgrey{
background:#F8F8F8;
font-family:Arial;
font-size:11px;
text-align:left;
margin:0px 10px 10px 0px;
padding:10px;
}
.contentgrey2{
background:#F8F8F8;
font-family:Arial;
font-size:11px;
text-align:left;
margin:4px 0px 10px 14px;
padding:10px;
border-top:1px #ccc solid;
border-bottom:1px #ccc solid;
}
.sectionOrangfill{
background:#FFF8DF;
font-family:Arial;
font-size:11px;
text-align:left;
margin:0px 6px 0 6px;
padding:5px;
border-left:1px #FFCC00 solid;
border-right:1px #FFCC00 solid;
}
.sectionBodyText{
	font-family:Arial;
	font-size:11px;
	color:#777;
	left:0px;
	text-align:left;
	margin:6px 0px 0 10px;
	padding:0px 15px 15px 30px;
	border-bottom:1px #5AA0E7 solid;
	list-style-type: square;
	list-style-image: url(../images/lightblue_arrow.gif);
	white-space: normal;
}
.sectionMidBodyBlueBullet{
	font-family:Arial;
	font-size:11px;
	color:#777;
	left:0px;
	text-align:left;
	margin:6px 0px 0 10px;
	padding:5px 15px 5px 30px;
	list-style-type: square;
	list-style-image: url(../images/lightblue_arrow.gif);
	white-space: normal;
}
.sectionMidBodyText{
	font-family:Arial;
	font-size:11px;
	color:#777;
	left:0px;
	text-align:left;
	margin:6px 0px 0 10px;
	padding:15px 15px 0px 30px;
}

#leftmenu1{
font-family:Tahoma;
font-size:11px;
}
#leftmenu1 ol li{
font-size:11px;
}
#leftmenu1 dl {margin: 0 auto; padding: 0 0 0 0 0; background: url(bottom.gif) no-repeat bottom left;}
/*Heading Style*/
#leftmenu1 dt {font-family:Arial; margin:0; padding: 10px; font-size:14px; font-weight:bold; color:#004F9D; border-bottom:1px solid #fff; border-bottom:2px #FFCC00 solid;solid;}
/*list Menu Style*/
#leftmenu1 dd {background:#fff; margin:0; padding:0; color: #fff; font-size: 1em; border-bottom:1px solid #fff;}

#menu1 a, #menu1 a:visited {color:#555; text-decoration:none; display:block; padding:3px 5px 3px 20px; background:url(../images/grey_arrow.gif) no-repeat 3px 5px; width:160px; border-bottom:1px #ddd dotted;
}
#menu1 a:hover {background:#FFF5C1 url(../images/orange_arrow.gif) no-repeat 3px 5px; color:#FF3300;}



#info p {margin-left:15px; margin-right:20px;}
#info img {margin:15px; float:left;}
#info h1 {margin-left:15px;}
/* the style starts here */
a.tooltip { font-family:Tahoma; font-size:11px; color:#000;}
a.tooltip b {display:none;}
a.tooltip:hover {color:#c00; border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip:hover b {display:block; position:absolute; top:26px; left:-25px; padding:5px; font-weight:normal; color:#000; border:1px solid #888; background:#ffc; width:200px;}
a.tooltip:hover b em {position:absolute; left:20px; top:-6px; width:9px; height:6px; background:url(../images/tooltip.gif) 0 0; display:block; font-size:1px;}



.orangelink a{
text-decoration:none;
color:#FF3300;
}
.orangelink a:hover{
text-decoration:underline;
color:#FF9900;
}
.bluelink a{
text-decoration:none;
color:#006CD9;
}
.bluelink a:hover{
text-decoration:underline;
color:#FF3300;
}



.border1{
border:1px #ddd solid;
}
.leftborder1{
border-left:1px #ddd solid;
}
.rightborder1{
border-right:1px #eee solid;
}
.borderOrangeRight{
border-right:1px #FFCC00 solid;
}
.topborder1{
border-top:1px #ddd solid;
}
.topborder2{
border-top:1px #24679D solid;
}
.bottomborder1{
border-bottom:1px #ddd solid;
}
.leftrightedges{
border-left:1px #ddd solid;
border-right:1px #ddd solid;
}
.rightbottomedges{
border-bottom:1px #ddd solid;
border-right:1px #ddd solid;
}
.bottomedges{
border-bottom:1px #ddd solid;
border-left:1px #ddd solid;
border-right:1px #ddd solid;
}


#menu {list-style-type:none; font-family:Tahoma; font-size:11px;
margin:0 0 20px 0;
padding:0;}

#menu li {display:block; float:left; position:relative; z-index:100; margin-right:1px;}
#menu li span {display:block; z-index:100; padding: 0px 10px;font-size:1.1em;}
#menu li a, #menu li a:visited {display:block; padding:0;}

#menu dl {
	position:absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

#menu dt {background-color:#F7F7F7; margin:0; font-size: 1.1em; float:left; border-right:1px solid #eee;}
/* settings for bottom border of menu drop down component */
#menu dd {display:none; clear:left; margin:0; padding:0; color: #fff; font-size: 1em; text-align:left;}

#menu dt a, #menu dt a:visited {background:url(../images/menu_bg1.gif); display:block; color:#555; padding: 5px 10px; text-decoration:none;}
/* settings for menu components background and font color */
#menu dd a, #menu dd a:visited { display:block; width:140px; background:#999; color:#fff; text-decoration:none; display:block; padding: 5px 10px;}

#menu li a:hover {border:0;}

#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {border-bottom:5px solid #6AB9FF;}
/* settings for roll-over state for components background and font color */
#menu li:hover dt a, #menu li a:hover dt a, #menu dd a:hover {background:#B9DCFF; color:#004080;}



/*    outline   */
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}

/*    corner edges   */
.xb2, .xb3, .xb4 {background:#fff; border-left:1px solid #ccc; border-right:1px solid #ccc;}

/*    top & bottom edges   */
.xb1 {margin:0 5px; background:#ccc;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

/*    left & right edges   */
.xboxcontent {display:block; background:#fff; padding-top:0px; border:0 solid #ccc; border-width:0 1px;}

.xcopyrightleft  {color:#777;}
.xcopyrightleft  a{color:#007EFD;}
.xcopyrightleft a:hover{color:#FF0000;}
.xdatetime {text-align:right; font-family:Tahoma; font-size:11px; color:#777777;}
.xcopyrightleft {text-align:left; font-family:Tahoma; font-size:10px; color:#777;}

.xcopyrightright {text-align:right; font-family:Tahoma; font-size:11px; color:#777;}