/*property.css - controls styles for a property listing 

copyright 2007 Future Medium Pty Ltd 

@author matt watts

*/

body {
	background: url("../images/bg_faux.gif") repeat-y 50% 0;
}

.wrapper {
	width: 981px;
	margin: 60px auto;	
}

.colLeft {
	float: left;
	width: 191px;
}

.colRight {
	float: right;
	width: 790px;
}

.logoBox {
	background: #fff url("../images/bg_left_panel_upper_shadow.jpg") no-repeat bottom right;
	width: 191px;
}

.logoBox img {
	margin: 60px 25px;
}

* html .logoBox img {
        margin: 60px 22px;
}

.leftPanel {
	background: #fff url("../images/bg_left_panel_lower_shadow.jpg") no-repeat top right;
	padding-top: 61px;
}

.leftPanel img {
	border-top: 2px solid #f7f7f3;
}

.colRight .colA {
	width: 525px;
	float: left;
}

.colRight .colB {
	width: 258px;
	float: right;
}

.searchPane {
	background: #faf9f4;
	border-top: 1px solid #eae6cd;
	border-bottom: 1px solid #eae6cd;
	margin: 0 9px 10px 10px;
	clear: left;	
}

ul.searchElements {
	margin: 10px;
	padding: 0;
	list-style-type: none;
        width: 700px;
}

ul.searchElements li {
	float: left;
	padding: 0;
	margin: 0 10px 0 0;
}

.searchResults {
	clear: left;
	font-weight: bold;
	font-size: 1.1em;
	margin: 10px 10px;
}

.searchResults a {
	color: #ed0000;
}

.searchResults p {
	margin: 0;
	padding: 0;
}

.searchPane select {
	margin-right: 5px;
	background-color: #ed0000;
	border: 1px solid #4c5f89;
	color: #fff;
	padding: 1px;
	font-size: 0.9em;
}

.searchPane select#location {
	width: 170px;
}

.searchPane label {
	display: block;
}

a.searchButton {
	background: url("../images/button_search.gif") no-repeat top left;
	height: 22px;
	width: 114px;
	display: block;
	margin-top: 12px;
}

a.searchButton:hover {
	background-position: bottom left;
}

a.searchButton span {
	display: none;
}

.feature,
.stats {
	float: left;
	width: 250px;
	margin: 0 0 10px 10px;
}
.stats table td { vertical-align: top; }
.stats table td a { color: #000; }

* html .feature {
  float: left;
  width: 250px;
  margin: 0 0 10px 5px;
}

.thumbs,
.links {
	float: right;
	width: 250px;
	margin: 0 0 10px 0;
}

.stats td,
.links td {
	background: #f4f8f9;
        margin-top: 5px;
} 

.stats td {
	color: #7d7d7d;
}

.stats td strong {
	color: #ed0000;
}

.links td strong {
	color: #7d7d7d;
}

.links td a {
	color: #000;
}

ul#thumbProperty {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul#thumbProperty li {
	margin: 0;
	padding: 0;
	clear: left;
}

ul#thumbProperty div {
  float: left;
  width: 121px;
  height: 86px;
	position: relative;
}

ul#thumbProperty a {
	float: left;
  width: 120px;
  height: 85px;
  overflow: hidden;
}
ul#thumbProperty img {
  display: block;
}

#featureProperty {
	position: relative;
}

.content {
	padding-left: 10px;
	clear: left;
}

.amenitiesBox {
	position: absolute;
	bottom: 3px;
	left: 0;
}

ul.amenity {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.amenity li {
	background: #fbfaf7;
	padding: 4px 5px;
	margin: 0;
	margin-right: 1px;
	float: left;
}

ul.amenity li span {
	color: #ed0000;
	font-size: 1.2em;
	font-weight: bold;
	padding: 0 2px;
}

ul.amenity li img {
	display: inline;
}

.magnify {
	position: absolute;
	bottom: 0;
	right: 0;
}

.flag {
	position: absolute;
	top: 0;
	right: 0;
}

ul {
	margin: 0 0 10px 0;
	padding: 0;
	list-style-type: none;
}

li {
	margin: 0;
	padding: 0;
	color: #7d7d7d;
}

.content h1,
.form h1,
.featureText h1 {
	font-size: 1.3em;
	color: #000;
	margin: 0;
	padding: 0;
}

.content h2 {
	font-size: 1.2em;
	color: #7d7d7d;
	margin: 0;
	padding: 0;
}

.content h3 {
	font-size: 1.1em;
	color: #7d7d7d;
	margin: 0;
	padding: 0;
}

.content h4 {
	font-size: 1.1em;
	color: #ed0000;
	margin: 0;
	padding: 0;
}

.content p {
	color: #7d7d7d;
	margin: 10px 6px 0 0;
}

.agentListing {
	color: #7d7d7d;
}

.agentListing h3 {
	font-size: 1.3em;
	margin: 0 0 5px 0;
	padding: 0;
}

.agentListing span.mobile {
	color: #000;
}

.agentListing a {
	color: #ed0000;
}

.agentListing img {
	border: 1px solid #d3d3d3;
	display: block;
	margin-bottom: 5px;
}

.form {
	margin: 30px 0 10px 0;
}

.form p {
	padding: 0;
	margin: 0;
}

ol.contactForm {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ol.contactForm li {
	margin: 0;
	padding: 0;
}

ol.contactForm li label {
	display: block;
}

ol.contactForm li input,
ol.contactForm li textarea {
	width: 250px;
	background: #f2f4f5;
	border: 1px solid #cccfd0;
}

ol.contactForm li textarea {
        font-family: arial, helvetica, sans-serif;
        font-size: 1.1em;
}

ol.contactForm li a.cButton {
	background: url("../images/button_clear.gif") no-repeat top left;
	height: 22px;
	width: 64px;
	float: right;
	margin: 10px 6px 0 0;
}

ol.contactForm li a.sButton {
	background: url("../images/button_send.gif") no-repeat top left;
	height: 22px;
	width: 64px;
	float: right;
	margin: 10px 6px 0 0;
}

ol.contactForm li a.cButton:hover,
ol.contactForm li a.sButton:hover {
	background-position: bottom left
}

ol.contactForm li a span {
	display: none;
}

.pagination {
	border-top: 1px solid #eae6cd;
	border-bottom: 1px solid #eae6cd;
	clear: both;
  margin: 10px;
  padding: 3px;
  color: #7d7d7d;
  font-size: 1.1em;
	font-weight: bold;
  text-align: right;
}

.pagination .prev { float: left; }

.pagination a {
	color: #ed0000;
	font-size: 1.1em;
	font-weight: bold;
}


ul.listing {
	margin: 0 0 0 10px;
	padding: 0;
	list-style-type: none;
  display: block;
}

ul.listing li,
ul.listing li.off {
	margin: 0;
	padding: 0;
	position: relative;
	width: 170px;
  height: 250px;
	float: left;
	background: #fff;  
}

ul.listing li.off {
	background: #faf9f4;
}

ul.listing li h2 {
	color: #7d7d7d;
	font-size: 1.1em;
	padding: 3px 24px;
  height: 30px;
	margin: 0;
}
ul.listing li h2 a {
	color: #7d7d7d;
  text-decoration: none;
}

ul.listing li img {
  padding: 0 0 0 24px;
}

ul.listing li img.thumb {
	height: 85px;
}

ul.listing li h4 {
	color: #ed0000;
	padding: 0 24px;
	margin: 0;
  height: 14px;
  font-size: 1em;
  overflow: hidden;
}

ul.listing li p {
	color: #000;
	padding: 0 24px;
  height: 50px;
}

ul.listing li a.view {
	background: url("../images/button_view.gif") no-repeat top left;
	height: 22px;
	width: 64px;
	display: block;
	margin: 0 0 10px 80px;
}

ul.listing li a.view:hover {
	background-position: bottom left;
}

ul.listing li a.view span {
	display: none;
}

ol.amenitiesListing {
	margin: 0;
	padding: 0 0 0 27px;
	list-style-type: none;
}

ol.amenitiesListing li {
	margin: 0 0 0 1px;
	padding: 0;
	float: left;
	height: 20px;
	width: 35px;
}

ol.amenitiesListing li span {
	color: #ed0000;
	font-size: 1.1em;
	font-weight: bold;
	float: left;
}

ol.amenitiesListing li img {
	float: left;
	margin: 0;
	padding: 0 2px;
}

.featureText {
	background: #faf9f4;
	padding: 2px;
	width: 246px;
}

.featureText h4 {
	color: #3d4244;
	font-size: 1em;
	padding: 0;
	margin: 5px 0 0 0;
}

.featureText p {
	color: #7d7d7d;
	width: 240px;
}

.featureText a.viewMore {
	background: url("../images/button_view_more.gif") no-repeat top left;
	width: 84px;
	height: 22px;
	display: block;
	margin: 5px 0 10px 153px; 
}

.featureText a.viewMore:hover {
	background-position: bottom left;
}

.featureText a span {
	display: none;
}