html, body { margin: 0; font-family: arial, verdana, helvetica; font-size: 12px; }

h1, h2, h3 { margin: 0; }
h1 { font-size: 18pt; margin-bottom: 20px; font-weight: normal; color: #151558; border-bottom:2px dotted #151558; }
h2 { font-size: 19px; margin-bottom: 20px; padding: 5px; color: #1a1a1a;	border-bottom:2px dotted #151558; }
h3 { font-size: 16px; margin-bottom: 5px; }

table { margin: 0; }
td { vertical-align: top; text-align: left; padding: 0; }

form { margin: 0; padding: 0; }
fieldset { border: none; clear: both; margin: 0; padding: 0; }	
fieldset div { float: left; }	
fieldset, form, ul, li, table, td, form li { margin: 0; padding-bottom: 0; list-style-image: none; }
li.inline { display: inline; }
ul, li { margin: 0; padding: 0; }

a{ text-decoration: underline; }	
a:hover  { text-decoration: none; }	
	
.smooth { border: solid 1px #A3AFAF; }
.hover { filter: alpha(opacity=80); opacity: .8; }	
.hover:hover { filter: alpha(opacity=100); opacity: 1; }
.required { color:#cc0000; }
.smaller { font-size: 90%; }
.clear { clear: both; }

button.visual { cursor: hand; cursor: pointer; border: none; }
button.go { background: url("../images/visuals/go_btn.gif") center no-repeat; width: 35px; height: 20px; }
	
#wrapper { margin: 0 auto; }

#header { height: 315px;  padding: 0; font-weight:bold; border-top:20px solid #e7e8e0}
#header img.logo { margin: 4px auto;  width:199px; height:61px; }
#header .container { width: 100%; height: 41px; margin-top:8px; } 

#inner { clear: both; padding: 20px; margin:0 auto; }
body.search #inner { padding-bottom: 50px; }

#footer { color: #000; font-size:10px; margin: 0 auto; }
#footer img { margin: 0 5px; padding-top: 5px; }
#footer a { color: #000; text-decoration: underline; font-size:10px; }	
#footer a:hover { color:#151558; text-decoration: none;  }

#officesFooter { border-top:5px solid #0079c6; border-bottom:5px solid #e77921; text-align:center; width:auto; height:70px; }
#officesFooter div.items { margin:10px; float:left; }
#officesFooter table { font-family:trebuchet ms; font-size:11px; }

#clear { clear: both; }

/* --------- [home] --------- */

.call { 
	display:block; 
	float:right; 
	margin:10px; 
	font-size:16px; 
	font-weight:bold; 
	font-family:Arial, Helvetica, sans-serif; 
	color:#666; 
}
		
/* ---------- [featured] ---------- */

#featured { margin: 0 auto; margin-top: 20px; padding: 13px 3px 10px 3px; border-bottom: solid 1px #D8D8D8; height: 150px; }
#featured div { float: left; margin: 13px; font-size: 11px; text-align: center; width: 115px; text-transform: uppercase; }
#featured img { width: 115px; height: 88px; }
#featured span { display: block; }


/* ------ [Quick Search] -------- */

#quickSearch { width:200px;height:240px; background:#dcdec6; border:1px solid #90927D;}
#quickSearch strong { font-size: 12px; text-transform: uppercase; display: block; float: left; margin: 3px 10px; color:#555; }
#quickSearch fieldset { display: inline; }
#quickSearch input, #quickSearch select, #quickSearch button { font-size: 11px; margin: 0 1px; }
#quickSearch input { height: 16px; border: solid 1px #C2C2C2; }
#quickSearch select { height: 20px; width: 105px; }
#quickSearch .areas { width: 120px; }
#quickSearch #agentsStr { width: 120px; padding: 2px; height: 14px; }
#quickSearch .searchType input { border: none; float: left; }
#quickSearch .searchType label { margin: 5px; float: left; }
#quickSearch .searchType { padding: 1px 0 5px 0; margin: 5px; }
#quickSearch .essentials { padding: 1px 0 10px 0; margin: 0px; padding-left: 135px;}
#quickSearch .webID { padding: 1px 0 10px 0; margin: 0px; }
#quickSearch button { margin: 0 5px; }
#quickSearch button.go { background: url(../images/visuals/qs-go.gif) no-repeat; width: 35px; height: 22px; }

/* --------- [web ID search] ---------- */
	
#webIDForm button { margin: 0 5px; }
#webIDForm #agentsStr {	width:158px; padding:1px 2px; border:solid 1px #474a77; color:#ccc; background:#676792; font-size:12px;}

/* -------- [search form] ------- */

#search_form_layout { width:auto; }
#search_form_layout strong { margin-bottom: 10px; display: block; font-size: 12px; }
#search_form_layout label { display: block; }
#search_form_layout .BOX_panel { margin: 20px 15px; }
#search_form_layout .col1, #search_form_layout .col2 { padding: 0; }
#search_form_layout .col1 table { width: 100%; }
#search_form_layout .col1 td { width: 100%; }
#search_form_layout .col1 .essentials { margin: 15px 0; }
#search_form_layout .col1 select { width: 150px; }
#search_form_layout .col2 .BOX_panel { padding: 10px 0; width: 450px; }
#search_form_layout .col2 button { margin: 0 10px; }
#search_form_layout .col2 h3 { margin: 0 10px; }
#search_form_layout .col2 img.map { margin: 20px 0; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; }
#search_form_layout .priceRange select { width: 120px; margin: 2px 0; }
#search_form_layout .priceRange span { padding: 0 2px; font-size: 11px; }
#search_form_layout .box a.login { font-size: 11px; margin: 5px; }

fieldset.areas label { display: block; width: 185px; }
.mainAreas { display: block; text-align: center; font-size: 11px; }
.main_cat_group { margin: 2px 0; }
.main_cat_group .head { margin-bottom: 0px; display: block; font-size: 12px; font-weight: bold;width: 150px; }
.sub_cat_group { margin: 5px 10px; /*display: none; visibility: hidden;*/ float:none; clear:both; width:130px; }

#map_selectAll { position:absolute;  font-weight:bold; z-index:10000; }
#quickSearch-container	#map_selectAll { margin-left:140px;		margin-top:245px;	}
#search_form_layout			#map_selectAll { margin-left:-125px;	margin-top:40px;	}
	
/* ----- [search results] ------ F2F7E7 BCC5B5 */

#fav_text { font-size: 10px; }
#searchStored_text { float: left; margin-right: 10px; }
#search_options { margin-bottom: 10px; }

#searchResults .sort { float: left; }
#searchResults .sort .header { float: left; padding: 5px; }
#searchResults .control_panel { padding: 5px; text-align: right; }

#fav_text { padding: 1px 5px; }
#searchResults #fav_text { float: left; }

#sResults_layout { width: 100%; clear: left; margin: 0 auto; border: solid 1px #d5d5d5; }
#sResults_layout th, #sResults_layout td { text-align: left; }
#sResults_layout td.contact, #sResults_layout .SRHead_Agent, #sResults_layout .SRHead_Empty {  }
#sResults_layout th { padding: 5px; font-weight: bold; font-size: 14px; }
#sResults_layout th img { margin-left: 10px; }
#sResults_layout th a { text-decoration: underline; }	
#sResults_layout th.SRHead_Empty a { font-size: 11px; font-weight: normal; }
#sResults_layout th.SRHead_Empty { font-size: 11px; vertical-align: middle; font-weight: normal; }
#sResults_layout th .selectable { font-size: 14px; }
#sResults_layout th .selected { font-size: 14px; font-weight: bold; }
#sResults_layout td {	padding: 5px; }
#sResults_layout .photo, #sResults_layout img {	width: 71px; }	
#sResults_layout td img { float: left; border: solid 1px #ccc; }
#sResults_layout .location { width: 100px; }
#sResults_layout .size { width: 100px; }
#sResults_layout .price { width: 60px; }
#sResults_layout .costs { width: 75px; }	
#sResults_layout .title { width: 125px; }	
#sResults_layout .title a { text-transform: capitalize; font-size: 12px; text-decoration: underline; color: #333; }	
#sResults_layout .title div a { text-transform: none; font-size: 10px; text-decoration: none; font-weight: bold; }		
#sResults_layout .title div a:hover { text-decoration: underline; }	
#sResults_layout .description { width: 175px; }
#sResults_layout .contact { width: 175px; border-right: none; }	
#sResults_layout .title a.openHouse { font-weight: normal; color: #D57106; font-size: 13px; }

/* ----- [pagination] ------- */

#pagination { padding: 5px; }

/* ------- [details] ------- */

#details_layout { width: 100%; margin: 0; }
.BOX_panel #details_layout .BOX_panel { }
#details_layout hr { margin: 0; }
#details_layout .left { width: 330px; margin-right:10px; }
#details_layout .right {  }
#details_layout .info { margin: 0; width: 100%; margin-bottom: 20px; }
#details_layout .info td { padding: 0; }
#details_layout .info .inner_left div,
#details_layout .info .inner_middle div { padding: 1px 0; }
#details_layout .info .inner_left .field,
#details_layout .info .inner_middle .field { float: left; clear: left; width: 100px; }
#details_layout .info .inner_middle { padding: 0 20px 0 0; }
#details_layout .info .inner_right { width: 175px; }
#details_layout .info .inner_right div { padding: 3px; margin: 2px 0; }
#details_layout .info .inner_right a { color: #555; }
#details_layout .info .inner_right #fav_text { background: none; }
.BOX_panel #details_layout .info .inner_right #fav_text a { color: #454545; }
#details_layout .info .inner_right .fav_option { padding: 0; margin: 0; }
#details_layout .description { text-align: justify; }
#details_layout .contact .agent { padding: 0; }
#details_layout .contact { margin-top: 20px; width: 100%; }
#details_layout .contact img { border: solid 1px #777; }
#details_layout .contact td { padding: 0 10px; }
#details_layout .contact td td { padding: 0; }

#listingNav { float: right; margin: -3px 5px; }
#listingNav a { color: #555; font-size: 13px; }
#listingNav div { float: left; }
#listingNav .prev { padding-right: 5px; }
#listingNav .middle { width: 3px; text-align: center; }
#listingNav .next { padding-left: 6px; }

#propertyContactForm TEXTAREA { width:250px; height:52px; }
#propertyContactFormComment { float:left; }
#propertyContactFormSubmit { float:none; margin-top:100px;}
#propertyContactFormFields { float:left; width:120px; }
#propertyContactForm DIV.fieldName, #propertyContactFormFields DIV.fieldName { float:none; border:none; width:80px;}
#propertyContactFormFields INPUT.text{ float:left; width:100px;}
#propertyContactFormComment { clear: left; }
#propertyContactFormComment TEXTAREA { width:220px; height:52px; float:none;}

/* -------[account]------ */

.mySearches th { background: #333; color: #fff; padding: 5px; text-align: left; }
.mySearches td { background: #e5e5e5; color: #333; padding: 5px 10px; text-align: left; border-bottom: solid 1px #f5f5f5; }
h1.account, h2.account { margin: 0; }
h1.account { color: #454545; font-size: 18px; }
h2.account { font-size: 20px; }
	
/* ------[agents]------ */

#agents_layout th { font-size: 14px; text-align: left; background: #333; color: #fff; padding: 5px; }

/* ----------[neighborhoods]----------- */

#neighborhoods_layout { width: 100%; margin: 15px 0; }
#neighborhoods_layout img.title { margin: 0; }
#neighborhoods_layout td { padding: 0; }
#neighborhoods_layout .nav li { /*list-style-type: disc;*/ margin: 0 25px; }
#neighborhoods_layout .nav li li { /*list-style-type: circle;*/ margin: 5px 20px; }
#neighborhoods_layout .body { width: 80%; }
#neighborhoods_layout .body h3 { margin: 75px 15px 35px 15px; font-size: 18px; } 
#neighborhoods_layout .body div { margin: 0 20px; }

/* ---------[agents]---------- */

#agent_layout td { padding: 0 10px; }
#agent_layout .col1 { white-space: nowrap; }
#agents_layout th { padding: 5px; font-weight: bold; font-size: 14px; color: #454545; border-bottom: solid 1px #ccc; border-right: solid 1px #ccc; }	
#agent_layout td img { margin-bottom: 5px; border: solid 1px #555; border-right: 2px #333; border-bottom: 2px #333; }
#agent_layout h1 { margin-bottom: 0; letter-spacing: -1px; text-transform: uppercase; font-weight: bold; font-size: 13.5pt; }
#agent_layout .col2 {  }
#agent_layout .col3 { width: 180px; }
#agent_layout .col3 td { padding: 0; font-size: 10px; }
#agent_layout .col3 th { text-align: center; background: #424242; color: #DEDEDE; padding: 1px; letter-spacing: 1px; text-transform: uppercase; font-size: 14px; font-weight: normal; }
#agent_layout .col3 td.value { text-align: right; }
#agent_layout .col3 td.description { padding: 10px 0; text-align: center; }
#agent_layout .col3 td.description strong.title { text-transform: uppercase; display: block; }

/* -------- [content pages] ------- */

#resources_layout li li { margin-left:20px; }

#links_container { padding: 10px; }
#links_layout img { display: block; border: solid 1px #ccc; }
#links_layout td { padding: 10px 20px; width: 33%; }

#inner.about_content,
#inner.contact_content { padding: 35px 70px 70px 70px; }
#about, #contact { padding: 0px 15px; border: solid 1px #CFCFCF; }
#contact { padding-bottom: 15px; }

#content { padding: 0 20px; font-size: 11px; padding-bottom: 10px; }
#content li { margin: 5px 20px; }
#content li li { margin: 5px 40px; }
#content.guides h3 { margin: 0; font-size: 15px; margin-top: 20px; }
#content.about h3 { margin: 0; font-size: 14px; margin-top: 10px; }
#content.about h2 { color: #970F00; font-size: 15px; }
#content.about ul { margin: 20px 0; }
#content.careers { }
#content.careers div.caption { color: #cc0000; width: 435px; margin: 10px 0; font-size: 20px; }
#content.careers h3 { font-size: 16px; margin-top: 20px; }
#content.careers p { margin: 10px 0; }

/*-----------------[contact us]------------------*/

.contact_info { float: right; width: 260px; margin-left: 20px; }
.contact_info strong { display: block; font-size: 14px; margin-bottom: 5px; }
.contact_info span { display: block; float: left; width: 55px; font-size: 14px; clear: left; }
.contact_info a { }

#contactBox { vertical-align:top; }
#contactFieldName { float:left; width:70px; font-weight:bold; height:30px; }
#contactFieldValue { width:200px; height:30px; }
#contactForm INPUT.text { width:280px; font-size:12px; margin-right:5px; }
#contactForm TEXTAREA { width:280px; height:100px; font-size:12px;}
#contactForm INPUT.city { width:150px;}
#contactForm INPUT.state { width:30px;}
#contactForm INPUT.zip { width:82px;}
#contactForm #fieldName { width:120px;font-weight:bold;}
	
/* -------- [my account] ------- */

#login_layout { width: 100%; }
#login_layout .last { background: none; }
#col1 { float: right; }
#col2 { float: left; }
#login_layout form.accountForms { margin: 10px 15px 0px 0px; }
#login_layout .form { text-align: right; }
#login_layout .form label { display: block; font: 8pt Arial, Helvetica, sans-serif; color: #666; margin-bottom: 8px; }
#login_layout .form input.form-txtfield,
.form input.form-ptxtfield { border: solid 1px #ccc; width: 153px; margin-left: 5px; }
#login_layout .form input.form-submit { margin-top: 12px; }
#account-home { font-family: Arial, Helvetica, sans-serif; }
#account-header td { font-family: Arial, Helvetica, sans-serif;	 white-space: nowrap; }
#account-header .links { font-size: 11px; }
#account-header .links a:hover { text-decoration: underline; }
#account-header .welcome { color: #484848; }
#account-header .welcome span { color: #CE0000; font-size: 18px; }
#account-edit td { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#login_layout div.box {width: 247px; padding: 20px; overflow: hidden; text-align: left; margin: 0 30px; }
#accountHome_layout h3 { font-weight: normal; font-size: 14px; }
#accountHome_layout .h_divider div { height: 20px; }

.results_title th { font-size: 16px; padding: 0 10px; }
	
/* ------- [message display boxes] ------ */

.MSG_ .title { font-size: 12px; font-weight: bold; }
.MSG_ { float: right; width: 150px; }	
img.MSG_information { float: left; padding-right: 10px; padding-bottom: 10px; }
#MSG_default { margin-left: 615px; margin-top: 20px; }
#MSG_default, #MSG_webID, #MSG_contact, #MSG_register, #MSG_login {
	color: black;
	position: absolute;
	visibility: hidden;
	width: 200px;
	padding: 10px;
	font-size: 10px;
	font-family: verdana, helvetica, arial;
	background: #ebebeb;
	border: solid 1px silver;
	z-index: 1000;
	padding-right: 20px;
	text-align: left;
}
	
#MSG_webID { margin-top: 2px; }
#webID #MSG_webID { margin: 45px 0 0 -250px; }
#MSG_contact {  }

p.location { font-size: 9.5pt; font-weight: bold; color: #666;}

span.options3 { font-size: 9.5pt; font-weight: bold; color: #666; font-family: Arial, Helvetica, sans-serif; }
span.options, span.options2 { font-size: 7.5pt; font-weight: normal; color: #666; font-family: Arial, Helvetica, sans-serif; }
span.options { padding-left: 23px;}
span.options2 {	padding: 0;}
span.location { font-size: 9.5pt; font-weight: bold; color: #666; padding-left: 3px; font-family: Arial, Helvetica, sans-serif; }

img.search-search { margin: 30px 0 0 75px; }

#col1 { width: 160px; float: left; }
#col2 {	width: 300px; margin:0 20px; }
#col3 {	width: 200px; }

/*
#location1 { margin: 0 160px 0 0; }
#location2 { width: 147px;  float: right;  }
*/

#searchFrm { width: 610px;}
	
#searchFrm td { vertical-align: top;}
	
a.expand, a.expand:link, a.expand:visited, a.expand:hover, a.expand:active { text-decoartion: none; color: #666; }
	
#home-td {
	background:url(../images/visuals/home.jpg);
	background-repeat:no-repeat;
	background-position: top center;
	height: 255px;
}

#quickSearch-container {}

.dollar_input{
	width:75px; 
	background:#fff url(../images/visuals/dollar.gif); 
	background-repeat:no-repeat; 
	background-position:left; 
	padding-left:10px;
}

.sqft_input{
	width:75px; 
	background:#fff url(../images/visuals/sqft.gif); 
	background-repeat:no-repeat; 
	background-position:right; 
	padding-left:5px;
	padding-right:15px;
}

.propertyType { 
	color:#151558;
	font-weight:bold;
	height:32px;
	background:white;
	position:relative;
	top:240px;
	left:0px;
	filter:alpha(opacity=70);
	-moz-opacity:.7;
	opacity:.7; 
	text-align:center;
	font-size:14pt;
	padding-top: 8px;
	width:300px;
}

.propertyInfo { 
	color:#151558;
	font-weight:bold;
	height:28px;
	background:white;
	position:relative;
	top:240px;
	left:0px;
	filter:alpha(opacity=70);
	-moz-opacity:.7;
	opacity:.7; 
	text-align:center;
	font-size:10pt;
	padding-top: 12px;
	width:300px;
}

.image_td {	background:url(../images/backgrounds/image-back.png) no-repeat; color:#151558; font-weight:bold;}
.image_div { position:relative; top:-40px; left:4px; }
.home_td { padding-left:10px; color:#151558; font-weight:bold; width:33%; }
.office_table { width:100%; margin: 0px auto; color: #fff; font:Georgia, "Times New Roman", Times, serif; font-size:14px; font-weight:bold; background:#90927D}
.footer_table { width:951px; margin: 10px auto; }
.header_table { width:951px; margin: 0px auto;  }
.web_id_go { width:35px; height:22px; padding:10px;}
.pics {  height:  230px;  width:   230px;  padding: 0;  margin-left:  10px;  } 
.pics img { background-color: #eee; cursor: pointer;  width:  160px; height: 120px; border: 1px solid white; top:  0; left: 0; }
.description { padding: 3px 15px 15px 15px;}
.submit_button { background:#90927D; color:#fff; font-weight:bold; border:1px outset #9797BA; }
.submit_button:hover { color:#ccc; border:1px inset #9797BA; }
.frmQuickSearch_table { margin:10px 15px; color:#7d6633; width:170px; }
.dspOpenHouse_box { padding:5px; border:1px solid black; width:110px; margin-top:5px;}
.dspOpenHouse_heading { font-weight:bold }
.yui-tt { color: #000; border: 1px solid #444; background-color: #90927D; font-size:110%}
.dspSearchResults_amenities { padding-left:20px; list-style-type: square;}
.dspProperty_essentials { }
.dspProperty_amenities { }
.dspProperty_options { list-style-image:none; font-family:arial,verdana,helvetica; font-size:12px; width:310px; padding-left:6px;}
.dspProperty_options div {padding: 3px 0; margin: 2px 0; background:#90927D none repeat scroll 0 0;}
.dspProperty_options a { color:white; } 
.dspProperty_options #fav_text { background:none; }
.dspProperty_options #fav_text a { color:#000066; }

.mapInfoWindow { background-color:#FFFFFF; border:1px solid #000000; }
.mapInfoWinAddress { background-color:#E6E9DF; color:#000000; font-size:14px; font-weight:bold; height:18px; padding-left:4px; padding-top:2px; white-space:nowrap; }
.dspLogin_table { width:725px; margin:0 auto; }
.dspLogin_header { background:url(../images/backgrounds/menu-back.png) repeat-x top center; color:#fff; border: 1px outset black; text-align:center; line-height:24px; }
.dspLogin_inner {border: 1px outset black; background:white; }
.dspLogin_td {padding:2px 20px; font-weight:bold;}
.dspLogin_input {width:172px; background:#FFFFCA; }

#alertsContact .text { font-size: 7.5pt; font-family: Arial, Helvetica, sans-serif; width: 140px;}
#alertsContact td input {width: 180px;}
#alertsContact .ext {width: 50px;}
#alertsContact .phone {width: 121px;}

#Navigation li, #Navigation ul { list-style-image: none; list-style-type: none; margin: 0; padding: 0; }
#Navigation { margin: 0 auto; text-align: left; }
#NavigationBlock { width: auto; margin: 0; text-align: left; background: none; }	
#NavigationItem, #NavigationItem li ul { padding: 0; margin: 0; height: auto; text-align: left; list-style: none; text-indent: 0px; }
#NavigationItem a { display: block; padding: 0; -left: 0px; text-decoration: none; padding-top: 0px; }
#NavigationItem a:hover { left: auto; }	
#NavigationItem li { float: left; left: auto; margin: 0; text-indent: 0px; }	
#NavigationItem li ul {
	position: absolute;
	left: -10000px; 
	text-indent: 0px;
	z-index: 1000;
	margin-left: 2px;			
	margin-top: -2px;
	background: #ccc;
	border-bottom: none;
	padding: 1px 0; 
}
#NavigationItem li ul li { margin: 1px 0; float: none; }
#NavigationItem ul li a.subMenu {
	z-index: 10000;
	left: auto;
	text-decoration: none;
	font-size: 8pt;
	padding-left: 0px;
	padding-right: 0px;
	padding: 5px;
	width: 112px;
	margin-left: 0px;
	margin-top: 0px;
	height: auto;	
}	
#NavigationItem ul li a.first { /*background: url('images/backgrounds/nav.gif') repeat-x;*/ }
#NavigationItem li:hover ul, #NavigationItem li.sfhover ul { left: auto; }		
#NavigationItem li:hover, #NavigationItem li.sfhover { background: none; }	
#NavigationItem a.navMenu {
	margin: 0;
	padding: 8px 34px 8px 35px;
	font-size: 10pt;
	font-weight: bold;
	text-transform: uppercase; 
	/*font-family:trebuchet ms;*/
	background:url(../images/backgrounds/menu_back_off.gif);
}
#NavigationItem a.navMenuOn { 
color: #DCDCDC; 
background:url(../images/backgrounds/menu_back_on.gif);
}
#NavigationItem a.last-item {border-right:none; }
#NavigationItem a.first-item { border-left:none;}
#NavigationItem a.navMenu_sec {
	padding: 4px;
	border-right: solid 1px red;
	font-size: 8pt;
	font-weight: bold;
	text-transform: uppercase; 
	font:trebuchet ms;
}
#NavigationItem a.navMenu_sec:hover { color: #CC3333; }
#NavigationItem a.navMenu_secOn { color: #CC3333; }
#NavigationItem a.last-item { border-right:none;}
#NavigationItem a.first-item { border-left:none;}