/* =============== 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: 0 0 0 0; padding:0;
	}
			
	#content #nav-idx a {
		font-size:11px;
		color:#FFF;
		margin: 3px 0 3px 0; padding:3px 3px;
		background:#01234A;
		border:solid 1px #0B41A5;
		}
		
		#content #nav-idx a:hover {
			background:#0B41A5;
			color:#FFF;			
			}
	
	#nav-search-options {
	font-size:12px;
	width: 100%;
	float:left;
	padding: 10px 0 5px 0;
	}
		#nav-search-options ul {
		margin: 0; padding: 0;
		list-style:none;
		}
		
			#nav-search-options ul li {
			margin: 0; padding: 0;
			list-style:none;
			float:left;
			}
			
				#content #nav-search-options ul li a,#nav-search-options ul li.current {
				float:left;
				padding: 5px;
				}
				
				#content #nav-search-options ul li a:hover{
				color: #2663CF;
				}
				
				#content #nav-search-options ul li.current {
				background-color:#A5C9E3;
				}
	
	
/* 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: 600px;
	float: left;
	padding: 10px 0;
	margin: 0 -20px 14px 0; /* behave ie! */
	}
	

	
.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;
	}
	table {
		margin-bottom: 15px;
		}
.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;
	}

/* 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;
	width: 256px;
	height: 196px;
	border: 1px solid #ccc;
	float: left;
	}



#listings-thumbs {
	width: 208px;
	float: left;
	}



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



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;
}


#text h4 {

	color: #fff; background: #911B01;

	padding: 10px;

	border-bottom: 2px solid #AF4F02;
width:96%;

	}



#text h4 a {

	color: #fff;
text-decoration:none;

	}
#text h4 a:hover {

color:#dbb79a;

	}


.last {

	margin-right: 0 !important;

	}

.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;}

.details_table {font-size:11px;font-family:tahoma;color:#222;}
.details_table td{vertical-align:top;background: url(/img/gbl/bg-td.gif) repeat-x bottom;padding: 5px 5px;}

#mapContainer {width:680px !important;}
#map-frame {width:482px !important;}
#map-element {width:474px !important;}

/*  Listings Specific

==============================================================*/

*html .ie-fix {margin-top:10px;}



#mainImg {

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

	width: 300px;

	height: 225px;

	border: 2px solid #cacaca;

	float: left;

	}



#listings-thumbs {
	width: 436px;
	float: left;
	}



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



dl.listings {

	width: 255px;
	float: left;
	margin-right: 10px;
	}



dl.index {
	width: 320px;
	float: left;
	margin-right: 0;

	}



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: 240px; height: 180px;
	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;
	}


#text h4 {
	color: #fff; background: #0B1874;
	padding: 10px;
	border-bottom: 2px solid #727BBB;
	}



#text h4 a {
	color: #fff;
	}
#text h4 a:hover {

	background-color:#0B1874;

	}


.last {
	margin-right: 0 !important;
	}

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


table td {
	background: url(/img/bg-td.gif) repeat-x bottom;
	padding: 3px 5px;
	font-size: 11px;
	vertical-align: top;
	font-family:tahoma;
	}