/* global properties
***********************************************************************/
	* {margin:0; padding:0; outline:none;}
	body {font-family:Tahoma, Helvetica, sans-serif; font-size:0.625em; color:#000; background:#2F84A0 url(/data/images/bgd_body.jpg) 0 0 repeat-x; text-align:left;}
	a {color:#D91A91; text-decoration:none}
	a:hover {color:#D91A91; text-decoration:underline}
	ul, li {list-style:none}
	h1{padding:0; margin:0 5px 0; font-size:1.1em;}
	h2{font-size:1.1em;}
	h3{font-size:1.1em; margin:0 0 8px 0;}
	h4, h5, h6{font-size:1.1em; color:#FF3333}

	img{border:none;}
	p{line-height:16px;}
	input{padding:1px; height:16px; border:#CECFCE solid 1px; font-size:1.1em;}
	label{font-size:1.1em; padding:3px 0 0 0;}
	select{border:#CECFCE solid 1px; font-size:1.1em; height:20px;}
	textarea{border:#CECFCE solid 1px; font-size:1.1em; padding:1px;}
/* common class
***********************************************************************/
	.clear{clear:both; height:0; line-height:0; padding:0}

/* common properties
***********************************************************************/
#question{font-family:Tahoma, Helvetica, sans-serif; font-size:0.625em; color:#000; background:#2F84A0 url(/data/images/bgd_body_question.jpg) 0 0 repeat-x; text-align:left;}
#container{width:936px; padding:0; margin:0 auto; position:relative; font-size:1.2em;}
	#fadeImg{width:200px; height:199px; background:none; position:absolute; right:20px; top:0; z-index:999;}
	#fadeImg .flash{width:200px; height:199px; position:relative;}
		#fadeImg .flash img{display:block;}
	
	#header{width:892px; overflow:hidden; height:83px; padding:32px 0 0 44px; background:url(/data/images/bgd_header.jpg) 0 0 no-repeat;}
		#header h1{float:left;}
		#header div{width:480px; float:left;}
			#header div h1{float:none; color:#EEF0EF; font-size:1px; margin:0; line-height:0}
				#header div h1 img{display:block;}
				#header div h2{line-height:16px; color:#2F84A0; padding:0 0 0 5px;}
	
	#main{width:936px; background:url(/data/images/bgd_bottomContainer.gif) 0 100% no-repeat; padding:0 0 25px 0;}
	#mainQuestion{width:600px; padding:0 0 25px 0;}
		#submain{width:936px; background:url(/data/images/bgd_main.gif) 0 0 repeat-y; overflow:hidden;}
		#submainQuestion{width:600px; overflow:hidden;}
		
		#nav{width:200px; float:left;}
			#nav ul{padding:0; margin:0;}
			#nav li{display:inline; padding:0; margin:0;}
			#nav li a{background:url(/data/images/bgd_nav.gif) 0 0 no-repeat; display:block; color:#2F84A0; font-weight:bold; line-height:15px; padding:7px 0 7px 18px; width:182px;}
			#nav li a span{display:block; background:url(/data/images/ico_arrow4.gif) 95% 4px no-repeat;}
			#nav li a.active{background:url(/data/images/bgd_navActive.gif) 0 0 no-repeat; color:#D91A91;}
			#nav li a:hover{background:url(/data/images/bgd_navActive.gif) 0 0 no-repeat; color:#D91A91; text-decoration:none;}
			
			#subMenu, #subMenuBg {overflow:hidden;}
			
			#subMenu ul {width:200px; overflow:hidden; padding:0; background:#F1F1F1; border:#CECFCE solid 1px; font-size:1.2em;}
				#subMenu li {width:200px; display:inline; text-align:left; background:none; padding:0; margin:0;}
				#subMenu li a{color:#000; display:block; background:#F1F1F1 url(/data/images/bgd_subNav.gif) 0 100% repeat-x; padding:4px 7px 6px 7px; margin:0;}
				#subMenu li a.subLast{background:none; background-color:#F1F1F1}
				#subMenu li a:hover{background:#fff url(/data/images/bgd_subNav.gif) 0 100% repeat-x; text-decoration:none; color:#D91A91;}
				#subMenu li a.subLast:hover{background:none; background-color:#fff; text-decoration:none; color:#D91A91;}
				
			
			#nav .navSub {width:192px; background:#F1F1F1; border:#CECFCE solid 1px; position:absolute; left:0; top:-1000px; z-index:9999; overflow:hidden}
			
			.infoContact{width:200px; margin:30px 0 0 0;}
				.infoContact h2{background:url(/data/images/bgd_titContactInfo.gif) 0 0 no-repeat; padding:7px 0 7px 15px; margin:0; font-size:0.912em; color:#fff; line-height:13px;}
				.infoContact div{padding:10px 10px;}
				.infoContact div p{color:#2F84A0; font-weight:bold;}
				.infoContact div p img{display:inline; margin:0 4px 0 0;}
				.infoContact a{color:#2F84A0; text-decoration:none;}
				.infoContact a:hover{text-decoration:underline; color:#2F84A0;}

	#content{width:691px; padding:30px 20px 0 25px; float:left;}		
		font{font-size:100%;}
		#content h2{ font-size:1.5em; color:#2F84A0; padding:0; margin:0 0 15px 0; }
			#content h2 span{background:url(/data/images/bgd_line.gif) 0 100% repeat-x; padding:0 100px 6px 0;}
			
		.highlightPage{width:691px;}
			.highlightPage h3{font-size:1em; color:#ED2B93; margin:0 0 10px 0;}
			.highlightPage p{padding:0 0 10px 0;}
			.highlightPage p span{color:#2F84A0; font-weight:bold;}
		
/* content
***********************************************************************	*/	
.path{width:470px; padding:0 0 20px 0;}
	.path ul{}
	.path li{display:inline; margin:0 5px 0 0; color:#000;}
	.path li strong{color:#000;}
	.path li a{text-decoration:underline; color:#000;}
	.path li a:hover{color:#D91A91; text-decoration:none;}
	.path li span{color:#D91A91;}
	
	.contVideosurveillance{width:691px; overflow:hidden; margin:0 0 15px 0;}
			.contVideosurveillance p{padding:0 0 10px 0;}
			.contVideosurveillance p a{text-decoration:underline; color:#D91A91}
			.contVideosurveillance p a:hover{text-decoration:none;}
			.contVideosurveillance div{width:325px; float:left; margin:10px 0 10px 0; padding:0 20px 0 0;}
				.contVideosurveillance div p{color:#D91A91;}
				.contVideosurveillance div img{display:block; float:left; border:#CECFCE solid 1px; margin:0 10px 0 0;}
	.infoType{width:691px; background:url(/data/images/bgd_line.gif) 0 0 repeat-x; padding:15px 0 0 0;}
		.infoType a{text-decoration:underline;}
		.infoType a:hover{text-decoration:none;}

/* camera_infrarouge
	***********************************************************************/
	.contCameraInfrarouge{width:691px; overflow:hidden;}
		.contCameraInfrarouge p a{text-decoration:underline;}
		.contCameraInfrarouge p a:hover{text-decoration:none;}
		.contCameraInfrarouge p{padding:0 0 10px 0;}
			.contCameraInfrarouge p span{color:#2F84A0;}
			.contCameraInfrarouge div{width:218px; float:left; margin:10px 15px 15px 0;}
			.contCameraInfrarouge div.lastBlock{margin-right:0;}
				.contCameraInfrarouge div p{padding:0 0 5px 0; color:#2F84A0}
				.contCameraInfrarouge div p a {color:#999999; text-decoration:none}
				.contCameraInfrarouge div p a:hover {color:#999999; text-decoration:underline}
				.contCameraInfrarouge div .price{background:#D91A91; padding:1px 1px; color:#fff; font-weight:bold; margin:0 0 10px 0}
				.contCameraInfrarouge div .price span{float:right; color:#fff;}
			.hidden{display:none;}
			.showDetail{display:none; padding:10px 15px; border:#000 solid 1px; position:absolute; right:0; top:0; background:#fff; width:370px; overflow:hidden; z-index:9999;}
			.showDetail img{border:#CECFCE solid 1px; margin:5px 0 5px 0;}
			.showDetail a.close{display:block; float:right; text-decoration:underline; margin:0 0 10px 10px; color:#000;}
				.showDetail a.close:hover{text-decoration:none; color:#000;}
				.showDetail h4{font-size:1em; color:#D91A91; margin:0 0 10px 0; padding:0;}
				.showDetail ul{padding:0; margin:0 0 10px 0; width:370px;}
				.showDetail li{background:url(/data/images/ico_01.gif) 0 5px no-repeat!important; padding:0 0 0 8px; margin:0 0 5px 0; color:#000; width:370px; display:block;}
				.showDetail li span{color:#D91A91;}
				.showDetail p span{color:#2F84A0; font-weight:bold}
				.showDetail p{padding:0 0 5px 0;}
				
				
				.smScrollContent {width:370px; height:190px; overflow:auto; float:left; padding:0 5px 0 0; margin:0 0 10px 0;}
			
	/* contact
***********************************************************************	*/			
	.showText ul{padding:0; margin:0 0 10px 0;}
	.showText li{background:url(/data/images/ico_01.gif) 0 6px no-repeat; padding:0 0 0 8px; display:block; margin:0 0 5px 0; color:#000;}
	.showText li span{color:#D91A91;}

	/* contact
***********************************************************************	*/			
	.contContact{width:691px; padding:0; margin:0;}
		.highlightContact{width:661px; background:url(/data/images/bgd_infoContact.gif) 0 100% repeat-x; padding:10px 15px 10px 15px; margin:0 0 20px 0;}
			.textContact{padding:0 15px}
			.highlightContact h3{color:#D91A91; font-size:1em;}	
			.contContact a{text-decoration:underline;}
			.contContact a:hover{text-decoration:none;}
			.highlightContact p{margin:0 0 4px 0;}
			.formContact{width:500px; overflow:hidden; padding:0px 0px 0 0px;}
				.formContact p{width:581px; display:block; overflow:hidden; margin:0 0 10px 0;}
				.formContact span{color:#D91A91;}
				.formContact label{width:50px; display:block; float:left; text-align:right; padding:0 20px 0 0;}
				.formContact input{width:250px; float:left; height:16px;}
				.formContact input.tel{width:170px;}
				.formContact select{width:120px; height:20px;}
				.formContact textarea{width:330px; height:100px;}
				.formContact p.btn{padding:0 0 0 70px; width:380px!important;}
				.formContact p img{display:inline; margin:0 10px 0 0;}
				
/* footer
***********************************************************************	*/	
	#footer{width:936px; padding:10px 0 20px 0;}
		#footer p{color:#fff; text-align:center; padding:0 0 5px 0}
		#footer ul{width:801px; background:url(/data/images/bgd_footer.gif) 0 0 repeat-x; padding:10px 40px 0 10px; margin:8px auto 12px auto; overflow:hidden; display:block;}
		#footer li{display:inline; float:left; border-right:#fff solid 1px; margin:0 0 7px 0}
		#footer li a{color:#fff; text-decoration:underline; padding:0 9px;}
		#footer li.last{border-right:none;}
		#footer li a:hover{text-decoration:none;}
		#footer p span{color:#C1CED2}

/***********layer**********
	********************************/
	#layerContent{width:657px; position:absolute; z-index:9999; background:#fff; padding:0; font-size:1.2em; left:0; top:-10000px; border:#b5b5b5 solid 5px;}
		.layerInfo{width:627px; position:relative; padding:15px}
		.btnClose{position:absolute; z-index:100000; right:-13px; top:-13px;}
		#overlay {position: fixed; z-index: 100; left: 0; top: 0;	width: 100%; height: 100%; cursor: pointer;}

/************new products***********/
	.newProducts{width:691px; padding:0;}
		.newProducts h3{ font-size:1.5em; color:#2F84A0; padding:0 0 5px 0; margin:0 0 15px 0; background:url(/data/images/bgd_line.gif) 0 100% repeat-x; }
			.newProducts h3 span{}
			.newProducts h4{font-size:1em; color:#D91A91; margin:0 0 10px 0}
		.newProductContent{width:100%; overflow:hidden;}
			.productsInfo{width:390px; float:left; margin:0 20px 0 0}
				.productsInfo img{display:block; float:left; margin:0 10px 0 0}
				.productsInfo .more{text-align:right}
				.productsInfo .more a{text-decoration:underline}
				.productsInfo .more a:hover{text-decoration:none}
		
		.listProducts{width:281px; float:left; overflow:hidden}
			.listProducts li{display:block; float:left; margin:0 1px 1px 0; width:84px; height:84px; background:url(/data/images/bgd_img.gif) 0 0 no-repeat; padding:3px;}
		
#feedback {
	display: block;
	position: fixed;
	left: 35;
	top: 97%;
	z-index: 100001;
	width: 130px;
	height: 52px;
	margin: -45px 0 0;
	padding: 0;
	cursor: pointer;
}
.question a {color:#000000; font-weight:bold; text-decoration:none}
.question a:hover {color:#000000; font-weight:bold; text-decoration:underline}