/* 
	Hunt/r-house.com
	Home Page/Adv Search Head Screen CSS
	May 2008
	Updated October 2008
	Alison Endacott
 */
#head {
	height: 135px;
	background: transparent;
}
	
	
	#navigation {
		_left: 0;
		_margin-top: -6px;
	}
 
#head h2 {
	background: #fff;
}
 
/* ------------------------ 
home search find a house
------------------------ */
#home-search {
	margin-left: 6px;
	color: #fff;
	clear: both;
	height: 244px;
	position: relative;
	_font-size: 10px;
}

	#home-search #find {
		position: relative;
		_top: 7px;
		float: left;
		_display: inline;
		display: block;
		width: 287px;
		height: 244px;
		background: url(/content/v1/us/img/bg-find.jpg) no-repeat bottom;			
	}
	
		#home-search .panelSet {
			float: left;
			width: 287px;
			height: 218px;
			overflow: hidden;
			clear: both;
			position: relative;
			
		}
	
			#home-search #Findahouse {
				background: url(/content/v1/us/img/bg-find-house.jpg) no-repeat top;
				background: transparent;
			}
			
			#home-search #Findaagent {
				background: url(/content/v1/us/img/bg-find-agent.jpg) no-repeat top;
			}
			
			#home-search #Findaoffice {
				background: url(/content/v1/us/img/bg-find-office.jpg) no-repeat top;
			}
			
			.panel {
				padding: 20px 15px 15px 15px;
				height: 188px;
				overflow: hidden;
			}
	
		
	
	#home-search ul.tabSet {
		display: block;
		width: 287px;
		height: 26px;
		list-style: none;
	}
	
		#home-search ul.tabSet li {
			float: left;
			clear: none;
			padding-top: 5px;
		}
	
			#home-search ul.tabSet li span {
				display: block;
				cursor: pointer;
				height: 21px;
				text-indent: -9999px;
				overflow: hidden;
				background: url(/content/v1/us/img/nav-find.gif) no-repeat;
			}
			
				#home-search ul.tabSet li.selected span#find-house {
					width: 97px;
				}
				#home-search ul.tabSet li.unselected span#find-house {
					width: 97px;
					background-position: 0 -21px;
				}
				
				#home-search ul.tabSet li.selected span#find-agent {
					width: 94px;
					background-position: -97px 0;
				}
				#home-search ul.tabSet li.unselected span#find-agent {
					width: 94px;
					background-position: -97px -21px;
				}
				
				#home-search ul.tabSet li.selected span#find-office {
					width: 96px;
					background-position: -191px 0;
				}
				#home-search ul.tabSet li.unselected span#find-office {
					width: 96px;
					background-position: -191px -21px;
				}
		
		
	
	/* find a house */
	#townSelect {
		border: 0;
		clear: both;
	}
	
		#Findahouse label span,
		#lbl_propertyaddress1,
		#lbl_propertylistingid,
		#lbl_price,
		#townSelect,
		#Findaagent label span,
		#Findaoffice label span {
			clear: both;
			display:block;
			float:left;
			padding-bottom:3px;
			width:90px;
			font-size: 1.1em;
			font-weight: bold;
			margin-bottom: 2px;
			}
			

		#areaselection {
			*display: inline-block;
			*margin-bottom: 4px;
			_margin-bottom: 2px;
		}
			
		#townSelect h5 {
			font-size: 1em;
		}
		
		#agent-office,
		#office-area {
			*margin-top: -15px;
		}
		
			
		#home-search select,
		#Findaagent select,
		#Findaoffice select {
			display:block;
			float:left;
			_display: inline;
			width: 165px;
			border: 1px solid #7F9DB9;
			font-size: .9em;
			margin-bottom: 4px;
			padding:1px;
			
		}
		
			#price-min {
				margin-right: 9px;
			}
			
			#price-min,
			#price-max {
				width: 78px !important;
			}
			
		#propertyaddress1,
		#propertylistingid,
		#Findaagent label input,
		#Findaoffice label input {
			display:block;
			float:left;
			_display: inline;
			width: 159px;
			border: 1px solid #7F9DB9;
			font-size: .9em;
			margin-bottom: 4px;
			padding:2px;
		}
		
		/* search options list */
		#Findahouse ul {
			clear: both;
			list-style: none;
			width: 135px;
			margin-left: 15px;
			}
			
				#Findahouse ul li {
					clear: both;
					_border-bottom: 1px solid #000; /* hack to fix spacing in IE6 */
					position: relative;
					display: block;
					line-height: 1;
					padding: 3px 0;
				}
				
			#home-search input.checkbox {
				position: absolute;
				left: -16px;
				*left: -20px;
				top: -1px;
				}			
			
			#home-search label.lbl_chk {
				font-weight: bold;
				font-size: 105%;
			}
			
			#home-search label em {
				font-style:normal;
				}
		
		
	
	
	#home-search #search,
	#home-search #agentsubmit,
	#home-search #officesubmit {
		height: 21px;
		width: 106px;
		border: 0;
		float: right;
		margin-top: 1em;
	}
	
	#home-search #search {
		position: absolute;
		right: 12px;
		top: 165px;
		margin: 0;
	}

	
	p#advsearch a {
		color:#FFFFFF;
		font-size:110%;
		font-weight:bold;
		left:175px;
		position:absolute;
		top:190px;
		white-space:nowrap;
		}
		
	.overTxtDiv {
		color: #666;
	}
	
	div.validation-advice {
		background: white;
		border: 2px solid red;
	}
	
	p.or {
		text-align: center;
		font-weight: bold;
		clear: both;
		padding-bottom: 7px;
		font-size: 120%;
		_margin-top: 15px;
	}



		
/* ------------------------ 
		home flash
------------------------ */

#flash {
	position: relative;
	width: 524px;
	height: 232px;
	background: url(/content/v1/us/img/map-home.jpg) no-repeat;
	float: left;
	_display: inline;
	margin-top: 12px;
}

	#flash h3,
	#flash p	{
		position: absolute;
		left: -9999px;
	}
	
	#flash li {
		list-style: none;
	}
	
	#flash li a {
		display: block;
		height: 80px;
		width: 100px;
		position: absolute;
		text-indent: -9999px;
		overflow: hidden;
	}
	
		#map-ny a {
			top: 11px;
			left: 406px;
		}
		#map-az a {
			top: 88px;
			left: 203px;
		}
		#map-fl a {
			top: 140px;
			left: 377px;
		}
		
	p#get-started a {
		position: absolute;
		text-indent: -9999px;
		overflow: hidden;
		display: block;
		top: 183px;
		left: 40px;
		height: 20px;
		width: 125px;
	}
	
	

/* ------------------------ 
	  home content
------------------------ */				

#inner-content {
	width: 221px;
	margin-left: 15px;
	float: left;
	_display: inline;
	padding-top: 1.2em;
}

	#rhouse-login,
	#rhouse-loggedout {
		margin-top: 0;
		margin-bottom:2em;
	}

	#myhunt {
		margin-left: 10px;
		width: 480px;
		padding-bottom: 15px;
		color: #fff;
		background: url(/content/v1/us/img/myrhouse-bg.gif) no-repeat bottom;
	}
		
		#myhunt h3 {
			padding: 0;
			text-indent: -9999px;
			display: block;
			height: 36px;
			margin-bottom: .5em;
			width: 480px;
			background: url(/content/v1/us/img/myrhouse-head.gif) no-repeat bottom;
		}
		
		#myhunt ul {
			padding: 0 40px 1em 40px;
			margin: -32px 0px 0 90px;
			
		}
		
			#myhunt li {
				list-style: none;
				display: inline;
				padding-left: 25px;
			}
		
				#myhunt li a {
					color: #fff;
					background: url(/content/v1/us/img/arrow-yellow.gif) no-repeat 0 5px;
					padding-left: 10px;
				}
				
					#myhunt li a:hover {
						color: #FEE18E;
						text-decoration: none;
					}
					
		#myhunt p {
			padding: 0 35px 0 18px;
			font-size: 105%;

		}
		
		#open-house {
			margin: 1em 0;
			*margin-top: 2.2em;
		}
		
			#open-house h3 {
				
			}
			
			#open-house a {
				margin-top: -10px;
				display: block;
				width:225px;
				height: 72px;
				text-indent: -9999px;
				overflow: hidden;
				background: url(/content/v1/us/img/open-house-search.jpg) no-repeat;
			}
			
		#home-content {
			padding: 1em 20px;
			font-size: 110%;
		}
		
			#home-content p#welcome {
				float: left;
				_display: inline;
				width: 320px;
				text-indent: -5px;
				padding-left: 20px;
				font-size: 110%;
			}
			
			#home-content p#usaa {
				float: left;
				_display: inline;
			}
			
			#home-content p#seal {
				float: left;
				_display: inline;
				width: 100px;
				margin-top: 25px;
			}
			
				#home-content span#drop-cap {
					font-family:times New Roman;
					font-size:246%;
					letter-spacing: -.1em;
					line-height: .5;
					*line-height: .8;
					_padding-lefT: 5px;
					
				}


#featured-properties {
	width: 325px;
	padding: 0 25px 0 0;
	margin: 2.2em 15px 0 25px;
	min-height: 335px;
	_height: 335px;
	float: left;
	_display: inline;
	background: url(/content/v1/us/img/vert-divider.jpg) no-repeat top right;
}

	/*#featured-properties  h3 {
		margin-bottom: 1em;
		text-indent: -9999px;
		display: block;
		height: 12px;
		width: 147px;
		background: url(/content/v1/us/img/featured-head.gif) no-repeat bottom;
	}*/
	
	#featured-properties h3,
	#side-content h3,
	#search-matches h3,
	#saved-searches h3,
	#all-searches h3,
	#open-house h3{
		width: auto;	
		font-size: 150%;
		height: 25px;
		margin-bottom: .5em;
	}
	
	#prop {
		overflow: hidden;		
		position:relative;
		padding-left: 10px;
	}
	
	#featured-properties dl {
		position: relative;
		padding: 110px 0 .5em 0;
		width: 155px;
		float: left;
		min-height: 80px;
		*min-height: 85px;
		_height: 85px;
	}
	
		#featured-properties dt {
			position: absolute;
			lefT: 0;
			top: 0;
			height: 104px;
			width: 135px;
			background: url(/content/v1/us/img/featured-img-bg.jpg) no-repeat;
			padding: 8px 0;
		}
		
		#featured-properties dd {
			padding: 0 50px 0 7px;
		}
			
			#featured-properties dt img {
				display: block;
				background: gray;
				height: 90px;
				width: 120px;
			
				background: #fff;
			}
			
		#featured-properties dd.price {
			font-weight: bold;
			font-size: 110%;
		}
		
			#featured-properties dd a {
				background: url(/content/v1/us/img/arrow-gray.gif) no-repeat 0 5px;
				padding-left: 10px;
				font-weight: bold;
			}
			
		#featured-properties dd.platinum-home {
			background: transparent url(/content/v1/us/img/ph_featured.gif) no-repeat scroll 0 0;
			display: block;
			height: 46px;
			overflow:hidden;
			position:absolute;
			right: 23px;
			text-indent:-9999px;
			top: 110px;
			width: 31px;
			_left: 105px;
			padding: 0;		
			}
			
	#forclosures p {
		font-size: 1.1em;
		color: #4C721D;
		padding: 0 0 0 10px;
	}
		#forclosures p a {
			display: block;	
			text-decoration: underline;
			background:transparent url(/content/v1/us/img/arrow-gray.gif) no-repeat scroll 0 3px;
			line-height:1;
			list-style-image:none;
			list-style-position:outside;
			list-style-type:none;
			margin:8px 0;
			padding:0 30px 0 9px;
		}
		
		
#side-content {
	float: left;
	_display: inline;
	width: 175px;
	margin-top: 2.2em;
}

	#side-content h3,
	#saved-searches h3,
	#search-matches h3,
	#open-house h3{
		background: url(/content/v1/us/img/bg-page-header-short.jpg) no-repeat bottom left;
	}
	
	#news {
		padding-bottom: 1em;
	}
	
		#news ul {
			padding-left: 2px;
			font-size: 110%;
		}
	
			#news li {
				list-style: none;
				line-height: 1;
				background: url(/content/v1/us/img/arrow-gray.gif) no-repeat 0 3px;
				padding: 0 30px 0 9px;
				margin: 8px 0
			}

#container #catalogtarget  {
	margin: 10px 0 0 5px;
}

	#container #distinctive ul {
		padding: 0 0 1em 0;
		margin-left: 2px;
	}

	#container #distinctive li {
		list-style: none;
		line-height: 1;
		background: url(/content/v1/us/img/arrow-gray.gif) no-repeat 0 3px;
		padding: 0 0 0 9px;
	}
	
	p#usaa {
		margin-left: 5px;
	}
			
/* ------------------------ 
		myHUNT
------------------------ */	
#welcome-back,
#search-matches,
#saved-searches {
	margin: 1.5em 10px;
}

#welcome-back {
	width: 260px;
	float: left;
	_display: inline;
	background: #000;
	color: #fff;
	background:transparent url(/content/v1/us/img/myHunt-bg-home.gif);
}

	#welcome-back h2 {
		background:transparent url(/content/v1/us/img/myHunt-top-home.gif) no-repeat scroll center top;
		height:56px;
		overflow:hidden;
		text-indent:-9999px;
		width: 260px;
	}
	
	#welcome-back h3,
	#welcome-back p,
	#welcome-back li {
		padding-left: 15px;
		padding-right: 15px;
	}

	#welcome-back h3 {
		font-size: 140%;
		color: #FEC613;
		padding-top: .5em;
	}
	
	#welcome-back p {
		line-height: 1.2;
	}
	
	#fav-prop {
		background:transparent url(/content/v1/us/img/myHunt-bottom-home.gif) no-repeat bottom;
		padding: .5em 15px 1em 15px;
		margin-top: 1em;
	}
	
		#welcome-back dl {
			padding: 1em 0;
			width: 115px;
			float: left;
			_display: inline;
			color: #000;
		}
		
			#welcome-back dt {
				margin-bottom: .5em;
			}
			
				#welcome-back dt img {
					border: 3px solid #fff;
				}
				
			dd.town {
				text-transform: uppercase;
			}
			
			dd.view-details {
				margin-top: .5em;
				padding: 0;
			}
			
				#welcome-back dd.view-details a {
					background: url(/content/v1/us/img/arrow-green.gif) no-repeat 0 5px;
					padding-left: 8px;
				}

#welcome-back ul {
	padding-top: 1em;
	font-size: 110%;
}
			
	#welcome-back li a {
		color: #fff;
		background: url(/content/v1/us/img/arrow-white.gif) no-repeat 0 5px;
		padding-left: 8px;
		font-weight: bold;
	}
	
		#welcome-back a.rss {
			padding: 0;
			background: transparent;
			/*float: right;
			*margin-right: 10px;*/
		}
				
			
/*	p#view-all-matches,
	p#search-more,
	p#update-profile {
		clear: both;
		padding-top: .5em;
		height: 15px;
	}
	
	p#view-all-matches {
		height: auto;
		min-height: 15px;
	}
	
	
		p#view-all-matches a,
		p#search-more a,
		p#update-profile a {
			display: block;
			width: 199px;
			height: 11px;
			text-indent: -9999px;
			overflow: hidden;
			background: url(/content/v1/us/img/view-all-matches.gif) no-repeat;
		}
		
		p#search-more a {
			background: url(/content/v1/us/img/search-more.gif) no-repeat;
		}
		
		p#update-profile a {
			background: url(/content/v1/us/img/update-profile.gif) no-repeat;
		}
		
		p#view-all-matches a {
			float: left;
		}
		
		p#view-all-matches a.rss {
			display: inline;
			width: auto;
			height: auto;
			background: transparent;
			text-indent: 0;
			padding-left: 10px;
			margin-top: -3px;
		}
	*/

#search-matches {
	width: 240px;
	float: left;
	_display: inline;
}

 	#search-matches h3,
	#saved-searches h3 {
		margin-bottom: 0;
	}
	
	#search-matches p {
		padding: .5em 10px;
		font-size: 110%;
	}

	#search-matches dl {
		clear: both;
		padding: 1em 10px;
	}
	
		#search-matches dt {
			float: left;
			_display: inline;
			margin-right: 7px;
		}
		
			#search-matches dt img {
				width: 84px;
				padding: 5px;
				background: #fff;
				border: 1px solid #dddfde;
				}
				
			#search-matches dd.view-details a {
				font-size: 110%;
				font-weight: bold;
				background: url(/content/v1/us/img/arrow-gray.gif) no-repeat 0 5px;
				padding-left: 10px;
			}

#saved-searches {
	width: 240px;
	float: left;
	_display: inline;
}	

	/*#saved-searches h3,
	#all-searches h3 {
		display: block;
		width: 240px;
		height: 23px;
		background: url(/content/v1/us/img/previously-saved.gif) no-repeat;
		text-indent: -9999px;
		overflow: hidden;
	}*/
	
	#saved-searches p {
		padding: .5em 10px;
		font-size: 110%;
	}
	
	#saved-searches ul {
		list-style: none;
		padding: .5em 15px;
		font-weight: bold;
		font-size: 110%;
	}
	
		#saved-searches li
		/*,
		#all-searches a*/ {
			background: url(/content/v1/us/img/arrow-gray.gif) no-repeat 0 9px;
			padding-left: 10px;
			
		}
		
			
		
				#saved-searches li a img {
					margin-left: 10px;
					position: relative;
					top: 3px;
				}
		
/* modal window saved searches */
#all-searches {
	padding: 10px;
	font-size: 110%;
}

	#all-searches h3 {
		margin-bottom: 1.2em;
	}
	
	#all-searches div {
		padding-left: 10px;
	}
	
/* tax credit */
#container {
	position: relative;
}
#taxCredit {
	position: absolute;
	top: 9px;
	right: 4px;
	}
	
	#taxCredit a {
		display: block;
		width: 230px;
		height: 138px;
		text-indent: -9999px;
		overflow: hidden;
		background: url(/content/v1/us/img/taxCredit.gif) no-repeat;
	}
	
	
/* ------------------------ 
	countdown clock
------------------------ */	

#countdown {
	width: 278px;
	height: 128px;
	position: absolute;
	background: url(/content/v1/us/img/TaxCreditCountdown.gif) no-repeat;
	margin-top: 45px;
	margin-left: 525px;
	*margin-left: 360px;
	letter-spacing: 6px;
	z-index: 999;
}

	#head #countdown h2 {
		float: none;
		background: transparent;
		margin: 0;
		text-indent: 0;
		padding: 0;
		width: auto;
		height: auto;	
	}

	#head #countdown h2 a {
		position: absolute;
		background: transparent;
		height: 128px;
		width: 278px;
		text-indent: -9999px;
		overflow: hidden;
	}

	#countdown p,
	#countdown dt {
		position: absolute;
		left: -9999px;
	}
	
#countdown dl {
	margin: 36px 0 0 8px;
}
	
	#countdown dd {
		display: block;
		float: left;
		_display: inline;
		color: #fff;
		font-size: 15px;
		font-weight: bold;
		width: 26px;
		margin-right: 4px;
		margin: 0 1px 0 5px;
	}
	
		#countdown dd#cdtDays {
			width: 42px;
		}
		
		#countdown dd#cdtMinutes { 
			margin-left: 6px;
		}
		
		#countdown dd#cdtSeconds {
			margin-left: 7px;
		}
		
		
		
		
		
		
/* validation */
#notifications {
		width: 325px;
		position: absolute;
		list-style: none;
		top: 100px;
		left: 180px;
		
	}
	
	ul.enabled {
		background: #ffcfcf;
		border: 1px solid #f00;
	}
		
			#notifications li {
				
				color: #f00;
				text-align: center;
				
				
			}