﻿/* tab navigation styles */
#forSaleTabs {
	position: relative;
	left: 175px;
	top: 0;
	margin: 0;
	padding: 0;	
	height: 32px;
	width: 748px;
	list-style-type: none;	
}

#forSaleTabs li {
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;		
	z-index: 30;	
}

#forSaleTab1 {
	left: 0;
	width: 152px;	
}

#forSaleTab2 {
	left: 153px;
	width: 170px;
}

#forSaleTab3 {
	left: 324px;
	width: 104px;
}

#forSaleTab4 {
	left: 429px;
	width: 151px;
}

#forSaleTab5 {
	left: 581px;
	width: 167px;
}

#forSaleTabs a.forSaleTab {
	display: block;
	border-bottom: 1px solid #96886e;
	line-height: 31px;
	font-weight: bold;
	font-size: 14px;
	color: #ffffff;
	background-color: #ac9f8c;
	text-decoration: none;
	text-align: center;
}

#forSaleTabs a.forSaleTab:hover, #forSaleTabs a.forSaleTab:active, #forSaleTabs a.selected {	
	color: #000000;
	background-color: #b6aa9a;
}

#forSaleTabs a.selected {
	border-bottom: 1px solid #b6aa9a;
}

#forSaleTabCurveL {
	position: absolute;
	top: 119px;
	left: 175px;
	z-index: 40;	
	background: url("../images/left_inside_curve.png") no-repeat;
}

#forSaleTabCurveR {
	position: absolute;
	top: 119px;
	left: 908px;
	z-index: 40;
	background: url("../images/right_inside_curve.png") no-repeat;
}

#forSaleTabCurveL img, #forSaleTabCurveR img {
	visibility: hidden;
}

/* contentl styles for all for sale pages */
#forSaleContent {
	margin-bottom: 10px;
	padding: 10px 20px;
	width: 708px;
	min-height: 120px;
	height: auto;
	color: #ffffff;
	background-color: #b6aa9a;	
}
* html  #forSaleContent { 
	height: 120px;
}

#forSaleContent a {
	color: #ffffff;
}

/* property listing page styles */
.listingsTopNav {
	position: relative;
	margin-bottom: 10px;	
	width: 704px;
}

.compareListingsBox {
	padding-top: 3px;
}

.listingsTopNav #sortByBox {
	position: absolute;	
	left: 350px;
	top: 20px;
}

.listingsTopNav #sortByBox select {
	vertical-align: middle;
}

.listingsTopNav #pageNavBox {
	position: absolute;
	right: 0;
	top: 23px;
}

.listingsTopNav #pageNavBox .lbtnPrevious, #pageNavBoxBottom .lbtnPrevious {
	margin-right: 10px;
}

#pageNavBoxBottom {
	margin-right: 3px;
	text-align: right;
}

.listingProperty {
	margin: 5px 0;
	border: 1px solid #5b5243;
	padding: 10px;
	background-color: #ffffff;
}

.listingPropertyImage {
	float: left;
	width: 150px;	
}

.listingPropertyImage img {
	border: 1px solid #ac9f8c;
}

.listingPropertyImage input {
	vertical-align: top;
}

.listingPropertyContent {
	margin-left: 164px;	
}

.listingPropertyTable {
	width: 516px;
	color: #5a5343;
	font-weight: bold;
}

.listingPropertyTable td {
	padding: 1px 0;
	width: 166px;
}

.listingPropertyTable td.secondRow {
	border-top: 1px solid #ac9f8c;
	padding-top: 8px;
}

.propertyAddress {	
	color: #9e1040;
}

#forSaleContent .listingPropertyTable td a {	
	color: #000000;
}

#forSaleContent .listingPropertyTable td .button {
	margin-bottom: 5px;
	width: 110px;	
}

/* property details page styles */
#detailsBox {
	margin: 10px 5px;
	border: 1px solid #5b5243;
	padding: 20px;
	color: #5b5243;
	background-color: #ffffff;
}

#detailsBox h2 {
	font-size: 14px;
	color: #9e1040;
}

#detailsBox div.hr {
	border-bottom: 1px solid #d0d0c4;
}

#forSaleContent #detailsBox a {
	color: #5b5243;
}

#detailsImages {
	float: left;
	width: 385px;
}

.detailsPhoto {
	width: 385px;
	height: 258px;
}

.detailsThumbs {
	margin: 4px 0 20px 0;		
}

#detailsThumbPhotoPev {
	margin-right: 6px;	
}

#detailsThumbPhotoNext {
	margin-left: 1px;
}

#detailsBox .detailsThumbPhoto {
	margin-right: 5px;
	width: 82px;
	height: 63px;
}

#detailsData {
	margin-left: 405px;
}

#detailsData dl {
	margin-bottom: 10px;
}

#detailsData dt {
	width: 90px;
}

#detailsData dd {
	margin-left: 100px;
	color: #000000;
}

#detailsInquireButton {
	padding: 20px 0 35px 0;
	text-align: center;
}

/* comparison page styles */
#propertyComparisonTable {
	margin-bottom: 10px;
	border: 1px solid #5b5243;
}

#propertyComparisonTable th, #propertyComparisonTable td {
	padding: 1px 9px;
	vertical-align: top;
}

#propertyComparisonTable th.firstRow, #propertyComparisonTable td.firstRow {
	padding-top: 10px;
}

#propertyComparisonTable th.lastRow, #propertyComparisonTable td.lastRow {
	padding-bottom: 10px;
}

#propertyComparisonTable td img {
	margin-bottom: 5px;
	border: 1px solid #ac9f8c;
}