/* 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:Geneva, Arial, Helvetica, sans-serif; font-size:62.5%; margin:0 0 0 0; background-color:#717171; color:#6e7160; text-align:center; } a:link,a:visited { color:#920404; } a:hover { color:#c30303; } 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:#BF0000; } .pageTitle { margin:0 0 5px 0; font-size:2.3em; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; color:#BF0000;} h2 { margin:0 0 10px 0; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.3em; font-weight:normal; line-height:1.3em; } h2.indexIntro { font-size:1.3em; color:#525252;} h3 {margin:0 0 3px 0; font-size:1.2em; font-family:Georgia, "Times New Roman", Times, serif; } h4 { font-weight:bold; margin:0; font-size:100%; text-transform:uppercase; } h5 { font-weight:bold; margin:0; font-size:100%; } img { border: 0; } p { margin:0 0 10px 0; text-align:justify; line-height:150%; font-size:1.1em; } ul { margin:0 0 10px 0; padding:0; } 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 4px; } ol { margin:0; padding:0; } ol li { margin:0 0 3px 0; padding:0; background-image:none; list-style-position:inside; } /* 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:1010px; text-align:left; margin-left:auto; margin-right:auto; background-image:url(/resources/images/bg_site_container.gif); background-repeat:no-repeat; background-position:bottom left; padding:0px 0px 32px 0px; } #siteContent { background-color:#FFFFFF; min-height:500px; } #siteContainerInner { margin-left:21px;width:959px; } #homepageContainer { } #homepage { width:586px; padding:0; text-align:left; vertical-align:top; background-color:#FFFFFF; } #homepageInner { padding-left:16px; padding-right:16px; float:left; } .homepageIntro { float:left; height:126px;} #homepageAdvert { width:185px; margin: 0px; text-align:left; vertical-align:top; background-color:#ffffff; border-right:1px solid #999999; } #contentContainer { } #content {width:586px; padding:0; text-align:left; vertical-align:top; background-color:#FFFFFF;} #contentMyAccount { width:728px; padding:0px; margin:0px; text-align:left; vertical-align:text-bottom; background-color:#FFFFFF; } #contentInner { padding:0px 20px 0px 20px; min-height:500px; width:545px; } .myAccount #contentInner { width:730px;} .myAccount #contentInnerSmall { width:545px; padding:0px 20px 0px 20px; min-height:500px;} #contentAdvert { width:186px; margin: 0px; text-align:left; vertical-align:top; background-color:#efefef; border-right:1px solid #999999; background-image:url(/resources/images/content_advert_phone.gif); background-position:bottom right; background-repeat:no-repeat; } #contentAdvertInner { } #searchMapResultContainer { margin-left:21px; width:959px; background-color:#FFFFFF; border-left:1px solid #999999; border-right:1px solid #999999;} #searchMapResult { vertical-align:top; margin-left:20px; width:919px; } #cookieCrumb { margin:0;padding:0; background-image:none; height:35px; } #cookieCrumb li.none { margin:0; margin-top:15px; margin-right:5px; padding:0; background-image:none; } #cookieCrumb li { margin:0; margin-top:15px; margin-right:5px; padding:0; padding-left:7px; float:left; background-position:0 4px; font-family:Arial, Helvetica, sans-serif; font-size:1em; background-image:url(../images/bul_cookiecrumb.gif); background-repeat:no-repeat; } #cookieCrumb a { color:#B10101; text-decoration:none; } #cookieCrumb a:hover { color: #919191; text-decoration:underline; } /* FOOTER TAGS Formatting for the Site Footer ------------------------------------------------ */ #footerContainer {width:959px; height:40px; font-size:1.1em; font-family:Arial, Helvetica, sans-serif; margin:0px 0px 0px 21px; color:#ffffff; border:1px solid #999999; border-top:none; background-color:#b10101;} #footerContainer p { text-align:right; font-family:tahoma,verdana,arial,sans-serif; line-height:1.4em; font-size:1em; padding:12px 17px 0px 0px;} .footerOptions { float:left; padding:12px 0px 0px 17px; margin:0px; background-image:none; list-style:none;} .footerOptions li { float:left; padding:0px 5px 0px 0px; margin:0px 5px 0px 0px; border-right:1px solid #ffffff;} .footerOptions li.none { border:none; } .footerOptions li a { color:#FFF; text-decoration:none; font-size:0.9em; } .footerOptions li a:hover { text-decoration:hover;} /*#footerAdvert { width:250px; } #footerAdvert div { margin-top:3px; margin-left:65px; } #footerAdvert a { text-decoration:none; color:#e4e6da; } #footerAdvert a:hover { color:#FFE8E8; 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{ background-image:url(/resources/images/bg_header.gif); background-position:0 0; margin-left:21px; height:118px; width:959px; border:1px solid #999999; border-top:none; border-bottom:none;} .agentLogo {float:left; padding:16px 0 26px 14px; } /* Company Navigation Elements */ #navCompany { float:right; margin-top:16px; margin-right:20px; } #navCompany a { color:#FFFFFF; text-decoration:none; margin:0 0 0 10px; height:7px; display:block; background-position:0 0; font-size:0.5em; } #navCompany a:hover { background-position:0 -7px; } #navCompany ul { margin:0; padding:0; } #navCompany li { margin:0; padding:0; list-style:none; float:left;background-image:none; } #navCompany li.sitemap a { background-image:url(/resources/images/navcompany_sitemap.gif); width:48px; } #navCompany li.shortlist a { background-image:url(/resources/images/navcompany_shortlist.gif); width:62px; } #navCompany li.home a { background-image:url(/resources/images/navcompany_home.gif); width:32px; } #navCompany li.contact a { background-image:url(/resources/images/navcompany_contact.gif); width:50px; } /* Main Site Navigation */ #navigation { clear:both; } #navigation ul { margin:0; padding:0; width:959px; background-image:url(/resources/images/nav_bg.gif); height:27px; 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:27px; display:block;} #navigation li a:hover, #navigation li a.active { background-position:0 -27px; } #navigation .buying a { background-image:url(../images/nav_buying.gif); width:80px; } #navigation .selling a { background-image:url(../images/nav_selling.gif); width:79px; } #navigation .renting a { background-image:url(../images/nav_renting.gif); width:81px; } #navigation .letting a { background-image:url(../images/nav_letting.gif);width:102px; } #navigation .about a { background-image:url(../images/nav_about.gif);width:91px; } #navigation .commercial a { background-image:url(/resources/images/nav_commercial.gif); width:109px; } #navigation .register a { background-image:url(../images/nav_register.gif); width:93px; } #navigation .search a { background-image:url(../images/nav_search.gif); width:188px; } /*#navigation .valuation a { background-image:url(../images/nav_valuation.gif);width:100px; }*/ #navigation .mortgages a { background-image:url(../images/nav_mortgages.gif); width:102px;} #navigation .myaccount a { background-image:url(/resources/images/nav_myaccount.gif); width:126px;} /* SUB NAVIGATION Formatting for the Sub Nav & Quick Search ------------------------------------------------ */ #subNavigation { border-left:1px solid #999999; width:188px; text-align:left; height:100%; vertical-align:top; background-color:#e2e1db; margin: 0; padding: 0; background-image:url(../images/sub_nav_background.jpg); background-repeat:repeat-x; background-color:#dddcd5; } /* First Level Sub Nav */ #subNavigation ul { margin:15px 0 10px 0; padding:0; width:187px; } #subNavigation li { margin:0; margin-left:10px; margin-bottom:4px; padding:0; list-style:none; background-image:none; width:165px; } #subNavigation li a { color:#6f6c6c; text-decoration:none; display:block; padding:8px 0 3px 20px; background-image: url(../images/subnav_level1.gif); background-repeat: no-repeat; background-position:0 0; margin:0; } #subNavigation li a:hover { background-position:0 -45px; color:#920404; } #subNavigation li a.active { background-position:0 -45px; font-weight:bold; } /* Quick Search */ #searchQuick form { width:188px; height:224px; margin:0; padding:0; background-color:#727071;} #searchQuick .heading { margin-top:11px; } #searchQuick dl { margin:5px 0 0 10px; padding:0; } #searchQuick dd { width:188px; text-align:left; float:left; margin:0; padding:0; margin-bottom:5px; } #searchQuick dt { width:188px; text-align:left; float:left; margin:0; padding:0; } #searchQuick label { font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; color:#CBCBCB;font-size:1em;} #searchQuick select { width:168px; color:#6f6c6c; height:17px; line-height:1.1em; } #searchQuick .checkbox { width:15px; margin-left:0px; } #searchQuick dt.mapContainer { float:left; width:106px; } #searchQuick dt span { color:#CBCBCB; font-size:1em; } #searchQuick dd.searchConrainer { margin:0px; width:62px; float:right; margin:0px 10px 0px 0px;} #searchQuick a.searchButton { background-image:url(/resources/images/but_search.gif); background-repeat:no-repeat; width:62px; height:19px; margin:5px 0 5px 0;display:block; float:left; cursor:pointer;} /* PAGE SELECTORS Search Result Pagination Tags ------------------------------------------------ */ .pageSelectors ul { margin:15px 0 15px 0; padding:0; float:left;/* 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; } .pageSelectors .current a {background-position:0 -25px; } /* 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 { margin:0; padding:0; background-image:url(../images/tab_result_bg.gif); background-repeat:repeat-x; background-position:0 7px; width:727px; height:27px; } #resultByTabs li { margin:0 1px 0 0; padding:0; float:left; list-style:none; background-image:none; } #resultByTabs li a { width:92px; height:20px; display:block; background-repeat:no-repeat; background-position:0 -20px; } #resultByTabs li a:hover { background-position:0 -40px; } #resultByTabs li a.active, #resultByTabs li a.active:hover { background-position:0 0; } #resultByTabs li.list { margin:7px 0px 0px 0px;} #resultByTabs li.list a { background-image:url(../images/tab_result_list.gif); } #resultByTabs li.map { margin:7px 0px 0px 0px;} #resultByTabs li.map a { background-image:url(../images/tab_result_map.gif); } #resultByTabs li.flow a { background-image:url(../images/tab_result_flow.gif); } #resultByTabs li.shortlist { margin:7px 0px 0px 0px;} #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); } #resultByTabs li.save { width:auto; text-align:right; float:right;} #resultByTabs li.save a { display:block; background-image:url(/resources/images/myaccount/save-search-ico.gif); background-position:0 0; background-repeat:no-repeat; height:20px; padding:0px 0px 0px 35px; line-height:2em;} /* Customised for List Results*/ #searchListResult #resultByTabs ul { width:727px; clear:both; } #searchListResult #resultByTabs li.list { } /* 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:#BF0000; font-family:Geneva, Arial, Helvetica, sans-serif; } */ #featuredProperty { background-image:url(/resources/images/featured_property_bg.gif); background-position:0 0; background-repeat:no-repeat; width:172px; height:326px; padding:39px 0px 0px 14px;} #featuredProperty .featuredPropertyDetail { padding:14px 0px 0px 0px;} #featuredProperty .featuredPropertyDetail .street { color:#727272; text-transform:uppercase; width:172px; font-size:1.4em; } #featuredProperty .featuredPropertyDetail .street a { text-decoration:none; color:#727272;} #featuredProperty .featuredPropertyDetail .bedrooms { width:172px; font-size:1.1em; padding:2px 0px 2px 0px; } #featuredProperty .featuredPropertyDetail .price { float:left; width:86px; font-size:1.6em;} #featuredProperty .featuredPropertyDetail .moreDetail { float:right; padding:4px 14px 0px 0px; font-size:1em; } /* 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; } */ /* Index page - index options ------------------------------------------------- */ .indexOptions { float:left; margin:0px; padding:0px;} .indexOptions li { float:left; padding:0px 12px 0px 0px; width:176px;} .indexOptions li.none { padding:0px;} .indexOptions li p { text-align:left; float:left; display:block; font-size:1.1em; color:#525252; line-height:1.1em; margin:0px 0px 6px 0px;} .indexOptions li a { cursor:pointer; display:block; height:18px; background-position:0 0; background-repeat:no-repeat; float:left; } .indexOptions li a:hover { background-position:0 -18px;} .indexOptions li a span { display:none;} .indexOptions li a.register { background-image:url(../images/but_index_register.gif); width:85px; } .indexOptions li a.valuation { background-image:url(../images/but_index_valuation.gif); width:108px;} .indexOptions li a.mortgage { background-image:url(../images/but_index_calculator.gif); width:119px;} .indexOptions li .image { float:left; display:block; width:176px; height:102px; padding:0px 0px 7px 0px;} /* index page - acredation logos --------------------------------------------- */ .accreditation { margin:11px 0px 0px 0px; padding:16px 0px 0px 0px; float:left; display:block; background-image:url(/resources/images/acredation_logos.gif); background-position:0 0; background-repeat:no-repeat; width:549px; height:36px; } .accreditation p { float:left; color:#666666; width:100%; padding:0px; margin:0px;} .accreditation p.heading { text-transform:uppercase; width:100%; font-size:1.1em; font-weight:bold; } /* register page --------------------------------------------*/ .registerActions { float:left; padding:10px 0px 0px 0px; margin:0px;} .registerActions li { float:left; border:1px solid #999999; background-color:#E2E1DB; padding:7px; margin:0px 10px 0px 0px; list-style:none; background-image:none; } .registerActions li a { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.2em; text-decoration:none } .registerActions li a:hover { text-decoration:underline;}