@charset "utf-8";
/* CSS Document */
#bodyer{ margin-bottom:20px;}

#orderStep{ position:relative; padding-left:30px;}
	#orderStep div.step{ float:left; padding-right:21px; background:url(../images/point_buyStepArrow.png) no-repeat right 10px; display:inline-block; margin-right:10px;}
	#orderStep div.step.last{padding-right:0; background:none; margin-right:0;}
	#orderStep div.step span{ display:inline-block; float:left;}
	#orderStep div.step span.num{ display:inline-block; background:url(../images/bg_buyMayStep.png) no-repeat left center; width:23px; height:34px; padding-top:8px; text-align:center; color:#6AA3C3; font-weight:bold; font-size:11pt;}
	#orderStep div.step.select span.num{ background-image:url(../images/bg_buyOnStep.png); width:33px; color:#FF7300;}
	#orderStep div.step span.str{ line-height:32px; padding-left:8px; color:#6AA3C3; font-weight:bold;}
	#orderStep div.step.select span.str{ color:#FF7300;}


table.orderTab{ width:680px;}
	table.orderTab caption{ font-size:22px; line-height:28px; display:none;}
	table.orderTab td span.productName{ display:inline-block; border:#A7A6AA 1px solid; padding:2px 8px 2px 2px; color:#ACA899;}
	table.orderTab th{ text-align:right; height:28px; font-weight:normal; width:20%;}
	table.orderTab th.orderInfoTitle{ text-align:left; padding-left:10px; background:url(../images/bg_orderInfoTitle_left.gif) no-repeat left center; width:100%;}
	table.orderTab th.orderInfoTitle span.str{ display:block; line-height:42px; background:url(../images/bg_orderInfoTitle_right.gif) no-repeat right center; font-weight:bold;}
	table.orderTab tbody td input {float:left;}
	table.orderTab tbody td.radio input {float:none;}
	
	table.orderTab td.orderButton{ text-align:center; height:60px;}
	table.orderTab td.orderButton input{ background:url(../images/bg_orderBuyButton.gif) no-repeat right top; height:30px; width:139px; border:none; cursor:pointer;}
	table.orderTab td.orderOtherInfo{ border:#FFCC7F 1px solid; background-color:#FFFFE5; padding:4px 0 4px 10px;}
	table.orderTab td.orderOtherInfo span{ display:inline-block; line-height:1.5em;}
	table.orderTab td span#allPrice{ color:#F33; font-size:15pt; font-weight:bold;}
	table.orderTab td textarea.message{ padding:2px;}
	table input[type="text"]{ height:14px; line-height:14px; padding:0 2px;}
	
#productInfo{ width:240px; margin:0 auto; margin-top:8px;}
	div.productPicture{ height:210px; width:210px; margin:0 auto;}
	#productInfo div.title{ background:url(../images/bg_orderProductTitle_left.gif) no-repeat left center;}
	#productInfo div.title h3{ background:url(../images/bg_orderProductTitle_right.gif) no-repeat right center; line-height:25px; padding-left:10px;}
	
	.productPictureLink{ cursor:pointer;}
	#productInfo div.info{ border:#DAF1FE 1px solid; border-top:none; display:block; padding-bottom:10px; overflow:hidden;}
	#productInfo div.info div.infoLine{line-height:2em; display:block; padding-left:5px;}
	#productInfo div.info div.infoLine .proName{ float:left;}
	#productInfo div.info div.infoLine .title{ width:170px;}
	#productInfo div.info div.infoLine .name{ color:blue;}
	#productInfo div.info div.infoLine .price{ color:#F33;}
	#productInfo div.info div.infoLine *{font-size:9pt;}
	#productInfo div.info div.infoLine span{ clear:both; float:left;}
	#productInfo div.info div.infoLine .title{ float:left;}