@import url("border.css");
@import url("widget.css");
@import url("hack.css");

body {
    float:left;
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	color: #666666;
	line-height: 180%;
	margin:0;
	background:url(../images/bgAll.gif);
}

/* layout */
#allWrap{margin:0 auto; float:left; width:990px; overflow:hidden; background:#fff url(bgLine.jpg) repeat-y;}
#leftColumn{float:left; width:220px; overflow:hidden; background:url(bgLeft.jpg) no-repeat #fff;}
#Main{float:left; width:745px; overflow:hidden; background:url(bgMain.jpg) no-repeat;}
.mainBox{margin:10px auto; width:700px;}
.IndexGoodsBox{clear:both; margin:0 auto; width:750px;}

/* Link */
a:link {color: #333; text-decoration:none;}
a:visited {color: #333;text-decoration:none;}
a:hover {color: #f00; text-decoration:underline;}
a:active {color: #333;}

/* forms */
#SearchWrap .inputstyle{background:#fff; height:14px; overflow:hidden; border:1px solid #c1c1c1;}

/* header */
#header{width:990px; height:155px; background:url(topBg.jpg) no-repeat; position:relative;}
#header .logo{width:220px; position:absolute; left:80px; top:10px;}
#header .menu{height:40px; overflow:hidden; text-align:right; position:absolute; right:15px; top:85px;}
#header .menu li{float:left; font-size:12px; margin:0 5px; font-weight:bold; text-align:center; height:40px; line-height:40px;}

#header .menu li a:link,#header .menu li a:visited,#header .menu li a:active{color:#FFFFFF;text-decoration:none;}
#header .menu li a:hover{color:#FFFF00;text-decoration:none;}

#header .login{position:absolute; width:400px; right:19px; top:129px; color:#9F0404; text-align:right;}
#header .login a{color:#9F0404;}
										
/*=左边栏
=============================================================================================*/	
.leftBox{clear:both; margin:0 auto; width:100%;}
.leftBox_kf{clear:both; margin:0 auto; width:100px;;padding-top:130px; padding-left:120px; height:98px;  background:url(bannerService.jpg) no-repeat center center;}

/*=搜索栏
=============================================================================================*/	
#SearchWrap{position:absolute; height:24px; line-height:24px; top:180px; right:5px; width:520px;}
#SearchWrap a{text-decoration:underline; color:#333}
#SearchWrap .SearchBar{
	margin:0 auto;
}
#SearchWrap .htlinks a{
	color:#333333;
	padding:0 5px;
}
#SearchWrap .htlinks{
	margin:8px;
	margin-left:-210px;
}
#SearchWrap .htlinks div{
	display:inline;
}
#SearchWrap .btn_search{
	text-indent:-9999px;
	background:url(buttonSearch.gif) no-repeat;
	width:47px;
	height:24px;
	border:none;
	cursor:pointer;
	*text-indent:0;
	*line-height:9999px;
	*font-size:-1;
	position:relative;
}				

#Search .btn_search,#Search .btn_advsearch{
	background:url(searchs.gif) no-repeat;
	border:none;
	display:block;
	width:40px;
	height:19px;
	text-indent:-9999px;
	cursor:pointer;
	margin:0 1px;
}
#Search .btn_advsearch{
	background-position:0 -20px;
	width:65px;
}



/*=商品和文章左右分栏
=============================================================================================*/
.mainBox .left{float:left; width:495px;}
.mainBox .right{float:right; width:205px;}

/*=最新商品和最热商品
=============================================================================================*/
.goodsList{float:left; margin:0 0 3px 0;}
.goodsList .text01{float:left; width:290px; height:19px; margin:17px 0 0 170px; display:inline; color:#fff;}
.goodsList .text01 a{color:#fff; padding:0 5px;}
.goodsList .banner01{float:left; margin:12px 0 0 13px; display:inline; width:202px; overflow:hidden;}
.goodsList .goodsList{float:right; margin:12px 8px 0 0; display:inline; width:260px; overflow:hidden;}
.goodsList .bg{float:left; background:url(titleBg.jpg) repeat-y; overflow:auto; width:485px;}
.goodsList .bottom{clear:both; background:url(titleBottom.jpg) no-repeat;height:12px; width:485px !important;}

.goodsList .bg2{float:left; background:url(redtitleBg.jpg) repeat-y; overflow:auto; width:485px;}
.goodsList .bottom2{clear:both; background:url(redtitleBottom.jpg) no-repeat;height:12px; width:485px !important;}

.listBox1 .topInfo{ background:url(titleNew.gif) no-repeat;	height:42px; width:485px !important;}
.listBox2 .topInfo{ padding-top:2px;background:url(titleHot.gif) no-repeat left bottom;	height:47px; width:485px !important;}

.midad{ text-align:center; clear:both; padding-top:4px; padding-bottom:2px; height:40px; width:485px !important; overflow:hidden;}
/*=显示底部区域
=============================================================================================*/
#footer {clear:both; margin:0 auto; padding:0; width:100%; height:145px; background:url(../images/bottomBg.jpg) repeat-x left 15px; position:relative;}
#footer .copyright{position:absolute; top:40px; left:220px; width:380px; height:70px; text-align:center;}

#footer .LinkList{position:absolute; left:5px; width:380px; height:70px; text-align:center;}

#footer .footMenu{position:absolute; top:85px; left:400px; width:450px; padding:0px; height:22px; line-height:22px; bottom:0px; right:0; text-align:center;}

#footer .footMenu a{ color:#FFFFFF;}

#footer .TreeList{
	overflow:hidden;
}
#footer .TreeList div{
	font-weight:normal;
	display:inline;
	padding:0 10px;
	border-right:1px solid #CCCCCC;
}
.shopex{width:0; width:0; padding:0; display:none;}
