@charset "utf-8";
/* */

.item_list {
	width: 530px;
	table-layout: fixed;
}
	.item_list th {
		height: 22px;
		background: url(../images/mall_img.png) no-repeat;
		font-weight: bold;
		text-align: center;
		text-transform: uppercase;
		line-height: 22px;
	}
		.item_list th.icon      { width: 58px; background-position: -340px -422px; }
		.item_list th.info      { background-position: -350px -422px; }
		.item_list th.unitprice { width: 70px; background-position: -350px -422px; }
		.item_list th.number    { width: 70px; background-position: -350px -422px; }
		.item_list th.subtotal  { width: 60px; background-position: -350px -422px; }
		.item_list th.delete    { width: 50px; background-position: -820px -422px; }

	.item_list td {
		border-bottom: 1px solid #cccccc;
		padding: 5px;
		text-align: center;
	}
		.item_list td.icon {
			width: 48px;
			cursor: pointer;
		}
		.item_list td.info {
			text-align: left;
			font-weight: bold;
		}
		.item_list td.delete a {
			width: 22px;
			height: 23px;
			margin: 0 auto;
			background: url(../images/mall_img.gif) no-repeat -208px 0px;
		}
		.item_list td.delete a:hover { background-position: -230px 0px; }

	.item_list tr.total {
		background-color: #eacdbe;
	}
		.item_list tr.total td {
			height: 22px;
			color: #7a4a47;
			font-weight: bold;
			line-height: 22px;
		}
	.update {
		text-align: right;
		margin-top: 5px;
	}

.calc {
}
	.calc .block {
		float: left;
		width: 156px;
		height: 47px;
		margin: 0 2px;
		background-image: url(../images/mall_img.png);
	}
	.calc .balance { background-position: -200px -454px; }
	.calc .total   { background-position: -200px -454px; }
	.calc .result  { background-position: -356px -454px; }
		.calc .block div {
			width: 146px;
			padding-left: 10px;
			color: #FFFFFF;
			line-height: 21px;
		}
		.calc .block p {
			width: 146px;
			color: #666666;
			font-weight: bold;
			text-align: right;
			line-height:21px;
		}
	.calc .operator {
		float: left;
		height: 47px;
		font-size: 30px;
	}

.buy_b {
	width: 229px;
	height: 36px;
	padding-top: 15px;
	margin-left: 10px;
	background: url(../images/mall_img.jpg) no-repeat -530px -490px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 15px;
	text-align: center;
	cursor: pointer;
}
.buy_b:hover {
	background-position: -530px -541px;
	color: #FFFFFF;
}

#detail {
	width: 530px;
	padding: 5px;
	overflow: hidden;
}
	#detail .top {
		height: 33px;
		padding: 10px;
		background: url(../images/mall_img.gif) no-repeat 0px -23px;
	}
		#detail .top .title {
			border-bottom: 1px solid #cccccc;
			font-weight: bold;
		}
			#detail .top .title * {
				float: left;
			}
			#detail .top .title .name {
				margin-right: 10px;
				font-weight: bold;
			}
	#detail .middle {
		height: auto;
		background: url(../images/detail_bg.gif) repeat-y;
	}
		#detail .middle .left {
			float: left;
			width: 180px;
			padding-left: 10px;
		}

		#detail .middle .right {
			float: left;
			width: 300px;
			padding-left: 10px;
		}
			#detail .middle .right .description {
				background: #eee;
				border: #CCCCCC solid 1px;
			}

		#detail dl {
			width: 300px;
			margin: 10px auto;
		}
			#detail dt, dd {
				float: left;
				height: 2.5em;
				border-bottom: #CCCCCC solid 1px;
				line-height: 2.5em;
			}
			#detail dt { width: 80px; text-indent: 0.5em; }
			#detail dd { width: 220px; }
	#detail .bottom {
		height: 33px;
		background: url(../images/mall_img.gif) no-repeat 0px -56px;
	}