/*
Content: Common components;
Remark: shopList;
Version: v0.1;
Author: guanxin.com JF.Z;
Date: 2010-07-2
*/

#main{
	width:955px;
	margin:22px auto;
	color:#5f5d5d;
}
.mainContent{
	width:955px;
}
.mcLeft{
	float:left;
	width:204px;
}
.mcRight{
	float:right;
	width:743px;
}
.mainTop{
	background:#f4f4f4;
	padding:5px 10px;
	margin:0 0 20px;
	line-height:0px;
}
.MclMTitle,.MclMTitle em,.mcrTop,.mcrbottom,.mcrList,.mcrTable,.mcrMStar strong,.MclMText,.ssInput input, .ssBtn input{
	background:url(http://static.guanxin.com/shop/img/prelist.png) no-repeat;
}




.shopSearch {
	width:960px;
	background:#f4f4f4;
	height:36px;
	margin:0;
	overflow:hidden;
}
.ssInput {
	width:250px;
	padding:7px 0 0 10px;
}
.ssInput input {
	width:225px;
	background-color:#FFF;
	background-position:-347px -1px;
	border:#d6d6d6 solid;
	border-width:0 1px 1px;
	padding:3px 4px 0;
	height:18px;
	line-height:15px;
}

.shopSearch span {
	float:left;
}

.ssBtn {
	padding-bottom:0;
	padding-left:0;
	padding-right:0;
	padding-top:7px;
	width:510px;
}
.ssBtn input {
	background-position:-720px 0;
	width:88px;
	height:22px;
	border:none;
	cursor:pointer;
}
.ssBoth {
	padding:12px 0 0;
	position:relative;
	z-index:999;
	line-height:16px;
}
.ssBoth a:link, .ssBoth a:visited {
	color:#225fb1;
	text-decoration:underline;
}
.ssBoth a:hover, .ssBoth a:active {
	color:#225fb1;
	text-decoration:underline;
	font-weight:bold;
}
.ssSelect{
	padding:8px 10px 0 0;
}



.mclTop{
	color:#fff;
	background:#7d7d7d;
	border:solid #dbdbdb;
	border-width:1px 1px 0;
	padding:9px 10px;
	width:182px;
	cursor:default;
}
.mclBottom{
	width:182px;
	background:#7d7d7d;
	border:solid #dbdbdb;
	border-width:0px 1px 1px;
	padding:0 10px;
	font-size:0;
	line-height:0;
	height:3px;
}
.mclMiddle,.mcrMiddle{
	border:solid #dbdbdb;
	border-width:0px 1px;
}
.MclMTitle{
	border:solid #dbdbdb;
	border-width:1px 0;
	height:20px;
	padding:6px 13px 0;
	cursor:pointer;
	font-weight:bold;
	font-size:13px;
	-moz-user-select:none;
}
.MclMTitle em{
	line-height:15px;
	height:16px;
	width:16px;	
	float:left;
	background-position:left -28px;
}
.BoxClose em{
	background-position:-20px -28px;
}
.BoxClose .MclMConner{
	display:none;
}
.MclMConner{
	padding:12px 25px;
}

.mcrTop{
	background-position:-2px -52px;
	line-height:31px;
	height:31px;
	padding:0 0 0 15px;
	zoom:1;
}
.mcrMiddle{
	padding:20px;
	line-height:20px;
}
.mcrbottom{
	background-position:-2px -92px;
	font-size:0;
	line-height:0;
	height:6px;
}
.mcrList,.mcrTable{
	display:inline-block;
	width:18px;
	height:20px;
	margin:5px 0 0 3px;
	vertical-align:text-bottom;
	cursor:pointer;
	font-size:0;
	line-height:0;
}
.label{
	float:left;
}
.label a:hover{
	text-decoration:none;
}
.mcrTRight{
	float:right;
	padding:3px 5px 0;
}
.mcrTrightA{
	padding:0px 5px 0;
	cursor:default;
}
.mcrTRightSelect,.mcrTRightSelect li{
	width:160px;
	line-height:18px;
}
.mcRight .newList,.mcrMiddle .newList{
	width:155px;
}
.mcRight .newList li,.mcrMiddle .newList li{
	width:140px;
}
.page{
	float:right;
	overflow:hidden;
	zoom:1;
	padding:5px 0 0;
}
.page a{
	color:#234DB9;
}
/*table*/
.mcrMiddle ul{
	overflow:hidden;
	zoom:1;
}
.mcrList{
	background-position:-45px -27px;
}
.mcrTable{
	background-position:-66px -27px;
}
.mcrMiddle li{
	float:left;
	width:122px;
	height:220px;
	padding:15px 18px 25px 0;
	border:dotted #d2d2d2;
	border-width:0 0 1px;
	display:inline-block;
	
}
.mcrMiddle ul li li.mcrMImg{
	line-height:0;
	width:108px;
	padding:1px;
}
.mcrMImg img{
	width:108px;	
}
.mcrMiddle li .mcrMStar,.mcrMiddle li .mcrMImg,.mcrMiddle li .mcrMName,.mcrMiddle li .mcrMDelPrice,.mcrMiddle li .mcrMPrice,.mcrMiddle li .mcrMConner,.mcrMiddle li .mcrMButton{
	width:auto;
	height:auto;
	border-width:0;
	float:none;
	padding:0;
}
.mcrMiddle li .mcrMDelPrice,.mcrMiddle li .mcrMPrice{
	width:121px;
}
.mcrMDelPrice{
	font-family:Verdana, Geneva, sans-serif;
	text-decoration:line-through;
	line-height:18px;
}
.mcrMPrice{
	color:#c7202b;
}
.mcrMiddle .mcrMConner,.mcrMiddle .mcrMButton{
	display:none;
}
.mcrMStar{
	line-height:0px;
	padding:0;
}
.mcrMStar strong{
	width:15px;
	height:15px;
	font-size:0;
	line-height:0;
	display:inline-block;
	background-position:-327px top;
}
/*list*/
.mcrMList .mcrList{
	background-position:-87px -27px;
}
.mcrMList .mcrTable{
	background-position:-107px -27px;
}
.mcrMList li{
	float:none;
	width:680px;
	height:auto;
}
.mcrMList .mcrMXing,.mcrMList .mcrMButton,.mcrMList .mcrMConner .mcrMPrice,.mcrMList .mcrMConner,.mcrMList .mcrMConner .mcrMStar{
	display:block;
}
.mcrMList .mcrMDelPrice,.mcrMList .mcrMPrice,.mcrMList .mcrMStar{
	display:none;
}
.mcrMList li .mcrMImg,.mcrMList li .mcrMName,.mcrMList li .mcrMXing,.mcrMList li .mcrMButton,.mcrMList li .mcrMConner,.mcrMList li .mcrMButton{
	float:left;
	padding:0 20px;
	display:inline-block;
}
.mcrMList li .mcrMName,.mcrMList li .mcrMConner{
	padding:35px 20px 0;
}
.mcrMList li .mcrMButton{
	width:100px;
	float:right;
	padding:35px 0 0 20px;
}
.mcrMiddle li .mcrMName{
	height:40px;
	overflow:hidden;
	zoom:1;
}
.mcrMList li .mcrMName{
	width:154px;
	font-weight:bold;
	font-size:13px;
}
.Shopping,.ShopCart{
	width:100px;
	height:25px;
	line-height:25px;
	color:#fff;
	margin:5px 0 0;
	cursor:pointer;
}
.Shopping{
	background:#F18200;
	border:solid #DE5400;
	border-width:1px;
}
.ShopCart{
	background:#878787;
	border:solid #615F5F;
	border-width:1px;
}
.mcrMList .mcrMStar strong{
	background-position:-273px top;
	width:18px;
	height:23px;
}



.MclMConner ul{
	overflow:hidden;
	zoom:1;
	line-height:18px;
}
.MclMCUl li{
	float:left;
	padding:0 6px;
	line-height:16px;
	margin:2px 0;
	border:solid #e1e1df;
	border-width:0 1px 0 0;
	white-space:nowrap;
}
.MclMCUl li.MclMNo{
	border-width:0;
}
.MclMText{
	width:40px;
	height:20px;
	line-height:20px;
	border:solid #d6d6d6;
	border-width:0 1px 1px;
	background-position:-347px -1px;
	margin:0 3px;
}
.MclButton{
	width:42px;
	height:22px;
	border:0;
	background:#747373;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
}
.MclMore{
	padding:10px 0 0;
}
.MclMore a{
	color:#225fb1;
	text-decoration:underline;
}

.mcrMList ul li li.mcrMImg{
	padding:10px 0 0;
}