/***************************************************************************************/ /* COMMON LAYOUT */ /***************************************************************************************/ html,body,div,span,table,tr,th,td,p,span,h1,h2,h3,h4,ul,ol,li,a,form { padding: 0px; margin: 0px; } /* Start with a clean slate */ * { font-family: Verdana; } /* Default font for all items */ * { -moz-box-sizing:border-box; box-sizing:border-box; -ms-box-sizing: content-box; -webkit-box-sizing: border-box; } html { min-height: 100%; margin-bottom: 1px; overflow-x: hidden; } /* Set height to 100% + 1px to force scroll bar in FF */ #ht { position: absolute; top: -2000px; width: 700px; } /* Hidden Text - Look up. WAAAY Up */ .clear { clear: both; height: 0px; overflow: hidden; } /* Used to clear floats without taking up space */ body { margin: 0px 0px 0px 0px; background: url('/images/layout/body-bg-inner2.jpg') no-repeat top center; overflow-x: hidden; } hr { border-color: #CCCCCC; border-width: 1px; border-top-style: solid; border-bottom-style: none; height: 1px; overflow: hidden; } textarea, select, select *, input { color: #575a5c; font-size: 12px; } form { display: inline; } ul, ol { margin-left: 25px; line-height: 20px; margin-bottom: 15px; } ol { margin-left: 30px; } ul li { list-style-type: square; } .req { color: #CC0000; } .bordered { border: 1px solid #33CCFF; } h1, h2, h3, h4, h5 { font-family: Arial; font-weight: bold; } h1, h1 a, h4, h4 a { color: #575a5c; font-size: 16px; line-height: 22px; font-family: verdana; margin-bottom: 3px; } h2, h2 a { color: #575a5c; font-size: 16px; line-height: 22px; font-family: verdana; font-weight: normal; margin-bottom: 3px; } h3, h3 a { color: #575a5c; font-size: 16px; line-height: 16px; font-family: verdana; margin-bottom: 10px; } h4 { color: #575a5c; font-size: 14px; line-height: 16px; font-family: verdana; margin-top: 15px; margin-bottom: 6px; } p { margin: 0px 0px 12px 0px; } p, table, td, div, a { color: #575a5c; font-size: 12px; line-height: 17px; } a { color: #a70e11; font: normal 12px Verdana; text-decoration: none; } a:hover { text-decoration: underline; } a:focus, a:active { outline: 0;} #page_title { color: #1c3447; font-size: 30px; line-height: 38px; margin: 0px 0px 8px 0px; font-weight: normal; width: 450px; float: left; padding-top: 70px; padding-left: 20px; } .req { color: #CC0000; font-size: 10px; } .frm { } .frm th { padding-right: 10px; text-align: left; } .frm td, .frm th { padding-bottom: 6px; vertical-align: top; } .frm2 { } .frm2 th { padding-right: 10px; text-align: left; } .frm2 td, .frm2 th { padding-bottom: 10px; vertical-align: top; } .frm { } .frm th { padding-right: 10px; text-align: left; } .frm td, .frm th { padding-bottom: 6px; vertical-align: top; } .frm3 { } .frm3 th { padding-right: 10px; text-align: right; width: 190px; } .frm3 td, .frm3 th { padding-bottom: 6px; vertical-align: top; } /***************************************************************************************/ /* SPECIFIC TO THIS LAYOUT */ /***************************************************************************************/ #header { width: 990px; height: 83px; margin: 0px auto; } #tagline { height: 145px; margin: 0px auto; width: 990px; } #logo { position: absolute; border: none; float: left; } #main { width: 1000px; margin: 0px auto;margin-top: 40px; min-height: 400px; } #head_form { float: right; width: 510px; padding-top: 34px; } #head_form_city_head { width: 156px; color: #233a4d; float: left; } #head_form_city_head span { margin-right: 5px;padding-left: 9px; padding-right: 9px; display: block; background: url('/images/layout/select_arrow.gif') no-repeat center right; -moz-user-select: none; -khtml-user-select: none; user-select: none; cursor: pointer; } #head_form_city { z-index: 1000; position: absolute; width: 156px; background: #FFFFFF; border: 1px solid #F1F1F1; padding-top: 3px; padding-bottom: 3px; } #head_form_city a { display: block; margin: 0px; padding: 0px; list-style-type: none; padding-left: 9px; padding-right: 9px; line-height: 20px; } #head_form_propertyType_head { width: 156px; color: #233a4d; float: left; margin-left: 27px; } #head_form_propertyType_head span { margin-right: 5px;padding-left: 9px; padding-right: 9px; display: block; background: url('/images/layout/select_arrow.gif') no-repeat center right; -moz-user-select: none; -khtml-user-select: none; user-select: none; cursor: pointer; } #head_form_propertyType { position: absolute; width: 156px; background: #FFFFFF; border: 1px solid #F1F1F1; padding-top: 3px; padding-bottom: 3px; } #head_form_propertyType a { display: block; margin: 0px; padding: 0px; list-style-type: none; padding-left: 9px; padding-right: 9px; line-height: 20px; } #footer { background: url('/images/layout/footer-bg.jpg') no-repeat top center; height: 197px; } #footer-inner { width: 940px; margin: 0px auto; padding-top: 20px; } #foot { text-align: center; color: #a3abb3; font-size: 10px; line-height: 16px; margin-bottom: 12px; } #footer-left a, #footer-right a, #foot a { color: #a3abb3; font-size: 10px; line-height: 16px; } #footer-left { float: left; width: 700px; } #footer-right { float: right; width: 230px;text-align: right; } #footer-left, #footer-right { color: #a3abb3; font-size: 11px; line-height: 16px; } #footer-left a, #footer-right a{ color: #a3abb3; font-size: 11px; line-height: 16px; } #footer-right a { font-size: 10px; line-height: 18px;} #nav { width: 600px; float: right; } #p7menubar, #p7menubar ul { padding: 0px; margin: 0px; list-style: none; font-family: Arial; } #p7menubar li ul { } #p7menubar a { display: block; text-decoration: none; font-size: 13px; color: #FFFFFF; text-align: left; } #p7menubar a.trigger { color: #FFFFFF; } #p7menubar li { float: left; width: 9em; color: #FFFFFF; font-weight: normal; font-size: 11px; list-style-type: none; } #p7menubar li ul li { } #p7menubar li {position: relative;} /* hide from IE mac \*/ #p7menubar li {position: static; width: auto;} /* end hiding from IE5 mac */ #p7menubar li ul, #p7menubar ul li { width: 100%; } #p7menubar ul li a { color: #FFFFFF; } #p7menubar ul li a:hover { text-decoration: underline; } #p7menubar li ul { position: absolute; display: none; } #p7menubar li:hover a, #p7menubar a:focus, #p7menubar a:active, #p7menubar li.p7hvr a { } #p7menubar li:hover ul, #p7menubar li.p7hvr ul { display: block; } #p7menubar li:hover a, #p7menubar a:focus, #p7menubar a:active, #p7menubar li.p7hvr a { /* background: #33CCFF;*/ } #p7menubar a:hover { color: #FFFFFF; } #p7menubar a { padding: 4px 10px 6px 10px; color: #FFFFFF; font-weight: bold; font-size: 12px; font-family: arial; } #p7menubar a:hover { color: #FFFFFF; text-decoration: underline;; } #p7menubar li a, #p7menubar li a span, #p7menubar li a span span { height: 83px; padding: 0px; display: block; float: left; } #p7menubar li a span span { padding-left: 15px; padding-right: 15px; line-height: 73px;text-decoration: none; font-family: arial; font-size: 16px; font-weight: normal; } #p7menubar li a span span { background: url('/images/layout/nav-spacer.gif') no-repeat bottom right; } #p7menubar li a:hover, #p7menubar li:hover a { display: block; background: url('/images/layout/nav-over-bg.gif') repeat-x bottom left; text-decoration: none; } #p7menubar li a:hover span, #p7menubar li:hover a span { display: block; background: url('/images/layout/nav-over-left.gif') no-repeat bottom left; position: relative; left: -2px; } #p7menubar li a:hover span span, #p7menubar li:hover a span span { display: block; background: url('/images/layout/nav-over-right.gif') no-repeat bottom right; position: relative; left: 2px; cursor: pointer; } #p7menubar li ul { width: 210px; background: #001f4e url('/images/layout/drop-nav-bg.gif') repeat-x; clear: left; margin-top: 82px; } #p7menubar li:hover li a {background: #001f4e; } #p7menubar li ul li { font-weight: normal; height: 23px; line-height: 23px; background: #001f4e; text-align: center; } #p7menubar li ul li a { font-weight: normal; height: 23px; line-height: 23px; text-align: center; background: #001f4e; width: 100%; display: block; } #p7menubar li ul li a:hover { background: #1d3960; text-decoration: none; } #property-listing { padding: 0px; margin: 0px; } #property-listing li { clear: both; padding: 0px; margin: 0px; list-style-type: none; height: 147px; } .property-list-img { height: 127px; width: 168px; float: left; background: #f4f3ea; } .property-list-details { height: 127px; width: 748px; float: right; background: url('/images/layout/property-list-details-bg.jpg'); } .property-list-details-inner { padding: 30px; } .property-list-box1 { float: left; width: 200px; } .property-list-box2 { float: left; width: 180px; } .property-list-box3 { float: left; width: 130px; } .property-list-box4 { float: right; width: 166px; } .property-list-box4 img { border: none; } .property-list-box1, .property-list-box2, .property-list-box3, .property-list-box4 { color: #575a5c; } .property-list-box1 b, .property-list-box2 b, .property-list-box3 b, .property-list-box4 b { display: block; margin-bottom: 10px; color: #575a5c; } .property-list-pagination { text-align: right; margin-bottom: 5px; font-family: normal 12px Verdana; } #property-details-left-column { width: 347px; float: left;} #property-details-right-column { width: 495px; float: left; margin-left: 25px; margin-top: 4px; } #property-details-address-block { width: 230px; float: left; } #property-details-type-block { width: 230px; float: right; } #property-details-main-img { } #property-details-main-img a { display: block; height: 264px; width: 347px; background: url('/images/layout/property-details-img-bg.jpg'); } #property-details-main-img a img { margin-top: 12px; margin-left: 12px; } #property-details-thumbs { margin-left: 2px; } #property-details-thumbs a { display: block; height: 88px; width: 114px; background: url('/images/layout/property-details-thumb-bg.jpg'); float: left; } #property-details-thumbs a img { margin-top: 8px; margin-left: 8px; } #property-details-available-units { background: url('/images/layout/property-details-available-units-bg.jpg'); width: 865px; } #property-details-available-units-inner { padding: 20px; } #property-details-available-units table { width: 100%; } #property-details-available-units td { vertical-align: middle; padding-top: 8px; padding-bottom: 8px; } #property-details-form { } #property-details-form td { padding-bottom: 6px; vertical-align: top; } #property-details-form td input { border: none; background: none; margin-left: 10px; margin-top: 8px; width: 220px; } #property-details-form td textarea { border: none; background: none; margin-left: 10px; margin-top: 8px; width: 220px; height: 84px; } .property-details-form-input { height: 29px; width: 239px; background: url('/images/layout/property-details-form-input-bg.jpg'); } .property-details-form-textarea { height: 100px; width: 239px; background: url('/images/layout/property-details-form-textarea-bg.jpg'); } .featured { width: 200px; float: left; margin-right: 10px; } .featured a { text-decoration: none; } #head_form_city2_head { width: 230px; color: #233a4d; } #head_form_city2_head span { margin-right: 5px;padding-left: 12px; padding-right: 12px; display: block; background: url('/images/layout/select_arrow.gif') no-repeat center right; -moz-user-select: none; -khtml-user-select: none; user-select: none; cursor: pointer; } #head_form_city2 { z-index: 1000; position: absolute; width: 230px; background: #FFFFFF; border: 1px solid #F1F1F1; padding-top: 3px; padding-bottom: 3px; } #head_form_city2 a { display: block; margin: 0px; padding: 0px; list-style-type: none; padding-left: 12px; padding-right:129px; line-height: 20px; } #head_form_propertyType2_head { width: 230px; color: #233a4d; margin-top: 25px; } #head_form_propertyType2_head span { margin-right: 5px;padding-left: 12px; padding-right: 12px; display: block; background: url('/images/layout/select_arrow.gif') no-repeat center right; -moz-user-select: none; -khtml-user-select: none; user-select: none; cursor: pointer; } #head_form_propertyType2 { position: absolute; width: 230px; background: #FFFFFF; border: 1px solid #F1F1F1; padding-top: 3px; padding-bottom: 3px; } #head_form_propertyType2 a { display: block; margin: 0px; padding: 0px; list-style-type: none; padding-left: 12px; padding-right: 12px; line-height: 20px; } #content { position: relative; margin-left: 45px; width: 910px; } #content h1 { color: #FFFFFF; font-size: 24px; line-height: 60px; margin-bottom: 25px; font-weight: normal; } #content2 { position: relative; margin-left: 27px; width: 945px; padding-top: 40px; }