@import url("border.css");
@import url("widget.css");
@import url("purple/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");


*/




body {font-family: "Arial";font-size: 12px;color: #666666;line-height: 180%; padding:0;}
a{color:#464646;  text-decoration:none;}
a:hover{color:#000000;	text-decoration:underline;}

.AllWrap{ margin:0 auto; width:950px;}
.AllWrapInside{ margin:0 auto; width:950px;  border-top:1px solid #ddd; }


.headerInfo                { height:183px; position:relative; z-index:2 }
	.headerInfo  .top      {height:22px; position:absolute;right:0; top:28px}
	.headerInfo  .logo     { position:absolute; left:0; top:23px }
	.headerInfo  .topMenu  { position:absolute; right:0; top:0px;}
	.headerInfo  .topMenu a{ text-decoration:underline;}
	.headerInfo  .info     { position:absolute; right:275px; top:70px; width: 147px; }
	.headerInfo  .cartBar  { height:29px; left:722px; position:absolute; top:68px; width:180px; }
    .headerInfo  .menu     { position:absolute; height:35px; line-height:35px; left:170px; top:102px }
	.headerInfo  .topbtn   { position:absolute; height:35px; line-height:35px; left:0; top:109px }
	.headerInfo  .topbtn a {width:79px; height:29px;display:block; float:left;  margin-right:5px}
	.headerInfo  .topbtn .cate  { background:url(topbtn-cate.gif); width:71px;}
	.headerInfo  .topbtn .brand  {background:url(topbtn-brand.gif)  no-repeat}
	.headerInfo  #catebox  {  background:#fff; border:1px solid #af85b2; border-top:1px solid #fff;position:absolute; top:138px; width:930px; padding:10px; z-index:10; }	
	.headerInfo  #brandbox  { background:#fff; border:1px solid #af85b2;border-top:1px solid #fff;position:absolute; top:138px; left:80px; width:850px; padding:10px; z-index:10; }	
	.headerInfo  .menu li  { padding-right:10px}
	.headerInfo  .menu li a{ color:#fff}
	.headerInfo  .headerSearchBar  { position:absolute; left:0; top:140px; width:950px; height:34px; color:#000; }
	.headerInfo  .headerSearchBar a  { color:#000; }
	.headerInfo  .loginBar         { height:23px; right:0; position:absolute; top:150px;}

.mainColumn      { width:761px; overflow:hidden;}
.sideColumn     { width:181px; overflow:hidden;}
.sideColumn .AdvBanner img    { margin-top:1px;}


/*头部四个标签样式*/
.header .rlink{
	overflow:hidden;
	padding-top:4px;
}
.rlink ul li{
	width:78px;
	height:21px;
	background:url(toprlink-bg.gif) left top no-repeat;
	float:left;
	margin-right:8px;
	margin-bottom:8px;
	overflow:hidden;
}
.rlink ul li a{
	display:block;
	color:#777;
	line-height:21px;
	text-indent:22px;
	background-image:url(toprlink-bg.gif);
	background-repeat:no-repeat;
}
.rlink ul li a:hover{
	color:#000;
}
.rlink ul li.r1 a{
	background-position:0px -21px;
}
.rlink ul li.r2 a{
	background-position:0px -42px;
}
.rlink ul li.r3 a{
	background-position:0px -63px;
}
.rlink ul li.r4 a{
	background-position:0px -84px;
}

/*销售排行榜*/
.xiaoshou {width:181px;padding-top:0px;}

/*在这里可以第一行的广告栏样式，Banner条*/

.mainColumnad1      { width:950px; overflow:hidden;}
 slidergoodsad1{position:relative; height:152px; overflow:hidden; border:1px solid #ccc;}

.ShopCartWrap{ cursor:pointer}

.topMainBannerArea{ background:url(topMainBannerArea.gif); width:753px; height:326px; padding:9px 6px;overflow:hidden}
.topMainBannerArea .series{ float:left; height:275px; }
.topMainBannerArea .a{ width:215px; position:relative;z-index:1 }
.topMainBannerArea .b img{ border:1px solid #ccc; border-bottom:0}
.topMainBannerArea .b{ width:530px;}
.topMainBannerArea .c{ width:210px;}

 slidergoods{position:relative; height:152px; overflow:hidden; border:1px solid #ccc;}
#slidergoods .GoodsListWrap{ width:1180px; position:absolute; left:0; top:0;height:152px;}
#slidergoods .GoodsListWrap .itemsWrap .item{ padding-right:10px;  border-right:1px dotted #ccc;}

.middleitmeshow{background:#fff url(middleitemshowbg.gif) repeat-x;}
.middleitmeshow .showitem { padding:15px 0 0 40px;}
.middleitmeshow .showitem .pic{ position:relative}
.middleitmeshow .showitem .pic .siderintro{ position:absolute; top:0; left:-30px; width: 22px; height: 106px; color:#fff; line-height:14px}
.middleitmeshow .red{ background:url(middleitemshowTitle-red.gif) no-repeat}
.middleitmeshow .yellow{ background:url(middleitemshowTitle-yellow.gif) no-repeat}
.middleitmeshow .green{ background:url(middleitemshowTitle-green.gif) no-repeat}
.middleitmeshow .middleitmeshowArt { border-top:1px solid #ccc;}
.middleitmeshow .middleitmeshowArt h6{ margin:2px; text-align:left;}

.vcat .c-cat-depth-1 { padding:0; margin:0; overflow:hidden;_height:1%}
.vcat .c-cat-depth-1 ul{ padding:0; margin:0}
.vcat .c-cat-depth-2 { padding:0;}
.vcat .c-cat-depth-2  table{width:100%;}
.vcat .c-cat-depth-2  td{width:40%; padding:2px; margin:0}
.vcat .c-cat-depth-2  td a{ display:block; border:1px solid #ccc; background:#efefef; text-align:center; padding:1px 2px;}


.middleSep{ border-top:0px solid #ddd; border-bottom:0px solid #ddd;padding:10px 0; margin:10px auto}
.middleSep .VsepTips{ float:left; width:12px; padding:3px; color:#fff; line-height:14px; }
.middleSep .middleSepContent{ float:left; width:161px; margin-right:5px; border-right:1px solid #ddd; margin-right:10px }
.middleSep .middleSepContent .GoodsListWrap{ text-align:left; padding:0;}
.middleSep .middleSepContent .GoodsListWrap h6{ margin:0;} 


/*控制自定义html的四个banner的输出*/
.middleSep1{border-top:1px solid #ddd;border-right:1px solid #ddd;border-left:1px solid #ddd; border-bottom:1px solid #ddd;padding:10px 0; margin:10px auto}
.middleSep1 .middleSepContent{ float:left; width:221px; margin-right:7px;margin-left:8px; border-right:1px solid #ddd;}
.middleSep1 .middleSepContent .GoodsListWrap{ text-align:left; padding:5;}
.middleSep1 .middleSepContent .GoodsListWrap h6{ margin:0;} 


.middleCulomnPic{ margin:5px auto; text-align:center}
.middleCulomnPic img{ border:1px solid #ccc; margin:10px 0}

#Foot{ background:#fff url(f.ootbg.gif) repeat-x; margin-top:10px; }
.footArticle{ margin-top:10px;}
.footPicInfo{padding:10px; text-align:center; border-bottom:1px solid #ccc;}
.footPicInfo .AdvBanner{ display:inline; margin-right:10px;}

.headerInfo .menu li  div{ padding:3px; margin:0; line-height:20px;}
.headerInfo .menu li  .v-m-page a{ color:#000;}

/*控制友情链接的输出*/
.lianme{color:#313131;width:950px;border:1px #D8D8D8 solid;}
.lianmetitle {font-size:12px;font-weight:400;float:left;width:12px;height:58px;border-right:1px #D8D8D8 solid;background:#F3F3F3;line-height:13px;padding:10px 7px 0;}
.lianme ul{float:left;padding-left:10px;width:900px;}
.lianme li{border-bottom:1px #B0B0B0 dashed;float:left;font-size:12px;width:112px;text-align:center;line-height:25px;}

/*控制滚动商品输出*/
.subContent{ clear:left;width:950px;padding-top:5px;margin:0 auto;}
#slidergoods2{position:relative; height:152px; overflow:hidden; border:1px solid #ccc;}
#slidergoods2 .GoodsListWrap{ width:900px; position:absolute; left:0; top:0;height:152px;}
#slidergoods2 .GoodsListWrap .itemsWrap .item{ padding-right:10px;  border-right:1px dotted #ccc;}


/*自建分类显示*/
.zj{ margin:0 auto; padding-top:8px;}
.zjleft1{ overflow:hidden; float:left; width:20%; background:url(zjleftpic1.gif) no-repeat}
.zjleft2{ overflow:hidden; float:left; width:20%; background:url(zjleftpic2.gif) no-repeat}
.zjleft3{ overflow:hidden; float:left; width:20%; background:url(zjleftpic3.gif) no-repeat}
.zjleft4{ overflow:hidden; float:left; width:20%; background:url(zjleftpic4.gif) no-repeat}
.zjleft5{ overflow:hidden; float:left; width:20%; background:url(zjleftpic5.gif) no-repeat}
.zjleftad{padding-top:36px;}
.zjleftbottom1{ background-color:#FBE0E9;padding-left:5px;}
.zjleftbottom2{ background-color:#D2E9F4;padding-left:5px;}
.zjleftbottom3{ background-color:#FFE8D8;padding-left:5px;}
.zjleftbottom4{ background-color:#E3ECD2;padding-left:5px;}
.zjleftbottom5{ background-color:#FFD8E7;padding-left:5px;}

.zjright1{ overflow:hidden; float:right; width:80%;background:url(middleitemshowbg1.gif) repeat-x;}
.zjright2{ overflow:hidden; float:right; width:80%;background:url(middleitemshowbg2.gif) repeat-x;}
.zjright3{ overflow:hidden; float:right; width:80%;background:url(middleitemshowbg3.gif) repeat-x;}
.zjright4{ overflow:hidden; float:right; width:80%;background:url(middleitemshowbg4.gif) repeat-x;}
.zjright5{ overflow:hidden; float:right; width:80%;background:url(middleitemshowbg5.gif) repeat-x;}


#FootMenu{
   margin:10px 0;
}
#FootMenu .menu a{
   color:#828282;
}
#FootMenu .TreeList{
	overflow:hidden;
    text-align:center;
}
#FootMenu .TreeList div{
	font-weight:normal;
	display:inline;
	padding:0 10px;
	border-right:1px solid #CCCCCC;