body
{
    width: 978px;
    margin: 0 auto;
    text-align: left;

    background-color: #ffffff;
}


.clear
{
    clear: both;
    height: 1px;
    overflow: hidden;
}

#eShopTop{}

#eShopTop .topUserMenu{ float:left; width:100%; line-height:20px; margin-bottom:2px; margin-top:4px;}
#eShopTop .topUserMenu ul{ width:100%; float:right; width:500px;}
#eShopTop .topUserMenu li{ float:left; padding-right:5px;}
#eShopTop .topBanner{
	background-image: url(/Images/Wastebins/top_bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	float:left; width:100%; 
}

#eShopTop .topBanner .topLeft{
	background-image: url(/Images/Wastebins/top_left_side.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float:left;
	width:15px;

}
#eShopTop .topBanner .topLogo{float:left;}
#eShopTop .topBanner .topRight{
	background-image: url(/Images/Wastebins/top_right_side.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	float:right;
	width:15px;
}

#eShopTop .topMenu{ float:left; width:100%;  background-color:#0036AB; line-height:32px; }
#eShopTop .topMenu ul{ margin-left:10px;}
#eShopTop .topMenu  li{ float:left;}
#eShopTop .topMenu  a{	height:32px;  min-width:10px;
	font-size:14px;
	font-weight:bold;
	padding-left:13px;
	padding-right:13px;
	 color:#FFFFFF;
	  font-weight:bold; 
		background-image: url(/Images/Wastebins/dot002.jpg);
	background-repeat: repeat-y;
	background-position: right center;
}

#eShopTop .topSearch{ float:left; width:100%; background-color:#D84B03; margin-top:3px; height:33px;  margin-bottom:7px;}

#eShopTop .topSearch div{ float:right; margin:5px; background-color:#FF8F09; width:300px; line-height:17px; padding-left:5px; color:#FFFFFD; font-weight:bold;}

#eShopTop .topSearch div .input{ border:1px solid #FFC30B; line-height:16px;}

#eShopTop .topSearch div .button{ margin-bottom:-5px;}



#eShopBody{
margin-bottom:10px;
 float:left;
 width:100%;
  height:auto; margin:0px; padding:0px;
  background-color:#FFFFFF;
}
#eShopBody .Left{
	float:left;
	width:155px;
	height:auto;

}
#eShopBody .Right{width:815px;float:right; overflow:hidden;}
#eShopBody .Nav{
	float:left;
	width:100%;
	
	min-height:22px;
	border-bottom:1px dashed #CCCCCC;
	line-height:22px;
	margin-bottom:7px;
}
#eShopBody .Content{	float:left;
background-color:#FDFDFD;
	width:100%;}
#eShopBody .Content .ContentTitle{
	
	line-height:26px;
	margin-bottom:6px;
	margin-top:6px;
	padding-left:4px;
	color:#FFFFFF;
	font-weight:bold;
	letter-spacing:2px;
	
}


#Footer{
text-align:center;

}

#Footer { float:left; width:100%;}
#Footer .bottom{
	background-image: url(/Images/Wastebins/bottom_bg.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
	width:100%;
	line-height:33px;
	height:33px;
	float:left;
}
#Footer .bottom .bottomLeft{
	background-image: url(/Images/Wastebins/bottom_left_side.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float:left;
	width:15px;

}

#Footer .bottom .bottomRight{
	background-image: url(/Images/Wastebins/bottom_right_side.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	float:right;
	width:15px;
}

#Footer .bottominfo { float:left;width:100%; text-align:left;margin-bottom:15px; margin-top:7px; padding-left:10px;}
#Footer .bottominfo li{ list-style-type:square;  color:#3A5EBE; line-height:18px;font-size:12px; }



.category-list{
 background-color:#D9E7F2; 

}
.category-list .title{ line-height:30px; background-color:#C4D3EA; color:#131315; text-align:center; font-size:14px; font-weight:bold;}
.category-list ul {}

.category-list .CategoryRank1{ border-bottom:1px dashed #92918D; }
.category-list .CategoryRank1 a{line-height:30px; color:#0033A0;padding-left:12px;display:block;font-size:12px;  font-weight:bold;

 }
.category-list .CategoryRank1 a:hover{
	background-color:#E8F2FB;


}


.category-list .CategoryRank2{border-bottom:0px solid #E0EED4;}
.category-list .CategoryRank2 a{line-height:23px;display:block; padding-left:15px; color:#006498;}
.category-list .CategoryRank2 a:hover{background-color:#E8F2FB; 

 }

.category-list .CurrentCategory{background-color:#9B2D57;}
.category-list .CurrentCategory a{background-color:#E8F2FB; 

}






.IndexProductList{ height:185px; }

.IndexCategory{ width:100%; float:left; padding-left:5px; margin-top:16px;}
.IndexCategory li{ float:left; margin-right:7px;}

.IndexCategory li .name{background-color:#E5E5E5; line-height:28px; font-weight:bold; color:#545454; padding-left:3px;}




.CategoryList{ width:100%; float:left; padding-left:5px; margin-top:5px;}
.CategoryList li{ float:left; margin-right:7px; margin-top:10px;margin-bottom:10px;}
.CategoryList li .name{background-color:#E5E5E5; line-height:28px; font-weight:bold; color:#545454; padding-left:3px;}


.CategoryNameDiv{
	border-bottom:1px #BBBBBB dashed;
	background-image: url(../Images/Wastebins/dot003.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding:5px;
	padding-left:17px;
	color:#000000;
	 font-weight:bold;
}
.ProductList{ width:100%; float:left;}
.ProductList ul{ margin-left:1px;}
.ProductList li{ width:150px; padding-top:5px;padding-bottom:5px;padding-left:3px;padding-right:3px;height:192px; float:left; border:1px #BBBBBB solid; margin-right:4px; margin-top:7px; margin-bottom:9px;}
.ProductList li .pic{}
.ProductList li .info div{border-top:1px dashed #BBBBBB; width:100%; margin-top:5px; float:left; padding-top:2px; text-align:center;}
.ProductList li .info input{
	width:150px;
	border: 0px solid #E0EED4;
	background-color:#D9E7F2;
	cursor: hand;
}
.ProductList li .info .name{ float:left;} 
.ProductList li .info .name a{ text-decoration:underline;}
.ProductList li .info .car{ float:right;}





.page-list{ float:right; text-align:right; margin-top:5px; margin-bottom:5px; line-height:25px;}
.page-list a{border:#CCCCCC solid 1px; float:left; padding:5px; margin:1px; height:10px; line-height:10px;}
.page-list a:hover{ color:#FF0000; text-decoration:underline; background-color:#f1f1f1;}
















.form-div {
  background: #F4FaFb;
  border: 1px solid #BBDDE5;
  padding: 5px;
  color: #565656;
  margin: 0 0 10px 0;
}

.form-div table {
  background: #FFF;
  border-top: 10px solid #FFF;
  border-bottom: 10px solid #FFF;
   width:100%;

}




.form-div select, .form-div input, .form-div img {
  vertical-align: middle;
}

.notice-span {
  display: none;
  color: #666;
}

.form-div td.label {
  text-align: right;
  vertical-align: top;
  font-weight: bold;
  padding: 5px 1em;
  width: 30%;
}

.form-div td.narrow-label {
  text-align: right;
  vertical-align: top;
  font-weight: bold;
  padding: 5px 1em;
  width: 20%;
}

.button-div {
  text-align: center;
  padding: 3px 0;
}
.button-div input{}
.main-div input{border:1px solid #666666;}
.main-div input.button {
  padding: 2px 8px 0px;
  margin: 2px 2px;
  border: 0px solid #2D5082;
}

span.require-field {
  margin-left: 1em;
  font: 12px verdana;
  color: #FF0000;
}

.form-div th.group-title {
  text-align: left;
}


.form-div span.link-span {
  color: #999;
  padding-left: 10px;
  margin-left: 15px;
  border-left: 2px solid #999;
  font-weight: normal;
  cursor: pointer;
}

.form-div ul.msg-link {
  list-style-type: none;
}

.form-div ul.msg-link li {

  padding-left:   18px;
  margin-left:  0;
}

.form-div option.leafCat {
  color: #008000;
}

.form-div li.warning {
  border: 1px solid #CC0000; 
  background: #FFFFCC; 
  padding: 10px; 
  margin-bottom: 5px;
}



/*ÁбíÑùʽ*/

.list-div {
  width: 100%;
  background: #EEF8F9;
  border: 1px solid #BBDDE5; 
}

.list-div table {
  width: 100%;

}

.list-div th {
  line-height: 20px;
  background: #BBDDE5 url("images/th_bg.gif") repeat-x;
  
  text-align:center;
}


.list-div td {
  background: #FFF;
  line-height: 18px;
}

.list-div td.first-cell{
  font-weight: bold;
  padding-left: 10px;
}

.list-div input {
  vertical-align: middle;
}

/*.list-div a:visited, .list-div a:link {
  text-decoration: none;
  color: #192E32;
}

.list-div a:hover {
  color: #9D7250;
}
*/
.list-div input, list-div img {
  vertical-align: middle;
}

.list-div .footer {
  background: #F4FAFB;
  text-align: right;
}
.list-div .label{ width:30%; float:left; display:block;}



/*UserCenter*/
.user-center-default{ background-color:#FFFFFF; padding:10px;}
.user-center-default h3{ display:block;  color:#FF8000;}
.user-center-default h4{  border-bottom:1px #E5E5E5 solid; color:#55504B; font-size:14px;}
.account-menu {
	float:left;
	width:100%;


}
.account-menu div{
background-image: url(../Images/left_navi_top_c.gif);
	background-repeat: repeat;
	line-height:25px;
	text-align:center;
	  vertical-align: top;
  font-weight: bold;



	}
	.account-menu li{border-bottom:1px solid #BDDEEF;
border-top:1px solid #F4FCFE;
color:#295371;
display:block;
height:25px;
line-height:25px;
text-align:left;
 padding:2px;
  padding-left:7px;
}