@charset "UTF-8";
/* CSS Document */

/* UNIVERSAL
----------------------------------------------------------------------------------------*/
* { margin:0; padding:0; }
 
table { border-collapse:collapse; border-spacing:0; text-align:left; }
 
fieldset,img { border:0; }

address { font-size:1em; font-style:normal; }

h1,h2,h3,h4,h5,h6 { color:#07062E; }

h1 { font-size:1.53em; }/* font size = 22px */

h2 { font-size:1.3077em; }/* font size = 17px */

h3 { font-size:1.123em; }/* font size = 15.5px */

h4 { font-size:1.115em; }/* font size = 14.5px */

h5 { font-size:1.038em; }/* font size = 13.5px */
 
.comm-listings { float: right; border: 0px; display: block;}

ol,ul { list-style:none; }
 
caption,th { text-align:left; }
 
em { font-style:italic; }
 
p { margin-bottom:8px; line-height:1.385em; }
 
.clear { clear:both; }
 
a:link, a:visited { color:#111949; outline:none; }
 
a:hover { color:#BC1214; }
 
input, select { color:#4d4d4d; }
 
.floatLeft { float:left; }
 
.floatRight { float:right; }
 
ul.ItemStyle li { list-style:disc outside; }/*ADDS DISC TO LIST ITEMS*/
 
ul.ItemIndent li { margin-left:20px; }/*INDENTS NESTED LIST ITEMS*/
 
.underline { text-decoration:underline; }
 
.required { color:red; }/*MAKES FONT COLOR OF REQUIRED FORM ITEMS RED*/
 
.TextIndent { text-indent:-2000px; }/*APPLIES NEGATIVE INDENT TO TEXT SO IT APPEARS OFF SCREEN*/

.title { text-transform:uppercase; font-size:1.154em; }

.Arial {font-size:15px !important; line-height:18px; float:left; margin-bottom:10px;}

html { font-size:100%; }

/* BODY
----------------------------------------------------------------------------------------*/
body { background:url(/images/layout/bodybg.gif) 0 0 repeat-x #fff; font:normal 100% "Gill Sans", Arial, Helvetica, sans-serif; line-height:1.125em; font-size:81.3%; letter-spacing: normal; color:#4a4a4a; }

/* WRAPPER
----------------------------------------------------------------------------------------*/
#wrapper { width:860px; margin:20px auto; background-color:#fff; }

/* HEADER
----------------------------------------------------------------------------------------*/
#header { background:url(/images/layout/headerbg.jpg) top right no-repeat #fff; width:823px; height:130px; border-bottom:4px solid #08014e; padding:12px 25px 0 12px; }

#header img { float:left; margin-right:15px; }

#homefinder { float:right; width:294px; margin-top:15px; } 

#homefinder form ol li { margin-bottom:6px; }

#homefinder form input { width:100px; }

#homefinder form input#submit { width:auto; }

#homefinder-overview ul { margin:10px 0; }

#homefinder-overview ul li { display:inline; }

#create { float:left; width:167px; }

ul#contactinfo { float:left; color:#151F59; margin-top:36px;  width:100px; }

/* TAB NAVIGATION
----------------------------------------------------------------------------------------*/
#tabnav { float:left; width:100%; border-top:1px solid #233498; }

ul#buttons { width:707px; height:34px; background:url(/images/layout/tabs_sprite.gif); position:relative; }

ul#buttons li { position:absolute; top:0; text-indent:-2000px; }

ul#buttons li, ul#buttons li a { height:34px; display:block; }

li#findahome { left:0; width:118px; }

li#sellahome { left:118px; width:118px; }

li#join { left:236px; width:118px; }

li#relocating { left:354px; width:118px; }

li#blog { left:472px; width:118px; }

li#findahome a:hover { background:transparent url(/images/layout/tabs_sprite.gif) 0 -34px no-repeat; }

li#sellahome a:hover { background:transparent url(/images/layout/tabs_sprite.gif) -118px -34px no-repeat; }

li#join a:hover { background:transparent url(/images/layout/tabs_sprite.gif) -236px -34px no-repeat; }

li#relocating a:hover { background:transparent url(/images/layout/tabs_sprite.gif) -354px -34px no-repeat; }

li#blog a:hover { background:transparent url(/images/layout/tabs_sprite.gif) -472px -34px no-repeat; }

#foreclosure {float:right; margin-left:5px; width:118px; height:34px; background:url(/images/layout/fore_sprite.gif);}
#foreclosure a {float:right; width:118px; height:34px; background:url(/images/layout/fore_sprite.gif); position:relative;}
#foreclosure a:hover { background:transparent url(/images/layout/fore_sprite.gif) 0 -34px no-repeat;}

/* HOMECONTAINER
----------------------------------------------------------------------------------------*/
#homecontainer { width:100%; float:left; margin-top:27px;   }

/* TOP ROW
-----------------------------------------------*/
#toprow { border:1px solid #dddddd; border-right:none; border-left:none; background:url(/images/layout/mapbg.gif) top right no-repeat #efefef; height:250px; }

#qsearch { width:370px; margin:28px 0 0 28px; }

#qsearch h1 { margin-bottom:20px; }

#qsearch form ol { margin-bottom:18px; float:left; }

#qsearch form ol li { float:left; margin-right:10px; }

#qsearch label { float:left; width:auto; margin:4px 10px 0 0; }

#qsearch form input.textfieldshort { width:70px; }

#qsearch form input#qsearchsubmit { background:url(/images/layout/submitbtnbg.gif) 0 0 no-repeat transparent; margin-left:155px; overflow:hidden; width:72px; height:22px; cursor:pointer; border:none; text-indent:-2000px; font-size:0px; display:block; line-height:0px; }

#mapsearch { float:right; width:200px; margin:-135px 10px 0 0; }

#mapsearch p { font-size:.923em; margin-top:4px; }

/* BOTTOM ROW
-----------------------------------------------*/
#bottomrow { width:100%; margin-top:12px; float:left;  }

ul#imagebuttonnav li ul li { position:relative; text-indent:-20px; height:100%; text-align:center; font-size:.95em; }

ul#imagebuttonnav li ul li#preferred { text-align:center; margin-left:-15px; width:100%; text-indent:0px; }

ul#imagebuttonnav { width:840px; height:89px; background:url(/images/layout/Newimagebuttons_sprite.jpg); position:relative; margin-left:15px; }

ul#imagebuttonnav li { position:absolute; top:0; text-indent:-2000px; }

ul#imagebuttonnav li, ul#imagebuttonnav li a { height:92px; display:block; }

li#services { left:0; width:108px; }

li#agents_offices { left:108px; width:108px; }

li#about { left:216px; width:108px; }

li#schools { left:324px; width:108px; }

li#communities { left:428px; width:108px; }

li#mortgages { left:534px; width:108px; }

li#commercial { left:640px; width:108px; }

li#usaa { left:748px; width:108px; }

li#services a:hover { background:transparent url(/images/layout/Newimagebuttons_sprite.jpg) 0 -91px; }

li#agents_offices a:hover { background:transparent url(/images/layout/Newimagebuttons_sprite.jpg) -108px -91px; }

li#about a:hover { background:transparent url(/images/layout/Newimagebuttons_sprite.jpg) -216px -91px; }

li#schools a:hover { background:transparent url(/images/layout/Newimagebuttons_sprite.jpg) -324px -91px; }

li#communities a:hover { background:transparent url(/images/layout/Newimagebuttons_sprite.jpg) -428px -91px; }

li#mortgages a:hover { background:transparent url(/images/layout/Newimagebuttons_sprite.jpg) -534px -91px; }

li#commercial a:hover { background:transparent url(/images/layout/Newimagebuttons_sprite.jpg) -640px -91px; }

li#usaa a:hover { background:transparent url(/images/layout/Newimagebuttons_sprite.jpg) -748px -92px; width:96px; }

ul#tiletitles { width:100%; padding:0 28px; }

ul#tiletitles li { display:inline; color:#151F59; margin-right:20px; }

/* CATEGORIES
----------------------------------------------------------------------------------------*/
#categories { width:820px; margin-top:40px; padding:0 20px; float:left; }

#categories ul { width:25%; float:left; line-height:1.385em; }

li.categorytitle { font-size:1.307em; padding:7px 0; margin-bottom:10px; border:2px solid #918fa1; border-width:2px 0; }

/* INTERIOR CONTAINER
----------------------------------------------------------------------------------------*/
#interiorcontainer { width:860px; padding-top:20px; float:left; }

/* inside content */
#insidecontent { float:left; padding:10px 20px 0 20px; width:620px; }

#insidecontent h1 { color:#C22026; border-bottom:1px solid #C95A5D; padding-bottom:6px; margin-bottom:14px; }

#insidecontent h2, #insidecontent h3, #insidecontent h4, #insidecontent h5 { margin:10px 0 5px 0; }

#insidecontent ul, #insidecontent ol { margin-bottom:10px; line-height:1.385em; }

/* styles for the side navigation */
#snav { width:180px; float:left; background-color:#F1F0F8; margin-left:20px; }

#snav ul li a { text-decoration:none; display:block; color:#3f3f3f; padding:5px 15px 5px 30px; border:1px solid #D4D2E3; border-width:1px 0; }

#snav ul li a:hover { background-color:#656486; color:#fff; border-top:1px solid #000017; }

/* new construction page styles */
h1.newconstruction-title { border:none!important; font-size:1.385em; margin-bottom:0!important; }

/* styles for the subpage links at top of the following pages:
BUYER'S INFORMATION, SELLER'S INFORMATION, NEW HOMES, RELOCATION, CAREER OPPORTUNITIES, OUR COMMMUNITIES 
*/
.pop-list { width:100%; margin-bottom:15px; float:left; font-size:1.038em; }

.pop-list ul { width:40%; float:left; margin-right:30px; }

.pop-list ul.narrowcolumn { width:30%; float:left; margin-right:20px; }

.pop-list ul li { border-bottom:1px solid #C5C2D7; padding:3px 0; }

.pop-list a { text-decoration:none; display:block; }

.pop-list a:hover { color:#ACABBD; }

.pop-list a:active { color:#000; }

/* relocation - area employers table */
table.relocation-employerstable { width:100%; padding:0; margin:0; }

table.relocation-employerstable thead tr.top-tableheader th { font-size:1.115em; font-weight:bold; color:#C22026; border-bottom:1px solid #A33A3D; padding-bottom:4px; }

table.relocation-employerstable tr.subhead td { font-weight:bold; margin-top:10px; color:#07062E; }

table.relocation-employerstable tr td { padding:5px 4px; border:1px solid #D9D9D9; border-width:1px 0; }

table.relocation-employerstable tr:hover { background-color:#ABABAB; color:#fff; }

table.relocation-employerstable tr.subhead:hover, table.relocation-employerstable thead tr.top-tableheader:hover { background-color:transparent; }

/* relocation - local schools calendar tables */ 
div.relo-calendarcol { width:50%; float:left; }

div.relo-calendarcol h3 a { text-decoration:none; margin-bottom:8px; display:block; } 

table.relocation-schoolschedule { width:95%; margin-bottom:15px; }

table.relocation-schoolschedule tr td { padding:4px 5px; border:1px solid #D9D9D9; border-width:1px 0; }

table.relocation-schoolschedule tr:hover { background-color:#ABABAB; color:#fff; } 

/* styles for forms used on interior pages */
form.interior-form label { width:150px; float:left; margin-right:10px; }

form.interior-form  ol li { margin-bottom:8px; }

/* career events form */
form#career-events label { width:85px; }

/* mortgage page - styles for the photos and their corresponding information */ 
ul.mortgage-contact { width:100%; float:left; }

ul.mortgage-contact img { float:left; margin-right:10px; border:1px solid #C1C1C1; padding:5px; }

.newhomes-leftcol { float:left; width:60%; }

.newhomes-rightcol { float:left; width:37%; margin-left:3%; }

/* Corporate Relocation page */
.reloservice-list { width:50%; float:left; }

h2#reloservice-title { font-size:1.53em; }

/* fixes mortgage est./price on listings detail pages so that they are  underneath the photo */
.DetailAPrice { position:relative; top:10px; }

.DetailAPriceMort { position:relative; top:12px; line-height:25px; }

.DetailACompliments { line-height:22px; }

/* styles for contact form */
#contactform fieldset { width:100%; margin: 1.5em 0 2em 0; }
 
#contactform label.required_field, #showingform label.required_field { color:blue; }
 
#contactform legend { font-size:1.12em; font-weight:bold; }
 
#contactform fieldset ol { padding: 1em 1em 0 0; zoom:1; }
 
#contactform fieldset li { float:left; list-style:none; clear:left; width:100%; padding-bottom:5px; }
 
#contactform label { float:left; width:200px; margin-right:8px; text-align:left; }
 
#contactform label#listing { float:none; display:block; margin-bottom:5px; }
 
#contactform input#zipcode { width:60px; } 
 
#contactform input#state { width:40px; }
 
#contactform label#customer_copy { width:150px; }
 
#contactform fieldset#submit { float:none; width:auto; border-style:none; background-color:transparent; background-image:none; }

/* styles for open house listings */
table#oHouseTitle, table#oHouseTitle tr, table#oHouseTitle tr td, table#oHouseNavigation, table#oHouseSearchTable { border-collapse:collapse!important; border:1px solid #9d9d9d!important; background-color:#f2f2f2!important; }
 
table#oHouseTitle td img { border:1px solid #9B9B9B!important; }
 
table#oHouseTitle td img#defaultIDXLogo, table#oHouseTitle td img#defaultCompanyLogo { border:none!important; }
 
table#oHouseTitle td { border-bottom:1px solid black!important; }
 
div#openhouses table tr td  { padding:2px 8px!important; }
 
table#oHouseTitle tr, table#oHouseTitle tr td { border:none!important; }
 
table#oHouseTitle td { color:#2d2d2d!important; background-color:#ffffff!important; }

/* INTERIOR PAGES PHOTOS
--------------------------------------------*/
.InteriorPhoto { border:1px solid #C1C1C1; float:right; margin:0 0 10px 15px; background-color:#fff; padding:3px; }
 
.InteriorPhotoNoBorder { float:right; margin-left:15px; }
 
.InteriorPhotoNoFloat { border:1px solid #C1C1C1; float:none; margin-bottom:5px; background-color:#fff; padding:5px; }

/* FOOTER
----------------------------------------------------------------------------------------*/
#footer { width:860px; margin:0 auto; padding-bottom:10px; }

#footer ul { width:100%; float:left; margin-bottom:5px; }

#footer ul li { float:left; }

#footer ul li a { text-transform:uppercase; }