body,p,th,td,input,select,textarea{font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 11px;}
body{ background:#F2F2F2; margin:0; padding:0; color:#666;}
div{ padding:0; margin:0;}
a{ color:#000; text-decoration:none;}
a img{ border:none;}
form{margin:0; padding:0;}
hr{ height:1px; color:#ccc; width:100%;}
.butt{ background:url(../images/butt.gif) no-repeat; font-size:12px; color:#88631B; text-align:center; width:74px; height:24px; font-weight:bold; border:none; cursor:pointer;	cursor:hand; }
.key{ width:220px; height:18px; font-weight:bold; color:#ccc; font-size:10px; ime-mode:disabled;}
#cls{ clear:both;}
table,ul,li,ol{ list-style:none; padding:0; margin:0;}
h1,h2,h3,h4,h5{ padding:0; margin:0;}

.bg{ background:#fff; width:950px; margin:0 auto;}
.top{ padding:20px 30px;}
.logo{ float:left; background:url(../images/logo.jpg) no-repeat; width:170px; height:60px; display:block;}
.menu{ float:left; width:520px; padding-top:20px; padding-left:20px;}
.menu ul li{ float:left; font-size:14px; font-family: Tahoma, "Times New Roman", Times, serif;}
.menu ul li a{ background:url(../images/menu_off.jpg) left center no-repeat; padding-left:10px; padding-right:55px;}
.menu ul li a:hover{ background:url(../images/menu_on.jpg) left center no-repeat; color:#C00;}
.menu ul li b{ background:url(../images/menu_on.jpg) left center no-repeat; color:#C00; padding-left:10px; padding-right:55px;}
.search{ padding-top:20px;}
.search input{ float:left;}
.searchbg{ background:url(../images/search_bg.jpg) no-repeat; width:148px; height:20px; border:none; padding-left:10px; padding-top:2px;}
.show{ clear:both; text-align:center; background:#F2F2F2; margin:15px;}

.content{ padding:10px 25px;}
.left{ float:left; width:248px;}
.contactinfo{ padding-top:40px;}
.right{ float:left; background:url(../images/zx2.gif) top left repeat-y; width:668px; margin-left:-20px;}
.t{ background:url(../images/zx.gif) top left no-repeat; padding-left:40px;}
.categories{ padding-top:20px; width:237px;}
.categories h2{ background:url(../images/categories.jpg) left bottom no-repeat; padding-top:5px; border-top:4px solid #C00; width:237px; height:20px;}
.categories ul{ margin-top:10px;}
.categories ul li{ clear:both; height:50px; padding:5px;}
.categories ul li:hover{ background:#F2F2F2;}
.categories ul li img{ float:left; width:40px; height:40px; border:3px;}
.menutext{ float:left; width:158px; padding-left:10px;}
.menutext b{ display:block; padding-bottom:5px;}
.menutext a{ text-decoration:underline;}
.menutext b a{ color:#C00;}
.menutext span a{ color:#666;}
.menutext span a:hover{ color:#999;}

.brand{ text-align:right; padding-top:10px; clear:both;}
.brandlist{ clear:both; padding-top:10px;}
.brandlist ul li{ clear:both;}
.brandlist ul li a{ float:left; width:155px; height:158px; border-left:1px solid #ddd; text-align:center;}
.brandlist ul li a:hover{ color:#C00;}
.brandlist ul li a img{ width:100px; height:100px; display:block;}
.liststyle{ background:url(../images/xlist.jpg) no-repeat; width:620px; height:12px; margin:0 auto;}
.more{ margin-top:10px; padding-top:5px; border-top:2px solid #DDD; text-align:right; clear:both;}

.prosort h2{ background:url(../images/categories.jpg) left bottom no-repeat; width:237px; height:20px; margin-bottom:10px;}
.prosort ul li b.onb a{ display:block; background:#FFF url(../images/left_ons.gif) left center no-repeat; padding:3px 3px 3px 18px; color:#666; width:216px;}
.prosort ul li b.onb a:hover{ display:block; background:#FFF url(../images/left_ons.gif) left center no-repeat; padding:3px 3px 3px 18px; color:#C00; width:216px;}
.prosort ul li b.ons a{ display:block; background:#C00 url(../images/left_on.gif) left center no-repeat; padding:3px 3px 3px 18px; color:#FFF; width:216px;}
.prosort ul li b.ons a:hover{ display:block; background:#C00 url(../images/left_on.gif) left center no-repeat; padding:3px 3px 3px 18px; color:#FFF; width:216px;}

.prosort ul li a{ display:block; padding:2px 2px 2px 28px; background:url(../images/left_off.gif) left center no-repeat; color:#666;width:206px;}
.prosort ul li a:hover{ background:#F2F2F2 url(../images/left_off.gif) left center no-repeat; color:#000;}
.dc{ height:35px;}
.dc h2{ float:left; font-size:20px; font-weight:normal; color:#C00; width:400px;}
.dc span{ float:right; text-align:right; font-weight:bold; color:#999; width:200px; padding-top:5px;}
.dc a{ float:right; text-align:right; font-size:14px; color:#666; width:200px; padding-top:5px;}
.pages{ background:#F2F2F2; padding:4px; text-align:right; clear:both;}
.pages b{ padding:4px; background:#C00; color:#fff;}
.pages a{ padding:5px; margin:0 2px; color:#C00;}
.pages a:hover{ font-weight:bold;}
.pro_list{ width:615px;}
.pro_list ul{ margin-top:15px; margin-bottom:15px;}
.pro_list ul li{ float:left; width:178px; text-align:center; padding-right:25px; padding-bottom:20px;}
.pro_list ul li a{ width:178px; border:1px solid #CCC; height:198px; display:block;}
.pro_list ul li a:hover{ border:1px solid #C00;}
.pro_list ul li a img{ display:block; padding:5px 0;}
.pro_list ul li a b{ color:#C00; font-size:13px;}
.pro_list ul li a:hover b{ color:#000;}
.pro_list ul li a span{ color:#999; display:block; padding:5px 0; line-height:130%;}
.pro_list ul li a:hover span{ color:#666;}
.pro_list ul li a strong{ color:#666;}
.pro_list ul li a:hover strong{ color:#C00;}

.view{ clear:both;}
.pictures{ float:left; width:340px;}
.bigpic{ width:300px; height:300px;}
.pictures h4{ font-size:12px; color:#999; padding-bottom:10px;}
.otherpic a img{ border:1px solid #CCC; margin-right:8px;}
.otherpic a:hover img{ border:1px solid #C00;}
.proinfo{ float:left; width:270px;}
.proinfo h3{ background:#C00; padding:3px; color:#FFF; font-weight:bold; font-size:12px;}
.proinfo div{ padding:8px; line-height:140%;}
.proinfo ul li{ width:30px; padding-right:10px;}
.proinfo ul li img{ border:1px solid #ddd;}
.proinfo ul li span{ display:block; padding-top:3px; font-size:11px; color:#999;}
.message{ clear:both; margin-top:20px; border:1px solid #DDD; background:url(../images/message.jpg) left center no-repeat; padding:5px 35px;}
.message span{ color:#C00;}
.message a{ color:#C00; text-decoration:underline;}

.q h4{ font-size:14px; color:#000; font-weight:normal; padding:5px 0;}
.q ul li{ padding:1px;}
.q ul li span{ color:#c00;}
.q ul li a{ padding-left:5px; color:#999;}
.q ul li a:hover{ color:#666;}
.a{ margin-top:10px; border-top:1px solid #ccc;}
.a h3{ font-size:16px; color:#666; font-weight:normal; padding-top:10px;}
.a h5{ padding:5px 0;}
.a h5 span{ color:#000;}
.a h5 b{ padding-left:5px; color:#C00;}

.copyright{ clear:both; width:303px; height:91px; background:url(../images/copyright.jpg) no-repeat; display:block; margin:0 20px; padding-bottom:50px;}