/*
Content: Common components;
Remark: shopIndex;
Version: v0.1;
Author: guanxin.com JF.Z;
Date: 2010-07-2
*/

.ssInput input, .ssBtn input, .mcrTop, .MclMTitle, .MclMTitle em, .intoBtn, .careTrait ul li, .mcrbottom, .MclMText,.anythingSlider .arrow {
	background:url(http://static.guanxin.com/shop/img/prelist.png) no-repeat;
}
.mcrtList dl dd {
	background:url(http://static.guanxin.com/shop/img/b.png) no-repeat;
}
#wrap {
	width:100%;
}
#main {
	width:960px;
	margin:0 auto;
}
.mainTop {
	width:960px;
	overflow:hidden;
	border:#cfcfcf solid;
	border-width:0 0 1px;
	padding:15px 0;
	margin:0 0 15px;
}
.shopSearch {
	width:960px;
	background:#f4f4f4;
	height:36px;
	margin:0 0 15px;
}
.shopSearch span {
	float:left;
}
.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;
}
.ssSelect {
	/*width:180px;*/
	padding:7px 10px 0;
}
.ssSelect .newListSelected {
	width:160px;
	height:17px;
	background-color:#FFF;
}
.ssSelect .newList {
	background:#fff;
	width:166px;
	margin:0;
	padding:0;
	left:-1px;
	border:#afacac solid;
	border-width:0 1px 1px;
}
.ssSelect .newList li {
	cursor:pointer;
}
.ssBtn {
	width:510px;
	padding:7px 0 0;
}
.ssBtn input {
	background-position:-720px 0;
	width:88px;
	height:22px;
	border:none;
	cursor:pointer;
}
.ssBoth {
	padding:12px 0 0;
}
.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;
}
.mtLeft {
	float:left;
	width:208px;
}
.intoReciv {
	border:#e8e8e8 solid;
	border-width:5px 0;
	padding:20px 0;
}
.intoBtn {
	background-position:0 -108px;
	width:207px;
	height:39px;
	border:none;
	cursor:pointer;
}
.careTrait {
}
.careTrait ul li {
	height:29px;
	overflow:hidden;
	color:#4f4d4d;
	padding:23px 0 0 65px;
}
.careTrait ul li.ctPhone {
	background-position:15px -158px;
	border:#d9d9d9 solid;
	border-width:1px;
}
.careTrait ul li.ctMail {
	background-position:15px -214px;
	border:#d9d9d9 solid;
	border-width:0 1px;
}
.careTrait ul li.ctAdr {
	background-position:15px -264px;
	border:#d9d9d9 solid;
	border-width:1px;
}
.mtRight {
	width:732px;
	height:249px;
	float:right;
	background:none;
	position:relative;
}
.ctrlImg{
	position:absolute;
	background:url(http://static.guanxin.com/shop/img/fcousIcon.gif) no-repeat;
	width:66px;
	height:60px;
	bottom:-2px;
	right:0;
	z-index:10;
}
.anythingSPage{
	position:absolute;
	z-index:11;
	right:15px;
	bottom:0px;
}
.mainBottom {
	overflow:hidden;
	width:960px;
}
.mbLeft {
	float:left;
	width:206px;
}
.mclTop {
	color:#fff;
	background:#7d7d7d;
	border:solid #dbdbdb;
	border-width:1px 1px 0;
	padding:9px 10px;
	width:184px;
	cursor:default;
}
.mclTop b {
	font-size:13px;
}
.mclMiddle {
	border:#dbdbdb solid;
	border-width:0 1px;
}
.mclBottom {
	width:184px;
	background:#7d7d7d;
	border:solid #dbdbdb;
	border-width:0px 1px 1px;
	padding:0 10px;
	font-size:0;
	line-height:0;
	height:3px;
	margin:0 0 10px;
}
.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;
	background-position:-1px 0px;
}
.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 20px;
}
.mclPrice li {
	height:23px;
	font-family:Arial, Helvetica, sans-serif;
}
.mainRight {
	float:right;
	width:733px;
}
.mrContent {
	margin:0 0 10px;
}
.mcrTop {
	background-position:-2px -333px;
	line-height:31px;
	height:31px;
	padding:0 0 0 15px;
	width:718px;
	overflow:hidden;
}
.mcrtTitle {
	float:left;
	font-size:14px;
	font-weight:bold;
}
.mcrtList {
	float:right;
	width:300px;
}
.mcrtList dl {
	overflow:hidden;
	zoom:1;
	padding:0 10px 0 0;
}
.mcrtList dl dt, .mcrtList dl dd {
	float:left;
}
.mcrtList dl dd {
	padding:0 10px;
	background-position:43px -52px;
	cursor:pointer;
}
.mcrlSle {
	font-weight:bold;
}
.mcrtList dl dd a:link, .mcrtList dl dd a:visited, .mcrtList dl dd a:hover, .mcrtList dl dd a:active {
	color:#000;
}
.tabCon {
	border:#dbdbdb solid;
	border-width:0 1px;
	display:none;
}
.mrList {
	overflow:hidden;
	zoom:1;
	padding:12px 10px 10px 15px;
}
.mrlLeft {
	float:left;
}
.mrllImg {
	width:490px;
	height:225px;
	background:#CCC;
	line-height:0;
	font-size:0;
}
.mrlRight {
	float:right;
}
.mrlRight ul {
	border:#ebebeb solid;
	border-width:1px 1px 0;
	width:208px;
}
.mrlRight ul li {
	background:url(http://static.guanxin.com/shop/img/b.png) 6px 12px;
	border:#ebebeb solid;
	border-width:0 0 1px;
	height:31px;
	line-height:31px;
	overflow:hidden;
	padding:0 0 0 20px;
}
.mcrMiddle {
	padding:5px 10px 20px;
	line-height:20px;
}
.mcrMiddle ul {
	overflow:hidden;
	zoom:1;
}
.mcrMiddle ul li {
	float:left;
	width:104px;
	padding:7px;
}
.proImg {
	font-size:0;
	line-height:0;
	padding:1px;
	border:#dddddd 1px solid;
}
.proTitle {
	padding:5px 0 0;
	line-height:18px;
	height:40px;
}
.proPrice {
	color:#cd3636;
	font-family:Arial, Helvetica, sans-serif;
}
.mcrbottom {
	background-position:-2px -371px;
	font-size:0;
	line-height:0;
	height:8px;
}
.label {
	float:left;
}
.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;
}
.mbRight {
	float:right;
}
.page {
	float:right;
	overflow:hidden;
	zoom:1;
	padding:5px 0 0;
}
.page a {
	color:#234DB9;
}
.goodDesigner {
	margin:0 0 10px;
}
.gdContent {
	padding:10px;
	border:#dbdbdb solid;
	border-width:0 1px;
}
.gdContent ul {
	overflow:hidden;
	zoom:1;
}
.gdContent ul li {
	float:left;
	padding:0 9px;
}
.gdContent ul li img {
	border:#CCC 1px solid;
	width:80px;
	height:51px;
}
/*table*/

/*list*/
.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;
}
/*
    anythingSlider v1.2
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/


.anythingSlider {
	width:732px;
	height:249px;
	position:relative;
}
.anythingSlider .wrapper {
	width:732px;
	overflow:auto;
	height:249px;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
.anythingSlider .wrapper ul {
	width: 32700px;
	list-style: none;
	position: absolute;
	top:0;
	left:0;
	background:#eee;
	margin: 0;
}
.anythingSlider ul li {
	display: block;
	float: left;
	padding: 0;
	height: 249px;
	width: 732px;
	margin: 0;
}
.anythingSlider .arrow {
	display: block;
	height: 10px;
	width: 9px;
	position: absolute;
	top: 207px;
	cursor: pointer;
	z-index:99999;
}
.anythingSlider .forward {
	background-position: 0 -411px;
	right: 30px;
}
.anythingSlider .back {
	background-position: 0 -442px;
	right: 50px;
}
/*
  Prevents
*/
.anythingSlider .wrapper ul ul {
	position: static;
	margin: 0;
	background: none;
	overflow: visible;
	width: auto;
	border: 0;
}
.anythingSlider .wrapper ul ul li {
	float: none;
	height: auto;
	width: auto;
	background: none;
}

