body{ margin:0px auto; background: url(images/headerbg.png) top repeat-x;}
body,td,th,input,div,select,p{font-size: 12px;color: #000;font-family:Arial, Helvetica, sans-serif}
a {color:#000; text-decoration:none;  }
a:hover{ color:#000; text-decoration:none}

#bar{ color:#FFF}
#bar a{ color:#FFF}

#headColumn{ width:995px; margin:0 auto; background:url(images/topbannar.png) top no-repeat}
#headColumn .member{ float:right; width:995px; height:25px; line-height:25px; color:#CCC; text-align:right; clear:both}
#headColumn .member a{ color:#CCC; text-decoration:underline; padding:0 5px;}
#headColumn .logo{ width:291px; height:99px; padding:26px 0 0 10px; float:left; text-align:left}

#headColumn .cartpart{ width:314px;float:right;}
#headColumn .cartpart .cart{ width:314px; float:left; background:url(images/topcartbg.gif) no-repeat; height:29px; line-height:25px; text-indent:40px;}
#headColumn .cartpart .cart a{ color:#333; font-weight:bold; text-decoration:none}
#headColumn .cartpart .cart a:hover{ color: #496A3F;font-weight:bold; text-decoration:none}
#headColumn .cartpart .account{ width:314px; text-align:left; color:#FFF; font-weight:bold;position:relative; float:right; top:5px}
#headColumn .cartpart .account a{ font-weight:bold; color:#FFF}
#headColumn .search{ width:995px; height:35px;line-height:35px;background:url(images/searchbar-bg.gif); clear:both}
#headColumn .search .searchbar{ width:500px; float:left; text-align:right}
#headColumn .search .HotSearch{ width:460px; float:right; text-align:left; font-size:11px;}
#headColumn .search .HotSearch a{ font-size:11px;}

#navbarouter {position: relative;float: left;left: 0px;top: 0px;margin: 0;padding: 0;width: 100%;height: 40px;}
#navbarouter ul {position: relative;left: 0px;top: 0px;margin: 0 auto;padding: 0;width: 995px;height: 35px;list-style: none;}
#navbarouter ul li {position: relative;float: left;left: 0px;top: 0px;margin: 0px 0px 0px 0px;padding: 0;height: 35px;list-style: none;padding: 0px 0px 0px 15px;}
#navbarouter ul li#last a {}
#navbarouter ul li a {position: relative;float: left;left: 0px;top: 0px;margin: 0;padding: 0px 14px 0px 7px;height: 35px;line-height: 35px;vertical-align: middle;color: #000; font-weight:bold;font-size: 110%;display: block;}
#navbarouter ul li:hover {}
#navbarouter ul li:hover a {color: #496A3F;font-weight:bold;}
*html #navbarouter ul li a:hover {color: #496A3F;font-weight:bold;}
#navbarouter ul li#last:hover a {color: #000000;font-weight:bold;}
#navbarouter ul li.current {}
#navbarouter ul li.current a {color: #496A3F; font-weight:bold;}



#bodyColumn{ width:995px; clear:both; margin:0 auto;}
#bodyColumn .leftColumn{ width:224px; float:left}
#bodyColumn .leftColumn .bar_title{ height:37px; line-height:35px; text-align:left; text-indent:40px; font-size:15px; color:#000; font-weight:bold; background:url(images/btn_category.gif); margin-top:10px;}
#bodyColumn .leftColumn .bar_lines_category{ background-color:#ECF1D4;overflow:auto}
#bodyColumn .leftColumn .bar_lines{ border-left:1px solid #DDDDDD; border-right:1px solid #DDDDDD;overflow:auto}
#bodyColumn .leftColumn .bar_lines s{ font-size:10px; color:#666}
#bodyColumn .leftColumn .bar_lines span{ font-size:10px; color:#F00}
#bodyColumn .leftColumn .bar_lines .content{ width:200px; height:85px; overflow:hidden; font-weight:100; color:#496A3F; font-size:11px; line-height:13pt;margin-top:5px; border-top:1px solid #ddd; text-align:left}
#bodyColumn .leftColumn .bar_lines .new{}
#bodyColumn .leftColumn .bar_lines .new ul{ margin:0; padding:0; list-style-type:none}
#bodyColumn .leftColumn .bar_lines .new li{ width:220px; display:block; float:left;text-align:left; line-height:22px;}
#bodyColumn .leftColumn .bar_lines .new li span{ float:right; color:#666; padding-right:2px;}
#bodyColumn .leftColumn .bar_lines .new li a{font-size:11px; color:#666; padding:0 20px; background:url(images/dot.gif) no-repeat left; background-position:10px;}
#bodyColumn .leftColumn .bar_lines .new li a:hover{ text-align:left; color:#496A3F;line-height:22px;background:url(images/dot_over.gif) no-repeat left; background-position:10px;}
#bodyColumn .leftColumn .bar_bot_category{ width:224px; background:url(images/class_bot.gif); height:8px;}
#bodyColumn .leftColumn .bar_bot{ width:224px; background:url(images/class_bot2.gif); height:8px;}


#bodyColumn .rightColumn{ width:760px; float:right; margin-top:10px;}
#bodyColumn .rightColumn .bar_title_long{ height:38px; clear:both; line-height:35px; text-align:left; background:url(images/long_category.gif); text-indent:40px; font-size:15px; color:#000; font-weight:bold;  margin-top:10px;}
#bodyColumn .rightColumn .bar_title_long a{ color:#000}
#bodyColumn .rightColumn .bar_line_index{border:1px solid #DDDDDD; border-top:none;overflow:auto}

#bodyColumn .rightColumn .viewbar{height:30px; clear:both; line-height:30px; text-align:left; text-indent:20px; background:url(images/view_category.gif); font-weight:bold; margin-top:5px; color:#FFF}
#bodyColumn .rightColumn .viewbar a{ color:#FFF}
#bodyColumn .rightColumn .bar_line{ border:1px solid #DDDDDD; border-top:none; overflow:auto}
#bodyColumn .rightColumn .bar_line a{ color:#000}
#bodyColumn .rightColumn .leftpart{ width:350px; float:left;}
#bodyColumn .rightColumn .rightpart{ width:350px; float:right; padding-top:5px;}
#bodyColumn .rightColumn .content{clear:both; padding:10px; line-height:15pt; background-color: #F9F9F9; margin-top:15px}



#FootColumn{ width:995px;margin:0 auto; color:#666; padding-top:10px; margin-top:20px; clear:both; text-align:center}
#FootColumn a{ padding:0 10px; color:#666; font-size:11px;}
#FootColumn .safe{ padding:10px 0; text-align:center}
#FootColumn .key{ clear:both; padding-bottom:10px; text-align:center; color:#666}
#FootColumn .copyright{ clear:both; text-align:center; font-size:11px; padding:10px 0; color:#666;}
#FootColumn .help{ height:80px; background:url(images/helpbg.png); clear:both; padding:25px 55px;}
#FootColumn .help .classfirst{ width:175px; text-align:left; float:left; font-size:16px; font-weight:bold; color:#5D6E16}
#FootColumn .help .classfirst ul{ margin:0; padding:0; list-style-type:none}
#FootColumn .help .classfirst li{ width:180px; float:left; display:block; clear:both}
#FootColumn .help .classfirst li a{ color:#5D6E16; font-weight:100; font-size:12px; padding:3px 0}

/*产品目录*/
#insort { width:182px; margin:0 auto;}
#insortline { margin:0; padding:0; overflow:hidden;}
#insortnsort {text-align:left;width:130px;}
.ProTitle { text-align:left; line-height:22px; padding-left:25px; background:url(images/dot.gif) no-repeat left; background-position:15px 10px;}
.ProTitle a{ font-size:11px; color:#666}
.ProTitleHover { text-align:left;line-height:22px; padding-left:25px;background:url(images/dot_over.gif) no-repeat left; background-position:15px 10px;}
.ProTitleHover a{ font-size:11px; color:#819826; text-decoration:none}
.ProTitle200{ width:182px; height:22px;text-align:left; padding-left:10px;}
.ProTitle200 a{ font-weight:100; font-size:12px;}
.ProTitleHover200 { width:182px; height:22px;text-align:left; padding-left:10px;}
.ProTitleHover200 a{ font-weight:100; font-size:12px;}
.ProTitleDown200 { width:182px; text-transform: capitalize; padding-left:10px;}
.ProTitleDown200 a{ font-weight:100}

.classstyle{width:182px; height:23px;text-align:left; background:url(images/class_bg.gif);line-height:23px; text-indent:10px; font-weight:bold;}
.classstyle a{ color: #000; text-decoration:none; font-size:12px;}
.classstyle a:hover{ color: #641D6A; text-decoration:none; font-size:12px;}
.sort{VISIBILITY: hidden; WIDTH: 190px; position:absolute;margin-top:0px; overflow:hidden; z-index:999; background-color:#FFFFFF; border:1px solid #858585}
/*产品目录*/



#showpage {  text-align:center;line-height:30px; font-size:12px;clear:both;  color:#000; font-weight:100; margin:10px 0;}
#showpage a{ font-family:arial; text-decoration:none; color:#000; font-size:11px; font-weight:bold; background:#fff; border:1px solid #666; padding:0 5px;}



#hw00{ float:left; width:189px;  overflow:hidden; }
#hw1{ text-align:center;margin-top:10px;height:140px; overflow:hidden;}
#hw1 a img{ border:0; max-width:160px; max-height:140px; width:expression(this.width > 160 && this.height < this.width*140/160 ? 160: true);  height: expression(this.height > 140 ? 140: true);margin-top: expression(this.height < 140 ? (140-this.height)/2: 0); }
#hw2{ width:170px; text-align:center; line-height:1.3; margin:auto; height:55px; }
#hw2 a{color:#000; font-size:12px; font-weight:bold;}
#hw2 .price{width:150px; margin:0 auto}
#hw2 .price .part1{width:55px; float:left; text-align:right; line-height:25px}
#hw2 .price .part1 span{ color:#000; font-weight:bold;}
#hw2 .price .part2{width:95px; float:right}
