/*	The unique combination of images, colors, sizes, typography, and positioning ("the design") of this site */
/*	is copyright homesHQ.com, IMG(Interactive Media Group) and Forum Communiations and may not be reproduced. */

body { 
	margin: 0;
	padding: 0;
	/*background-color: #e0e0e0;*/
	/*background: #fff3f4 url(/images/pattern_099.gif) top left repeat;*/
	background: #e0e0e0 url(/images/bg.gif) top left repeat;
	font-family: Arial, Helvetica, clean, sans-serif;
	color: #000000;
	font-size: medium;
}

/*a { color: #4c7749; }*/
a { color: #087700; }

form legend {
	padding: 0 2px;
	font-weight: bold;
}

hr {
	clear: both;
	height: 1px;
}

fieldset { border: none; }
form dl
{
	position:				relative;
	width:					100%;
}
form dt
{
	clear:					both;
	float:					left;
	width:					32%;
	padding:				0 0.5em 0.25em 0;
	text-align:				right;
}
form dd
{
	float:					left;
	width:					62%;
	margin: 				0 0 0.5em 0;
	padding-left:			0.75em;
}

/*	----------[positioning]----------	*/
.left { float: left; }
.right { float: right; }
.middle { margin-left: auto; margin-right: auto; }
.clearboth { clear: both; }
.clearBoth { clear: both; }
.clearright { clear: right; }
.clearRight { clear: right; }
.display_block { display: block; }
.displayBlock { display: block; }
.display_inlilne { display: inline; }
.displayInline { display: inline; }

.padright_1em { padding-right: 1em; }
.padTextRight { padding-right: 1em; }
.padTextLeft { padding-left: 1em; }

img.centered_border {
	width: auto;
	margin-left: auto;
	margin-right: auto;
	padding: 1px;
	border: #b6b098 1px solid;
}

img.centered_no_border {
	width: 250px;
	margin-left: auto;
	margin-right: auto;
	border: none;
}

.text_left { text-align: left; }
.text_center { text-align: center; }
.text_right { text-align: right; }
.textRight { text-align: right; }

/*	----------[common classes]----------	*/
.head_holder { margin: 20px 4px 0 4px; }
.heading { 
	font-size: 18px; 
	font-weight: bolder;
	/*color: #77494d;*/
	color: #97000b;
}

.green_heading { 
	font-size: 18px; 
	font-weight: bolder;
	color: #fffae7;
}

.small_text { font-size: small; }
.xsmall_text { font-size: x-small; }
.xxsmall_text { font-size: xx-small; }
.top_10 { margin-top: 10px; }

.no_whitespace { white-space: nowrap; }
.no_margin { margin:0; font-size: 125%;}
.bold { font-weight: bold; }
.noBorder
{
	border: none;
}

ul { margin: 0;padding: 0; }
caption { font-size: 150%; font-weight: bold; }

.border_top {
	margin-top: 2em;
	padding-top: 1em;
	border-top: thin #666 dotted;
}

.agent_border_top {
	margin-top: 2em;
	padding-top: 1em;
	border-top: thin #666 dotted;
}

#maintenance { 
	margin: 2em auto;
	width: 80%;
	padding: .5em;
	text-align: center;
}

.aj_largeformat{
	margin: 0;
	padding:0;
	width: 300px;
	height: 250px;
	border: none;
	overflow: hidden;
}
/*	----------[color classes]----------	*/
.important { color: red; }
.light_gray { color: #ccc; }
.blackish { color: #333333; }
.mauve_taupe { color: #97000b; }
.green_bg { color: #fffae7; }
.green { color: #087700; }

/*	----------[toolbar (top)]----------	*/
#toolbar {
	background-color: #087700;
	color: #ffffff;
	height: 24px;
	padding: 0;
	margin: 0;
	font-size: small;
	border-color: #666666;
	border-width: 0 0 1px 0;
	border-style: solid;
}

#toolbar .left{ text-align: left;padding: 3px 0 0 66px; }

#toolbar .right{ text-align: right;padding: 3px 66px 0 0; }

#toolbar a { color: #ffffff; }

#toolbar a:hover, #toolbar a:link#current { /*color: #d8afb2;*/ color: #e8ffe7; }

.navlist {
	margin: 0;
	padding: 0 0 5px 10px;
	/*border-bottom: 1px solid #000;*/
}

.toolbarlist ul, .toolbarlist li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

.toolbarlist a:link, .toolbarlist a:visited {
	line-height: 14px;
	font-weight: bold;
	margin: auto 10px;
	text-decoration: none;
	color: #ffffff;
}

.toolbarlist a:link#current, .toolbarlist a:visited#current, .toolbarlist a:hover {
	border-bottom: 2px solid #e8ffe7;
	padding-bottom: 2px;
	background: transparent;
}

.toolbarlist .left{ float: left; }

.toolbarlist .right{ float: right; }

/*	----------[wrapper]----------	*/
#wrapper {
	padding:0;
	padding-bottom: 2em;
	padding-top: 2px;
	clear: both;
	width: 990px;
	margin: 0 auto;
	background-color: #ffffff;
	border-color: #666666;
	border-width: 0 2px 0 2px;
	border-style: solid;
	/*line-height: 140%;*/
}

/*	----------[searchbar]----------	*/
#searchbar {
	/*width: 100%;*/
	height: 150px;
	margin:0;
	padding: 0;
	background: url(/images/searchbar_bg.png) repeat-x;
	border-color: #666666;
	border-width: 1px 0 2px 0;
	border-style: solid;
}

#searchbar .left {
	padding-left: 20px;
	padding-top: 20px;
}

#searchbar .right {
	margin: 0;
	padding: 0;
	width: 395px;
}

form#homepage_search select#city {
	width: 450px;
	height: 30px;
	border: #b6b098 1px solid;
	color:#999999;
	padding:1px;
	padding-top:2px;
}

form#homepage_search input#submit {
	color: #ffffff;
	padding: 3px 7px;
	margin: 0;
	font-size: 14px;
	font-weight: normal;
	background-color: #023396;
	background-image: url(../gfx/q_bg.gif);
	border: #b6b098 1px solid;
	background: url(/images/submit_bg.png) repeat-x;
}

img.header_logo {
	width:367px;
	height:65px;
	margin-top: 11px;
    display: block;
    margin-left: auto;
    margin-right: auto;
	border: none;
}

#header_text {
	margin-top:0;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 18pt;
	white-space: nowrap;
	text-align: center;
}

img.promo_logo {
	height:28px;
	margin-top:0;
    display: inline;
    margin-right: 0;
	border: none;
}

#sponsored_text {
	margin-top:0;
	margin-bottom: .15em;
	height: 28px;
	vertical-align: middle;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 12pt;
	white-space: nowrap;
	text-align: right;
}

#searchbar legend {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#advance_search {
	width:535px;
	font-size: 12px;
}

form#homepage_search input#min_price, form#homepage_search input#max_price, form#homepage_search input#list_number { 
	width: 55px;
	border: #b6b098 1px solid;
	color:#999999;
	padding: 2px;
}

form#homepage_search select#book_section, form#homepage_search select#bedroom, form#homepage_search select#bathroom {
	border: #b6b098 1px solid;
	color:#999999;
	padding: 2px;
}

#changeRegion{
	margin: 2.5em auto;
	padding: 1em;
	width: 420px;
	background-color: #ffffff;
	border: medium #ffe7e9 solid;
}

form#results_search fieldset input#location, form#results_search fieldset select { color: #999999; }

form#results_search fieldset input#submit { color:#000000; }

form#adv_search dl dd input, form#adv_search dl dd select { color: #999999; }

form#adv_search dl dd input#submit_adv_search { color: #000000; }

/*	----------[boxes]----------	*/
.box290_tan {
	margin: 10px 0 0 0;
	width: 288px;
	padding: 5px;
	background-color: #efecdb;
	border: #97917b solid 1px;
}

.box300_tan {
	margin-top: 15px;
	width: 278px;
	padding: 15px 10px 5px 10px;
	background: #ffffff url(/images/tan_gradient.png) repeat-x;
	border: #97917b solid 1px;
}

.margin_left_10 { margin-left: 10px; }
.margin_left_15 { margin-left: 15px; }
.margin_left_20 { margin-left: 20px; }
.margin_left_30 { margin-left: 30px; }

.box630_tan {
	margin-bottom: 10px;
	padding: 1em;
	padding-bottom: .25em;
	background: url(/images/tan_gradient.png) repeat-x top;
	border: #97917b solid 1px;
	overflow: auto;
}

/*	----------[main column]----------	*/
#main_column {
	float:left;
	margin: 15px 0 0 7px;
	width:642px;
}

html>body #main_column {
	float:left;
	margin-left: 15px;
	width:642px;
}

/*	----------[right column]----------	*/
#right_column {
	float:right;
	margin: 15px 5px 0 0;
	width:316px;
}

html>body #right_column {
	float:right;
	margin-right: 8px;
	width:316px;
}

/*	----------[googlemap]----------	*/
IMG.view_map {
	width: 280px;
	margin-left: auto;
	margin-right: auto;
	border: none;
}

#open_house,#featured_home {
	display: block;
	padding: .2em;
	background-color: #087700;
}

#map_instruction {
	margin-left: 1.5em;
	padding: 1em;
	list-style: none;
}

#map_instruction li {
	padding-left: 12px;
	background-image: url(/icon/google_map_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .25em;
}

#map_instruction li a { text-decoration: none; }

#map_key {
	margin: 1em 0 0 0;
	display: inline;
	float: right;
}

#map {
	display: block;
	clear: both;
	margin: 10px 0 0 0;
	width: 636px;
	height: 396px;
	border: 2px solid #b6b098;
}

#mini_openhouse,#aberdeen_realty {
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 288px;
	padding: 5px;
	background-color: #efecdb;
	border: #97917b solid 1px;
}

/*	----------[featured agents]----------	*/
#agentlist,#agencylist {
	padding-left: 0;
	margin-left: 0;
	border-bottom: 1px solid gray;
	width: 278px;
	height: 225px;
	overflow: auto;
}

#agentlist li,#agencylist li {
	list-style: none;
	margin: 0;
	padding: 0.25em;
	border-top: 1px solid gray;
}

#agentlist li a, #agencylist li a { text-decoration: none; }

IMG.agent_logo {
	max-width: 150px;
	width: expression(document.body.clientWidth > 152? "150px" : "auto");	
}

/*	--------[hotHome]---------	*/
img.hotHome_displayed {
    display: block;
	width: 170px;
    margin-left: auto;
    margin-right: auto;
	background-color:#ffffff;
	padding:1px;
	border:1px #333333 solid;
} 

/*	--------[search results]---------	*/
.listing {
	display: block;
	margin: 0 auto;
	/*width: 605px;*/
	padding: 4px;
	border: #ffffff 2px solid;
	border-bottom: #cccccc 2px dotted;
	font-size: small;
	cursor: pointer;
}

.featuredListing
{
	background-color: #e1dbc1;
	border-bottom: none;
}

.listing_top a { 
	color: #087700;
	font-weight:bold;
	text-decoration: none; 
}

.listing_top .left { width:325px; }

.listing_left {
	float: left;
	width: auto;
	font-size: x-small;
	font-weight: bold;
}

.pad_right { padding-right: 1em; }

.listing_right {
	float: right;
	width: 120px;
	padding: 2px;
}

.large_price { 
	font-size: x-large; 
	font-weight: bold; 
}

IMG.displayed {
    display: block;
    /*margin-left: auto;
    margin-right: auto;*/
	background-color:#ffffff;
	padding:1px;
	border:1px #333333 solid;
}

IMG.featured_box_agent {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 1px;
	border: 1px #333333 solid;
}

/*	----------[learning tools]----------	*/
ol#principal_list{
	margin-left: 2em;
	padding: 1em;
}

/*	----------[details]----------	*/
#result_head {
	width:100%;
	border-bottom: 1px #ccc solid;
}

#results_left, #results_right {
	margin: 0;
	margin-top: .75em;
	width: 300px;
}

#listed_date,#total_view { display: block; }

#detail_price {	
	font-size: 150%; 
	font-weight: bold;
	color: #97000b;
}

#detail_info { display: block; }

.fineprint {
	display: block;
	font-size: xx-small;
	color: #595653;
}

.fineprint span { font-weight: bold; }

img#placeholder{
	display: block;
	max-width: 300px;
	width: expression(document.body.clientWidth > 302? "300px" : "auto");
	margin-left: auto;
	margin-right: auto;
}

#scroll_gallery {
	margin: 0; 
	margin-bottom: .5em;
	padding: 0;
	width: 300px;
	height: 90px; 
	overflow:auto; 
}

ul#imagegallery {
	margin:0; 
	padding:0;
	float: left;
	list-style:none; 
	white-space:nowrap;
}

#imagegallery li {
	display:inline; 
	padding:0 1px; 
}

#imagegallery li img {
	border:1px solid #555; 
	margin: 0;
}

table#layout_tb, table#feature_tb, table#enhanced_tb {
	width:100%;
}

.oddStripe { background-color: #e0e0e0; }

#detail_map {
	display: block;
	clear: both;
	margin: 10px 0 0 0;
	width: 296px;
	height: 146px;
	border: 2px solid #b6b098;
}

.add_favorite { background-image:url(/icon/add_favorite.png); }
.remove_favorite { background-image:url(/icon/remove_favorite.png); }

.print { background-image:url(/icon/document-print.png); }

.schedule { background-image:url(/icon/appointment-new.png); }

.add_favorite, .remove_favorite, .print, .schedule {
	display:inline;
	margin-left: 5px;
	padding: 0 0 0 26px;
	background-repeat: no-repeat;
	background-position: top left;
}

#openhouseSlider
{
	display:					none;
	/*background-color:			#FFF139;*/
	background-color:			#efecdb;
	border:						#087700 medium solid;
	width: 						100%;
	/*height:					2.0em;*/
	padding:					1em 0;
	margin-bottom:				0.5em;
}
#openhouseSlider h3
{
	padding:					auto;
	padding-left:				1em;
}
#openhouseSlider h3 img
{
	border:						none;
	padding-right:				0.3em;
	vertical-align:				middle;
}
#openhouseSlider h4
{
	text-align:					right;
	padding-right:				1em;
}
a.no_decoration  { text-decoration: none; }

/*	----------[contact form]----------   */
#contact_container {
	margin: .5em auto;
	padding: 1.5em;
	width: 80%;
	background-color: #ffffff;
	border: medium #FFE7E9 solid;	
}

#login_container {
	margin: .5em auto;
	padding: .5em;
	width: 80%;
	background-color: #ffffff;
	border: medium #FFE7E9 solid;	
}

#advancedsearch {
	margin: .5em auto;
	padding: 1.5em;
}

/*	----------[just listed]----------	*/
#justlisted {	
	margin: 0 auto;
	margin-bottom: 10px;
	border:1px solid #837b97;
	background-color:#eee8ff;
	background-image: url(../../images/list_alert.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding: 5px 10px 5px 40px;	 
	width:248px;
}

hr#justlisted {
	border-top: 1px solid #e7f0f5; 
	border-bottom: 1px solid #bacad7;
}

#listedline {
	width: 100%;
	margin: 0;
	border-top: 1px solid #E7F0F5;
	border-bottom: 1px solid #BACAD7;
}

a.justlisted:link, a.justlisted:active, a.justlisted:visited {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #2A5E85;
	text-decoration: none;
}

#twitterFollow
{
	width: 150px;
	padding: 0;
	margin: 0 auto;
	text-align: center;
}

/*	----------[logo right]----------	*/
#logo_right, #print_logo_right {
	width: 300px;
	height: 107px;
	padding: 0;
	margin:0 auto;
	margin-bottom: 10px;
}

#logo_right { background: url(/images/right_logo_bg.png) #087700 center left repeat-x; }

#print_logo_right { display: none; }

img.logo_right, img.print_logo_right {
	width:280px;
	height:50px;
    display: block;
	padding-top: 20px;
    margin-left: auto;
    margin-right: auto;
	border: none;
}

.logo_right_text {
	margin-top:0;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 12pt;
	white-space: nowrap;
	text-align: center;
}

/*	----------[detail page layout]----------	*/
#roomInfo {
	margin: 0 auto;
	margin-bottom: 10px;
}

/*	----------[marketplace video]----------	*/
.marketplace_video{
	margin: 0 auto;
	margin-bottom: 10px;
	height:250px;
	width: 300px;
	background-color:#fff3f4;
	border: #837b97 1px solid;
	text-align: center;
}

.large_format {
	margin: 0 auto;
	margin-bottom: 10px;
	/*height:250px;
	width: 300px;*/
	background-color:#fff3f4;
	/*border: #837b97 1px solid;*/
	text-align: center;
}

/*	----------[google large format ad]----------	*/
#googleLargeFormat
{
	width:				300px;
	margin:				10px auto;
}

/*	----------[results pagination]----------	*/
.pagination, .pagination_small {
	text-align: right; /*Set to "left" or "right" to left/right align pagination interface*/
	padding: 2px;
	margin: 1em 0;
	clear: both;
}

.pagination, .pagination ul { font-size: 100%; }
.pagination_small, .pagination_small ul { font-size: xx-small;}

.pagination ul, .pagination_small ul{
	margin: 0;
	padding: 0;
}

.pagination li, .pagination_small li{
	list-style-type: none;
	display: inline;
	padding-bottom: 1px;
}

*:first-child+html .pagination li, *:first-child+html .pagination_small li{ /*IE7 only CSS hack*/
	margin-right: 4px; /*IE bug causes default spacing between links to disappear, so added it explicitly in IE7 */
}

* html .pagination li, * html .pagination_small li{ /*IE6 and below CSS hack*/
	margin-right: 4px; /*IE bug causes default spacing between links to disappear, so added it explicitly in IE6 and below browsers*/
}

.pagination a, .pagination_small a {
	padding: 0 5px;
	color: #000000;
	border: 1px solid #b6b098;
	text-decoration: none; 
}

.pagination a:hover, .pagination_small a:hover, .pagination a:active, .pagination_small a:active{
	border: 1px solid #b6b098;
	color: #000;
	background-color: #d8d6c4;
}

.pagination a.currentpage, .pagination_small a.currentpage { /*Style for currently selected page link*/
	background-color: #b6b098;
	color: #FFF !important;
	border-color: #b6b098;
	font-weight: bold;
	cursor: default;
}

/*	----------[form element hacks]----------	*/
dl {
    font:normal 12px/15px Arial;
	position: relative;
    width: 350px;
}
dt {
    clear: both;
    float:left;
    width: 130px;
    padding: 4px 4px 2px 0;
    text-align: right;
}
dd {
    float: left;
    width: 200px;
    margin: 0 0 8px 0;
    padding-left: 6px;
}

form#adv_search dl {
    font:normal 12px/15px Arial;
	position: relative;
    width: 450px;
}

form#adv_search dt {
    clear: both;
    float:left;
    width: 230px;
    padding: 4px 4px 2px 0;
    text-align: right;
}

form#adv_search dt label { font-weight: bold; }

form#adv_search dd {
    float: left;
    width: 200px;
    margin: 0 0 8px 0;
    padding-left: 6px;
}

form#fincalc dl {
    font:normal 12px/15px Arial;
	position: relative;
    width: 270px;
}

form#fincalc dt {
    clear: both;
    float:left;
    width: 130px;
    padding: 4px 4px 2px 0;
    text-align: right;
}

form#fincalc dd {
    float: left;
    width: 130px;
    margin: 0 0 8px 0;
    padding-left: 6px;
}

em{	font-weight: bold; }

.errormsg {
	clear: both;
	display: block;
	width: 90%;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #FF9D9D;
	padding: 9px 10px 6px 40px;
	margin: 10px 0;
	border: 2px solid #FF0000;
}

.successmsg {
	clear: both;
	display: block;
	width: 90%;
	color: #333333;
	font-weight: bold;
	background-color: #9bc19b;
	padding: 9px 10px 6px 40px;
	margin: 10px 0;
	border: 2px solid #039b03;
}

#errormsglist, #successmsglist {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

#errormsglist li, #successmsglist li{
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: 0;
}

#errormsglist li { background-image: url(/icon/exclamation.png); }

#successmsglist li { background-image: url(/icon/accept.png); }

#mobile_provider_dt,#mobile_provider_dd { display: none; }

/*	----------[hide and show form hint]----------	*/
.hint {
   	display: none;
    position: absolute;
    right: -250px;
    width: 200px;
    margin-top: -4px;
    border: 1px solid #c93;
    padding: 10px 12px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffc url(/icon/pointer.gif) no-repeat -10px 5px;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(/icon/pointer.gif) left top no-repeat;
}

/*	----------[footer]----------	*/
#footer{
	padding: 0;
	height: 100%;
	border-top: 1px solid #666666;
	background-color: #97917b;
}

#footer_container {
	width: 950px;
	margin: 0 auto;
	padding: 2em 0 .5em 0;	
}

#footer .block{
	float: left;
	width: 30%;
	margin: 0 0 0 5%;
}
* html #footer .block{
	margin-left: 3.9%;
}
#footer .twice-length{ width: 65%; }
#footer .thrice-length{ width: 100%; }
#footer .first, * html #footer .first{
	clear: both;
	margin: 0;
	width: 25%;
}
#footer .second, * html #footer .first{ width: 39%; }
#footer .third, * html #footer .first{	width: 25%; }
#footer .block-separator{
	clear: both;
	height: 2.5em;
}

#footer .block h2, #footer .block h3{
	font-variant: small-caps;
	margin: 0 0 1em 0;
	padding: 0 0 0 2em;
	background: url(/icon/homeshq_24x24.gif) 0% 90% no-repeat;
	font-size: 1.2em;
	font-weight: bold;
}

ul.partners, ul.legal, ul.homesInfo{
	list-style-type: none;
	margin: 1.5em 0 .5em 0;
	border-top: 1px solid #d1d8af;
}
ul.partners li, ul.legal li, ul.homesInfo li{
	list-style-type: none;
	margin: 0;
	padding: 0.25em 0;
	border-bottom: 1px solid #d1d8af;
	font-size: 80%;
}
ul.partners a, ul.legal a, ul.homesInfo a{
	color: #fffae7;
	padding: 0 0 0 2em;
	background: url(/icon/arrow.gif) 0% 50% no-repeat;
	text-decoration: none;
}
ul.partners a:hover, ul.legal a:hover, ul.homesInfo a:hover{ 
	/*color: #d8afb2;*/
	color:				#087700;
	padding: 0 0 0 2em;
	background: url(/icon/arrow_on.gif) 0% 50% no-repeat;
}

ul.homesInfo ul{ margin: 0; }

ul.homesInfo ul li{
	border: none;
	margin-left: 2em;
	list-style-type: square;
}

IMG.aberdeen_stats_img {
	height: 1px;
	width: 1px;
	border: none;
}