div,td,th,a,p,span{font-size:12px;line-height:20px; font-family:Verdana ;color:#333;}
body {margin:0px;margin:auto; text-align:center ; background:#000000 url(../images/bodybg.gif) left top repeat-x;}
i{font-size:14px;font-weight:bold;padding-left:5px; color:#FF0000;font-style: normal;}
h3{font-size:12px;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;color:black;font-weight:bold;line-height:18px;}
a,a:hover{color:#777777;text-decoration:none;}
h1,h2,h3,h4,ol,ul,li,dl,dt,dd{margin:0px;padding:0px;}
img{border-width:0px;}
h1{font-size:20px; padding:10px 0px 20px 0px;font-family:Georgia ; }
h2{font-size:14px; line-height:30px;}
ol{margin:5px 10px;}
ul{margin:0px;padding:0px;}
ul li{ list-style-type:none;}
ol li{margin-left:30px; list-style-type:decimal ;}
p{margin:5px 0px;padding:0px;  }

.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.small{font-size:11px;}
.note{ background:#FDF3C7;border:1px solid #FEB525;padding:5px;margin:5px 0px;margin-bottom:10px;}
.detail{ text-align:right ; color:#999;margin:10px 0px;}
.detail a{font-size:14px;font-weight:bold;}
.pic{margin-bottom:20px; text-align:center ; line-height:30px;}
.bor{margin-bottom:10px;}
.line{border-bottom:1px dotted #ccc;padding-bottom:5px;margin-bottom:5px;}
.listh li{float:left;width:220px;padding:10px 0px;}
.list li{margin-left:20px;  list-style-type:disc ;list-style-position:inside ;}
.box{}
.box H2{color:#d7000a;font-size:14px;font-weight:bold;float:left;margin:0px;padding:0px; line-height:25px;}
.box .more{float:right;padding:5px 0px;}
.boxC{clear:both;}
.pre{ text-indent:25px;}
.red,a.red{color:Red;}
.disabled{ color:#999;}

/*Layout*/
#container{text-align:left ;margin:auto; width:938px;}
#header{ }
#content{position:relative ;}
#main{float:right;width:784px;}
#sidebar{float:left;width:149px;padding-top:20px;}
#footer{ }

/*Header*/
#header{padding-top:10px;}
#topmenu{ text-align:right;color:#ccc;}
#topmenu a{color:#ccc;}
#logo{float:left;}
#menu{float:right;width:720px;margin-top:5px;}
.mainmenu{margin:0px;padding:0px;margin-top:20px;}
.mainmenu li{ display:inline ; padding:0px;margin-left:2px;}
.mainmenu li a{float:left;color:#fff;font-weight:bold; font-size:14px;margin:5px 10px; line-height:20px;padding:5px 10px;}
.mainmenu li.selected a{ background:#B01F1F;}
.submenu{margin:0px;padding:0px;background:#b90d0e;padding:2px; display:none;}
.submenu li{ display:inline ; padding:0px;margin-left:2px;}
.submenu li a{float:left;color:#fff;line-height:20px;padding:0px 5px;margin:0px 10px;}

#path{color:#ccc; text-align:right ;margin:5px;}
#content #path a{color:#999;}

/*Form*/
.txt{border:1px solid #ccc;}
.txtL{width:100%;}
.txt_focus{border:1px solid #666;}
.form{width:500px;margin-left:70px;clear:both;padding-bottom:40px;}
.form p{clear:both; color:#999;}
#content .form H2{ background:url(../images/dot2.gif) left center no-repeat;color:#6D6D6D; padding-left:15px;}
.field{clear:both;padding:5px;}
.field .lbl{float:left;width:150px; text-align:right ;}
.field .val{float:left;padding-left:5px;}
.field .val input{width:150px;}
.submit{padding:5px;padding-left:160px;clear:both;}
a.btn{float:left;background:url(../images/btn.gif) left top no-repeat;padding-left:10px;margin-right:5px; }
a.btn span{float:left;background:url(../images/btn.gif) right -26px no-repeat;height:26px; line-height:26px; padding:0px 20px 0px 10px;color:#fff;cursor:hand;}
a.return{float:left;background:url(../images/btn.gif) left -52px no-repeat;padding-left:10px;margin-right:5px;}
a.return span{float:left;background:url(../images/btn.gif) right -78px no-repeat;height:26px; line-height:26px; padding:0px 10px 0px 5px;color:#fff;cursor:hand;}

/*Table*/
.tblData{ background:#fff; text-align:left;}
.tblData td,.tblData th{padding:2px 5px;}
.tblHeader td{ background:#A20C11; font-weight:bold;color:#fff;}
.tblData .tblAlter td{background:#eeeeee;}
.tblItem{background:#eee;}

/*Index*/
#inndexBanner{background:url(../images/indexbanner.gif) center 30px repeat-x; text-align:center ;}
#indexNews{width:140px;position:absolute;top:-160px;}
#indexNews li{margin-left:16px; list-style-type:disc ;color:#ccc; line-height:18px;}
#indexQuick{width:140px;position:absolute;top:-160px;left:800px;}
#indexQuick .boxC img{margin:10px 0px;}

/*Page*/
#main_m{background:url(../images/content_m.gif) left top repeat-y; padding:10px 20px 30px 30px; min-height:500px;}
#main_t{background:url(../images/content_t.gif) left top no-repeat;height:19px; }
#main_b{background:url(../images/content_b.gif) left top no-repeat;height:18px;}
#main H1{color:#b60b0d;font-size:22px;font-weight:bold;  padding:0px;padding-left:25px; background:url(../images/dot1.gif) left 0px no-repeat; line-height:25px;margin-bottom:10px;}
#main H2{color:#da2221;margin-top:30px;}
#main_m a,#main_m a:hover{color:#93080e;}
.sidemenu{ background:#eeeeee;}
.sidemenu li{background:url(../images/sidemenu.gif) left 0px  no-repeat;}
.sidemenu li.hassub{background:url(../images/sidemenu.gif) left -29px  no-repeat;}
.sidemenu li a{padding-left:20px;font-size:14px;font-weight:bold;display:block ; height:28px; line-height:28px; color:#777777;}
.sidemenu li a.selected{}
.sidemenu li ul{}
.sidemenu li ul li{ background-image:none;}
.sidemenu li ul li a{ background-image:none; height:23px; line-height:23px;font-size:12px; font-weight:normal ;padding-left:25px}
.sidemenu li ul li a.selected{color:#f0f0f0;  background:#a1a1a1 url(../images/arrow_white.gif) 10px center no-repeat;}
/*Product*/
.productList{}
.product{float:left;width:33%;}
.product .pic{float:left;padding:10px; background:#F1F1F1;margin-right:6px;}
.product .pic a{ display:block ; width:99px; background:#fff;padding:5px 0px;border:1px solid #ccc;height:140px; text-align:center ;}
.product .intro{float:left;width:100px;padding:0px;margin:0px;}
.product .intro h3{font-weight:bold;padding:8px 0px;}
.product .intro ul{margin-bottom:10px;}
.product .intro li{color:#707070;padding:2px 0px; line-height:16px;}
.product .intro div{height:140px;}
.product .intro a.detail {color:#E53C22;}
.product .intro a.buy {background:url(../images/dotbuy.gif) right center no-repeat;padding-right:12px;}

 
.productDetail .pic{float:left;border:1px solid #ccc;padding:10px 20px;width:490px;}
.productDetail .intro{float:right;width:180px;}
.productDetail .intro h3{font-weight:bold;margin:8px 0px;border-bottom:1px solid #ccc;}
.productDetail .intro li{color:#707070;padding:2px 0px; line-height:16px;}
.productDetail a.price,.productDetail a.buy{margin:20px 0px;display:block ;width:157px;}
.productDetail .btns{margin-top:170px;}
.productDetail a.btn span{padding:0px 10px 0px 0px;}

.msg { clear:both;margin:10px 0px;}
.msg H2{color:#333;}
/*News*/
.newsList{width:600px;}
.newsList li{clear:both;margin-left:20px;padding:5px 0px; color:#999; list-style-type:disc ; list-style-position:outside ;}
.newsList .newsTitle{line-height:20px;}
.newsList .newsDate{float:right;color:#999;}
.newsDetail .newsTitle{ text-align:center ;font-size:14px;font-weight:bold;margin-bottom:20px;}
.newsDetail .newsContent{ line-height:23px;}
/*cat*/
.cat .btns{margin-top:10px;}
.cat .pic{padding:5px 15px;border:1px solid #ccc; background:#fff;margin:5px 10px;}
/*Pagebar*/
.pagebar{clear:both; text-align:center ;}
.pagebar span,.pagebar a {float:left; font-size:14px; color:#999; padding:5px 10px;}
.pagebar a{color:#d7000a;}

/*Footer*/
#footer{clear:both;background:url(../images/footerbg.gif) left top repeat-x;padding:10px;margin-top:30px;color:#999;}
#footer #address{float:left;font-size:11px; text-align:left;}
#footer a{font-size:11px;color:#666;}
#footer a:hover{ text-decoration:underline;}
#footer #footermenu{float:right;}
#footer #footermenu li{float:left;padding:0px 5px; line-height:20px;margin:0px;}