@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");


*/

/*@import url("TPL_INDEXGOODS_STYLE_4.css");
导入原472的首页排版格式*/

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

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



.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;}
	.headerInfo  .mybiaoqian{ position:absolute; left:210px; top:8px;width:488px;line-height:120%}
	.headerInfo  .mypingpai{ position:absolute; left:210px; top:50px;width:530px;line-height:120%}

.header                       {height:117px; position:relative}
	.header #menu             { height:42px; line-height:42px;}
	.header .headerSearchBar  { position:absolute; left:0;top:42px; width:520px; height:42px;}
	.header .loginBar         { height:30px;left:555px;position:absolute;top:52px;width:220px;}
	.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}

.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{ background:#fff url(footbg.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;}

/*=我的CSS
=============================================================================================*/

#foot{
	clear:both;
	margin-top:15px;
	border-top:3px solid #f90;
	border-bottom:5px solid #f2f2f2;
}

#foot .menubar{
	text-align:center;
	padding:5px;
}
#foot .menu a{
	border-bottom:1px dotted #ccc;
	margin-right:5px;
}
#foot .menu a:hover{

	color:#fff;
	background:#000;
	text-decoration:none;
}
#foot0 {
	padding: 0;
	width: 410px;
	height: 60px;
	margin-right: auto;
	margin-left: auto;
}

#foot1 {
	float: left;
	width: 220px;
	text-align : center;
}

#foot1 li {
	display: block;
	list-style: none;
	text-align : left;
}

#foot2 {
	float: right;
	width: 160px;
	text-align : left;
}

#foot3 {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	line-height: 20px
}

.pic_txt_list ul{ margin:5px 4px;}
.pic_txt_list ul li{ float:left;border-bottom:1px dashed #dcdcdc; margin:5px auto; padding-bottom:5px;width: 350px; height:66px;}
.pic_txt_list li img{ padding:1px;	border:1px solid #ccc;}
.pic_txt_list ul li img{ float:left; margin-right:6px; display:block;}

.BrandListWrap table tr td {
	text-align : left;
	margin-left: 10px;
	padding-left: 10px;
}

.BrandListWrap{
	overflow-y:auto;
	overflow-x:hidden;
	height: 300px;
	width: 180px;
}