@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: 150%;
	padding:0;
	margin:0;
	background-image: url(bg_top.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
a{color:#464646;  text-decoration:none;}
a img {
	border: 0px;
}

a:hover{
	color:#CC0000;
	text-decoration:underline;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.clear {
	clear: both;
}

.m_l_10 {
	margin-left: 10px;
}
* html .m_l_10 {
	margin-left: 9px;
}
.blank10 {
	height: 10px;
	clear: both;
	overflow: hidden;
}
.blank20 {
	height: 20px;
	clear: both;
	overflow: hidden;
}


.BodyWrap{	background-image: url(bg_top.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
.AllWrap{ margin:0 auto; width:950px}
.AllWrapInside{ margin:0 auto; width:950px;  border-top:1px solid #ddd; }
.TopMsg {
	background-image: url(bg_top_msg.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	font-weight: bold;
	color: #CC0000;
	text-align: center;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}
.Header {
	position: relative;
	height: 140px;
}
.Header .logo {
	position: absolute;
	height: 70px;
	width: 130px;
	left: 0px;
	top: 0px;
}
.Header .TopBanner {
	position: absolute;
	height: 70px;
	width: 500px;
	left: 160px;
	top: 0px;
}
.Header .TopMenu {
	top: 8px;
	right: 0px;
	position: absolute;
}
.Header .TopLogin {
	position: absolute;
	top: 30px;
	right: 0px;
	color: #CC0000;
}
.Header .TopLogin a {
	color: #FF6600;
}
.Header .Menu {
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 80px;
}
.Header .Menu li {
	margin: 0px;
	float: left;
	width: 95px;
	list-style-type: none;
	background-image: url(line_topmenu.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: center;
}
.Header .CartInfo {
	position: absolute;
	right: 0px;
	height: 20px;
	line-height: 20px;
	color: #FF9900;
	background-image: url(icon_cart_01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	top: 65px;
}
.Header .CartInfo img {
	vertical-align: middle;
}
.Header .SearchBar {
	position: absolute;
	top: 115px;
	height: 20px;
}
.Header .SearchBar .Bar {
	float: left;
	width: 280px;
}
.Header .SearchBar .Keywords {
	float: left;
}
.Header .SearchBar .text {
	border: 1px solid #CCCCCC;
	height: 16px;
	width: 135px;
	vertical-align: middle;
	background-image: url(icon_search.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}
.Header .SearchBar .button {
	vertical-align: middle;
	margin-right: 10px;
}
.Header .SearchBar a.AdvSearch {
	color: #CC0000;
	margin-right: 10px;
}
	.Header  #catebox  {
	background:#fff;
	border:2px solid #CC0000;
	position:absolute;
	top:110px;
	width:930px;
	padding:10px;
	z-index:10;
}	
.isIE {
	background-color: #FFFFCC;
	border: 1px dashed #FFCC00;
	background-image: url(icon_03.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-left: 30px;
	color: #999999;
}
.isIE a {
	color: #999999;
	text-decoration: underline;
	font-size: 10px;
}
.isIE strong {
	color: #FF6600;
}

.Wrap200 {
	width: 200px;
	display: inline;
}
.Wrap530 {
	width: 530px;
	display: inline;
}
.Wrap740 {
	width: 740px;
	display: inline;
}

.border_200_red {
	position: relative;
}
.border_200_red .top {
	background-image: url(fr_200_red_t.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 26px;
	font-size: 14px;
	font-weight: bold;
	color: #CC0000;
	padding-top: 5px;
	padding-left: 15px;
	line-height: 26px;
}
.border_200_red .body {
	border-right-width: 4px;
	border-left-width: 4px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CC0000;
	border-left-color: #CC0000;
	padding-right: 10px;
	padding-left: 11px;
	padding-top: 5px;
	padding-bottom: 6px;
	height: 100%;
	width: 171px;
	overflow: hidden;
}
.border_200_red  .body  ul,li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.border_200_red  .body  .news li {
	background-image: url(icon_02.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	height: 19px;
}
.border_200_red  .body  a.more {
	color: #FF3300;
	position: absolute;
	top: 6px;
	right: 15px;
}


.border_200_red .bottom {
	background-image: url(fr_200_red_b.gif);
	background-repeat: no-repeat;
	height: 6px;
	background-position: center top;
	overflow: hidden;
}
.border_200_gray .top {
	font-size: 14px;
	line-height: 30px;
	font-weight: bold;
	color: #CC0000;
	background-image: url(fr_200_gray_t.gif);
	background-repeat: no-repeat;
	height: 30px;
	padding-left: 10px;
}
.border_200_gray .body {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	height: 100%;
	width: 178px;
	overflow: hidden;
}
.border_200_gray .body .ranking {
}
.border_200_gray .body ul, li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.border_200_gray .bottom {
	background-image: url(fr_200_gray_b.gif);
	background-repeat: no-repeat;
	height: 5px;
	background-position: center top;
	overflow: hidden;
}
.IndexCategory {
	clear: both;
	margin: 0px;
}
.IndexCategory dt {
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	clear: both;
}
.IndexCategory dd {
	margin: 0 6px 5px 0;
	padding: 1px 6px 0 0;
	white-space: nowrap;
	border-right: 1px solid #E6E6E6;
	float: left;
	line-height: 14px;
}
.CategoryTreeAll  h3 a {
	font-size: 14px;
	margin: 0px;
	line-height: 28px;
	text-decoration: underline;
	color: #CC0000;
}

.CategoryTreeAll dl {
	margin: 0px;
	padding: 0px;
}
.CategoryTreeAll dt {
	font-weight: bold;
	line-height: 28px;
}
.CategoryTreeAll dt a {
	color: #FF3300;
}

.CategoryTreeAll dd {
	margin: 0 6px 5px 0;
	padding: 1px 6px 0 0;
	white-space: nowrap;
	border-right: 1px solid #E6E6E6;
	float: left;
	line-height: 14px;
}
.history li {
	height: 55px;
	clear: both;
}
.history img {
	float: left;
	height: 50px;
	width: 50px;
	margin-right: 10px;
}
.history  .info {
	line-height: 14px;
	height: 50px;
}

.history .Num {
	font-size: 9px;
	line-height: 12px;
}


.adv_1 {
	background-color: #eeeeee;
	height: 70px;
	width: 200px;
}
.adv_2 {
	background-color: #eee;
	height: 100px;
	width: 200px;
}
.adv_3 {
	background-color: #eee;
	height: 170px;
	width: 200px;
}
.adv_4 {
	background-color: #eee;
	height: 220px;
	width: 200px;
}
.adv_5 {
	background-color: #eee;
	height: 150px;
	width: 310px;
}

.adv_indexswf {
	background-color: #eee;
	height: 280px;
	width: 530px;
}

.IndexHotGoods {
	background-image: url(bg_hotgoods.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 180px;
	width: 520px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 40px;
	overflow: hidden;
}
.IndexHotGoods ul {
	margin: 0px;
	padding: 0px;
}
.IndexHotGoods li {
	width: 130px;
	float: left;
	text-align: center;
}
.IndexHotGoods .Num {
	font-size: 9px;
	line-height: 9px;
}
.IndexHotGoods .Img {
	margin-bottom: 5px;
}

.IndexCateGoods {
	background-image: url(bg_category.jpg);
	background-repeat: no-repeat;
	height: 200px;
	width: 950px;
	overflow: hidden;
}
.IndexCateImg {
	float: left;
	height: 200px;
	width: 200px;
	overflow: hidden;
}

.IndexCateGoods_list {
	padding-top: 10px;
	float: left;
	height: 190px;
	width: 750px;
}

.IndexCateGoods_list ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	width: 740px;
	height: 190px;
}
.IndexCateGoods_list li {
	float: left;
	width: 146px;
	text-align: center;
	line-height: 13px;
}
.IndexCateGoods_list .Img {
	margin-bottom: 5px;
}
.IndexCateGoods_list .Num {
	font-size: 9px;
	line-height: 9px;
}


.PartnerTitle {
	background-image: url(bg_line_01.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 15px;
}
.PartnerB {
	background-image: url(bg_partner.gif);
	background-repeat: no-repeat;
	height: 90px;
	width: 950px;
	margin: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.PartnerB li {
	background-color: #eee;
	padding: 0px;
	height: 90px;
	width: 184px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	float: left;
}
.PartnerS {
	margin: 0px;
	padding: 0px;
}
.PartnerS  li  {
	padding: 0px;
	float: left;
	height: 31px;
	width: 88px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 7px;
}
.Position {
	line-height: 30px;
	height: 30px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CC0000;
}
.Position a {
	text-decoration: underline;
}
.Position  .now {
	color: #FF6600;
}

.FootMenu {
	background-image: url(bg_footermenu.gif);
	background-repeat: no-repeat;
	height: 34px;
	width: 950px;
	text-align: center;
	padding-top: 10px;
}
.AdvBanner img {
	display: block;
}
.AdvBanner {
	display: block;
	margin: 0px;
	padding: 0px;
}



















.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: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: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); 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{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; }
.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;}
.AllCategory .top {
	font-size: 14px;
	font-weight: bold;
}
.AllCategory dl {
	float: left;
	width: 180px;
	margin-left: 14px;
}
.AllCategory dt {
	font-weight: bold;
	margin-top: 10px;
}
.AllCategory dd {
	padding-left: 28px;
}