/********************************************************************/ /* Reset CSS */ /********************************************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;} ol, ul {list-style-type: none;} /********************************************************************/ /* Generic tags */ /********************************************************************/ body {font-family:Arial, Helvetica, sans-serif; font-size:70%; color:#4a4a4a; background:#e6e6e5; padding:7px 0 10px 0;} p { padding-bottom:15px;} em { font-style:italic;} strong { font-weight:bold;} abbr { text-decoration:none; border:none;} img {border:0px;} a { font-weight:bold; text-decoration:none;} a:hover, a:focus {text-decoration:underline;} .fl, .banner, .headerCta form .formbutton, ul#propertyList li .thumbnail, ul#propertyList li .thumbnail img, #content .accountSideNav a.pod img, ul#moduleList li .description .thumbnail img { float:left;} .fr { float:right;} .clear { clear:both; height:0px; overflow:hidden; font-size:0px; line-height:0px;} .skiptocontent, .relbookmark, .headerCta label, #landingPods li a span, .hidden, #nav li a span, #content .residentPods li span, #breadcrumb li.first a span, #container ul li.breadcrumbIndicator, #content ul.pagenumbers li span, .cal-controls a span, span.country-name, #propertySearch fieldset.priceRange label, .mapFilter .filterOptions label.label { height:0px; visibility:hidden; overflow:hidden; display:block; padding:0; margin:0; position:absolute; } #content ul, #content ol { padding:0px 0px 15px 0px;} #content li { padding:0px 0px 5px 10px; background:url('/_images/bullets/bullet.gif') no-repeat 0px 8px;} #content ol li { padding:0px 0px 5px 0px; margin:0px 0px 0px 20px; list-style:decimal outside; background:none;} #content table { float:left; width:100%; margin:0px 0px 15px 0px; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; text-align:left;} #content table th, #content table td { padding:6px 8px; line-height:1.4em; border-right:1px solid #e1e1e1; } #content table th { font-weight:bold; background:url(/_images/bkg/tableheader.gif) bottom left repeat-x #f1f1f1; text-transform:capitalize; border-bottom:1px solid #d4d4d4; } #content table td { border-top:1px solid #e1e1e1;} legend { display:none;} input, select, textarea { font-size:11px; font-family:Tahoma, Verdana, Arial, sans-serif;} #propertySearch ul input, #content .mapFilter ul li input { margin:0; width:13px; height:13px; overflow:hidden; padding:0; float:left;} .checkboxlabel { margin:0; line-height:13px; float:left; text-align:left;} .accordian div { background:#fff;} .button, .latestNews li.viewAll a, .landingPod span, .tipsAdvice ul li p.viewMore a, .newHomesBuy ul li p.viewMore a, #residents a.homePod span { line-height:10px; font-size:0.9em; padding:3px 9px 4px 9px;} .contentArea .formbutton { display:block; float:right; margin:0; background-color:#414141; border:1px solid #414141; font-family:Arial, Verdana, sans-serif; font-size:12px; font-weight:normal; line-height:130%; color:#fff; cursor:pointer; width:auto; overflow:visible; padding:4px 10px 3px 7px; } textarea { overflow:auto; } .mr {margin:0 10px 10px 0;} .ml {margin:0 0 10px 10px;} /********************************************************************/ /* H tags */ /********************************************************************/ h1 { font-size:2.3em; font-weight:bold; padding:5px 20px 5px 20px; float:left; background:url(/_images/titles/default-bg.gif) 0px 0px repeat-y #90B13E; color:#FFFFFF; line-height:1.5em; text-transform:capitalize; margin:5px 8px 0 0; } #salesAndRentals h1 { background:url(/_images/titles/sales-bg.gif) repeat-y 0px 0px #cd1b6b;} #residents h1 { background:url(/_images/titles/residents-bg.gif) repeat-y 0px 0px #F0A626;} h2 { font-size:1.3em; font-weight:bold; color:#90B13E; } .contentArea h2 { line-height:1.4em; padding:0 0 5px 0; border-bottom:1px solid #d5d5d5; margin:0 0 15px 0; } #salesAndRentals .contentArea h2 { color:#cd1b6b; } #residents .contentArea h2 { color:#F0A626;} h3 { font-size: 100%; color:#000; font-weight:bold; padding:0px 0px 15px 0px;} .contentArea h3 { font-size:1.2em; color:#414141; font-weight:normal;} /********************************************************************/ /* Template tags */ /********************************************************************/ #container { width:998px; margin:0 auto; background:url(/_images/bkg/sidecol-shadow.gif) 233px 30px #fff no-repeat; padding:0 0 4px 0;} #contentContainer { float:left; width:765px;} #content { float:left; width:761px; padding:13px 0 10px 0;} .contentArea { float:left; width:725px; padding:20px 20px 0 20px; font-size:1.1em; line-height:1.8em; } .contentArea a { color:#90B13E; border-bottom:1px solid #90B13E; font-weight:bold; } .contentArea a:hover, .contentArea a:focus { text-decoration:none; color:#414141; border-bottom:1px solid #414141; } #salesAndRentals .contentArea a { border-bottom:1px solid #cd1b6b; color:#cd1b6b; } #salesAndRentals .contentArea a:hover, #salesAndRentals .contentArea a:focus { color:#414141; border-bottom:1px solid #414141; } #residents .contentArea a { border-bottom:1px solid #F0A626; color:#F0A626; } #residents .contentArea a:hover, #residents .contentArea a:focus { color:#414141; border-bottom:1px solid #414141; } .contentArea cite { font-style:normal;} .contentArea blockquote { clear:both; padding:10px; background:#F8F8F8; margin:0 0 15px 0; border-left:4px solid #E6E5E5; border-right:1px solid #E6E5E5; border-bottom:1px solid #E6E5E5; border-top:1px solid #E6E5E5; color:#636363; } .contentArea blockquote p { padding:0;} /********************************************************************/ /* Form */ /********************************************************************/ .form { width:500px; padding:0 0 20px 0;} .form fieldset { padding:20px; background:#F8F8F8; border-top:1px solid #D5D5D5; border-left:1px solid #D5D5D5; border-right:1px solid #D5D5D5; border-bottom:2px solid #D5D5D5; } .form .required { color:#838383; text-transform:lowercase; padding:0 0 0 5px;} .form div.field { float:left; width:460px; margin:0 0 15px 0; padding:0 0 16px 0; border-bottom:1px solid #e4e3e3; position:relative; } .form div.last { margin:0; border:none;} .form label, .form .label { float:left; font-weight:normal; width:160px; font-size:1em; padding:2px 0 1px 0; color:#414141; margin:0; } .form select, .form .textfield, .form textarea { font-family:Arial, Helvetica, sans-serif; font-size:1em; padding:4px 5px; border:1px solid #B1B1B1; width:280px; margin:0; color:/*#7A7B7B*/#414141; background:url(/_images/bkg/field-bg.gif) bottom left no-repeat #FFFFFF; float:right; } .form .checkbox { float:left; height:13px; width:13px; margin:0 10px 0 0; padding:0; } .form textarea { height:150px; } .form select { width:292px; padding:0; margin:5px 0 0 0; } #content .form ul { float:right; width:292px; padding:0; margin:0;} #content .form ul li { float:left; width:100%; padding:7px 0 7px 0; margin:0; background:#F8F8F8; border-bottom:1px solid #e4e3e3; } #content .form ul li.even { background:#f1f1f1; } .form ul li input { margin:2px 10px 0 10px; padding:0; display:inline; } .form ul li label, .form ul li .label { float:left; width:auto; padding:0; margin:0; line-height:1.3em;} #content .form ul li p { padding:0 10px;} .form div.field .tip { position:absolute; right:-250px; width:208px; top:0px; padding:3px 6px 3px 22px; font-size:0.9em; line-height:1.4em; border:1px solid #d3ca8c; background:url(/_images/icons/lightbulb.gif) 0px 0px no-repeat #fff6b7; color:#656565; margin:0; } .form div.field .tip span { height:13px; width:8px; position:absolute; background:url(/_images/icons/tipbox.gif) 0px 0px no-repeat; left:-8px; top:5px; } .tip { padding:5px 5px 5px 30px; border:1px solid #d3ca8c; background:url(/_images/icons/balloon.gif) 7px 8px no-repeat #fff6b7; color:#656565; margin:0 0 20px 0; } .fielderror { padding:4px 10px 4px 28px; border-top:1px solid #e88d8d; border-right:1px solid #e88d8d; border-left:1px solid #e88d8d; border-bottom:2px solid #e77171; background:url(/_images/icons/error.gif) 5px 3px no-repeat #fee4e4; margin:0 0 10px 0; color:#414141; line-height:1.3em;} .requiredfields { background:#fee4e4; border-top:1px solid #e88d8d; border-right:1px solid #e88d8d; border-left:1px solid #e88d8d; border-bottom:2px solid #e77171; padding:5px 8px; margin:0 0 20px 0; color:#414141; } .form div.checkboxContainer { float:right; width:292px; padding:5px 0 3px 0; } .form div.checkboxContainer label { width:260px; line-height:1em; padding:0; margin:0; } .register label, .register .label, .feedback label, .feedback .label { width:180px;} .register textarea, .register .textfield, .feedback textarea, .feedback .textfield { width:265px;} .register select, #content .register ul, .feedback select { width:277px; } #content a.register { border:none; float:right;} form.complaint { width:610px;} form.complaint div.field { width:570px; } .complaint label, .complaint .label { width:220px;} form.complaint .dateSelect .day { margin-left:58px; } .requestPassword { float:left; line-height:1.3em; margin:7px 0 0 0; } #content form .dateSelect { padding:0; margin:0 0 15px 0; float:left; width:570px; border:none; } #content form .dateSelect .field { padding:0 0 16px 0; margin:0;} form .dateSelect label { position:absolute; left:-9999px; } form .dateSelect select { width:70px; margin:5px 0 0 15px; float:left; display:inline; } form .dateSelect .day { margin-left:8px; } form .multiselect { float:right; width:292px; } form .multiselect h3 { font-size:1.1em; margin:0; padding:5px 0 10px 0; font-weight:bold; float:left; width:100%; } #content form .multiselect ul { padding:0 0 15px 0;} /********************************************************************/ /* Contact Us */ /********************************************************************/ .contactForm { float:left; width:500px} .contactDetails { float:right; width:200px;} .vcard dt { color:#414141; } .vcard dd { padding:0 0 10px 0;} .vcard .map { display:block; padding:5px 0 0 0; } /********************************************************************/ /* Landing Page */ /********************************************************************/ #landingPods { float:left; width:761px; background:url(/_images/bkg/landingPods-bg.gif) 0px 0px repeat-y #fff; padding:4px 0 0 0; height:382px; } #landingPods li { float:left; width:374px; height:382px; position:relative;} #landingPods li.sales-rental { padding:0 13px 0 0; background:url(/_images/pods/buy-or-rent-home.jpg) 0px -382px no-repeat;} #landingPods li.residents { background:url(/_images/pods/services-for-residents.jpg) 0px -508px no-repeat;} #landingPods li a { float:left; width:374px; height:382px; background-position:0px -382px; background-repeat:no-repeat;} #landingPods li a:hover, #landingPods li a:focus { background-position:0 0; } #landingPods li.sales-rental a { background-image:url(/_images/pods/buy-or-rent-home.jpg);} #landingPods li.residents a { background-image:url(/_images/pods/services-for-residents.jpg); background-position:0px -508px;} #landingPods li.residents a:focus, #landingPods li.residents a:hover { background-position:0 -126px;} #landingPods .makeover { position:relative; padding:0px 13px 0px 0px;} #landingPods .makeover p { position:absolute; top:0px; left:0px; width:374px; height:382px; text-indent:-9999px; background:url('/_images/pods/makeover/home-makeover.jpg') no-repeat 0px 0px;} #landingPods .makeover a { position:absolute; left:14px; float:none; width:302px; height:48px; text-indent:-9999px;} #landingPods .makeover a.register { top:260px; background:url('/_images/pods/makeover/register-off.gif') no-repeat 0px 0px;} #landingPods .makeover a:hover.register { background:url('/_images/pods/makeover/register-on.gif') no-repeat 0px 0px;} #landingPods .makeover a.buyrent { top:320px; background:url('/_images/pods/makeover/buy-off.gif') no-repeat 0px 0px;} #landingPods .makeover a:hover.buyrent { background:url('/_images/pods/makeover/buy-on.gif') no-repeat 0px 0px;} /********************************************************************/ /* Nav */ /********************************************************************/ #nav { height:40px; float:left; overflow:hidden; width:761px;} #nav li, #nav li a { height:35px; background-repeat:no-repeat; background-position:0px 0px; float:left; overflow:hidden; } #nav li a:hover, #nav li a:focus, #contentContainer #nav li a.selected { background-position:0px -35px;} #nav li { padding:4px 0 0 0; background-position:0px 4px;} #nav li.yourhome, #nav li.yourhome a { background-image:url(/_images/nav/residents/your-home.gif); width:121px; } #nav li.haveyoursay, #nav li.haveyoursay a { background-image:url(/_images/nav/residents/have-your-say.gif); width:160px; } #nav li.mediacentre, #nav li.mediacentre a { background-image:url(/_images/nav/residents/media-centre.gif); width:145px; } #nav li.jobs, #nav li.jobs a { background-image:url(/_images/nav/residents/jobs.gif); width:87px; } #nav li.about, #nav li.about a { background-image:url(/_images/nav/residents/about.gif); width:127px; } #nav li.contactus, #nav li.contactus a { background-image:url(/_images/nav/residents/contact-us.gif); width:121px; } #salesAndRentals #nav li.ourproperties, #salesAndRentals #nav li.ourproperties a { background-image:url(/_images/nav/sales-rentals/our-properties.gif); width:136px; } #salesAndRentals #nav li.homeownership, #salesAndRentals #nav li.homeownership a { background-image:url(/_images/nav/sales-rentals/home-ownership.gif); width:249px; } #salesAndRentals #nav li.afterbought, #salesAndRentals #nav li.afterbought a { background-image:url(/_images/nav/sales-rentals/after-bought.gif); width:170px; } #salesAndRentals #nav li.about, #salesAndRentals #nav li.about a { background-image:url(/_images/nav/sales-rentals/about-landq.gif); width:89px; } #salesAndRentals #nav li.contactus, #salesAndRentals #nav li.contactus a { background-image:url(/_images/nav/sales-rentals/contact-us.gif); width:117px; } /********************************************************************/ /* Sub Nav */ /********************************************************************/ .subNav { float:left; width:233px; margin:0 0 15px 0; display:inline; border-top:1px solid #d9d9d9; } .subNav li { float:left; width:100%; position:relative;} .subNav li a { float:left; width:208px; display:block; padding:5px 12px; color:#414141; line-height:1.5em; border-bottom:1px solid #d9d9d9; background:#f2f2f2; border-right:1px solid #ECEBEB; position:relative;} .subNav li a:hover, .subNav li a:focus, .subNav li.selected a { background:#414141; color:#fff; border-right:1px solid #414141; border-bottom:1px solid #242424; margin:0 0 0 -3px; text-decoration:none; padding-left:15px; } .subNav li a:hover span.corner, .subNav li a:focus span.corner, .subNav li.selected a span.corner { position:absolute; bottom:-4px; left:0px; height:3px; width:3px; background:url(/_images/bkg/subnav-shadow-global.gif) 0px 0px no-repeat; overflow:hidden;} .subNav li.selected ul li a { border-right:1px solid #dedede; background:#dedede; width:208px; margin:0; padding-left:12px; border-bottom:1px solid #cccccc; font-weight:normal; text-indent:5px; color:#282828;} .subNav li.selected ul li a:hover, .subNav li.selected ul li a:focus, .subNav li.selected ul li.selected a{ background:#f9f9f9;} /********************************************************************/ /* Breadcrumb */ /********************************************************************/ #breadcrumb { float:left; width:752px; padding:4px 0 0 9px; } #breadcrumb li { float:left; padding:5px 0; background:url(/_images/bullets/nav-arrow.gif) 0px 7px no-repeat; line-height:12px; } #breadcrumb li.breadcrumbIndicator { position:absolute;} #breadcrumb li.first { padding:5px 8px 0 0;} #breadcrumb li.first a { background:url(/_images/icons/home.gif) 0px 1px no-repeat; width:14px; height:12px; padding:0;} #breadcrumb li.first a:hover, #breadcrumb li.first a:focus { background:url(/_images/icons/home.gif) -14px 1px no-repeat;} #breadcrumb li.last { color:#414141; white-space:nowrap; } #breadcrumb li.last span { padding:0 0 0 10px; } #breadcrumb a { font-weight:normal; float:left; padding:0 10px 0 10px; line-height:12px; color:#414141; text-decoration:underline; } #salesAndRentals #breadcrumb a:hover, #salesAndRentals #breadcrumb a:focus { color:#CD1B6B;} #residents #breadcrumb a:hover, #residents #breadcrumb a:focus { color:#EEA826} /********************************************************************/ /* Login/Register/Site Search/Breadcrumb */ /********************************************************************/ .headerCta { float:left; width:765px; background:url(/_images/bkg/headercta-bg.gif) 0px 0px no-repeat #e6e6e5; overflow:hidden; } .headerCta a { color:#525355; font-weight:normal; } .headerCta a:focus, .headerCta a:hover { color:#000; } .headerCta ul.memberLinks { float:right; width:130px; text-align:right;} .headerCta ul.memberLinks li { display:inline; padding:0 11px 0 10px; background:url(/_images/bkg/headercta-divider.gif) 2px 3px no-repeat; line-height:24px; } .headerCta ul.memberLinks li.first { background:none; padding:0;} .headerCta form { float:right; width:198px; padding:0 0 7px 0; } .headerCta form .textfield { border:1px solid #898989; color:#525355; padding:4px 6px; float:left; width:123px; margin:0; } .headerCta label { position:static;} #content ul#moduleList.search li.salesAndRentals h2 a { color:#CD1B6B; } #content ul#moduleList.search li.salesAndRentals .readMore a { background:#CD1B6B; } #content ul#moduleList.search li.residents h2 a { color:#F0A626; } #content ul#moduleList.search li.residents .readMore a { background:#F0A626; } #content .contentArea ul#moduleList.search li .readMore a:hover, #content ul#moduleList.search li .readMore a:focus { background:#515352;} /********************************************************************/ /* Global Content */ /********************************************************************/ a.landingPod { float:left; width:195px; height:172px; background-repeat:no-repeat; background-position:top left; margin:0 9px 0 0; overflow:hidden; position:relative; text-decoration:none; } .landingPod span, .homePod a.more, #residents .homePod .more, #salesAndRentals .homePod .more { position:absolute; bottom:7px; right:7px; background:#8d8567; color:#FFFFFF; font-weight:normal; } a.landingPod:hover span, a.landingPod:focus span { border:none; background-color:#90b13d; } #residents a.homePod, #salesAndRentals a.homePod { text-decoration:none;} #residents a.homePod:hover .more, #residents a.homePod:focus .more { background-color:#F0A626} #salesAndRentals a.homePod:hover .more, #salesAndRentals a.homePod:focus .more { background-color:#CD1B6B} .latestVacancies { color: #fff; float:left; width:353px; background:#4b75ba; height:172px; overflow:hidden; position:relative; } .latestVacancies h2 { padding:11px 0 16px 12px; line-height:1em; } #content .latestVacancies ul { padding:0 0 0 12px; float:left; width:341px; } #content .latestVacancies ul li { padding:0 12px 12px 13px; background:url(/_images/bullets/bullet3.gif) 0px 0px no-repeat; line-height:1em; float:left; width:316px;} #content .latestVacancies ul li a { color:#e8eaf6; font-weight:normal;} #content .latestVacancies ul li.seeAll { float:none; clear:both; position:absolute; bottom:12px; right:18px; padding:0;} /********************************************************************/ /* Residents Homepage */ /********************************************************************/ .tipsAdvice, .newHomesBuy { float:left; width:395px; } .tipsAdvice h2, .newHomesBuy h2 { background:#f0a626; padding:7px 0 6px 8px;} #content .tipsAdvice ul, #content .newHomesBuy ul { float:left; width:371px; border-right:1px solid #cdcccb; border-bottom:1px solid #cdcccb; border-left:1px solid #cdcccb; padding:15px 11px 0 11px; height:269px; } #content .tipsAdvice ul li, #content .newHomesBuy ul li { padding:0 0 10px 0; background:none; } .tipsAdvice ul li h3, .newHomesBuy ul li h3 { color:#545554; font-size:1.1em; line-height:1em; padding:0 0 6px 0; } .newHomesBuy ul li h3 a { color:#545554;} .newHomesBuy ul li h3 a:hover, .newHomesBuy ul li h3 a:focus { color:#CD1B6B; text-decoration:none;} .tipsAdvice ul li p, .newHomesBuy ul li p { color:#4a4a4a; line-height:1.3em; padding:0 0 9px 0;} .tipsAdvice ul li p.viewMore, .tipsAdvice ul li.seeMore, .newHomesBuy ul li.seeMore, .newHomesBuy ul li p.viewMore { text-align:right; padding:0; } .tipsAdvice ul li p.viewMore a, .newHomesBuy ul li p.viewMore a { background:#8d8567; color:#FFFFFF; } .tipsAdvice ul li p.viewMore a:hover, .tipsAdvice ul li p.viewMore a:focus { background-color:#F0A626; text-decoration:none; } #content .tipsAdvice ul li.seeMore, #content .newHomesBuy ul li.seeMore { padding:15px 0 10px 0;} #content .residentPods { float:right; width:353px; margin:0 4px 15px 0; display:inline; padding:0; } #content .residentPods li { float:left; width:353px; padding:0; background:url(/_images/pods/home-transfers.jpg) 0px 0px no-repeat; } #content .residentPods li.repairsPod { margin:0 0 10px 0; background:url(/_images/pods/repairs.jpg) 0px 0px no-repeat;} #content .residentPods li a { display:block; width:353px; background-repeat:no-repeat; background-position:0px 0px;} #content .residentPods li.repairsPod a { background-image:url(/_images/pods/repairs.jpg); height:131px; } #content .residentPods li.repairsPod a:hover, #content .residentPods li.repairsPod a:focus { background-position:0 -131px;} #content .residentPods li.homeTransferPod a { background-image:url(/_images/pods/home-transfers.jpg); height:172px; } #content .residentPods li.homeTransferPod a:hover, #content .residentPods li.homeTransferPod a:focus { background-position:0px -172px;} /********************************************************************/ /* Sales and Rentals Homepage */ /********************************************************************/ #content .newHomesBuy ul { min-height:269px; height:auto !important; height:269px; } .newHomesBuy h2 { background:#cd1b6b; } .newHomesBuy ul li p.viewMore a:hover, .newHomesBuy ul li p.viewMore a:focus, .firstTimeBuyer a.more:hover, .firstTimeBuyer a.more:focus, .keyWorker a.more:hover, .keyWorker a.more:focus, .homePod a:hover.more, .homePod a:focus.more { background:#CD1B6B; text-decoration:none;} #residents .homePod a:hover.more, #residents .homePod a:focus.more { background:#F0A626;} #content .newHomesBuy ul li { float:left; width:100%; padding:0 0 15px 0;} .newHomesBuy ul li .propertyThumb { float:left; border:2px solid #464545; } .newHomesBuy ul li a:hover.propertyThumb, .newHomesBuy ul li a:focus.propertyThumb { border:2px solid #CD1B6B; } .newHomesBuy div { margin:0 0 0 115px;} .firstTimeBuyer, .keyWorker, .homePod { float:right; width:353px; height:132px; margin:0 0 12px 0; background:url(/_images/pods/sales-rentals/first-time-bg.jpg) 0px 0px no-repeat; overflow:hidden; } .firstTimeBuyer h2, .keyWorker h2 { padding:13px 0 9px 14px; } .firstTimeBuyer p.intro, .keyWorker p.intro { padding:0 0 10px 14px; width:221px; } .firstTimeBuyer p, .keyWorker p { padding:0 0 0 14px; width:200px; line-height:1.3em;} .firstTimeBuyer a.more { float:right; position:relative; top:-17px; right:9px; background:#8d8567; color:#fff; padding:4px 9px 5px 9px;} .keyWorker { height:169px; margin:0 0 15px 0; background:url(/_images/pods/sales-rentals/key-worker-bg.jpg) 0px 0px no-repeat;} .keyWorker p.intro { width:195px;} .keyWorker p { padding:0 0 16px 14px; line-height:1.5em; } .keyWorker a.more { background:#8d8567; color:#fff; padding:4px 9px 5px 9px; float:right; position:relative; right:9px; } /********************************************************************/ /* Landing Home Pods */ /********************************************************************/ .firstTimeBuyer a.more, .keyWorker a.more, .homePod a.more { line-height:12px; font-size:0.9em; padding:3px 9px 4px 9px;} .homePod { border:1px solid #CDCDCD; background-position:top right; background-repeat:no-repeat; background-image:none; width:206px; padding:15px 130px 0 15px; position:relative; background-color:#fff; margin:10px 0 0 } .homePodFirst { margin:0;} .homePod h2 { padding:0 0 10px 0;} #salesAndRentals .homePod h2 a { color:#CC1B6B;} #salesAndRentals .homePod h2 a:hover, #salesAndRentals .homePod h2 a:focus,#residents .homePod h2 a:hover, #residents .homePod h2 a:focus { color:#545554; text-decoration:none;} #residents .homePod h2 a { color:#F0A626;} /********************************************************************/ /* Content Pods */ /********************************************************************/ .narrowContent { float:left; width:455px;} #content ul.contentPods { float:right; width:250px; } #content ul.contentPods li { padding:0; margin:15px 0 0 0; background:url(/_images/bkg/contentpod.gif) bottom left repeat-x; padding:10px 15px 0 15px; border:1px solid #D5D5D5;} #content ul.contentPods li.first { margin:0;} #content ul.contentPods li h2.hd { margin:0 0 10px 0;} #content ul.contentPods li h3 { padding:0 0 5px 0; font-size:1.1em;} #content ul.contentPods li li { padding:0px 0px 5px 10px; background:url('/_images/bullets/bullet.gif') no-repeat 0px 9px; border:none; margin:0;} #content ul.contentPods li li a { font-weight:normal;} /********************************************************************/ /* Side Col */ /********************************************************************/ #sideCol { float:left; width:233px;} #sideCol a.logo { float:left; overflow:hidden; margin:25px 0 25px 27px; display:inline;} /********************************************************************/ /* Property Search */ /********************************************************************/ #propertySearch, .latestNews, .aboutLandQ { float:left; width:209px; margin:0 0 0 12px; display:inline; color:#ededed; padding:0 0 15px 0;} #propertySearch fieldset { float:left; width:209px; background:#414141;} #propertySearch h2 { padding:10px 0 1px 10px;} #propertySearch label, #propertySearch h3 { float:left; width:189px; padding:0 0 8px 0;} #propertySearch .note { font-size:0.9em; line-height:1em; padding:6px 0 0 0; float:left; width:189px; } #propertySearch .field { float:left; width:189px; margin:0 0 0 6px; display:inline; padding:12px 4px; background:url(/_images/property-search/divider.gif) bottom left repeat-x; clear:both;} #propertySearch .text input { color:#909090; border:1px solid #fff; padding:4px 6px; width:175px; line-height:1em; float:left;} #propertySearch select { float:left; border:2px solid #FFFFFF; color:#909090; float:left; padding:0; width:187px; } #propertySearch .radio, #propertySearch .check { padding-bottom:2px;} #propertySearch .radio ul, #propertySearch .check ul { float:left; width:189px; padding:10px 0 0 0;} #propertySearch .radio ul li, #propertySearch .check ul li { float:left; width:94px; padding:0 0 10px 0;} #propertySearch .radio label, #propertySearch .check label { width:75px; font-size:0.9em; line-height:13px; padding:0 0 0 5px;} #propertySearch .priceRange label { position:absolute; margin-left:-9999px;} #propertySearch .priceRange .to { float:left; width:18px; text-align:center; padding:1px 0 0 0; text-indent:2px;} #propertySearch .priceRange select { width:80px; margin:0; border:1px solid #FFFFFF;} #propertySearch .slider h3 { padding:0 0 3px 0;} #propertySearch .slider .sliderContainer { float:left; width:189px; padding:5px 0 0 0;} #propertySearch .slider label { padding:0 0 5px 0;} #propertySearch .slider label span { float:right; font-weight:bold;} #propertySearch .fd-slider { float:left; width:189px;} #propertySearch .mapSearch { float:left; width:174px; padding:12px 0 5px 35px; color:#ededed; background:url(/_images/property-search/map-search.gif) 10px 9px no-repeat; font-weight:normal; text-decoration:underline;} #propertySearch a:hover.mapSearch, #propertySearch a:focus.mapSearch { color:#fff;} #propertySearch .buttons { border:none;} #propertySearch .buttons .formbutton { float:right; margin-left:10px;} #propertySearch .newSearch { margin-top:10px;} /********************************************************************/ /* Latest News */ /********************************************************************/ .latestNews, .aboutLandQ { color:#4a4a4a; padding:0 0 14px 0;} .latestNews h2, .aboutLandQ h2 { padding:0 0 15px 0; line-height:1em; } .latestNews a, .aboutLandQ a { color:#7b7b7b; font-weight:bold; line-height:1.3em; } .latestNews a:hover, .aboutLandQ a:hover, .latestNews a:focus, .aboutLandQ a:focus { color:#90B13E; text-decoration:none; } .latestNews ul li, .aboutLandQ ul li { padding:0 0 9px 12px; background:url(/_images/bullets/bullet1.gif) 0px 1px no-repeat; } .latestNews li.viewAll, #content .latestVacancies li.seeAll, #residents .latestNews ul p.readmore { text-align:right; background:none;} #sideCol .latestNews li.viewAll a { background:#7fa53f; color:#ffffff;} #sideCol .latestNews li.viewAll a:hover, #sideCol .latestNews li.viewAll a:focus { background:#7b7b7b;} .aboutLandQ li.last { padding-bottom:0;} #residents .latestNews ul li { background:none; padding:0 0 28px 0; clear:both; float:left; width:100%;} #residents .latestNews ul li .latestNewsThumb { float:left; margin:0 10px 0 0; border:2px solid #7fa53f; } #residents .latestNews ul li .latestNewsThumb img { float:left; } #residents .latestNews ul li a:hover.latestNewsThumb, #residents .latestNews ul li a:focus.latestNewsThumb { border:2px solid #515353; } #residents .latestNews h2 { padding:0 0 20px 0;} #residents .latestNews ul p.readmore { padding:15px 8px 0 0; } #residents .latestNews ul p.readmore a { color:#7fa53f; padding:0 0 0 12px; background:url(/_images/bullets/bullet1.gif) 0px 1px no-repeat; line-height:1em;} #residents .latestNews ul p.readmore a:hover, #residents .latestNews ul p.readmore a:focus { color:#4a4a4a;} #residents .latestNews ul .date { color:#A2A1A1;} /********************************************************************/ /* Pods */ /********************************************************************/ #pods { float:left; width:209px; margin:0 0 0 12px; display:inline; } #pods li, #pods a, #pods img { float:left; line-height:1em; } #pods li { padding:0 0 15px 0;} /********************************************************************/ /* Property Listing */ /********************************************************************/ ul#propertyList { padding:0 0 22px 0; margin:0; float:left; width:725px; } ul#propertyList li { float:left; width:722px; border:1px solid #cfcfcf; background:url(/_images/bkg/property-desc-bg.gif) bottom left no-repeat #fff; margin:0 0 25px 0; padding:0 0 15px 0; position:relative;} ul#propertyList li .thumbnail { border:2px solid #CFCFCF; margin:15px 15px 0 15px; display:inline; } ul#propertyList li a:hover.thumbnail, ul#propertyList li a:focus.thumbnail { border:2px solid #cd1b6b; } ul#propertyList li.last { margin:0;} ul#propertyList .propertyHeader { background:#f5f5f5; border-bottom:1px solid #dddbdb; padding:0 0 12px 15px;} ul#propertyList .propertyHeader h2, ul#moduleList .propertySearchResult .propertyHeader h2 { margin:0; padding:17px 215px 9px 0; border:none; font-weight:normal; color:#636363; line-height:1em; } ul#propertyList .propertyHeader h2 a { border:none; color:#414141; font-weight:bold; padding:0; } ul#propertyList .propertyHeader h2 a:hover, ul#propertyList .propertyHeader h2 a:focus { color:#414141; border-bottom:1px solid #414141; } ul#propertyList .propertyHeader h2 .status { font-weight:normal; position:absolute; top:14px; right:-13px; font-size:0.8em; padding:3px 15px 3px 10px; background:#FFFFFF; color:#000; border:1px solid #CFCFCF;} ul#propertyList .propertyHeader h2 .status span { height:4px; width:12px; background:url(/_images/bkg/corner.gif) 0px 0px no-repeat; position:absolute; top:-5px; right:-1px; } ul#propertyList .propertyHeader ul, ul#propertyList .propertyHeader ul li { float:none; width:auto; display:inline; line-height:1em; padding:0;} ul#propertyList .propertyHeader ul li { border:none; background:none; margin:0 5px 0 0; padding:0; line-height:1em; font-size:0.9em; } ul#propertyList .propertyHeader ul li span { border-right:1px solid #9b9b9b; padding:0 5px 0 0; color:#696969; } ul#propertyList .propertyHeader ul li.last span { border:none;} ul#propertyList .propertyHeader ul li.distance span { color:#CD1B6B;} ul#propertyList .propertyHeader ul li span span { color:#CD1B6B; border:none; padding:0;} ul#propertyList .propertyDescription { padding:0 0 0 15px; } ul#propertyList .propertyDescription p { padding:10px 15px 0 0; line-height:1.7em;} ul#propertyList .viewProperty { position:absolute; bottom:5px; right:5px; line-height:10px; font-size:0.9em; padding:5px 9px 6px 9px; border:none; color:#FFFFFF; background:#CD1B6B; } ul#propertyList a:hover.viewProperty, ul#propertyList a:focus.viewProperty { background:#414141; color:#FFFFFF; } ul#propertyList li.saleType { background:none; border:none; padding:0;} ul#propertyList li.saleType h2 { margin:0;} /********************************************************************/ /* Account Area */ /********************************************************************/ ul#savedSearches { float:left; width:725px; padding:0 0 20px 0; margin:0;} ul#savedSearches li { float:left; width:725px; padding:0; margin:0; background:none; } ul#savedSearches li.even .searchDetails { background:#F8F8F8; } #content ul#savedSearches li a { border:none; } ul#savedSearches li ul { line-height:12px; float:right; padding:2px 0 0 0; } ul#savedSearches li ul li { width:auto; border-right:1px solid #b1b1b1; border-bottom:none; padding:0 10px 0 0; margin:0 10px 0 0; } ul#savedSearches li ul li.subscribed { color:#0E751C; } ul#savedSearches li ul li.delete { border:none; margin:0; padding:0; } ul#savedSearches li ul li a { color:#4a4a4a; text-decoration:underline; } ul#savedSearches .searchDetails { float:left; width:695px; padding:15px; border-bottom:1px solid #CFCFCF; } #content ul#savedSearches .searchDetails a.title { font-size:1.2em; padding:0; float:left; width:360px; line-height:1em; } ul#dashboard { float:left; width:725px; padding:0; margin:0;} ul#dashboard li { float:left; width:228px; margin:0 16px 16px 0; background:#90b13e; border:1px solid #7d9c2f; border-bottom:2px solid #7d9c2f; position:relative; padding:0; height:115px; } ul#dashboard li.rowend { margin:0 0 16px 0; } #content ul#dashboard li h2 { padding:15px 0 8px 15px; line-height:1em; margin:0; border:none; } #content ul#dashboard li a { padding:0; line-height:1em; margin:0; border:none; } #content ul#dashboard li p { color:#ffffff; font-size:0.9em; line-height:1.4em; padding:0 15px 30px 15px; } #content ul#dashboard li a.action { position:absolute; bottom:10px; right:-1px; } .accountDescription { width:689px; } #content ul#propertyList.savedProperties .propertyDescription p { padding-bottom:20px;} .boardmemberContent { float:left; width:515px;} .accountSideCol { float:right; width:190px; } .accountSideNav { float:left; padding:10px 10px 5px 10px; width:170px; background:#414141; margin:0 0 15px 0;} .accountSideNav h2 { border:none; margin:0; padding:0 0 15px 0;} #content .accountSideCol ul { width:170px; margin:0; float:left; padding:0;} #content .accountSideCol ul li { float:left; width:170px; padding:0 0 5px 0; margin:0; background:none; } #content .accountSideCol ul li a { border:none; background:#353535; color:#FFFFFF; float:left; width:154px; display:block; padding:4px 8px; line-height:1.3em;} #container #content .accountSideCol ul li a:hover, #container #content .accountSideCol ul li a:focus { color:#FFFFFF; background:#90B13E; } #salesAndRentals #content .accountSideCol ul li a:hover, #salesAndRentals #content .accountSideCol ul li a:focus { background:#CD1B6B; } #residents #content .accountSideCol ul li a:hover, #residents #content .accountSideCol ul li a:focus { background:#F0A626; } #content .accountSideCol a.pod { border:none; margin:0 0 15px 0; float:left;} /********************************************************************/ /* Video Player */ /********************************************************************/ #videocontainer{ padding:20px; border:1px solid #D5D5D5; margin:0 0 20px 0; float:left; width:683px; background:#F5F5F5;} #videocontainer .videoDescription h2{ border:none; float:left; width:100px;} #videoplayer{ padding:0 0 30px 0; text-align:center;} #videocontainer .videoDescription p{ float:right; width:500px; padding:0;} /********************************************************************/ /* Virtual Tour */ /********************************************************************/ #virtualTour{ padding:20px; border:1px solid #D5D5D5; margin:0 0 20px 0; float:left; width:683px; background:#F5F5F5;} #virtualTour .tourDescription h2{ border:none; float:left; width:100px;} #virtualTourPlayer { padding:0 0 30px 0; height:360px;} #virtualTour .tourDescription p{ float:right; width:500px; padding:0;} /********************************************************************/ /* Property Details */ /********************************************************************/ h1 span.price, h1 span.status, h1 span.resultpages { font-weight:normal; padding:0 0 0 8px; border-left:2px solid #FFFFFF; } h1 span.status { font-weight:bold; } .toolBarContainer { float:left; width:725px; margin:0 0 20px 0; position:relative; height:26px; } .toolBar { width:745px; position:absolute; top:0px; left:0px; background:#e6e6e5; border-bottom:1px solid #cfcfcf; line-height:25px; color:#3D3D3D; } .toolBar .backtoresults { padding:0 0 0 15px; float:left;} #salesAndRentals #content .toolBar a { border:none; font-weight:normal; color:#414141;} #salesAndRentals #content .toolBar a:hover, #salesAndRentals #content .toolBar a:focus { color:#CD1B6B;} .toolBar dl { float:left; width:auto; padding:0 0 0 10px;} .toolBar dd, .toolBar dt { float:left; display:inline; line-height:25px;} .toolBar dt { color:#3D3D3D; padding:0 5px 0 0;} .toolBar dd { padding:0 10px 0 0;} #content .toolBar ul { float:right; margin:0; text-align:right; padding:0 15px 0 0; } #content .toolBar ul li { margin:0; padding:0 0 0 5px; background:none; float:left; line-height:25px; } #content .toolBar ul li.next a { padding:0 10px 0 0; background:url(/_images/property/details/rightarrow.gif) 78px 8px no-repeat; float:left; line-height:25px;} #content .toolBar ul li.previous { padding:0 15px 0 0;} #content .toolBar ul li.previous a, .toolBar .backtoresults a { float:left; padding:0 0 0 10px; background:url(/_images/property/details/leftarrow.gif) 0px 8px no-repeat; line-height:25px;} #propertySummary { float:left; width:722px; border:1px solid #b6b6b6; background:url(/_images/property/details/summarybg.gif) 0px 0px repeat-y; position:relative; padding:0 0 11px 0; margin:0 0 20px 0; } #summaryContainer { float:right; width:425px; } #summaryContainer span.corner { position:absolute; top:6px; right:-8px; height:3px; width:7px; display:block; background:url(/_images/property/details/corner.gif) 0px 0px no-repeat; } #summaryContainer span.arrow { position:absolute; top:60px; right:413px; height:16px; width:9px; display:block; background:url(/_images/property/details/summaryarrow.gif) 0px 0px no-repeat; } #summaryContainer ul.userCta { position:absolute; top:9px; right:-8px; line-height:23px; border:1px solid #c0c0c0; background:#ffffff; padding:0 0 0 10px; margin:0; } #summaryContainer ul.userCta li { display:inline; padding:0 15px 0 0; margin:0; background:none;} #content #summaryContainer ul.userCta li a { border:none; padding:0 0 0 23px; background-repeat:no-repeat; font-weight:normal; border:none; color:#414141; } #content #summaryContainer ul.userCta li a:hover, #content #summaryContainer ul.userCta li a:focus { color:#CD1B6B;} #summaryContainer ul.userCta li.send a { background-image:url(/_images/property/details/send.gif); background-position:0px 1px;} #summaryContainer ul.userCta li.save a { background-image:url(/_images/property/details/save.gif); background-position:3px 1px;} #summaryContainer ul.userCta li.print a { background-image:url(/_images/property/details/print.gif); background-position:3px 0px;} #summaryContainer .summaryContents { border:1px solid #d9d9d9; background:#fff; float:left; width:374px; margin:47px 0 0 10px; padding:15px 12px 0 12px; display:inline; } #summaryContainer .summaryContents h2 { line-height:1em; font-size:1em; border-bottom:1px solid #eaeaea; margin:0 0 5px 0; } #summaryContainer .summaryContents .status { line-height:1em; font-size:1em; border-bottom:1px solid #eaeaea; margin:0 0 15px 0; font-weight:bold; color:#CD1B6B; } #summaryContainer .summaryContents .status .fr { font-weight:normal;} #summaryContainer .summaryContents p.address { float:left; clear:both; width:100%; } #summaryContainer .summaryContents p.address span { float:left; } #summaryContainer .summaryContents p a.map { float:right; border:none; padding:0 0 0 15px; background:url(/_images/property/details/mapicon.gif) 0px 5px no-repeat; color:#4a4a4a; font-weight:normal; } #content #propertySummary a:hover, #content #propertySummary a:focus { color:#CD1B6B;} #content #galleryContainer a:focus, #content #galleryContainer a:hover { color:#fff;} #propertyContents { float:left; width:725px; padding:0 0 20px 0; background:#FFFFFF;} #propertyContentWrapper { float:left; width:504px; background:#FFFFFF;} #propertyContentContainer { float:left; width:502px; border:1px solid #cfcfcf; padding:15px 0 15px 0; margin:0; background:#fff; } #propertyContentWrapper .propertyContent { padding:0 15px; background:#fff;} #propertyContentWrapper #tabsContainer { float:left; width:504px; display:none; } #propertyContentWrapper #tabsContainer ul { float:left; width:504px; padding:0; margin:0; } #propertyContentWrapper #tabsContainer ul li { display:inline; float:left; padding:0 3px 0 0; margin:0; background:none; } #propertyContentWrapper #tabsContainer ul li a.selected, #propertyContentWrapper #tabsContainer ul li a:hover, #propertyContentWrapper #tabsContainer ul li a:focus { color:#505050; border-top:1px solid #CFCFCF; border-left:1px solid #CFCFCF; border-right:1px solid #CFCFCF; background:url(/_images/bkg/tabsselected.gif) 0px 0px repeat-x #FFFFFF; position:relative; color:#CD1B6B; } #propertyContentWrapper #tabsContainer ul li a { display:block; text-align:center; background:#ececec; border-top:1px solid #cfcfcf; border-right:1px solid #cfcfcf; border-left:1px solid #cfcfcf; color:#505050; float:left; line-height:22px; padding:2px 8px 6px 8px; border-bottom:none; font-weight:normal; } .propertyContent dl { overflow:auto; width:472px; padding:0 0 15px 0; } .propertyContent dl dt, .propertyContent dl dd { border-bottom:1px solid #e4e4e4; float:left; padding:0 0 5px 0; margin:0 0 5px 0; } .propertyContent dl dt { width:182px; color:#414141; } .propertyContent dl dd { width:290px;} #propertySidecol { float:right; width:200px; margin:0 1px 0 0; display:inline; } #propertyDetails { margin:0 0 15px 0; background:#414141; float:left; width:200px; } #propertyDetails h2 { border:none; padding:15px 0 5px 15px; margin:0; } #propertySidecol #propertyDetails a { color:#fff; border-bottom:none;} #propertySidecol #propertyDetails a:hover, #propertySidecol #propertyDetails a:focus { border-bottom:1px solid #fff} #propertyDetails .thumbnail { float:left; border:2px solid #fff; } #propertyDetails ul { padding:0; margin:0;} #propertyDetails ul li { padding:0; margin:0; background:#414141; border-bottom:1px solid #676767; } #propertyDetails ul li.even { background:#3a3a3a; } #propertyDetails ul li h3 { color:#fff; font-size:1em; padding:10px 15px 5px 15px; font-weight:bold; line-height:1em;} #propertyDetails ul li p { color:#f1f1f1; padding:0 15px 10px 15px; line-height:1.5em; } #propertySidecol a.pod { margin:0 0 15px 0; } #propertySidecol a.pod, #propertySidecol a.pod img { float:left; border:none; } #contentContainer #propertySidecol .contactLink a, #contentContainer #propertySidecol .propertyRSS h2 a { border:none;} .propertyRSS { float:left; width:200px; margin:0 0 15px 0; padding:5px 0 0 0; } .propertyRSS h2 { font-size:1em; line-height:16px; margin:0; background:url(/_assets/images/rss-logo_2.jpg) 0px 0px no-repeat; text-indent:52px; padding:0 0 7px 0;} .propertyRSS h2 a { font-weight:bold; color:#CD1B6B; font-size:1.1em;} #content .propertyRSS ul { padding:10px 0 0 5px;} #content .propertyRSS li { line-height:1.7em; padding:0 0 8px 10px;} #contentContainer #content .backtoproperty { background:#CD1B6B; border:none; color:#FFFFFF; padding:7px 9px 7px 9px; float:left;} #contentContainer #content a:hover.backtoproperty, #contentContainer #content a:focus.backtoproperty { background:#414141; color:#FFFFFF;} #content p.pagenotfound a { padding:4px 9px 5px 9px; background:#7FA53F; color:#FFFFFF; border:none; } #container #content p.pagenotfound a:hover, #content p.pagenotfound a:focus { background:#414141; color:#FFFFFF;} #salesAndRentals #content p.pagenotfound a { background:#CD1B6B; } #residents #content p.pagenotfound a { background:#F0A626; } #content p.pagenotfound span { padding:0 8px;} /********************************************************************/ /* PPC Property */ /********************************************************************/ #content .ppcProperty .summaryContents { margin-top:14px;} #content .ppcProperty span.arrow { top:29px;} #content .ppcProperty .pod a { border:none;} .toolBar .address { float:right; padding:0 10px 0 0; color:#444444;} .toolBar .address .map { padding:0 0 0 25px; background:url(/_images/bullets/toolbar-map.gif) 12px 2px no-repeat;} /********************************************************************/ /* Gallery */ /********************************************************************/ #galleryContainer { float:left; width:281px; background:url(/_images/property/details/gallerybg.gif) 0px 0px no-repeat; margin:11px 0 0 10px; display:inline; position:relative;} #galleryOuter { width:267px; margin:0; display:block; position:relative; padding:0; } #content .contentArea .SlideItMoo_forward, #content .contentArea .SlideItMoo_back { font-size:0.9em; cursor:pointer; position:absolute; bottom:10px; right:7px; padding:5px 10px 5px 5px; border:none; background:#cd1b6b url(/_images/property/details/right.gif) top right no-repeat; line-height:10px; height:10px; color:#fff; font-weight:normal;} #content .contentArea a.SlideItMoo_forward:hover, #content .contentArea a.SlideItMoo_forward:focus, #content .contentArea a.SlideItMoo_back:hover, #content .contentArea a.SlideItMoo_back:focus { border:none;} #content .contentArea .SlideItMoo_back { right:47px; padding:5px 5px 5px 10px; background:#cd1b6b; background:#cd1b6b url(/_images/property/details/left.gif) top left no-repeat; } #galleryContainer .galleryContainerFooter { float:left; width:281px; background:url(/_images/property/details/gallerybg-footer.gif) bottom left no-repeat; height:8px; overflow:hidden; bottom:0px; left:0px;} #galleryInner { position:relative; overflow:hidden; width:267px; margin:7px 0 0 7px; padding:0; } ul#galleryItems { display:block; position:relative; padding:0;} #content ul#galleryItems a { border:none; float:left;} #galleryItems li.galleryImage { display:block; position:relative; float:left; margin:0; width:267px; padding:0 0 10px 0; background:none; text-align:center; } #galleryItems li.galleryImage img { padding:0 0 5px 0;} #galleryItems li.galleryImage p { padding:0 5px 30px 5px; line-height:1.3em; font-size:11px; text-align:left;} #galleryContainer .imageCounter { position:absolute; line-height:11px; bottom:14px; left:12px; padding:0; font-size:0.9em; color:#414141; display:none; } /********************************************************************/ /* Map */ /********************************************************************/ #mapContainer { border-top:1px solid #A2A1A1; border-left:1px solid #A2A1A1; border-bottom:1px solid #A2A1A1; width:524px; height:546px; float:left; } .mapPropertyContents { width:300px; height:200px;} .mapPropertyContents h2 { margin:0 0 4px 0;} #content .mapPropertyContents h2 a { font-weight:bold; color:#CD1B6B;} #content .mapPropertyContents h2 a:hover, #content .mapPropertyContents h2 a:focus { text-decoration:underline;} .mapPropertyContents p{ padding:0;} .mapPropertyContents p span{ color:#cd1b6b; font-weight:bold; padding:0 0 0 5px; border-left:1px solid #d7d7d7;} #content .mapPropertyContents p span a { color:#CD1B6B; padding:0 0 0 15px; background:url(/_images/icons/email.gif) 0px 3px no-repeat;} #content .mapPropertyContents p span a:hover, #content .mapPropertyContents p span a:focus { color:#414141;} #content #mapContainer a { border:none;} #mapContainer .thumbnail { float:left; margin:0 10px 10px 0;} .propertydescription{ height:122px; width:290px; overflow:auto; margin:10px 0 0 0; padding:0 10px 0 0;} .propertydescription p{ line-height:1.4em;} .mapFilter { float:right; width:198px; border:1px solid #A2A1A1; background:#f5f5f5; height:546px; } .mapFilter fieldset { width:198px; } .mapFilter fieldset fieldset { background:none; width:auto;} .mapFilter fieldset.filterType { float:left; padding:18px 15px; width:168px; background:#fff;} .mapFilter fieldset.filterOptions { float:left; position:relative; background:none;} .mapFilter fieldset h2 { padding:0; margin:0 0 15px 0; border:none;} #content .mapFilter ul { padding:0; margin:0; float:left;} #content .mapFilter .filterType ul { padding:0; } #content .mapFilter ul li { padding:0 20px 0 0; margin:0; background:none; display:inline; float:left;} #content .mapFilter ul li label { float:left; width:auto; line-height:13px; padding:0 0 0 5px;} #content .mapFilter .field ul li { padding:0 10px 0 0;} #content .mapFilter .field ul li label { font-size:0.9em;} .mapFilter .field { float:left; width:198px; padding:0 0 12px 0;} .filterOptions select, .filterOptions .textfield { float:left; padding:0; border:1px solid #CFCFCF; color:#686868; width:165px;} .filterOptions .textfield { font-size:11px; padding:1px 2px; width:161px;} .filterOptions .fieldWrapper { float:left; width:168px; padding:15px; border-top:1px solid #dadada; } .filterOptions .fieldWrapper p.label, .filterOptions .fieldWrapper label { float:left; width:168px; padding:0 0 10px 0;} .filterOptions .fieldWrapper ul { float:left; width:168px; } #content .filterOptions .fieldWrapper ul li { float:left; width:168px; padding:0 0 10px 0;} .filterPrice p { float:left; padding:0 5px 0 0; line-height:16px;} .filterPrice p.to { text-align:center; width:17px; padding:0;} .filterPrice select { width:75px;} #content .filterOptions .fieldWrapper .propertyRadius { padding:10px 0 0 0;} #content .filterOptions .fieldWrapper .propertyRadius li { width:75px;} #content .filterOptions .fieldWrapper .propertyRadius li.last { padding:0;} .mapFilter .formbutton { float:right; margin:0 15px 0 0; display:inline;} /********************************************************************/ /* Module List */ /********************************************************************/ ul#moduleList { float:left; width:725px; padding:0; margin:0;} ul#moduleList li { float:left; width:725px; padding:0 0 15px 0; margin:0; background:none; border-top:1px solid #cfcfcf; } ul#moduleList li h2 { border:none; float:left; padding:0; margin:0; font-size:1.4em; width:679px; line-height:24px; } ul#moduleList li h2 a { border:none; display:block; color:#90b13e; font-weight:bold; padding:12px 12px 11px 12px; border-bottom:1px solid #FFFFFF; width:655px; } #salesAndRentals ul#moduleList li h2 a { color:#CD1B6B; border-bottom:1px solid #fff; } #content ul#moduleList li h2 a:hover, #content ul#moduleList li h2 a:focus { background-color:#F8F8F8; border-bottom:1px solid #e6e5e5;} #residents ul#moduleList li h2 a { color:#F0A626; border-bottom:1px solid #fff; } ul#moduleList li p.date, .article p.date { background:#f8f8f8; width:46px; text-align:center; color:#8c8c8c; float:left; padding:5px 0; line-height:1.5em; border-bottom:1px solid #e6e5e5; min-height:37px; height:auto !important; height:37px; overflow:hidden;} ul#moduleList li p.date span, .article p.date span { display:block;} ul#moduleList p.date .month, .article p.date .month { font-size:1.1em; text-transform:uppercase;} ul#moduleList p.date .day, .article p.date .day { font-size:1.8em; } .article p.date .year {} ul#moduleList li .description { float:right; width:666px; padding:5px 0 0 0;} ul#moduleList li .description .thumbnail { float:left; border:3px solid #E6E5E5; margin:5px 15px 5px 0px;} #salesAndRentals ul#moduleList li .description a:hover.thumbnail, #salesAndRentals ul#moduleList li .description a:focus.thumbnail { border:3px solid #CD1B6B;} #residents ul#moduleList li .description a:hover.thumbnail, #residents ul#moduleList li .description a:focus.thumbnail { border:3px solid #F0A626;} .readMore { padding:0 0 10px 0; text-align:right; } ul#moduleList .readMore a, #content .accountbutton .button, #content .backbutton .button { line-height:1em; font-size:0.9em; padding:3px 9px 4px 9px; border:none; color:#fff; background:#8EB139; } #content ul#moduleList .readMore a:hover, #content ul#moduleList .readMore a:focus, #content .accountbutton a:hover.button, #content .accountbutton a:focus.button, #content .backbutton a:focus.button, #content .backbutton a:hover.button { color:#fff; background-color:#515352; border:none; } #salesAndRentals ul#moduleList .readMore a, #salesAndRentals #content .accountbutton a, #salesAndRentals #content .backbutton a { background-color:#CD1B6B; font-weight:normal; } #salesAndRentals ul#moduleList .readMore a:hover, #salesAndRentals ul#moduleList .readMore a:focus, #salesAndRentals #content .accountbutton a:hover, #salesAndRentals #content .accountbutton a:focus, #salesAndRentals #content .backbutton a:hover, #salesAndRentals #content .backbutton a:hover, #residents ul#moduleList .readMore a:hover, #residents ul#moduleList .readMore a:focus, #residents #content .accountbutton a:hover, #residents #content .accountbutton a:focus, #residents #content .backbutton a:hover, #residents #content .backbutton a:hover { background:#515352;} #residents ul#moduleList .readMore a, #residents #content .accountbutton a, #residents #content .backbutton a { background-color:#F0A626; font-weight:normal;} #content .accountbutton, .backbutton { padding:5px 0 15px 0;} #content .accountbutton a, #content .backbutton a { border:none; } ul#moduleList dl.details, .article dl.details { float:right; width:666px; padding:0 0 6px 0;} ul#moduleList dl.details dt, ul#moduleList dl.details dd, .article dl.details dd, .article dl.details dt { padding:7px 0; border-bottom:1px solid #E6E5E5; line-height:1em; } ul#moduleList dl.details dt, .article dl.details dt { float:left; width:70px; font-weight:bold;} ul#moduleList dl.details dd, .article dl.details dd { float:left; width:596px;} .article dl.details { width:627px; padding:0 0 15px 0; margin:-4px 0 0 0; } .article dl.details dd { width:557px; } .article dl.details dd, .article dl.details dt { padding:10px 0; } /********************************************************************/ /* Category Listing */ /********************************************************************/ ul#categorylist { float:left; width:725px; padding:0 0 15px 0;} ul#categorylist li { float:left; width:351px; border:1px solid #cfcfcf; margin:0 15px 15px 0; background:#fff; padding:1px; } ul#categorylist li.rowend { margin:0 0 15px 0; } ul#categorylist li.last { margin-bottom:0; } ul#categorylist h2 { font-size:1.2em; margin:0; border-bottom:1px solid #eaeaea; background:url(/_images/bkg/cat-title-hover.gif) bottom left repeat-x; line-height:31px; padding:0; } #container ul#categorylist h2 a { border:none; color:#90B13E; display:block; width:335px; padding:0 8px; font-weight:bold; } #salesAndRentals ul#categorylist h2 a { color:#CD1B6B; } #residents ul#categorylist h2 a { color:#F0A626; } #container ul#categorylist h2 a:hover, #container ul#categorylist h2 a:focus { background:url(/_images/bkg/cat-title-hover.gif) bottom right no-repeat;} #residents ul#categorylist h2 a span { float:right; line-height:10px; font-size:0.7em; padding:3px 9px 3px 9px; font-weight:normal; color:#fff; background:#8D8567; margin:7px 0 0 0; cursor:pointer;} #residents ul#categorylist h2 a:hover span, #residents ul#categorylist h2 a:focus span { background:#F0A626;} ul#categorylist .description { padding:0 8px 10px 8px; background:url(/_images/bkg/cat-desc.gif) bottom left repeat-x; min-height:47px; height:auto !important; height:47px; } ul#categorylist .description p { font-size:0.9em; line-height:1.7em; padding:10px 0 0 0; } .categoryDescription { padding:15px 15px 1px 15px; border-top:1px solid #CFCFCF; border-right:2px solid #dcdbdb; border-left:1px solid #CFCFCF; border-bottom:3px solid #CFCFCF; margin:0 0 15px 0; background:url(/_images/bkg/cat-desc.gif) bottom left repeat-x #FFFFFF; color:#414141; } /********************************************************************/ /* Media Contacts */ /********************************************************************/ ul#categorylist.mediacontacts { padding:0 0 35px 0;} ul#categorylist.mediacontacts li { padding:0 0 5px 0;} ul#categorylist.mediacontacts .contactImg { float:left; margin:5px 15px 0 5px; display:inline; border:2px solid #7E9A2C; } #residents ul#categorylist.mediacontacts .contactImg { border:2px solid #F0A525; } #salesAndRentals ul#categorylist.mediacontacts .contactImg { border:2px solid #CD1B6B; } ul#categorylist.mediacontacts h2 { background:none; font-weight:normal; font-size:1.1em; border:none; padding:12px 0 10px 0; line-height:1em; } ul#categorylist.mediacontacts p.role { border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; background:#f5f5f5; padding:0; line-height:28px; margin:0 0 10px 0; } /********************************************************************/ /* Media Cenre */ /********************************************************************/ ul#categorylist.mediacentre li { min-height:207px; height:auto !important; height:207px; } ul#categorylist.mediacentre .descriptionline { background:#f5f5f5; border-bottom:1px solid #ececec; float:left; padding:3px 10px; width:331px; } ul#categorylist.mediacentre ul { float:left; width:351px; padding:0; margin:0;} ul#categorylist.mediacentre li li { float:left; width:100%; padding:0; margin:0; background:none; border:none; min-height:28px; height:auto !important; height:28px; } #content ul#categorylist.mediacentre li li a { border-bottom:1px solid #f1f1f1; height:28px; line-height:28px; float:left; width:331px; padding:10px; background:#fff; font-weight:normal; color:#414141;} #content ul#categorylist.mediacentre li li a:hover, #content ul#categorylist.mediacentre li li a:focus { background:#f8f6f6; color:#F0A626;} #content ul#categorylist.mediacentre li li.last a { border:none; } #content ul#categorylist.mediacentre li li a span.date { float:left; width:28px; height:28px; overflow:hidden; color:#FFFFFF; font-size:10px; background:#535355; text-align:center; line-height:10px; margin:0 10px 0 0;} #content ul#categorylist.mediacentre li li a span.month { float:left; width:28px; padding:2px 0 0 0; text-transform:uppercase;} #content ul#categorylist.mediacentre li li a span.day { font-size:11px; float:left; width:28px; line-height:14px;} .downloaddetails { color:#4a4a4a;} #content ul#categorylist.mediacentre li.links li a { line-height:15px; padding:9px 10px 9px 10px;} #content ul#categorylist.mediacentre li.links li span { color:#868686; padding:0 0 0 5px; } #content ul#categorylist.mediacentre li.links a:hover, #content ul#categorylist.mediacentre li.links a:focus, #content ul#categorylist.mediacentre li.links a:hover span, #content ul#categorylist.mediacentre li.links a:focus span { color:#414141; } ul#categorylist.mediacentre li .mediaInformation { float:left; width:331px; padding:10px 10px 0 10px;} /********************************************************************/ /* Knowledgebase */ /********************************************************************/ ul#moduleList.knowledgebase h2, ul#moduleList.links h2, ul#moduleList.downloads h2, ul#moduleList.search h2 { width:725px;} ul#moduleList.knowledgebase h2 a, ul#moduleList.links h2 a, ul#moduleList.downloads h2 a, ul#moduleList.search h2 a { width:701px;} ul#moduleList.knowledgebase .description, ul#moduleList.links .description, ul#moduleList.downloads .description, ul#moduleList.search .description { width:701px; padding:5px 12px 0 0; } .knowledgeContent .articleContent { width:725px; padding:12px 0 0 0; } .knowledgeContent .articleButtons { width:725px;} /********************************************************************/ /* Events */ /********************************************************************/ ul#categorylist.events { width:515px;} ul#categorylist.events li { width:246px;} #container ul#categorylist.events h2 a { width:230px; } ul#categorylist.events .description { min-height:67px; height:auto !important; height:67px; } #eventsCalendar { float:right; width:190px; background:#414141; padding:0 0 10px 0; margin:0 0 15px 0; } #residents #eventsCalendar h2 { border:none; padding:10px 0 10px 10px; margin:0; color:#fff;} #eventsCalendar p { color:#FFFFFF; padding:0 10px 10px 10px; line-height:1.4em; font-size:0.9em; color:#8e8f8f; } table#calendar { text-align:center; border:0; width:170px; margin:0 0 10px 0; position:relative; left:10px; } table#calendar .event a { color:#fff; border:none; background:#90B13E; display:block; height:100%; width:100%; } #salesAndRentals table#calendar .event a { background:#CD1B6B; } #residents table#calendar .event a { background:#F0A626; } table#calendar .event a { color:#fff; border:none; background:#90B13E; display:block; height:100%; width:100%; } #content table#calendar .event a:hover, #content table#calendar .event a:focus { background:#212121; color:#fff;} table#calendar th, table#calendar td { color:#808080; padding:0; border:none; background:#353535; } table#calendar th { background:#262626; color:#fff; font-weight:normal; font-size:0.9em;} .cal-controls { float:left; width:166px; margin:0 0 0 12px; display:inline; line-height:20px; } #content #eventsCalendar .cal-controls a { text-decoration:none; display:block; line-height:20px; text-align:center; height:20px; width:20px; border:none; background-repeat:no-repeat; background-position:0px 0px; } #content #eventsCalendar .cal-controls a span { position:absolute;} #content #eventsCalendar .cal-pre { background-image:url(/_images/buttons/cal-prev.gif);} #content #eventsCalendar .cal-next { background-image:url(/_images/buttons/cal-next.gif);} #salesAndRentals #content #eventsCalendar .cal-pre { background-image:url(/_images/buttons/cal-prev-pink.gif);} #salesAndRentals #content #eventsCalendar .cal-next { background-image:url(/_images/buttons/cal-next-pink.gif);} #residents #content #eventsCalendar .cal-pre { background-image:url(/_images/buttons/cal-prev-orange.gif);} #residents #content #eventsCalendar .cal-next { background-image:url(/_images/buttons/cal-next-orange.gif);} #content #eventsCalendar .cal-controls a:hover { background-position:0px -20px;} .cal-month { float:left; font-weight:normal; text-align:center; width:124px; color:#FFFFFF; } .cal-pre { float:left; } .cal-next { float:right;} #eventsListing, #boardDownloads { float:left; width:515px;} #eventsListing ul#moduleList, #eventsListing ul#moduleList li, #boardDownloads ul#moduleList, #boardDownloads ul#moduleList li { width:515px;} #eventsListing ul#moduleList li h2 { width:464px;} #eventsListing ul#moduleList li h2 a { width:445px;} #eventsListing ul#moduleList li .description, #boardDownloads ul#moduleList li .description { width:456px;} #eventsListing ul#moduleList dl.details { width:456px;} #eventsListing ul#moduleList dl.details dd { width:386px; } #boardDownloads ul#moduleList dl.details { width:500px;} #boardDownloads ul#moduleList dl.details dd { width:430px;} #boardDownloads ul#moduleList li h2 { width:515px;} #boardDownloads ul#moduleList li h2 a { width:491px;} /********************************************************************/ /* Downloads */ /********************************************************************/ #content ul#moduleList.downloads dl.details { width:713px;} #content ul#moduleList.downloads dl.details dd { width:643px; } ul#moduleList.downloads dl.details dd.pdf, ul#moduleList.downloads dl.details dd.video, ul#moduleList.downloads dl.details dd.word, ul#moduleList.downloads dl.details dd.excel, ul#moduleList.downloads dl.details dd.flash, ul#moduleList.downloads dl.details dd.image { text-indent:25px; background-repeat:no-repeat; background-position:0px 3px;} #content ul#moduleList.downloads dl.details dd.pdf, #content ul#categorylist.mediacentre li.downloads li.pdf a { background-image:url(/_images/icons/pdf.gif);} #content ul#moduleList.downloads dl.details dd.video, #content ul#categorylist.mediacentre li.downloads li.video a { background-image:url(/_images/icons/video.gif);} #content ul#moduleList.downloads dl.details dd.word, #content ul#categorylist.mediacentre li.downloads li.word a { background-image:url(/_images/icons/word.gif);} #content ul#moduleList.downloads dl.details dd.excel, #content ul#categorylist.mediacentre li.downloads li.excel a { background-image:url(/_images/icons/excel.gif);} #content ul#moduleList.downloads dl.details dd.flash, #content ul#categorylist.mediacentre li.flash li.pdf a { background-image:url(/_images/icons/flash.gif);} #content ul#moduleList.downloads dl.details dd.image, #content ul#categorylist.mediacentre li.downloads li.image a { background-image:url(/_images/icons/image.gif);} #content ul#categorylist.mediacentre li.downloads li a { padding:10px 0 10px 31px; width:320px; background-color:#FFFFFF; background-position:8px 14px; background-repeat:no-repeat;} #content ul#categorylist.mediacentre li.downloads li a:hover, #content ul#categorylist.mediacentre li.downloads li a:focus { background-color:#f8f6f6; background-repeat:no-repeat; background-position:8px 14px; } /********************************************************************/ /* News */ /********************************************************************/ .article { float:left; width:725px; border-top:1px solid #cfcfcf;} .articleContent { float:left; width:627px; padding:12px 0 0 18px; } .article p.date { width:60px; line-height:1.7em; overflow:auto; height:auto; } .article p.date .month { font-size:1.2em;} .article p.date .day { font-size:2.1em;} .article p.date .year { line-height:1.8em;} .article .articleImg { float:left; border:3px solid #E6E5E5; margin:5px 15px 15px 0;} .articleButtons { float:right; width:650px; border-top:1px solid #E6E5E5; padding:15px 0 10px 0; } #content .articleButtons a { border:none; color:#FFFFFF; background:#90B13E; line-height:1em; font-size:1em; padding:6px 9px 5px 9px; font-weight:normal;} #container #content .articleButtons a:hover, #container #content .articleButtons a:focus { color:#FFFFFF; background:#515352; border:none; } #salesAndRentals #content .articleButtons a { background:#CD1B6B;} #residents #content .articleButtons a { background:#F0A626;} #container #contentContainer .socialize { padding:0;} #newslinks{ width:723px; padding:0 0 10px 0; background:#f5f5f5; border:1px solid #cfcfcf; float:left;} #container #newslinks h2{ border:medium none; color:#90B13E; display:block; margin:0 0 3px 0; } #container #newslinks h2 a{ color:#F0A626; text-decoration:none; border:none; border:medium none; display:block; padding:7px 0 7px 8px;} #container #newslinks h2 a:hover{ background:url(/_images/bkg/newsbg.gif) no-repeat bottom left #fff;} #container #newslinks p.intro{background:#F5F5F5 none repeat scroll 0 0;border-bottom:1px solid #ECECEC;float:left;padding:3px 10px;width:331px;} #container #newslinks ul{ margin:0 0 0 2px; padding:0 10px 0 8px; list-style:none; float:left;} /********************************************************************/ /* Videos */ /********************************************************************/ #container ul.videos li h2 { width:725px;} #container ul.videos li h2 a { width:701px;} #container ul.videos li .description { width:713px;} /********************************************************************/ /* Blog */ /********************************************************************/ .blogArticle { float:left; width:725px; } .blogArticle .articleButtons { padding-bottom:25px;} #commentsContainer { float:left; width:725px; padding:0 0 15px 0;} #commentsContainer h2 { padding:20px 0 15px 0; margin:0 20px; overflow:hidden; } #commentsContainer h2 span { color:#414141; font-weight:normal;} #commentsContainer .comments { float:left; width:723px; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5; border-top:1px solid #d5d5d5; border-bottom:3px solid #d5d5d5; background:#f8f8f8;} #commentsContainer .comments .nocomments { margin:0 20px; padding:20px 0 0 0;} #commentsContainer .comments ol { float:left; width:683px; padding:25px 20px 0 20px; margin:0;} #commentsContainer .comments ol li { list-style:none outside; padding:0 0 25px 0; margin:0; float:left; width:683px;} #commentsContainer .comments ol li.last { padding:0; } #commentsContainer .comments ol li.admin .commentContents { width:572px;} #commentsContainer .comments ol li p.authorDetails { float:left; font-size:1em; width:104px; font-weight:bold; color:#434343; line-height:1.2em; padding:4px 0 0 0; position:relative;} #commentsContainer .comments ol li p.authorDetails span.date { display:block; font-size:0.9em; color:#a9a9a9; font-weight:normal; } #commentsContainer .comments ol li p.authorDetails span.arrow { display:block; width:20px; height:11px; background-repeat:no-repeat; background-position:0px 0px; position:absolute; top:9px; right:-2px; background-image:url(/_images/bkg/blogarrow-gray.gif); } #commentsContainer .comments ol li.admin p.authorDetails span.arrow { background-image:url(/_images/bkg/blogarrow-green.gif); height:14px; width:23px; right:-3px;} #salesAndRentals #commentsContainer .comments ol li.admin p.authorDetails span.arrow { background-image:url(/_images/bkg/blogarrow-pink.gif);} #residents #commentsContainer .comments ol li.admin p.authorDetails span.arrow { background-image:url(/_images/bkg/blogarrow-orange.gif);} #commentsContainer .comments ol li .commentContents { float:right; width:574px; border:1px solid #b1b1b1; padding:16px 1px 1px 1px; background:url(/_images/bkg/comment-bg.gif) bottom left repeat-x #FFFFFF; } #commentsContainer .comments ol li .commentContents p { padding:0 15px 15px 15px;} #commentsContainer .comments ol li.admin .commentContents { border:2px solid #90b13e;} #salesAndRentals #commentsContainer .comments ol li.admin .commentContents { border:2px solid #cd1b6b;} #residents #commentsContainer .comments ol li.admin .commentContents { border:2px solid #f0a626;} .postcomment { float:left; width:723px; } #commentsContainer .postcomment h2 { margin:0 20px 15px 20px; } .postcomment p { padding:0 20px 15px 20px; } .postcomment form { float:left; width:723px; padding:0 0 20px 0; } .postcomment form fieldset { padding:0 20px;} .postcomment form label { float:left; font-weight:normal; width:100px; font-size:1em; margin:1px 0 0 0; color:#414141; } .postcomment form .textfield, .postcomment form textarea { font-family:Arial, Helvetica, sans-serif; font-size:1em; padding:4px 5px; border:1px solid #B1B1B1; width:571px; margin:0 0 10px 0; color:#7A7B7B; background:url(/_images/bkg/field-bg.gif) bottom left no-repeat #FFFFFF; float:left; } .postcomment form textarea { height:150px;} /********************************************************************/ /* Paging */ /********************************************************************/ #content ul.pagenumbers { float:left; width:350px; padding:5px 0 20px 0;} #content ul.pagenumbers li { float:left; display:inline; text-align:center; margin:0 5px 0 0; padding:0px; background:none; line-height:25px; height:25px; overflow:hidden;} #content ul.pagenumbers a { display:block; padding:0; width:28px; color:#888888; text-decoration:none; background-color:#f6f3f3; font-weight:normal; line-height:25px; border-bottom:none; height:25px; } #content ul.pagenumbers .selected a, #content ul.pagenumbers a:hover, #content ul.pagenumbers a:focus {background-color:#90B13E; color:#fff; } #salesAndRentals #content ul.pagenumbers a:hover, #salesAndRentals #content ul.pagenumbers .selected a, #salesAndRentals #content ul.pagenumbers a:focus { background-color:#CD1B6B; color:#fff; } #residents #content ul.pagenumbers a:hover, #residents #content ul.pagenumbers a:focus, #residents #content ul.pagenumbers .selected a { background-color:#F0A626; color:#fff; } #content ul.pagenumbers li span { position:absolute; } #content ul.pagenumbers li.first, #content ul.pagenumbers li.prev, #content ul.pagenumbers li.next, #content ul.pagenumbers li.last, #content ul.pagenumbers li.first a, #content ul.pagenumbers li.prev a, #content ul.pagenumbers li.next a, #content ul.pagenumbers li.last a { background-position:0px 0px; background-repeat:no-repeat; } #content ul.pagenumbers li.first a:hover, #content ul.pagenumbers li.first a:focus, #content ul.pagenumbers li.prev a:hover, #content ul.pagenumbers li.focus a, #content ul.pagenumbers li.next a:hover, #content ul.pagenumbers li.next a:focus, #content ul.pagenumbers li.last a:hover, #content ul.pagenumbers li.last a:focus { background-position:0px -25px; } #content ul.pagenumbers li.first, #content ul.pagenumbers li.first a { background-image:url(/_images/paging/green/first.gif); } #content ul.pagenumbers li.prev, #content ul.pagenumbers li.prev a { background-image:url(/_images/paging/green/prev.gif); } #content ul.pagenumbers li.next, #content ul.pagenumbers li.next a { background-image:url(/_images/paging/green/next.gif); } #content ul.pagenumbers li.last, #content ul.pagenumbers li.last a { background-image:url(/_images/paging/green/last.gif); } #salesAndRentals #content ul.pagenumbers li.first, #salesAndRentals #content ul.pagenumbers li.first a { background-image:url(/_images/paging/pink/first.gif); } #salesAndRentals #content ul.pagenumbers li.prev, #salesAndRentals #content ul.pagenumbers li.prev a { background-image:url(/_images/paging/pink/prev.gif); } #salesAndRentals #content ul.pagenumbers li.next, #salesAndRentals #content ul.pagenumbers li.next a { background-image:url(/_images/paging/pink/next.gif); } #salesAndRentals #content ul.pagenumbers li.last, #salesAndRentals #content ul.pagenumbers li.last a { background-image:url(/_images/paging/pink/last.gif); } #residents #content ul.pagenumbers li.first, #residents #content ul.pagenumbers li.first a { background-image:url(/_images/paging/orange/first.gif); } #residents #content ul.pagenumbers li.prev, #residents #content ul.pagenumbers li.prev a { background-image:url(/_images/paging/orange/prev.gif); } #residents #content ul.pagenumbers li.next, #residents #content ul.pagenumbers li.next a { background-image:url(/_images/paging/orange/next.gif); } #residents #content ul.pagenumbers li.last, #residents #content ul.pagenumbers li.last a { background-image:url(/_images/paging/orange/last.gif); } /********************************************************************/ /* Planner */ /********************************************************************/ table#planner { border-right:1px solid #e1e1e1; width:725px; } table#planner th, table#planner td { border-right:none; } table#planner tr:hover { background:#F2F2F2;} table#planner .streetname { width:165px;} table#planner .postcode { width:110px; } table#planner .title { width:300px;} table#planner .dates { width:150px;} /********************************************************************/ /* Sort By */ /********************************************************************/ .sortBy { float:right; width:300px; line-height:25px; padding:5px 0 0 0; text-align:right; color:#414141; } .sortBy h2 { font-size:1em; border:none; display:inline; padding:0 5px 0 0; } #content .sortBy ul { display:inline; padding:0; margin:0; } #content .sortBy ul li { display:inline; padding:0 5px 0 5px; margin:0; background:none; border-right:1px solid #CFCFCF; } #content .sortBy ul li.last { padding:0 0 0 5px; border:none;} #content .sortBy ul li a { color:#4a4a4a; } /********************************************************************/ /* Site Map */ /********************************************************************/ ul#sitemap { float:left; width:725px; padding:0; margin:0; } ul#sitemap li { padding:0 0 15px 0; margin:0; float:left; width:695px; background:none; } ul#sitemap li ul { padding:0 15px; } ul#sitemap li li { width:100%; padding:0; margin:0; } #content ul#sitemap li a { font-size:1.3em; background:#F8F8F8; border-bottom:2px solid #E6E5E5; border-right:1px solid #E6E5E5; border-left:1px solid #E6E5E5; border-top:1px solid #E6E5E5; display:block; padding:4px 15px;} ul#sitemap li a:hover, ul#sitemap li a:focus {} #content ul#sitemap li li a { font-size:1.1em; background:#FFFFFF; border:none; padding:10px 0 0 0; border-bottom:1px solid #E6E5E5;} ul#sitemap li li a:hover, ul#sitemap li li a:focus {} #content ul#sitemap li li li a { border:none; padding:10px 0 0 0; color:#7a7a7a; } #content ul#sitemap li li li a:hover, #content ul#sitemap li li li a:focus { color:#414141; } /********************************************************************/ /* Footer */ /********************************************************************/ #footer { line-height:3.1em; float:left; width:962px; margin:0 0 0 4px; display:inline; background:#414141; padding:0 14px; color:#E9E9E9; } #footer li { float:left; width:auto; padding:0 10px 0 0;} #footer li.first { padding:0 50px 0 0;} #footer li.last { float:right; padding:0; } #footer li.last a { font-weight:bold;} #footer li a { color:#E9E9E9; font-weight:normal;} #footer li a:hover, #footer li a:focus { color:#fff;} /********************************************************************/ /* Extended Footer */ /********************************************************************/ .footer-sitemap { float:left; width:972px; margin:0 0 0 4px; display:inline; background:url(/_images/bkg/footer-sitemap.gif) repeat-x 0px 0px #ededed; padding:12px 0 12px 18px;} .footer-sitemap h2 { padding:0 0 14px 0;} .footer-sitemap li { float:left; display:inline; margin:0 13px 0 0; } .footer-sitemap li.yourHome { width:177px; } .footer-sitemap li.haveYourSay { width:163px; } .footer-sitemap li.mediacentre { width:112px; } .footer-sitemap li.jobs { width:147px; } .footer-sitemap li.aboutlandq { width:147px; } .footer-sitemap li.contactus { width:147px; } #salesAndRentals .footer-sitemap li.ourProperties { width:186px; } #salesAndRentals .footer-sitemap li.ownershipOptions { width:216px; } #salesAndRentals .footer-sitemap li.afterBought { width:201px; } #salesAndRentals .footer-sitemap li.aboutlandq { width:161px; } #salesAndRentals .footer-sitemap li.contactus { width:141px; } .footer-sitemap li a { color:#414141; font-weight:normal; } .footer-sitemap li li { float:none; display:block; border-bottom:1px solid #cdcccc; padding:5px 3px; line-height:1.3em;} .footer-sitemap li li.last { border-bottom:none;} /********************************************************************/ /* Property Listing */ /********************************************************************/ .searchDetails { padding:10px 15px 10px 15px;} .searchDetails p { padding:0;} #content ul#moduleList li.propertySearchResult .thumbnail, #content ul#moduleList li.propertySearchResult .thumbnail img { float:left;} #content ul#moduleList li.propertySearchResult { padding:0 0 22px 0; margin:0; float:left; width:725px; } #content ul#moduleList li.propertySearchResult { float:left; width:722px; border:1px solid #cfcfcf; background:url(/_images/bkg/property-desc-bg.gif) bottom left no-repeat #fff; margin:0 0 25px 0; padding:0 0 15px 0; position:relative;} ul#moduleList .propertySearchResult .propertyHeader h2 { float:none; font-size:1.4em;} ul#moduleList .propertySearchResult .propertyHeader h2 a { display:inline;} #content ul#moduleList li.propertySearchResult .thumbnail { border:2px solid #CFCFCF; margin:15px 15px 0 15px; display:inline; } #content ul#moduleList li.propertySearchResult a:hover.thumbnail, #content ul#moduleList li.propertySearchResult a:focus.thumbnail { border:2px solid #cd1b6b; } #content ul#moduleList li.propertySearchResult .propertyHeader { background:#f5f5f5; border-bottom:1px solid #dddbdb; padding:0 0 12px 15px;} #content ul#moduleList li.propertySearchResult .propertyHeader h2 { width:auto; margin:0; padding:17px 0px 9px 0; border:none; font-weight:normal; color:#636363; line-height:1em; } #content ul#moduleList li.propertySearchResult .propertyHeader h2 a { width:auto; border:none; color:#CD1B6B; font-weight:bold; padding:0; } #content ul#moduleList li.propertySearchResult .propertyHeader h2 a:hover, #content ul#moduleList li.propertySearchResult .propertyHeader h2 a:focus { color:#414141; border-bottom:1px solid #414141; } #content ul#moduleList li.propertySearchResult .propertyHeader h2 .status { font-weight:normal; position:absolute; top:14px; right:-13px; font-size:0.8em; padding:3px 15px 3px 10px; background:#FFFFFF; color:#000; border:1px solid #CFCFCF;} ul#moduleList li.propertySearchResult .propertyHeader h2 .status span { height:4px; width:12px; background:url(/_images/bkg/corner.gif) 0px 0px no-repeat; position:absolute; top:-5px; right:-1px; } #content ul#moduleList li.propertySearchResult .propertyHeader ul, #content ul#moduleList li.propertySearchResult .propertyHeader ul li { float:none; width:auto; display:inline; line-height:1em; padding:0;} #content ul#moduleList li.propertySearchResult .propertyHeader ul li { border:none; background:none; margin:0 5px 0 0; padding:0; line-height:1em; font-size:0.9em; } #content ul#moduleList li.propertySearchResult .propertyHeader ul li span { border-right:1px solid #9b9b9b; padding:0 5px 0 0; color:#696969; } #content ul#moduleList li.propertySearchResult .propertyHeader ul li.last span { border:none;} #content ul#moduleList li.propertySearchResult .propertyHeader ul li span span { color:#CD1B6B; border:none; padding:0;} #content ul#moduleList li.propertySearchResult .propertyDescription { padding:0 0 0 15px; } #content ul#moduleList li.propertySearchResult .propertyDescription p { padding:10px 15px 0 0; line-height:1.7em;} #content ul#moduleList li.propertySearchResult .viewProperty { position:absolute; bottom:5px; right:5px; line-height:10px; font-size:0.9em; padding:5px 9px 6px 9px; border:none; color:#FFFFFF; background:#CD1B6B; } #content ul#moduleList li.propertySearchResult a:hover.viewProperty, #content ul#moduleList li.propertySearchResult a:focus.viewProperty { background:#414141; color:#FFFFFF; } ul#propertyList li.saleType { background:none; border:none; padding:0;} ul#propertyList li.saleType h2 { margin:0;} .noResultsIntro { font-size:1.2em; color:#414141; padding:5px 0 10px 0;} #content .noResults li { float:left; margin:0 20px 0 0; width:225px; background:none; padding:5px 0 0 0;} #content .noResults .mapSearch { margin:0;} #content .noResults a { float:left; width:225px; height:100px; text-indent:-9999px; background-position:0px 0px; background-repeat:no-repeat; border:none;} #content .noResults .viewClosest a { background-image:url(/_images/buttons/no-results/view-closest.jpg);} #content .noResults .newSearch a { background-image:url(/_images/buttons/no-results/new-search.jpg);} #content .noResults .mapSearch a { background-image:url(/_images/buttons/no-results/map-search.jpg);} #content .noResults a:hover, #content .noResults a:focus { background-position:0px -100px;} /********************************************************************/ /* Property Listing Filters */ /********************************************************************/ .listingFilters { float:left; width:720px; padding:0 0 15px 5px;} .listingFilters .fl { width:540px;} .listingFilters .fr { width:153px;} .listingFilters strong { color:#414141; padding:0 10px 0 0;} #salesAndRentals .contentArea .viewMapResults, #salesAndRentals .contentArea .saveSearch { float:right; width:153px; height:62px; text-indent:-9999px; background-image:url(/_images/buttons/view-results-on-map.gif); background-position:0px 0px; background-repeat:no-repeat; border:none; margin:0 0 5px 0;} #salesAndRentals .contentArea .saveSearch { background-image:url(/_images/buttons/save-search.jpg); padding:0; margin:0;} #salesAndRentals .contentArea .fr a:hover, #salesAndRentals .contentArea .fr a:focus, #salesAndRentals .contentArea a.saveSearch:hover, #salesAndRentals .contentArea a.saveSearch:focus { background-position:0px -62px;} .sortButtons { float:left; padding:0; text-align:left; width:540px; line-height:1em;} #salesAndRentals .contentArea .sortButtons h2 { color:#414141} #content .sortButtons ul li { border:none;} #content .sortButtons ul li.last { padding:0;} #content .sortButtons ul li span, #salesAndRentals #content .sortButtons ul li a:hover, #salesAndRentals #content .sortButtons ul li a:focus { background:#CD1B6B; color:#fff; padding:4px 5px;} #salesAndRentals #content .sortButtons ul li a { border:none; color:#414141; padding:4px 5px;} /********************************************************************/ /* Resident Toolbox */ /********************************************************************/ #bannerContainer { float:left; width:765px; position:relative;} .residentToolbox { position:absolute; top:16px; right:0px; width:198px; background:#fff;} .residentToolbox h2 { position:absolute; left:-7px; top:4px;} .residentToolbox span { background-image:url(/_images/bkg/toolbox-corner.png) !important; background-image:url(/_images/bkg/toolbox-corner.gif); width:7px; height:11px; overflow:hidden; position:absolute; top:33px; left:-7px;} .residentToolbox ul { float:left; width:190px; padding:43px 0 3px 8px;} .residentToolbox ul li { padding:0 0 12px 23px; background-position:0px 0px; background-repeat:no-repeat;} .residentToolbox ul li.toolboxRepairs { background-image:url(/_images/icons/toolbox/repair.gif);} .residentToolbox ul li.toolboxRent { background-image:url(/_images/icons/toolbox/rent.gif);} .residentToolbox ul li.toolboxMoving { background-image:url(/_images/icons/toolbox/moving.gif);} .residentToolbox ul li.toolboxResident { background-image:url(/_images/icons/toolbox/residents.gif);} .residentToolbox ul li.toolboxComments { background-image:url(/_images/icons/toolbox/comments.gif);} .residentToolbox ul li.toolboxEnquiry { background-image:url(/_images/icons/toolbox/contact.gif);} .residentToolbox ul li.toolboxHomeowners { background-image:url(/_images/icons/toolbox/homeowners.gif);} .residentToolbox ul li a { color:#414141; font-weight:normal; font-size:1.1em;} .residentToolbox ul li a:hover, .residentToolbox ul li a:hover { border-bottom:1px solid #F0A626; text-decoration:none;} /**** Homepage Toolbox ****/ #landingPods .residentToolbox { top:227px; right:0px; width:372px; border-bottom:1px solid #414141; border-left:1px solid #414141; border-right:1px solid #414141;} #landingPods .residentToolbox h2 { top:0px;} #landingPods .residentToolbox span {top:29px;} #landingPods .residentToolbox ul { width:364px;} #landingPods .residentToolbox ul li { height:auto; width:auto; float:none; padding:0 0 12px 23px;} #landingPods .residentToolbox ul li a { background:none; height:auto; width:auto; float:none;} #landingPods .residentToolbox ul.fl { width:119px;} #landingPods .residentToolbox ul.fr { width:237px;} /********************************************************************/ /* Google Translate */ /********************************************************************/ .translatePod { float:left; width:185px; margin:0 0 15px 12px; display:inline; padding:10px; background:#F4F4F4; border:2px solid #D4D4D4;} .translatePod p { padding:0 0 7px 0;} #sideCol .translatePod select { margin:4px 0 8px 0;} /********************************************************************/ /* Honeypot */ /********************************************************************/ form .honeypot { display:none; } /********************************************************************/ /* PPC Form */ /********************************************************************/ #registerFormHeader {position:relative; z-index:10; width:660px; margin-left:35px; overflow:hidden;} .contentArea #registerFormHeader h2 {float:left; width:330px; margin:0; padding:20px 0 0 0; font-size:1.5em; color:#000; border:none;} #registerFormHeader div {float:right; width:180px; padding:15px 0 45px 130px; border:none; background:url('/_images/bg/register-form-header.png') 0px 0px no-repeat;} #registerFormHeader div p {width:150px; padding:0 0 5px 0; line-height:1.2em;} .contentArea #registerFormHeader a, .contentArea #registerFormHeader a:hover, .contentArea #registerFormHeader a:focus {border:none;} #registerForm {position:relative; z-index:1; width:650px; margin-top:-20px; margin-left:35px;} #registerForm fieldset {padding-top:30px;} #registerForm .field {width:460px; padding-right:150px;} #registerForm #areaToBuy {padding-bottom:100px; background:url('/_images/bg/register-form-map.png') 450px 0px no-repeat;} #registerForm #areaToBuy li {width:90px; border-bottom:none; background:none;} #registerForm #areaToBuy .fl {margin:0 50px 0 0;} #registerForm #formbutton {padding-right:0; padding-left:150px;} #registerForm #formbutton p {float:left; padding:0 0 0 80px; font-size:11px;} #registerForm #formbutton input {border:none; background:#CD1B6B;} /********************************************************************/ /* Captcha`Reset */ /********************************************************************/ #content .contentArea #reCaptchaHolder a, #content .contentArea #reCaptchaHolder a:hover, #content .contentArea #reCaptchaHolder a:focus {border:none; }