@import url("css/style.css"); /*公用*/
@import url("border.css");
@import url("widget.css");
@import url("red/color.css");

/*在这里可以设置前台的颜色皮肤，目前此模板已经预设了四套颜色分案
@import url("red/color.css");
@import url("green/color.css");
@import url("blue/color.css");
@import url("black/color.css");
只要把上面四种颜色方案任意个替换第三行的就可以了
*/

/*@import url("pageFrame_leftMain.css");*/

/*在这里可以设置左右分栏，目前一共预设两种分栏方式
下面这个是主区域在右边，侧边栏在左面的布局
@import url("pageFrame_rightMain.css");
下面这个是主区域在左边，侧边栏在右面的布局
@import url("pageFrame_leftMain.css");


*/

div.AllWrap{ margin:0 auto; width:960px}
div.AllWrapInside{ margin:0 auto; width:960px;  border-top:1px solid #eee;}


.headerInfo                { height:83px; position:relative}
	.headerInfo  .logo     { position:absolute; left:0; top:8px}
	.headerInfo  .topMenu  { position:absolute; right:0; top:5px;}
	.headerInfo  .topMenu a{ text-decoration:underline;}
	.headerInfo  .info     { background:url(header-zixun.gif) no-repeat; padding:16px 0 0 30px; height:40px;position:absolute; right:0; top:40px;}


.header                       {height:117px; position:relative}
	.header #menu             { height:42px; line-height:42px;}
	.header .headerSearchBar  { position:absolute; left:0;top:42px; width:520px; height:42px;}
            .loginBar         { color:#404040  height:21px; padding-top:4px; text-align:left}/*{ height:30px;left:555px;position:absolute;top:52px;width:220px;}*/
            .loginBar img{ display:inline-block;  margin-right: 5px; }
            .loginBar a.b{text-decoration:none; font-weight:bold}
            .loginBar a.b:hover{text-decoration:underline}
	
	.header .cartBar          { height:30px;left:808px;position:absolute;top:52px;width:125px;}
	.header .newsBar          {height:30px;left:0;margin-left:70px;position:absolute;top:91px; width:880px;}
			.newsBar .ArticleList ul li      { float:left; border-right:1px solid #ddd; padding:0 10px; line-height:18px;}
			.newsBar .ArticleList ul li img  { display:none}
	        .newsBar .more{color:#fff;border:1px solid #CCCCCC;line-height:18px;margin:0;padding:2px 6px;position:absolute;right:5px;top:0;}
			.newsBar .more a{color:#fff}

.mainTopArea{ padding:6px; border:1px solid #ccc; background:#fff}
.mainTopArea .topPush{ border:1px solid #ddd; padding:2px;}
.mainTopArea .topPush .price0{ display:none;}
.mainTopArea .topPush .itemsWrap{ line-height:18px; margin-right:2px;}
.mainTopArea .topTenTitle{height:23px; }
.mainTopArea .topTen{padding:0 0 0 21px}
.mainTopArea .topTen .GoodsList .itemsWrap{ line-height:1.8em;}
.mainTopArea .topTen .GoodsList h6{ font-weight:normal; margin: 4px 0 0 0;}
.mainTopArea .topTen .GoodsListWrap{ text-align:left; padding:0}
.GoodsList{ text-align: center; }

.MainBorder                     { margin-top:10px; position:relative}
.MainBorder .addInfo            { position:absolute; top:3px; right:10px}
			.addInfo .ArticleList ul li      { float:left; border-right:1px solid #ddd; padding:0 10px; line-height:18px;}
			.addInfo .ArticleList ul li img  { display:none}
.MainBorder .top                { height:27px;}
.MainBorder .bottom             { background:url(maingoodsborder-bottom.gif) no-repeat; height:14px;}
.MainBorder .body               { background:url(maingoodsborder-bg.gif); padding:10px 10px 0 10px }
.MainBorder .body .bannerArea   { width:187px; height:251px; float:left; margin-right:10px; border:1px solid #ccc;}
.MainBorder .body .goodsArea    { float:left; }


#Foot{ width:960px; margin:20px auto 0; clear:both; background-image: url(../images/foot_bg.jpg); background-repeat: repeat-x; border-top-width: 1px; border-top-style: solid; border-top-color: #999; }
#Foot .span-5 { width:210px; padding-top: 7px; padding-right: 0px; padding-bottom: 15px; padding-left: 20px; }
#Foot .span-6 { width:210px; padding:7px 0px 15px 20px; background-image: url(../images/foot_line.jpg); background-repeat: no-repeat; background-position: left top; }
#Foot .cat3{ background-image: url(../images/arrow.gif); background-repeat: no-repeat; background-position: 10px 60%; margin-top: 5px; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 20px; }
#Foot .footArticle{border-top:2px solid #c1c1c1;}
#Foot .border-top h3{-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:transparent url(../images/foot_point.jpg) no-repeat scroll 0 50%;color:#404040;font-size:14px;font-weight:700;padding-left:10px;}
#Foot .footPicInfo{padding:10px; text-align:center; border-bottom:1px solid #ccc;}
#Foot .footPicInfo .AdvBanner{ display:inline; margin-right:10px;}
#Foot .footer_bottom{ clear:both;line-height: 20px;}
#Foot .footer_red{ text-align:center; color:#D67721;}
#Foot .footer_red a:link,.footer_red a:visited{ color:#D67721; text-decoration:none}
#Foot .footer_red a:hover{ text-decoration:underline}
#Foot .footer_red span{ color: #999; }
#Foot .footer_icp{ color:#666; text-align:center; /*padding-bottom:15px */}

.Linke{ text-align: center; }
.Linke table{ margin-right: auto; margin-left: auto; }
.Linke a{ color:#666666; margin-left: 10px; }
.Linke a:hover{color:#000}

/*更改style.zcss下的樣式*/
.MemberSidebar .MemberMenu{ padding-top:8px; border-right-width: 1px; border-right-style: solid; border-right-color: #CBD9A0; }



/*=商品分类
=============================================================================================*/
.GoodsCategoryWrap { }
.c-cat-depth-1, .s-cat-depth-1 { color:#576060; padding-top: 15px; padding-right: 5; padding-bottom: 8px; padding-left: 5px; }
.c-cat-depth-1 li, .s-cat-depth-1 li {/* width:162px;*/}
.c-cat-depth-1 a, .s-cat-depth-1 a { background:url(../images/leftnav_title_ico.gif) no-repeat 0 -2px; font-weight:bold; color:#576060; font-size:14px; display:inline; }
.c-cat-depth-2, .s-cat-depth-2 { line-height:150%; margin-top: 3px; margin-right: 0; margin-bottom: 10px; background-image: url(../images/dashed.gif); background-repeat: repeat-x; background-position: bottom; padding-bottom: 8px;padding-left: 10px;  }
.c-cat-depth-2 a, .s-cat-depth-2 a {background:transparent url(http://sephora.cn/html/imagesNew/arrowGrayR.gif) no-repeat scroll left 50%; border:none; font-weight:normal; font-size:12px; margin:0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; }
.c-cat-depth-2 a:hover, .s-cat-depth-2 a:hover {padding-left: 10px;  background:transparent url(http://sephora.cn/html/imagesNew/arrowR.gif) no-repeat scroll left 50%; color:#EB008D}
.c-cat-depth-3, .s-cat-depth-3 { margin:3px 0 0 10px; }
.c-cat-depth-3 a, .s-cat-depth-3 a { color:#3B5F9F; background:none; padding:0; }
.e-cat-depth-1 p { margin:0; padding:2px 0 2px 10px; border-bottom:1px solid #E1E1E1; }
.e-cat-depth-2 p { padding:2px 0 2px 0; border:none; }
.e-cat-depth-3 { padding:0 0 0 20px; }
.e-cat-depth-1 .nosymbols, .e-cat-depth-1 .symbols { display:block; float:left; width:10px; }
.e-cat-depth-1 .symbols { background:url(arrs.gif) no-repeat 0 -83px; text-indent:-9999px; }
.e-cat-depth-1 .show { background-position: 0 -113px; }
.e-cat-depth-1 span { cursor:pointer; margin:0 2px; }
.e-cat-depth-1 a { color:#576060; font-weight:bold; }
.e-cat-depth-2 { margin-left:25px; }
.e-cat-depth-2 a { font-weight:normal; color:#576060; }
.e-cat-depth-3 a { color:#2C4F83; }
.TreeList .cat2 { background:url(arrow.gif) no-repeat 10px 50%; }
.TreeList .cat2 { color:#000; padding:4 0 0 25px; }

.s-cat-dropdown { padding-top: 10px; padding-bottom: 10px; background-color: #FFF; z-index: 9999; }