@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}
img{border:none}
li{list-style:none}
a{text-decoration:none; color:#333;}
a:hover{text-decoration:underline}
.clear{clear:both;}
.text_center{text-align:center}
.text_left{text-align:left}
.text_right{text-align:right}
.left{ float:left;}
.right{ float:right;}
.none{ display:none}
.price{color:#f5007e;}
.font14{ font-size:14px;}
.error{ padding:10px 20px; background-color:#ff9; font-size:12px; color:#f00; line-height:1.5em;}
.dotline{ height:1px; line-height:1px; border-bottom:1px #ccc dashed; clear:both; margin:20px 0;}
.dotline2{ height:1px; line-height:1px; border-bottom:1px #ccc dashed; clear:both; margin:5px 0 10px 0;}

body{ font-family:Arial, Helvetica, sans-serif; line-height:150%;  font-size:12px;}
.wrap{ width:950px; margin:10px auto;}
.head{ width:950px; float:left;}
.logo{width:370px; height:70px; float:left;background:url(../images/common/logo.jpg) no-repeat left top; }
.logo a{width:370px; height:70px;display:block;font-size:0; text-indent:-9999px;}
.login{	float:right;width:315px;text-align:right;height:30px;}
.login a{color:#f5007e; font-weight:bold; padding:0 5px; font-size:14px; white-space:nowrap;}
.qq{float:right;width:300px; margin:15px 0 5px 0; text-align:right;}
/*.qq input{width:104px;height:24px;line-height:24px;cursor:pointer;text-indent:20px;margin:0 0 0 10px;display:block;float:right;background:url(../images/common/qq-btn.jpg) no-repeat left;border:0;color:#f5007e;}
*/
.qq a{/* padding:0 0 0 10px; margin:0;*/width:104px;height:24px;margin:0 0 0 10px;display:block;float:right;}

/*navi*/
.navi_wrap{ margin:0;}
ul#navi{background:url(../images/common/nav.jpg) no-repeat left top;width:767px;height:37px; float:left;}
ul#navi li{display:block; float:left; }
ul#navi li a{display:block;float:left; height:37px;font-size:0; text-indent:-9999px;}
ul#navi li.nav1 a{ width:111px;}
ul#navi li.nav2 a,ul#navi li.nav3 a,ul#navi li.nav4 a{ width:95px;}
ul#navi li.nav5 a,ul#navi li.nav6 a,ul#navi li.nav7 a{ width:119px;}
ul#navi li.nav1 a:hover,ul#navi li.nav1 a.current,#index ul#navi li.nav1 a{ background:url(../images/common/nav.jpg) no-repeat 0 -37px;}
ul#navi li.nav2 a:hover,ul#navi li.nav2 a.current,#newpd ul#navi li.nav2 a{ background:url(../images/common/nav.jpg) no-repeat -111px -37px;}
ul#navi li.nav3 a:hover,ul#navi li.nav3 a.current,#sandals ul#navi li.nav3 a{ background:url(../images/common/nav.jpg) no-repeat -206px -37px;}
ul#navi li.nav4 a:hover,ul#navi li.nav4 a.current,#shoes ul#navi li.nav4 a{ background:url(../images/common/nav.jpg) no-repeat -301px -37px;}
ul#navi li.nav5 a:hover,ul#navi li.nav5 a.current,#bags ul#navi li.nav5 a{ background:url(../images/common/nav.jpg) no-repeat -397px -37px;}
ul#navi li.nav6 a:hover,ul#navi li.nav6 a.current,#exclusives ul#navi li.nav6 a{ background:url(../images/common/nav.jpg) no-repeat -516px -37px;}
ul#navi li.nav7 a:hover,ul#navi li.nav7 a.current,#onsale ul#navi li.nav7 a{ background:url(../images/common/nav.jpg) no-repeat -634px -37px;}

/*cart*/
p.cart{ width:183px; float:right; height:27px; padding:10px 0 0 0;background:url(../images/common/cart-bg.jpg) no-repeat left; color:#fff; text-indent:45px;}
p.cart input{background:url(../images/common/icon-bg1.jpg) no-repeat left top; width:49px; height:19px;border:0; color:#fff;   cursor:pointer;}

/*search*/
.hottag a{ color:#333; padding:0 10px;}
.hottag a:hover{color:#cc045c;}
.search{ float:left; width:100%; padding:5px 0;}
.search .hottag{ float:left;}
.search .search-input{ float:right; width:300px;vertical-align:middle;}
.search-input input.serach-area{ width:250px;border:3px solid #cc045c; padding:0 2px;vertical-align:middle;}
.search-input input.search-btn{ width:25px; height:21px; background:url(../images/common/icon-serch.jpg) no-repeat left; font-size:0; color:#cc045c; border:0; cursor:pointer; margin-left:5px;vertical-align:middle;}

/*foot*/
.foot{ margin-bottom:20px;}
.foot .tel{ height:28px; margin:10px;  background:url(../images/common/tel.jpg) no-repeat right; font-size:0; color:#fff; text-align:left;}
.foot_navi{ border:6px #efefef solid; float:left; width:96.7%;height:165px; margin:0 auto 20px auto; padding:10px;}
.foot_navi dl{  display:inline; float:left; width:165px; height:165px; margin:0 8px; border-right:1px #ccc solid;}
.foot_navi dl dt{color:#fff; margin:10px 0; text-indent:-99999px; overflow:hidden; }
.foot_navi dl dd{ padding:0 0 0 20px; background:url(../images/common/dot.jpg) no-repeat 10px;line-height:180%;}
 dl dt.foot-nav1{ background:url(../images/common/bot-nav.gif) no-repeat 0 -84px; height:20px;}
 dl dt.foot-nav2{ background:url(../images/common/bot-nav.gif) no-repeat 0 -0px; height:20px;}
 dl dt.foot-nav3{ background:url(../images/common/bot-nav.gif) no-repeat 0 -20px; height:20px;}
 dl dt.foot-nav4{ background:url(../images/common/bot-nav.gif) no-repeat 0 -42px; height:20px;}
 dl dt.foot-nav5{ background:url(../images/common/bot-nav.gif) no-repeat 0 -62px; height:20px;}
 dl.last{ border:0;}
#last2{ background:none;}
 
.bot-logo{width:130px; height:60px;float:left; text-indent:-9999px;padding-left:200px;}
.bot-logo a{ width:130px; height:60px;display:block;background:url(../images/common/foot-logo.jpg) no-repeat left top; font-size:0; }
.bot-nav{ float:left; margin-top:10px; float:right;width:600px;}
.bot-nav ul{}
.bot-nav ul li{ float:left;  width:60px; margin:0 10px; display:inline;}
.copyright{ float:right;width:600px; text-indent:10px; padding:5px 0 0 0;}


/**/
.sidebar{ width:200px; height:auto;}
.con{ width:740px; height:auto;}

/*mymenu*/
.mymenu{ float:right; display:block; width:250px; height:30px; margin-left:8px;}
.m_nav_ul{white-space:nowrap;background:url(../images/common/dot2.gif) right no-repeat;}
.m_nav_ul li{ display:block; float:left;padding:2px 1px 1px; color:#333; background:url(../images/common/dot2.gif) no-repeat -2px 0; text-align:center; }
.m_nav_ul li.m_nav_li_on{ position:relative;}
.m_nav_ul li.m_nav_li a{ display:block; width:80px; height:24px; background:url(../images/common/menu-bg.gif) no-repeat 1px -24px; text-indent:10px;}
.m_nav_ul li.m_nav_li_on a{ display:block; width:80px; height:24px; background:url(../images/common/menu-bg.gif) no-repeat 1px 0; color:#fff; text-align:center;text-decoration:none;}
.m_nav_ul li.m_nav_li_on a.indent{ text-indent:10px;}
.m_nav_ul li .m_nav_ul_ul{ position:absolute; left:2px; top:23px; width:77px; border:1px #000 solid;}
.m_nav_ul li dl.m_nav_ul_ul{ display:none; overflow:hidden; text-align:center;}
.m_nav_ul li .m_nav_ul_ul dd{}
.m_nav_ul li dl.m_nav_ul_ul dd a{ margin-top:-2px;background:url(../images/common/line1.gif) no-repeat bottom #fff; color:#333; width:77px; padding:3px 0; text-decoration:none;}
.m_nav_ul li dl.m_nav_ul_ul dd a:hover{	color:#f5007e; text-decoration:none;}
.m_nav_ul li.m_nav_li a.last{ background:none;}
.m_nav_ul li dl.m_nav_ul_ul dd a.last{ background:#fff;}


/*searchbar*/
.content{ border-top:1px #cfcfcf solid;}
.search-bar{ border:1px #cfcfcf solid; border-top:0;width:198px;}
.search-bar h3{width:198px; height:29px;border-bottom:1px #cfcfcf solid; background:url(../images/common/bg_left_t.gif) no-repeat left; line-height:29px; text-indent:30px; font-size:14px; color:#696969;}
.search-bar dl{ background:url(../images/common/dotline_gray.gif) bottom repeat-x; padding:7px; float:left; width:182px;}
.search-bar dt,.search-bar dt a{ color:#f5007e; font-size:14px; text-indent:5px;}
.search-bar dl dd{display:block; float:left; width:182px;}
.search-bar dl dd a{border:2px #ccc solid; display:block; float:left; padding:2px 5px; margin:2px; color:#333;height:20px; white-space:nowrap;}
.search-bar dl dd a:hover,.search-bar dl dd a.current{ text-decoration:none;padding:2px 5px;height:20px; border:2px solid #F5007f}
.search-bar dl#color dd a{ padding:1px;width:20px;height:20px; display:block; float:left;}
.search-bar dl.last{ background:none;}

/*adbanner*/
.ad-area a{ display:block; width:200px; height:164px; margin:10px 0 10px 0;}

/*comment*/
.comment{ margin:0 0 20px 0;}
.comment h3{ width:200px;height:22px;background:url(../images/common/tit_comment.gif) no-repeat left top; font-size:0; color:#fff; text-align:right;margin:0 0 5px 0;}
.comment dl{ border:1px #cfcfcf solid; padding:8px;}
.comment dl dd{ background:#efefef; padding:5px 10px 5px 20px; margin:5px 0;}
.comment dl dd a{ padding:0 0 0 20px; text-decoration:underline;}

/*browse*/
.browse{margin:0 0 20px 0;}
.browse h3{width:200px;height:22px;background:url(../images/common/tit_browse.gif) no-repeat left top; font-size:0; color:#fff; text-align:right; margin:0 0 5px 0;}
.browse dl{border:1px #cfcfcf solid; margin:-1px 0 0 0; float:left; width:178px; padding:10px;}
.browse dl dt{ width:90px; height:90px; float:left;}
.browse dl dt img{ width:90px;}
.browse dl dd{ width:80px; height:auto; float:right;}

/*now*/
p.now{ line-height:30px; width:90%;}

/*sidemenu*/
dl.member-menu{ border-bottom:1px #ccc solid;}
dl.member-menu dt{padding:10px 0 10px 0;border-top:1px #ccc solid;}
dl.member-menu dt a{padding:10px 0 10px 20px;}
dl.member-menu dd{padding:7px 0 7px 0; background:#f6f6f6; border-bottom:1px #ccc dotted; margin-left:10px;}
dl.member-menu dd a{padding:7px 0 7px 30px;}
dl.member-menu dd.last{ border-bottom:0; margin-bottom:10px;}
dl.member-menu  dd a.current,dl.member-menu  dd a:hover{ color:#f5007e; background:url(../images/member/icon_menu.gif) no-repeat 10px; padding-left:30px;}
dl.member-menu  dt a.current,dl.member-menu  dt a:hover{ color:#f5007e; background:url(../images/member/icon_menu.gif) no-repeat 5px; }



p.top{ border-top:1px #ccc dashed; padding:15px 0 50px 0; /*margin:0 20px;*/}
p.top a{ width:47px; height:18px; display:block; float:right; background:url(../images/help/icon-top.gif) no-repeat left; font-size:0; color:#969696;}

/*page*/
.page{ text-align:right; font-size:12px; color:#333;float:right;font-family:Verdana, Arial, Helvetica, sans-serif; margin:10px 0;}
.page span{padding:0 5px; line-height:140%;}
.page a:hover,.page span.page_on{background:#ffd9ed; text-decoration:none; color:#f5007e;}
.page span img{vertical-align:middle;}
span.preview,span.first,span.last,span.next{ padding:0;}


/*topbanner  2010-6-12 add*/
.topbanner{ margin:0px 0 10px;}
#winpop { width:350px; height:290px; position:absolute; right:0; bottom:0;margin:0;overflow:hidden; display:none; overflow:hidden;}
/*#winpop .title { width:100%; height:22px; line-height:20px; background:#FFCC00; font-weight:bold; text-align:center; font-size:12px;}
*/
#winpop .con { width:100%;height:290px;font-weight:bold; font-size:12px; color:#FF0000; text-decoration:underline; text-align:center}
span.close { position:absolute; right:6px; top:6px;display:block;cursor:pointer;}


/**/
.box2 dl dt a span{ display:block; position:absolute; width:60px; height:60px; bottom:-5px; right:-5px; cursor:pointer}
.box2 dl dt a span.sale_no_1{ background:url(../images/common/1.png) no-repeat; }
.box2 dl dt a span.sale_no_2{ background:url(../images/common/2.png) no-repeat; }
.box2 dl dt a span.sale_no_3{ background:url(../images/common/3.png) no-repeat; }
.box2 dl dt a span.sale_no_4{ background:url(../images/common/4.png) no-repeat; }
.box2 dl dt a span.sale_no_5{ background:url(../images/common/5.png) no-repeat; }
.box2 dl dt a span.sale_no_6{ background:url(../images/common/6.png) no-repeat; }
.box2 dl dt a span.sale_no_7{ background:url(../images/common/7.png) no-repeat; }
.box2 dl dt a span.sale_no_8{ background:url(../images/common/8.png) no-repeat; }
.box2 dl dt a span.sale_no_9{ background:url(../images/common/9.png) no-repeat; }

.box dl dt a{ display:block; position:relative;}
.box dl dt a span{ display:block; position:absolute; z-index:100; width:60px; height:60px; bottom:-5px; right:-5px; cursor:pointer}
.box dl dt a span.sale_no_1{ background:url(../images/common/1.png) no-repeat; }
.box dl dt a span.sale_no_2{ background:url(../images/common/2.png) no-repeat; }
.box dl dt a span.sale_no_3{ background:url(../images/common/3.png) no-repeat; }
.box dl dt a span.sale_no_4{ background:url(../images/common/4.png) no-repeat; }
.box dl dt a span.sale_no_5{ background:url(../images/common/5.png) no-repeat; }
.box dl dt a span.sale_no_6{ background:url(../images/common/6.png) no-repeat; }
.box dl dt a span.sale_no_7{ background:url(../images/common/7.png) no-repeat; }
.box dl dt a span.sale_no_8{ background:url(../images/common/8.png) no-repeat; }
.box dl dt a span.sale_no_9{ background:url(../images/common/9.png) no-repeat; }

.pro dl dt a{ display:block; position:relative;}
.pro dl dt a span{ display:block; position:absolute; z-index:100; width:60px; height:60px; bottom:2px; right:0px; cursor:pointer}
.pro dl dt a span.sale_no_1{ background:url(../images/common/1.png) no-repeat; }
.pro dl dt a span.sale_no_2{ background:url(../images/common/2.png) no-repeat; }
.pro dl dt a span.sale_no_3{ background:url(../images/common/3.png) no-repeat; }
.pro dl dt a span.sale_no_4{ background:url(../images/common/4.png) no-repeat; }
.pro dl dt a span.sale_no_5{ background:url(../images/common/5.png) no-repeat; }
.pro dl dt a span.sale_no_6{ background:url(../images/common/6.png) no-repeat; }
.pro dl dt a span.sale_no_7{ background:url(../images/common/7.png) no-repeat; }
.pro dl dt a span.sale_no_8{ background:url(../images/common/8.png) no-repeat; }
.pro dl dt a span.sale_no_9{ background:url(../images/common/9.png) no-repeat; }
