/* 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; background-color:#FFFFFF; color:#696565; text-align:center; } a { color:#00149B; text-decoration:underline;} /* a:link,a:visited { color:#00149B; text-decoration:none;} */ a:hover { color:#F46F1E; text-decoration:none; } a.crumbResults { color:#00149B; text-decoration:none;} a.crumbResults:hover { color:#00149B; text-decoration:underline;} a.moreLink { color:#f7861b; text-decoration:underline; } a.moreLink:hover { color:#f7861b; text-decoration:none;} form { margin:0; padding:0; } input, select, textarea { font-size:1.1em; color:#6f6c6c; } h1 { margin:0 0 5px 0; font-size:1.9em; color:#0F84C5; } h1.pageTitle { margin:10px 0 5px 0; font-size:2.3em; font-weight:normal; color:#F46F1E;} h1.sectionTitle { margin:0 0 5px 0; font-size:2.3em; font-weight:normal; color:#F46F1E;} h2 { margin:0 0 10px 0; font-size:1.4em; font-weight:normal; line-height:1.3em; text-align:justify; } h3 { margin:0px 10px 0px 0px; font-size:1.2em; color:#696565;} h3.subTitle { font-size:1.7em; color:#00149B; padding:0px; margin:20px 0px 0px 0px; } h3.subTitleAlt { margin:0px; font-size:1.8em; color:#00149B; } h3.subTitleLink { margin:5px 0px 0px 0px; padding:0px; font-size:1.7px; color:#00149B; height:20px;} h3.pageSubHeading { margin:0px;; font-size:1.5em; color:#00149B; font-weight:normal;} h3.contactHeading{ margin:0px; padding:0px; color:#F46F1E; font-size:1.2em;} h4 { font-family:"DIN Medium"; margin:0px 0px 7px 0px; padding:0px; color:#F46F1E; font-size:1.2em; font-weight:normal;} h4.sectionSubTitle { margin:15px 0 5px 0; font-size:1.7em; font-weight:normal; color:#939395;} 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 7px 1px; text-align:justify; line-height:1.5em; font-size:1.1em; } ul { margin:0 0 0px 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/bul_cookiecrumb.gif); background-repeat:no-repeat; background-position:2px 4px; } ul li p { font-size:1em; } ul li h4 { font-size:1.1em; } ol { margin:0; padding:0; margin: 0px 0px 10px 22px; padding:0px; } ol li { margin:0 0 3px 0; padding:0; background-image:none; list-style-position:outside; font-size:1.1em; } /* MISC ADDITIONS Miscellaneous additions ------------------------------------------------ */ .clear { clear:both; } .ruler { background-color:#e5cece; } .error { color:#990000; } /* LAYOUT TAGS Master layout attributes for the site structure ------------------------------------------------ */ #siteContainer { width:957px; text-align:left; margin-left:auto; margin-right:auto; } #siteContainerInner { width:957px; } #siteContent { background-color:#FFFFFF; width:773px; } #siteContent .headerImg { margin-top:17px; margin-left:16px;} #homepageContainer { margin-top:8px; } #homepage { width:586px; padding:0; text-align:left; vertical-align:top; background-color:#FFFFFF; } #homepageInner { margin-left:20px; margin-right:20px; } .HomeIndexContainer { margin-bottom:20px;} #homepageAdvert { width:185px; margin: 0px; text-align:left; vertical-align:top; background-color:#e2e1db; border-left:1px solid #999999; border-right:1px solid #999999; } #contentImage { margin-top:12px; } #contentContainer { } #content { text-align:left; vertical-align:top; background-color:#FFFFFF;} #content .marketing { padding:34px 0px 0px 0px; margin:0px; } #contentAdvert { width:186px; text-align:right; vertical-align:top; } #contentAdvert a.addFooterButton { margin:0px 0px 0px 20px; background-image:url(/resources/images/ad_long_button_search.gif); background-position:0 0; background-repeat:no-repeat; display:block; width:166px; height:86px;} #contentAdvert a.addFooterButton:hover { background-position:0 -86px;} #contentAdvertInner { margin-top:17px; width:166px; } #contentInnerSiteMap { } #content_div { font-family:Geneva, Arial, Helvetica, sans-serif; color:#6e7160; width:745px; height:300px; font-size:1.1em; margin-left:12px;} #contentInner { width:440px; height:100%; padding:0px 0px 20px 0px; margin:0px;} #sectionHomepageImage { margin-top:12px; } #sectionHomepageContainer { margin-top:15px; } #section { } #sectionAlt { width:386px;} #sectionInner p { margin:0px; padding:0px 0px 6px 0px; font-size:1.1em; line-height:1.5em; padding-right:20px;} #sectionAdvert { width:387px; } #sectionAdvertContainer { background-image:url(/resources/images/ad_sec_footer.gif); margin:0px; width:369px; background-position:bottom left; padding:0px 0px 1px 0px;} #sectionAdvertContainer .relcationAdd { width:349; padding:0px 10px 40px 10px; margin:0px;} #sectionAdvertContainer a { margin-right:10px; } #sectionAdvertContainer .sectionAdvertInner { margin-right:10px; width:348px; height:268px;} #sectionNews { height:114px; width:367px; margin-top:3px;} #sectionNews ul { clear:both; width:368px; background-image:url(/resources/images/dotted_h_search.gif); background-repeat:repeat-x; background-position:0 24px; height:25px; } #sectionNews li { background-image:none; float:left; padding:0px; margin:0px;} #sectionNews li a{ height:25px; display:block; list-style:none; list-style-type:none; } #sectionNews li a.events { height:25px; background-image:url(/resources/images/news_nav_events.gif); background-repeat:no-repeat; background-position:0 0; width:93px; display:block; } #sectionNews li a.property { height:25px; background-image:url(/resources/images/news_nav_property.gif); background-repeat:no-repeat; background-position:0 -25px; width:110px; display:block;} #sectionNews li a.property:hover { background-position:0 0;} #sectionNews .newsInner { clear:both; background-image:url(/resources/images/bg_news_menu.gif); background-repeat:no-repeat; background-position:0 0; width:368px; height:79px;} #sectionNews .newsInner table { float:left;} #sectionNews .eventsList { background-image:none; width:266px; padding-top:20px;} #sectionNews .eventsList ul { background-image:none; height:100px; padding-top:20px; text-align:left; padding:0px; margin:0px; background-position:0 0; margin:0px; padding:0px; height:100px;} #sectionNews .eventsList li { text-align:left; width:200px; padding-left:15px;background-image:url(/resources/images/news_buletpoint.gif); background-repeat:no-repeat; background-position:0 2px; clear:both; height:25px; } #sectionNews .eventPic { padding-top:10px; padding-right:10px;} #sectionNewsAlt { height:194px; width:367px; margin-top:3px;} #sectionNewsAlt ul { clear:both; width:368px; background-image:url(/resources/images/dotted_h_search.gif); background-repeat:repeat-x; background-position:0 24px; height:25px; } #sectionNewsAlt li { background-image:none; float:left; padding:0px; margin:0px;} #sectionNewsAlt li a{ height:25px; display:block; list-style:none; list-style-type:none; } #sectionNewsAlt li a.events { height:25px; background-image:url(/resources/images/news_nav_events.gif); background-repeat:no-repeat; background-position:0 0; width:93px; display:block; } #sectionNewsAlt li a.events:hover { background-position:0 -25px;} #sectionNewsAlt li a.events:active { background-position:0 -50px;} #sectionNewsAlt li a.property { height:25px; background-image:url(/resources/images/news_nav_property.gif); background-repeat:no-repeat; background-position:0 -50px; width:110px; display:block;} #sectionNewsAlt li a.property:hover { background-position:0 -25px;} #sectionNewsAlt li a.property:active { background-position:0 0;} #sectionNewsAlt .newsInner { clear:both; background-image:url(/resources/images/bg_news_menu_alt.gif); background-repeat:no-repeat; background-position:0 0; width:368px; height:159px;} #sectionNewsAlt .newsInner table { float:left;} #sectionNewsAlt .eventsList { background-image:none; width:266px; padding-top:20px;} #sectionNewsAlt .eventsList ul { background-image:none; height:100px; padding-top:20px; text-align:left; padding:0px; margin:0px; background-position:0 0; margin:0px; padding:0px; height:100px;} #sectionNewsAlt .eventsList li { text-align:left; width:200px; padding-left:15px;background-image:url(/resources/images/news_buletpoint.gif); background-repeat:no-repeat; background-position:0 2px; clear:both; height:24px; } #sectionNewsAlt .eventPic { padding-top:10px; padding-right:10px;} .nearestOffice { text-align:left; padding-left:11px; } .nearestOffice form { background-image:url(/resources/images/ad_sec_finder_bottom.jpg); background-position:bottom left; background-repeat:no-repeat; padding:10px 20px 10px 10px; margin-bottom:10px; } .nearestOffice td { padding:3px 0 3px 0; font-size:1.1em; } #searchMapResultContainer #resultByTabs ul { margin:0; width:957px; background-image:url(/resources/images/bg_tab_results_map.gif); } #searchMapResult { vertical-align:top; width:957px; background-image:url(/resources/images/bg_search_result_map.gif); background-repeat:no-repeat; background-position:bottom left; padding-bottom:10px; } #cookieCrumb { margin-top:12px;} #cookieCrumb ul { margin:0; padding:0; height:20px; width:756px; } #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.none { margin:0px 6px 0px04px; padding:0; list-style-image:none; background-image:none; } #cookieCrumb a { color:#00149B; text-decoration:none; } #cookieCrumb a:hover { color: #f7861b; text-decoration:underline; } .sectionFeatures { } .sectionFeatures ul { width:386px; } .sectionFeatures li { float:left; width:386px; background-image:url(/resources/images/sec_feat_bg.gif); height:106px; padding:0px; padding-top:4px; margin:0px; background-position:0 0; background-repeat:no-repeat; } .sectionFeatures li h5.featureTitle { line-height:1.2em; font-size:1.5em; margin-bottom:4px; font-family:Arial, Helvetica, sans-serif;} .sectionFeatures li p { line-height:1.1em; font-size:1em; text-align:left;} .sectionFeatures li .featurePhoto { width:134px; float:left; padding-left:4px; } .sectionFeatures li .featureContent { float:left; width:235px; margin-top:10px; } .sectionFeatures li .featureContent a.moreInfo { background-image:url(/resources/images/but_more_info.gif); background-repeat:no-repeat; background-position:0px -14px; height:14px; width:59px; display:block; } .sectionFeatures li .featureContent a.moreInfo:hover { background-position:0 0; } #newHomes .sectionFeatures li .featureContent { margin-top:4px; } #newHomes p.areaName { font-weight:bold;} .sectionFeaturesAlt { } .sectionFeaturesAlt ul { width:368px; } .sectionFeaturesAlt li { float:left; width:368px; background-image:url(/resources/images/sec_feat_bg_alt.gif); height:106px; padding:0px; padding-top:4px; margin:0px; background-position:0 0; background-repeat:no-repeat; } .sectionFeaturesAlt li h5.featureTitle { line-height:1.2em; font-size:1.5em; margin-bottom:4px;} .sectionFeaturesAlt li p { line-height:1.1em; font-size:1em} .sectionFeaturesAlt li .featurePhoto { width:134px; float:left; margin-left:4px; text-align:left; } .sectionFeaturesAlt li .featureContent { float:left; width:218px; margin-top:10px; } .sectionFeaturesAlt li .featureContent a.moreInfo { background-image:url(/resources/images/but_more_info.gif); background-repeat:no-repeat; background-position:0px -14px; height:14px; width:59px; display:block; } .sectionFeaturesAlt li .featureContent a.moreInfo:hover { background-position:0 0; } #newHomes .sectionFeaturesAlt li .featureContent { margin-top:4px; } #sectionFeature { margin-top:8px; padding:0px; } #sectionFeature p { line-height:1.1em; font-size:1em} #sectionFeature p.text { padding-bottom:10px;} #sectionFeature p.title { font-size:1.2em;} #sectionFeature li { width:386px; list-style-image:none; background-image:url(/resources/images/sec_feat_bg.gif); height:100px; text-align:left; padding:0px; margin:0px 0px 9px 0px; background-position:0 0; background-repeat:no-repeat; } #sectionFeature li.mortgage { background-image:url(/resources/images/ad_mortgages.gif); background-repeat:no-repeat; background-position:0 0; width:362px; height:100px;} #sectionFeature li.loan { background-image:url(/resources/images/ad_loan.gif); background-repeat:no-repeat; background-position:0 0; width:362px; height:100px;} #sectionFeature li.insurance { background-image:url(/resources/images/ad_insurence.gif); background-position:0 0; background-repeat:no-repeat; width:362px; height:100px;} #sectionFeature .mortgageSelect { margin:0px; padding:70px 0px 0px 8px; float:left;} #sectionFeature .mortgageText { float:right;} /*#sectionFeature .sectionTop { background-image:url(/resources/images/sec_feat_buying_guide.gif); background-repeat:no-repeat; background-position:0 0; height:100px; width:386px;} */#sectionFeature .sectionInner { float:left; width:386px; height:100px;} #sectionFeature .sectiionInnerRight { float:right; width:240px; text-align:left; padding-top:16px; } #sectionFeature .sectionInner img { padding-top:4px; padding-left:3px; float:left;} /*#sectionFeature .sectionMiddle {background-image:url(/resources/images/sec_feat_buying_sign.gif); background-repeat:no-repeat; background-position:0 0; height:100px; width:386px;} #sectionFeature .sectionBottom {background-image:url(/resources/images/sec_feat_buying_house.gif); background-repeat:no-repeat; background-position:0 0; height:100px; width:386px;} */#sectionFeature a.moreInfo { background-image:url(/resources/images/but_more_info.gif); background-repeat:no-repeat; background-position:0px 0px; height:11px; width:59px; display:block; line-height:1em; font-size:1em; } #sectionFeature a.moreInfo:hover { background-position:0px -11px; height:11px; line-height:1em; font-size:1em; width:59px;} #addContainer .addContainerInner { background-image:url(/resources/images/ad_sec_bg.gif); background-repeat:repeat-y; background-position:0 0; width:348px;} #addContainer .addLarge { padding:0px 32px 12px 10px; margin:0px; } #addContainer .addMiddle { padding:0px 32px 0px 10px; margin:0px;} #addContainer .addLast { padding:0px 32px 0px 10px; margin:0px;} #addTable { background-image:url(/resources/images/bg_add_table.gif); width:368px; height:612px;; background-repeat:no-repeat; background-position:0 0; } #addTable .addLarge { padding:29px 32px 13px 35px; margin:0px; } #addTable .addMiddle { padding:30px 32px 0px 35px; margin:0px;} #addTable .addLast { padding:0px 32px 0px 35px; margin:0px;} #addTable .addText {width:301px; padding-left:35px; text-align:left; float:left;} #addTable .addText p { margin:0px; padding:13px 0px 0px 0px; font-size:0.9em;} /* FOOTER TAGS Formatting for the Site Footer ------------------------------------------------ */ #footerContainer {width:981px; height:67px; font-size:1.1em; font-family:Arial, Helvetica, sans-serif; margin:20px 0px 0px 0px; color:#757575;} #footer p { text-align:left; margin:5px 0 0 0px;font-family:tahoma,verdana,arial,sans-serif; font-size:1em; line-height:1.4em; } #footer a { text-decoration:none; color:#00149b; } #footer a:hover { color:#F46F1E; text-decoration:underline;} #footer .blueText { color:#037DC0;} #footer .footerRss img { vertical-align:baseline; vertical-align:bottom;} #footerAdvert { color:#037DC0; width:220px; } #footerAdvert div { margin-top:3px; } #footerAdvert img.rss { padding-top:3px; vertical-align:bottom; } #footerAdvert a { text-decoration:none; color:#00149b; } #footerAdvert a:hover { color:#7c8388; text-decoration:underline; } #footerDescription { margin-left:auto; margin-right:auto; padding-top:120px; padding-bottom:50px; width: 700px; } #footerDescription h1 { color: #999999; } #footerDescription p { color: #CCCCCC; text-align: center; } #footerDescription a { color: #999999; } /* HEADER TAGS Formatting for the Site Header and Main Navigation ------------------------------------------------ */ #header{ height:139px; width:957px;} .agentLogo {float:left; margin:12px 0px 12px 0px; } .awards { margin-left105px; vertical-align:top;} .award1 { vertical-align:top; margin-left:15px;} .award2 { vertical-align:top; margin-left:8px} .award3 { vertical-align:top; margin-left:10px;} /* Company Navigation Elements */ #navCompanyContainer { float:right; margin:40px 0px 0px 0px; padding:0px;} #shortlist { text-align:right; width:150px;} #shortlist img { } #shortlist a { color:#F46F1E; text-decoration:none; } #shortlist a:hover { text-decoration:underline;} #shortlist .shortListLogo { width:25px; float:left; } #shortlist .shortListText { width:120px; float:right; margin-top:5px;} #navCompany { margin:0px; padding:0px; list-style:none; height:20px; text-align:right; float:right; width:100%; } #navCompany ul { list-style:none; list-style-image:none; padding:0px ; margin:0px; width:190px; } #navCompany li { float:right; display:block; list-style:none; background-image:none; padding:0px 0px 0px 5px; margin:0px;} #navCompany li.line { border-right:1px solid #00149b; padding:0px 5px 0px 5px; } #navCompany a { color:#00149b; text-decoration:none; font-size:1em; } #navCompany a:hover { color:#F46F1E; text-decoration:underline; } /*#navCompany li.about a { background-image:url(/resources/images/navcompany_about.gif); width:49px; } #navCompany li.shortlist a { background-image:url(/resources/images/navcompany_shortlist.gif); width:82px; } #navCompany li.home a { background-image:url(/resources/images/navcompany_home.gif); width:52px; } #navCompany li.contact a { background-image:url(/resources/images/navcompany_contact.gif); width:61px; } */ /* Main Site Navigation */ #navigation { clear:both; width:957px; } #navigation ul { height:39px;} /*#navigation ul { margin:0; padding:0; width:959px; background-image:url(/resources/images/nav_bg.gif); height:44px; background-position:0 0; background-repeat:no-repeat; } */ #navigation li { float:left; list-style:none; margin:0; padding:0; background-image:none; } #navigation li a { background-position:0 0; background-repeat:no-repeat; height:37px; display:block;} #navigation li a:hover, #navigation li a.active { background-position:0 -37px; } #navigation .buying a { background-image:url(../images/nav_buying.gif); width:93px; } #navigation .selling a { background-image:url(../images/nav_selling.gif); width:95px; } #navigation .renting a { background-image:url(../images/nav_renting.gif); width:99px; } #navigation .letting a { background-image:url(../images/nav_letting.gif);width:113px; } #navigation .about a { background-image:url(../images/nav_about.gif) ;width:108px; } /*#navigation .financial a { background-image:url(/resources/images/nav_financial.gif); width:143px;}*/ #navigation .franchise a { background-image:url(../images/nav_franchise.gif); width:110px; } /*#navigation .mortgages a { background-image:url(../images/nav_mortgages.gif); width:97px; }*/ /*#navigation .careers a { background-image:url(../images/nav_careers.gif); width:83px; }*/ /*#navigation .hips a { background-image:url(../images/nav_hips.gif); width:69px; }*/ #navigation .home a { background-image:url(../images/nav_home.gif); width:92px; } /*#navigation .branches a { background-image:url(../images/nav_branches.gif); width:92px; }*/ /*#navigation .awards a { background-image:url(../images/nav_awards.gif); width:83px; }*/ #navigation .newHomes a { background-image:url(/resources/images/nav_new_homes.gif); width:125px;} #navigation .contact a { background-image:url(/resources/images/nav_contact_us.gif); width:122px;} #navigation .zone a { background-image:url(/franchisee/resources/images/nav_franchise_maps.gif); width:101px;} #navigation .whatsOn a { background-image:url(/franchisee/resources/images/nav_franchise_whatson.gif); width:96px;} #navigation .noticeboard a { background-image:url(/franchisee/resources/images/nav_franchise_noticeboard.gif); width:109px;} #navigation .feedback a { background-image:url(/franchisee/resources/images/nav_franchise_feedback.gif); width:123px;} #navigation .business a { background-image:url(/franchisee/resources/images/nav_franchise_friends.gif); width:135px;} #navigation .franchiseHome a { background-image:url(/franchisee/resources/images/nav_franchise_home.gif); width:127px;} #navigation .franchiseBuying a { background-image:url(/franchisee/resources/images/nav_franchise_buying.gif); width:133px;} #navigation .franchiseSelling a { background-image:url(/franchisee/resources/images/nav_franchise_selling.gif); width:132px;} #navigation .franchiseAbout a { background-image:url(/franchisee/resources/images/nav_franchise_about.gif); width:72px;} #navigation .franchiseContact a { background-image:url(/franchisee/resources/images/nav_franchise_contact.gif); width:150px;} #navigation .franchiseZone a { background-image:url(/franchisee/resources/images/nav_franchise_maps.gif); width:159px;} #navigation .franchiseWhy a { background-image:url(/franchisee/resources/images/nav_franchise_why_choose.gif); width:256px;} /* SUB NAVIGATION Formatting for the Sub Nav & Quick Search ------------------------------------------------ */ #subNavigation { text-align:left; height:100%; vertical-align:top; background-color:#FFFFFF; margin: 0; padding: 0; width:184px; } #subNavigation .section { margin:10px 0px 0px 0px ; padding:0; } #subNavigation img.header { margin-top:11px; } #subNavigation .addContainer { margin-top:16px;} /* First Level Sub Nav */ #subNavigation ul { margin:0; padding:0; padding-bottom:10px; width:169px; background-image:url(/resources/images/subnav_bg.gif); background-repeat:no-repeat; background-position:bottom left; } #subNavigation li { margin:0; padding:0; list-style:none; background-image:none; width:160px; display:inline; color:#1b4b5f; } #subNavigation li a { color:#1b4b5f; text-decoration:none; display:block; padding:0px 0px 0px 20px; background-image:url(/resources/images/subnav_level_1bg.gif); height:20px; background-repeat: no-repeat; background-position:0 0; margin:0; } #subNavigation li a:hover { background-position:0 0; color:#1b4b5f; font-weight:600; } #subNavigation li a.active { background-position:0 0; color:#1b4b5f; font-weight:600;} #subNavigation .subnavFooter { text-align:left; } /* Quick Search */ #searchQuick { margin-top:8px; width:168px; } #searchQuick form { width:160px; height:200px; margin:3px 0px 0px 0px; padding:0;} #searchQuick .heading { margin-top:5px; } #searchQuick .searchQuickInner { float:left; height:160px; background-image:url(/resources/images/quick_search_bg.gif); background-repeat:repeat-y; background-position:2px 0; width:169px; } #searchQuick dl { margin:5px 0 0 10px; padding:0; height:180px; } #searchQuick dd { width:85px; text-align:left; float:left; margin:0; padding:0; margin-bottom:5px; } #searchQuick dt { width:59px; text-align:left;float:left; margin:0; padding:0; } #searchQuick label { font-family:Arial, Helvetica, sans-serif; margin:0; padding:0 4px 0 0; color:#7d7d7d;font-size:1em;} #searchQuick select { width:85px; font-size:1.1em; color:#6f6c6c; border:1px solid #b2a992; } #searchQuick .checkbox { width:15px; } #searchQuick dd span { color:#7d7d7d; font-size:1em; } #searchQuick a.searchButton { background-image:url(/resources/images/but_search_quick.png); background-repeat:no-repeat; width:63px; height:27px; margin:5px 0 5px 0; display:block; float:left; cursor:pointer; background-position:0 0;} #searchQuick a.searchButton:hover { background-position:0 -27px;} #searchQuick .advancedContainer { padding:4px 0px 0px 0px; margin-left:2px; background-image:url(/resources/images/quick_search_bg.gif); background-position:0 0; background-repeat:repeat-y;} #searchQuick a.advancedSearch { color:#7d7d7d; text-align:right; text-decoration:underline; display:block; padding:0px 15px 0px 0px; margin:0px;} #searchQuick a.advancedSearch:hover { color:#7d7d7d; text-decoration:none;} #propertiesSection { width:196px; margin-top:10px; } #propertiesSection p { padding:0px 0px 0px 0px; margin:0px; color:#696565; font-size:1.1em; } #propertiesSection .headerText { color:#00149B; } /* PAGE SELECTORS Search Result Pagination Tags ------------------------------------------------ */ .pageSelectors ul { margin:15px 0 15px 0; padding:0; float:right;/* width:100%;*/ } .pageSelectors li { margin:0 4px 0 0; padding:0; list-style:none; float:left; background-image:none; } .pageSelectors a { display:block; text-align:center; text-decoration:none; color:#999999; width:2.5em; height:2.5em; line-height:2.5em; background-image:url(/resources/images/page_blank.gif); background-position:0 0; } .pageSelectors a:hover { background-position:0 -25px; color:#00149B;} .pageSelectors .current a {background-position:0 -25px; font-weight:bold; color:#00149B; } /* Active State */ .pageSelectors a.last { background-image:url(/resources/images/page_last.gif);text-indent:-50000px; } .pageSelectors a.next { background-image:url(/resources/images/page_next.gif); text-indent:-50000px; } .pageSelectors a.first { background-image:url(/resources/images/page_first.gif); text-indent:-50000px; } .pageSelectors a.previous { background-image:url(/resources/images/page_previous.gif); text-indent:-50000px; } /* Customised for List Results*/ #searchListResult .pageSelectors ul { margin:15px 0 15px 0; padding:0; float:right; } #searchListResult .pageSelectors li { margin:0 4px 0 0; padding:0; list-style:none; float:left; background-image:none; font-size:1em; } #searchListResult .pages { margin-left:10px; float:left; margin-top:10px; } /* Customised for Map Results*/ #searchMapResult .pageSelectors ul { margin-top:0px; padding-bottom:15px;} /* TAB RESULT TAGS Tabs for changing search result presentation i.e. Map to List ------------------------------------------------ */ #resultByTabs ul {background-image:url(/resources/images/bg_tab_results.gif); margin:0px 0px 0px 4px; padding:0; background-repeat:repeat-x; background-position:0 0; width:769px; height:27px; } #resultByTabs li { margin:0 1px 0 0; padding:0; float:left; list-style:none; background-image:none; } #resultByTabs li a { width:105px; height:25px; display:block; background-repeat:no-repeat; background-position:0 -25px; } #resultByTabs li a:hover { background-position:0 -50px; } #resultByTabs li a.active, #resultByTabs li a.active:hover { background-position:0 0; } #resultByTabs li.list a { background-image:url(../images/tab_result_list.gif); } #resultByTabs li.grid a { background-image:url(../images/tab_result_grid.gif); } #resultByTabs li.flow a { background-image:url(/resources/images/tab_result_flow.gif); } #resultByTabs li.map a { background-image:url(../images/tab_result_map.gif); } #resultByTabs li.shortlist a { background-image:url(/resources/images/tab_result_shortlist.gif);} #resultByTabsPhoto ul { background-image:url(/resources/images/bg_tab_results.gif); padding:0; background-repeat:repeat-x; background-position:0 0; width:100%; height:20px; margin:10px 0px 15px 0px; } #resultByTabsPhoto li { margin:0 1px 0 0; padding:0; float:left; list-style:none; background-image:none; } #resultByTabsPhoto li a { width:92px; height:20px; display:block; background-repeat:no-repeat; background-position:0 -20px; } #resultByTabsPhoto li a:hover { background-position:0 -40px; } #resultByTabsPhoto li a.active, #resultByTabs li a.active:hover { background-position:0 0; } #resultByTabsPhoto li.list a { background-image:url(../images/tab_result_list.gif); } #resultByTabsPhoto li.grid a { background-image:url(../images/tab_result_grid.gif); } #resultByTabsPhoto li.flow a { background-image:url(/resources/images/tab_result_flow.gif); } #resultByTabsPhoto li.map a { background-image:url(../images/tab_result_map.gif); } /*#resultByTabs li.shortlist a { background-image:url(../images/tab_result_shortlist.gif); width:96px; } #resultByTabs li.refine a { width:94px; background-image:url(../images/tab_result_refine.gif); } */ /* Customised for List Results*/ #searchListResult #resultByTabs ul { width:727px; } #searchListResult #resultByTabs li.list { } /* Contact Us ---------------------------------------------- */ /* Contact Us, Office List */ .officeList ul { width:386px; } .officeList li { text-align:left; float:left; width:386px; background-image:url(/resources/images/sec_feat_bg.gif); height:106px; padding:0px; padding-top:4px; margin:0px; background-position:0 0; background-repeat:no-repeat; } .officeList li h5.featureTitle { line-height:1.2em; font-size:1.5em; margin-bottom:4px;} .officeList li p { line-height:1.1em; font-size:1em; text-align:left;} .officeList li .officePhoto { width:134px; float:left; padding-left:4px; } .officeList li .officeContact { float:left; width:225px; margin-top:10px; } .officeList li .officeDivision { width:55px; } .officeList li .officeEmail { padding-left:10px; } a.butFindOffice { background-image:url(/resources/images/but_find_office.jpg); background-repeat:no-repeat; background-position:0 0; display:block; width:82px; height:27px; } a.butFindOffice:hover { background-position:0 -27px; } /* Contact Us, Office Detail */ .officeSummary h3 { margin:0 0 15px 0; } .officeSummary ul li { list-style:none; list-style-image:none; background-image:none; float:left; width:250px; padding:0px 0px 10px 0px; margin:0px;} .officeSummary a { color:#00149B; text-decoration:none;} .officeSummary a.emailAgent { display:block; width:92px; height:27px; background-image:url(/resources/images/but_email-agent.gif); background-repeat:no-repeat; background-position:0 0; margin-bottom:10px; } .officeSummary a.emailAgent:hover { background-position:0 -27px; } .officeSummary a:hover { text-decoration:underline;} .officeSummary li .officeAddress { padding:3px 0 3px 0; } .officeSummary li .telType { width:35px; height:20px; vertical-align:middle;} .officeSummary li .officeEmail { padding-top:5px; } .officeLocalDirections h4 { margin-left:10px; margin-top:3px; margin-bottom:3px;} .officeLocalDirections { text-align:left; border:none; } .officeLocalDirections fieldset { border:none; background-image:url(/resources/images/ad_sec_finder_bottom.jpg); background-position:bottom left; background-repeat:no-repeat; padding:10px 20px 10px 10px; margin-bottom:10px; margin-left:10px; } .officeLocalDirections fieldset p { margin:10px 10px 10px 10px; padding:0px;} .officeLocalDirections fieldset dl { width:240px; margin:0px 10px 10px 10px; height:100%;} .officeLocalDirections fieldset dt { float:left; width:95px; padding:0px 0px 5px 0px; margin:0px; height:20px; text-align:left;} .officeLocalDirections fieldset dt label { font-size:1.1em; } .officeLocalDirections fieldset dd { float:left; width:120px; padding:0px 0px 5px 0px ; margin:0px; height:20px;} .officeLocalDirections fieldset a.butGetDirections { padding:0px; margin:0px; background-image:url(/resources/images/but_directions.jpg); background-repeat:no-repeat; background-position:0 0; display:block; width:100px; height:27px; } .officeLocalDirections fieldset a.butGetDirections:hover { background-position:0 -27px; } .councilTax { margin-bottom:10px; } .councilTax th { font-size:1.1em; padding:3px 0 3px 0; } .councilTax td { font-size:1.1em; padding:3px 15px 3px 0; } .officeValuation { clear:both; } .officeAreaList ul { padding-top:10px; } .navResults { margin:0px; padding:0px;} #contactValuation {} #contactValuation li { background-image:url(/resources/images/bulletpoint_more.gif); background-position:0px 5px; background-repeat:no-repeat;} /* PHOTO DROP SHADOW ------------------------------------------------ div.shadow { float:left; padding:0 1px; background: #bfbfbf; border-left:1px solid #eaeaea; border-right: 1px solid #eaeaea; position: relative; } div.shadow img { padding: 4px 4px 8px 4px; background: white url(/resources/images/shad_bottom.png) repeat-x bottom left; border-top:1px solid #EEEEEE; } div.shadow div.topleft { width: 2px; height: 4px; background: url(/resources/images/shad_tlcorner.png) no-repeat top left; position: absolute; top: 0px; left: -1px; } div.shadow div.topright { width: 2px; height: 4px; background: url(/resources/images/shad_trcorner.png) no-repeat top right; position: absolute; top: 0px; right: -1px; } div.shadow div.bottomleft { width: 4px; height: 4px; background: url(/resources/images/shad_blcorner.png) no-repeat bottom left; position: absolute; bottom: 0px; left: -1px; } div.shadow div.bottomright { width: 4px; height: 4px; background: url(/resources/images/shad_brcorner.png) no-repeat bottom right; position: absolute; bottom: 0px; right: -1px; } */ /* FEATURED PROPERTY ------------------------------------------------ #featuredProperty { margin:25px 0 0 10px; padding:0; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal;} #featuredProperty .heading { margin-bottom:7px; } #featuredProperty ul { margin:0; padding:0; } #featuredProperty li { margin:0; padding:0; list-style:none; } #featuredProperty li .featuredPropertyDetail { clear:both; } #featuredProperty li .street a { text-decoration:none; color:#6e7160; font-size:1.5em; } #featuredProperty li .bedrooms { font-size:1.1em; } #featuredProperty li .price { font-size:1.1em; } #featuredProperty li .moreDetail { margin-top:8px; color:#0F84C5; font-family:Geneva, Arial, Helvetica, sans-serif; } */ /* Homepage Elements ----------------------------------------------- */ /* Advert Block */ #indexAdverts { width:352px; margin:0; float:left; height:203px; padding:0px; } #indexAdverts li { padding:0px; margin:0px; float:left; list-style:none; background-position:0 0; background-repeat:no-repeat; height:97px; width:172px;} #indexAdverts li.advert1 { background-image:url(/resources/images/bg_index_add_awards.gif); margin-right:8px; margin-bottom:8px;} #indexAdverts li.advert2 { background-image:url(/resources/images/bg_index_add_finance.gif); margin-bottom:8px;} #indexAdverts li.advert3 { background-image:url(/resources/images/bg_index_add_franchise.gif); margin-right:8px; } #indexAdverts li.advert4 { background-image:url(/resources/images/bg_index_add_map.gif); } #indexAdverts li.advert5 { background-image:url(/resources/images/bg_index_add_franchise.gif); } #indexAdverts a { font-weight:bold; position:relative; top:75px; left:9px; padding:0px; color:#f46f1e; text-decoration:none; display:block; background-image:url(/resources/images/bulletpoint_more.gif); background-repeat:no-repeat; background-position:32px 4px;} #indexAdverts a:hover { font-weight:bold; color:#f46f1e; text-decoration:underline; background-position:32px 4px; } /* Latest Properties Feature */ #latestProperties table { margin-top:8px;} #latestProperties img { border:1px solid #CCCCCC; margin:0 10px 7px 0;} #latestProperties p { color:#696565; text-align:left; margin:0 0 3px 0; line-height:1.2em} #latestProperties a { color:#f46f1e; } /* Quick Search */ #homepageQuickSearch { background-image:url(/resources/images/quicksearch_bg.gif); background-position:0px 0px; background-repeat:no-repeat; height:203px; width:598px;} #indexQuickSearch form { width:598px;} #indexQuickSearch dt input { border-color:#aaaaaa; } #indexQuickSearch .heading { margin-top:5px; } #indexQuickSearch .searchQuickInner { margin-left:5px; margin-top:4px; float:left; width:176px; } #indexQuickSearch dl { margin:35px 0 0 10px; padding:0; } #indexQuickSearch dd { width:85px; text-align:left; float:left; margin:0; padding:0; margin-bottom:5px; } #indexQuickSearch dt { width:80px; text-align:right; float:left; margin:0px; padding:0; vertical-align:middle; } #indexQuickSearch label { margin:0; padding:0 4px 0 6px; color:#7d7d7d; font-weight:bold; } #indexQuickSearch select { width:85px; font-size:1.1em; color:#6f6c6c; border:1px solid #b2a992; } #indexQuickSearch dd span { color:#7d7d7d; font-size:1em; } #indexQuickSearch dd a { color:#f46f1e; text-decoration:underline; font-weight:bold;} #indexQuickSearch dd a:hover { color:#f46f1e; text-decoration:none;} #indexQuickSearch a.searchButton { background-image:url(/resources/images/search_button_temp.gif); background-repeat:no-repeat; width:89px; height:33px; margin:5px 0 10px 0; display:block; float:left; cursor:pointer; background-position:0 0;} #homepageQuickSearchResults p { margin-top:10px; } #homepageQuickSearchResults dl { margin:0 0 5px 0; padding:0px; float:left; width:115px; } #homepageQuickSearchResults dd { width:25px; text-align:left; float:left; margin:0; padding:2px 0px 0px 0px; margin-bottom:3px; } #homepageQuickSearchResults dt { width:90px; text-align:right; float:left; margin:0px; padding:4px 0px 0px 0px; background-position:0 0; background-repeat:no-repeat; } #homepageQuickSearchResults dt.map { background-image:url(/resources/images/ico_index_map.gif); height:25px; } #homepageQuickSearchResults dt.list { background-image:url(/resources/images/ico_index_list.gif); height:25px; } #homepageQuickSearchResults dt.flow { background-image:url(/resources/images/ico_index_house.gif); height:25px; } #homepageQuickSearchResults dt.grid { background-image:url(/resources/images/ico_index_grid.gif); height:25px;} #homepageQuickSearchResults label { margin:0; padding:0 4px 0 6px; color:#7d7d7d; font-weight:bold; } #homepageQuickSearchResults .searchButton { clear:both; width:115px; } #homepageQuickSearchResults a { margin-left:25px; border:none; display:block; width:86px; height:30px; background-image:url(/resources/images/but_search.gif); background-position:0 0; background-repeat:no-repeat; } #homepageQuickSearchResults a:hover { background-position:0 -30px;} .officeDirections a{ color:#f7861b; text-decoration:none;} .officeDirections a:hover { color:#00149b; text-decoration:underline;} /* additional tags for the loans page ------------------------------------------ */ #loanAdvisors {} #loanAdvisors ul { width:500px; float:left; } #loanAdvisors li { float:left; display:block; width:230px; } /* TAGS FOR THE MOBILE SITE ------------------------------- */ #mobiDemo { margin:10px 0px 10px 0px; padding:0px;} #mobiDemo a { display:block; background-image:url(/resources/images/but_mobi.gif); background-position:0 -27px; background-repeat:no-repeat; width:104px; height:27px;} #mobiDemo a:hover { background-position:0 0;} .mobiTable { margin-right:37px; margin-bottom:20px;} .mobiHeading { padding-right:50px; text-align:left;} .mobiHeading h3 { padding-left:10px; padding-bottom:5px;} .mobiHeading p { text-align:left; padding-left:10px; padding-bottom:5px; } .awards { padding-left:20px; padding-right:7px;} .awardsTop { padding-left:20px; padding-top:80px;} /* TAGS FOR THE EVENTS AND MARKETING DYNAMIC CONTENT PAGES --------------------------------------------------------------*/ /* shared tags */ .archive a { color:#00149B; text-decoration:none} .archive a:hover { color:#F46F1E; text-decoration:underline;} .textContent { width:100%; padding:0px; margin:5px 0px 10px 0px; font-size:1.1em;} #marketingContainer { } #marketingConatiner .marketingImage { margin-top:7px; } #marketingContainer .eventTable { border-top:1px solid #cccccc; margin:7px 0px 7px 0px;} #marketingContainer ul li p { margin:0px; padding:4px 0px 0px 0px;} #marketingContainer ul li { padding:0px; margin:0px; background-image:none; } #marketingContainer a { color:#00149B; text-decoration:none;} #marketingContainer a:hover { color:#F46F1E; text-decoration:underline;} #marketingContainer a.button { display:block; height:14px; width:59px; background-image:url(/resources/images/but_more_info.gif); background-repeat:no-repeat; background-position:0 -14px;} #marketingContainer a.button:hover { background-position:0 0;} #marketingContainer a.image { border: 1px solid #FFFFFF; display:block; width:200px; height:100%;} #marketingContainer a.image:hover { border:1px solid #00149B;} #marketingContainer .list { list-style:none; background-image:none;} #eventsContainer { } #eventsContainer .eventImage { margin-top:7px;} #eventsContainer .eventTable { border-top:1px solid #cccccc; margin:7px 0px 7px 0px;} #eventsContainer ul li p { margin:0px; padding:4px 0px 0px 0px;} #eventsContainer ul li { padding:0px; margin:0px; background-image:none; } #eventsContainer a { color:#00149B; text-decoration:none;} #eventsContainer a:hover { color:#F46F1E; text-decoration:underline;} #eventsContainer a.button { display:block; height:14px; width:59px; background-image:url(/resources/images/but_more_info.gif); background-repeat:no-repeat; background-position:0 -14px;} #eventsContainer a.button:hover { background-position:0 0;} #eventsContainer a.image { border: 1px solid #FFFFFF; display:block; width:200px; height:100%;} #eventsContainer a.image:hover { border:1px solid #00149B;} .featureContent { background-image:none;} #PhotFlowLoading { background-image:url(/resources/images/tmp_loading.gif); width:500px; height:200px; background-position:0 0; background-repeat:no-repeat;} /* additional tags for the franchise section ------------------------------------------------*/ #franchiseButtons { padding:0px; margin:20px 0px 0px 0px; width:164px; height:100%; } #franchiseButtons ul { background-image:url(../images/quick_search_bg.gif); background-position: 2px 0px; clear:both; background-repeat:repeat-y; width:169px; height:160px; padding:16px 0px 0px 0px; margin:0px; } #franchiseButtons ul li { background-image:url(../images/subnav_level_1bg.gif); background-repeat:no-repeat; display:block; background-position:0 0; width:130px; margin:0px; padding:0px 0px 10px 20px; } #franchiseButtons ul li.none { background-image:none; } #franchiseButtons ul li a.downloadFranchise { background-image:url(/resources/images/but2_more_details.gif); padding:0px; margin:0px; background-position:0 0; background-repeat:no-repeat; display:block; height:27px; width:88px;} #franchiseButtons ul li a.downloadFranchise:hover { background-position:0 -27px;} #franchiseButtons ul li a.contactUs { background-image:url(/resources/images/but_contact_us.gif); height:27px; padding:0px; margin:0px; background-position:0 0; background-repeat:no-repeat; display:block; width:78px; } #franchiseButtons ul li a.contactUs:hover { background-position:0 -27px;} #franchiseList { padding:0px; margin:0px 0px 7px 0px;} #franchiseMore { background-image:url(../images/bg_franchise_register.gif); background-position:0 0; background-repeat:no-repeat; height:67px; width:581px; margin:10px 0px 0px 0px; padding:0px;} #franchiseMore h4 { padding:12px 0px 0px 60px; margin:0px;} #franchiseMore p { padding:5px 0px 0px 60px; margin:0px;} #franchiseMoreAlt{ background-image:url(../images/bg_franchise_register.gif); background-position:0 0; background-repeat:no-repeat; height:67px; width:581px; margin:10px 0px 0px 0px; padding:0px;} #franchiseMoreAlt h4 { padding:7px 0px 0px 60px; margin:0px;} #franchiseMoreAlt p { padding:3px 0px 0px 60px; margin:0px;} /*.pics { padding: 0; margin: 0; } .pics img { padding: 15px; border: 1px solid #ccc; background-color: #eee; top: 0; left: 0 } */ /* ADDITIONAL TAGS FOR THE CONTACT US REWORK -------------------------------------------------*/ #contactContainer { background-image:url(/resources/images/bg_content_container_footer.gif); background-repeat:no-repeat; background-position: bottom left; width:774px; float:left;} #contactContainer .contact { padding:0px 10px 10px 10px; width:754px; float:left;} #contactContainer .contact img { float:left;} #contactContainer .contact .agentFinder { float:left; margin:0px 0px 0px 16px; width:348px;} #contactContainer .contact .agentFinder img.heading { margin:0px 50px 20px 0px; } #contactContainer .contact .agentFinder p { margin:10px 0px 10px 0px;} #contactContainer .contact .agentFinder select { margin:0px 0px 5px 0px;} #contactContainer .contact .agentFinder .butFindOffice { margin:10px 0px 0px 0px;} .areaTable { float:left; widows:100%; margin:10px 0px 0px 0px;} #sales_area_list { float:left; width:405px; margin:0px 0px 20px 0px;} #sales_area_list ul {} #sales_area_list ul li { background-image:none; margin:10px 0px 0px 0px; padding:0px; width:405px; float:left;} #sales_area_list ul li div { color:#254fbd; font-weight:bold; width:405px; float:left; margin:0px 0px 5px 0px} #sales_area_list ul li ul {} #sales_area_list ul li ul li { font-size:1em;background-image:url(/resources/images/bul_cookiecrumb.gif); margin:0px 0 3px 0; background-position:0 5px; background-repeat:no-repeat; padding:0px 0px 0px 10px; float:left; width:190px;} #lettings_area_list { float:left; width:405px; margin:0px;} #lettings_area_list ul {} #lettings_area_list ul li { background-image:none; margin:6px 0px 0px 0px; padding:0px; width:405px; float:left;} #lettings_area_list ul li div { color:#254fbd; font-weight:bold; width:405px; float:left; margin:0px 0px 6px 0px} #lettings_area_list ul li ul {} #lettings_area_list ul li ul li {font-size:1em; background-image:url(/resources/images/bul_cookiecrumb.gif); margin:0px 0 3px 0; background-position:0 5px; background-repeat:no-repeat; padding:0px 0px 0px 10px; float:left; width:190px;} .contentIntrestedContainer { margin:10px 0px 0px 0px;background-image:url(/resources/images/contact_intrested_footer.gif); background-repeat:no-repeat; background-position:bottom left;} .contentIntrestedContainer .contentIntrested { padding:0px 10px 2px 10px;}