body { margin:0; padding:0; background:#fff url(../images/body_bg.jpg) no-repeat; font-family:Arial, Helvetica, sans-serif;}
img { border:none;}

a{ color:#676664; text-decoration:none;}
a:visited { color:#676664; text-decoration:none;}
a:hover { text-decoration:underline;}

.clear { clear:both; }

#wrapper{ width:1003px; margin:0 auto;}
#header{ height:125px; position: relative; width:100%; top:0;}
#header h1 { position:absolute; width:400px; height:50px; background:url(../images/logo.png); overflow:hidden ; top:30px;left:19px; margin:0; padding:0;}
#header h1 a{ display:block; width:400px; height:50px;}
#header h1 a span{ display:none;}
#header ul.link1 { position:absolute; width:333px; height:20px; top:1px; left:659px; margin:0; padding:0; background:url(../images/link_bg.jpg) no-repeat; list-style:none; }
#header ul.link1 li { float:left; margin-right:1px; list-style:none;}
#header ul.link1 li.contact{ width:69px;}
#header ul.link1 li.payment{ width:123px;}
#header ul.link1 li.faq{ width:69px;}
#header ul.link1 li.links{ width:69px; margin-right:0;}
#header ul.link1 li a{ float:left; text-indent:-999999px; width:100%;}

#header ul.link2 { position:absolute; width:366px; height:28px; top:66px; left:401px; background:url(../images/link2.jpg) no-repeat; margin:0; padding:0; list-style:none;}
#header ul.link2 li{ float:left;list-style:none;}
#header ul.link2 li.login{ width:52px; margin-right:2px; }
#header ul.link2 li.cart{ width:239px; margin-right:2px; }
#header ul.link2 li.checkout{ width:63px; }
#header ul.link2 li a{ float:left; width:100%; text-indent:-9999px; height:28px; }

#header p{ position:absolute;top:75px; left:550px; font-size:10px; margin:0;}

#search { position:absolute; top:94px; background:url(../images/search_bg.jpg) no-repeat; height:31px; width:100%; color:#999B9A; line-height:31px;}
#search span { float:right; width:740px; margin-right:12px; text-align:right; font-size:11px;}
#search form { margin:0; padding:0; position:relative;}
#search .text { position:absolute; top:6px; left:12px; width:158px; border-width:0; background:#FFFEE9; height:15px; padding:2px; color:#999;}
#search .btn { position:absolute; top:6px; left:187px;}
#main{ }
#cout{ width:781px; float:left; background:url(../images/main_bg.png) repeat-y;}
#cin{  background:url(../images/col_left_bg.jpg) bottom left no-repeat; overflow:hidden;}
#cleft{ width:204px; float:left; overflow:hidden; font-family:arial;}
#cleft h1{ margin:0;}
#cleft ul{ list-style:none; padding:0 12px 0 0; margin:0}
#cleft ul li{ list-style:none; font-size:12px; line-height:29px; }
#cleft ul li a{ float:left; line-height:29px; width:170px; padding-left:34px; font-size:12px;}
#cleft ul li a:link, #cleft ul li a:visited { background:url(../images/cat_off.jpg) no-repeat; }
#cleft ul li.first a:link, #cleft ul li.first a:visited { background:url(../images/cat_first_off.jpg) no-repeat; }
#cleft ul li a:hover { background:url(../images/cat_on.jpg) no-repeat; text-decoration:none; color:#E39004; font-weight:bold; }
#cleft ul li.first a:hover { background:url(../images/cat_first_on.jpg) no-repeat; text-decoration:none; color:#E39004;  }
#cleft ul li a.em{ color:#f00;}
#cleft2{ width:577px; float:left; }
#cleft2 h1{ margin:0; padding-left:20px; font:bold 14px/150% arial;}
#cleft2 ul{ list-style:none; margin:0px; padding:0 0 0 25px; height:auto; margin-top:2px;}
#cleft2 ul li{ width:175px; height:161px; /*background:url(../images/cat_bg.jpg) no-repeat; */overflow:hidden; position:relative; float:left;}
/*
#cleft2 ul li .pic{ position:absolute; top:6px; left:6px;}
#cleft2 ul li .catname-bg{ position:absolute; top:115px; left:6px; height:29px; line-height:29px;  text-align:right;width:137px; padding:0 10px; filter:alpha(opacity=60);-moz-opacity:0.6; background-color:#FFD768; z-index:1;}
#cleft2 ul li a.catname{ color:#000000; font-size:18px;  font-weight:bold; position:absolute; top:115px; left:6px; height:29px; line-height:29px;  text-align:right;width:137px; padding:0 10px; z-index:2; overflow:hidden;}
*/
a#foto{ border:3px solid #813900; display:block; padding:3px; width:157px; height:138px; overflow:hidden; color:#fff; font-size:12px; font-weight:bold; position:relative;}
a#foto:hover{ text-decoration:none;border:3px solid #ccc;}
a#foto span{ display:block; position:absolute;top:-100px; left:3px; text-align:center; background:#E6C043 url(../images/bg-alpha.png) no-repeat; height:30px; line-height:30px; cursor:pointer; width:157px;}
a#foto:hover q{display:block; position:absolute;top:112px; left:3px; text-align:center;height:30px; line-height:30px; cursor:pointer; width:157px;}
a#foto:hover span{top:112px;filter:alpha(opacity=60);-moz-opacity:0.6;}
#foto img{ width:157px; height:138px;}


#cbot{ background:url(../images/main2_bg.jpg) no-repeat; height:32px;}
#cright{ width:222px; float:right;}
#cright h1 { margin:0;}
#contact { background:url(../images/contact_us_bg.jpg) left bottom no-repeat; height:455px; overflow:hidden; margin:21px 0 19px;}
#contact .content{ font-size:12px; color:#676568; line-height:18px; margin:10px 10px 0;}
#shipping { /*background:url(../images/shipping_bg.jpg) left bottom no-repeat;*/ height:487px; margin-bottom:20px;}
#shipping .content{}
#faq { background:url(../images/faq_bg.jpg) left top no-repeat; height:324px; margin-bottom:20px; overflow:hidden; font-size:12px;}
#faq .content{ color:#666666; margin:8px 10px 0; line-height:17px;}


#main2out{ background:url(../images/main2out_bg.jpg) repeat-y; }
#main2in{ background:url(../images/col_left_bg.jpg) bottom left no-repeat; overflow:hidden;}
#cright2{ width:799px; float:right; overflow:hidden}
#cright2 h1{ margin:0; background:url(../images/p_title2.jpg) no-repeat; padding-top:34px; font-size:14px; padding-left:28px;}
/*#cright2 ul{ list-style:none; margin:0 0 0 10px;; overflow:hidden; margin-top:16px;}
#cright2 ul li { width:200px; height:196px; background:url(../images/pro_bg.jpg) no-repeat; overflow:hidden; position:relative; float:left; margin:3px 30px 4px 30px; list-style:none;}
#cright2 ul li div.pic{ width:188px; height:138px; position:absolute; top:6px; left:6px; }
#cright2 ul li div.pname{ width:200px; height:42px; position:absolute; top:169px; left:0px; text-align:center; }
#cright2 ul li div.pname a{ color:#E09003; font-size:12px; }
*/
#cright2 ul{ list-style:none; margin:0px; padding:0 0 0 18px; height:auto; margin-top:2px;}
#cright2 ul li{ width:185px; height:154px; /*background:url(../images/pro_bg.jpg) no-repeat;*/ overflow:hidden; position:relative; float:left; margin:3px 3px 4px 3px;} 
#cright2 ul li .pic{ position:absolute; top:6px; left:6px;}
#cright2 ul li .catname-bg{ position:absolute; top:115px; left:6px; height:29px; line-height:29px;  text-align:right;width:153px; padding:0 10px; filter:alpha(opacity=60);-moz-opacity:0.6; background-color:#FFD768; z-index:1; overflow:hidden;}
#cright2 ul li a.catname{ color:#fff; font-size:11px;  font-weight:bold; position:absolute; top:115px; left:6px; height:29px; line-height:29px;  text-align:right;width:123px; padding:0 2px; z-index:2; overflow:hidden; text-align:center;}
/*#cright2 ul li span{ color:#FF0E05; font-size:11px;  font-weight:bold; position:absolute; top:115px; left:129px; height:29px; line-height:29px;  text-align:right;width:46px; padding:0 2px; z-index:2; overflow:hidden; text-align:center;}*/
#cright2 h1{ margin:0;}




#main2bot{ height:32px; background:url(../images/main2bot_bg.jpg)}

#main3out{ background:url(../images/main3out_bg.jpg) repeat-y; }
#main3in2{ background:url(../images/col_right_bg.jpg) 217px bottom  no-repeat; }

#main3in{ background:url(../images/col_left_bg.jpg) bottom left no-repeat; overflow:hidden;}
#cright3{ width:799px; float:left; overflow:hidden;}
#r1{ float:left; height:314px; overflow:hidden; background:#fff;}
#lpic{ background:url(../images/lpic_bg.jpg) 12px 21px no-repeat; width:342px; height:100%; position:relative; float:left;}
#lpic img.lp{ left:18px; top:27px; position:absolute;}
#lpic a.view{ position:absolute; width:315px; margin-top:15px; top:266px; left:12px; font-size:12px; color:#666666; text-align:center;}
#rbrief{ float:right; width:456px; position:relative;}
#rbrief h1{ margin:0; background:url(../images/pro_title_bg.jpg) no-repeat; font-size:14px; line-height:29px; margin-top:21px; padding-left:12px;}
#rbrief .brief{ color:#666666; font-size:12px; line-height:18px; position: absolute; top:75px; width:100%; height:150px; padding:0 10px; overflow:auto;}
#rbrief .itemno{ font-size:14px; font-weight:bold; padding-left:10px; line-height:20px; background:#f0f0f0; height:20px; margin:5px 0;}
#rbrief ul.otherimg{ list-style:none; margin:0; position:absolute; top:223px; left:0;}
#rbrief ul.otherimg li{ list-style:none; display:inline;}
#r2{ clear:both;}
#des{ padding:0 20px;}
#add{ background:url(../images/add_bg.jpg) no-repeat; height:33px; margin-left:13px;}
#add span{ float:right; margin-right:26px; color:#DB2702; font-weight:bold; line-height:35px;}
#main3bot{ height:32px; background:url(../images/main3bot_bg.jpg)}

#footer{ border-top: 2px solid #CCCCCC; background:#F6F6F6; text-align:center; padding-top:9px; clear:both;}
#footer ul{ margin:0; padding:0; list-style:none; display: inline;}
#footer ul li { display:inline; padding:0 0 0 8px; background:url(../images/footer_link_bg.jpg) 0px 6px no-repeat; font-size:14px;  }
#footer ul li.first { background:none;}
#footer ul li a { text-decoration:underline; color:#A9A9A9; margin:0; }
#copyright{ line-height:14px; color:#BBBBBB; padding:10px 0 10px 0; font-size:11px;}

.cnt{ padding:1em 2em;}
.cnt dl dt{
	text-align: center;
	margin-bottom: 5px;
}
.tab td{ font-size:12px;}

#review{ margin:0 20px; border-top:1px solid #ccc; font-size:12px;}
#review h4{ line-height:150%; margin:0; background:#f0f0f0; padding-left:10px;}
#review dt{ background:#f0f0f0; line-height:25px; padding-left:5px;}
#review .comtont{ padding:1em 5px; margin:0;}
#review .reply{ margin:0; padding:0 5px; color:#f60;}

a.btn{ background:url(../images/bg-btn.jpg) no-repeat; width:155px; height:26px; padding-left:35px; display:block; line-height:26px;}