/* Reset
-------------------------------------------------------------- */
*{word-wrap:break-word;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p{padding:0; margin:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal; font-size:100%;}
input,textarea,select,button,tr,td{font-family:inherit;font-size:inherit;font-weight:inherit;}
label,input,textarea,select{vertical-align:middle;}
input.text,textarea {border:1px solid #ccc;}
button{overflow:visible;cursor:pointer;}
table{ border-collapse:collapse;border-spacing:0;}
fieldset,img{border:none;}
li{list-style:none;}
em{font-style:normal;}
.clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
.clearfix:after{clear:both;content:'.';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}

/* Default
-------------------------------------------------------------- */
body{width:1000px; margin:auto; font:12px Verdana, Arial, Helvetica, sans-serif; color:#333; background:#fff; text-align:left; position:relative;}
a:link, a:visited{text-decoration:none; outline:none;}
a:hover{text-decoration:underline;}
#wrap{ width:980px; margin:auto; background:#D8D8D8 url(../images/bj.jpg) no-repeat; padding:0 10px;}
#header{ height:120px; overflow:hidden;}
#logo{ width:164px; height:75px; background:url(../images/logo.gif) no-repeat; text-indent:-9999px; float:left; margin:24px 0 0 22px; display:inline;}
#logo a{ display:block; height:100%;}
.topbar{ float:right; margin:88px 15px 0 0; display:inline;}
.topbar img{ margin-left:13px; vertical-align:middle;}
.topbar a{ color:#666;}
#navbar{background:url(../images/navbar.jpg) no-repeat; padding-left:15px; margin-bottom:15px;}
#navbar li{ float:left; font-size:14px; font-weight:700; background:url(../images/navright.gif) top right no-repeat;}
#navbar li a{ color:#F1AB91; padding:9px 26px; display:block;}
#navbar li a:hover{ color:#fff;}
li#navhover a{ color:#fff; text-decoration:underline;}

#sidebar{ width:220px; float:left;}
#content{ width:745px; float:right;}

.search{ padding-top:20px; height:65px; overflow:hidden; background:url(../images/searchbg.jpg) no-repeat 0 0; margin-bottom:10px; text-align:center;}
.search input{ margin-top:10px;}
.search_text{ padding:3px; border:1px #ccc solid; width:140px; color:#666;}
.search_but{ width:24px; height:22px; border:0; background:url(../images/search_but.jpg) no-repeat; cursor:pointer;}
.sidebarbox{ margin-bottom:10px;}
.sidebarbox h3{ height:30px; line-height:30px; background:url(../images/sidebarbox_h3.jpg) no-repeat; font-size:12px; color:#fff; font-weight:700; text-indent:12px;}
.category,
.catebox,
.contact{ border:1px #B0B0B0 solid; background:#fff;}

.category li,
li.sone{ background:#fff url(../images/categoryli.jpg) no-repeat; padding:10px 0 10px 25px;}
.category li a,
li.sone a{ display:block; color:#666;}
.category li a:hover,
li.sone a:hover{ color:#CB0000;}
ul.stwo{ padding-top:12px;}
ul.stwo li{ font-size:11px; padding:4px 0 4px 12px; display:block;}
ul.stwo li a{ color:#999; display:block;}

.contact{ padding:10px 10px 15px 10px; background: #fff url(../images/contact_b.jpg) left bottom no-repeat;color:#666;}
.contact p{ padding:6px 0;}
.contact a{ color:#666;}
.contact span{ color:#A60000; font-weight:700;}

.banner{ height:200px; border:1px #B0B0B0 solid; background:#fff; overflow:hidden; margin-bottom:10px;}
.contentbox{ margin-bottom:10px;}
.contentbox h3{ height:33px; line-height:33px; background:url(../images/contentbox_h3.jpg) no-repeat; color:#fff; font-size:12px; font-weight:700; text-indent:12px;}
.contentbox h3 a{ color:#fff;}
.hotproducts,
.products,
.specials,
.specialinfo,
.specialinfo1,
.productinfo,
.categorie,
.channel{ background:#fff; border-bottom:1px #B0B0B0 solid; border-left:1px #B0B0B0 solid; border-right:1px #B0B0B0 solid;}
.repic img{ margin:0 7px; border:1px #ccc solid;}
.products{ padding:13px;}
.products li{ width:112px; text-align:center; float:left; overflow:hidden; margin:0 15px; display:inline;}
.ppic{display: table-cell;vertical-align:middle;text-align:center; *display: block; *font-size: 98px; *font-family:Arial; width:110px; height:110px; border:1px #ccc solid;}
.ppic img{vertical-align:middle;}
.products li h4{ /*height:25px;*/ line-height:17px; overflow:hidden; margin-bottom:10px;}
.products li h4 a{ color:#666;}
.products li h4 a:hover{color:#CB0000;}
.hotproducts{ padding:0 25px;}

.specials{ padding:10px;}
.specials ul{border-bottom:1px #ccc dashed; margin-bottom:15px;}
.specials li{text-align:center; margin:0 50px; display:inline; float:left;}
.specials li a{ color:#333; font-weight:700;}
.specials li img{ vertical-align:middle;}
.specials h5{ padding:20px 0;}

.channel{ width:723px; padding:10px; line-height:20px; overflow:hidden;}
.channel p{ margin-bottom:10px;}
.channel a{ color:#333;}

.productinfo{ padding:10px; margin-bottom:10px;}
.propic{ width:350px; float:left;}
.propic img{ margin-bottom:10px;}
.propic p a{ background:url(../images/icon.jpg) left center no-repeat; padding-left:22px; color:#333; font-size:11px; height:20px; line-height:20px; display:block;}
.protext{ width:360px; float:right;}
.protext li{ padding:10px 0; border-bottom:1px #ccc dashed;}
.protext li h2{ font-size:18px; font-weight:700; color:#C80000;}
.protext h4{ padding:10px 0; font-weight:700;}
.description{ width:360px; overflow:hidden;}
.description p{ text-indent:2em; margin-bottom:8px; line-height:16px;}
.description li{ padding:3px 0; border-bottom:none; list-style:disc;}
.submit{ width:70px; height:26px; border:0; background:url(../images/submit.jpg) no-repeat; cursor:pointer;}
.comment_inpt{ padding:4px; border:1px #ccc solid; width:180px;}
.specialinfo p{ text-align:center; margin:20px 10px; line-height:20px; border-bottom:1px #ccc dashed;}
.specialinfo p a{ color:#333; font-size:13px; font-weight:700; line-height:50px;}
.specialinfo img{ border:1px #ccc solid; display:inline;}
.specialinfo h4{ margin:6px 0 6px 132px; width:380px; font-weight:bold; text-align:center;}
.previous{ text-align:center; padding-bottom:20px;}
.previous img{ border:none; margin:0 50px;}

.specialinfo1 p{ text-align:center; margin:20px 10px;}
.specialinfo1 img{ border:1px #ccc solid; display:inline;}

.categorie{ padding:10px;}
.categorie li{ width:360px; margin-bottom:30px; float:left;}
.categorie_pic{ width:135px; padding-right:5px; float:left; border:1px solid #ccc;}
.categorie_text{ width:210px; float:left; padding-left:5px;}
.categorie_text h5{ margin-bottom:10px;}
.categorie_text h5 a{ color:#9C0001; font-size:16px; font-weight:700;}
.categorie_text p{ font-size:11px;}

#footer{ margin-top:10px; background:url(../images/footer.gif) top left repeat-x; padding:10px 0 20px 0; text-align:center; color:#666;}
#footer p{ padding:4px 0;}
#footer a{ color:#666; margin:0 12px;}



.proPic{ margin:0 auto; text-align:center; width:480px; position:relative;}

.proPic_large{ float:left; display:table-cell; *display:block; vertical-align:middle; *font-size:487px; *font-family:Arial; text-align:center; width:380px; height:540px; cursor:pointer; border:1px solid #ddd;}
.proPic_large img{ vertical-align:middle;}

.proPic_small{ float:right; padding-top:100px; width:82px;}
.proPic_small li{ margin:5px 0; padding:0;}
.proPic_small li a{ display:table-cell; *display:block; vertical-align:middle; *font-size:71px; *font-family:Arial; text-align:center; width:82px; height:82px; border:1px solid #ddd;}
.proPic_small li a:hover,.proPic_small li a.curr_show{ border:1px solid #b2222c;}
.proPic_small li a img{ vertical-align:middle;}