/************************
* GENERIC PROPERTY PAGE *
************************/

#main {
	width: auto;
	min-height: 400px;
	line-height: normal;
}

#property_menu {
	background: #dfeaf8;
	z-index: 100;
	position: absolute;
	top: 34px;
	right: -1px;
	width: 140px;
	padding: 15px;
	border: solid #0a3467 1px;
	border-top: none;
	display: none;
}

#property_menu input, #property_menu select {
	font-size: 1.2em;
	
}

#property_menu #submit {
	margin-top: 10px;
}

#property_menu h3 {
	margin: 5px 0;
	font-size: 1.1em;
}

#property_menu .help-note {
	position: absolute;
	z-index: 200;
	display: none;
	width: 120px;	
	right: -120px;
	background: #eaf0f8;
	border: solid #0a3467 1px;
	padding: 5px;
	margin: 0;
	font-size: 0.9em;
	color: #000;
	text-align: left;
}


#property_menu #help-searchtype-content {
	top: 15px;
}

#property_menu #help-searcharea-content {
	top: 32px;
}

#property_menu #help-price-content {
	top: 75px;
}

#property_menu #help-bedroom-content {
	top: 120px;
}

ul.img_spacer img {
	margin-right: 5px;	
}

#main .boxout {
	text-align: left;
	padding: 2px;
}

#main .boxout a {
	border: solid #0a3467 1px;
	line-height: 23px;
	font-size: 1.1em;
	padding-left: 7px;
	display: block;
	height: 23px;
	width: 128px;
	color: #0a3467;;
}

#main .boxout a:hover {
	background-color: #0a3467;
	color: #FFF;
}

#main .boxout .boxout-image {
	float: right;
	height: 23px;
	width: 30px;
	background-color: #b6cbe7;
}

#main .boxout .boxout-image img {
	display: block;	
}

/************************
* PROPERTY DETAILS PAGE *
************************/

#details_image_wrapper {
	margin-left: -13px;
}

#details_main_image {
	text-align: center;
	margin-left: 14px;
	width: 320px;
	padding: 1px;
	border: solid #9b9b9b 1px;
}

#details_main_image img {
	margin: 0 auto;
}

#image_selection {
	margin-top: 5px;
	height: 80px;
}

#image_selection a.image_arrow {
	cursor: pointer;
	float: left;
}

#image_container {
	position: relative;
	float: left;
	margin: 0 2px;
	width: 327px;
	height: 80px;
	overflow: hidden;
}

#image_thumbnails {
	position: absolute;
	left: 0px;
	width: 3000px;
}

#image_thumbnails img {
	margin: 0 1px;
	padding: 1px;
	border: solid #9b9b9b 1px;
	cursor: pointer;
}
#property_details_lhs {
	float: left;
	width: 360px;
}

#property_details_rhs {
	margin: -5px 0 0 380px;
}

#property_details_status {
	float: right;
	color: #de0039;
	font-size: 1.4em;
	text-align: right;
}

#property_details_header {
	background: #dee9f8 url('/images/background/property_header_bg.gif');
	background-repeat: repeat-x;
	text-align: left;
	margin-top: 2em;
	border: solid #9b9b9b 1px;
}

#property_details_header_lhs {
	padding: 5px 10px 10px 25px;
}

#property_details_header_lhs ul, #property_details_header_lhs li {
		margin: 0;
		padding: 0;
}

#property_details_content {
	padding: 5px 10px 10px 0;
	line-height: 2em;
}

#main #property_details_rhs h1 {
	padding: 0;
	border: 0;
	margin: 0;
}
#main #property_details_rhs h2 {
	padding: 0;
	border: 0;
}

#property_details_buttons {
	float: right;
	margin: 5px 6px 5px 0;
}

#property_details_bottom {
	position: relative;
	clear: left;
}

#property_clear {
	clear: both;
}

/*********************
* PROPERTY LIST PAGE *
**********************/

#main {
	text-align: left;
}

#main_image_box {
	margin: 24px 0 20px 0;
}

#main div.property {
	clear: right;
	margin: 25px 0;
	border-top: solid 1px #0a3467;
	background: #eaf0f8;
	height: 182px;
	overflow: hidden;
}

#main div.property .property_header {
	color: #FFF;
	background: #0a3467 url(../images/background/property_list_bg.gif) repeat-x;
	height: 25px;
	line-height: 24px;
	border-right: solid 1px #0a3467;
}

#main div.property .property_header a h2, #main div.property .property_header a:visited h2 {
	font-size: 1.3em;
	margin: 0;
	margin-top: 0px;
	padding: 0 0 0 220px;
	color: #FFF;
	position: relative;
}

#main .property_header a:hover h2, #main .property_header a:active h2 {
	text-decoration: underline;
}

#main div.property ul {
	margin-top: 0;
}

#main div.property_type {
	text-align: right;
	font-size: 1.2em;
	margin: 0;
	float: right;
	width: 135px;
	padding-right: 15px;
	color: #0a3467;
	background: #0a3467 url(../images/background/property_list_bg_right.gif);
}

#main div.property_body {
	height: 150px;
	border-right: solid 1px #0a3467;
	text-align: left;
	background: #dee9f8 url(../images/background/property_list_content.gif) repeat-x;
}

#main div.property_content {
	margin-left: 200px;
	height: 140px;
	padding: 10px 20px 0 20px;
	position: relative;
}

#main div.property ul.property_rooms, #main div.property ul.property_rooms li {
	margin: 0;
	padding: 0;
}

#main div.property ul.property_rooms li img {
	position: relative;
	top: 0.4em;
}

#main div.property_price {
	float: right;
	text-align: right;
}

#main div.property_image {
	clear: right;
	float: left;
}

#main div.property_summary {
	width: 375px;
}

#main div.property_view_details {
	position: absolute;
	right: 15px;
	bottom: 20px;
	z-index: 300;
}

#main div.property_status {
	position: absolute;
	left: -200px;
	bottom: -1px;
	z-index: 300;
	border-top: solid white 1px;
	border-right: solid white 1px;
	background-color: #de0039;
}

#main div.property_status a,#main div.property_status a:visited, #main div.property_status a:hover, #main div.property_status a:active {
	display: block;
	padding: 5px 10px;
	color: #FFF;
	font-size: 1.2em;
}

#main div.property_image img.bordered {
	border-left: solid 1px #0a3467;
	border-right: solid 1px #0a3467;
}

#map_canvas {
	float: none;
	margin: 0;
}
