/*-- Common css --*/
body{ margin:0;padding-top:15px;background-color: #F6F6F6;font-size:12px;color:#56645d;line-height:18px}
a {color: #036;text-decoration: none;
}
a:hover {color: #258DC9;text-decoration: underline;}
.shadowbox {background: #f2f2f2;position: relative;top:8px;left: 2px;margin-bottom:8px;}
.box {background: #fff;border: 1px solid #ededed;padding: 8px;position: relative;top: -2px;left: -2px;}
ul,li{list-style:none;}
.clear{clear:both}
.agrey{color:#dedede}
#contact{line-height:18px;margin-left:-8px}
#search{line-height:32px}
.search_box{height:18px}
.search_button{width:23px;height:26px;border:0;background:url(search.png)}
#tablist tr{padding-bottom:16px}

/*-- QQ online --*/
#ad{position:absolute;z-index:100;text-align:center;right:5px}
#qqlink{width:110px;height:150px;background:url(kefu_middle.gif)}

/*-- page container --*/
#container{ width:920px;margin:0 auto;background:url(bg.png)}
#header,#content,#navigator,#footer{ width:96%;margin:0 auto}
#header{padding-top:9px}
#footer{clear:both;padding-bottom:5px;color:#949d99;background:#fdfdfd}
#footer .box {height:80px}
#footer_left{float:left;width:520px;border-right:1px #dedede solid;height:80px}
#footer_left img{padding:5px;border:1px #f4f4f4 solid;margin:3px}
#footer_right{float:right;text-align:right;line-height:16px}

/*--- this is link menu -- */
#nav { width:97.3%;margin:3px auto 0 auto;border:1px #c6b8b8 solid;background:#e7e1e1;padding:5px 12px;height:20px}
#nav li { display: inline;list-style-type: none;line-height:12px}
#nav li a:link,#nav li a:visited { float:left;margin-right:8px;padding:1px 5px;text-decoration: none;color:#000;}
#nav li a:hover { color:#000;border:1px solid #fff;}
#nav li a#current { color:#c00;border:1px solid #fff;}
#nav li a#hot {color:#dd7d1f}

/*-- layout --*/
#left_box{float:left;width:200px}
#right_box{float:right;width:675px}
.box_left{float:left;width:73%;}
.box_right{float:right;width:26%;}
#left_contact{float:left;width:605px}
#right_contact{float:right;width:270px}

/*-- user login --*/
.title{font-family: verdana, tahoma, sans-serif;FONT-SIZE: 10px;font-weight:bold;padding:3px}
.grey{FONT-SIZE: 12px;color:#666666;padding:3px}
textarea, input, select{background: #FFFFFF;border: 1px solid #CCCCCC;color: #000000;font-family: verdana, tahoma, sans-serif;font-size: 0.95em;}
.username{background-image:url(username.gif);background-position: 1px 1px;background-repeat:no-repeat;padding-left:20px;height:20px;FONT-SIZE: 12px;}
.password{background-image:url(password.gif);background-position: 1px 1px;background-repeat:no-repeat;padding-left:20px;height:20px;FONT-SIZE: 12px;}
.imgbutton{margin-left:86px;padding-top:8px}

/*-- fiedset --*/
.buttom{padding:1px 10px;font-size:12px;border:1px #1E7ACE solid;background:#D0F0FF;}
fieldset {padding:10px;margin-top:5px;border:1px solid #8B8878;background:#fff;}
fieldset legend {color:#8B8878;font-weight:bold;padding:3px 20px 3px 20px;border:1px solid #8B8878;	background:#fff;}
fieldset label {float:left;width:120px;text-align:right;padding:4px;margin:1px;}
fieldset div {clear:left;margin-bottom:2px;line-height:22px}

/*-- focus ad -- */
#ti{width:348px;height:229px;padding:5px;filter : progid:DXImageTransform.Microsoft.Fade ( duration=0.5,overlap=1.0 ) ;}
#tcon{ width:240px;height:19px; float:left;margin-top:6px;}
#fcon{float:right;width:270px;height:210px;border: #dedede solid;border-width:1px;padding:10px}
#fcon table{margin-bottom:8px}
#fcon img {height:80px;width:100px;border:1px #dedede solid}
#fcon a img{filter:progid:DXImageTransform.Microsoft.Shadow(color:#EED5B7,direction:145,strength:8) alpha(opacity=55)}
#fcon a:hover img{filter:progid:DXImageTransform.Microsoft.Shadow(color:#EED5B7,direction:145,strength:8) alpha(opacity=95)}
.bbgt0{background:url(movc04.gif) no-repeat center; cursor:hand; color:white;line-

height:16px; font-size:10px; font-weight:bold;}
.bbgt0 a{color:white;text-decoration: none;}
.bbgt1{background:url(movc05.gif) no-repeat center; color:white;cursor:hand; line-

height:16px; font-size:10px;font-weight:bold;}
.bbgt1 a{color:#fff;text-decoration: none;}
/*-- new goods--*/

/*--- admin css --*/
#admin_login input{border:0px}
#admin_login table{border:8px #fff solid;margin-top:80px}
.login_button{background:url(../admin/images/login_r2_c4.jpg);width:59px;height:57px}


#product_left{float:left;width:496px}
#product_left img {padding:8px;border:1px #f4f4f4 solid}
#product_right{float:right;width:172px}
.dot{border-bottom:1px #996600 dotted;color:#999999;font-size:12px;width:350px}
.dot2{border-bottom:1px #996600 dotted;}
.plist{margin-left:65px}

/* 空格样式 */
.skin{margin:0 auto;  padding:5px; width:99.5%; height:15px}
#page_options{float:left; font-size:12px; text-align:left; width:90px; color:#778A99; cursor:pointer; z-index:90; zoom:1; position: relative; clip: rect( ); background:url(http://www.soan-alarm.com/images/tl.gif) right center no-repeat;}
a#editpage{font:normal 11px 宋体;padding-right:15px;}
#Sright{position: absolute; width:140px; height:18px; left:-25px; top:18px; z-index:1; filter:progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#fffefeff,EndColorStr=#fff3f5fb, GradientType=0)progid:DXImageTransform.Microsoft.Shadow(Color=#ffb6bccb, Strength=2, Direction=135); padding:3px; font:12px arial; border:1px solid #778A99; background:#F2F0F5; display:none;}
.themes{border:1px solid #000;}

/*搜索样式 */
#so li{border-bottom:1px #dedede dashed;width:95%}
/*图片幻灯片样式*/
#picad img{width:160px;height:160px;padding:5px;border:2px #dedede solid}
#ifont1,#ifont2,#ifont3{text-align:center} 
#map{border:#dedede solid;border-width:2px 0 2px 0;margin:0 8px 0 7px;padding:20px 35px 0 0}
#map li{list-style:none;background:url(http://www.soan-alarm.com/images/rsslink1.gif) #f6f6f6;background-repeat:no-repeat;padding-left:25px;margin:5px}
.bigs li{border:1px gray solid;padding:7px}
.smalls li{border:1px #dedede dotted;width:90%}
#map .smalls li{background:#fff;padding:5px}
.smalls img {margin-left:50px;margin-top:2px}
#map img{border:0px}
/*FAQ提交*/
#getQ li{padding:2px}
#getQ input{width:200px}
#getQ textarea{width:320px;height:60px}
#getQ .buttom{width:90px}

#MPB {width: 270px;	height: 200px;}
#MPB #SlidePlayer {	position: relative;	margin: 0 auto;}
#MPB .Slides {overflow: hidden;	list-style-type: none;	height: 200px;	margin: 0;	padding: 0;}
#MPB .Slides LI {float: left;width: 282px;height: 200px;}
#MPB .Slides IMG {display: block;width: 270px;height: 200px;border:0px;}
#MPB .SlideTriggers {list-style-type:none;position: absolute;top:0px;height: 18px; margin:4px 0px 0px 4px;padding: 0;width:16px;}
#MPB .SlideTriggers LI {display: inline;background: url(slide_trigger.gif) no-repeat center center;float: left;overflow: hidden;width: 16px;height: 16px;cursor: pointer;color:#0849AD;text-align: center;margin:2px;font: 13px Arial;}
#MPB .SlideTriggers LI.Current {font:13px Arial;color: #FFF;background: url(slide_trigger_c.gif) no-repeat center center;width: 16px;height:16px;margin: 2px;}