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

body {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	background:url(bgBody.jpg) repeat-x 0 0 #FFDFEF;
	line-height: 180%;
	margin:0;
}
/* 为何官方未定义这些元素 */
img{border:0;}
ul,ul li{list-style: none; margin:0; padding:0;}
h6{font-size:12px;}
.clearfix{clear:both;}

/* layout */
.allWrap{margin:0 auto; width:960px; overflow:hidden;}
#mainBox{margin:0 auto; width:960px;  overflow:hidden; position:relative;}
#mainBox .topEvent{width:156px; height:194px; position:absolute; top:0; right:0; z-index:10;}
#mainBox .topEvent img{border:0;}
#mainBox .topBg{float:left; margin:5px 0 0; width:100%; background:url(mainTop.png) no-repeat !important; background:url(mainTop.gif) no-repeat; height:15px;}
#mainBox .mainBg{float:left; width:100%; background:url(mainBg.png) repeat-y !important; background:url(mainBg.gif) repeat-y}
#mainBox .mainBg .bookMarkTop{position:absolute; width:38px; height:150px; top:20px; left:214px; background:url(bookMark.png) no-repeat !important; background:url(bookMark.gif) no-repeat;}
#mainBox .mainBg .bookMarkBottom{position:absolute; width:38px; height:150px; bottom:20px; left:214px; background:url(bookMark.png) no-repeat !important; background:url(bookMark.gif) no-repeat;}
#mainBox .bottomBg{float:left; width:100%; background:url(mainBottom.png) no-repeat !important; background:url(mainBottom.gif) no-repeat; height:15px;}

#leftColumn{float:left; width:210px; margin:0 0 0 12px; display:inline; overflow:hidden;}
#rightColumn{float:right; margin:0 18px; 0 0; padding:0 0 0 15px; display:inline; width:680px; overflow:hidden;}

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

/* 内页的wrap */
.AllWrapInside{clear:both; float:left; width:960px; margin:5px 0;}
.AllWrapInside .topBg{height:19px; background:url(copyrightTop.png) no-repeat;}
.AllWrapInside .mainBg{background:url(copyrightBg.png) repeat-y; padding:0 10px; overflow:hidden;}
.AllWrapInside .bottomBg{height:19px; background:url(copyrightbottom1.png) no-repeat;}

.mainColumn{float:left; width:720px;}
.sideColumn{float:left; width:180px; margin-left:10px; display:inline;}

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

/* header */
#header{margin:5px auto 0 auto; width:100%; height:262px; background:url(topBg.png) no-repeat !important; background:url(topBg.gif) no-repeat; position:relative;}
#logo{float:left; width:210px; height:80px; margin:10px; display:inline;}
#menu{float:right; width:590px; margin:20px 40px 0 0; display:inline;}
#menu a{color:#fff;}

/*=顶部用户和购物车信息
=============================================================================================*/	
#memberInfo{position:absolute; width:270px; height:22px; line-height:22px; left:280px; bottom:27px;}
#cartInfo {position:absolute;  width:110px; height:22px; line-height:22px; left:610px; bottom:27px;}

/*=顶部搜索和关键字
=============================================================================================*/	
#topInfo{float:left; width:530px; height:50px; border-bottom:2px dashed #666;}
#topInfo #topSearch{float:left; width:280px; height:35px; background:url(searchBg.gif) no-repeat;}
#topInfo #keywords{float:left; width:180px; padding-left:65px; height:35px; line-height:35px; background:url(keywords) no-repeat;}

/*=顶部推荐小图片(商品)
=============================================================================================*/	
#topGoods{clear:both; float:left; width:518px; height:120px; background:url(topGoods.gif) no-repeat;}
#topGoods .one, #topGoods .two, #topGoods .thr, #topGoods .fou{width:60px; height:60px; margin-top:30px; overflow:hidden;}
#topGoods .one{float:left; margin-left:100px; display:inline;}
#topGoods .two{float:left; margin-left:50px; display:inline;}
#topGoods .thr{float:left; margin-left:50px; display:inline;}
#topGoods .fou{float:left; margin-left:50px; display:inline;}

/*=flash广告
=============================================================================================*/	
.flash{clear:both; width:690px; height:200px; margin:10px auto;}

/*=商品列表
=============================================================================================*/	
.goodsList{clear:both; margin:0 auto;}

		
/*=显示底部区域
=============================================================================================*/
#footer{clear:both; margin:3px 0 0; width:960px; overflow:hidden; background:url(copyrightTop.png) no-repeat !important; background:url(copyrightTop.gif) no-repeat; padding-top:19px;}
#footer .contact{width:80%; text-align:center; margin:5px auto;}
#footer .contact a{text-decoration:underline; font-weight:bold;}
#footer .copyright{width:100%; background:url(copyrightBg.png) repeat-y !important; background:url(copyrightBg.gif) repeat-y; text-align:center;}
#footer .bottom{width:100%; height:50px; background:url(copyrightBottom.png) repeat-y !important; background:url(copyrightBottom.gif) repeat-y;}
#shopexLogo{display:none;}