/* =============== IDX CSS =================
1. IDX Navigaiton
2. Search Form
3. Search Results
4. Listing Details
5. Map Search
6. Pagination
7. Login
8. Registration
9. Map This Listing
10. Misc. Styles
=========================================== */
/* 1. IDX Navigation */
#nav-idx {
	margin:16px 0 0 0; padding:0;
	}

	#nav-idx a {
		padding:6px 15px;
		color:#000;
		text-decoration:none;
		}

		#nav-idx a:hover {
			background-position:0 -30px;
			color:#000;
			}


/* 2. Search Form */
#nav-idx{
	float: right;
	margin: 0; padding: 0;
}
#nav-search-options{
	padding: 20px 0 5px 0; margin: 15px 0 15px 0;
	border-bottom: 1px solid #666;
	clear: right;
}
#nav-search-options ul{
	list-style-type: none;
	margin: 0 0 0 10px; padding: 0
}
#nav-search-options li{
	display: inline;
	padding: 5px 10px;	margin: 0 2px -1px 2px;
	background: #f1f1f1; color:#333;
font-weight:bold;
	border: 1px solid #999;
border-bottom:1px solid #666;
}

#nav-search-options li:hover{


	background: #e6e6e6;

}

#nav-search-options li a{
	text-decoration: none;
color:#666;
}

#nav-search-options li a:hover{
	text-decoration: none;
color:#555;
}
#nav-search-options li.current{
border: 1px solid #666;
background: #FFFFFF;
border-bottom: 1px solid #fff;
}




/* 3. Search Results */
.listing {
border:1px solid #b4c5d6;
background-color:#ebeef0;
margin-bottom:10px;
background-image:url(/img/listing_bg.jpg);
background-repeat:repeat-x;
background-position:top;
	}

.listing img.listings {
	float: left;

	}
	.listing .img-wrap img{
	border: 1px solid #fff;
	}
.listing {
	width: 100%;
	float: left;
	padding: 10px 0;
	}

.detail .imgs img {
	width: 290px; height: 216px;
	float: left;

	}

.listing img {
	padding: 4px;
	background: #fff;
	border: 1px solid #AFA899;
	}
.listing .mls {
	font-size: 9px;
	display: block;
	}
.listing .price {
	display: block;
	}
.listing .price .type {
	position: absolute;
	left: -3000px;
	}
.listing .price .value {
	position: static;
	font-size: 18px;
	}
.listing .city {
	display: block;
	}
.listing .address .type, .listing .proptype {
	position: absolute;
	left: -3000px;
	}

#view-details {
	float:right;
	margin:0; padding:5px 7px;
	}

	#view-details a {
		text-decoration:none;
		color:#000;
		margin:0; padding:5px 7px;
		font-family:Arial, Helvetica, sans-serif;
		}

		#view-details a:hover {
			color:#000;
			background-position:0 -30px;
			}

/* 4. Listing Details */

hr {
	margin: 15px 0; padding: 0;
	border: none;
	height: 1px; overflow: hidden;
	color: #ccc; background: #ccc;
	}

.clear {
   clear: both;
	}

.detail .thumbs img {
	margin: 0 0 6px 10px !important;
	}

.detail .stat {
	display: block;
	margin: 0 0 5px 0;
	}

.detail .stat .type {
	font-weight: bold;
	}

.listing .imgs img {
	width: 120px; height: 80px;
	float: left;
	}

.detail .imgs img {
	width: 290px; height: 216px;
	float: left;
	}

.listing img {
	padding: 4px;
	background: #fff;
	border: 1px solid #AFA899;
	}

.listing .mls {
	font-size: 9px;
	display: block;
	}

.listing .price {
	display: block;
	}

.listing .price .type {
	position: absolute;
	left: -3000px;
	}

.listing .price .value {
	position: static;
	font-size: 18px;
	}

.listing .city {
	display: block;
	}

.listing .address .type, .listing .proptype {
	position: absolute;
	left: -3000px;
	}

/* change these to #listing-features {} */

#listing-features {
	width:100%;
	margin-bottom:20px;
	}

	#listing-features .feature-data {
		width:280px;
		float:left;
		}

		#listing-features .feature-data .key {
			font-weight:bold;
			width:95px;
			display:block;
			float:left;
			margin-right:5px;
			padding:4px 0;
			}

		#listing-features .feature-data .val {
			width:170px;
			float:right;
			margin-right:10px;
			padding:4px 0;
			}


/* 5. Map  */
/* 6. Pagination */
/* 7. Login */
/* 8. Registration */
/* 9. Map This Listing */
/* 10. Misc. Styles */

/*  Forms
==============================================================*/


form h4 {
	margin: 0 0 10px 0; padding: 0;
	}

fieldset {
	margin: 0 0 15px 0; padding: 5px 5px 5px 15px;
	}

	legend {
		color:#000;
		font-weight:bold;
		font-size:1.2em;
		}

img.button {border:none;padding:0;float:right;}


#mainImg {
	padding: 3px; margin: 0 8px 10px 0;
	border: 1px solid #ccc;
	max-width: 560px !important;
	float: left;
	}
*html #mainImg {margin-right:2px !important;width:556px !important;}
/*
Removed from 
#mainImg
	width: 560px !important;
	height: 420px !important;
*/

/*
#listings-thumbs {
	width: 500px !important;
	float: left;
	}
*/

#listings-thumbs {
	width:564px !important;
	padding-bottom:10px !important;
	height:65px;
	}

/*
#listings-thumbs img {
	height: 58px; width: 58px;
	padding: 3px;
	border: 1px solid #ccc;
	margin: 0 0 3px 3px;
	}
*/

#listings-thumbs img {
	height:58px; width:58px;
	padding:3px;
	border:1px solid #ccc;
	margin:0 0 3px 3px;
	float:left;
	}

#virtual-tour {
	width:83px; height:25px;
	display:block;
	overflow:hidden;
	float:right;
	background:#fff;
	}

	#virtual-tour a {
		width:83px; height:25px;
		display:block;
		border:none !important;
		overflow:hidden;
		color:#000;
		background:#fff url(/img/gbl/btn-virtual-tour.gif) 0 0 no-repeat;
		text-indent:-999em;
		}

dl.listings {
	width: 235px;
	float: left;
	margin-right: 10px;
	}

dl.index {
	width: 319px;
	float: left;
	margin-right: 0;
	margin-top:-7px;
	}

dl.listings dt {
	width: 75px; float: left;
	border-bottom: 1px solid #B4C5D6;
	height: 2em; overflow: hidden;
	font-size: 11px;
	line-height:22px;
	font-weight:bold;
	}



dl.listings dd {

	width: 15px; float: left;
	border-bottom: 1px solid #B4C5D6;
	height: 2em; overflow: hidden;
	font-size: 11px;
	line-height:22px;

	}



dl.index dd {

	width: 234px;
margin-left:0px;
text-indent:20px;

	}



img.listings {

	width: 160px; height: 120px;

	padding: 3px; margin: 0 20px 0 10px;

	border: 1px solid #8898a9;

	float: left;

	}

img.button {
float:right;
margin-right:12px;
	}

*html img.button {
margin-top:10px;
}




.last {

	margin-right: 0 !important;

	}

hr {
	margin: 0 0 15px 0; padding: 0;
	border: none;
	height: 1px;
	background: #ccc; color: #ccc;
	clear:both;
	}

.full_listing {background-color:#F9DFBC;background-image:url(/img/listing_bg.jpg);background-position:top;background-repeat:repeat-x;padding:20px;color:#911B01;font-weight:bold;font-size:18px;text-align:center;margin-bottom:10px;border:1px solid #E99A4B;border-bottom:2px solid #E99A4B;text-decoration:none;}
.full_listing:hover {color:#AF4F02;background-color:#efb273;background-image:none;}



#search1 {position:absolute;top:355px;z-index:999;left:3px;}
.mortgage_calculator {background-image:url(/img/calculator.jpg);height:30px;width:126px;}
.mortgage_calculator:hover{background-position:0 30px;cursor:pointer;}

.map_listing {background-image:url(/img/map.jpg);height:30px;width:126px;margin-top:1px;}
.map_listing:hover{background-position:0 30px;cursor:pointer;}


#search2 {position:absolute;top:355px;left:131px;z-index:999;}
.inquire {background-image:url(/img/inquire.jpg);height:30px;width:126px;}
.inquire:hover{background-position:0 30px;cursor:pointer;}

.print_listing {background-image:url(/img/print.jpg);height:30px;width:126px;margin-top:1px;}
.print_listing:hover{background-position:0 30px;cursor:pointer;}

.agent_pic {border:1px solid #ccc;padding:1px;margin-right:10px;}

.listing p {clear:both;padding:0 10px 0 10px;font-size:11px !important;}
#listing-features {font-family:tahoma;padding-left:5px;}