@charset "gb2312";
@import url("light1.css");
@import url("lightUserCenter.css");
/* CSS Document */

/*#1 
global define*/
html{font-size:xx-small}
#cls{ clear:both;}
body {
	width: 987px;
	font-family: "lucida Grande", verdana, lucida, Arial, helvetica, "宋体", sans-serif;
	background-color:white;
	padding:0px;
	margin:auto;
	font-size:12px;
	float: none;
	clear: both;
}
/*global def*/
a:link{color:#656565;
text-decoration:none;}
a:visited{color:#656565;
text-decoration:none;}
a:hover{color:#656565;
text-decoration:underline}
a:active{color:#656565}

ul{padding:0;margin:0}

.line{
	border-style:solid;
	border-width:1px;
	border-color:#808080 #fff #fff #808080;
	width:95%;
	clear:both;
}
div.line{
	border-style:solid;
	border-width:1px;
	border-color:#808080 #fff #fff #808080;
	width:95%;
	height:0px;
	overflow:inherit!important;/*没有这个dreamweaver 显示不正常*/
	overflow:hidden;
	clear: both;
	float: none;
	margin:auto;
	line-height:0px;
}
.clearFloat{float:none; clear:both;}
a img{border:none}
.price{color:red;}
.price .label,.price label{color:#666}
label{color:#666};
ul , li{padding:0;margin:0;
list-style-type:none;}



/*=======================*/
/*星级*/
.rate {
	width: 102px;

}
/**/
.star0, .star1 ,.star2 ,.star3 ,.star4 ,.star5 {
	height: 20px;
	background-image: url(../imgs/starts.png);
	background-repeat: no-repeat;
	line-height:20px;
}
.star0 {
	background-position:0 0px;
}
.star1 {
	background-position:0 -20px;
}
.star2 {
	background-position:0 -40px;
}
.star3 {
	background-position:0 -60px;
}
.star4  {
	background-position:0 -80px;
}
.star5 {
	background-position:0 -100px;
}
/*.rate.star1,.rate.star0,.rate.star2,.rate.star3,.rate.star4,.rate.star5,.rate.star6{
	background-position: 60px 0px;
}*/

.title{
	font-weight:bold;

}


/*有标签的星级*/
/*.rate.star1 {
	background-position: 60px -20px;
}
.rate.star2 {
	background-position:60px -40px;
}
.rate.star3 {
	background-position:60px -60px;
}
.rate.star4  {
	background-position:60px -80px;
}
.rate.star5 {
	background-position:60px -100px;
}*/



/*分页设计*/
/*<div class="pagerWrap">
					<div style="float:right"><a href="#" class="prev"><img src="../imgs/prev.png" width="61" height="18" border="0" /></a> <a href="#1">1</a> <a href="#2" class="currentPage">2</a> <a href="#">3</a> <a href="#">4</a> <a href="#">5</a> <a href="#">6</a> <a href="#">7</a> <a href="#">8</a> <a href="#">9</a> <a href="#">10</a> <a href="#" class="next"><img src="../imgs/next.png" width="61" height="18" border="0" /></a><span>跳转到 </span>
						<input name="page" type="text" id="page" value="1" />
						<input name="submit" type="submit" id="submit" value="go" />
					</div>
				</div>*/
/*<DIV class=pages> 
<SPAN class=nextprev>?首 页</span><SPAN class=nextprev>?上一页</span> <span class=current>1</span>  <a  onfocus='this.blur()' href=javascript:go(2)>2</a> <a  onfocus='this.blur()' href=javascript:go(2)>下一页?</a><a  onfocus='this.blur()' href=javascript:go(2)>末 页?</a>
</div> */
/*
.pages {
	clear: both;
	float: none;
	height: 20px;
	line-height: 20px;
	border-top: 1px dashed #a8a8a8;
	padding-top: 20px;
}
.pages span {
	height: 22px;
	
	float: left;
	border: 1px solid #ddd;
	margin-right: 3px;
	margin-left: 3px;
	line-height: 16px;
	text-align: center;
}
.pages .current {
	color: #ff6600;
	border: 1px solid #FFFFFF;
	font-weight: bold;
}
*/
/*.pagers .nextprev {
	border-style: none;
}
.pagers .nextprev {
	border-style: none;
}
.pagers #page {
	width: 50px;
}
.pagers .goto {
	height: 19px;
	width: 26px;
	background: url(../imgs/headBg.png) no-repeat left -90px;
	border: none;
}*/
				

/* header 
头部 logo 搜索 购物车信息
*/
#headWrap {
	height: 87px;
	position: relative;
	font-size:small;
	background: url(../imgs/logoBg.png) no-repeat 43px;
}
#navWrap {
	height: 30px;
	background: url(../imgs/bgSet.gif) repeat-x 0px 0px;
	border-top: 1px solid #9e9e9e;
	border-bottom: 1px solid #9e9e9e;
	padding: 5px 0;
	width: inherit;
	background-color:#CC0000;/*背景红*/

}
#headWrap #headLogo {
	position: absolute;
	left: 18px;
	top: 8px;
}
#headWrap #headStatus {
width:450px;

	position: absolute;
	top: 5px;
	right: 0px;
	height: 25px;
	background: #eaeaea url(../imgs/headBg.png) no-repeat left top;
	padding-right: 0px;
	padding-left: 10px;
	line-height: 25px;
	overflow: hidden;
}
#headWrap #headStatus .rightBg {
height:100%;
	background: url(../imgs/headBg.png) no-repeat right -30px;
	padding-right: 10px;
}
#headWrap #headStatus a {
	font-size:12px;
	color:#0054b4;
}
#headWrap #headStatus .rightBg a {
	background: url(../imgs/blueDot.png) no-repeat left center;
	display: inline;
	padding-left: 8px;
	line-height: 25px;
}

#headWrap #headStatus a:link {
	color:#0054b4;
}
#headWrap #headStatus a:hover{
	color:#0054b4;
}
#headWrap #headHotPoint {
	line-height: 16px;
	width: 450px;
	position: absolute;
	top: 37px;
	right: 0px;
	text-align:left;
	/*left:565px;*/
}
#headWrap #headHotPoint a {
font-size:small;
color:#999;
}
#headWrap #headHotPoint a:link {
color:#999;
}
#headWrap #headHotPoint a:visited {
color:#999;
}
#headWrap #headHotPoint a:hover {
color:#999;
}
#headWrap #searchBar {
	height: 26px;
	right: 0px;
	bottom: 0px;
	position: absolute;
	background: #e3e3e3 url(../imgs/headBg.png) no-repeat left -60px;
	width: 560px;
	padding-left: 20px;
	line-height: 26px;
	z-index: 2;
}

#headWrap #searchBar input
{
	background-color: #f8f8f8;
}

#headWrap #searchBar select
{
	background-color: #f8f8f8;
}

#headWrap #bottomLine{
	position: absolute;
	height: 6px;
	width: 100%;
	left: 0px;
	bottom: 0px;
	background: #e3e3e3;
	font-size: 1px;
	overflow: hidden;
}
#headWrap #searchBar #form1 .submit {
	background: #999999 url(../imgs/headBg.png) no-repeat left -90px;
	height: 19px;
	width: 26px;
	margin: 0px;
	padding: 0px;
	border-style: none;
}
#headWrap #searchBar form {
	margin: 0px;
	padding: 0px;
}
/*
导航容器-区域*/
#navTable{
	table-layout:fixed;
	width:100%;
	margin:auto;
	font-size:14px;
	/*border-collapse:collapse;*/
	/*border-spacing : 0;*/
	/*border:1px solid #2A4DAB;*/
	/*border-top:2px solid #d0d0d0;*/
}
#navWrap #navTable td.firstChild {
}

#navWrap #navTable td {
border-left:1px solid #B22322;
border-right:1px solid #9c0001;
text-align:center;
}
#navWrap #navTable td.lastChild {
}
#navWrap #navTable td a
{
	font-size:14px;
	color:white;
}
#navWrap #navTable td.scrollAD a{
color:white;
font-size:12px;

}


/*主要内容容器*/
/*hotIntriductWrap是首页最值得推荐的看的*/
#contentWrap #hotIntroductWrap {
	margin-top: 10px;
}

	/*第一行，公告*/
#hotIntroductWrap #announcementWrap {
	height: 227px;
	float: left;
	width: 203px;
	position: relative;
	background: url(../imgs/bgSet.png) repeat-x 0px -80px;
	border: 1px solid #ccc;
}
#hotIntroductWrap #announcementWrap .title {
	height: 14px;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	border-left:2px solid #990000;
	padding:1px 0 1px 14px;
	margin:15px 0 17px 15px;
}
#hotIntroductWrap #announcementWrap .content ul {
	margin: 0px;
	padding: 0px;
	padding-left: 12px;
	padding-right:10px;
	margin-left: 12px;
}
#hotIntroductWrap #announcementWrap .content ul li {
	line-height: 24px;
	list-style: url(../imgs/arrow1.png);
	height:24px;
}
#hotIntroductWrap #announcementWrap .content a {
	display: block;
	border-bottom: 1px dashed #bfbfbf;
	padding-left:.5em;
}
#hotIntroductWrap #announcementWrap .content .lastChild  a{
border-bottom:none;}
	/*第一行，flash滚动图片*/
#contentWrap #hotIntroductWrap .picAd {
	float: left;
	width: 520px;
	height: 230px;
	margin-left: 8px;
	margin-right: 8px;
}
/*第一行，本周热卖*/
#hotIntroductWrap .bestSell {
	float: left;
	width: 244px;
	border: 1px solid #676767;
}
#hotIntroductWrap .bestSell .wrapTitle {
	height: 38px;
	color: #666;
	padding: 7px 0 0 7px;
	font-weight: bold;
	background:url(../imgs/hotWeekSell.png)  no-repeat left bottom;
}
/*rich*/
#hotIntroductWrap .bestSell .itemList .richItem {
	position: relative;
	height: 92px;
}
 #hotIntroductWrap .bestSell .itemList .richItem .itemPic {
	position: absolute;
	height: 62px;
	width: 62px;
	left: 13px;
	top: 11px;
	/*border: 1px solid #666;*/
}
 #hotIntroductWrap .bestSell .itemList .richItem .itemInfo {
	position: absolute;
	width: 140px;
	left: 88px;
	top: 5px;
}
 #hotIntroductWrap .bestSell .itemList .richItem .itemInfo .title {
	color: #000000;
	font-weight: normal;
	background: url(none);
	height: auto;
	width:140px;
	height:30px;
	overflow:hidden;
}
 #hotIntroductWrap .bestSell .itemList .richItem .itemInfo .price {
	color: #FF0000;
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight:bold;
}
 #hotIntroductWrap .bestSell .itemList .richItem .itemInfo .moreLink {
	color: #666;
	text-align: left;
}
 #hotIntroductWrap .bestSell hr.line{
	border-color:#eee;
	text-align: right;
	}
	
/*主要内容 ，重点！！！*/	
#secondaryContent {
	clear: both;
	float: none;
}


/*左边========================*/
#sideContent {
	width: 205px;
	float: left;
}
#sideContent .sideCell {
	margin-top: 5px;
	padding-bottom: 5px;
}
#sideContent .sideCell .title {
	line-height: 24px;
	font-weight: normal;
	color: #FFFFFF;
	background: url(../imgs/bar3.png) no-repeat 0px 0px;
	text-align: left;
	height: 24px;
	padding-left: 10px;
	font-size: 13px;
}

/*  mini cart  */
#sideContent .sideCell .mini-cart-title {
	line-height: 24px;
	color: #FFFFFF;
	background: url(../imgs/bar_mini_cart.png) no-repeat 0px 0px;
	text-align: center;
	height: 24px;
	font-size: 13px;
	padding-top:3px;
}




#sideContent .sideCell .title a.hi{
padding-left:85px;
color:white;
}

/*边-商品分类目录*/
#sideContent .catelogList .itemList {
	padding-left: 16px;
	padding-right: 16px;
}
#sideContent .catelogList .catelogName a {
	line-height: 25px;
	font-weight: bold;
	color: #cc0000;
	margin: 10px 0 0 0;
	font-size:14px;
}
#sideContent .catelogList .itemList .catelogContent {
	line-height: 18px;
	padding-bottom:10px;
}

#contentWrap .itemList .richItem {
	position: relative;
	height: 83px;
}
#contentWrap .itemList .richItem .itemPic {
	position: absolute;
	height: 62px;
	width: 62px;
	left: 0px;
	top: 11px;
	border: 1px solid #ccc;
}
#contentWrap .itemList .richItem .itemInfo {
	position: absolute;
	width: 95px;
	left: 70px;
	top: 10px;
}
#contentWrap .itemList .richItem .itemInfo .price {
	color: #FF0000;
	margin-top: 5px;
	margin-bottom: 5px;

}
#contentWrap .itemList .richItem .itemInfo .moreLink {
	color: #666;
	text-align: right;
}
/*边-*/
#contentWrap #sideContent .sideCell .itemList .richItem {
}

#contentWrap #sideContent .sideCell  .itemList {
	padding-right: 10px;
	padding-left: 10px;
	border: 1px solid #e3e3e3;
}




#contentWrap #sideContent .sideCell  .itemList select{
	width:170px;
}


#contentWrap #sideContent .sideCell  .itemList .richItem .itemInfo .title{
	font-size:12px;
	font-weight:normal;
	color: #0052B4;
	line-height: 15px;
	background:none;
	text-align: left;
	height: auto;
	padding-left: none;

}
#contentWrap #sideContent .sideCell  .itemList .richItem .itemInfo .price {
	font-weight: bold;
	color: #FF0000;
	padding-left: 10px;
	line-height: 20px;
}
#contentWrap #sideContent .sideCell  .itemList .linkItem {
	line-height: 20px;
	margin: 4px 0;
	color: #666;
}
/*No列表编号*/
.No1 {
	background: url(../imgs/NO.png) no-repeat left -0px;
	padding-left: 25px !important;
}
.No2 {
	background: url(../imgs/NO.png) no-repeat left -20px;
	padding-left: 25px !important;
}
.No3 {
	background: url(../imgs/NO.png) no-repeat left -40px;
	padding-left: 25px !important;
}
.No4 {
	background: url(../imgs/NO.png) no-repeat left -60px;
	padding-left: 25px !important;
}
.No5 {
	background: url(../imgs/NO.png) no-repeat left -80px;
	padding-left: 25px !important;
}
.No6 {
	background: url(../imgs/NO.png) no-repeat left -100px;
	padding-left: 25px !important;
}
.No7 {
	background: url(../imgs/NO.png) no-repeat left -120px;
	padding-left: 25px !important;
}
.No8 {
	background: url(../imgs/NO.png) no-repeat left -140px;
	padding-left: 25px !important;
}
.No9 {
	background: url(../imgs/NO.png) no-repeat left -160px;
	padding-left: 25px !important;
}
.No10 {
	background: url(../imgs/NO.png) no-repeat left -180px;
	padding-left: 25px !important;
}
/*最新到货*/
#newArrival {
	width: 523px;
	float: left;
	margin-left: 10px;
	padding-top: 5px;
}
#newArrival .titleWrap {
	background: url(../imgs/bar1.png) no-repeat 0px 0px;
	height: 30px;
}
#newArrival .titleWrap .moreLink {
	width: 60px;
	float: right;
	margin-right: 30px;
	margin-top:10px;
	height: 20px;
	
	background: url(../imgs/arrow2.png) no-repeat right center;
}
#newArrival .content ul.cell {
	margin: 0px 0 0 12px;
	padding: 0px;
	list-style: none;

}
#newArrival .content .cell li {
	height: 220px;
	width: 170px;
	padding-top: 10px;
	padding-bottom: 0px;
	float: left;
	border-bottom: 1px dashed #999;
	text-align: center;
}
/*******/
#newArrival .content .cell .title {
	overflow:hidden;
	border:none;
	text-overflow:ellipsis;
	white-space:nowrap;
	padding-bottom:10px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	background: none;
	border-bottom:none;
	width:150px;
	color:#444444;
}

#newArrival .content .cell .price {
	text-align: left;
	color: red;
	font-weight:bold;
}
#newArrival .content .cell .price label {
	color: #666;
}
#newArrival .content .cell .rate {
	text-align: left;
	line-height: 20px;
	width: 102px;
}
#newArrival .content .cell .rate label {
	color: #666;
}
#newArrival .content .cell .moreLink {
	text-align: left;
	padding-top:10px;
}
#newArrival .content .cell .moreLink label {
	color: #666;
}
#newArrival .content .cell .moreLink a {
	color: red;
}



/*促销*/
#contentWrap #secondaryContent .cu {
	float: left;
	width: 244px;
	margin-left: 5px;
	margin-top: 5px;
	clear: right;
}
#contentWrap #secondaryContent .cu .content {
	border-right: 1px solid #c8c8c8;
	border-left: 1px solid #c8c8c8;
}
#contentWrap #secondaryContent .cu .content {
	padding-right: 10px;
	padding-left: 10px;
}
#contentWrap #secondaryContent .cu .content img {
	float: left;
}
#contentWrap #secondaryContent .cu .content .richItem {
	clear: both;
	float: none;
	height: 140px;
}
#contentWrap #secondaryContent .cu .content .richItem .title {
	color: #BE6400;
	font-weight: bold;
	float: left;
	width: 120px;
	margin-left: 10px;
}
#contentWrap #secondaryContent .cu .content .richItem .summary {
	clear: none;
	float: left;
	width: 120px;
	margin-left: 10px;
	color:#666666;
	line-height:18px;
	padding-top:10px;
	padding-bottom:10px;
}
#contentWrap #secondaryContent .cu .wrapTitle {
	font-weight: bold;
	color: #000000;
	font-size: medium;
	padding-left: 10px;
	padding-bottom: 15px;
	
	background: url(../imgs/roundCorner.png) no-repeat 0px 0px;
}

.huodong {
	font-weight: bold;
	color: #000000;
	font-size: medium;
	
	padding-bottom: 15px;
}

#contentWrap #secondaryContent .cu .wrapTitle label {
	line-height: 41px;
	height: 20px;
	display: block;
}


#contentWrap #secondaryContent .ad {
	width: 722px;
	float: left;
	/*clear: both;*/
	margin-left: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
}

/*每个栏目的推荐展示*/
#contentWrap #secondaryContent #goodListWrapWrap {
	float:left;margin-left:8px; width:774px; 
}
#contentWrap #secondaryContent .goodListWrap {
	height: 233px;
	width: 774px;
	margin-bottom: 10px;
	overflow:hidden;/*防止换行*/

}
#contentWrap #secondaryContent .goodListWrap .titleWrap {
	float: left;
	width: 165px;
	margin-right: 2px;
	margin-left: 18px;
	line-height: 20px;
	font-weight: bold;
	color: #666;
}
#contentWrap #secondaryContent .goodListWrap .titleWrap .subList {
	font-weight: normal;
	color: #666;
	padding-right: 20px;
}
#contentWrap #secondaryContent .goodListWrap .itemList {
	width: 589px;
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
}
#contentWrap #secondaryContent .goodListWrap .itemList li {
	width: 19%;
	text-align: center;
	float: left;
}
#contentWrap #secondaryContent .goodListWrap .itemList .moreLink {
}
#contentWrap #secondaryContent .goodListWrap .itemList .moreLink a {
	background: url(../imgs/arrow2.png) no-repeat left center;
	display: inline;
	padding-left: 15px;
	line-height: 24px;
}
#contentWrap #secondaryContent .goodListWrap .itemList .price {
	color: red;
	font-weight: bold;
	border-top: 1px dashed #999;
	line-height: 26px;
}
#contentWrap #secondaryContent .goodListWrap .itemList .productName {
	line-height: 18px;
	margin: 0 10px 0 10px;
	text-align: left;
	height:35px;
}
#contentWrap #secondaryContent .goodListWrap .itemList .item {
	padding: 0 6px 6px 6px;
	border-left: 1px solid #ccc;
}
#contentWrap #secondaryContent .goodListWrap .itemList li.firstChild .item {
	border-left: none
}

#contentWrap #secondaryContent .goodListWrap .itemList .item .imgWrap {
	margin: auto;
	height: 112px;
}
/*底部*/
#footWrap {
	clear: both;
	float: none;
	height: 180px;
	text-align: center;
}
#footWrap ul.row {
	margin: 10px auto;
	padding: 0px;
	width: 700px;
}
#footWrap ul.row li {
	float: left;
	width: 100px;
	list-style: none;
	line-height: 22px;
	font-weight: bold;
	color: #666;
}
#footWrap .row ul {
	color: #0052B4;
	margin: 0px;
	padding: 0px;
	line-height: 18px;
}
#footWrap .row li a {
	font-weight: normal;
	color: #999999;
}


/*位置导航*/
#positionNav {	background: #f1f1f1;
	height: 30px;
	border-bottom: 1px dashed #a8a8a8;
	line-height: 30px;
	padding-left: 14px;
}
#positionNav .label{color: #666666;
	font: bold;}


.OkMsg{
	padding:5px 5px 5px 25px;
	border:1px solid #00BE00;
	background:#E6FFE6 url(../imgs/standard_msg_ok.gif) 5px 5px no-repeat;
	color:#000;
	height:18px;
}
.WarningMsg{
	padding:5px 5px 5px 25px;
	border:1px solid #00A8FF;
	background:#E2F5FF url(../imgs/standard_msg_warning.gif) 5px 5px no-repeat;	
	color:#000;
	height:18px;
}
.ErrorMsg{
	padding:5px 5px 5px 25px;
	border:1px solid #F60;
	background:#FFF2E9 url(../imgs/standard_msg_error.gif) 5px 5px no-repeat;	
	color:#000;
	height:18px;
}

input 
{
border: 1px solid #999999;
}

textarea 
{
border: 1px solid #999999;
}


.warrning-handle {

	font-size: 14px;
	color: #000000;
	background-attachment: scroll;
	background-image: url(../imgs/warrning_hand.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 65px;
	width: 200px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 60px;
	padding-left: 80px;
}


.evaluateto {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #0099CC;
	height: 11px;
	width: 11px;
	font-family: "Geneva", "Arial", "Helvetica", "sans-serif";
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}


a.evaluatet:link {
	color: #336699;
	text-decoration: none;
	height: 12px;
	width: 12px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;


}
a.evaluatet:visited {
	color: #336699;
	text-decoration: none;
	height: 12px;
	width: 12px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}
a.evaluatet:hover {
	color: #336699;
	text-decoration: none;
	height: 12px;
	width: 12px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;

}
a.evaluatet:active {
	color: #336699;
	text-decoration: none;
	height: 12px;
	width: 12px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;

}




.pages {
    padding: 1px;
    margin: 1em 0;
    clear: center;
    font-size: 12px;
	border-top: 1px dashed #a8a8a8;
	padding-top: 20px;
	
}

.pages a, .pages span {

    padding: 0.2em 0.5em;
    margin-right: 0.1em;
    border: 1px solid #fff;
    background: #f8f8f8;
}

.pages span.current {
    /*border: 1px solid #2E6AB1;*/
    font-weight: bold;
    background: #FFFFFF;
    color: #CC0000;
}

.pages a {
    border: 1px solid #666666;
    text-decoration: none;
	color: #2E6AB1;
}

.pages a:hover {

	color: #CC0000;
	 text-decoration: none;
}

.pages a.nextprev {
    font-weight: bold;
	height:22px;
}

.pages span.nextprev {
    color: #666;
	height:22px;
}

.pages span.nextprev {
        border: 1px solid #ddd;
        color: #999;
		height:22px;
}

