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

body {
	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; 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:10px; top:30px;}
#header .menu{height:24px; overflow:hidden; text-align:right;	position:absolute; right:10px; top:85px;}
#header .menu li{float:left; font-size:14px; font-weight:bold; margin:0 5px; text-align:center; height:35px; line-height:35px;}
#header .menu li a{color:#f00; font-weight:bold;}
#header .login{position:absolute; width:400px; right:10px; top:125px; color:#F56AA8; text-align:right;}
#header .login a{color:#F56AA8;}
										
/*=左边栏
=============================================================================================*/	
.leftBox{clear:both; margin:0 auto; width:100%;}

/*=搜索栏
=============================================================================================*/	
#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:0 0 0 5px; display:inline; width:210px; overflow:hidden;}
.goodsList .goodsList{float:right; margin:0 0px 0 0; display:inline; width:100%; overflow:hidden;}
.goodsList .bg{float:left; background:url(titleBg.gif) repeat-y; overflow:auto; width:485px;}
.goodsList .bottom{clear:both; background:url(titleBottom.gif) no-repeat;	height:12px;}

.listBox1 .topInfo{background:url(titleNew.gif) no-repeat;	height:53px;}
.listBox2 .topInfo{background:url(titleHot.gif) no-repeat;	height:53px;}
.listBox3 .topInfo{background:url(titleRecomend.gif) no-repeat;	height:53px;}
.listBox4 .topInfo{background:url(titleSpecial.gif) no-repeat;	height:53px;}
		
/*=显示底部区域
=============================================================================================*/
#footer {clear:both; margin:0 auto; padding:0; width:990px; height:145px; overflow:hidden; background:url(../images/bottomBg.jpg) no-repeat; position:relative;}
#footer .copyright{position:absolute; top:40px; left:280px; width:380px; height:70px; text-align:center;}
#footer .footMenu{position:absolute; width:680px; padding:0 20px 0; height:22px; line-height:22px; bottom:6px; right:0; text-align:right;}

#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;}

#linkWrap{clear:both; width:990px; margin:0 auto; }
#linkWrap .linkTop{width:100%; height:35px; background:url(linkTop.jpg) top left no-repeat;}
#linkWrap .linkBg{width:100%; background:url(linkBg.jpg) repeat-y;}
#linkWrap .linkBottom{width:100%; height:10px; background:url(linkBottom.jpg) top left no-repeat;}
#linkWrap .linkImg,#linkWrap .linkText{clear:both; width:990px; padding:5px 0;}