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


*/

body {font-family: "Arial";font-size: 12px;color: #666666;line-height: 180%; background:url(bodybg.gif) repeat-x #F9FCFE;}
a{color:#464646;  text-decoration:none;}
a:hover{color:#1A4335;	text-decoration:underline;}

div.AllWrap{ margin:0 auto; width:1004px; }
div.AllWrapInside{ margin:0 auto; width:1004px; background-color:#FFF;}



.headerInfo                { height:95px; position:relative; background:url(top.jpg) no-repeat; z-index:2}
	.headerInfo  .logo     { position:absolute; left:0;}
	.headerInfo  .topMenu  { position:absolute; right:220px; top:20px; line-height:20px;}
	.headerInfo  .topMenu a{ text-decoration:none;}
	.headerInfo  .info     { height:40px;position:absolute; left:805px; top:48px; line-height:20px; z-index:2;}


.header                       {height73px; position:relative; height:73px; z-index:0;}
	.header #menu             { height:42px; line-height:42px;}
	.header .headerSearchBar  { position:absolute; left:55px;top:32px; height:32px;}
	.header .loginBar         { left:425px;position:absolute;top:42px;width:440px;}
	.header .cartBar          { right:20px;position:absolute;top:42px;width:77px;}
	.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{ background:#fff; margin-top:0px !important; margin-top:-25px;}
.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; width:788px;}
.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:34px; margin-bottom:2px;}
.MainBorder .bottom             { background:url(maingoodsborder-bottom.gif) no-repeat; height:14px;}
.MainBorder .body               { padding:10px; border:1px solid #ccc; }
.MainBorder .body .bannerArea   { width:187px; height:251px; float:left; margin-right:10px; border:1px solid #ccc;}
.MainBorder .body .goodsArea    { float:left; width:100% }

.index_arc{padding-top:10px; position:relative; width:10004px; clear:both;}
.index_arc .zhuanti{ float:left; width:986px; margin-right:4px!important; margin-right:2px; margin-left:8px!important; margin-left:4px;}
.index_arc .jiankang{ float:left; width:277px;}

#Foot{ background:#fff repeat-x; margin:0 auto; width:1004px; padding:10px 0 0 0;}
.foot-1{ margin:0 auto; width:986px;}
.footArticle{ margin-top:10px; background:url(footArticle.gif) no-repeat 10px 0; height:171px;}
.footPicInfo{padding:10px; text-align:center; border-bottom:1px solid #ccc;}
.footPicInfo .AdvBanner{ display:inline; margin-right:10px;}
.footbar table, td, th{  vertical-align:bottom;}
.footCopyright{margin:0 auto; width:986px;}
.footCopyright .LinkList table{ width:100%; overflow:hidden;}
.footbar_wrap{position:fixed; bottom:0; left:0;width:100%;margin:0 auto;}
.footbar{width:100%; height:68px; margin:0 auto; background-image:url(footernavline.gif); background-repeat:repeat-x; background-position:bottom; border-bottom:1px solid #ccc;}
* html .footbar_wrap{position:absolute; left:0; width:101.4%;top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);} 
.GoodsInfoWrap  table, td, th{ vertical-align:top;}

.left_shop1 .RankingList{ background:url("ioc_list.gif") no-repeat scroll 0 15px transparent!important;background:url("ioc_list.gif") no-repeat scroll 0 18px transparent;}
.left_shop2 .RankingList{ background:url("ioc_list2.gif") no-repeat scroll 0 14px transparent!important;background:url("ioc_list2.gif") no-repeat scroll 0 16px transparent;}
.filtmode{ width:300px; float:right; text-align:right;}
.pagemode{ width:180px; float:right;}
#help{
	font-size:12px;
	color:#333;
	line-height:19px;
	width:770px;
padding:9px;
}
#help h2{text-align:center;}