@import url("border.css");
@import url("widget.css");
@import url("home.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; margin:0}
a{color:#464646;  text-decoration:none;}
a:hover{color:#000000;	text-decoration:underline;}
form,input,select{ font-size:12px;} a img{ border:0;}  .imgalign{ text-align:center;}
p,ul,ol,li,dl,dt,dd,form,input,h1,h2,h3,h4,h5,h6{ padding:0; margin:0; list-style:none;}
.nopadding{ padding:0; margin:0;}
.fcolor1{ color:#572600;} .fcolor2{ color:#6b6b6b;} .fcolor3{ color:#774717;}
.fcolor4{ color:#663333;} .fcolor5{ color:#906a4d;}  .fwhtie{ color:#ffffff;}
.f-14{ line-height:14px;} .f14{ font-size:14px;}  .fbold{ font-weight:bold;}
.f-22{ line-height:22px;} .f-27{ line-height:27px;} .f-18{ line-height:18px;}
.f-16{ line-height:16px;} .clear{ width:0px; height:0; font-size:0; clear:both;}
.del{ text-decoration:line-through;} .htop{ margin-top:8px;}
.fcolor6{ color:#966a43;} .fleft{ text-align:left;}  
.oborder{ margin-bottom:1px;}  .fcolor7{ color:#7c603b;}
.fcolor1 a:hover{text-decoration: underline;}
.page-deep{ margin-bottom:5px;}
.nopadding{ padding:0; margin:0;}


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



.headerInfo                {
	height:150px;
	position:relative;
	z-index:2;
}
	.headerInfo  .logo     { position:absolute; left:10px; top:12px }
	.headerInfo  .topMenu  { position:absolute; right:10px; top:5px;}
	.headerInfo  .topMenu a{ color:#FCA834;}
	.headerInfo  .info     { position:absolute; right:275px; top:67px; width: 147px; }
	.headerInfo  .cartBar  { height:29px; left:672px; position:absolute; top:123px; width:180px; }
	.headerInfo  .cartBar a{ color:#FCA834;}
    .headerInfo  .menu     { position:absolute; height:35px; line-height:35px; left:95px; top:80px }
	.headerInfo  .Fonthit  {
	position:absolute;
	left:635px;
	top:45px;
	width:300px;
	font-size: 12px;
	color: #A38465;
	line-height: 15px;
}
	.headerInfo  .topbtn   { position:absolute; height:35px; line-height:35px; left:0; top:93px }
	.headerInfo  .topbtn a {width:66px; height:24px;display:block; float:left;  margin-right:5px}
	.headerInfo  .topbtn .cate  { background:url(GoIndex.gif); width:66px;}		
	.headerInfo  .menu li  { padding-right:18px}
	.headerInfo  .menu li a{
	color:#fff;
	font-size: 12px;
}
	.headerInfo  .headerSearchBar  { position:absolute; left:0; top:116px; width:950px; height:34px; color:#000; }
	.headerInfo  .headerSearchBar a  { color:#000;}
	.headerInfo  .loginBar         { height:23px; right:10px; position:absolute; top:122px;}

.mainColumn      { width:711px; overflow:hidden; float:right;}
.sideColumn     {
	width:231px;
	overflow:hidden;
	float:left;
}
.sideColumn .AdvBanner img    { margin-top:1px;}

.ShopCartWrap{ cursor:pointer}

/*main*/
.mainleft{ width:244px; float:left;}
.mainright{ width:701px; float:right;}
.gborder{ border:1px solid #dfdfde;}  .pbrder{ padding:8px;}
.fred1{ color:#cb244a;} .bfont3{ font-size:24px; font-family:Georgia,"Times New Roman",Times,serif; font-weight:bold;}
.wborder{ border:3px solid #d3d3d3;}
.style1{ color:#874957;} .black{ color:#000;}
.mtoplist{ margin-top:4px;} 
.eccor{ width:992px; float:left;}

.imgblock{ display:block;} 
.diamondtable{ background:url(../images/foot_bg.png) left -89px no-repeat; height:191px;}
.diamondtable select{ color:#966a43; width:110px;}
.bfont1{color:#CF003C;font-family:Georgia,"Times New Roman",Times,serif;letter-spacing:3px;}
.Tline{ background:url(../images/line.png) center bottom no-repeat;}
.btn1{ padding-left:76px;}
.tine{background:url(../images/line.png) center top no-repeat;}
span.ico_1{width:4px;height:7px;display:block;float:left;background:url(http://www.babeier.com/images/20100415/97582ef0a8f484c5.png);margin:8px 5px 8px 0;}
span.ico_2{width:6px;height:6px;display:block;float:left;background:url(http://www.babeier.com/images/20100415/97582ef0a8f484c5.png) no-repeat -4px top;margin:6px 5px 6px 0;*margin:5px 5px 7px 0;}
/* 产品分类 */
.directory{width:219px;height:505px;padding:0 5px;margin:5px 6px 0 0;float:left;border:1px #e9d2bd solid;position:relative;}
.directory h2{font-size:12px;color:#572600;height:23px;line-height:23px;border-bottom:1px #846044 dashed;margin:4px 0;padding-bottom:2px;_margin:3px 0;_padding:0;overflow:hidden;}
.directory ul{border-bottom:1px #eddbca solid;padding-left:5px;overflow:hidden;zoom:1;}
.directory ul.last{border:0;}
.directory ul li{height:18px;line-height:18px;border:1px #fff solid;padding-left:5px;}
.directory ul li a{height:18px;line-height:18px;overflow:hidden;}
.directory ul li.un{border:1px #af9376 solid;background:#f9f3ec;}
#directory_1{position:absolute;display:none;top:168px;left:105px;width:172px;height:60px;background:url(http://www.babeier.com/images/20100415/97582ef0a8f484c5.png) no-repeat left bottom;padding-bottom:5px;z-index:999;_top:164px;}
#directory_1 ul{width:157px;border:0;background:url(http://www.babeier.com/images/20100415/97582ef0a8f484c5.png) no-repeat left top; padding:2px 0 2px 15px;}
/*销售排行*/
.topList{ padding-top:7px; background:#fff9f1; float:left; height:338px;}
.topList h5{ font-size:12px; background:#572600;}
.topListCont{ padding:6px 7px 6px 9px; float:left; width:226px; display:inline;}
.topListCont img{ width:50px; height:50px; border:1px solid #9b9a9d; overflow:hidden;float:left;}
.topListCont p{ float:left; width:165px; padding-left:9px;}
.bfont2{ font-family:Verdana, Geneva, sans-serif;}
.fred , .saletop1{ color:#ff014f;}
.forg , .saletop2{ color:#fd4f06;}
.fgre , .saletop3{ color:#569101;}
.fblue , .saletop4{ color:#01897f;}
.fblue1 , .saletop5{ color:#0075ff;}
.topListCont a:hover{ text-decoration:underline;}
a.saletop1:hover,a.saletop2:hover,a.saletop3:hover,a.saletop4:hover,a.saletop5:hover{
	text-decoration:underline;
}
a.saletop1:hover{color:#ff014f;}
a.saletop2:hover{color:#fd4f06;}
a.saletop3:hover{color:#569101;}
a.saletop4:hover{color:#01897f;}
a.saletop5:hover{color:#0075ff;}

.fcolor1{ color:#572600;} .fcolor2{ color:#6b6b6b;} .fcolor3{ color:#774717;}
.fcolor4{ color:#663333;} .fcolor5{ color:#906a4d;}  .fwhtie{ color:#ffffff;}
.f-14{ line-height:14px;} .f14{ font-size:14px;}  .fbold{ font-weight:bold;}
.f-22{ line-height:22px;} .f-27{ line-height:27px;} .f-18{ line-height:18px;}
.f-16{ line-height:16px;} .clear{ width:0px; height:0; font-size:0; clear:both;}
.fborder{ width:242px; border:1px solid #f0e3cc; margin-top:}
.fborder1{ width:700px;height:126px; border:1px solid #f0e3cc;}


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

#slidergoods{position:relative; height:auto; 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{}
.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 .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;
}
.footArticle{ margin-top:20px;}
.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;}