*{
	margin:0;
	padding:0;
	font-family:Microsoft YaHei;
	font-size:14px;
}
body{
	background:#F5F5F5;
}
#header{
	height:89px;
	background:#CCC url(../styles/images/header-bg.png);
	overflow:hidden;
}
#main{
	width:950px;
	margin:20px auto;
	overflow:hidden;
	background:#FFF
}
#footer{
	height:200px;
	margin-top:20px;
	background:#444
}

#headCenter{
	width:950px;
	margin:auto;
}
#logo{
	width:300px;
	height:50px;
	margin:10px 0;
	float:left
}
#logo h1{
	font-size:35px;
	color:#F0F0F0;
	text-shadow:#000 0 -1px;
}
#header a{
	text-decoration:none
}
#header a:link{
	color:#903
}
#header a:visited{
	color:#903
}
#header a:hover{
	color:#069
}
#header a:active{
	color:#003
}
#headInfo{
	width:550px;
	height:1em;
	float:right;
	text-align:right;
	margin-top:10px;
}

#mainPatch{
	margin:20px;
	height:100%
}
#cartInfo, #buyerInfo, #payInfo, #paySubmit{
	height:200px;
	margin-top:15px;
	background:#CCC;
	padding:20px;
}
#cartTable tbody{
	height:80px;
}
#cartInfo{
	height:auto;
	background:none
}
#buyerInfo{
	height:auto;
	background:none
}
#payInfo{
	margin-top:50px;
	_margin-top:-80px;
	height:auto;
	background:none
}
#paySubmit{
	height:auto;
	background:none
}
#cartTable{
	margin-top:10px;
}
#cartTable th{
	height:2em;
	background:#D9D9D9
}
#cartTable td{
	background:#E8E8E8;
	text-align:center;
}
#cartTable td span{
	margin:auto 5px
}
#cartTable td span input{
	width:2em;
	height:2em;
	line-height:2em;
	font-size:1em
}

#cartTable .proName{
	width:400px
}
#cartTable .proPrice{
	width:100px
}
#cartTable .option{
	width:50px
}
#cartTable .buyNum{
	width:150px
}
#cartTable .equal{
	width:50px
}
#cartTable .proFee{
	width:105px
}
#cartTable .totalFee{
	text-align:right;
	height:3.5em;
	font-size:16px;
	padding-right:20px
}

#proImg{
	display:block;
	width:50px;
	height:50px;
	background:#0CF;
	float:left;
	margin-left:20px
}
#proName{
	float:left;
	width:250px;
	height:3em;
	margin-right:10px;
	margin-left:20px;
	text-align:left;
	overflow:hidden;
	line-height:1.5em;
	margin-top:5px
}

#buyerInfo p{
	width:100%;;
	height:1.7em;
	margin-top:20px;
	line-height:1.7em;
}
#buyerInfo p label{
	display:block;
	float:left;
	width:130px;
	text-align:right;
	border-right:dotted 1px #333;
	padding-right:15px;
	margin-right:15px;
	height:2em;
	line-height:1.7em
}
#buyerInfo p input{
	display:block;
	float:left;
	width:250px;
	height:2em;
	line-height:2em;
	padding-left:2px;
	font-size:12px
}
#buyerInfo p span{
	display:block;
	float:left;
	margin-left:10px;
	font-weight:200;
	color:#F00;
	font-family:SimSun;
}
#buyerInfo p span.tip{
	display:none;
	font-family: Microsoft YaHei;
}
#buyerInfo input.error{
	border:solid 1px #F00;
	color:#F00
}
#buyerInfo p.wideText{
	width:90%;
}
#buyerInfo p.wideText textarea{
	display:block;
	width:500px;
	height:80px;
	resize:none;
	overflow:auto;
	padding:2px;
	_margin-left:-3px;
}
#buyerInfo p input, #buyerInfo p.wideText textarea{
	border:1px #9C9C9C solid;
	border-color:#AAA #DDD #DDD #AAA;
}
#buyerInfo p input:hover, #buyerInfo p.wideText textarea:hover{
	border:1px #000 solid;
	border-color:#666 #CCC #CCC #666;
}
#buyerInfo p input:focus, #buyerInfo p.wideText textarea:focus{
	border:1px #68ACFF solid;
	outline:1px aqua solid;
}

#payInfo ul{
	list-style:none;
}
#payInfo ul li{
	display:block;
	float:left;
	margin:20px 0px 0 25px;
	width:180px;
	height:50px;
	overflow:hidden;
	border:solid 1px #FFF;
}
#payInfo ul li:hover{
	border:solid 1px #999
}
#payInfo ul li input{
	display:block;
	float:left;
	margin-top:20px;
	margin-left:5px;
	width:15px;
}
#payInfo ul li img{
	display:block;
	float:left;
	margin-top:10px;
	margin-left:20px;
	width:120px;
	height:35px
}
#payInfo ul li img.alipayLogo{
	height:45px;
	margin-top:2px
}
#payInfo ul li img.tenpayLogo{
	height:42px;
	margin-top:3px
}
#payInfo ul li img.paypalLogo{
	height:50px;
	margin-top:0px
}
#payInfo ul li img.unionLogo{
	width:90px;
	margin-top:8px
}

#bankList{
	background:none;
	border:solid 1px #999;
	margin-top:20px;
	padding-bottom:20px;
	display:none
}
#bankList ul{
	list-style:none;
}
#bankList ul li{
	display:block;
	float:left;
	margin:15px 0px 0 13px;
	width:150px;
	height:25px;
	background-image:url(../styles/images/banks.gif);
	background-repeat:no-repeat;
}
#bankList ul li input{
	display:block;
	margin-top:5px;
}

.bankpreload{
	width:0;
	height:0;
	background-image:url(../styles/images/banks.gif)
}

#paySubmit input{
	border:outset 2px #999;
	margin:20px;
	height:3em;
	line-height:2em;
	padding:0.5em
}
#paySubmit input:hover{
	border:outset 2px #555;
}
#paySubmit input:active{
	border:inset 2px #000;
}

#footer{
	color:#FEFEFE;
	padding-top:20px;
	bottom: 30px
}
#footer #copyright{
	width:80%;
	margin:0 auto;
	text-align:center;
	line-height:2em
}
#footer a{
	text-decoration:none
}
#footer a:link{
	color:#F30;
}
#footer a:visited{
	color:#F30;
}
#footer a:hover{
	color:#FFF
}
#footer a:active{
	color:#900
}

.unitsl{
	width:90px;
	margin-top:5px;
	text-align:center;
	background:#FFF;
	border:solid 1px #666
}

hr{
	margin-top:10px
}
h1{
	font-size:24px
}
h2{
	font-size:15px
}
h2.bankHeader{
	height:2em;
	background:#EEE;
	line-height:2em;
	font-weight:normal;
}
h2.bankHeader img{
	display:block;
	float:left;
	height:2.2em;
	padding-right:10px
}
h2.bankHeader span{
	color:#999
}
.dot{
	border-style:none none dotted none
}
.clear{
	clear:both;
	height:0 !important;
	width:0 !important;
	_height:0;
	float:none
}
em{
	color:#F00;
	font-weight:bold;
	margin:auto 3px
}