/**  兼容IE6/IE7/FIREFOX的CSS写法--------Hmily------模板:标准框架------  w3c-xhtml **/
/*----公用部分---*/
body {margin-top: 0; margin-bottom: 0; text-align: center; margin-left:0; margin-right:0;}
div,td,tr,span,p,li{ color:#666666; font-size: 11px; font-family: Tahoma; }
.MyAccountHR{ BORDER-BOTTOM-STYLE: dotted;BORDER-LEFT-STYLE: solid;BORDER-RIGHT-STYLE: solid; BORDER-TOP-STYLE: solid;height:1px;color:#cccccc;}
img{ border: 0}
.{margin: 0;padding: 0}
#HTMLOuterTable{width: 778px;text-align: center;}
#HTMLOuterTD{text-align: center;width: 778px;}
.TableBody{ width:100%}
a:link { color: #666666; text-decoration: none; }
a:visited { color: #666666; text-decoration: none; }
a:hover { color: orange ; text-decoration: underline; }
a:active {color: #666666; text-decoration: none;  }
.floatleft{ float:left}
.floatright{ float:right}
.clearboth{ clear:both}
.div100{ width:100%; text-align:left}
.div10{ width:100%; height:10px; overflow:hidden}
/*****************这里是我用来做产品图片的特效****************************/
.pic{ width:100%}
.prdinfo{ width:756px !important; width:100%; border:1px solid #D5E1E1; background-color:#F0F4F4; padding:10px; text-align:left; margin-top:10px}
.prdinfo233{ width:756px !important; width:100%; border:1px solid #D5E1E1; background-color:#F0F4F4; padding:10px; text-align:left; margin-bottom:10px}
#prdinfo2{ width:756px !important; width:100%; border:1px solid #D5E1E1; background-color:#F0F4F4; padding:10px; text-align:left; margin-top:10px}
#left{ width:158px !important; width:160px; float:left; background-color:#FFFFFF; border:1px solid #d5e1e1; padding-top:5px; padding-bottom:25px;}
#right{ width:586px; float:right}
.alllist{ width:148px !important; width:100%; padding-top:5px; padding-bottom:5px; padding-left:5px; padding-right:5px; text-align:left; border-bottom:1px dotted #ccc;font-weight:bold; }
.divblod{ width:584px !important; width:100%; font-weight:bold; text-align:left;border:1px solid #B9CCCC; background-color:#DDE6E6; padding-top:5px; padding-bottom:5px; text-indent:6px; }
.divblod2{ width:574px !important; width:100%; line-height:200%; text-align:left; background-color:#FFFFFF; border:1px solid #B9cccc; padding:5px; border-top:none; margin-bottom:10px}
.csstable{ width:100%; border-left:1px solid #D5E1E1; border-top:1px solid #D5E1E1;}
.csstable td{  border-right:1px solid #D5E1E1; border-bottom:1px solid #D5E1E1; vertical-align:middle; text-align:left; background-color:#FFFFFF;padding-top:6px; padding-bottom:6px; font-size:11px; padding-left:6px}

.csstable2{ width:100%; border-left:1px solid #D5E1E1; border-top:1px solid #D5E1E1;}
.csstable2 td{  border-right:1px solid #D5E1E1; border-bottom:1px solid #D5E1E1; vertical-align:middle; text-align:left; background-color:#FFFFFF;padding-top:6px; padding-bottom:6px; font-size:11px; padding-left:6px}
.prdtable{ width:100%;}
.prdtable2{ width:100%; line-height:200%; text-align:left; font-size:13px}
.prdname{ height: 30px;text-align: left; line-height: 30px;vertical-align: middle; width:100%; font-weight:bold; font-size:13px; margin-top:10px}
.cpic{ width:100%; background-image:url(contact.jpg); height:176px}
.add{ background-color:#FFFFFF; border:1px solid #ccc; text-align:left; padding-top:5px; padding-bottom:5px; padding-left:5px; line-height:150%;}
/*----模板头部----Header.aspx-----*/
#header{ width:100%;}
#logo{float:left}
#logoright{ width:562px; float:right}
.indexlogin{ width:100%; text-align:right; height:17px; line-height:17px; vertical-align:middle; margin-top:25px; font-size:9px}
.nav{ width:100%; background-image:url(nav.jpg);height:22px;}
.nav2{ width:20px; float:left; height:22px}
.nav3{ width:34px; float:left; height:22px}
.nav4{ width:35px; float:left; height:22px}
.nav5{ width:34px; float:left; height:22px}
.nav6{ width:27px; float:left; height:22px}
.nav7{ width:36px; float:left; height:22px}
.navitem{ float:left; height:16px !important; height:22px; font-weight:bold; padding-top:6px}
/*----上导航-----*/
/*----底部模板----Footer.aspx-----*/
#footer_copyright{ width:100%; margin-bottom:20px; margin-top:10px; border-top:1px solid #D5E1E1}
/*----推荐商品-----*/
.news{width:100%; margin-top:10px}
.news ul{width:100%; margin-left:0;}
.news ul li{ width:46%; float:left; display:block; height:25px; line-height:25px; vertical-align:middle; text-align:left; border-bottom:1px dotted #0094ad; margin-left:2% !important; margin-left:1%;}
/*-----购物车模板----Viewcart.aspx----*/

.viewcart_button{ width: 529px; float: right; clear: right; border-bottom: 1px solid #cccccc; margin-top:5px;}
.viewcart_button .viewcart_button_left{width: 50%;float: left;text-align: left;}
.viewcart_button .viewcart_button_right{ width: 50%; float: left; text-align: right; clear: right; }
#shoppingcart{width: 529px;float: right; margin-top:5px}
#shoppingcart ul{width: 529px;margin-left: 0}
#shoppingcart ul li{ width: 75px; height: 50px; float: left; display: block;text-align: center }
#chekout{width: 529px;float: right;text-align: right; margin-top:5px}
/*----内容页面-----contentdetail.aspx----*/
.alltitle{width:100%;height:30px; line-height:30px; vertical-align:middle; font-weight:bold; text-align:center; border-bottom:1px solid #b7b4a3}
.allbody{ width:100%}
.contentpic{ width:100%}
.prdinfo11{ width:498px !important; width:500px; border:1px solid #D5E1E1; background-color:#F0F4F4;  text-align:left; float:left;}
.prdinfo12{ width:266px !important; width:268px; border:1px solid #D5E1E1; background-color:#F0F4F4; text-align:left; float:right;}

.my11{ width:478px !important; width:498px; background-color:#F0F4F4; padding:10px; text-align:left; }
.my12{ width:246px !important; width:266px; background-color:#F0F4F4; padding:10px; text-align:left; }

#sitemap{ background-color: white;text-align: center; padding:10px}
#sitemap #sitemap1{  font-weight: bold; line-height: 50px; text-align: center; vertical-align: middle; height: 50px; border-bottom: 1px dashed gray; }
#sitemap #sitemap2{  font-weight: bold; line-height: 30px; text-align: left; vertical-align: middle; width:100%; height: 30px; border-bottom: 1px dashed gray; }
#sitemap #sitemap3{ background-color: white; width: 100%; clear: right; margin-top: 8px;text-align: left; }
#sitemap #sitemap3 #sitemap_left{ font-weight: bold; vertical-align: top; float: left; width: 90%; margin-top: 10px; margin-bottom: 8px; margin-left: 5%; border-bottom: 1px dotted gray; }
#sitemap #sitemap3 #sitemap_righ{ vertical-align: top; float: right; width: 100%; }
#sitemap #sitemap3 #sitemap_righ ul{width: 90%; margin-right:0; float:right}
#sitemap #sitemap3 #sitemap_righ li{ line-height: 20px; vertical-align: middle; float: left; width: 30%; height: 20px; display: block; }