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

body {
  font-size:12px; 
  color:#333; 
  line-height:180%; 
  padding:0; margin:0; 
  font-family: Arial, Helvetica, sans-serif;
}
a{color:#666;  text-decoration:none;}
a:hover{color:#666;	text-decoration:underline;}
h3{margin:0; padding:0;}
h4{margin:0; padding:0;}

.more{margin:0; padding:0 15px 0 0;}
.clearBoth{clear:both;}

.allWrap{ margin:0 auto; width:960px; overflow:hidden;}
.allWrapInside{margin:0 auto; width:960px; overflow:hidden;}

/*=头部
=============================================================================================*/
#header{margin:0 auto; width:960px; height:110px; position:relative;}
#logo,

#searchBg,
#topInfo
{position:absolute;}

#logo{top:50px; left:10px; width:300px; height:45px;}
#topMenu{float:right; width:650px; height:32px; background:url(topMenuBg.jpg) no-repeat; display:block;}
#topMenu .menuBg{float:right; height:32px; background:url(topMenuBg.jpg) no-repeat right 0; margin:0 0 0 35px; padding:0 35px 0 0; display:inline;}
#topMenu .menus{float:left; line-height:32px;}
#topMenu .menus li{float:left; background:url(topMenuLine.jpg) right 10px no-repeat; padding:0 15px;}
#topMenu .login{float:left; line-height:32px; padding:0 15px;}
#searchBg{bottom:10px; left:320px; height:34px; width:313px; background:url(bgSearch.jpg) no-repeat;}
#searchBg .searchWrap{padding:3px 0 0 58px;}
#topInfo{bottom:10px; right:0px; width:280px; height:25px;}
#topInfo .account,#topInfo .cart,#topInfo .fav{float:right; margin-left:3px; display:inline;}
#topInfo .account, #topInfo .account a{background:url(btn_account.jpg) no-repeat; width:87px; height:25px; overflow:hidden; display:block; font-size:0; text-indent:-9999px;}
#topInfo .account a:hover{background:url(btn_account1.jpg) no-repeat;}
#topInfo .cart, #topInfo .cart a{background:url(btn_cart.jpg) no-repeat; width:76px; height:25px; overflow:hidden; display:block; font-size:0; text-indent:-9999px;}
#topInfo .cart a:hover{background:url(btn_cart1.jpg) no-repeat;}
#topInfo .fav, #topInfo .fav a{background:url(btn_fav.jpg) no-repeat; width:76px; height:25px; overflow:hidden; display:block; font-size:0; text-indent:-9999px;}
#topInfo .fav a:hover{background:url(btn_fav1.jpg) no-repeat;}




#menuWrap{margin:0 auto; width:960px; height:72px; background:url(menuBg.jpg) no-repeat;}
#menuWrap .menuText{clear:both; margin:0 auto; width:930px; height:42px; position:relative;}
#menuWrap .keywords{height:26px; line-height:26px; overflow:hidden; padding:0 0 0 20px;}

#topBanner{clear:both; margin:0 auto; width:948px;}
#topBanner .AdvBanner{float:left;}

#allCategory{position:absolute; top:0; right:10px;}
#allCategory a{background:url(allCategory.jpg) no-repeat; width:84px; height:37px; overflow:hidden; font-size:0; display:block; text-indent:-9999px;}
#allCategory a:hover{background:url(allCategory.jpg) no-repeat 0 -50px;}

/*=首页布局
=============================================================================================*/
#news{margin:10px auto; width:960px;}
#flash{margin:10px auto; width:960px;}
#topPics{margin:10px auto; width:960px;}
#topPics .pic01,#topPics .pic02,#topPics .pic03,#topPics .pic04{width:240px; text-align:center; float:left;}
#topPics .pic04{float:right;}

.goodsWrap{clear:both; margin:0px auto; width:960px;}
.new .goodsImg{background:url(iconNew.gif) bottom center no-repeat; padding-bottom:24px;}
.best .goodsImg{background:url(iconBest.gif) bottom center no-repeat; padding-bottom:24px;}


#bottomWrap01{clear:both; margin:10px auto; width:960px;}
#bottomWrap01Bg{float:left; padding:10px 0; width:100%; border-top:1px solid #E6E6E6; border-bottom:1px solid #E6E6E6;}
#bottomWrap01 .newsBg{float:left; width:167px; height:187px;}
#bottomWrap01 .newsList{float:left; width:250px; height:187px; margin:0 0 0 10px; dipslay:inline;}
#bottomWrap01 .newsList li{clear:both; float:left; width:100%;}
#bottomWrap01 .newsList li a{color:#828282; background:url(dot01.gif) no-repeat 0 3px; padding:0 0 0 10px;}
#bottomWrap01 .bottomPics{float:right; width:471px; margin:0 10px 0; display:inline;}
#bottomWrap01 .contact{float:left; width:471px; height:76px; margin:0 0 10px 0;}
#bottomWrap01 .bottomPic01{float:left; width:228px; height:78px; padding:0 5px 0;}
#bottomWrap01 .bottomPic02{float:left; width:228px; height:78px;}
#bottomWrap01 .more{clear:both; margin:10px 0 0;}

#bottomWrap02{clear:both; margin:10px auto; width:960px;}
#bottomWrap02Bg{float:left; padding:0 0 10px 0; width:958px; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2;}
#bottomWrap02 .bottomTop{height:132px; overflow:hidden;}
#bottomWrap02 .bottomContent{}
#bottomWrap02 .bottomArticleWrap{clear:both; margin:10px auto; width:900px; overflow:auto;}
#bottomWrap02 .bottomArticleWrapSub{float:left; width:224px; margin:0 1px 0 0; display:inline;}
#bottomWrap02 .bottomCenter{text-align:center;}

#bottomButton{clear:both; margin:140px auto 10px auto; width:960px; text-align:center;}


/*=主要布局
=============================================================================================*/
.siderColumn{float:left; width:160px;}
.mainColumn{float:left; width:780px; margin:0 0 0 20px; display:inline; overflow:hidden;}

.indexMain{width:780px; padding:10px 0;}
#positionWrap{margin:0 0 10px 0; padding:0 0 0 100px; background:url(location.gif) 10px center no-repeat; border-bottom:1px solid #D8D8D8;}
#positionWrap, #positionWrap a{color:#000; font-size:12px;}
.Navigation{color:#000;}
.leftColumn .AdvBanner{margin:10px 0;}

/*=文章
=============================================================================================*/
#articles{margin:0 auto; width:950px;}
.articlesTop{width:100%; height:10px; overflow:hidden; background:url(articleTop.gif) no-repeat;}
.articlesBg{width:100%; background:url(articleBg.gif) repeat-y; overflow:auto;}
.articlesBottom{width:100%; height:10px; overflow:hidden; background:url(articleBottom.gif) no-repeat;}
.articleWrap{float:left; width:220px; height:150px; overflow-y:hidden; background:url(articleWrapBg.jpg) 0 bottom no-repeat; margin:0 5px 0 11px; display:inline;}

/*=首页底部
=============================================================================================*/
#bottomLogo{clear:both; margin:10px auto; width:950px;}

/*=底部
=============================================================================================*/
#bottomWrap02 .copyright{height:0; width:0; overflow:hidden; font-size:0;}