/* 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:Verdana, 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:#7BB012; } a:hover { color:#6F6C6C; text-decoration:underline; } 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:#7bb012; } .pageTitle { margin:0 0 5px 0; font-size:2.3em; font-weight:normal; color:#7bb012; } h2 { margin:0 0 10px 0; font-size:1.3em; font-weight:normal; line-height:1.3em; } h3 {margin:0 0 1px 0; font-size:1.2em; line-height:1.3em; } h4 { font-weight:bold; margin:0; font-size:100%; text-transform:uppercase; color:#8f947d } 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; } .error { color:#990000; } /* LAYOUT TAGS Master layout attributes for the site structure ------------------------------------------------ */ #siteContainer { width:981px; text-align:left; margin-left:auto; margin-right:auto; background-image:url(/resources/images/bg_site_container.gif); background-repeat:repeat-y; background-position:0 0; } #siteContent { background-color:#FFFFFF; } #siteContainerInner { margin-left:10px;width:959px; border-left:1px solid #999999; border-right:1px solid #999999; } #homepageContainer { } #homepage { width:552px; padding:0; text-align:left; vertical-align:top; background-color:#FFFFFF;} #homepageInner { background-color:#FFFFFF; } #homepageAdvert {width:201px; margin: 0px; text-align:left; vertical-align:top; background-color:#FFFFFF; } #homepageAdvertInner { } .homepageAdvertImage { margin:0 12px 12px 12px; } #contentContainer { } #content { width:549px; padding:0; text-align:left; vertical-align:top; background-color:#FFFFFF;} .contentAlt { width:741px; padding:0; text-align:left; vertical-align:top; background-color:#FFFFFF; } #contentInner { background-color:#FFFFFF; } #contentAdvert { width:201px; margin: 0px; text-align:left; vertical-align:top; background-color:#FFFFFF; } #contentAdvertInner { } .contentAdvertImage { margin:0 12px 12px 13px; } #searchMapResultContainer { background-color:#FFFFFF; } #searchMapResult { vertical-align:top; width:739px; background-image:url(../images/bg_results_map.gif); background-repeat:repeat-y; background-position:0 0; } #searchMapResultInner { margin-left:12px; margin-right:12px; width:714px; margin-top:12px; } .dezrezMyAccount { width:717px; height:1024px; } #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:#6F6C6C; text-decoration:none; } #cookieCrumb a:hover { color: #7BB012; text-decoration:underline; } /* FOOTER TAGS Formatting for the Site Footer ------------------------------------------------ */ #footerContainer {background-image:url(/resources/images/bg_footer.gif); background-position:0 0; background-repeat:no-repeat; width:981px; height:79px; font-size:1.1em; font-family:Arial, Helvetica, sans-serif; margin:0; color:#e4e6da;} #footer p { text-align:left; margin:47px 15px 0 10px;font-family:tahoma,verdana,arial,sans-serif; font-size:0.9em; line-height:1.4em; } #footer a { text-decoration:none; color:#e4e6da; } #footerAdvert { width:250px; } #footerAdvert div { margin-top:15px; 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{ height:68px; width:739px; margin:14px 0px 14px 0px; background-color:#abaea4; } .agentLogo { float:left; margin:16px 0 0 26px; } .agentLogo a { display:block; height:35px; width:150px } /* Company Navigation Elements */ #navCompany { margin-top:18px; margin-right:18px; height:29px; } #navCompany a { color:#FFFFFF; text-decoration:none; margin:0 0 0 9px; height:8px; display:block; background-position:0 0; font-size:0.5em; } #navCompany a:hover { background-position:0 -8px; } #navCompany ul { float:right; 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:64px; } #navCompany li.home a { background-image:url(/resources/images/navcompany_home.gif); width:31px; } #navCompany li.contact a { background-image:url(/resources/images/navcompany_contact.gif); width:50px; } /* Main Site Navigation */ #navigation { } #navigation ul { margin:0; padding:0; float:right; height:21px; 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:21px; display:block;} #navigation li a:hover { background-position: 0 -21px;} #navigation li a.active { background-position:0 -42px; } #navigation .buying a { background-image:url(../images/nav_buying.gif); width:74px; } #navigation .selling a { background-image:url(../images/nav_selling.gif); width:76px; } #navigation .renting a { background-image:url(../images/nav_renting.gif); width:81px; } #navigation .letting a { background-image:url(../images/nav_letting.gif); width:74px; } #navigation .myaccount a { background-image:url(../images/nav_my_account.gif); width:119px; } #navigation .about a { background-image:url(../images/nav_about.gif);width:88px; } /* #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; } */ /* SUB NAVIGATION Formatting for the Sub Nav & Quick Search ------------------------------------------------ */ #subNavigation { background-color:#FFFFFF; width:193px; text-align:left; height:100%; vertical-align:top; margin: 0; padding:0px; } #subNavigation .section { } /* First Level Sub Nav */ #subNavigation ul { margin:0px 0 25px 0; padding:0; width:206px; } #subNavigation li { font-size:1em; margin:0; margin-left:12px; margin-bottom:4px; padding:0; list-style:none; background-image:none; width:182px; background-image:url(../images/subnav_bullet.gif); background-position: 0 11px; background-repeat:no-repeat; } #subNavigation li a { color:#6f6c6c; text-decoration:none; display:block; padding:8px 0 3px 15px; margin:0; border-top:1px solid #ececea; } #subNavigation li a:hover { background-position:0 -46px; font-weight:bold; } #subNavigation li a.active { background-position:0 -46px; color:#7bb012; font-weight:bold;} /* Quick Search */ #searchQuick .header { height:35px; } #searchQuick form { width:182px; height:217px; margin:0 0 16px 12px; padding:0; background-image:url(../images/bg_quicksearch.jpg); background-repeat:no-repeat; background-position:0 0;} #searchQuick form.refine { background-image:url(../images/bg_refine_search.gif); } #searchQuick dl { margin:0 0 0 12px; padding:0 0 0 0; } #searchQuick dd { width:100px; text-align:left; float:left; margin:0; padding:0; margin-bottom:5px; } #searchQuick dt { width:60px; text-align:left; float:left; margin:0; padding:0; } #searchQuick label { font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; color:#717171;font-size:1em;} #searchQuick select { width:95px; font-size:1.1em; color:#6f6c6c; height:17px; } #searchQuick .checkbox { width:15px; } #searchQuick dd span { color:#717171; font-size:1em; } #searchQuick a.searchButton { background-image:url(/resources/images/but_search.gif); background-repeat:no-repeat; width:62px; height:19px; margin:5px 0 10px 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; color:#FFFFFF; } .pageSelectors .current a {background-position:0 -25px; color:#FFFFFF; } /* 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 12px 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; } /* 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 0; width:727px; height:27px; } #resultByTabs li { margin:0 1px 0 0; padding:0; float:left; list-style:none; background-image:none; background-position:0 0; } #resultByTabs li a { width:92px; height:27px; display:block; background-repeat:no-repeat; } #resultByTabs li a:hover { background-position:0 -27px;} #resultByTabs li a.active, #resultByTabs li a.active:hover { background-position:0 -54px; } #resultByTabs li.blank a { width:12px;} #resultByTabs li.list a { background-image:url(../images/tab_result_list.gif); width:92px;} #resultByTabs li.map a { background-image:url(../images/tab_result_map.gif); width:92px;} #resultByTabs li.shortlist a { background-image:url(../images/tab_result_shortlist.gif); width:100px; } #resultByTabs li.refine a { width:94px; background-image:url(../images/tab_result_refine.gif); width:100px;} /* Customised for List Results*/ #searchListResult #resultByTabs ul { width:739px; } #searchListResult #resultByTabs li.list { } #searchMapResult #resultByTabs ul { width:739px; } /* FEATURED PROPERTY ------------------------------------------------ */ #featuredProperty { margin:13px 0 0 12px; padding:0; } #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 { float:left; margin:10px 0px 0px 0px; width:169px; } #featuredProperty li .street a { text-decoration:none; color:#6e7160; font-size:1.2em; font-weight:bold; } #featuredProperty li .bedrooms { font-size:1.1em; float:left; width:169px; padding:2px 0px 2px 0px; } #featuredProperty li .price { font-size:1.1em; float:left; width:169px; } #featuredProperty li .moreDetail { margin-top:8px; float:left; } #featuredProperty li .moreDetail a { display:block; height:19px; width:82px; background-image:url(../images/but_more.gif); background-position:0 -19px; background-repeat:no-repeat;} #featuredProperty li .moreDetail a:hover { background-position: 0 0;} /* PHOTO BORDER ------------------------------------------------ */ div.border { float:left; padding:0px; margin:0px; background-color:#FFFFFF; } div.border img { padding:4px; margin:0xp float:left; border:1px solid #cccccc;} div.border a { color:#FFFFFF; float:left;} /* tags for buttons on the index page ------------------------------------------*/ a.alertsButton { float:left; margin:0px 20px 0px 0px; background-image:url(/resources/images/but_homepage_alerts.gif); background-position:0 0; background-repeat:no-repeat; display:block; height:36px; width:204px;} a.alertsButton:hover { background-position: 0 -36px;} a.valuationButton { float:left; background-image:url(../images/but_homepage_valuation.gif); background-position:0 0; background-repeat:no-repeat; display:block; height:36px; width:204px;} a.valuationButton:hover { background-position: 0 -36px;} /* Additional tags for the stamp duty page ---------------------------------------------*/ .sectionHeader { background-image:url(../images/bg_form_440_top.gif); display:block; height:11px; width:440px; background-position:0 0; background-repeat:no-repeat;} .sectionFooter { background-image:url(../images/bg_form_440_bottom.gif); background-position:0 0; background-repeat:no-repeat; display:block; height:11px; width:440px;} .stampTable { background-image:url(../images/bg_form_440.gif); background-position: 0 0; background-repeat:repeat-y; }