/********** Details CSS Document (details.css) INMOWEB / Details **********/

#detail_container, #detail_container_promo {
	width: 676px;
	padding: 1px;
	border: 1px solid #CBE08E;
	background-color: #EDF0E4;
	overflow: hidden;
}

#detail_container_promo {
	background-color: white;
}

#detail_container h2, #detail_container_promo h2 {
	color: white;
}

.detail_header {
	clear: both;
	width: 636px;
	color: white;
	padding: 10px 20px;
	background: #488556 url(images/detail_header.gif) repeat-x;
}

.detail_header h4, .detail_header h4 a {
	font: bold 16px/20px sans-serif;
	text-decoration: none;
	color: white;
}

.detail_head_left {
	width: 408px;
	float: left;
}

.detail_head_right {
	width: 218px;
	text-align: right;
	float: right;
}

.detail_head_right a {
	color: white;
}

.detail_separation, .detail_type {
	width: 636px;

	margin: 1px 0 0 0;
	padding: 20px;
	/*background: #AACA56 url(images/detail_header.gif) repeat-x;*/
}

.detail_separation p {
	margin: 10px 0 0 0;
}

.detail_type {
	padding: 5px 20px;
}

.detail_type a { color: white; }

.detail_content {
	width: 636px;
	padding: 20px 20px 0 20px;
}

.detail_content h1 {
	width: 318px;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	font-size: 26px;
	line-height: 26px;
	border-bottom: 1px solid #81ada8;
}

.detail_content h1 span {
	font: normal 12px/1.4em sans-serif;
}

.detail_content h3 {
	margin: 10px 0 0 0;
	padding: 0 0 10px 0;
	font-size: 14px;
}

.detail_content p {
	margin: 0 0 15px 0;
}

#detail_photo, #detail_photo_left {
	width: 298px;
	margin: 0 0 20px 0;
	float: right;
}

#detail_photo_left {
	float: left;
}

#detail_photo a img, #detail_photo_left a img {
	display: block;
	float: left;
	text-decoration: none;
	padding: 1px;
	border: 1px solid #CBE08E;
}

#detail_photo a:hover img, #detail_photo_left a:hover img {
	border: 1px solid #404040;
}

#detail_photo img.bigger, #detail_photo_left img.bigger {
	/*width: 294px;*/
}

#detail_photo img.smaller_left, #detail_photo img.smaller_right, #detail_photo_left img.smaller_left, #detail_photo_left img.smaller_right {
	/*width: 142px;
	height: 100px;*/
	margin: 6px 0 0 0;
}

#detail_photo a img.smaller_left, #detail_photo_left a img.smaller_left {
	margin-right: 6px;
}

#detail_right {
	width: 298px;
	margin: 0 0 0 20px;
	float: left;
}

.detail_margin {
	clear: both;
	width: 636px;
	height: 0px;
	#display: none;
}

/********** Similar properties **********/

.similar_prop {
	clear: both;
	margin: 20px 0 10px 0;
}

.similar_prop h3 {
	font-size: 16px;
	margin: 0 0 5px 0;
}