/* 
--------------
PLEASE DO NOT EDIT THIS FILE.
You may make changes local to your site in main.css
--------------
Authors: Tom Rose tom@slurve.com, Jo Ann Thomte jthomte@advance.net
Updated: 11/27/2007
Project: Real Estate
File: re_master.css
*/  

/* -------------------------------------------------- global */  
body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
img, a img { border: none; }
table, tr, th, td { border-collapse: collapse; }
form { margin: 0; padding: 0; }
input, textarea { font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
ul, ul li { margin: 0; padding: 0; list-style-type: none; }
  
/* -------------------------------------------------- links */  
a, a:visited { color: #05709e; text-decoration: underline; }  
a:hover { color: #000; text-decoration: underline; }  
ul.featuredAdvertiserLinks li a { color: #00e; }
  
/* -------------------------------------------------- utility */  
.clear { clear: both; font-size: 1px; line-height: 1px; overflow: hidden; }
.shell { padding: 4px 12px 4px 7px; }
.label { margin: 10px 0 7px 0; }
.labelAlt { margin: 10px 0 0 0; }
.floatRight { float: right; margin: 0 0 0 10px; }
.floatLeft { float: left; margin: 0 10px 0 0; }
.icon { vertical-align: middle; }  
.more { font-size: 10px; }
.bullet { color: #05709e; }
.arrow { color: #f00; }
li.title { font-weight: bold; }
p.small { font-size: 10px; }
.links { margin: 10px 0; padding: 0; list-style-type: none; position: relative; }
.links li { margin: 0 0 3px 0; padding: 0 0 0 8px; background: url(../../images/re/bul_green.gif) 0 5px no-repeat; position: relative; }

/* -------------------------------------------------- containers */  
#container { width: 980px; padding: 0 10px 0 0; text-align: left; }
#main { width: 810px; float: left; text-align: left; margin: 6px 10px 0 0; font-size: 12px; }
#sidebar { width: 160px; float: left; padding: 15px 0; margin: 6px 0 0 0; text-align: left; font-size: 11px; }
#footer { clear: both; }  
.twoColA { width: 330px; float: left; margin: 0 10px 0 0; }
.twoColB { width: 470px; float: left; margin: 0; }
.threeColA { float: left; width: 20%; }
.threeColB { float: left; width: 40%; margin: 0 10px; }
.threeColC { float: left; width: 35%; }
.subA {float: left; width: 160px; margin: 0 8px 0 0; }
.subB { float: left; margin: 10px 0 10px 0; }
.footerv2 { clear: both; }
.Tower { margin: 0 0 10px 0; }

/* -------------------------------------------------- headers */  
h1 { margin: 0; font-size: 18px; }
h2 { margin: 0 0 6px 0; font-size: 16px; color: #78838a; }
h2 em { color: #ea8900; font-style: normal; }
h2.special { background: url(../../images/re/bg_results.gif) 0 0 repeat-x; border-bottom: 1px solid #93c0cf; height: 18px; color: #fff; font-size: 14px; padding: 0 0 0 6px; margin: 0; }
h2.view { background: url(../../images/re/bg_viewmap.jpg) 0 0 repeat-x; height: 27px; color: #fff; font-size: 22px; padding: 1px 0 0 6px; margin: 0; border: none; }
h2.alt { background: url(../../images/re/bg_modify.jpg) 0 0 repeat-x; border: 1px solid #525252; border-top: 1px solid #515151; height: 16px; color: #fff; font-size: 14px; padding: 2px 0 0 6px; margin: 0; }
#sidebar h2 { font-size: 10px; margin-bottom: 10px; }

/* -------------------------------------------------- homepage - banner */  
.banner { position: relative; border-bottom: 1px solid #aeb7bc; margin: 0 0 12px 0; }
.banner p { position: absolute; top: 15px; right: 10px; font-size: 11px; font-weight: bold; margin: 0; }
.banner a, .banner a:visited { color: #e84800; }  
.banner a:hover { color: #000; }  
p.leadTxt { margin: 0 0 7px 0; }
#tabs { border-bottom: 1px solid #b2b6b7; }
.banner .bullet { color: #e84800; }
.mainLogo a { position: relative; width: 397px; height: 0px !important; display: block; background: url(../../images/re/blre_mast.jpg) top left no-repeat; overflow: hidden; padding: 32px 0 0 0; }
.mainLogo a:hover { background-position: 0 0; border: none; }

/* -------------------------------------------------- homepage - results page - search box */  
.searchBox { background-color: #fff ; font-size: 11px; border: 1px solid #b2b7ba; border-top: 1px solid #0f3c4b; margin-bottom: 10px; }
.searchBox label { font-size: 11px; display: block; font-weight: bold; padding: 3px 0; position: relative; }
.searchBox p { margin: 15px 0 0 0; }
.searchBox select, .searchBox input { font-size: 11px; width: 100%; }  
.moreOptionsBox { width: 100%; background-color: #e0f0f6; border-top: 1px dotted #b0d6e4; padding-bottom: 5px; margin-top: 5px; }
.moreOptionsSubmit { text-align: right; line-height: 1px; font-size: 1px; margin: 10px 0 3px 0; }
.formMapRegion { float: left; width: 48%; margin-right: 10px; }
.formRegion { float: left; width: 48%; }
.formRegion.wide select { width: 309px; }
.formArea { width: 60%; padding: 8px 0; clear: both; }
.formArea select { width: 309px; }
.formArea p { font-size: 9px; margin: 3px 0 0 0; line-height: 10px; }
.formNHCId { position: relative; margin: 0 0 10px 0; }
.formNHCId input { width: 60%; }
.formMLS { float: left; width: 155px; }
.formMLS input { width: 135px; }
.formMLS.narrow2 { width: 40%; float: left; }
.formMLS.narrow2 input { width: 95%; }
.formZip { float: left; width: 127px; margin: 0 10px 10px 0; }
.formZip em, .formMLS em { color: #E64404; font-style: normal; }
.formZip.wide { width: 98%; margin-right: 0; }
.formZip.alt { margin-right: 0; }
.formPriceRange { float: left; width: 100%; margin: 0 0 10px 0; font-weight: bold; }
.formPriceRange select { width: 47%; }
.formBedrooms { float: left; width: 34%; margin: 0 10px 10px 0; }
.formBathrooms { float: left; width: 34%; margin: 0 10px 10px 0; }
.formRestrict { float: left; width: 54%; margin: 10px 10px 0 0; }
.formRestrict input { width: 12px; margin-bottom: 0px; }
.formRestrict p { font-size: 9px; display: inline; }
.formTypes { float: left; width: 42%; margin: 10px 0 0 0; }
.formFeatures { width: 54%; float: left; margin: 10px 10px 0 0; }
.formFeatures .formAcreage { float: left; margin: 0 10px 7px 0; }
.formFeatures .formSquareFeet { float: left; }
.formFeatures input { width: 12px; margin-bottom: 0px; }
.formFeatures select { width: 70px; margin-bottom: 0px; }
.formFeatures p { font-size: 10px; display: inline; }
.formDisplay { width: 40%; float: left; margin: 9px 0 0 0; font-weight: bold; }
.formDisplay select { width: 85%; }
.formDisplay .formPhotos { margin: 0 0 5px 0; }
.formCheckList { margin-bottom: 10px; }
.formNHCId.narrow { width: 50%; float: left; margin-right: 15px; }
.formNHCId.narrow input { width: 100%; }
.formNHCId.narrow p { margin: 4px 0 0 0; font-size: 9px; }
.formSubmit { float: right; width: 50%; margin: 10px 0 0 0; text-align: right; }
.formSubmit img { margin: 2px 0; vertical-align: middle; }
.formSubmit .resetLink { font-weight: bold; margin: 2px 5px 0 0; }
.moreOptionsBox .formSubmit { float: right; margin-top: 4px; *margin-top: 2px; text-align: right; width: 160px; }
.moreOptionsBox .formSubmit img { margin-bottom: 7px; *margin-bottom: 4px; }

/* -------------------------------------------------- homepage - resources */  
.resources { position: relative; background-color: #D7E1A2; padding-bottom: 5px; height: 200px; }
.resources .title { float: left; margin: 5px 0 0 5px; font-size: 9px; color: #333; position: relative; }
.resources .title p { margin: 0; }
.resources .tabs { float: right; margin: 5px 5px 0 0; position: relative; }
.resources .tabs img { margin: 0 0 0 5px; }
.resourcesContent { position: relative; clear: both; height: 140px;  text-align: right; padding: 5px 7px; margin: -4px 5px 0 5px; background-color: #F6FDDD; }  
.resourcesContent h2 { margin: 2px 0 7px 0; color: #6F745A; font-size: 20px; text-align: left; }  
.resourcesContent img { margin: 3px 0; padding: 3px 0; }  
.resourcesContent .thumb { margin: 0 10px 0 0; float: left; position: relative; }  
.resourcesContent p { margin: 0; margin-bottom: 4px; text-align: left; }  
/* .resourcesContent .item { float: left; border-right: 1px solid #D7E1A4; position: relative; margin: 10px 0 0 0; padding: 0 2px; font-size: 11px; font-weight: bold; color: #686C53; } */ 
.resourcesContent .item { display:block; position: relative; margin: 10px 0 0 0; padding: 0 2px; font-size: 11px; font-weight: bold; color: #686C53; }  
/* .resourcesContent .item.last { border: none; }  */
.resourcesContent .financeAds { text-align: left; margin: 3px auto 0 auto; width: 100%; }
.resourcesContent .financeAds div { padding-left: 35px; float: left; }

/* -------------------------------------------------- homepage - featured properties */  
.featuredPropertyItem { margin-bottom: 15px; }  
.featuredPropertyItem img { border: 1px solid #7A7B75; margin-bottom: 4px; }  
.featuredPropertyItem ul { margin: 0; padding: 0; }  
.featuredPropertyItem li { margin: 3px 0; }  
.featuredPropertyItem .title { font-weight: bold; }  
.featuredPropertyItem .details { font-size: 11px; }  
.homeOfTheWeekItem { margin-bottom: 15px; }  
.homeOfTheWeekItem img { border: 1px solid #7A7B75; margin-bottom: 4px; }  
.homeOfTheWeekItem ul { margin: 0; padding: 0; }  
.homeOfTheWeekItem li { margin: 3px 0; color: #555; font-size: 12px; }  
.homeOfTheWeekItem .title { font-weight: bold; }  
.homeOfTheWeekItem .details { }  

/* -------------------------------------------------- homepage - video */  
/*.DMC { margin-top: 15px; } commented out by trose to fix spacing issue in apartments */
.realEstateVideo { background-color: #F6EFD2; border: 1px solid #B8B570; text-align: center; font-size: 9px; width: 220px; height: 214px; }
.realEstateVideo p { margin: 5px 0; }
.findButtons { clear: both; text-align: center; }
.findButtons img { margin: 12px 3px; }

/* -------------------------------------------------- homepage - latest in real estate */  
.latestInRealEstate { border-top: 1px solid #2E3D06; border-bottom: 1px solid #D6E29A; background-color: #F7FCDE; margin-bottom: 10px; }
.latestInRealEstate em { color: #4E6411; font-style: normal; font-weight: bold; font-size: 11px; display: block; margin: 15px 8px 8px 8px; }
.latestInRealEstate h3 { font-size: 14px; margin: 0 8px; }
.latestInRealEstate p { margin: 3px 8px 8px 8px; }
.latestInRealEstate ul { margin: 0 8px 8px 8px; }
.latestInRealEstate a { font-weight: bold; }

/* -------------------------------------------------- homepage - foreclosure tool */  
.foreclosureTool { margin-bottom: 20px; }
.foreclosureTool p { font-size: 9px; font-style: italic; }
.foreclosureWidgetIframe { width:470px; height:278px; border:0; overflow:hidden }
.foreclosureLabel { margin: 10px 0 2px 0; padding: 8px 0 0 2px }

/* -------------------------------------------------- sidebar */  
.sponsor { margin-left: 15px; }
.sponsorLinks { margin: 15px 0 0 0; padding: 0 0 10px 0; list-style-type: none; color: #05709E; border-bottom: 1px solid #DADFBF; }
.sponsorLinks li { color: #05709E; font-size: 10px; font-weight: bold; }
.featuredAdvertisers { text-align: center; margin: 5px 0 0 0; }
.featuredAdvertisers img { margin: 3px 0; }
.featuredAdvertiserLinks { margin: 15px 0 10px 0; padding: 0 0 10px 7px; list-style-type: none; }
.featuredAdvertiserLinks li { font-size: 10px; }
.ehoLogo { margin-left: 40px; }
.siteMapLink { margin: 20px 0 0 10px; }
.siteMapLink a { color: #E84800; }  
.siteMapLink a:hover { color: #000; }  
.siteMapLink .bullet { color: #E84800; }
  
/* -------------------------------------------------- results page */  
#communityIdLink { width: 100%; position: relative; }
.helpLink { position: absolute; margin-left: 4px; }
.helpBox { display: none; width: 275px; font-size: 11px; position: absolute; background-color: #B4EBFF; border: 1px solid #6CC4E8; padding: 5px; z-index: 5000; }
.helpBox p { margin: 0; }
.resultsBox { font-size: 11px; margin: 4px 0; }
.resultsBox .buttons { margin: 0; padding: 0; }
.resultsBox .buttons li { margin: 2px 0 0 0; padding: 0; float: left; }
.resultsBox .buttons a { width: 21px; height: 20px; display: block; float: left; margin: 0 1px; text-indent: -5000px; overflow: hidden; }
.resultsBox .buttons a:hover { background-position: 0 -20px; } 
.resultsBox .buttons .buttonContact { width: 83px; height: 14px; margin-top: 2px; }
.resultsBox .buttons .buttonContact:hover { background-position: 0 -14px; }
.resultsNav { border-bottom: 1px solid #E9E9E9; }
.resultsNav.alt { margin-bottom: 5px; }
.resultsNav .modifyLink { float: left; margin: 5px 0 0 10px; }
.resultsNav .modifyLink a { font-size: 14px; font-weight: bold; color: #e7540e; }
.resultsNav .modifyLink .bullet { font-size: 11px; color: #e7540e; }
.resultsNav table { margin: 3px 0; float: left; }
.resultsNav.alt table { margin: 3px 0; float: none; }
.resultsNav td { text-align: right; font-size: 11px; padding: 0; }
.resultsNav.alt td { padding: 0 0 4px 0; }
.resultsNav td.page { text-align: left; padding-right: 25px; }
.resultsNav td.next { border-right: 1px solid #e7e6e1; padding: 0 10px 0 0; }
.resultsNav a { font-size: 10px; margin: 0 4px; }
.resultsNav input { width: 20px; font-size: 11px; margin: 0 3px; }
.resultsBox .links { font-weight: bold; margin: 3px 0; float: left; display: inline; }
.resultsBox .sort { float: right; display: inline; margin: 3px 0 0 0; }  
.resultsBox .sort select { font-size: 11px; width: 110px; }  
.resultsList { margin: 0; height: 450px; width: 328px; overflow: auto; background-color: #D5D6D1; }
.resultsItem { border: 1px solid #656460; margin: 0 0 4px 0; }

.resultsItemHighlight { border: 1px solid #656460; margin: 0 0 4px 0; }
.resultsItemHighlight .houseInfo { background-color: #FCEFC2; }
.resultsItemHighlight .houseInfo .thumbnail { background-color: #D1BE6F; }
.resultsItemHighlight .realtorInfo { background-color: #EDDB91; }
.resultsItemHighlightFP { border: 1px solid #c08484; margin: 0 0 4px 0; }
.resultsItemHighlightFP .houseInfo { background-color: #e7d6d6; }
.resultsItemHighlightFP .houseInfo .thumbnail { background-color: #c08484; }
.resultsItemHighlightFP .realtorInfo { background-color: #e6c5c5; }
.featuredProperty { color: #a80606; font-family: Arial; font-size: 11px; font-weight: bold; padding: 2px 5px 0px 5px; }

.houseInfo { background-color: #F5F4F0; }
.houseInfo .thumbnail { margin: 5px 0 0 5px; width: 76px; float: left; background-color: #D7D6D2; }
.houseInfo .thumbnail p { margin: 5px; font-size: 10px; }
.houseInfo .thumbnail input { margin-bottom: -1px; }
.houseInfo .details .openHouse { width: 60px; background-color: #fff; padding: 8px; text-align: center; float: right; font-size: 9px; }
.houseInfo .details .openHouse img { margin: 0 0 3px 0; }
.houseInfo .details .justListed { float: right; margin: 0px 0px 0px 0px; vertical-align: top; padding-right: 2px; }
.houseInfo .details .addy { float:left; width: 132px }
.houseInfo .details { margin: 5px 2px 3px 5px; float: right; width: 215px; line-height: 13px; }
.houseInfo .details .buttons { margin: 3px 0; }
.houseInfo .details .buttons img { vertical-align: middle; }
.houseInfo .details a:visited { color: purple }
.realtorInfo { padding: 5px 0; background-color: #ebeae6; }
.realtorInfo .logo { width: 70px; height: 31px; margin: 2px 0 0 5px; float: left; }
.realtorInfo .details { width: 222px; margin: 2px 0 0 6px; float: left; }
.realtorInfo .name { width: 100px; border-left: 1px solid #B7B6B2; padding-left: 20px; margin: 4px 0 0 0; float: right; }
.modifySearchBox { background-color: #fff; font-size: 11px; border: 1px solid #b2b7ba; border-top: 1px solid #0f3c4b; margin-bottom: 10px; }
.modifySearchBox label { font-size: 11px; display: block; font-weight: bold; padding: 3px 0; }
.modifySearchBox select, modifySearchBox input { font-size: 11px; width: 100%; }  
.modifySearchBox .formMapRegion, .modifySearchBox .formRegion, .modifySearchBox .formArea { float: none; width: 100%; margin: 0 0 6px 0; }
.modifySearchBox .formArea { padding: 0; }
.modifySearchBox .formArea select { width: 95%; }
.modifySearchBox .formZip { margin: 0 0 2px 0; }
.modifySearchBox .formPriceRange { float: left; width: 100%; font-weight: bold; margin: 3px 0 5px 0; }
.modifySearchBox .formPriceRange select { width: 46%; }
/* .modifySearchBox .formSubmit { float: none; width: 100%; margin: 0 0 0 0; text-align: right; }
.modifySearchBox .formSubmit .resetLink { font-weight: bold; margin: 2px 5px 0 0; }
.modifySearchBox .formSubmit img { margin: 0 2px; vertical-align: middle; } */
.modifySearchBox .formRestrict { float: left; width: 23%; margin: -30px 10px 0 0; }
.modifySearchBox .formFeatures { width: 16%; float: left; margin: -29px 10px 0 0; }
.modifySearchBox .formDisplay { width: 18%; float: left; margin: -30px 0 0 0; font-weight: bold; }
.modifySearchBox.expanded .formRestrict, .modifySearchBox.expanded .formFeatures, .modifySearchBox.expanded .formDisplay { margin-top: 10px; }
.modifySearchBox .formDisplay select { width: 100%; }
.modifySearchBox .formDisplay .formPhotos { width: 45%; margin: 0 10px 0 0; float: left; }
.modifySearchBox .formDisplay .formDate { width: 45%; float: left; }
.modifySearchBox .formFeatures select { width: 90%; }
.modifySearchBox .formFeatures .formAcreage, .modifySearchBox .formFeatures .formSquareFeet { float: none; margin: 0 0 9px 0; }
.modifySearchBox .formFeatures .formCheckList { width: 45%; float: left; }
.modifySearchBox .formTypes { float: left; width: 23%; margin: 0 10px 8px 0; }
.modifySearchBox .formAffilCheck { float: left; width: 30%; margin: 15px 14px 10px 0; }
.modifySearchBox .formAffilCheck div { float: left; width: 45%; margin: 0 10px 0 0; }
.modifySearchBox .formAffilCheck input { width: 12px; margin-bottom: 0px; }
.modifySearchBox .formAffilCheck p { font-size: 10px; display: inline; }
.modifySearchBox .formNHCId { width: 38%; margin: -35px 0 0 0; float: left; }
.modifySearchBox .formNHCId input { width: 65%; }
.modifySearchBox.nhc .formRestrict, .modifySearchBox.nhc .formTypes, .modifySearchBox.nhc .formFeatures { margin-top: 0; }
.modifySearchBox.wide .threeColA { width: 60%; }
.modifySearchBox.wide .threeColB { width: 35%; }
.modifySearchBox.wide .formRestrict { margin-top: 0; }
.modifySearchBox.wide .formFeatures { margin-top: 0; }
.modifySearchBox.wide .formDisplay { margin-top: 0; }
.modifySearchBox .formZip.wide input { width: 99%; }

/* -------------------------------------------------- details page */  
.detailsMedia .buttons a { width: 149px; height: 14px; display: block; margin: 2px 0; text-indent: -5000px; overflow: hidden; }
.detailsMedia .buttons a:hover { background-position: 0 -14px; }
.detailsBox { background-color: #F4F4F4; font-size: 11px; }
.detailsBox p { font-weight: bold; margin: 5px 7px; *height: 1%; }
.detailsContact { position: relative; background-color: #E6E6E4; border-top: 1px solid #D1D1D1; border-bottom: 1px solid #D1D1D1; margin: 0px 0px 8px 0px;  padding-left:10px;  }
.detailsContact p { position: relative; font-size: 13px; margin-bottom: 10px; }
.detailsContact .floatLeft {margin:0px; position: relative; }
.detailsContact ul { margin: 0 20px 5px 15px; padding: 0; list-style-type: none; }
.detailsContact ul li { font-size: 11px; }
.detailsMedia { margin: 0 5px; }
.detailsMedia .buttonNoLink { margin: 0 0 0 0; padding: 0 0 0 0; }
.detailsMedia .photos { width: 245px; margin-right: 20px; float: left; position: relative; }
.detailsMedia .thumbnails { margin: 5px 0; }
.detailsMedia .thumbnails td { text-align: left; padding: 0 11px 6px 0; }
.detailsMedia .thumbnails .last { text-align: right; padding-right: 0; }
.detailsMedia .tools { width: 170px; margin: 0 30px 0 0; float: left; position: relative; }
.detailsMedia .tools strong { margin: 0 0 5px 0; font-size: 12px; display: block; }
.detailsMedia .tools img { margin: 4px 0 4px 0; display: block; }
.keyinfo { margin: 50px 0 0 0; float: left; position: relative; }
.keyinfo p { font-size: 9px; color: #514F50; font-weight: normal; margin: 4px 0; width: 150px; }
.keyinfo table { width: 310px; }
.keyinfo td { font-weight: bold; font-size: 11px; padding: 0; }
.keyinfo td.label { font-weight: normal; width: 85px; }
.keyinfo td.openHouse { font-weight: bold; color: #277900; }
.detailsMore table { width: 100%; margin: 8px 0 0 0; }
.detailsMore td { font-size: 11px; font-weight: bold; vertical-align: top; padding: 0; }
.detailsMore td.label { font-weight: normal; padding: 0 2px 0 0; }
.detailsMore { background-color: #efefef; }
.detailsMore em { position: relative; display: block; clear: both; font-style: normal; font-weight: bold; border-top: 1px solid #DBDBDB; border-bottom: 1px solid #DBDBDB; margin: 10px 0 3px 0; padding: 2px 4px; color: #826D72; }
.detailsMore em.updated { margin: 0 0 10px 0; padding: 2px 4px; font-size: 9px; color: #000; font-weight: normal; }
.detailsMore .detailsDescription { width: 350px; border-bottom: 1px solid #dbdbdb; padding: 0 10px 15px 5px; }
.detailsMore .detailsDescription p { font-weight: normal; margin: 10px 0; }
.detailsMore .detailsSchools { width: 200px; border-bottom: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb; padding: 0 10px 15px 5px; }
.detailsMore .detailsFinancial { width: 213px; border-bottom: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb; padding: 0 10px 15px 5px; }
.detailsMore .detailsExterior { width: 254px; padding: 0 10px 15px 5px; }
.detailsMore .detailsInterior { width: 254px; border-left: 1px solid #dbdbdb; padding: 0 10px 15px 5px; }
.detailsMore .detailsAmenities { width: 254px; border-left: 1px solid #dbdbdb; padding: 0 10px 15px 5px; }
.agentBox { background-color: #CDDEE5; border: 1px solid #BBC8D0; margin: 0 0 10px 0; text-align: center; }
.agentBox img { margin: 5px 0 5px 0; }
.agentBox ul { margin: 4px 0 4px 10px; padding: 0; list-style-type: none; }
.agentBox li { text-align: left; }
.agentMug { width: 100%; background-color: #B4CBD3; text-align: center; }
.agentMug img { text-align: center; margin: 0; }

/* -------------------------------------------------- agent finder / results pages */  
.finderBox { background-color: #F4F4F4; font-size: 11px; position: relative; }
.finderBox em { font-style: normal; color: #E74107; }
.finderBox p { font-weight: bold; font-size: 11px; margin: 6px 4px; position: relative; display: block; }
.finderBox td { font-size: 11px; }
.finderBox input { margin: 0 15px 0 2px; }
.finderBox .byBroker select { width: 340px; font-size: 11px; }
.finderBox .byLetter, .finderBox .byName, .finderBox .byBroker, .finderBox .byOther { padding: 4px 4px 6px 6px; }
.finderBox .byLetter, .finderBox .byName, .finderBox .byBroker { border-bottom: 1px solid #D2D2D2; }
.finderBox .byOther label { float: left; width: 60px; position: relative; }
.finderBox .byOther select { float: left; width: 340px; margin: 0 0 10px 0; font-size: 11px; position: relative; }
.finderBox .moreSearch { margin: 0 0 0 60px; }
.pageWide { margin: 4px 0 0 0; padding: 8px 0; border-top: 1px solid #D2D2D2; border-bottom: 1px solid #D2D2D2; }
.pageWide td { padding: 0 4px; font-size: 11px; }
.pageWide a { font-size: 9px; }
.pageWide .page { padding: 0 30px 0 5px; }
.pageWide input { width: 20px; margin: 0; }
.agentItem { border: 1px solid #646462; margin: 6px 0; }
.agentItem td { font-size: 11px; }
.agentItem .photos { float: left; width: 260px; position: relative; }
.agentItem .photos .mug { float: left; margin: 6px 0 6px 6px; border: 1px solid #656462; }
.agentItem .photos .logo { float: left; margin: 6px 0 6px 6px; }
.agentItem .bio { float: left; width: 400px; margin: 8px 0; position: relative; }
.agentItem .bio p { font-weight: normal; margin: 4px 0 0 0; }
.agentItem .bio a { font-size: 14px; font-weight: bold; }
.agentItem .bio img { vertical-align: middle; margin: 0 8px; }
.agentItem .topInfo { background-color: #CDCCC8; }
.agentItem .bottomInfo { background-color: #F4F4F4; padding-top: 10px; }
.agentItem .bottomInfo tr { vertical-align: top; }
.agentItem .agentLinks { width: 220px; padding: 0 0 10px 8px; }
.agentItem .agentAddress { width: 220px; padding: 0 0 10px 8px; border-left: 1px solid #D2D2D2; }
.agentItem .agentMore { width: 220px; padding: 0 0 10px 8px; border-left: 1px solid #D2D2D2; }
.brokerItem { border: 1px solid #646462; margin: 6px 0; }
.brokerItem td { font-size: 11px; }
.brokerItem .name { background-color: #CDCCC8; padding: 5px 5px 8px 5px; font-size: 14px; font-weight: bold; }
.brokerItem .name img { vertical-align: middle; margin: 0 0 0 6px; }
.brokerItem .logo { padding: 4px; }
.brokerItem .mug { padding: 4px; }
.brokerItem .info { margin: 6px 6px 0 6px; }
.brokerItem .brokerLinks { width: 160px; padding: 0 0 2px 16px; }
.brokerItem .brokerAddress { width: 200px; padding: 0 0 2px 8px; border-left: 1px solid #D2D2D2; }
.brokerItem .brokerMore { width: 160px; padding: 0 0 2px 8px; border-left: 1px solid #D2D2D2; }
  
/* -------------------------------------------------- agent listings results page */  
.listingsBox .buttons li { float: none; }
.listingsItem .buttons a { width: 149px; height: 14px; display: block; float: none; margin: 5px 0; text-indent: -5000px; overflow: hidden; }
.listingsItem .buttons a:hover { background-position: 0 -14px; }
.listingsBox { background-color: #F4F4F4; font-size: 11px; }
.listingsBox p { margin: 8px 4px; display: block; }
.listingsBox .links { margin-left: 6px; }
.listingsRealtor { position: relative; border-top: 1px solid #D2D2D2; border-bottom: 1px solid #D2D2D2; background-color: #E6E6E4; padding: 0 6px; margin: 5px 0; }
.listingsRealtor p { font-weight: bold; font-size: 14px; margin: 0; padding: 10px 0; }
.listingsRealtor img { float: left; position: relative; }
.listingsRealtor .listingsAgentInfo { float: left; margin: 0 70px 10px 20px; position: relative; }
.listingsRealtor .listingsBrokerInfo { float: left; margin: 0 0 10px 20px; position: relative; }
.listingsPage td { font-size: 11px; }
.listingsPage .total { width: 200px; padding-left: 6px; font-weight: bold; }
.listingsPage .label { padding-right: 5px; }
.listingsPage .select select { font-size: 11px; width: 100px; }
.listingsItem { border: 1px solid #646462; margin: 6px 0; padding: 4px; }
.listingsItem img { float: left; position: relative; border: 1px solid #777775; }
.listingsItem .detailsA { float: left; margin: 0 40px 0 8px; font-weight: bold; position: relative; }
.listingsItem .address { font-weight: bold; font-size: 13px; }
.listingsItem .buttons { font-weight: normal; }
.listingsItem .detailsB { width: 220px; margin: 15px 0 0 5px; padding: 0 0 2px 8px; border-left: 1px solid #D2D2D2; float: left; position: relative; }
.listingsItem .detailsC { width: 220px; margin: 15px 0 0 5px; padding: 0 0 2px 8px; border-left: 1px solid #D2D2D2; float: left; position: relative; }
.listingsItem .credit { clear: both; margin: 3px 0 0 250px; font-size: 10px; }

/*--------------------------------------------------- spotlight listings */
.BannerBottom { margin-bottom: 10px; }
.spotlight_Listings { background-color: #F1EEDD; border-top: 1px solid #766a42; margin-bottom: 10px; border-bottom: 1px solid #cbc8b5; width: 470px; height: 100%; padding-bottom: 5px; text-align: center;  }
.spotlight_PropertyItem { float: left; width: 136px !important; margin: 10px 6px 5px 8px; margin: 10px 5px 2px 5px; padding-left: 4px; }
.spotlight_PropertyItem img { border: 1px solid #7A7B75; width: 136px !important; max-width: 136px !important; margin-bottom: 3px; } 
.spotlight_PropertyItem li { font-size: 11px; margin: 3px 0; text-align: left; }  
.spotlight_PropertyItem .title { font-size: 12px; font-weight: bold; }
.spotlight_PropertyItem .details { font-size: 11px; }

/* -------------------------------------------------- thank you page */  
#popupThankYou { width: 558px; margin: 20px; }
.thankYouBox { border-top: 1px solid #B6B8B7; text-align: center; }
.thankYouBox h1 { font-size: 18px; color: #832828; margin: 40px 0; }
.thankYouBox .message { background-color: #eef4f8; margin: 40px 0; padding: 10px 0; font-size: 11px; }
.thankYouBox p { margin: 3px 0; }

/* -------------------------------------------------- site map */  
.siteMapBox { background-color: #F4F4F4; font-size: 11px; }
.siteMapBox p { margin: 8px 6px; }
.siteMapBox ul { margin: 10px 6px; padding: 0; }
.siteMapBox ul li { padding: 0 0 10px 0; }
.siteMapBox .bullet { color: #000; }

/* -------------------------------------------------- agent finder results wrapper */  
.agentFinderBox h1 { font-size: 18px; color: #832828; }
.agentFinderBox ul { margin: 10px; padding: 0; }
.agentFinderBox ul li { padding: 0 0 1px 0; }
.agentFinderBox .bullet { color: #000; }
.builderFormTerms { background-color: #F2F2EE; border: 1px solid #E1E1DD; margin: 3px; padding: 5px; font-size: 11px; }
.agentFinderFormWrap { border: 1px solid #0066A1; }
.agentFinderFormBox h1 { font-size: 18px; color: #832828; }
.agentFinderFormBox { width: 990px; margin: 10px 0; }
.agentFinderFormBox table { width: 980px; margin: 0 0 7px 4px; }
.agentFinderFormBox small { font-size: 11px; }
.agentFinderFormBox .builderForm1 small { font-size: 10px; display: block; color: #6B6B6B; }
.agentFinderFormBox .colA { width: 30%; vertical-align: top; font-size: 11px; padding: 10px 8px; }
.agentFinderFormBox .colB { vertical-align: top; font-size: 11px; }
.agentFinderFormBox input { margin: 0; font-size: 12px; }
.agentFinderFormBox select { margin: 0 10px 0 0; font-size: 12px; }
.agentFinderFormBox td { padding: 4px; background-color: #F2F2EE; vertical-align: middle; }
.agentFinderFormBox th { font-size: 11px; background-color: #E1E1DD; padding: 4px; text-align: left; font-weight: normal; }
.agentFinderFormBox .title { font-size: 14px; font-weight: bold; color: #832828; background-color: #fff; }
.agentFinderFormBox .link { text-align: right; font-size: 11px; font-weight: bold; background-color: #fff; }
.agentFinderFormBox .label { width: 40%; text-align: right; padding: 0 5px 0 0; }
.agentFinderFormBox td p { margin: 8px 0 3px 0; }
.builderForm1 .label { width: 200px; }
.builderForm4 .border { font-size: 11px; border-left: 1px solid #E1E1DD; padding: 0 0 0 20px; vertical-align: middle; }
.builderForm3 .border { border-top: 1px solid #E1E1DD; }
.builderForm3 .colA { width: 45%; }
.builderForm3 .colA p, .builderForm3 .colB p { margin: 0 0 8px 0; }
.btnContinue { padding: 0 10px 10px 5px; }

/* -------------------------------------------------- thank you page */  
#popupError { width: 810px; margin: 20px; }
#popupError .affilLogo { float: left; }
#popupError .ehoLogo { float: right; margin: 20px; }
.errorBox { border-top: 1px solid #B6B8B7; }
.errorBox .message { background-color: #FDFBA8; margin: 15px 0; padding: 6px 10px; font-size: 11px; }
.errorBox .message p { margin: 4px 0; }

/* -------------------------------------------------- sell page */  
.sellBox { background-color: #F4F4F4; font-size: 11px; }
.sellBox .twoColA { width: 50%; }
.sellBox .twoColB { width: 48%; }
.sellBox .item p { margin: 4px 0; }
.sellBox .item img { vertical-align: middle; }
.sellBox .item { background-color: #E6E6E4; border-top: 1px solid #D2D2D2; border-bottom: 1px solid #D2D2D2; margin: 10px 0; padding: 10px 6px 6px 6px; height: 63px; }
.sellBox .item.highlighted { background-color: #E4EECB; border-top: 1px solid #C2DC9D; border-bottom: 1px solid #C2DC9D; }

/* -------------------------------------------------- slideshow */  
#popupSlideShow { width: 428px; background-color: #E6E6E4; }
#popupSlideShow .small { font-size: 11px; }
#popupSlideShow p { margin: 0; }
#popupSlideShow .affilLogo { margin: 3px 6px; }
#popupSlideShow .photo { background-color: #656565; text-align: center; }
#popupSlideShow .nav { background-color: #f4f4f4; padding: 8px 0 25px 0; text-align: center; border-bottom: 25px solid #e6e6e4; }
#popupSlideShow .nav a { margin: 0 10px; }
#popupSlideShow .nav a.firstPhoto { margin-right: 30px; }
#popupSlideShow .thumbnails a { margin: 0; }
#popupSlideShow .thumbnails { background-color: #000; margin: 8px 0; }
#popupSlideShow .thumbnails img { vertical-align: middle; margin: 5px 3px; }

/* -------------------------------------------------- contact form */  
#popupContactForm { width: 558px; margin: 20px; }
.contactFormBox { border-top: 1px solid #B6B8B7; text-align: left; }
.contactFormBox h1 { font-size: 18px; color: #832828; margin: 40px 0 10px 0; }
.contactFormBox table { width: 100%; border: 1px solid #00679D; }
.contactFormBox input, .contactFormBox select, .contactFormBox textarea { width: 240px; }
.contactFormBox input.narrow { width: 45px; margin: 0 2px; }
.contactFormBox input.radio { width: 12px; }
.contactFormBox input.submit { width: 54px; margin-bottom: 5px; }
.contactFormBox td { padding: 4px 6px; vertical-align: middle; }
.contactFormBox .notes { text-align: center; font-size: 11px; padding: 10px 0 0 0; }
.contactFormBox .title strong { width: 100%; display: block; text-transform: uppercase; text-align: center; color: #841F27; border-top: 1px solid; margin: 5px 0; padding: 5px 0 0 0; }
.contactFormBox .title.req strong { border-color: #DFE6F6; }
.contactFormBox .title.opt strong { border-color: #A6A6A6; }
.contactFormBox .label { text-align: right; width: 40%; }

/* -------------------------------------------------- send page to friend */  
#popupSendPage { width: 558px; margin: 20px; }
.sendPageBox { border-top: 1px solid #B6B8B7; text-align: left; }
.sendPageBox h1 { font-size: 18px; color: #832828; margin: 40px 0 10px 0; }
.sendPageBox table { width: 100%; border: 1px solid #00679D; }
.sendPageBox input { width: 240px; }
.sendPageBox textarea { width: 240px; height: 120px; }
.sendPageBox input.radio { width: 12px; }
.sendPageBox input.submit { width: 54px; margin-bottom: 5px; }
.sendPageBox td { padding: 10px 6px; vertical-align: middle; }
.sendPageBox .first { padding-top: 20px; }
.sendPageBox .label { text-align: right; width: 40%; }

/* -------------------------------------------------- view map */  

.aptDetailsMap em { font-size: 14px; font-style: normal; }
.aptDetailsMap p { font-size: 12px; }
.aptDetailsMap .aptMap { float: left; width: 470px; margin: 26px 10px 0 4px; }
.aptDetailsMap .aptLinks { float: left; margin: 12px 0 0 0; }
.aptDetailsMap .aptMap .small { font-size: 11px; font-weight: normal; }
.aptDetailsMap .links { float: none; font-weight: bold; }
.detailsBox p { position: relative; }
.detailsBox .buttons { margin: 0; padding: 0; }
.detailsBox .buttons li { margin: 7px 0 0 0; padding: 0; float: none; }
.detailsBox .buttons a, .detailsBox .buttons a:visited { width: 150px; height: 14px; display: block; float: none; margin: 0 1px; text-indent: -5000px; overflow: hidden; }
.detailsBox .buttons a:hover, .detailsBox .buttons a:active { background-position: 0 -14px; }
.aptLinks .buttonDrivingTourAdd { background: url(../../images/re/adddrivingtouralt_button.gif) 0 0 no-repeat; }
.aptLinks .buttonRemoveFromDrivingTour { background: url(../../images/re/driveremove_details_button.gif) 0 0 no-repeat; }
.aptLinks .buttonBuildDrivingTour { background: url(../../images/re/builddrivingtouralt_button.gif) 0 0 no-repeat; }
.detailsBox.print { background-color: #fff; margin-top: 5px; }
.detailsBox.print p { font-weight: normal; }
.detailsBox.print .small { font-weight: normal; }
.detailsBox.print .detailsContact { background-color: #fff; }
.detailsBox.print .photos { float: left; width: 512px; }
.detailsBox.print .photos img { margin: 3px; }
.detailsBox.print .keyinfo { margin: 0; }
.detailsBox.print .keyinfo p { color: #000; font-weight: bold; }
.detailsBox.print .keyinfo .small { font-size: 10px; font-weight: normal; }
.detailsBox.print .detailsMore { background-color: #fff; }
.detailsBox.print .updated { border-bottom: none; }

/* -------------------------------------------------- view map print & details print */  
.detailsBox.print { background-color: #fff; margin-top: 5px; }
.detailsBox.print .small { font-weight: normal; }
.detailsBox.print .detailsContact { background-color: #fff; }
.detailsBox.print .photos { float: left; width: 512px; }
.detailsBox.print .photos img { margin: 3px; }
.detailsBox.print .keyinfo { margin: 0; }
.detailsBox.print .keyinfo p { color: #000; font-weight: bold; }
.detailsBox.print .keyinfo .small { font-size: 10px; font-weight: normal; }
.detailsBox.print .detailsMore { background-color: #fff; }
.detailsBox.print .updated { border-bottom: none; }

/* -------------------------------------------------- driving directions */  
#popupDrive { width: 810px; margin: 20px; }
#popupDrive .ehoLogo { float: right; margin-right: 50px; }
#rightRail { position: relative; float: right; text-align: center; }
.adSecSponsor, .adSkyScraper2  { padding-bottom: 10px; }
.printLink { position: relative; float: right; font-weight: bold; top: -30px; }
.driveDirectionsBox { width: 75%; float: left; border-top: 1px solid #B6B6B8; padding: 0 5px; font-size: 11px; margin: 10px; }
.driveDirectionsBox p { margin: 10px 0; }
.driveDirectionsBox h1 { text-transform: uppercase; font-size: 14px; color: #667C79; margin: 10px 0 0 0; }
.driveDirectionsBox .driveNav { font-weight: bold; color: #667C79; border-bottom: 1px solid #B6B6B8; padding: 0 0 10px 0; }
.driveDirectionsBox .driveNav.bottom { border-bottom: none; }
.driveDirectionsBox .driveNav a { margin: 0 2px; }
.driveDetails { position: relative; float: right; width: 130px; font-size: 11px; top: -55px; }
.driveDetails em { color: #667C79; font-weight: bold; font-style: normal; }
.driveDirectionsBox .driveFrom, .driveDirectionsBox .driveTo { width: 40%; float: left; padding: 5px 0 15px 0; }
.driveDirectionsBox .driveFrom .label, .driveDirectionsBox .driveTo .label { width: 38px; float: left; font-weight: bold; color: #667C79; margin: 0; padding: 0 5px 0 0; text-align: right; }
.driveDirectionsBox .driveFrom .address, .driveDirectionsBox .driveTo .address { width: 180px; float: left; }
.driveDirectionsBox .driveOverview { margin: 20px 0 5px 0; color: #667C79; }
.driveDirectionsBox .lc { float: left; width: 233px; margin: 7px 0px 0px }
.driveDirectionsBox .mc { float: left; width: 223px; margin: 7px 0px 0px }
.driveDirectionsBox .rc { float: right; width: 111px; ; margin: -1px 6px 0px 0px; text-align: right }
.driveDirectionsBox .b { margin-top: 4px; font-weight: bold }
.driveDirectionsBox .stat { margin-bottom: 20px }
.driveDirectionsBox .rightinfo { margin-top: 10px }
.driveDirectionsBox .sum { float: left }
.driveDirectionsBox .sum.left { width: 233px; margin-right: 87px }
.driveDirectionsBox .row { width: 456px; float: left; vertical-align: top; clear: left; margin-bottom: 13px; padding: 2px }
.driveDirectionsBox .row.on { background-color: #ddd }
.driveDirectionsBox .number { float: left; width: 20px; margin-right: 6px }
.driveDirectionsBox .dir { float: left; width: 213px; margin-right: 87px }
.driveDirectionsBox .dist { float: left }
.driveErrorBox { border-top: 1px solid #B6B6B8; }
.driveErrorBox .errorMsg { background-color: #FDFBA8; font-size: 11px; font-weight: bold; padding: 9px; border-top: 1px solid #FBE578; border-bottom: 1px solid #FBE578; margin: 12px 0 20px 0; }
.driveErrorBox .errorMsg img { vertical-align: middle; }
.drivePropertiesBox { width: 75%; border-top: 1px solid #B6B6B8; }
.drivePropertiesBox .printPage { float: right; font-weight: bold; margin: 10px 0 0 0; }
.drivePropertiesBox .ehoLogo { padding: 20px 0 0 0; }
.drivePropertiesBox h1 { text-transform: uppercase; font-size: 14px; color: #667C79; margin: 10px 0; }
.drivePropertiesBox p { font-size: 11px; }
.drivePropertiesBox .property { padding: 0 0 0 8px; font-size: 12px; }
.drivePropertiesBox .submitButton { padding: 5px 0 0 0; }
.drivePropertiesBox .submitButton img { margin: 0 2px; }
.driveRouteBox { width: 75%; border-top: 1px solid #B6B6B8; padding: 0 5px; font-size: 11px; }
.driveRouteBox p { color: #667C79; }
.driveRouteBox h1 { text-transform: uppercase; font-size: 14px; color: #667C79; margin: 10px 0 0 0; }
.driveRouteBox .driveRouteStart { height: 90px; background-color: #F9F6E7; border-bottom: 1px solid #E2E0D3; border-bottom: 1px solid #E2E0D3; padding: 9px; margin: 0 0 10px 0; }
.driveRouteBox .driveRouteStart label { display: block; font-weight: bold; margin: 0 0 3px 0; }
.driveRouteBox .driveRouteStart input { width: 100%; }
.driveRouteBox .driveRouteStart .address { width: 440px; margin: 0 0 10px 0; }
.driveRouteBox .driveRouteStart .city { width: 175px; float: left; margin: 0 30px 0 0; }
.driveRouteBox .driveRouteStart .state { width: 100px; float: left; margin: 0 30px 0 0; }
.driveRouteBox .driveRouteStart .state input { width: 50%; }
.driveRouteBox .driveRouteStart .zip { width: 105px; float: left; }
.submitButton { margin: 8px 2px; }
.driveRouteBox .submitButton img { margin: 8px 2px; }
.driveRouteProp { margin: 5px 0; font-size: 12px; }
.driveRouteBox .arrow { vertical-align: middle; margin: 0 2px; }

/* -------------------------------------------------- rent */

.map { margin-bottom: 10px; }

/* -------------------------------------------------- HTML components */
.resultsComponent { width: 305px; background-color: #FCEFC2; border: 1px solid #A38F36; }
.resultsComponent .title { background-color: #EDDB91; padding: 4px; border-bottom: 1px solid #A38F36; font-size: 12px; font-weight: bold; }
.resultsComponent .title img { margin-right: 4px; }
.resultsComponent .photo { float: left; width: 85px; padding: 10px; text-align: center; font-size: 11px; }
.resultsComponent .photo .thumbnail { margin: 0 0 5px 0; display: block; border: 1px solid #A38F36; }
.resultsComponent .photo img { vertical-align: middle; }
.resultsComponent ul { float: left; width: 190px; margin: 0; padding: 8px 10px 10px 0; font-size: 10px; }
.resultsComponent .buttonAddToDrivingTour:hover { background-position: 0 -14px; }
.resultsComponentFP { width: 305px; background-color: #e7d6d6; border: 1px solid #c08484; }
.resultsComponentFP .title { background-color: #e6c5c5; padding: 4px; border-bottom: 1px solid #c08484; font-size: 12px; font-weight: bold; }
.resultsComponentFP .title img { margin-right: 4px; }
.resultsComponentFP .photo { float: left; width: 85px; padding: 10px; text-align: center; font-size: 11px; }
.resultsComponentFP .photo .thumbnail { margin: 0 0 5px 0; display: block; border: 1px solid #c08484; }
.resultsComponentFP .photo img { vertical-align: middle; }
.resultsComponentFP ul { float: left; width: 190px; margin: 0; padding: 8px 10px 10px 0; font-size: 10px; }
.resultsComponentFP .buttonAddToDrivingTour:hover { background-position: 0 -14px; } 

.DisplayBlock {
	display : block;
}
.DisplayInline {
	display : inline;
}
.DisplayNone {
	  display: none;
}

/* styles for browse page */

.localListings { width: 320px; margin: 10px 150px 40px 0; padding: 0; list-style-type: none; float: left; display: inline; }
.moreListings { width: 320px; margin: 10px 0 40px 0; padding: 0; list-style-type: none; float: left; display: inline; }
.localListings li, .moreListings li { margin: 0 0 4px 0; padding: 0; font-weight: bold; font-size: 11px; }
.localListings li.title, .moreListings li.title { font-size: 12px; }

.hiddenSubmit {width:0px; height:0px; border-width:0px; background: none; }