@import url("basic.css");  /* 基本的元素，一般不需要做改动 */
@import url("border.css");
@import url("widget.css");


body {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	line-height: 180%;
	margin:0;
	padding:0;
	background:#fff;
}

/*  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; text-decoration:none;}

/*  Layout  */
.allWrap{margin:0 auto; width:970px; overflow:hidden;}
.allWrapInside{margin:0 auto; width:970px;}
.sideWrap{float:left; width:185px;}
.mainWrap{float:right; width:770px; overflow:hidden;}

/*  header  */
.headerInfoTop{margin:0 auto; width:999px; height:116px; position:relative;}
.logo,.topMenu,.login,.service,.phone,.menuWrap{position:absolute;}
.logo{top:3px; left:5px;}
.topMenu{width:200px; top:10px; right:25px;}
.login{top:35px; left:265px;}
.service{width:140px; height:40px; top:35px; right:210px;}
.phone{width:150px; height:25px; top:45px; right:25px;}
.menuWrap{top:75px; left:250px; height:35px;}
.menuWrap,.menuWrap a{font-size:14px; font-weight:bold; color:#666; margin:0 6px; display:inline;}
.menuWrap .leftBg,.menuWrap .rightBg{float:left; width:10px; height:36px; overflow:hidden; background:url(menuBg.gif) no-repeat;}
.menuWrap .leftBg{background-position:0 0;}
.menuWrap .rightBg{background-position:0 -50px;}
.menuWrap .mainBg{float:left; height:36px; line-height:36px; background:url(menuBg.gif) repeat-x 0 -100px;}

.headerInfoBottom{margin:0 auto; width:970px; height:38px; background:url(headerInfoBg.gif) repeat-x 0 0;}
.search{float:left; width:310px; margin-left:25px; display:inline;}
.moffeeKeywords{float:left; height:38px; line-height:38px; margin-left:10px; display:inline;}
.headerInfo{float:right; width:375px; height:38px; background:url(headerInfo.gif) no-repeat;}
.headerInfo ul{margin:12px 20px 0 0px;}
.headerInfo ul li{float:left; background:url(headIcons.jpg) no-repeat; line-height:18px; margin:0 0 0 10px; padding:0 0 0 20px;}
.headerInfo ul li.cart{background-position:0 0;}
.headerInfo ul li.favorite{background-position: 0 -20px;}
.headerInfo ul li.order{background-position:0 -40px;}
.headerInfo ul li.balance{background-position:0 -60px;}

/*  topAd  */
.topAd{width:970px; margin:5px auto;}

/* flash & pics */
.topPics{width:100%; margin-bottom:0px;}
.topPics .leftWrap{float:left; width:548px;}
.topPics .rightWrap{float:right; width:200px;}
.topPics .rightWrap .top02{float:right; width:200px;}

/*  slider New Goods  */
#slidergoods{position:relative; height:210px; overflow:hidden;}
#slidergoods .GoodsListWrap{ width:1180px; position:absolute; left:0; top:0;height:152px;}
#slidergoods .GoodsListWrap .itemsWrap .item{ padding-right:10px;  border-right:1px dotted #ccc;}
.sliderNew{position:relative;}
.sliderNew .more{position:absolute; position:absolute; top:3px; right:10px; width:32px; height:12px; background:url(more.gif) no-repeat; text-indent:-9999px; margin:5px 5px 0 0;}
.sliderNew .more a{display:block; width:32px; height:12px;}

/*  goods &  news */
.goodsColumn{float:left; width:550px;}
.sideColumn{float:right; width:180px;}

/*  goods borders  */
.borderGoods{clear:both; margin-bottom:8px; position:relative;}
.borderGoods .border-top{height:27px; overflow:hidden; background:url(borders.jpg) no-repeat;}
.borderGoods .border-top .bg{height:27px; background:url(borders.jpg) no-repeat; margin-left:10px;}
.borderGoods .border-top .bg h3{float:left; width:120px; height:27px; margin:0; padding:0; line-height:27px; font-size:12px; font-weight:bold; color:#fff;}
.borderGoods .border-top .bg .more{position:absolute; top:3px; right:10px; width:32px; height:12px; background:url(more.gif) no-repeat; text-indent:-9999px; margin:5px 5px 0 0;}
.borderGoods .border-top .bg .more a{display:block; width:32px; height:12px;}
.borderGoods .border-body{border:1px solid #cdcdcd; border-top:none; height:220px; overflow:hidden;}

.borderBlue .border-top{background-position:0 -200px;}
.borderYello .border-top{background-position:0 -250px;}
.borderOrange .border-top{background-position:0 -300px;}
.borderPink .border-top{background-position:0 -350px;}

.borderBlue .border-top .bg{background-position:right -200px;}
.borderYello .border-top .bg{background-position:right -250px;}
.borderOrange .border-top .bg{background-position:right -300px;}
.borderPink .border-top .bg{background-position:right -350px;}

.textInput{float:left; height:27px; line-height:27px;}
.picArea,.goodsArea,.textArea{float:left; height:180px; margin:5px 0 5px 5px; display:inline;}
.picArea{width:145px;}
.goodsArea{width:440px;}
.textArea{padding:0 15px; border-left:1px dashed #E1DDDE; height:205px;}

/*  contact & articles  */
.articleWrap{clear:both; margin:0 auto; width:970px; border-top:1px solid #0152A3; padding:10px 0; overflow:auto;}
.contactWrap{float:left; width:240px; margin-right:20px; display:inline; border-right:1px solid #E8E8E8; text-align:center;}
.contactWrap .bottomPhone{height:60px;}
.contactWrap .workTime{text-align:center; border-top:1px dotted #e6e6e6; margin:10px 10px 0 10px;}
.article01,.article02,.article03,.article04,.article05{float:left; width:130px; margin-left:10px;}

/*  links  */
.linksWrap{clear:both; margin:0 auto; width:970px; border-top:1px solid #0152A3; padding-bottom:5px;}
.linksTitle{float:left; width:100px; padding:5px; font-weight:bold; text-align:center;}
.linksContent{float:left;}

/*  footer  */
#footer{clear:both; margin:0 auto; width:970px; border-top:1px solid #0152A3;}
.shopexCopyright{height:0; width:0; overflow:hidden;}
.copyright{text-align:center;}
.copyright .bottomLinks {margin:10px auto 0 auto; text-align:center;}
.copyright .bottomLinks a{margin:0 10px;}
.copyright p{clear:both; margin:0; padding:3px 0;}