@charset "utf-8";
@import url(inc.css);
@import url(header.css);
@import url(rating.css);
/* CSS Document */
.mian{ width:968px; height:100%; overflow:hidden; background:#FFFFFF}
.mian2{ width:958px; height:100%; overflow:hidden}


/*inc color */
.black,.header .nav .currently a,.border_bg a,a.details_link{ color:#000000}
.white,.header .nav a,.button2,.title_bg1,.button3{ color:#FFFFFF}
.button3{ font-size:11px}
.gray{ color:#838383}
.red{ color:#e60012}
.orange,.cart,.cart a,.pr_title,.price{ color:#ff6901}
/*inc color END*/

/*button*/
.button1,.button2,.button3{ border:0; cursor:pointer}
.button1{ background:url(/images/inc/button1.gif); width:56px; height:21px}
.button2{ background:url(/images/inc/button2.gif); width:86px; height:20px}
.button3{ background:url(/images/inc/button3.gif); width:86px; height:15px}
/*button END*/



.recommended{ background:url(/images/bg1.gif); height:278px; width:212px}
.js_banner{ width:526px}
.inpt_text{ border:1px #b3b3b3 solid}
.text{ width:auto; clear:both; height:100%; overflow:hidden}
.text li{ padding:5px 0}
.text_style1 li{ border-bottom:1px #CCCCCC solid}
.text4{ width:auto; clear:both; height:100%; overflow:hidden}
.text4 li{ float:left; width:25%}

.border_mian{ border:1px #d9d9d9 solid; width:auto; height:100%; overflow:hidden; padding:1px}
.border_mian .border_bg{ background:#d9d9d9 url(/images/border1_bg.gif) repeat-x; width:auto; height:100%; overflow:hidden}
.title_bg1{ background:url(/images/title_bg.gif); width:auto; height:21px; padding-top:5px; padding-left:15px}
.pr_bg1{ background:url(/images/right_pr_bg1.gif) top left no-repeat; width:auto; height:100%; overflow:hidden}
.pr_bg2{ background:url(/images/right_pr_bg2.gif) bottom right no-repeat; width:auto; height:100%; overflow:hidden; padding:10px 9px}
.pr_title{ width:auto; clear:both}

.banner_products{ background:url(/images/products_bg.gif) no-repeat; height:324px; position:relative}
.banner_products_title{ position:absolute; left:241px; top:25px}
.banner_products_more{ position:absolute; right:10px; top:25px}
.banner_products .w_720{ position:absolute; right:35px; top:80px}

.mail_banner{ background:url(/images/mail_banner.gif); width:auto; clear:both; height:175px}
.mail_mian{ width:934px; margin-right:3px}
.link_banner{ background:url(/images/link_bg.gif) no-repeat center; width:auto; clear:both; height:189px}

.w_212{ width:212px}
.w_742{ width:742px}
.w_720{ width:720px}


.categories_title{ width:auto; clear:both; padding:5px; background:#f2f2f2}
/*products*/
.products_4{ width:auto; clear:both; height:100%; overflow:hidden}
.products_4 div{ float:left; width:25%; text-align:center; margin-bottom:10px; background:url(/images/products_line.gif) no-repeat right top}
.products_4 a{ display:block; width:135px; margin:0 auto}
.products_4 span{ display:block; margin-bottom:4px}
.was{ text-decoration:line-through}
.products_4 img{ margin-bottom:5px; display:block; width:135px; height:135px}
/*products END*/
.news_title{ background:url(/images/bk_h_bj2.gif) no-repeat; height:25px; position:relative}
.news_title span{ float:left; padding-left:35px; padding-top:5px}

.feedback li{ border:1px #cccccc solid; margin-bottom:5px}

/*page Begin*/
.page{ width:auto; clear:both; height:100%; overflow:hidden; line-height:normal}
.page a{ float:left; padding:2px 5px; background:#f9f9f9; border:1px #f2f2f2 solid; height:16px; overflow:hidden; margin-right:3px}
.page a.currently{ border:0; background:none; font-weight:bold; font-size:14px}
/*page END*/


/*member Begin*/
.td_fff{ background:#fff; border-collapse:collapse}
.td_fff td{ background:#f4f2ea}
.member_button{ border:0 #000000 solid; background:#fed15c; padding:10px 20px; font-size:14px; font-weight:bold; color:#663300}
/*member END*/

/*member left Begin*/
.left{ width:211px; margin-right:10px}
.left_border{ border:1px #dedabd solid; width:auto; clear:both; height:100%; overflow:hidden; background:#f8f5ec; padding:1px}
.brand li{padding-left:10px}
.brand a{ background:url(/images/inc/Arrow.gif) no-repeat 0 5px; padding-left:15px}
.bags_news,.bags_news li,.brand{ padding:0 5px}
.news_left_more{ padding:6px 5px}
.brand li,.bags_news li{ background:url(/images/line.gif) repeat-x bottom;padding-top:6px; padding-bottom:6px}
/*member left END*/

/*member right Begin*/
.right{ width:736px; overflow:hidden}
.right_title{ border-bottom:1px #000000 solid; padding-top:9px; padding-bottom:3px; padding-left:10px; clear:both}
/*member right END*/

/*member details Begin*/
.details{ background:url(/images/products_details_title.gif) repeat-x bottom; height:34px; width:auto; clear:both}
.details a{ background:url(/images/cp_tab.gif) 0 0; height:24px; float:left; width:150px; padding-left:10px; padding-top:10px}
a.details_link{background:url(/images/cp_tab.gif) 0 -34px}
.details_text{ width:auto; clear:both;  background:#FFFFFF; padding:0 10px; line-height:200%; height:100%; overflow:hidden;}
.details_button_buy,.details_button_cart{ background:url(/images/inc/products_details_button.gif); width:164px; height:36px; border:0; cursor:pointer}
.details_button_cart{ background-position:0 -36px}
/*member details END*/

/*login_mian Begin*/
.login_mian{ width:722px; height:auto; background:#fafaf3 url(/images/loginbox_bg.gif) repeat-x; border:1px #e1dcca solid; position:relative}
.left_top_pic{ position:absolute; left:0; top:0; z-index:9999}
.login_title{ background:url(/images/login_title_bg.gif) no-repeat 35px bottom; height:16px; padding-left:40px; padding-top:15px; padding-bottom:10px}
.login_mian table{ text-align:left}
.login_text{ border:0; background:url(/images/inc/login_text.gif); height:19px; width:190px; padding:5px 5px 0 5px}
.login_button{ border:0; background:url(/images/inc/button_login.gif); width:126px; height:46px; color:#FFFFFF; cursor:pointer}
/*login_mian END*/

.pay{ width:95%;}
.continue,.settlement,.continue2,.settlement2{ width:110px; height:21px; background:url(/images/inc/cart_btnbg1.gif); padding-top:20px; padding-left:60px}
.continue2,.settlement2{background-position:0 -43px}

/*Products layout Begin*/
.Products4{ width:auto; clear:both; height:100%; overflow:hidden}
.Products4 div{ float:left; width:25%; margin-top:10px}
.Products4 .pic{ display:block; border:1px #feddaf solid; width:165px; height:167px; margin-bottom:5px}
.Products4 .url{ display:block; width:165px; margin:0 auto}
.Products4 span{ display:block; width:165px; margin:0 auto; margin-top:3px}
.was{ text-decoration:line-through}
.Products4 .buy_span{ position:relative}
.Products4 .buy_span .buy{ right:0px; top:0; position:absolute}
/*Products layout END*/

.tetails_text{ line-height:200%; clear:both; padding:0 10px}
#dhtmltooltip {margin-left:50px;font-size: 9pt;BORDER: gray 1px solid; PADDING-LEFT: 4px; Z-INDEX: 100; FILTER: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=120); VISIBILITY: hidden; PADDING-BOTTOM: 4px; BORDER-LEFT: gray 1px solid; WIDTH: 150px; PADDING-TOP: 4px; POSITION: absolute; BACKGROUND-COLOR: #cccccc}