@charset "utf-8";
/* CSS Document */
a{cursor:pointer;}
a img{border:0px}
body{ margin:0; padding:0; background: url(../images/body_bg.png) repeat;text-align:center; font-size:12px; font-family:Verdana, Geneva, sans-serif; color:#583f37;}
div{ text-align: left;}
div,form{ margin:0; padding:0; }

.clear{ clear: both; }
.clear:after{content:"."; display:block; height: 0; clear: both; visibility: hidden;font-size:1px;}

.left{ float:left;}
.right{ float:right;}

/*a:link {color: #555;text-decoration:none;}
a:hover {color: #555;text-decoration:none;}
a:visited {color: #555;text-decoration:none;}*/

a.a1:link {color: #e98400;text-decoration:none;}
a.a1:hover {color: #e98400;text-decoration:none;}
a.a1:visited {color: #e98400;text-decoration:none;}

a.a2:link {color: #f90;text-decoration:none;}
a.a2:hover {color: #f90;text-decoration:none;}
a.a2:visited {color: #f90;text-decoration:none;}

a.a3:link {color: #8b9fb1;text-decoration:none;}
a.a3:hover {color: #5688BE;text-decoration: underline;}
a.a3:visited {color: #8b9fb1;text-decoration:none;}

a.a4:link {color: #135bb3;text-decoration:none;}
a.a4:hover {color: #135bb3;text-decoration: none;}
a.a4:visited {color: #135bb3;text-decoration:none;}

a.a5:link {color: #f60;text-decoration:none;}
a.a5:hover {color: #f60;text-decoration: none;}
a.a5:visited {color: #f60;text-decoration:none;}

a.a6:link {color: #326085;text-decoration:none;}
a.a6:hover {color: #326085;text-decoration: none;}
a.a6:visited {color: #326085;text-decoration:none;}

a.a7:link {color: #fff;text-decoration:none;}
a.a7:hover {color: #fff;text-decoration: none;}
a.a7:visited {color: #fff;text-decoration:none;}

a.a9:link {color: #413636;text-decoration:none;}
a.a9:hover {color: #413636;text-decoration: none;}
a.a9:visited {color: #413636;text-decoration:none;}

a.a8{color: #e98400;text-decoration:none;}
a.a8:link {color: #583F37;text-decoration:none;}
a.a8:hover {color: #583F37;text-decoration:none;}
a.a8:visited {color: #583F37;text-decoration:none;}

.fitalic{font-style:italic;}
.f11{ font-size:11px;}
.f12{ font-size:12px;}
.f13{ font-size:13px;}
.f14{ font-size:14px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.f22{ font-size:22px;}
.f24{ font-size:24px;}
.f26{ font-size:26px;}
.f30{ font-size:30px;}
.fb{ font-weight:bold;}

.c0{ color: #000;}
.cf{ color: #FFF;}
.c1{ color: #583f37;}
.c2{ color: #9c908c;}
.c3{ color: #ab7c61;}
.c4{ color: #e98400;}
.c5{ color: #fcac0a;}
.c6{ color: #dadada;}
.c7{color:#f1eeeb;}
.c8{color:#f0f0f0;}
.c9{color:red;}

.lh16{ line-height:16px;}
.lh18{ line-height:18px;}
.lh20{ line-height:20px;}
.lh22{ line-height:22px;}
.lh24{ line-height:24px;}
.lh26{ line-height:26px;}
.lh30{ line-height:30px;}

.inline-block{ display:inline-block;}
.line-through{ text-decoration:line-through;}

.border-bottom-s{ border-bottom:5px solid #dadada; margin-bottom:5px;}
.border-top-s{ border-top:1px solid #dadada;}

/*- Header --------------------------- */ 
#top{ background:url(../images/bgimg-1.png) top repeat-x;}
#top-2{ background-color:#f1eeeb; border-top:5px solid #fcac0a;}
.top-block{margin:0 auto; padding:0; width:980px; overflow:hidden;}
.tr-block{ background:url(../images/bg-1.png) repeat-x top; margin-right:10px; display: inline;}
.line-bg-1{ background:url(../images/bgimg-2.png) repeat-y ; margin-left:5px; padding-left:5px; display:inline-block;}

#head{ margin:0 auto; padding:0; width:980px; height:71px;}
.logo{}
.link-1{ margin:0 auto; padding:0;  text-align:right;width:980px;}

#wrap{ background:url(../images/body_bg12.png)  50% 0 repeat-y; text-align:center; }

.top_bg{ background:url(../images/top_bg-1.png) no-repeat center top; height:24px;}
.content{margin:0 auto; padding:0; background: #fff url(../images/bgimg-8.png) repeat-x top; overflow:hidden; width:980px;min-height:400px;position:relative; }
.content p{padding:5px 0px;margin:0px}
.top-2content{margin:0 auto; padding:0; width:980px; }

  
/*- Menu Tabs --------------------------- */ 
#mainnavwrap{margin:0 auto; padding:0;width:980px;position:relative;z-index:9;background-color:#583f37}
#mainnav {
      margin:0; padding:0;width:980px;background:url(../images/bgimg-6.png) repeat-x; position:absolute; top:-5px; left:0px;
      }
#mainnav ul {margin:0;padding:0;list-style:none;}
#mainnav li {display:inline;margin:0;padding:0;}
#mainnav a {float:left;background: url(../images/left_btn-bg3.png) no-repeat left bottom;margin:0 0 0 5px;padding:0 0 0 10px;text-decoration:none; height:55px;}
#mainnav a span {float:left;display:block;background: url(../images/right_btn-bg3.png) no-repeat right bottom;padding:5px 15px 5px 5px;color:#583f37;height:45px; line-height:40px; font-size:140%;}
	  
#mainnav .hm a {float:left;background: url(../images/left_btn-bg2.png) no-repeat left bottom;margin:0 0 0 5px;padding:0 0 0 10px;text-decoration:none; height:55px;}
#mainnav .hm a span {float:left;display:block;background: url(../images/right_btn-bg2.png) no-repeat right bottom;padding:5px 13px 5px 5px;color:#fff;height:45px;}

#mainnav .out a {float:left;background: url(../images/left_btn-bg1.png) no-repeat left bottom;margin:0 0 0 5px;padding:0 0 0 10px;text-decoration:none; height:55px;margin:0 -5px 0 0;}
#mainnav .out a span {float:left;display:block;background: url(../images/right_btn-bg1.png) no-repeat right bottom;padding:5px 15px 5px 5px;color:#fff;height:55px;padding:0 18px 0 12px;line-height:50px;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#mainnav a span {float:;}
    /* End IE5-Mac hack */


#mainnav .out a {float:left;background: url(../images/left_btn-bg1.png) no-repeat left bottom;margin:0 0 0 5px;padding:0 0 0 10px;text-decoration:none; height:55px;margin:0 -5px 0 0;}
#mainnav .out a span {float:left;display:block;background: url(../images/right_btn-bg1.png) no-repeat right bottom;padding:5px 15px 5px 5px;color:#fff;height:55px;padding:0 18px 0 10px;line-height:50px;}


#mainnav .out a:hover {background: url(../images/left_btn-bg1.png) no-repeat left bottom;}
#mainnav .out a:hover span {float:left;display:block;background: url(../images/right_btn-bg1.png) no-repeat right bottom;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#mainnav a span {float:;}
#mainnav a:hover {background: url(../images/left_btn-bg4.png) no-repeat left bottom;}
#mainnav a:hover span {background: url(../images/right_btn-bg4.png) no-repeat right bottom;}
#mainnav .hm a:hover {background: url(../images/left_btn-bg2.png) no-repeat left bottom;margin:0 0 0 5px;padding:0 0 0 10px;text-decoration:none; height:55px;}
#mainnav .hm a:hover span {background: url(../images/right_btn-bg2.png) no-repeat right bottom;padding:5px 13px 5px 5px;color:#fff;height:45px;line-height:40px}

#mainnav .nav-2d{ background:url(../images/btn-bg.png) repeat-x; line-height:39px; height:40px;}
#mainnav .nav-2d ul{ margin:0 ; padding:0; list-style-type:none;}
#mainnav .nav-2d ul li{ margin:0 ; padding:0; float:left;}
#mainnav .nav-2d a{ margin:0 ; padding:0; background-image:none; height:40px; line-height:38px; color:#583f37; margin-left:20px; display:inline; font-size:120%;}
#mainnav .nav-2d a:hover{ margin:0 ; padding:0; background-image:none; height:40px; line-height:38px;color:#fff; margin-left:20px; display:inline;}

#mainnav .nav-3d{ background:#9f6b4d; line-height:39px; height:40px;}
#mainnav .nav-3d ul{ margin:0 ; padding:0; list-style-type:none;}
#mainnav .nav-3d ul li{ margin:0 ; padding:0; float:left;}
#mainnav .nav-3d a{ margin:0 ; padding:0; background-image:none; height:40px; line-height:38px; color:#fff; margin-left:20px; display:inline; font-size:120%;}
#mainnav .nav-3d a:hover{ margin:0 ; padding:0; background-image:none; height:40px; line-height:38px;color:#fcac0a; margin-left:20px; display:inline;}
.nav-height{height:90px;}
.nav2d-height{height:50px;}
.block-1{ background: url(../images/bgimg-7.png) no-repeat left; width:85px; height:30px;padding-top:10px; text-align:center;position:absolute;top:50px;right:0px; }
.block-1 a{color:#583f37;font-size:120%;;text-decoration:none; }
.block-1 a:hover{color:#583f37;font-size:120%;text-decoration:none; }
.block-2{ background: #fff url(../images/bgimg-8.png) repeat-x scroll  top; padding:15px 20px; }

#searchbar{padding:10px 10px 2px 10px;overflow:hidden; width:220px;height:36px;_height:36px;background:url(../images/bgimg-3.png) repeat-y left;position:absolute;right:0px;top:6px;}
.searchtext{ background:url(../images/search_left-bg1.png) no-repeat left; padding-left:10px; line-height:10px; width:130px; height:30px;}
.searchbtn{ width:73px; height:30px;}
#searchbar a{ background:none; float:left; padding:0; margin:0;}
#searchbar a:hover{ background:none; float:left; padding:0; margin:0;}
#searchbar input { width:115px; border:0px solid #FFF; height:18px; margin-top:5px; background:transparent;}

.shoppingcartdiv{ *width:290px;}

/*- leftsidebar--------------------------- */ 

#leftside{ width:700px;padding:20px 20px 0 20px;}
.banner-1{ width:680px; margin:0 auto 20px auto; padding:5px; border:5px solid #dadada; }
.banner-1-img{ width:680px; height:166px; position:relative;}
.banner-1-block{ width:680px; height:116px; position:absolute; top:0px; left:0px; background:url(../images/pngbg-1.png) no-repeat top;_background:none;}
.banner-1-text { padding:7px 10px;width:660px; height:36px; position:absolute;top:116px;left:0px; background-color: #ffffff;background-image: none; -moz-opacity:0.8;filter:alpha(opacity=80);opacity:0.8; border-top:1px solid #FFF;}
.pic-group-L{ margin-right:20px; margin-bottom:20px; width:220px; display:inline-block;}
.pic-group-R{ width:220px; margin-bottom:20px;  display:inline-block;}
.p-img{width:220px; height:118px; margin:0 auto 3px auto; padding:0; text-align:center;}
.text-1{ width:200px;}

#leftside-2{ width:740px;padding:0px}
.link-2{ background:#f1eeeb url(../images/bgimg-8.png) repeat-x top; height:42px; padding:0 10px;line-height:40px;}
.link-2 a{ float:left; display:inline-block; background:url(../images/icon-1.png) no-repeat top right; height:42px; margin-right:10px; padding:0 20px 0 0px; }
.leftcontent{ width:700px;padding:20px;}
.link-3{ margin-top:10px; padding:10px 0;}
.pagelink{ padding-left:5px; text-align:right;}
.pagelink ul{ margin:0; padding:0; list-style-type:none;}
.pagelink ul li{ float:left; margin:0 1px; display:inline;}
.pagelink a{color: #e98400;text-decoration:none; border:1px solid #dadada; display:inline-block; padding:3px 4px;}
.pagelink a:hover {color: #e98400;text-decoration:none;}
.pagelink a:visited {color: #e98400;text-decoration:none;}
.pagelink span{ display:inline-block;padding:3px 4px; }

.p-list{ padding:20px 0 0 0; margin-bottom:10px;}
.p-list-1{ margin-bottom:20px;}
.p-img-1{ border:1px solid #dadada; padding:5px; width:130px; height:104px;}
.p-img-1 a img{ border:0} 
.p-text-1{ padding-left:20px; width:250px;}
.p-price-1{width:150px; text-align:right;}

.product-block{ margin:0; padding:0; overflow:hidden;}
.p-left{ width:292px; }
.p-img-2{ width:280px; height:180px; padding:5px; border:1px solid #dadada;}
.s-img{ width:292px; height:50px; padding:10px 0;}
.s-img ul{ margin:0; padding:0; list-style-type:none;background:#000}
.s-img ul li{ margin:0; padding:0 2px; float:left;}

.img-list-1eave{background:#fff;padding:2px; overflow:hidden; display:block; float:left; border:1px solid #dadada;}

.img-list-hover{background: #e98400 ; border:1px solid #eee; padding:2px;}

.lr-h{ padding:28px 0;}
.list-3{width:49%; padding-top:10px;}
.list-3 ul{ margin:0 15px ; padding:0; color:#e98400;}
.list-3 ul li{ padding:4px 0; }

.c-rating{ padding:0; background: url(../images/customer_rating.png) no-repeat right; width:240px;}
.c-position-5{ background-position:100% 0%; }
.c-position-4{ background-position:100% 20%; }
.c-position-3{ background-position:100% 40%; }
.c-position-2{ background-position:100% 60%; }
.c-position-1{ background-position:100% 80%; }
.c-position-0{ background-position:100% 100%;}

.p-text-2{ margin:0; padding-left:20px; width:385px;}

/*- rightside--------------------------- */ 
#rightside{ padding:20px 20px 40px 20px; width:200px; background:#f0f0f0 url(../images/right_bgimg01.png) repeat-y left;  position: absolute;top:0;right:0px;z-index:0;}
.topbgimg-1{ background:url(../images/top_img-01.png) no-repeat top; width:240px; height:5px; position:absolute; top:0px; left:0px; }
.pic-box-1{ border:1px solid #dbdbdb; padding:2px; background-color:#FFF;}
.inputstyle{ margin:5px 0;}
.inputstyle input{ margin-right:5px; width:110px; background:url(../images/input-text.png) left top no-repeat; border-top:0px solid #f0f0f0; border-left:0px solid #f0f0f0;border-right:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;height:24px; line-height:30px;}

.inputstyle-2{}
.inputstyle-2 input{ background:url(../images/input-text.png) left top no-repeat; border-top:0px solid #f0f0f0; border-left:0px solid #f0f0f0;border-right:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0; width:30px; height:25px; line-height:24px; text-align:right; padding:0 5px;}

#rightside-2{ padding:20px; width:200px;background:#f0f0f0 url(../images/right_bgimg01.png) repeat-y left; position: absolute;top:0;right:0px;z-index:0;}
.list-1 dl,.list-1 dt{ margin:0; padding:0;}
.list-1 li{ margin:0 0 0 15px; padding:0;  color:#e98400;}
.list-1 li ul { margin:0; padding:0;  color:#135bb3;}
.list-1 li ul li{color:#135bb3;}
.list-2 dl{ margin:0; padding:0;}
.list-2 dt{ margin:10px 0 0 0; padding:0;}
.list-2 dd{ margin:0; padding:0;}

.p-img-3{ border:1px solid #dadada; padding:5px; width:188px; height:118px;}

/*- all btn style--------------------------- */ 
.btn-bgimg-1 a{ background:url(../images/btnimg_left-1.png) no-repeat 0% 0%; display:block; height:33px;padding: 0 0 0 10px; cursor:pointer;text-align:center; }
.btn-bgimg-1 a:hover{ background:url(../images/btnimg_left-1.png) no-repeat 0% 50%; display:block; height:33px;padding: 0 0 0 10px;}
.btn-bgimg-1 a:visited{ background:url(../images/btnimg_left-1.png) no-repeat 0% 100%; display:block; height:33px;padding: 0 0 0 10px;}

.btn-bgimg-1 a span{ display:block; background: url(../images/btnimg_right-1.png) no-repeat 100% 0%;height:33px; line-height:32px;padding: 0 10px 0 0; cursor:hand;}
.btn-bgimg-1 a:hover span{ display:block; background: url(../images/btnimg_right-1.png) no-repeat 100% 50%;height:33px; line-height:32px;padding: 0 10px 0 0; }
.btn-bgimg-1 a:visited span{ display:block; background: url(../images/btnimg_right-1.png) no-repeat 100% 100%;height:33px; line-height:32px;padding: 0 10px 0 0;}

.btn-bgimg-2 a{ background:url(../images/btnimg_left-2.png) no-repeat 0% 0%; display:block; height:33px;padding: 0 0 0 10px; cursor:hand; }
.btn-bgimg-2 a:hover{ background:url(../images/btnimg_left-2.png) no-repeat 0% 50%; display:block; height:33px;padding: 0 0 0 10px;}
.btn-bgimg-2 a:visited{ background:url(../images/btnimg_left-2.png) no-repeat 0% 100%; display:block; height:33px;padding: 0 0 0 10px;}

.btn-bgimg-2 a span{ display:block; background: url(../images/btnimg_right-2.png) no-repeat 100% 0%;height:33px; line-height:32px;padding: 0 10px 0 0; cursor:hand;}
.btn-bgimg-2 a:hover span{ display:block; background: url(../images/btnimg_right-2.png) no-repeat 100% 50%;height:33px; line-height:32px;padding: 0 10px 0 0; }
.btn-bgimg-2 a:visited span{ display:block; background: url(../images/btnimg_right-2.png) no-repeat 100% 100%;height:33px; line-height:32px;padding: 0 10px 0 0;}

.listbox40px{text-align:center;}

#menuMore{ background:#ffb20c; width:242px; 
			position:absolute;font-size:12px;color:#583F37; top:90px;*top:91px;right:0px; z-index:9999999;}
#menuMore  ul{ margin:0 ; padding:0; list-style-type:none;}
#menuMore  ul li{ margin:0 ; padding:4px 10px; }
#menuMore  a{ margin:0 ; padding:0; text-decoration:none; background-image:none;line-height:16px; color:#583f37;display:inline;}
#menuMore  a:hover{ margin:0 ; padding:0; background-image:none;color:#fff; line-height:16px; display:inline;}

ul.prodcuts-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.prodcuts-list li {
    width: 220px;
    height: auto;
    float: left;
    padding: 10px 0;
    text-align: left;
}

ul.prodcuts-list li a img {
    text-decoration:none;
	color:#fff;
	border:0;
}

.qst{ margin:0 0 15px 0; padding:10px; border:1px solid #ffd324; background-color:#fff6bf; overflow:hidden;}
.qst .text-3{ padding-left:10px; width:90%;}

/*- foot style--------------------------- */ 

#foot{ background-color:#ffb20c; margin:0 auto; padding:0; display:inline-block; text-align:center;width:980px;  height:40px; line-height:38px; color:#FFF;}
#foot a{color:#472509;}
#foot a:link {color: #472509;text-decoration:none;}
#foot a:hover {color: #472509;text-decoration: none;}
#foot a:visited {color: #472509;text-decoration:none;}

.pagelink{ padding-left:5px; text-align:right;}
.pagelink ul{ margin:0; padding:0; list-style-type:none;}
.pagelink ul li{ float:left; margin:0 1px; display:inline;}
.pagelink a{color: #e98400;text-decoration:none; border:1px solid #dadada; display:inline-block; padding:3px 4px;}
.pagelink a:hover {color: #e98400;text-decoration:none;}
.pagelink a:visited {color: #e98400;text-decoration:none;}
.pagelink span{ display:inline-block;padding:3px 4px; }
.clear{clear:both}
.fB{font-weight:bold;}
.right{float:right;}
a{cursor:pointer;}