/* CSS Document */
*
{
padding:0;
margin:0;
}


body
{
background:#fff url(../images/body-bg.jpg) repeat-x left top;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
}

h1
{
font: bold 18px Arial, Helvetica, sans-serif;
color:#244E93;
background:url(../images/dotted-line.gif) no-repeat left bottom;
padding-bottom:10px;
margin-bottom:10px;

}


h1.inside
{
background:url(../images/h1-bg.jpg) no-repeat left top;
font: bold 23px "Trebuchet MS";
padding:20px 5px;

}

ul
{
list-style:none;
}

hr
{
background:#ccc;
color:#ccc;
height:1px;
border:0;
size:1px;
}

.more
{
width:50px;
height:17px;
background: url(../images/blue-white-arw.gif) no-repeat right top;
display:block;
color:#000;
font-size:10px;
text-decoration:none;
padding-top:2px;
float:right;
}

.left-float
{
float:left;
margin-right:10px;
}

.red
{
color:#FF3300;
}



#wrapper
{
width:960px;
overflow:hidden;
margin:0 auto;

}

#wrapper .column {
padding-bottom: 20010px;
margin-bottom: -20000px;  
}

#top-link
{
width:960px;
float:left;
padding-top:5px;
color:#fff;
}

#top-link a
{ font: 13px "Arial Narrow";
color:#fff;
text-decoration:none;}


#header
{
width:960px;
height:111px;
float:left;
padding-top:15px;
}

#logo
{
float:left;
}

#top-img
{
float:right;
width:712px;
height:100px;
}

#top-img img
{
}

#container-wrapper
{
width:960px;
float:left;
}

#top-nav
{
width:960px;
height:40px;
background:#333;
margin-bottom:7px;
border-top:5px solid #078BC7;
}

#center-div
{
width:10px;
float:left;
}

#left-block
{
float:left;
width:236px;
padding-bottom:20px;
}

#latest-new
{
width:195px;
height:172px;
float:left;
background:url(../images/latest-new-bg2.gif) no-repeat left top;
font-size:11px;
color:#fff;
}

#lates-content
{
width:160px;
padding:10px;
height:140px;
}

#lates-content a
{
color:#fff;
text-decoration:none;
}

#latest-new .latest
{
margin-top:15px;
}

#latest-new h2
{
margin-top:5px;
}

#latest-new p
{
margin-bottom:5px;
}

#latest-new .read
{
color:#fff;
float:right;
position:relative;
bottom:-8px;
background:#000 url(../images/read-more-arw.gif) no-repeat right  center;
width:66px;
height:16px;
padding:2px;
text-align:center;
text-decoration:none;
}

#left-btm
{
width:175px;
margin:0 auto;
}

#left-links
{
width:173px;
border:1px solid #CCCCCC;
margin-bottom:20px;
border-bottom:0;
float:left;
margin-top:5px;

}

#left-links h2
{
font: bold 12px  Arial, Helvetica, sans-serif;
color:#333;
padding:4px;
border-bottom:1px solid #ccc;
background:#E9E9E9 url(../images/left-h2.jpg) repeat-x left top;
text-transform:uppercase;
}

#left-links ul li
{
background:url(../images/left-link-bg.jpg) repeat-x left top;
}

#left-links ul li a
{
display:block;
padding:4px;
border-bottom:1px solid #ccc;
text-decoration:none;
font:11px Tahoma;
color:#0066CC;
background:url(../images/square-bullet.gif) no-repeat 3px center;
padding-left:10px;
}

#body-pro-rfid #left-links ul li a.pro-rfid,
#body_fingerprint #left-links ul li a.fingerprint,
#body_fprecog #left-links ul li a.fprecog,
#body_gpsveh #left-links ul li a.gpsveh,
#body_pronav #left-links ul li a.pronav,
#body_cctv #left-links ul li a.cctv,
#body_rfid-sol #left-links ul li a.rfid-sol,
#body_smart-sol #left-links ul li a.smart-sol,
#body_gps-sol #left-links ul li a.gps-sol,
#body_sms-sol #left-links ul li a.sms-sol,
#body_cctv-sol #left-links ul li a.cctv-sol,
#body_bar-sol #left-links ul li a.bar-sol,
#body_blue-sol #left-links ul li a.blue-sol
{
background:#005277 url(../images/square-bullet.gif) no-repeat 3px center;
color:#fff;
}

#left-links ul li a:hover
{
background:#005277 url(../images/square-bullet.gif) no-repeat 3px center;
color:#fff;
}

#left-links ul li ul.sub-link
{
background:#CED6E1 url(../images/sub-bg.jpg) repeat-x left top;
border:1px solid #fff;
padding-left:2px;
}

#left-links ul li ul.sub-link li
{
background:none;
}
#left-links ul li ul.sub-link li a
{
display:block;
color:#0188C6;
border:0;
background: url(../images/arrow.gif) no-repeat left center;
font:11px Verdana, Arial, Helvetica, sans-serif, Tahoma;
text-decoration:underline;
}

#left-links ul li ul.sub-link li a:hover
{
background: url(../images/arrow.gif) no-repeat left center;
color:#000;
text-decoration:underline;
}

#leftbox
{
padding:10px;
width:214px;
height:180px;
border:1px solid #DCE3EB;
background:#F0F3F6 url(../images/leftbox-bg.jpg) repeat-x left top;
font-size:11px;
margin-top:10px;
float:left;
}

#leftbox h2
{
font-size:13px;
}

#leftbox .blue-text
{
color:#076DA0;
font-weight:bold;
margin-bottom:0;
}
#leftbox p
{
margin-bottom:10px;
margin-top:5px;
padding:0 5px;
}


#online-int
{
width:173px;
margin-top:20px;
float:left;
}

#online-int img
{
border:0;
margin-right:5px;
margin-top:2px;
}

#online-int a
{
text-decoration:none;
color:#000;
}


#container
{
width:942px;
float:left;
background:#fff;
border:1px solid #E2E2E2;
padding:8px;
border-top:0;
}

#content
{
float:right;
width:700px;
background:#fff;
}

#content-banner
{
width:700px;

}

#content-area, #content-big
{
width:678px;
float:left;
padding:10px;
font-size:12px; font-family: Arial, Helvetica, sans-serif; color:#353535; line-height:14px;
background:url(../images/leftbox-bg.jpg) repeat-x left top;
border:1px solid #DCE3EB;
}



.content-box
{
width:445px;
float:left;
padding:10px;
font-size:12px; font-family: Arial, Helvetica, sans-serif; color:#353535; line-height:14px;
background:#F0F3F6 url(../images/leftbox-bg.jpg) repeat-x left top;
border:1px solid #DCE3EB;
margin-top:10px;
line-height:16px;
height:180px;
}

.content-box p
{
margin-bottom:10px;
}

.product-image
{
float:right;
width:225px;
height:200px;
background:#000;
margin-top:10px;
}

#content-big
{
width:850px;
}


#content-area p, #content-big p
{
margin-bottom:5px;
line-height:19px;
}

#content-area h2, #content-big h2
{
font: bold 13px  Arial, Helvetica, sans-serif;
color:#244E93;
}

#content-area h3
{
color:#333;
font: bold 13px "Trebuchet MS";
margin-top:10px;
}

#content-area ol.number
{
padding-left:35px;
}

#content-area ol.number li
{
background:none;
margin-bottom:5px;
}


#content-area ul.round-arw
{
}

#content-area ul.round-arw li
{
background:url(../images/round-arw.gif) no-repeat left center;
padding-left:15px;
}

#content-area ul li
{
margin-bottom:5px;
}

#featured-pro
{
width:680px;
background: url(../images/pro-feat.jpg) no-repeat left top;
color:#fff;
}


#footer-wrapper
{
width:100%px;
height:116px;
margin:0 auto;
}

#footer
{
width:925px;
margin:0 auto;
font-size:11px;
text-align: center;
color:#333;
}

#footer a
{
color:#333;
}

.hit
{
float:left;
font:13px Arial, Helvetica, sans-serif;
text-align:left;
display:block;
}


.ddimgtooltip{
box-shadow: 3px 3px 5px #818181; /*shadow for CSS3 capable browsers.*/
-webkit-box-shadow: 3px 3px 5px #818181;
-moz-box-shadow: 3px 3px 5px #818181;
display:none;
position:absolute;
border:1px solid black;
background:white;
color: black;
z-index:2000;
padding: 4px;
}

#intro
{
width:400px;
float:left;
padding:0 10px 0 10px;
}
#intro p
{
line-height:16px;
}

.link5 {text-decoration:underline;color:#393939; font-weight:bold;}

#index-block
{
}

/* ------------- Index Block --------------- */
#top-block
{
	width: 700px;
	color:#666666;
	font-size:11px;
	line-height:16px;
	background:#fff;
	margin:0 auto;
	overflow:hidden;
	float:left;

	
}

	#top-block .grad-boxes
	{
	width:210px;
	padding:5px 10px;
	display: inline;
	float:left;
	background:url(../images/grey-grad.jpg) repeat-x left bottom;
	}
	
	#top-block .grad-boxes-gap
	{
	margin:0 5px;
	}
	
	#top-block .grad-boxes h2 a
	{
	font-size:12px;
	color: #000;
	text-transform:uppercase;
	margin-bottom:10px;
	}
	
	#top-block .grad-boxes p
	{
	margin:5px 0 2px 0;
	}
	
	#top-block .grad-boxes span
	{
	float:right;
	}
	
	
	#breadcrumb
	{
	width:690px;
	background:#DAE1E7;
	font-size:11px;
	padding:5px;
	color:#000;
	}
	
	#breadcrumb a
	{color:#0066CC;
	text-decoration:none;
	}
	
	table.form-table
	{
	}
	
	table.form-table td
	{
	padding:5px;
	}
	
	table.form-table td p
	{
	line-height:20px;
	}
	
	table.form-table td input.text
	{
	background:#fff;
	border:1px solid #ccc;
	width:250px;
	}
	
	table.form-table td input.small
	{
	background:#fff;
	border:1px solid #ccc;
	width:175px;
	}
	
	table.form-table td input.smaller
	{
	background:#fff;
	border:1px solid #ccc;
	width:70px;
	}
	
	table.form-table td .comment
	{
		background:#fff;
	border:1px solid #ccc;
	width:250px;
	}
	
	table.form-table td input:focus{background:#ccc;color:#000; border:0;}
	
	
.checklist {
			border: 1px solid #ccc;
			list-style: none;
			height: 15em;
			overflow: auto;
			width: 50em;
		}
		.checklist, .checklist li { margin-left: 0; padding: 0; }
		.checklist label { display: block; padding-left: 25px; text-indent: -25px; }
		.checklist label:hover, .checklist label.hover { background: #777; color: #fff; }
		* html .checklist label { height: 1%; }


.contact-right
{
float:right;
width:300px;
padding:10px;
}

.contact-left
{
float:left;
padding:10px;
}

#tab-block{width:470px;float:left}
div.tabs >div{width:507px;float:left}                

div.tabs >div h2{margin-top:0}

ul.tabNavigation li a #first{color:#fff}

#second{}#third{}#fourth{border:0}

ul.tabNavigation{width:470px;list-style:none;margin:0;background:url(../images/tab-top.jpg) repeat-x left top;float:left;padding-left:1px;padding-left:1px}

ul.tabNavigation li{display:inline;float:left;color:#fff;padding:15px 0 0 0;height:30px}

ul.tabNavigation li a{color:#fff;text-decoration:none;font-size:12px;font-weight:bold;padding:15px 12px 5px 12px;border-right:1px solid #fff;text-transform:uppercase}

ul.tabNavigation li a.selected,ul.tabNavigation li a:hover{background:url(../images/grey-grad.jpg) repeat-x left top;display:block;display:inline;color:#000}

ul.tabNavigation li a.selected{color:#000}

ul.tabNavigation li a:focus{outline:0} 

table.chart_system{width:680px; text-align:left; margin-top:20px;}
table.chart_system td
{background-color: #F3F3F3; color:#003466; padding:3px; text-align:left; border:1px solid #e3eaf6;
}
table.chart_system td h2
{
font: bold 13px Arial, Helvetica, sans-serif;
}
table.chart_system th.firstrow{background-color:#006699; color:#fff; padding:3px; border-bottom:1px solid #ffffff; border-right:1px solid #ffffff; text-align:left}
table.chart_system th{background-color:#95bee6; color:#003466; padding:3px; border-bottom:1px solid #ffffff; border-right:1px solid #ffffff; text-align:left}
table.chart_system td.dark_bluebg{background-color:#95bee6; color:#003466; font-weight:bold; padding:3px 0 3px 5px; border-bottom:1px solid #ffffff}
table.chart_system td.firstrowbg{background:#e3eaf6 url(../images/round-arw.gif) no-repeat left center; color:#003466; padding:3px; border-left:1px solid #ffffff; text-align:left;padding-left:15px;}
table.chart_system td.secondrowbg{background-color:#cedaee; color:#003466; padding:3px; border-left:1px solid #ffffff; text-align:left}
table.chart_system td.whiterowbg{background-color:#fff; color:#003466; padding:3px; border-left:1px solid #ffffff; text-align:left}


.blog{
	background:#244E93; border:1px solid #0F233C;width:214px; float:left; padding:10px; height:250px;}
	
	.blog h2{ width:115px;color:#fff; text-transform:uppercase;font:bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif; background:#D94D1E; padding:0; }

.blog h2 span
{
color:#316AC5;
background:#fff;
}

/.blog ul.head li{
	}
.blog ul.head li p{
	color:#fff; width:auto;
	font:normal 12px/16px;padding:10px 0; line-height:20px;
	}
	
.blog ul.head li p a
{color:#fff;
}

.blog a.read-more{
	background:#078BC7;
	font-size:11px;
	color:#fff;
	padding:5px;
	text-decoration:none;
	margin-top:20px;
	}
	
.spacer{
font-size:0; line-height:0; clear:both;}