﻿/* 
	Hunt/r-house.com
	Master Screen CSS
	Alison Endacott
	May 2008
	
	*updated October 2008*	

 */
 

* {
	margin: 0;
	padding: 0;
}
 
	img {
		border: 0;
		margin: auto;
	}
	
 body {
 	background: url(/content/v1/us/img/bg.gif);
	font-family: Arial,Helvetica,sans-serif;
	font-size: 65%;
	color: #373737;
	line-height: 1.4;
	}
 
 a {
 	color: #4C721D;
	text-decoration: none;
 }
 	a:hover {
		text-decoration: underline;
	}
	
	a:visited {
		
	}
 
#container {
	width: 822px;
	margin: 0 auto; 
	background: #fff url(/content/v1/us/img/bg-container.jpg) no-repeat top;
}

	#content {
		padding: 0 6px 1em 6px;
		background: url(/content/v1/us/img/bg-content.jpg) repeat-y;
		min-height: 350px;
		_height: 350px;
		*position: relative;
		*left: -1px;
	}
 
 #accessibility,
 #print-header {
 	position: absolute;
	left: -9999px;
 }
 
 body h1.caption {
 	background: transparent;
 }
 
/* ------------------------ 
		head
------------------------ */

#head {
	position: relative;
	padding-top: 14px;	
	margin-top: 17px;
	*margin-top: 0;
	z-index: 50;
	*position: static;
	/*height: 167px;*/
	_height: 1%;
}

	h1 {
		position: relative;
		top: 10px;
		margin: 17px 0 0 29px;
		float: left;
		_display: inline;
		height: 94px;
		background: url(/content/v1/us/img/huntlogoerabottom.gif) no-repeat bottom;
	}
	
	#head h2 { /*r-house image */
		float: right;
		margin-right: 6px;
		_margin-right: 3px;
		display: block;
		background: url(/content/v1/us/img/rhouse-logo.jpg) no-repeat;
		height: 46px;
		width: 270px;
		overflow: hidden;
		text-indent: -9999px;
	}
	

	#head-nav {
		margin: 5px 0 10px 20px;
		display: block;
		height: 24px;
		width: 465px;
		float: left;
		_display: inline;
		overflow: hidden;
		background: url(/content/v1/us/img/head-text.gif) no-repeat;
		*position: absolute;
		*margin-top: 50px;
	}
	
		#head-nav li {
			display: block;
			float: left;
			_display: inline;
			text-indent: -9999px;
			overflow: hidden;
			}
			
			#head-nav li a {
				display: block;
				width: 135px;
				height: 24px;
				background: url(/content/v1/us/img/head-text.gif) no-repeat;
			}
			
				#head-nav li#head-nav-re a {
					background-position:; 
				}
					#head-nav li#head-nav-re a:hover {
						background-position: 0 -24px ; 
					}
					
				#head-nav li#head-nav-mortgage a {
					background-position:-135px 0 ; 
				}
					#head-nav li#head-nav-mortgage a:hover {
						background-position: -135px -24px; 
					}
				
				#head-nav li#head-nav-insurance a {
					background-position: -270px 0; 
				}
					#head-nav li#head-nav-insurance a:hover {
						background-position: -270px -24px; 
					}
			
				
/* top nav inner pages */

#top-nav {
	clear: both;
	text-align: right;
	font-size: 90%;
	padding-left: 210px;
	top: -5px;
	position: relative;
	_margin-top: -14px;
	_top: 0;
}

	#top-nav li {
		float: left;
		list-style: none;
		color: #717171;
		border-right: 1px solid;
		padding-right: 8px;
		margin-right: 5px;
		_margin-bottom: 4px;
	}
	
		#top-nav li.last {
			border: 0;
				
		}	
	
		#top-nav li  a {
			color: #717171;
		
		}
		
/* ------------------------ 
		quick search
------------------------ */

	#head #search {
		clear: both;
		*height: 1%;
		position: relative;
		z-index: 99;
		height: 146px;
		width: 810px;
		margin-left: 6px;
		_overflow: hidden;
	}
	
		#head #search #bannerimage {
			width: 581px;
			height: 144px;
			float: left;
			_display: inline;
			position: relative;
			top: 2px;
		}
	
	/*#QuickSearchForm fieldset {
		position: relative;
		float: right;
		_display: inline;
		border: 0; 
		width: 193px;
		height: 100px;
		padding: 46px 18px 0 18px;
		*padding-top: 15px;
		*height: 131px;
		background: url(/content/v1/us/img/bg-quicksearch.gif) no-repeat;
		
	}*/
	
	#QuickSearchForm fieldset {
		position: relative;
		float: right;
		_display: inline;
		border: 0; 
		width: 228px;
		height: 146px;
		lefT: -1px;
		background: url(/content/v1/us/img/bg-quicksearch.gif) no-repeat;
		
	}
	
	#QuickSearchForm  .overTxtDiv {
		/*margin: -46px 0 0 -17px;
		*margin: 0;*/
	}
	
		#QuickSearchForm li {
			list-style: none;
		}
		
			#QuickSearchForm li a {
				position: absolute;
			}
			
				#QuickSearchForm li#adv-search a {
					color: #ffc82e;
					left:131px;
					top:19px;
				}
				
				#QuickSearchForm li#map-search a {
					font-size: 110%;
					top: 116px;
					*top: 120px; 
					left:131px;
					padding-left: 23px;
					color: #fff;
					font-weight: bold;
					background: url(/content/v1/us/img/map-sm.gif) no-repeat;
				}
	
		#QuickSearchForm fieldset label {
			position: absolute;
			left: -9999px;
		}
		
		#QuickSearchForm fieldset input,
		#QuickSearchForm fieldset select {
			width: 185px;
			margin-bottom: 4px;
			font-size: 90%;
			margin-left: 18px;

		}
		
		#quicksearchAreas {
			margin-top: 46px;
		}
		
		#QuickSearchForm fieldset select {
			width: 190px;
			}
		
		#QuickSearchForm #quicksearchbtn {
			width: 106px;
			height: 21px;
			position: relative;
			z-index: 99;
			margin-top: 5px;
		}

	
		/*#head #search ul#top-nav {
			list-style: none;
			width: 272px;
			float: left;
			_display: inline;
			margin: 37px 0 0 6px;
		}
		
			#head #search #top-nav li {
				display: block;
				float: left;
			}
			
				#head #search #top-nav li a {
					display: block;
					height: 22px;
					width: 78px;
					text-indent: -9999px;
					overflow: hidden;
					background: url(/content/v1/us/img/top-nav.gif) no-repeat
					}
			
					#head #search #top-nav li#top-nav-house a:hover {
						background-position: 0 -22px;
					} 
				
				#head #search #top-nav li#top-nav-office a {
					width: 81px;
					cursor: default;
					background-position: -78px 0;
				} 
					#head #search #top-nav li#top-nav-office a:hover {
						background-position: -78px -22px;
					} 
				
				#head #search #top-nav li#top-nav-agent a {
					width:109px;
					cursor: default;
					background-position: -159px 0;
				} 
					#head #search #top-nav li#top-nav-agent a:hover {
						background-position: -159px -22px;
					} 
					
		/* drop down menu 
	
				
			

	#head #search #top-nav ul li {
		
		float: none;
		
	}
	
		#head #search #top-nav ul a,
		#head #search #top-nav li#top-nav-agent ul a,
		#head #search #top-nav li#top-nav-agent ul a:hover,
		#head #search #top-nav li#top-nav-office ul a,
		#head #search #top-nav li#top-nav-office ul a:hover {
			cursor: pointer;
			width: 160px;
			padding: 3px 0 0 5px;
			text-decoration: none;
			text-align: left;
			color: #000;
			font-weight: bold;
			text-transform: uppercase;
			height: 19px;
			text-indent: 0;
			background: url(/content/v1/us/img/nav-dropdown-top.gif) no-repeat;
			background-position: 0 0;
			
		}
			#head #search #top-nav li#top-nav-office ul a:hover,
			#head #search #top-nav li#top-nav-agent ul a:hover {
				background-position: 0 0;
				background: #000;
				color: #fff;
				
				}
			/*	
		#head #search #top-nav li ul { /* second-level lists
			margin-left: -1px;
			border-top: 1px solid #000;
			position: absolute;
			left: -999em;  /*using left instead of display to hide menus because display: none isn't read by screen readers 
		}
		
		#head #search #top-nav li:hover ul, #head #search #top-nav li.sfhover ul { /* lists nested under hovered list items 
			left: auto;
			
		}		
		
			*/
		
		
				
					
					
	/* search 
			
		#hunt-nav {
			padding: 36px 0 0 0;
			float: left;
			_display: inline;
			height: 23px;
			border: 0;
		}
		
			#hunt-nav legend  {
				display: none;
				}
		
		
			#hunt-nav{
				position: relative;
				float: left;
				_display: inline;
				margin-right:25px;
				font-size: 85%;
			}
			
				#hunt-nav li {
					displaY: block;
					float: left;
					list-style: none;
				
					color: #fff;
					padding-right: 5px;
					*padding-right: 4px;
					color: #999;
				}
				
				#hunt-nav li#house-hunt {
					position: relative;
					top: -9px;
				}
				
					#hunt-nav li#house-hunt a {
						height: 30px;
						width: 136px;
						text-indent: -9999px;
						overflow: hidden;
						display: block;
					}

		#hunt-nav li#my-hunt {
			position: relative;
			top: -9px;
			margin-right: 30px;
		
		}
					
			#hunt-nav li#my-hunt a {
					height: 28px;
				width: 100px;
				text-indent: -9999px;
				overflow: hidden;
				display: block;
				
			}
					
					#hunt-nav li a {
						color: #fff;
						color: #999;
						}
						
						#hunt-nav li a:hover {
							color: #FEE18E;
							text-decoration: none;
						}
			*/
			/*			
			#head fieldset input {
				width: 84px;
				border: 0;
				font-size: 90%;
				background: transparent;
				position: relative;
				top: -6px;
				*top: -7px;
				*left: -3px;
				*margin-right: 7px;
			}
			
			#head fieldset #go {
				position: relative;
				top: -2px;
				margin-left: 7px;
				*left: -1px;
				height: 18px;
				width: 22px;
			}
			*/

/* ------------------------ 
		navigation
------------------------ */
#navigation {
	clear: both;
	margin-left: 6px;
	position: relative;
	z-index: 1;
}
	#navigation li {
		list-style: none;
	}

	#navigation #main-nav {
		position: static;	
		width: 810px;
		height: 47px;
	}
	
		#main-nav li {
			float: left;
			_display: inline;
			display: block;
			height: 43px;
			}
			
			#main-nav li a {
				display: block;
				height: 47px;
				width: 270px;
				text-indent: -9999px;
				overflow: hidden;
				background: url(/content/v1/us/img/main-nav.gif) no-repeat;
				}
				
				#main-nav #main-nav-buy a {
				}
					/*#main-nav #main-nav-buy a:hover {
						background-position: 0 -43px;
						}*/
				
				#main-nav li#main-nav-sell a {
					background-position: -270px 0;
				}
					/*#main-nav li#main-nav-sell a:hover {
						background-position: -202px -43px;
						}*/
				#main-nav li#main-nav-careers a {
					background-position: -540px 0;
				}
					/*#main-nav li#main-nav-careers a:hover {
						background-position: -404px -43px;
					}*/
				
			/*	#main-nav li#main-nav-corporate a {
					width: 200px;
					background-position: -608px 0;
				}
					#main-nav li#main-nav-corporate a:hover {
						background-position: -608px -43px;
					}
			*/
			
/* validation */
.validation-failed {
	border: 1px solid #f00;
}

/* validation */
#notifications {
		width: 325px;
		position: absolute;
		list-style: none;
		top: 50px;
		left: 180px;
		
	}
	
	ul.enabled {
		background: #ffcfcf;
		border: 1px solid #f00;
	}
		
			#notifications li {
				
				color: #f00;
				text-align: center;
				
				
			}		

/* ------------------------ 
		content
------------------------ */
#leftcol {
	width: 221px;
	padding-left: 5px;
	float: left;
	_display: inline;
}


#inner-content {
	/*text-align: justify;*/
	padding: 1em 0;
}

#inner-content h3,
#featured-properties h3,
#side-content h3,
#saved-searches h3,
#search-matches h3,
#all-searches h3,
#blankcontent h3 {
	font-family: "Arial Narrow",Arial, Helvetica, sans-serif;
	font-size: 195%;
	font-weight: bold;
	text-transform: uppercase;
	padding: 8px 0 0 7px;
	background: url(/content/v1/us/img/bg-page-header.jpg) no-repeat bottom left;
	width: 496px;
	height: 32px;
}	

#blankcontent h3 {
	width: auto;
}

	#inner-content input.hidden {
		border: 0;
		position: absolute;
		display: none;
	}
	
	/*pagination */
		.pagination ul {
			min-height: 1.7em;
			padding: 1em 0;
			padding-right: 70px;
			position: relative;
		}
		
			.pagination li {
				float: left;
				_display: inline;
				margin-right: 2px;
				list-style: none;
			}
			
				.pagination li a,
				.pagination li span {
					display: block;
					width: 14px;
					text-align: center;
				}
			
			.pagination li.spacer {
				display: none;			}		
			
			.pagination #prevpage,
			.pagination .prevpages {
				width: auto;
			}
			
			.pagination #nextpage,
			.pagination .nextpage {
				width: auto;
				position: absolute;
				left: 205px;
				_top: 8px;
			}
			
			a#prevpage {
				width: auto;
				padding-right: 10px;
			}
			
			.pagination li label.pagesizeseletorscopy {
				position: absolute;
				right: 0;
				top: 4px;
				*top: 1px;
				font-size: 95%;
				_right: auto;
				_left: 250px;
				_top: 0;
				white-space: nowrap;
			}
			
				select.pagesizeselectors {
					border: 1px solid #afafaf;
					position: relative;
					*top: 2px;
					left: 5px;
				}
			
	
/* my Hunt login box */
.rhouse-login {
	width: 221px;
	margin-top: 1em;
	color: #fff;
	padding-bottom: 73px;
	background: url(/content/v1/us/img/myHunt-bg.gif) no-repeat bottom;
}

	.rhouse-login p {
		padding: .5em 20px;
		font-size: 110%;
	}
	
		.rhouse-login h3, #rhouse-loggedout h3 {
			width: auto;
			background: url(/content/v1/us/img/myHunt-top.gif) no-repeat top;
			height: 60px;
			text-indent: -9999px;
			overflow: hidden;
		}
		
		.rhouse-login ul {
			padding: 0 20px;	
			list-style: none;
			}	
			
		.rhouse-login ul {
			font-size: 105%;
		}
			
			.rhouse-login li {
				padding: .1em 0;
			}
			
				.rhouse-login a {
					background: url(/content/v1/us/img/arrow-white.gif) no-repeat 0pt 5px;
					color:#fff;
					padding-left:10px;
				}
					.rhouse-login a:hover {
						color: #FEE18E;
						text-decoration: none;
					}	
	


/* ------------------------ 
		FOOTER
------------------------ */


#footer {
	clear: both;
	color: #4d4d4d;
	width: 782px;
	padding: 20px;
	margin: 0 auto; /*centers container if there is a width */
	background: url(/content/v1/us/img/bg-footer.gif) no-repeat;
	}
	#footer li {
		display: inline;
		list-style: none;
		text-transform: uppercase;
	}
		#footer a {
			color: #4d4d4d;
		}

body table.trinket input.text {
	width: 200px;
}

/* ------------------------ 
		EASY CLEARING 
------------------------ */
.clear { clear:both;}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {
height:1%;
}
*+html .clearfix {
height:1%;
}
.clearfix {
display:block;
}
/* End hide from IE-mac */

.off 
{
	display:none;
}

