﻿@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:680px; height:310px; background:url(topGoods.gif) no-repeat;}
#topGoods .one, #topGoods .two, #topGoods .thr, #topGoods .fou{width:189px; height:209px; margin-top:60px; overflow:hidden;}
#topGoods .one{float:left; margin-left:28px; display:inline;}
#topGoods .two{float:left; margin-left:28px; display:inline;}
#topGoods .thr{float:left; margin-left:28px; display:inline;}
#topGoods .fou{float:left; margin-left:45px; display:inline;}

/*=顶部推荐小图片(按钮)
=============================================================================================*/
#topGoods .Buttonone, #topGoods .Buttontwo, #topGoods .Buttonthr, #topGoods .Buttonfou{width:189px; height:30px; margin-top:2px; overflow:hidden;}
#topGoods .Buttonone{float:left; margin-left:28px; display:inline;}
#topGoods .Buttontwo{float:left; margin-left:28px; display:inline;}
#topGoods .Buttonthr{float:left; margin-left:28px; display:inline;}
#topGoods .Buttonfou{float:left; margin-left:45px; display:inline;}

/*=flash描述信息
=============================================================================================*/
#flashdescription{position:absolute;top:48px;left:262px;z-index:80;width:530px;height:20px;}

/*=flash广告头
=============================================================================================*/
#flashtitle{position:absolute;top:10px;left:800px;z-index:50;width:150px;height:65px;}


/*=flash广告
=============================================================================================*/	
.flash{clear:both; width:690px; height:200px; margin:0px auto 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;}
#zc{overflow:hidden;height:0;}
#jszc{width:500px;margin:0 auto;text-align:center;}