/* Purpose: Global, Style Sheet Site: www. Author: Mark Rowlands, (c) Fusion Advertising & Design Ltd 2007 Version: 0.01 (4th October 2007) Changes: 0.01 MR 04/10/2007 Initial development */ /* STANDARD TAGS HTML Standard Tag overrides ------------------------------------------------ */ body { font-family:Arial, Helvetica, sans-serif; margin-left:auto; margin-right:auto; font-size:62.5%; margin:0 0 0 0; outline:none; color:#696565; text-align:center; background-image:url(../images/bg_body.gif); background-position:center; background-repeat:repeat-y; height:auto;} a { color:#ed1093; text-decoration:none;} /* a:link,a:visited { color:#00149B; text-decoration:none;} */ a:hover { color:#ed1093; text-decoration:underline; } a.crumbResults { color:#00149B; text-decoration:none;} a.crumbResults:hover { color:#00149B; text-decoration:underline;} a.moreLink { color:#ed1093; text-decoration:underline; } a.moreLink:hover { color:#ed1093; text-decoration:none;} a.arrow { background-image:url(../images/bullet.gif); background-repeat:no-repeat; background-position:0 2px; padding:0px 0px 0px 15px;} a.arrow:hover { text-decoration:underline;} a.top { float:right;} a:hover.top { float:right;} form { margin:0; padding:0; } input, select, textarea { font-size:1.1em; color:#6f6c6c; } h1 { margin:0 0 4px 0; font-size:2.7em; font-weight:bolder; color:#ed1093; } h1.pageTitle { margin:0 0 2px 0; font-size:2.4em; color:#ed1093; width:auto; } h1.pageTitleAlt { margin:5px 0 2px 0; font-size:1em; color:#888888; width:auto; } h1.sectionTitle { margin:0 0 4px 0; font-size:2.3em; font-weight:normal; color:#ed1c24; padding:0 0 5px 0;} h2 { margin:0px 0px 7px 0px; font-size:1.3em; font-weight:normal; line-height:1.3em; padding:0 0 7px 0; text-align:justify; } h2.links { margin:0px 0px 7px 0px; font-size:1.3em; font-weight:normal; line-height:1.3em; padding:0px; text-align:justify;} h3 { font-size:1.2em; line-height:1em; color:#ed1093; padding:0px; margin:0 0px 0 0px; text-align:left; } h3.subHeading { width:585px; clear:both; } h4 { font-size:1.2em; line-height:1em; font-weight:bold; margin:0 0 2px 0; padding:0;} h5 { font-weight:bold; font-size:1.1em; margin:0; padding:0;} h6 { font-weight:normal; font-size:1em; margin:0px; padding:0px; color:#6f6c6c; text-align:left; padding:6px 0px 0px 20px; } img { border: 0; } p { margin:0 0 11px 1px; text-align:justify; line-height:1.5em; font-size:1.1em; } p b { color:#333333;} ul { margin:0 0 12px 0; padding:0; } ul.ulContent { margin-bottom:15px; } ul li { font-size:1.1em; margin:0 0 3px 0; padding:0 0 0 15px; list-style:none; background-image:url(/resources/images/bulletpoint.gif); background-repeat:no-repeat; background-position:2px 5px; } ul.anchorList { margin-bottom:20px; } ul.anchorList li { background-image:url(/resources/images/bulletpoint.gif); } ul.anchorList li a { color:#696565; text-decoration:underline;} ul.anchorList li a:hover { color:#ed1093; text-decoration:none;} ul li p { font-size:1em; } ul li h4 { font-size:1.1em; } ol { margin:0; padding:0; margin: 10px 0px 10px 22px; padding:0px; text-align:justify; } ol li { margin:0 0 12px 0; padding:0; background-image:none; list-style-position:outside; font-size:1.1em; } /* MISC ADDITIONS Miscellaneous additions ------------------------------------------------ */ .clear { clear:both; } .ruler { background-color:#cccccc; } .error { color:#990000; } /* LAYOUT TAGS Master layout attributes for the site structure ------------------------------------------------ */ #siteContainer { width:982px; text-align:left; margin-left:auto; margin-right:auto; height:auto; display:block; overflow:hidden; } #siteContent { background-color:#ffffff; height:auto; float:left; width:962px; padding:0px 0px 0px 20px; overflow:hidden; } #header { width:942px; margin:0px; padding:0px 0px 0px 20px; height:120px; background-color:#FFFFFF; overflow:hidden; float:left; display:block; } #header a.logo { display:block; float:left; height:100px; } #header .navCompany { float:right; padding:0px; margin:21px 0px 15px 0px; width:434px; } #header .navCompany ul { float:right; padding:0px; margin:0px 0px 29px 0px; height:12px; width:434px; } #header .navCompany ul li { float:right; padding:0px 7px 0px 9px; margin:0px; width:auto; list-style:none; height:12px; background-image:none; border-right:1px solid #465141;} #header .navCompany ul li.none { border:none; padding:0px 0px 0px 9px;} #header .navCompany ul li a { display:block; color:#465141; font-size:0.9em; line-height:1em;} #header .navCompany ul li a:hover { color:#ed1093; text-decoration:none;} #header .navCompany .login { float:right; display:block;} #header .navigation { float:right; padding:0px 10px 0px 10px; height:43px; margin:0px; width:710px; background-image:url(../images/bg_main_navigation.gif); background-position:0 0; background-repeat:repeat-x;} #header .navigation li { float:right; padding:0px; margin:0px; height:43px; list-style:none;} #header .navigation li a { display:block; background-repeat:no-repeat; background-position:0 0; height:43px; padding:0px 40px 0px 0px;} #header .navigation li a span { display:none;} #header .navigation li a:hover { background-position:0 -43px;} #header .navigation li a.active { background-position: 0 -86px;} #header .navigation li.buying a { background-image:url(../images/nav_buy.gif); width:29px;} #header .navigation li.selling a { background-image:url(../images/nav_sell.gif); width:35px;} #header .navigation li.letting a { background-image:url(../images/nav_landlords.gif); width:85px;} #header .navigation li.renting a { background-image:url(../images/nav_rent.gif); width:38px;} #header .navigation li.myaccount a { background-image:url(../images/nav_myaccount.gif); width:90px;} #header .navigation li.contact a { background-image:url(../images/nav_contact.gif); width:64px;} #header .navigation li.about a { background-image:url(../images/nav_about.gif); width:47px;} #header .navigation li.home a { background-image:url(../images/nav_home.gif); width:41px; padding:0px 0px 0px 0px; } /* subnaigation tags */ #subNavigation { margin:0px; padding:0px 24px 0px 0px; width:188px; float:left;} #subNavigation #quickSearch { float:left; background-color:#ecedec; padding:10px; background-image:url(../images/bg_dashed_line.gif); background-repeat:no-repeat; background-position: bottom left;} #subNavigation #quickSearch .inputRow { font-size:1.2em; padding:0px 0px 5px 0px; margin:0px 0px 0px 0px; height:20px; } #subNavigation #quickSearch .lastRow { padding:0px 0px 0px 0px; font-size:1.2em; margin:0px 0px 0px 0px; height:20px;} #subNavigation #quickSearch .inputLabel { color:#465141; float:left; font-size:0.9em; width:74px;} #subNavigation #quickSearch .inputField { float:left; width:94px;} #subNavigation #quickSearch .inputShim { float:left; margin:0px 0px 0px 0px; width:90px;} #subNavigation #quickSearch select { width:94px; height:20px; font-size:0.9em;} #subNavigation #quickSearch input.checkbox { margin:0px; padding:0px;} #subNavigation #quickSearch a.button { font-size:1em; padding:0px; margin:0px 1px 10px 0px; float:right; height:26px; width:92px; color:#000000; text-decoration:none; display:block; background-image:url(../images/but_searah_now.gif); background-repeat:no-repeat; background-position:0 0;} #subNavigation #quickSearch a.button:hover { color:#000000; text-decoration:underline; background-position:0 -26px;} #subNavigation #quickSearch label { color:#465141; line-height:1.7em;}/* needs to overide the form css*/ #subNavigation #quickSearch a.advanced { display:block; float:right; text-decoration:underline; margin:0px 0px 6px 0px; color:#ED1093;} #subNavigation #quickSearch a.advanced:hover { text-decoration:none; color:#ED1093;} #subNavigation .subNavigation { margin:0px; padding:0px 0px 17px 0px; width:188px; float:left; background-color:#ecedec; background-image:url(../images/bg_dashed_line.gif); background-repeat:no-repeat; background-position:bottom left; } #subNavigation .subNavigation li { margin:0px; padding:0px 0px 9px 0px; list-style:none; color:#cccccc; text-align:left; margin:0px; background-image:none;} #subNavigation .subNavigation li a { color:#465141; padding:0px 0px 0px 41px; text-align:left; font-weight:normal; display:block; height:14px; background-image:url(../images/subnav_arow.gif); background-position:14px 0px; background-repeat:no-repeat; } #subNavigation .subNavigation li a:hover { text-decoration:none; background-position: 14px -14px; color:#ed1093;} #subNavigation .subNavigation li a:active { font-weight:bold; background-position:14px -14px;} #subNavigation .subNavigation li a.active { font-weight:bold; background-position:14px -14px;} #subNavigation .subNavigation .subnavHeader { width:188px; text-align:left; margin:0px 0px 16px 0px;} #subNavigation .subnavAdvert { background-color:#ecedec; width:188px; float:left; padding:0px 0px 118px 0px;} #subNavigation .subnavAdvert a.valuation { margin:21px 0px 6px 9px; display:block; width:167px; height:33px; background-image:url(../images/but_valuation.gif); background-repeat:no-repeat; background-position:0 0; } #subNavigation .subnavAdvert a.valuation:hover { background-position:0 -33px;} #subNavigation .subnavAdvert a.download { display:block; width:167px; height:33px; margin:0px 0px 0px 9px; background-image:url(../images/but_register.gif); background-repeat:no-repeat; background-position:0 0; } #subNavigation .subnavAdvert a.download:hover { background-position:0 -33px;} /* content tags */ #content { width:750px; margin:0px; padding:0px; float:left; background-color:#ffffff; } #content .news ul { padding:0px; margin:0px; } #content .news ul li { color:#96bf0d; list-style:none; padding:0px 0px 0px 17px; margin:0px 0px 5px 0px; font-size:1.2em; background-image:url(../images/bullet.gif); background-repeat:no-repeat; background-position:0 3px;} #content .news ul li a { cursor:pointer;} #content .resultGrid { float:left; width:693px; margin:0px; } #content .resultGrid li { padding:0px 15px 0px 0px; float:left; margin:15px 0px 0px 0px; list-style:none; background-image:none; width:216px; } #content .resultGrid li .resultGridInner { position:relative; background-color:#e5e5e5; padding:10px 10px 0px 10px; width:196px; margin:0px; float:left; height:348px; } #content .resultGrid li .resultGridInner p { padding:10px 0px 0px 0px; text-align:left; } #content .resultGrid li .bulletpoints { padding:0px; margin:7px 0px 0px 0px; float:left; height:61px;} #content .resultGrid li .bulletpoints li { float:left; padding:0px 0px 0px 10px; margin:0px; list-style:none; width:84px; color:#000000; background-image:url(../images/bulltet_dot.gif); background-repeat:no-repeat; background-position:0 3px; } #content .resultGrid li p.property { color:#000000; float:left; width:196px; display:block;} #content .resultGrid li p.property b { font-size:1.3em; } #content .resultGrid li p.sale { color:#000000; font-size:1.4em; padding:0px; margin:0px; font-weight:bold;} #content .resultGrid li p.details { color:#96bf0d; font-size:1.1em; padding:3px 0px 0px 0px; margin:0px; } #content .resultGrid li .saleList { margin:0px; padding:0px; float:left;} #content .resultGrid li .saleList li { float:left; padding:0px; margin:0px; list-style:none; background-image:none; width:94px;} #content .resultGrid li .new { position:absolute; top:170px; right:0px;} #cookieCrumb { } #cookieCrumb ul { margin:0; padding:0; height:20px; width:379px; } #cookieCrumb ul li { background-image:url(/resources/images/bul_cookiecrumb2.gif); background-position:0 0; display:block; margin:0px 7px 0px 0px; padding:0px 0px 0px 10px; font-family:Arial, Helvetica, sans-serif; font-size:1em; float:left; background-position:0 0; } #cookieCrumb li.back { margin:0px; padding:0px; list-style:none; background-image:none;} #cookieCrumb li.none { margin:0px 6px 0px 3px; padding:0; list-style-image:none; background-image:none; } #cookieCrumb a { color:#696969; text-decoration:none; } #cookieCrumb a:hover { color: #ed1093; text-decoration:underline; } p.b2Top { text-align:right; } p.b2Top a { background-image:url(../images/ico_infinity.gif); background-repeat:no-repeat; background-position:0 1px; padding:0 0 0 25px; color:#465141; } /* main column tags -----------------------------------------------*/ .column { float:left; width:200px; margin:0px 0px 15px 0px; padding:0px 15px 0px 0px; } .columnImg { float:left; width:216px; margin:0px 0px 15px 0px; padding:0px 15px 0px 0px;} .spanTwo { width:545px; } .spanTwoNone { width:545px; margin:0px;} .spanTwoImg { width:545px; margin:0px 0px 15px 0px; padding:0px; float:left; display:block; overflow:visible; height:202px;} .spanTwoImg img { display:block; height:202px; width:545px; float:left; } .spanTwoIndex { width:484px; padding:0px 15px 0px 0px; float:left;} .spanImage { float:left; height:202px; display:block; width:184px; padding:0px; margin:0px; } .spanThree { width:727px; padding:0px 15px 14px 0px; margin:0px; } .spanThreeGrid { width:680px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;} .columnLine { background-image:url(../images/bg_line.gif); background-position:0 5px; background-repeat:repeat-x; padding:0px; margin:0px; height:10px; width:680px; float:left;} .mainPicture { margin:0px 0px 0px 0px; width:680px;} .heading { margin:0px 0px 0px 0px; padding:0px; width:675px;} .columnContainer { margin:0px;} .columnContainerImg { margin:0px 0px 0px 0px; padding:0px;} .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* FOOTER TAGS Formatting for the Site Footer ------------------------------------------------ */ #footer { background-image:inherit; width:982px; float:left; margin:0px; padding:0px; } #footer .footerInner { float:left; padding:5px 20px 0px 20px; margin:0px; width:942px;} #footer .footerInner ul { float:left; background-image:none; list-style:none; margin:0px 20px 0px 20px; padding:3px 0px 0px 0px; border-top:1px solid #ecedec; width:942px; } #footer .footerInner ul li { float:left; background-image:none; padding:12px 0px 0px 0px; margin:0px;} #footer .footerInner ul li a { color:#ed1093; text-decoration:underline;} #footer .footerInner ul li a:hover { color:#ed1093; text-decoration:none;} #footer .footerInner .footerNavigation { float:left; width:942px; margin:0px; padding:0p;} #footer .footerInner .footerNavigation li { float:left; width:212px;} #footer .footerInner .footerNavigation li.siteMap { width:65px;} #footer .footerInner .footerNavigation li.sellLet { width:180px;} #footer .footerInner .footerNavigation li a { color:#a1a1a1;} #footer .footerInner .footerNavigation li h4 { float:left; font-weight:bold; text-decoration:underline; color:#9d9d9d; padding:0px 0px 10px 0px;} #footer .footerInner .footerNavigation li h4 em { font-style:normal; } #footer .footerInner .footerNavigation li ul { float:left; border:none; margin:0px; width:228px; font-size:0.9em;} #footer .footerInner .footerNavigation li ul li { width:218px; clear:both; color:#a0a0a0; background-image:url(../images/bul_cookiecrumb2.gif); background-position:0 0; background-repeat:no-repeat; padding:0px 0px 5px 10px;} #footer .footerInner .footerNavigation li ul li a { text-decoration:none;} #footer .footerInner .footerOptions { float:left; width:450px; padding:0px;} #footer .footerInner .footerOptions ul { border:none; width:450px; padding:40px 0px 0px 0px; margin:0px;} #footer .footerInner .footerOptions ul li.rss { margin:0px 10px 0px 0px; line-height:1.1em;} #footer .footerInner .footerOptions ul li.buy { margin:12px 5px 0px 0px; line-height:1.1em; padding:0px 5px 0px 0px; border-right:1px solid #696565;} #footer .footerInner .footerOptions ul li.rent { margin:12px 5px 0px 5px; line-height:1.1em; padding:0px 5px 0px 0px; border-right:1px solid #696565;} #footer .footerInner .footerOptions ul li.what { margin:0px 0px 0px 0px; line-height:1.1em; } #footer .footerInner .footerOptions .siteBy { float:left; width:450px; padding:12px 0px 0px 0px;} #footer .footerInner .footerOptions .siteBy a { color:#696565; } #footer .footerInner .footerLogos { float:right; padding:40px 0px 0px 0px; width:492px; text-align:right;} #searchMapResult .pageSelectors ul { margin-top:0px; padding-bottom:15px;} #PhotFlowLoading { background-image:url(/resources/images/tmp_loading.gif); width:500px; height:200px; background-position:0 0; background-repeat:no-repeat;} .carature { margin:20px 0px 0px 0px;} #test_fader li { list-style:none; background-image:none; padding:0px; margin:0px;} #slideshow { float:left; height:200px; width:546px;} #slideshow li { list-style:none; background-image:none; padding:0px; margin:0px; height:200px;} /* additional tags for the links page -------------------------------------------*/ .links h5 { margin:0px 0px 2px 0px;} .linkList {} .linkList li { background-image:url(../images/bulletpoint.gif); background-position:0 5px; background-repeat:no-repeat;} /* additional tags for the about us section ---------------------------------------------*/ .aboutList { float:left; width:100%;} .aboutList li { float:left; width:203px; } /* tags for the index featured property ---------------------------------------------*/ .featured { float:left; text-align:left; width:231px; margin:0px; } .featuredInner { float:left; background-image:url(../images/featured_footer.gif); background-repeat:no-repeat; background-position:bottom left; padding:0px 13px 13px 13px; } .featuredInner .sale { font-weight:bold; color:#ed1093; font-size:1.3em; margin:0px 0px 6px 0px; padding:0px; line-height:1em;} .featuredInner .detailsList { float:left; width:203px; margin:6px 0px 0px 0px;} .featuredInner .detailsList li { float:left; height:18px; width:21px; background-image:none; padding:28px 0px 0px 0px; text-align:center; background-repeat:no-repeat; background-position:0 0;} .featuredInner .detailsList li.bed { background-image:url(../images/ico_bedrooms.gif); margin:0px 20px 0px 0px; width:21px; } .featuredInner .detailsList li.reception { background-image:url(../images/ico_reception.gif); margin:0px 20px 0px 0px; } .featuredInner .detailsList li.bath { background-image:url(../images/ico_bathrooms.gif); margin:0px 18px 0px 0px;} .featuredInner .detailsList li.garage { background-image:url(../images/ico_car.gif); background-position:6px 0px; margin:0px 14px 0px 0px; width:30px;} .featuredInner .detailsList li.garden { background-image:url(../images/ico_garden.gif); width:36px; background-position:7px 0px;} .featuredInner h3.propertyHeading { color:#767875; float:left; margin:0px; width:100%;} .featuredInner p.property { font-size:1.4em; text-align:left; margin:0px; float:left;} .featuredInner p.property b {color:#ed1093; } .featuredInner p.details { padding:0px; margin:0px; float:right; margin:18px 0px 0px 0px;} .featuredInner p.details a { float:right; margin:0px;} .featuredInner p.details a:hover { } .indexSpace { margin:8px 0px 0px 0px;} .adAlerts { margin:7px 21px 0px 0px; float:left; background-image:url(../images/ad_property_alerts.gif); background-position:0 0; background-repeat:0 0; width:229px; height:142px; } .adAlerts a { display:block; padding:112px 0px 0px 16px; text-decoration:underline; color:#ED1093; } .adAlerts a:hover { text-decoration:none; color:#ED1093; } .adValuation { margin:7px 0px 0px 0px; float:left; background-image:url(../images/ad_valuation.gif); background-position:0 0; background-repeat:no-repeat; width:229px; height:142px;} .adValuation a { display:block; text-decoration:underline; padding:112px 0px 0px 16px; color:#ED1093;} .adValuation a:hover { text-decoration:none; color:#ED1093;} /* form button for use in aditional places on the site ---------------------------------------------------------*/ a.formButton { background:transparent url(../images/but_form_2.gif) no-repeat scroll top right; color:#FFFFFF; display:block; float:left; font: normal 10px Arial, Helvetica, sans-serif; height:19px; margin-right:6px; padding-right:10px; text-decoration:none; cursor:pointer; } a.formButton span { background:transparent url(../images/but_form_1.gif) no-repeat; display:block; line-height:11px; padding:4px 0px 4px 10px;} a.formButton:hover { background-position: bottom right; color:#ffffff; outline:none;} a.formButton:hover span { background-position: bottom left; padding:4px 0px 4px 10px;} #rssLinks { width:188px; height:84px; background-image:url(../images/bg_rss.gif); background-position:0 0; background-repeat:no-repeat; float:left;} #rssLinks a { display:block; float:left;} #rssLinks a.what { width:69px; padding:0px 0px 0px 48px; margin:70px 0px 0px 0px; border-right:1px solid #333727;} #rssLinks a.subsrcibe { width:55px; padding:0px 0px 0px 5px; margin:70px 0px 0px 0px;} /* h3.subHeading { margin:5px 0 0px 0; font-size:1.9em; color:#999999; font-style:italic;} h3.titleHeading { margin:0px 0px 5px 0px; padding:0px; font-size:1.9em; color:#999999; } h3.propertyHeading { color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:1.4em; margin:10px 0px 0px 0px;} */ /* tags for the register and valuation buttons on the rent section*/ a.butRegister { background-image:url(../images/but_register_alerts.gif); margin:20px 0px 0px 0px; display:block; background-position:0 0; background-repeat:no-repeat; width:319px; height:32px;} a.butRegister:hover { background-position:0 -32px;} a.butValuation { margin:20px 0px 0px 0px; background-image:url(../images/but_register_valuation.gif); background-position:0 0; background-repeat:no-repeat; display:block; height:32px; width:268px;} a.butValuation:hover { background-position:0 -32px;} /* tags for the myaccount login page */ #registerList { float:left; width:585px;} #registerList li { float:left; width:290px; padding:0px; margin:0px; background-image:none;} /* tags for the contact us page */ .areasCovered { float:left; width:311px;} .areasCovered h3 { font-size:1.1em; font-weight:bold; line-height:1.5em; color:#696565; } .areasCovered ul { float:left;} .areasCovered ul li { float:left; font-size:1.1em; line-height:1.5em; margin:0px; width:154px; padding:0px; background-image:none; } .contactOptions { float:left;} .contactOptions h3 { font-size:1.1em; line-height:1.5eml; font-weight:bold; color:#696565; margin:0px 0px 7px 0px;} /* Search sections - buying and renting index pages ------------------------------------------------------------- */ .searchSection { float:left; display:block; background-image:url(../images/bg_search_sections.gif); width:523px; height:135px; padding:23px 0px 0px 19px; } .buying { margin:0px 0px 20px 0px;} .searchSection h3 { color:#425242; padding:0px 0px 18px 0px;} .searchSection fieldset { padding:0px; margin:0px; border:none;} .searchSection fieldset legend { display:none;} .searchSection fieldset .row { float:left; width:523px; margin:0px 0px 8px 0px;} .searchSection fieldset .row .rowSection { float:left;} .searchSection fieldset .row .rowSection .rowLabel { width:60px; float:left; color:#425242; font-size:1.1em; line-height:1.4em;} .searchSection fieldset .row .rowSection label { width:60px; float:left; color:#425242; font-size:1.1em; line-height:1.4em;} .searchSection fieldset .row .rowSection label.none { display:none;} .searchSection fieldset .row .rowSection select { width:94px; margin:0px 10px 0px 0px; } .searchSection fieldset .row .check label { float:left; width:auto; padding:0px 5px 0px 5px; } .searchSection fieldset .row .check .checkBox { float:left; margin:0px;} .searchSection fieldset .row .rowSectionButton { float:right; padding:0px 24px 0px 0px; } .searchSection fieldset .row .rowSectionButton a { display:block; width:95px; height:26px; background-image:url(../images/but_searah_now.gif); background-position:0 0; background-repeat:no-repeat; } .searchSection fieldset .row .rowSectionButton a:hover { background-position:0 -26px;} .searchSection fieldset .row .rowSectionButton a span { display:none;}