body { font-family: Arial, Verdana, sans-serif; font-size: 78%; background:#F2F2F2 url('/images/layout/bkgd.png') repeat-y center top; /*padding:0 0 30px ;*/ } * { margin:0; padding:0;} img { border:none; margin:0; padding:0;} p, .list, form label, td { color:#555; line-height:1.3em; font-size:.9em; } p { margin-bottom:1.1em;} .txt-small { font-size:.8em; } .txt-medium { font-size:1.2em} .txt-large { font-size:1.4em;} .txt-xlarge { font-size:1.9em;} .ac_results img.left {float:left; padding-right:10px;} .txt-white { color:#FFF} .txt-grey { color:#767676} .txt-gold { color:#817564; } .txt-uppercase { text-transform:uppercase} .list { margin:0 0 1em 0; } .list li { margin-bottom: .4em; background:url('/images/layout/bullet.png') no-repeat left 2px; padding-left: 15px; list-style: none;} a, a:visited { color:#074e6a;} a:hover { text-decoration:none; color: #074e6a; cursor:pointer } a.hide { position:absolute; left:-999em; } h1 { width:186px; height:110px; display:block; text-indent:-999em; margin:0; background:url('/images/layout/logo.png') no-repeat 0 0; margin-left:-25px; position:absolute; right:0; top:0;} h1 span { width:186px; height:110px; display:block; text-indent:-999em; position:absolute; top:0; left:0; cursor:pointer; } h2 { font-size: .9em; color: #FFF; margin: 0; text-transform: uppercase; font-weight: normal; letter-spacing: .2em;} h3 { font-size: 1em; color: #074e6a; margin: 0; text-transform: uppercase; font-weight: normal; letter-spacing: .2em; margin: 0 0 5px 0; font-weight: bold} /* ---------------------------- */ /* LAYOUT */ /* ---------------------------- */ #container { width: 980px; text-align: left; margin: 0 auto; position: relative; } #left-col { padding: 25px 0 0 20px; width: 740px; position: relative;} body.home #left-col { width: 980px; margin: 0; padding-top: 0; padding-left: 0;} #content { background:#76b0c8 url('/images/layout/bkgd-searchResults.jpg') repeat-x 0 0; overflow: hidden; clear: both; margin-bottom: 20px; padding-bottom: 30px;} #cnt-left { float: left; width:155px; padding-bottom: 10px} #cnt-right { float: left; width: 525px; background-color: #FFF; margin-top: 29px; padding: 15px;} #header { height:110px; position: relative} #footer { width: 980px; background-color: #232323; overflow: hidden; position: relative; text-align: left; margin: 0 auto; } #footer ul.branch-info { margin: 10px 0 0 20px;} #footer ul.branch-info li { list-style: none; float: left; padding: 0 40px; border-left:1px solid #FFF; width:310px;} #footer ul.branch-info li.first { border: none; padding-left: 0; } #footer ul.branch-info li p { color: #FFF; margin: 0; font-size: 1.1em; color: #5399b5; } #footer ul.branch-info li p.location { color: #FFF; font-size: 1.7em;} /* Home */ /* ---------------------------- */ /* Halo */ #hm-halo { position:relative; height:348px; background:url('/images/home/halo-pic.jpg') no-repeat 0 0; text-align: center;} #hm-halo p.caption { color: #FFF; position: absolute; bottom: 15px; left:250px; text-align: center; width: 490px; } /* Property Search */ #property-search { width: 191px; position: absolute; right:0px; top:110px; background:#a6ccdb url('/images/layout/bkgd-propertySearchContent.png') repeat-x 0 0; } body.home #property-search { background-image: none; background-color: transparent} #property-search h2 { text-align: center; background:#5E90A4 url('/images/layout/bkgd-propertySearch.png') repeat-x 0 4px; padding: 6px 0;} #property-search form * { font-size:1em } /* Valuation Request */ #valuation-request { width: 175px; padding: 10px; text-align: left; position: absolute; left:0;} #valuation-request h2 { text-align: center;} #valuation-request #branch_id_val { width:110px } /* Recent Properties */ #hm-recent { /*overflow: hidden;*/ margin-top: 5px; /*width: 980px;*/} #hm-recent #property-container { /*width:3000px*/ width:980px; position:relative; height:158px;} #hm-recent div.scrollWrapper {height:100%;overflow:hidden;position:relative;width:100%;} /* Need for JQuery scroller */ #hm-recent h2 { background: #074258 url('/images/home/bkgd-recentPropTitle.png') repeat-x 0 0; padding: 5px 10px} #hm-recent div.wrap { float: left; list-style: none; margin-right: 1px; overflow:hidden; } #hm-recent div.wrap a { position: relative; text-decoration: none; display: block; width: 238px; height: 158px; text-align:center; } #hm-recent div.wrap a span.title { position: absolute; left:0; bottom:0; background-color: #FFF; color: #000; padding: 3px 10px; width: 225px; font-weight: bold; display: block; opacity: 0.8; /* Firefox, Safari(WebKit), Opera */ -ms-filter: "alpha(opacity=80)"; /* IE 8 */ filter: alpha(opacity=80); /* IE 4-7 */ zoom: 1; /* set "zoom", "width" or "height" to trigger "hasLayout" in IE 7 and lower */ } #hm-recent div.wrap a span.rollover-bkgd { display: block; height: 137px; width:245px; position: absolute; left:-999em; top:0; background-color: #074258; } #hm-recent div.wrap a span.rollover-txt { position: absolute; left: -999em; top:0; text-decoration: none; padding-top: 10px; color: #FFF; width:100%;} #hm-recent div.wrap a:hover span.title { background-color:#0D151A; color:#FFFFFF} #hm-recent div.wrap a:hover span.rollover-bkgd { left:0; opacity: 0.8; /* Firefox, Safari(WebKit), Opera */ -ms-filter: "alpha(opacity=80)"; /* IE 8 */ filter: alpha(opacity=80); /* IE 4-7 */ zoom: 1; /* set "zoom", "width" or "height" to trigger "hasLayout" in IE 7 and lower */ } #hm-recent div.wrap a:hover { text-decoration: none; } #hm-recent div.wrap a:hover span.rollover-txt { position: absolute; left: 0; top:0; width:180px; float:left; margin-left:30px; text-align:left} /* Contact errors generic */ #contact_errors ul {background-color:#333333; padding:5px 0;} #contact_errors ul li {color:white; font-size:0.8em; margin-bottom:5px; padding:2px 5px 0 5px; list-style-image:none;list-style-position:outside;list-style-type:none;} #contact_errors p {color:#FFFFFF;} /* Search Results */ /* ---------------------------- */ div.sort-results { position: relative} /* Search Result Info */ div.search-result-info { position: relative; padding: 5px 0 10px 0 } div.search-result-info p { float: left; margin-right: 103px; color:#074e6a;} div.search-result-info ul { position: absolute; right:0; bottom:-16px;} div.search-result-info ul li { float: left; list-style: none; } div.search-result-info ul li a { display: block; text-decoration: none; margin-left: 1px; background:#5399b5 url('/images/layout/bkgd-searchResultInfo-btn.png') repeat-x 0 -39px; color: #FFF; text-align:center; padding:7px 10px; text-transform: uppercase; height: 15px; width: 65px;} div.search-result-info ul li a:hover, div.search-result-info ul li.active a { background-color:#0c5776; background-position: 0 0; color: #FFF} ul.search-results li { text-align:center } ul.search-results li span { text-align:left } /* Pagination */ ul.pagination { position:absolute; right:10px; top:10px;} ul.pagination li { list-style:none; float:left; margin-left:1px; color:#6a6a6a; font-size:.9em; text-align:left; } ul.pagination li a, ul.pagination li a:visited { color:#6a6a6a; padding:2px 4px; } ul.pagination li a:hover { background-color: #074e6a; color: #FFF; text-decoration: none;} ul.pagination li.active a { text-decoration:none; background-color:#074e6a; color: #FFF; font-weight: bold; } ul.pagination li.disabled a { display:none;} /* Search Results */ ul.search-results { padding:30px 0 0 25px;background:#76b0c8 url('/images/layout/bkgd-searchResults.jpg') repeat-x 0 0;margin-bottom:12px; overflow: hidden; clear: both;} ul.search-results .txt-medium { font-size:1.05em} ul.search-results li { float: left; list-style: none; margin:10px 0 35px 22px; position: relative; width:215px; height:197px; } ul.search-results li.bottom-row { margin-bottom: 0;} ul.search-results li.first { margin-left: 0;clear:both;} ul.search-results li a { text-decoration: none; padding:5px 13px; background-color: #FFF; display: block; height:192px;overflow:hidden; width:192px} ul.search-results li span { margin: 0; color:#074e6a; display: block; } ul.search-results li span.message { color: #FFF; text-transform: uppercase; background-color: #074e6a; position: absolute; top:38px; text-align: center; font-size: .9em; padding:2px 26px 2px 9px; font-weight: bold; left:14px;} ul.search-results li span.new { color: #FFF; text-transform: uppercase; background-color: #074e6a; position: absolute; top:145px; text-align: right; font-size: .9em; padding:2px 9px 2px 28px; font-weight: bold; right:12px;} ul.search-results li span.featured { color:#FFE49B !important; } ul.search-results li span.sold { color:#FFFFFF; background-color:#CC0000 } ul.search-results li span.img { margin-top: 5px; width:182px; height:140px; text-align:center;} ul.search-results li img { margin-top: 3px} ul.search-results li span .address { width:192px; overflow:hidden; height:15px; display:block } /* map results */ div.search-results { padding:10px; background:#76b0c8 url('/images/layout/bkgd-searchResults.jpg') repeat-x 0 0; overflow: hidden; clear: both;} opacity: 0.9; /* Firefox, Safari(WebKit), Opera */ -ms-filter: "alpha(opacity=90)"; /* IE 8 */ filter: alpha(opacity=90); /* IE 4-7 */ zoom: 1; /* set "zoom", "width" or "height" to trigger "hasLayout" in IE 7 and lower */ } ul.search-results li span.featured { top: 133px;} ul.search-results li a:hover { background-color:#232323;} ul.search-results li a:hover span { color: #FFF;} ul.search-results li a:hover span.new, ul.search-results li a:hover span.featured { color: #000!important; background-color: #FFF;} /* Developments */ .development { border:1px solid #2E6380; padding:10px 10px; margin:20px 0; background-color:#9DC4D4; height:105px; width:718px } .development h4{ margin-bottom:10px; font-size:1.1em } .development p{ color:#232323; margin-bottom:8px } .development .development_links{ float:right; width:250px; } .development img.main_img { border:1px solid #CCCCCC; float:left; margin:0 20px 0 0; } .development .development_links a{ width:225px; text-align:center; margin:5px 2px; height:20px; color:#FFFFFF; background:#004B63 url(../images/layout/btn-bkgd.png) repeat-x scroll 0 -3px; padding-top:5px; display:block; font-size:0.9em; letter-spacing:1px; text-decoration:none; text-transform:uppercase; float:right } .development .development_links a:hover { background-position:0 -56px; } /* Content Page */ /* ---------------------------- */ ul.column { width: 140px; float: left; margin-right: 25px;} ul.column li { position: relative;} p.guide-price { font-size: 1.5em; font-weight: bold; position: absolute; right:0; top:40px; /*color: #074e6a*/ } /* Property Details*/ /* ---------------------------- */ #cnt-right div#property-info { margin-bottom:10px; border:1px #074E6A solid; height:250px; background:#76b0c8 url('/images/layout/bkgd-searchResults.jpg') repeat-x 0 0} #cnt-right p{ font-size:0.95em!important; line-height:1.5;} span.sold{ color:#990000 } span.new{ color:#009933 } span.featured{ color:#FF9900!important; } /* Images panel */ #cnt-right div#property-info #photos img { border:1px solid #CBCBCB; } #cnt-right div#property-info #main_image { float:left; height:238px; left:28px; overflow:hidden; position:relative; text-align:center; top:6px; width:357px; } .sidebox{ position:absolute;right:0;top:410px;width:171px; padding:10px; background:url("/images/layout/bkgd-searchResults.jpg") repeat-x scroll 0 0 } .sidebox p { color:#FFFFFF } .sidebox h3{ color:#FFFFFF; margin-bottom:10px } .sidebox a{ color:#99C2D2 } #epcs, #floorplans{ padding: 20px;text-align:center} #epcs img, #floorplans img{ margin:20px 10px; } #epcs p, #floorplans p { color:#FFFFFF } /*#cnt-right div#property-info #large_image { max-height:225px }*/ #cnt-right div#property-info #awaiting_image { margin-left: 45px; } #cnt-right div#property-info #thumbs { float:left; margin-top:0px; margin-left:25px; width:106px; } /* this should match this image width + 4px*/ #cnt-right div#property-info #thumbnails-container { overflow:hidden; height:216px;width:106px;} #cnt-right div#property-info .no_carousel { margin-top:7px } #cnt-right div#property-info #thumbnails-container img { cursor:pointer; margin:1px 0; } #cnt-right div#property-info div#up, div#down { height:10px; } #cnt-right div#property-info div#up { margin-top:8px; } #cnt-right div#property-info div#up a, div#down a { background-position:center top; background-repeat:no-repeat; display:block; font-size:0.3em; height:8px; text-decoration:none; text-indent:-999em; } #cnt-right div#property-info div#up a { background-image:url('/images/arrow-up.png'); margin:7px 0 5px; } #cnt-right div#property-info div#down a { background-image:url('/images/arrow-down.png'); margin-top:2px; } #cnt-right div#property-info div#up a:hover, div#down a:hover { background-position:center bottom; } /* Print */ #cnt-right div#property-info #print { position:relative; margin:10px; color:#FFFFFF;} #cnt-right div#property-info #print .left { margin-top:10px; } #cnt-right div#property-info #print .print_option { height:80px; width: 205px; margin: 7px; float:left; } #cnt-right div#property-info #print .print_option img { margin-right:8px; margin-top:4px!important; float:left; } #cnt-right div#property-info #print .print_option .include { float:right; margin-top:-30px; } #cnt-right div#property-info #print .print_option .include label { color:#FFFFFF; } #cnt-right div#property-info #print p { margin:0; padding:0; color:#FFFFFF;} #cnt-right div#property-info #print hr { padding:0; border:none; height:1px; } #cnt-right div#property-info #preview { display:block; background-color:#666666; padding:2px 5px; color:#FFFFFF; border:1px solid #000000; position:absolute; right:10px; top:0px; text-decoration:none; } /* Email Friend */ #cnt-right div#property-info #send_friend form#fm-emailFriend { height:230px; padding: 15px 15px 0 15px; position: relative; margin-bottom: 15px;} #cnt-right div#property-info #send_friend form#fm-emailFriend label { width: 145px;font-size:0.95em;} #cnt-right div#property-info #send_friend form#fm-emailFriend input, #cnt-right div#property-info #send_friend form#fm-emailFriend textarea { width: 170px;} #cnt-right div#property-info #send_friend form#fm-emailFriend textarea { height: 50px;} #cnt-right div#property-info #send_friend form#fm-emailFriend p { color: #FFF; margin-top:-2px;} #cnt-right div#property-info #send_friend form#fm-emailFriend li { margin-bottom: 10px; } #cnt-right div#property-info #send_friend form#fm-emailFriend li.submit { bottom:37px;left:277px;position:relative;} #cnt-right div#property-info #send_friend form#fm-emailFriend li.submit input { background: url('/images/layout/btn-bkgd.png') repeat-x 0 0; border: 1px solid #FFF; color: #FFF; text-transform: uppercase; width: 110px; margin-left: 65px; cursor: pointer; padding: 4px 0; } /* Arrange Viewing */ #cnt-right div#property-info #arrange_viewing fieldset { margin:8px 20px 20px 78px; width:420px; } #cnt-right div#property-info #arrange_viewing table#times {color:#FFF; margin-left:0;} #cnt-right div#property-info #arrange_viewing table#times th { width:40px } #cnt-right div#property-info #arrange_viewing table#times td { width:40px; text-align:center; padding:2px 0; color:#FFF; } #cnt-right div#property-info #arrange_viewing table#times td.title { padding:0 20px 0 20px; text-align:right } #cnt-right div#property-info #arrange_viewing table#times .dotted_right { border-right:1px dotted #FFF;} #cnt-right div#property-info #arrange_viewing table#times .dotted_bottom {border-bottom:1px dotted #FFF;} #cnt-right div#property-info #arrange_viewing table#times input {width:auto; margin:0; padding:0;} #cnt-right div#property-info #arrange_viewing .viewing_block { float:left; margin-right:15px; margin-top:10px; text-align:center; width:180px; height:100px } #cnt-right div#property-info #arrange_viewing .viewing_block input, .viewing_block textarea { width:170px; } #cnt-right div#property-info #arrange_viewing .viewing_block input { margin-bottom:13px } #cnt-right div#property-info #arrange_viewing .viewing_block textarea { height:80px; margin-top:3px; } #cnt-right div#property-info #arrange_viewing form#sendtofriend .viewing_block textarea { height:80px } #cnt-right div#property-info #arrange_viewing p.mandatory{ margin-top:-37px; padding-left:45px; color:#FFF;} #cnt-right div#property-info #arrange_viewing .submit{ float:right; margin-right: 45px; background: url('/images/layout/btn-bkgd.png') repeat-x 0 -3px; border: 1px solid #FFF; color: #FFF; text-transform: uppercase; width: 130px; cursor: pointer; padding: 4px 0; } /* Mini Map */ #cnt-right div#property-info #mini_map {width:523px; height:250px;} /* Contact Us*/ /* ---------------------------- */ #cnt-right div#contact-info { margin-bottom:10px; border:none; } #cnt-right div#contact-info .details { float:left; padding:13px 14px 10px 0px; width:200px;} #cnt-right div#contact-info .details p { margin-bottom:4px; font-weight:bold;} #cnt-right div#contact-info #map { float:left; height:207px; width:310px;} #cnt-right div#contact-info #contact-form { float:left; padding:25px 0 0 0; width:100%;} /* Email Friend */ #cnt-right div#contact-info #contact-form form#fm-emailFriend {background:#76B0C8 url(/images/layout/bkgd-searchResults.jpg) repeat-x scroll 0 0;border:1px solid #074E6A;} #cnt-right div#contact-info #contact-form form#fm-emailFriend { padding: 15px 15px 0 15px; position: relative; margin-bottom: 15px;} #cnt-right div#contact-info #contact-form form#fm-emailFriend label { width: 145px;} #cnt-right div#contact-info #contact-form form#fm-emailFriend input, #cnt-right div#contact-info #contact-form form#fm-emailFriend textarea { width: 250px;} #cnt-right div#contact-info #contact-form form#fm-emailFriend textarea { height: 150px;} #cnt-right div#contact-info #contact-form form#fm-emailFriend p { color: #FFF; margin-top:-2px;} #cnt-right div#contact-info #contact-form form#fm-emailFriend li { margin-bottom: 10px; } #cnt-right div#contact-info #contact-form form#fm-emailFriend li.submit { position:relative; left:230px; bottom:30px;} #cnt-right div#contact-info #contact-form form#fm-emailFriend li.submit input { background: url('/images/layout/btn-bkgd.png') repeat-x 0 -2px; border: 1px solid #FFF; color: #FFF; text-transform: uppercase; width: 110px; margin-left: 65px; cursor: pointer; padding: 4px 0; } #cnt-right div#contact-info #contact-form form#fm-emailFriend #contact_errors ul li {margin-bottom:5px !important;} div.error_info { color:white; } .field_error { color:#CC0000; border:1px solid #FF0000;} /* ---------------------------- */ /* FORM */ /* ---------------------------- */ form { } form fieldset { border:none; margin-bottom:5px; padding-top:10px; } form fieldset legend { color:#f4eee3; font-size:1.2em; font-weight:bold; padding-right:10px; text-transform: uppercase; position:absolute; left:-999em; display: none; } form fieldset ul li { list-style:none; clear:both; vertical-align:middle; margin-bottom:10px; position:relative; overflow: hidden } form fieldset ul li span.star { position:absolute; font-size:1.4em; font-weight:bold; left:133px; color:#CC0000} form fieldset ul li label { color:#FFF; display:block; float:left; width:65px; font-size:1.1em; text-align: left;} form select, form input, form textarea { font-family: Arial, Helvetica, sans-serif; color:#000; padding:2px 4px; border:1px solid #999; width:103px; font-size:0.9em;} form textarea { height:100px;} form select { padding: 0;} form option { padding:0 4px;} form fieldset.actions li { margin-bottom:6px;} form fieldset.actions li a { text-decoration: none; text-transform: uppercase; color: #FFF; letter-spacing:1px; font-size: .9em; background:#00354c url('/images/layout/btn-bkgd.png') repeat-x 0 0; display: block; padding:7px 5px; border: 1px solid #FFF; text-align: center;} form fieldset.actions li a:hover { background-color: #232323; background-position:0 -38px;} form fieldset ul ul li { margin-bottom: 5px; } form fieldset ul ul li input { border: none;} form input.submit { } /* Search */ /* ---------------------------- */ form.fm-search { background: url('/images/layout/shadow-search.png') repeat-x left bottom; width: 446px; height:56px; position: absolute; top:20px;} form.fm-search label { position: absolute; text-indent:-999em;} form.fm-search input#search { border:2px solid #5399B5; color:#8d8d8d; font-size:1.1em; padding:7px 5px; width:350px; height: 17px; position: absolute; left:0; top:10px; } form.fm-search input { width: 82px; height: 35px; border: none; position: absolute; left:360px; top:8px; } /* Valuation Request */ /* ---------------------------- */ form#fm-valuationRequest { } form#fm-valuationRequest fieldset ul li { } form#fm-valuationRequest ul li label { width: 62px; font-size:0.95em} form#fm-valuationRequest ul ul { float: left;} form#fm-valuationRequest ul ul li { clear: none; float: left;} form#fm-valuationRequest ul ul li input { margin:0; padding:2px} form#fm-valuationRequest ul ul li label { width: auto; margin:0; font-weight:bold; font-size:0.9em} form#fm-valuationRequest textarea { height: 40px;} form#fm-valuationRequest input.submit { background: url('/images/layout/btn-bkgd.png') repeat-x 0 0; letter-spacing:1px;border: 1px solid #FFF; height:30px;color: #FFF; text-transform: uppercase; text-align:center; width: 111px; margin-left: 63px; cursor: pointer; padding: 4px 0; } #valuation-request .valuation_error { color:#CC0000; background-color:white; border:1px solid #FF0000; padding:0; margin:0; text-align:center;} /* Property Search */ /* ---------------------------- */ form#all_searchform { margin: 0 10px 10px 9px;} form#all_searchform fieldset.actions { margin: 0; padding: 0;} form#all_searchform ul li {} form#all_searchform ul li label { display: none;} form#all_searchform ul ul { margin-left: 13px;} form#all_searchform ul ul li { position: relative; height: 16px; } form#all_searchform ul ul li label { display:block; font-weight: bold; font-size: 1em; width: 130px; margin-left:6px; } form#all_searchform select, form#all_searchform input { width: 162px; padding-top: 4px;} form#all_searchform select { width:171px; margin-left:1px; background: transparent url('/images/layout/bkgd-dropDown.png') repeat-x 0 0; padding: 4px 0 4px 0;} form#all_searchform .submit_img { width:auto; padding:0;} form#all_searchform .error { background: url('/images/layout/btn-bkgd.png') repeat-x 0 0; border: 1px solid #FFF; color: #FFF; margin-bottom:-5px; } form#sales_searchform { margin: 0 10px 10px 10px;} form#sales_searchform fieldset.actions { margin: 0; padding: 0;} form#sales_searchform ul li {} form#sales_searchform ul li label { display: none;} form#sales_searchform ul ul { margin-left: 25px;} form#sales_searchform ul ul li { position: relative; height: 16px; } form#sales_searchform ul ul li label { display:block; font-weight: bold; font-size: 1em; width: 100px;} form#sales_searchform select, form#sales_searchform input { width: 162px; padding-top: 4px;} form#sales_searchform select { width:173px; background: transparent url('/images/layout/bkgd-dropDown.png') repeat-x 0 0; padding: 4px 0 4px 0;} form#sales_searchform .submit_img { width:auto; padding:0;} form#sales_searchform .error { background: url('/images/layout/btn-bkgd.png') repeat-x 0 0; border: 1px solid #FFF; color: #FFF; margin-bottom:-5px; } form#lettings_searchform { margin: 0 10px 10px 10px;} form#lettings_searchform fieldset.actions { margin: 0; padding: 0;} form#lettings_searchform ul li {} form#lettings_searchform ul li label { display: none;} form#lettings_searchform ul ul { margin-left: 25px;} form#lettings_searchform ul ul li { position: relative; height: 16px; } form#lettings_searchform ul ul li label { display:block; font-weight: bold; font-size: 1em; width: 100px;} form#lettings_searchform select, form#lettings_searchform input { width: 160px; padding-top: 4px;} form#lettings_searchform select { width:170px; background: transparent url('/images/layout/bkgd-dropDown.png') repeat-x 0 0; padding: 4px 0 4px 0;} form#lettings_searchform .submit_img { width:auto; padding:0;} form#lettings_searchform .error { background: url('/images/layout/btn-bkgd.png') repeat-x 0 0; border: 1px solid #FFF; color: #FFF; margin-bottom:-5px; } form#newhomes_searchform { margin: 0 10px 10px 10px;} form#newhomes_searchform fieldset.actions { margin: 0; padding: 0;} form#newhomes_searchform ul li {} form#newhomes_searchform ul li label { display: none;} form#newhomes_searchform ul ul { margin-left: 25px;} form#newhomes_searchform ul ul li { position: relative; height: 16px; } form#newhomes_searchform ul ul li label { display:block; font-weight: bold; font-size: 1em; width: 100px;} form#newhomes_searchform select, form#newhomes_searchform input { width: 160px; padding-top: 4px;} form#newhomes_searchform select { width:170px; background: transparent url('/images/layout/bkgd-dropDown.png') repeat-x 0 0; padding: 4px 0 4px 0;} form#newhomes_searchform .submit_img { width:auto; padding:0;} form#newhomes_searchform .error { background: url('/images/layout/btn-bkgd.png') repeat-x 0 0; border: 1px solid #FFF; color: #FFF; margin-bottom:-5px; } /* Sort Results */ /* ---------------------------- */ div.fm-sortResults { border: 1px solid #999; position: relative; padding: 7px 0 7px 115px; margin: 5px 0; height:25px; } div.fm-sortResults p.display-options { position: absolute; left:10px; top:9px;} div.fm-sortResults fieldset { margin-bottom: 0; padding: 0;} div.fm-sortResults div { clear: none; float: left; margin-right: 30px; margin-bottom: 0;} div.fm-sortResults div.no-margin { margin-right: 0;} div.fm-sortResults select { width: auto;} /* General Form */ /* ---------------------------- */ form#fm-valuationRequest ul ul li input, form#all_searchform ul ul li input { float:left; width: auto; margin-right: 3px; } /* ---------------------------- */ /* MAILLING LIST */ /* ---------------------------- */ .auto{ width:auto!important } #fm-mailinglist { padding:0px 26px 0px 26px; width:472px; color:white; background:#76B0C8 url(/images/layout/bkgd-searchResults.jpg) repeat-x scroll 0 0;} #fm-mailinglist input { margin: 0; padding:2px 4px; width:175px; } #fm-mailinglist label { color:white; width: 160px;} #fm-mailinglist select { margin-right:15px; } #fm-mailinglist hr { border:none; border-top:1px solid #FFFFFF; margin-top:8px} #fm-mailinglist ul#maillist_form { padding:20px 0px 20px 0px; } #fm-mailinglist #mailinglist_sales_div, #fm-mailinglist #mailinglist_lettings_div, #fm-mailinglist #mailinglist_newhomes_div {padding-left:160px; padding-top: 5px;} #fm-mailinglist li.submit input {background: url('/images/layout/btn-bkgd.png') repeat-x 0 0; border: 1px solid #FFF; color: #FFF; text-transform: uppercase; width: 110px; margin-left: 0px; cursor: pointer; padding: 4px 0; } /* ---------------------------- */ /* NAVIGATION */ /* ---------------------------- */ /* Primary Nav */ /* ---------------------------- */ #navigation { background:#595959 url('/images/layout/nav-bkgd.png') repeat-x 0 4px; overflow: hidden; padding: 5px 10px 3px 10px; position: relative; height: 18px;} #navigation ul.nav { margin: 0 auto;} #navigation ul.nav li { float: left; list-style: none; background: url('/images/layout/nav-divider.png') no-repeat right center; padding: 0 9px; } #navigation ul.nav li.last { background-image: none;} #navigation ul.nav li a, #navigation ul.nav li a:visited { text-decoration: none; color: #FFF; padding:2px 7px 1px; display: block; font-size: .8em; text-transform: uppercase; letter-spacing: 0.1em; } #navigation ul.nav li a:hover, #navigation ul.nav li.active a { background: #5399b5;} /* 2nd Level Nav */ /* ---------------------------- */ #cnt-left li { list-style: none; cursor:pointer } #cnt-left li a { display: block; border: 1px solid #FFF; border-top: none; border-left: none; text-decoration: none; color: #FFF; text-transform: uppercase; padding:7px 10px; background:#5399b5 url('/images/layout/bkgd-searchResultInfo-btn.png') repeat-x 0 -39px; height:15px; letter-spacing: 1px; font-size: .9em;} #cnt-left li a:hover, #cnt-left li.active a { background-position: 0 0; background-color: #0c5776;} /* Footer Nav */ /* ---------------------------- */ ul.footer-nav { position: absolute; bottom: 15px; right:15px;} ul.footer-nav li { list-style: none; float:left; color: #696969; border-left: 1px solid #696969;} ul.footer-nav li.first { border: none;} ul.footer-nav li a, ul.footer-nav li a:visited { color: #696969; text-decoration: none; font-size: .9em; padding: 0 10px;} ul.footer-nav li a:hover { background-color: transparent; color: #FFF; } /* --------------------- */ #sitemap ul { margin-left:20px } #sitemap li { margin:5px } /* ---------------------------- */ /* STICKY FOOTER */ /* ---------------------------- */ html, body, #container {height: 100%;} body > #container {height: auto; min-height: 100%;} #left-col {padding-bottom:90px;} /* must be same height as the footer */ #footer {position: relative; margin-top: -80px; /* negative value of footer height */ height: 80px; clear:both;} /* CLEAR FIX */ .clearfix-footer:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix-footer {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix-footer { height: 1%;} .clearfix-footer {display: block;} /* End hide from IE-mac */