@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_rightMain.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; margin: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  .logo     { position:absolute; left:0; top:3px }
	.headerInfo  .topMenu  { position:absolute; right:0; top:5px;}
	.headerInfo  .topMenu a{ text-decoration:underline;}
	.headerInfo  .info     { position:absolute; right:275px; top:67px; width: 147px; }
	.headerInfo  .cartBar  { height:29px; left:722px; position:absolute; top:68px; width:180px; }
    .headerInfo  .menu     { position:absolute; height:35px; line-height:35px; left:30px; 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:146px; 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;}

.ShopCartWrap{ cursor:pointer}

.topMainBannerArea{ background:url(topMainBannerArea.gif) no-repeat; height:275px; padding:6px 4px;overflow:hidden; }
.topMainBannerArea .series{ float:left; height:275px; }
.topMainBannerArea .a{ width:445px; position:relative;z-index:1 }
.topMainBannerArea .b img{ border:1px solid #ccc; border-bottom:0}
.topMainBannerArea .b{ width:119px;}
.topMainBannerArea .c{ width:181px;}
.adShow { width:181px; margin-left:8px; } 
.adShow li { margin-bottom:5px; position:relative; top:-6px; }

#slidergoods{position:relative; height:auto; overflow:hidden; border:1px solid #ccc; border-bottom:none  }
#slidergoods .GoodsListWrap{ width:1180px; position:absolute; left:0; top:8px;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:1px solid #ddd; border-bottom:1px solid #ddd;padding:10px 0; margin:10px auto}
.middleSep .VsepTips{ float:left; width:12px; padding:3px; color:#fff; line-height:14px; }
.middleSep .colorGreen{ background:#b7b82d}
.middleSep .colorYellow{ background:#b89c2d}
.middleSep .colorRed{ background:#b82d55}
.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;} 

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

#Foot{ background:#fff url(footbg.gif) repeat-x; margin-top:10px; zoom:1;  }
.footArticle{ margin-top:20px; position:relative; padding-top:10px; }
.fa { position:relative; left:75px; }
.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;}

.goodsshow { padding-top:20px; background:#FFFFFF url(middleitemshowbg.gif) repeat-x scroll 0 0; border-left:1px solid #ccc; border-right:1px solid #ccc; zoom:1  }
.goodsshow h1 { font-size:14px; background:url(siderCommonBorderTitle.gif) no-repeat right center; height:29px; line-height:25px; width:170px; padding-left:15px; color:#fff; }
.goodsshow .GoodsListWrap .GoodsList .itemsWrap { margin-left:4px; }
.lastGoodShow { padding-bottom:10px; border-bottom:1px solid #ccc; }

.adds { margin-bottom:5px; border:1px solid #ccc; }
.help-left{width:350px;float:left;margin:0 0 0 10px;}
.help-right{width:361px;float:right;margin:0 0 0 10px;}
.help-right-title{width:360px;height:15px;float:left;background:url(index_56.gif) top;overflow:hidden;}
.help-right-bg{width:360px;float:left;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;}
.help-right-foot{width:361px;height:15px;float:left;background:url(index_56.gif) bottom;overflow:hidden;}

#br1pxp1b{ border:1px solid #d4d7dd; padding:1px; _padding:0px; border-bottom:none;}
#Tab10 .Menubox {width:970px;height:32px;line-height:28px; margin:0 auto;background:url(Tab10titlebg2.gif);}
#Tab10 .Menubox ul{margin:0px;padding:0px;text-align:center;}
#Tab10 .Menubox li{float:left;display:block;cursor:pointer;width:80px;color:#737373;font-weight:bold;font-size:12px;height:32px; background:none;}
#Tab10 .Menubox li.hover{padding:0px;width:81px;background: url(Tab10titlebg.gif) center;color:#737373;font-weight:bold;font-size:12px;height:32px;}
#Tab10 .Contentbox{ width:970px; height:auto; overflow:hidden; border:none; margin:4px }

#Tab10 .LinkList a{ margin:0 5px;}
#out{ width:980px; margin:0 auto; height:auto;}

#help{ width:980px; height:167px; overflow:hidden; background:url(bottom.gif) no-repeat;}
#help-l{ width:139px; height:103px; overflow:hidden; background:url(callbg.gif) no-repeat; padding:63px 0 0 108px; float:left;}
#help-l .c1{ color:#ff5a00; font-size:18px; font:Arial, Helvetica, sans-serif; font-weight:700;}
#help-l .c2{ color:#666; font-size:14px; font:Arial, Helvetica, sans-serif; font-weight:700;}
#help-l .c3{ color:#fff; font-size:12px; font:宋体; font-weight:100; background:url(time.gif) no-repeat; line-height:16px; padding:0 0 0 8px;}
#help-r{ width:720px; height:150px; float:right; margin:10px 10px 0 0;}
#help-r-cont{ width:160px; height:150px; float:left; overflow:hidden; padding:0 0 0 10px;}
#help-r-cont-top{ width:140px; height:25px; color:#666; font-size:14px; font-weight:700; padding:5px 0 0 30px;}
#help-r-cont-cont{ width:150px; height:120px;  padding:0 0 0 20px;}

#bmenuout{ width:978px; height:22px; border:1px solid #d4d7dd; border-top:none; overflow:hidden; margin:0; text-align:center;}
#bmenuout2{ width:978px;border:1px solid #d4d7dd; border-top:none; overflow:hidden; margin:0; text-align:center;}
#bmenuout .cat1 { padding:0; margin:6px 0 0 0; display:inline; }
#bmenuout .cat1 a{ font-weight:100;padding:0 10px;  }