/* 
	Hunt/r-house.com
	Search Results Screen CSS
	May 2008
	Alison Endacott
 */


#content {
	position: relative;
	
}	

#inner-content {
	float: left;
	_display: inline;
	width: 545px;
	padding: 1em 10px;
	text-align: left;
	margin-left: 15px;
	_padding: 1em 0;
	}
	
	#inner-content h3 {
		font-size: 150%;
		height: 25px;
	}
	

	#property-detail {
		width: 185px;
		margin-left: 375px;
		padding-top: 1em;
		float: left;
		_display: inline;
	}
	
	
		dt.property-price,
		dt.property-address {
			position: absolute;
			left: -9999px;
		}
		
		dt.property-results-openhouse {
			float: left;
			_display: inline;
			display: block;
			width: 40px;
			height: 42px;
			text-indent: -9999px;
			overflow: hidden;
			margin-top: 1em;
			background: url(/content/v1/us/img/open-house.gif) no-repeat;
		}
		
		dd.property-results-openhouse{
			margin-top: 1em;
			width: 140px;
			line-height: 1.1;
			display: block;
			float: left;
			_display: inline;
		}
		
				dd.property-results-openhouse ul {
					list-style: none;
					padding-top: 0;
					height: auto;
					margin: 0;
				}
					dd.property-results-openhouse ul li {
						border: 0;
						float: none;
						padding: 0;
						
						}
		
		dd.property-results-idx {
			clear: both;
		}
		
		dd.property-results-platinum {
			position: absolute;
			right:207px;
			top:64px;
			*top: 63px;
			_right: 217px;
			display: block;
			height: 105px;
			width: 70px;
			text-indent: -9999px;
			overflow: hidden;
			background: url(/content/v1/us/img/ph_product.png) no-repeat;
		}
		
		dd.property-price {
			font-size: 140%;
			font-weight: bold;
		}
		
		dd.property-address {
			padding: 0;
			font-size: 180%;
			width: 141px;
			font-weight: bold;
			line-height: 1.1;
		}
		
		.property-mls {
			display: inline;
			font-weight: bold;
			font-size: 140%;
			padding-bottom: 1em;
		}
	
		
		dd.openhouse-time {
			color:#3f680e;
		}
		
			
				
	h4 {
		clear: both;
		background:transparent url(/content/v1/us/img/bg-page-header.jpg) no-repeat scroll left bottom;
		font-family:"Arial Narrow",Arial,Helvetica,sans-serif;
		font-size:150%;
		font-weight:bold;
		height:25px;
		padding:8px 0pt 0pt 7px;
		text-transform:uppercase;
		width:496px;
	}
	
	dl.property-information {
		font-size: 105%;
		padding: 10px;
	}
		
		dl.property-information dt {
			font-weight: bold;
			float: left;
			_display: inline;
			width: 120px;
		}
		
		dl.property-information dd {
			float: left;
			_display: inline;
			width: 110px;
		}
				
	
	#property-image {
		padding-top: .5em;
		float: left;
		_display: inline;
		margin-left: -565px;
	}
		#property-image #main-property-image {
			width: 353px;
			height: 235px;
			padding: 10px;
			_overflow: hidden;
			background: url(/content/v1/us/img/detail-img-bg.jpg) no-repeat;
		}
		
			#property-image #main-property-image a {
				_display: block;
				_width: 355px;
				_overflow: hidden;
			}
			
			#property-image #main-property-image img {
				max-width: 353px;
				max-height: 235px;
				_height: 235px;
				display: block;
			}
			
		#scroller li
		{
			list-style: none;
			display: block;
			float: left;
			_display: inline;

		}
		#scroller li.paging
		{

			height: 45px;
			width: 8px;
			margin: 3px;
		}
		
		#thumbnail-images {
			background-image: url(/content/v1/us/img/scroller-bg.gif);
			background-repeat: no-repeat;
			width: 373px;
			height: 65px;
		}

			#tile {
				height:	55px;
				width:344px;
				margin:	4px 0 1em 15px;
				overflow:hidden;
				float:	left;
				_display: inline;
				position:relative;		
			}
				#tile-inner {
					height:	45px;
					/*background-image:	url(tile.jpg);*/
					position: relative;
				}
		
		ul#property-thumbnails {
			margin-top: 6px;
			width: auto;
			white-space: nowrap;
		}
			#property-thumbnails li {
				list-style: none;
				/*display: block;
				float: left;
				_display: inline;*/
				display:-moz-inline-stack;
				display: inline-block;
				*zoom: 1;
				*display: inline;
				height: 45px;
				width: 65px;
				margin: 0 2px;
				white-space: nowrap;
				background: #ffda84;
				_overflow: hidden;
		}
			
			
			
				#property-thumbnails li img {
					/*display: block;*/
					display: block;
					
					margin: 0 auto;
					text-align: center;
					max-height: 45px;
					max-width: 65px;
					_height: 45px;
				}
			
	/*dd.property-map a {
		margin-top: 10px;
		background: url(/content/v1/us/img/icon-house.gif) no-repeat;
		padding-left: 23px;
		padding-top: 5px;
		min-height: 20px;
		_height: 20px;
		display: block;
		}*/
		
	#listing-tools-save a {
		display: none;
		/*margin-top: 10px;
		background: url(/content/v1/us/img/icon-save.gif) no-repeat;
		padding-left: 23px;
		padding-top: 5px;
		min-height: 20px;
		_height: 20px;
		display: block;*/
	}
		
	.property-results-info {
		clear: both;
		padding-top: 1em;
		_padding-top: 2em;
	}
	
		.property-results-info li {
			
			list-style: none;
			border: 1px solid #fff;
		}
	
			.property-results-info li a {
				padding: 3px 0 4px 23px;
				display: block;
				text-decoration: none;
				
			}
			
			.property-results-info li a:hover,
			.property-results-info li:hover {
				color: #000 !important;
				text-decoration: none;
			}
		
		.property-results-info li#propertylinkscommunity a {
			background: url(/content/v1/us/img/icon-community.gif) no-repeat;
		}
		.property-results-info li#propertylinksschool a {
			background: url(/content/v1/us/img/icon-school.gif) no-repeat;
		}
		.property-results-info li#propertylinkscheduleshowing a {
			background: url(/content/v1/us/img/icon-showing.gif) no-repeaT;
		}
		.property-results-info li#propertylinkmoreinfo a {
			background: url(/content/v1/us/img/icon-info.gif) no-repeaT;
		}
		.property-results-info li#propertylinksmap a {
			background: url(/content/v1/us/img/icon-house.gif) no-repeat 0 -3px;
		}
		.property-results-info li#propertylinksaddfavorite a {
			background: url(/content/v1/us/img/icon-save.gif) no-repeat;
		}
		.property-results-info li#propertylinkstalking a {
			background: url(/content/v1/us/img/icon-talking.gif) no-repeat;
		}
		.property-results-info li#propertylinksvirtual a {
			background: url(/content/v1/us/img/icon-tour.gif) no-repeat 0 2px;
		}
		
		.property-results-info li#propertylinksdelfavorite a {
			background: url(/content/v1/us/img/icon-del.gif) no-repeat 0 2px;
		}
		.property-results-info li#propertylinksnearby a {
			background: url(/content/v1/us/img/icon-radar.gif) no-repeat 4px 3px;
		}
		
		.property-results-info li#propertylinkprint,
		.property-results-info li#propertyphotoprint {
		 	padding: 3px 0 4px 23px;
			display: block;
			color: #4C721D;
			cursor: pointer;
		 }
			
	
		.property-results-info li#propertylinkprint {
			background: url(/content/v1/us/img/icon-print-white.gif) no-repeat;
		}
		.property-results-info li#propertyphotoprint {
			background: transparent url(/content/v1/us/img/print-images.gif) no-repeat scroll 3px 2px;
		}
		
		.StickyWinInstance {
					*border: 1px solid #ccc;
					*background: #333;
				}
		
	/* add this */
	
	p#addthis {
		padding-top: 1em;
	}
	
		p#addthis a {
			float: left;
			_display: inline;
			overflow: hidden;
			margin: 0 2px;
			padding: 0;
		}
		
			p#addthis #share {
				width: 52px;
				height: 15px;
				text-indent: -9999px;
				overflow: hidden;
				background: url(/content/v1/us/img/share.gif) no-repeat;
			}
	
		#at15s_head {
			font-size: .9em;
		}
		
		#at16pf {
			
		}
		
	ul.property-links {	
		clear: both;
		display: block;
		padding-top: 40px;
		margin-left: 25px;
		border: 1px solid;
	}
	
		ul.property-links li {
			list-style: none;
			display: inline;
			text-align: center;
			padding-top: 1em;
			margin: 0 5px;
		}
		
		
	#property-features {	
		clear: both;
		position: relative;
	}
	
		#property-features p {
			padding: 1em 10px 0 10px;
			font-size: 110%;
		}
		
		#property-features div {
			width: 330px;
			float: left;
			_display: inline;
			padding-top: 1em;
		}
		
		#property-features div.propery-features-room {
			width: 205px;
			margin-right: 3px;
		}
		
			#property-features h4 {
				clear: both;
				background: #f2f2f2;
				color: #515151;
				padding: 2px 4px;
				font-weight: bold;
				font-size: 105%;
				font-family: Arial, Helvetica, sans-serif;
				text-transform: none;
				width: auto;
				height: auto;
			}
			
			#property-features ul,
			#property-features dl {
				list-style: none;
				padding: 5px 5px 1.5em 5px;
				font-size: 105%;
			}
			
				
				#property-features dd {
					width: 110px;
					padding-left: 90px;
					min-height: 1.5em;
					_height: 1.5em;
				}
				
				#property-features dt {
					display: block;
					width:90px;
					float: left;
					_display: inline;
					*position: absolute;
					min-height: 1.5em;
					_height: 1.5em;
				}
				
				#property-features ul li {
					width: 160px;
					float: left;
					_display: inline;
				}
	
			#property-features .unithead {
				padding-top: .5em;
				font-weight: bold;
			}

				
/* right sidebar */

	p#lnkBack {
		position: absolute;
		left: 20px;
		display: block;
		cursor: pointer;
		font-size: 1.1em;
		color: #4C721D;
		margin: 25px 0 0 0;
		padding-left: 10px;
		background: transparent url(/content/v1/us/img/arrow-back.gif) no-repeat scroll 0 6px;
	}


/* agent info */

	#agent {
		padding-bottom: 15px;
		margin: 50px 0 0 0;
		position: relative;
		background: url(/content/v1/us/img/agent-bg.gif) no-repeat bottom;
	}
	
		#agent h5 {
			font-size: 150%;
			padding: 0 15px 015px;
			font-weight: bold;
			text-transform: uppercase;
			font-family: "Arial Narrow";
			position: absolute;
			top: 15px;
		}
		
		#agent p {
			padding: 0 15px;
		}
		
		#agent dl {
			padding: 40px 15px 0 15px;;
			background: url(/content/v1/us/img/agent-head.gif) no-repeat top;
		}
		
		#agent dl.noagent {
			padding-top: 20px;
		}
		
			#agent dt {
				font-weight: bold;
				font-size: 110%;
				padding-left: 2px;
			}
		
			#agent dd {
				width: 109px;
				float: right;
			}
			
			#agent dd.agent-phone {
				padding-bottom: 1em;
			}
			
			#agent dd.noagent {
				padding-top: 1px;
				font-size: 110%;
				line-height: 1.1;
				width: auto;
				float: none;
			}
			
				#agent dd.noagent a {
					background: transparent;
					padding: 0;
				}
				
			#agent dd.agent-image {
				float: left;
				width: 70px;
				display: block;
				border: 1px solid #fff;
				margin-right: 10px;
				padding: 0;
			}
			
				#agent dd.agent-image img {
					width: 68px;
					border: 1px solid #ccc;
					}
			
				#agent dd a {
					background: url(/content/v1/us/img/arrow-green.gif) no-repeat 0pt 4px;
					padding-left: 6px;
				}
			
			
/* agent results */

	#agentOffice {
		font-size: 1.1em;
		line-height: 1.1;
		margin-top: 52px;
		background: url(/content/v1/us/img/agentresults-bg.gif) no-repeat bottom;
	}
		

		#agentOffice #agent {
			background: url(/content/v1/us/img/agentresults-head.gif) no-repeat top;
			width: 221px;
			margin: 0;
			padding: 0;
		}
		
			#agentOffice #agent h5 {
				padding: 15px 10px 10px 10px;
				font-family:"Arial Narrow",Arial,Helvetica,sans-serif;
				font-size:155%;
				font-weight:bold;
				text-transform:uppercase;
				position: static;
			}
			
			#agentOffice #agentInfo {
				background: #FFC127;
				margin: 0 3px 0 2px;
				padding: 10px 7px 10px 8px;
			}
			
				#agentOffice #agent p#agentImage {
					display:block;
					float:left;
					_display: inline;
					margin-right:5px;
					padding:0;
					width: 65px;
				}
				
					#agentOffice #agentImage img {
						border:2px solid #fff;
						width:65px;
						display: block;
					}
				
				#agentOffice #agent ul {
					list-style: none;
					float:right;
					width:127px;
					line-height: 1.4;
				}
				
					#agentOffice #agent dl {
						*margin-top: -14px;
						background: transparent;
						padding: 0 ;
					}
					
					#agentOffice #agent dt,
					#agentOffice #agent dd {
						display: inline;
						font-weight: bold;
						font-size: 100%;
						padding: 0 !important;
						float: none;
						font-size: .9em;
					}	
					
					#agentOffice #agent dd {
						font-weight: normal;
						
					}		
					
					#agentOffice a.agentcontacklink {
						background: transparent url(/content/v1/us/img/arrow-green.gif) no-repeat scroll 0 5px;
						padding-left: 8px;
						margin-top: .5em;
						display: block;
					}
			
		#agentOffice #office {
			padding: 10px 10px 15px 10px;
		}
		
			#agentOffice #office dt {
				font-weight: bold;
			}


/* payment calculator */

	#payment-calculator {
		padding-bottom: 5px;
		margin: 1em 0;
		background: url(/content/v1/us/img/payment-bg.gif) no-repeat bottom;
	}
	
		#payment-calculator h4 {
			width: auto;
			font-size: 150%;
			display: block;
			font-weight: bold;
			text-transform: uppercase;
			padding: 75px 0 0 15px;
			font-family: "Arial Narrow";
			background: url(/content/v1/us/img/payment-head.gif) no-repeat;
		}
		
		#payment-calculator fieldset {
			border: 0;
			padding: .3em 15px;
			font-size: 85%;
		}
			#payment-calculator legend {
				display: none;
				}
				
			#listprice {
				display: block;
				padding-bottom: .4em;
				font-size: 130%;
			}
				
			#payment-calculator fieldset input,
			#payment-calculator fieldset select {
				display: inline;
				width: 75px;
				font-size: 11px;
			}
			
			#payment-calculator fieldset #rate {
				width: 40px;
			}
			
				#payment-calculator fieldset select {
					width: 80px;
					font-size: 9px;
				}
			
			p#listprice {
				font-weight: bold;
				text-transform: uppercase;
				font-size: 145%;
			}
			
			#payment-calculator fieldset label {
				display: block;
				font-size: 135%;
				font-weight: bold;
				padding: .3em 0;
			}
			
		#payment-calculator dl {
			clear: both;
			padding-top: .5em;
			font-size: 110%;
		}
			#payment-calculator dd {
				font-size: 260%;
				font-weight: bold;
				margin-top: -5px;
			}


		#payment-calculator ul {
			list-style: none;
			padding: 0 15px .8em 15px;
		}
		
			#payment-calculator ul  a {
				background: url(/content/v1/us/img/arrow-green.gif) no-repeat 0pt 5px;
				padding-left: 6px;
			}
			
#other-info,
#idx-info {
	padding: 1em 0;
	/*float: right;*/

}


/* scroller */

.thumbnails {
	width: 365px;
}