@charset "utf-8";
#detail {
	display: none;
	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 .top .title .attrs {
				margin-top: 3px;
			}

	#detail .middle {
		height: auto;
		background: url(../images/detail_bg.gif) repeat-y;
	}
		#detail .middle .left {
			float: left;
			width: 180px;
			padding-left: 10px;
			text-align: center;
		}

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

		#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;
	}

#added {
	display: none;
	width: 325px;
	height: 250px;
	padding: 5px 5px 5px 70px;
	background: url(../images/mall_img.jpg) 0px -952px;
}
	#added .txt {
		padding: 10px;
		text-align: center;
	}
	#added .item {
		width: 280px;
		height: auto;
		margin: 0px auto 10px;
		border: #CCCCCC solid 1px;
		background: #FFFFCC;
	}
		#added .item .thumbnail {
			float: left;
			padding: 5px;
		}
		#added .item .info {
			float: right;
			width: 190px;
			padding: 5px;
		}
			#added .item .info p {
				font-weight: bold;
				color: #330000;
				border-bottom: 1px solid #ccc;
			}