/* 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:#FFFFFF; color:#6e7160; text-align:center; } a:link,a:visited { color:#9650c3; } a:hover { color:#3A5DD9; } 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 0 0; font-size:2.3em; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; color:#9650c3;} .pageTitle5 { margin:0 0 0 0; font-size:1.9em; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; color:#BF0000;} .pageTitle2 {font-family:Arial, Helvetica, sans-serif;font-size:10px;} 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; } 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(../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:981px; text-align:left; margin-left:auto; margin-right:auto; background-position:0 0; } #siteContent { background-color:#FFFFFF; } #siteContainerInner { margin-left:10px;width:960px; } #homepageContainer { } #homepage { width:587px; padding:0; text-align:left; vertical-align:top; background-color:#FFFFFF; } #homepageInner { margin-left:20px; margin-right:20px; } #homepageInner2 { margin-left:12px; margin-right:12px; } #homepageAdvert { width:186px; margin: 0px; text-align:left; vertical-align:top; background-color:#3a5dd9; border-right:1px solid #999999; } #contentContainer { } #content {width:586px; padding:0; text-align:left; vertical-align:top; background-color:#FFFFFF;} #contentInner { margin-left:20px; margin-right:20px; } #contentAdvert { width:185px; margin: 0px; text-align:left; vertical-align:top; background-color:#e2e1db; border-left:1px solid #999999; border-right:1px solid #999999; } #contentAdvertInner { } #searchMapResultContainer { margin-left:10px; 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 {background-image:url(../images/bg_footer.gif); background-position:0 0; background-repeat:repeat-x; width:961px; height:34px; font-size:1.1em; font-family:Arial, Helvetica, sans-serif; margin-left:10px; color:#e4e6da;} #footer p { text-align:right; margin:35px 15px 0 0;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: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-color:#FFFFFF; background-position:0 0; margin-left:10px; height:100px; width:959px; border:1px solid #999999; border-top:none; border-bottom:none;} .agentLogo {float:left; margin-left:5px; margin-top:2px;margin-bottom:5px; } /* Company Navigation Elements */ #navCompany { float:right; margin-right:5px; width:300px; margin-top:10px; } #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(../images/navcompany_sitemap.gif); width:48px; } #navCompany li.shortlist a { background-image:url(../images/navcompany_shortlist.gif); width:62px; } #navCompany li.home a { background-image:url(../images/navcompany_home.gif); width:32px; } #navCompany li.contact a { background-image:url(../images/navcompany_contact.gif); width:50px; } /* Main Site Navigation */ #navigation { clear:both; padding-top:4px; } #navigation ul { margin:0; padding:0; width:960px; background:url(../images/nav_bg.gif) repeat-x; height:27px; background-position:0 0; } #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 .valuation a { background-image:url(../images/advance_search.jpg); width:147px; height:27px; } #navigation .buying a { background-image:url(../images/short_terms.jpg); width:154px;height:27px; } #navigation .selling a { background-image:url(../images/long_terms.jpg); width:153px;height:27px; } #navigation .renting a { background-image:url(../images/rent.jpg); width:73px; height:27px; } #navigation .letting a { background-image:url(../images/landloads.jpg);width:91px; height:27px; } #navigation .about a { background-image:url(../images/about_us.jpg);width:80px;height:27px; } #navigation .commercial a { background-image:url(../images/contactus.jpg); width:96px;height:27px; } #navigation .property_d a { background-image:url(../images/property_d.jpg); width:175px;height:27px; } #navigation .register_2 a { background-image:url(../images/register.gif); width:80px;height:27px; } #navigation .register a { background-image:url(../images/myfaverites.jpg); width:115px;height:27px; } #navigation .search a { background-image: url(../images/sell.jpg); width:69px;height:27px; } /* 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:#3A5DD9; margin: 0; padding: 0; ; } /* 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:218px; margin:0; padding-top:8px;; background-color:#FFFFFF;} #searchQuick .heading { margin-top:30px; } #searchQuick dl { margin:5px 0 0 10px; padding:0; } #searchQuick dd { width:100px; text-align:left; float:left; margin:0; padding:0; margin-bottom:5px; color:#336600 } #searchQuick dt { width:65px; text-align:left; float:left; margin:0; padding:0; color:#336600; font-size:10px; } #searchQuick label { font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; color:#336600;font-size:10px;} #searchQuick select { width:100px; font-size:10px; color:#336600; } #searchQuick .checkbox { width:15px; } #searchQuick dd span { color:#336600; font-size:10px; } #searchQuick a.searchButton { background-image:url(../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(../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(../images/page_last.gif);text-indent:-50000px; } .pageSelectors a.next { background-image:url(../images/page_next.gif); text-indent:-50000px; } .pageSelectors a.first { background-image:url(../images/page_first.gif); text-indent:-50000px; } .pageSelectors a.previous { background-image:url(../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 0; width:727px; height:20px; } #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 -9px; } #resultByTabs li a:hover { background-position:0 -9px; } #resultByTabs li a.active, #resultByTabs li a.active:hover { background-position:0 -9; } #resultByTabs li.list a { background-image:url(../images/tab_result_list.gif); } #resultByTabs 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); } .search_list_new{ width:130px; padding-left:13px; background-image:url(../images/arrow.jpg); color:#3399FF; background-repeat:no-repeat; background-position:0 4px; } .search_list_n{ width:170px; padding-left:13px; background-image:url(../images/arrow.jpg); color:#3399FF; background-repeat:no-repeat; background-position:0 4px; } .search_list_n3{ width:120px; padding-left:13px; background-image:url(../images/arrow.jpg); color:#3399FF; background-repeat:no-repeat; background-position:0 4px; text-align:right;} /* Customised for List Results*/ #searchListResult #resultByTabs ul { width:727px; } #searchListResult #resultByTabs li.list { } /* FEATURED PROPERTY ------------------------------------------------ */ #featuredProperty { margin:0px 0 0 0px; padding:0; width:180px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; background-color:#560da9;} #featuredProperty .heading { margin-bottom:7px;background-color:#0099ff; } #featuredProperty ul { margin:0; padding:0; background-color:#3a5dd9; } #featuredProperty li { margin:0; padding:0; list-style:none; } #featuredProperty li .featuredPropertyDetail { clear:both; color:#FFFFFF;} #featuredProperty li .street a { text-decoration:none; color:#FFFFFF; font-size:1.5em; } #featuredProperty li .bedrooms { font-size:12px; color:#FFFFFF; padding-left:16px; } #featuredProperty li .price { font-size:12px; color:#FFFFFF; padding-left:16px; } #featuredProperty li .moreDetail a { margin-top:8px; color:#FFFFFF; padding-left:16px; text-decoration:underline; font-size:12px; font-family:Geneva, Arial, Helvetica, sans-serif; } /* PHOTO DROP SHADOW ------------------------------------------------ */ div.shadow { float:left; margin-left:5px; margin-top:10px; padding-left:4px; padding-top:4px; background: #506f09; width:172px; background-image:url(../images/coming_image.gif); background-repeat:no-repeat; position: relative; height:124px; }