/*  BASIC STYLE */
body {	margin: 0;	padding: 0;	background-color: #000;	color: #FFF;	font-size: 12px;	text-align: center;	font-family: "Arial";}
img { border: 0; }
form { margin: 0;  padding: 0; }
    

/* LAYOUT */
#wrapper {	width: 960px;	margin: 0 auto;	padding: 0;	text-align: left;	font-family: Arial;}
#header {	height: 143px;	width: 960px;	background-image: url(images/header_bg.jpg);	background-repeat: no-repeat;}
#header_blackbg {	height: 143px;	width: 960px;	background-color: #000;}
#header_products {	height: 174px;	width: 960px;	background-image: url(images/productheader_bg.jpg);}
#sidebar {	float: left;	height: 746px;	width: 970px;	background-image: url(http://www.ai-cctv.com/images/main_bg.jpg);
	background-repeat: no-repeat;	background-position: left;	clip: rect(auto,auto,auto,9px);}
#sidebar_blackbg {	float: left;	width: 970px;	background-color: #000;}
#sidebar_conbg {	float: left;	height: 746px;	width: 970px;	background:url(images/contact_us_bg.jpg) no-repeat;	}
#sidebar_index {	float: left;	height: 775px;	width: 970px;	background-image:url(images/index_bg.jpg);
	background-repeat: no-repeat;}
#footer{	background-image: url(images/footer_bg.jpg);	height: 70px;	width: 960px;	padding-top: 20px;	background-repeat: no-repeat;}
#footer #online {	display: block;	left: 410px;	top: 20px;	height: 24px;	width: 140px;	background-image: url(images/online.jpg);	background-repeat: no-repeat;	position: relative;}
#footer #online a {	display: block;	height: 25px;	width: 168px;}
.clearline { clear: both; }

/* header - LOGOSEARCH */
#logo{	margin: 0px;	padding: 0px;	float: left;	height: 75px;	width: 98px;}
#logosearch {height: 75px;}
#logosearch .language {	float: right;	margin-right: 9px;	margin-top: 20px;}
.languageform{	width:200px;	height: 25px;	background-color:#000;	font-family: "Arial";	color: #FFF;	font-size: 14px;	line-height: 28px;	}
#logosearch .search {	float: right;	margin-right: 9px;	height: 25px;	width: 200px;	position: relative;	left: 209px;
	top: 51px;}
#logosearch .search .pic_1{	float: left;	width:25px;	height: 23px;	border: 1px solid #000;}
.searchform{	width:144px;	height: 23px;	background-color:#000;	font-family: "Arial";	color: #FFF;	float: left;	font-size: 14px;	margin: 0px;	padding: 0px;	border: 1px solid #333;}
#logosearch .search .pic_2{	float: left;	width:25px;	height: 23px;	border: 1px solid #000;}

/* header - TOPMENU */
#topmenu {	right: 30px;	text-align: center;	display: block;	position: relative;	width: 960px;
	font-size: 14px;	font-family: Arial;	margin-top: 15px;}
#topmenu ul {	list-style-type: none;	width: 960px;	display: block;}
#topmenu li  {	width: 158px;	text-align: center;	display: block;	font-family: Arial;	font-size: 14px;	float: left;
	list-style-type: none;}
#topmenu a,  a:link,  a:active,  a:visited {	color: #FFF;	text-decoration: none;	font-family: Arial;
	line-height: 25px;	font-size: 14px;	display: block;}
#topmenu a:hover {	color: #F00;}	
#botmenu ul {	list-style: none;	margin: 0;	padding: 0;}

/* header - BOTMENU */
#botmenu {	width: 960px;	height: 25px;	padding-left: 15px;	position: relative;	text-align: center;
	display: block;	margin-top: -20px;	top: 5px;}
#botmenu li  {	spadding: 0;	float: left;	margin: 0px;	position: relative;	text-align: center;
	display: block;	width: 150px;	padding-top: 0px;	padding-right: 8px;	padding-bottom: 0px;	padding-left: 0px;}
#botmenu a,  a:link,  a:active,  a:visited {	font-family: Arial;	font-size: 14px;	color: #FFF;
	text-decoration: none;	text-align: center;	display: block;}
#botmenu a:hover {	color: #CCC;}	

/* sidebar - LEFTMENU */
#leftmenu {	padding-left: 35px;	height: 0px;	width: 300px;	float: left;	padding-top: 15px;}
#leftmenu #tit {	padding-left: 7px;	font-family: Arial;	font-size: 12px;	line-height: 30px;	color: #FFF;
	text-align: center;	display: block;	width: 220px;}
#leftmenu ul {	margin: 0;	padding: 0;	list-style: none;}
#leftmenu li  {	position: relative;	z-index: 10;	spadding: 0;	text-indent: 30px;	background-image: url(images/icon_1.jpg);
	background-repeat: no-repeat;	background-position: 0 50%;	width: 250px;}
#leftmenu a,  a:link,  a:active,  a:visited {
	font-weight: normal;	font-family: Arial;	line-height: 35px;	font-size: 12px;	color: #F00;
	text-decoration: none;	display: inline;}
#leftmenu a:hover {	color: #C00;}	

/* LEFTMENU_CAMERA*/
#leftmenu_products {	padding-left: 35px;	height: 730px;	width: 300px;	float: left;	margin-top: 15px;}
#leftmenu_products #tit {	padding-left: 7px;	font-family: Arial;	font-size: 12px;	line-height: 30px;	color: #FFF;
	text-align: center;	display: block;	width: 220px;}
#leftmenu_products .group{	padding-bottom: 10px;}
#leftmenu_products ul {	margin: 0;	padding: 0;	list-style: none;}
#leftmenu_products li  {	position: relative;	z-index: 10;	spadding: 0;	text-indent: 30px;	background-image: url(images/icon_1.jpg);	background-repeat: no-repeat;	background-position: 0 22%;	width: 260px;}
#leftmenu_products a,  a:link,  a:active,  a:visited {	font-weight: normal;	font-family: Arial;
	line-height: 30px;	font-size: 12px;	color: #F00;	text-decoration: none;	display: inline;}
#leftmenu_products a:hover {	color: #C00;}	
.leftmenuform {}
.leftmenuform .form {	width:170px;	height: 18px;	background-color:#433131;	font-family: " Arial";	color: #FFF;
	font-size: 12px;	line-height: 28px;	border: 1px solid #333;}

/* LEFTMENU_NEXTPAGE*/
#nextpage{	font-family: Arial;	font-size: 12px;	vertical-align: bottom;	display: block;	text-align: center;}

#nextpage .text{	font-family: Arial;	font-size: 12px;	line-height: 25px;	color: #FFF;	padding-right: 2px; padding-left: 2px;}
#nextpage a, a:link,  a:active,  a:visited {	color: #FFF;	text-decoration: underline;	font-weight: normal;
	font-family: Arial;	line-height: 25px;	font-size: 12px;	display: inline;}
#nextpage a:hover {	color: #CCC;}	
#nextpage_pro{	font-family: Arial;	font-size: 12px;	vertical-align: bottom;	display: block;	text-align: center;
	position: absolute;	z-index: 1;	top: 870px;	left: 422px;	width: 250px;	height: 25px;}
#nextpage_pro .text{	font-family: Arial;	font-size: 12px;	line-height: 25px;	color: #FFF;	padding-right: 2px;	
padding-left: 2px;}
#nextpage_pro a, a:link,  a:active,  a:visited {
	color: #FFF;	text-decoration: underline;	font-weight: normal;	font-family: Arial;	line-height: 25px;	font-size: 12px;	display: inline;}
#nextpage_pro a:hover {	color: #CCC;}	

/* LEFTMENU_more*/
#leftmenu #leftmore{	font-family: Arial;	font-size: 12px;	left: 35px;	text-align: center;	display: block;	width: 250px;}
#leftmenu #leftmore a, a:link,  a:active,  a:visited {	color: #F00;	font-weight: normal;	font-family: Arial;
	line-height: 25px;	font-size: 12px;	display: inline;}
#leftmenu #leftmore a:hover {	color: #C00;}	

/* sidebar - MAIN */
#main {	width: 615px;	float: left;	overflow: auto;	height: 720px;	margin-top: 15px;}
#main #tit{	font-family: Arial;	font-size: 12px;	line-height: 30px;	color: #FFF;	text-align: left; float:left; }
#main #pic{	width: 580px;	padding-top: 10px;	padding-bottom: 10px;}
#main #write{	font-family: Arial;	font-size: 12px;	line-height: 20px;	color: #FFF;}
#main #intro{	font-family: Arial;	font-size: 12px;	line-height: 20px;	color: #FFF;	text-align: left;
	display: block;	text-decoration: underline;	padding-top: 10px;}
#main #intro ul {	margin: 0;	padding: 0;	list-style: none;}
#main #intro li  {	background: url(image/icon_1.jpg) no-repeat 0 50%;	position: relative;
	z-index: 10;	spadding: 0;	text-align: left;	font-weight: normal;	font-family: Arial;	line-height: 40px;
	font-size: 12px;	color: #F00;	text-indent: 30px;}
#main #intro a,  a:link,  a:active,  a:visited {color: #FFF;	text-decoration: none;	letter-spacing: 1px;font-family: "Arial";}
#main #intro a:hover {	color: #CCC;}	
#main #cont{	overflow: auto;	font-family: Arial;	font-size: 12px;	line-height: 20px;	color: #FFF;	text-align: left;
	display: block;	margin-bottom: 20px;}
#about{	overflow: auto;	font-family: Arial;	font-size: 12px;	line-height: 20px;	color: #FFF;	text-align: left;
	display: block;	margin-bottom: 20px;	height: 720px;	padding-left: 9px;	width: 98%;	margin-top: 10px;}
#support{	overflow: auto;	font-family: Arial;	font-size: 12px;	line-height: 20px;	color: #FFF;	text-align: left;
	width: 98%;	height: 720px;	padding-left: 9px;	margin-top: 10px;}
#support #tit{	font-family: Arial;	font-size: 12px;	line-height: 25px;	color: #FFF;	text-decoration: none;	
padding-bottom: 5px;	border-bottom-width: 1px;	border-bottom-style: dotted;	border-bottom-color: #CCC;}
#support #content{	background-color: #1b1b1b;	height: 100%;	position: relative;}
#support #content .group{	border-top-width: 6px;	border-top-style: solid;	border-top-color: #1B1B1B;	height: 125px;
	border-bottom-width: 1px;	border-bottom-style: dotted;	border-bottom-color: #CCC;	background-color: #1B1B1B;	}
.sup_pic{	height: 100px;	width: 117px;	float: left;	padding: 5px;}
.sup_intro{	width: 500px;	font-family: " Arial";	font-size: 12px;;	color: #FFF;	text-decoration: none;
	line-height: 25px;	float: left;}
.supform{	width: 175px;	float: left;	padding-top: 3px;}
.supform .form {	width:170px;	height: 18px;	background-color:#433131;	font-family: "Arial";	color: #FFF;
	font-size: 12px;	line-height: 28px;	border: 1px solid #333;}
.map_chick{	text-align: center;	display: block;	width: 600px;	margin: 0px;	font-family: Arial;	font-size: 12px;
	;	color: #FFF;	padding: 0px;}
.map_chick a,  a:link,  a:active,  a:visited {	color: #F00;	text-decoration: underline;	letter-spacing: 1px;
	font-family: "Arial";	font-size: 12px;;	padding-bottom: 1px;	line-height: 25px;}
.map_chick a:hover {	color: #C00;}	
#content_us{	top: 111px;	left: 280px;	position: relative;}
#content_us .form{	height: 15px;	width: 250px;	padding-top: 4px;	padding-bottom: 18px;}
.redio_male{	float: left;	padding-left: 5px;	padding-bottom: 12px;	padding-top: 4px;}
.redio_female{	padding-left: 104px;	padding-bottom: 12px;	padding-top: 4px;}
.textarea{	height: 130px;	width: 400px;	padding-top: 10px;}
#btn_send{	padding-top: 50px;	text-align: center;	display: block;	width: 400px;}
#btn_send #space{	padding-right: 10px;}

/* product_search */
#pro_search{	font-family: Arial;	font-size: 12px;	line-height: 20px;	color: #FFF;	text-align: left;
	width: 98%;	padding-left: 9px;	margin-top: 5px;}
#pro_search .group{	height: 130px;	border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #555;
	padding-top: 5px;}
#pro_search .group_end{	height: 130px;	border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #000;
	padding-top: 5px;	padding-bottom: 20px;}
.pro_pic{	height: 111px;	width: 115px;	float: left;	padding-top: 5px;	padding-right: 10px;
	padding-bottom: 5px;	padding-left: 5px;}
.pro_tit{	width: 350px;	font-family: " Arial";	font-size: 12px;;	color: #FFF;	text-decoration: none;
	line-height: 25px;	float: left;}
.pro_intro{	float: left;	padding-top: 3px;}
.pro_intro .text{	font-family: Arial;	font-size: 12px;	line-height: 18px;	color: #FFF;	text-align: left;
	display: block;	text-decoration: underline;	padding-top: 5px;}
#PS_nextpage{	font-family: Arial;	font-size: 12px;	vertical-align: bottom;	display: block;
	text-align: center;	width: 100%;	height: 25px;	padding-top: 15px;	padding-bottom: 20px;}
#PS_nextpage .text{	font-family: Arial;	font-size: 12px;	line-height: 25px;	color: #FFF;	padding-right: 2px;
padding-left: 2px;}
#PS_nextpage a, a:link,  a:active,  a:visited {	color: #FFF;	text-decoration: underline;	font-weight: normal;
	font-family: Arial;	line-height: 25px;	font-size: 12px;	display: inline;}
#PS_nextpage a:hover {	color: #CCC;}	

/* text */
.text_1{	font-family: Arial;	font-size: 12px;	line-height: 20px;	color: #FFF;}
.text_red{	font-family: Arial;	font-size: 12px;	line-height: 20px;	color: #F00;}
.text_red_2{	font-family: Arial;	font-size: 12px;	line-height: 20px;	color: #F00;	float: left;}

.border{border: 1px dotted #FFF;}

/* index */
#video{	background-color: #CCC;	height: 356px;	width: 614px;	position: relative;	float: left;
	margin-left: -3px;	margin-top: 6px;}
#video_btn{	height: 25px;	width: 510px;	float: left;	text-align: right;	display: block;
	padding-top: 13px;	margin-left: 200px;}
.index_box{	width: 270px;	float: left;	padding-left: 34px;	margin-top: 42px;	padding-right: 14px;}
.index_box .tit{}
.index_box .pic{	padding-top: 20px;	padding-bottom: 10px;}
.index_box .con{}
.index_box .more{	padding-top: 4px;	text-align: center;	display: block;	width: 250px;}
.index_box .more a, a:link,  a:active,  a:visited {	color: #F00;	font-weight: normal;	font-family: Arial;	line-height: 25px;	font-size: 12px;	display: inline;	text-decoration: none;}
.index_box .more a:hover {	color: #C00;}	

/*buycar*/
#buybg{
	float:left;
	width:60px;
	height:20px;
	background-repeat: no-repeat;
	background-position: left top;
	margin:4px 5px 0 5px;
	color:#FFF;
	border:#000 1px;
	font-size: 10px;
	}
#buyform{
	color:#FFF;
	float:left;
	width:55px;
	height:20px;
	background-image: url(images/buyform.jpg);
	border:#000 1px;
	font-size: 13px;
	top:5px;
	padding:4px 0 0 10px;
	}
#buycar{
	float:left;
	background:url(images/buycar.jpg) top left no-repeat;
	margin:4px 5px 0 5px;
	}
#buycar_c{
	float:left;
	background:url(images/buycar_c.jpg) top left no-repeat;
	margin:4px 5px 0 5px;
	}

#buycarlist{font-family: Arial;	font-size: 12px;	line-height: 20px;	color: #FFF;	text-align: left;
	width: 98%;	padding-left: 9px;	margin-top: 10px;}
#buycarlist #tit{
	font-family: Arial;
	font-size: 12px;
	color: #FFF;
	text-decoration: underline;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	padding-left: 48%;
}
#buycarlist #content{	height: 100%;	position: relative;}
#buycarlist #content .group{
	height: 125px;
	margin:7px 0;
	border-bottom: 1px solid #666;
}
.buycar_pic{	height: 100px;	width: 117px;	float: left;	padding: 5px;}
.buycar_tit{	font-family: " Arial";	font-size: 12px;;	color: #FFF;	text-decoration: none;
	line-height: 25px;	float: left; margin:0 10px 0 5px;}
#buycarlist #content .group .qu{
	float:left
}
#quantity{
	margin-left:7px;
}
#buycar_intro{
	margin-left:200px;
	font-size: 12px;
	line-height: 25px;
	color: #FFF;
	float:left

}