/* -------------------------------------------------------------- theme.css Author: Date: This is the main stylesheet +top -------------------------------------------------------------- +Default Styles -------------------------------------------------------------- */ body { background-color:#eee; color: #333; } #top { background:url(/modern/site-bg.gif) repeat-x top #FFFFFF; border-top:10px solid #000000; } #header { background-color:#e60000; color:#fff; } #header p.adr { margin-top:3em; margin-right:1em; float:right; font-size: 1.8em; text-align:right; } /* -------------------------------------------------------------- +Typography + Headings -------------------------------------------------------------- */ /* Headings -------------------------------------------------- */ h1, h2, h3, h4, h5 { color: #333; } h2 { font-family:verdana, sans-serif; font-size: 1.4em; font-weight:bold; margin-bottom: 0.8em; } #header h1 { background:url(/structure/masthead-modern.png) no-repeat; } #header a { text-decoration:none; } /* -------------------------------------------------------------- +Tables -------------------------------------------------------------- */ /* -------------------------------------------------------------- +Forms -------------------------------------------------------------- */ /* -------------------------------------------------------------- +Navigation -------------------------------------------------------------- */ #nav { float:left; width:100%; margin-bottom:14px; } #nav .adr { display:none; } #nav { float:left; width:100%; margin-bottom:14px; } #nav ul li a { background-color:#DDDDDD; } #nav ul li a:hover { background-color:#fff; } #nav h3 { clear:both; border-top:1px solid #d7d7d7; padding-top:10px; } #nav .adr { display:none; } /* -------------------------------------------------------------- +Search -------------------------------------------------------------- */ #search { background-color:#f0f0f0; float:left; width:200px; margin-right:14px; } ul#results li, ul#controls, .pager a { background-color:#f0f0f0; } form#quicksearch { background-color:#000; color:#fff; } form#quicksearch h3 { color:#fff; } form#advsearch { background-color:#f0f0f0; } form#advsearch fieldset ol ul { padding:0; } form#advsearch fieldset ol li#searchtype ul li { display:inline; } form#advsearch fieldset ol li#searchtype ul li label { margin:0; } form#advsearch fieldset ol li#searchtype ul li input { margin:0 10px 0 5px; } form#advsearch fieldset ol li#submit span { display:block; margin-top:5px; } #mapsearch { float:left; width:200px; margin-right:14px; background-color:#fff; color:#666; border-bottom:1px solid #CCC } #mapsearch form fieldset { padding:10px } #mapsearch form fieldset ul { padding:0; margin:5px 0; } #mapsearch form fieldset legend { display:block; font-weight:bold; } /* -------------------------------------------------------------- +Brochure -------------------------------------------------------------- */ #images { background-color:#f0f0f0; } #new-items ul li img, ul#results li a img { padding:0; border-width:4px; border-style:solid; } /* -------------------------------------------------------------- +Homepage -------------------------------------------------------------- */ #feature { background-color:#f0f0f0; float:left; width:414px; height:282px; margin-right:0; margin-bottom:14px; } #feature ul li div { background-color:#000; color:#fff; width:400px; } #feature ul li div a { color:#ccf; text-decoration:none; } #feature ul li div h4, #feature ul li div p { padding:5px; } #feature ul li div h4 { width:250px; padding-right:0; } #feature ul li div p { width:110px; padding-left:0; } #latest-news { float:left; width:414px; margin-bottom:14px; margin-right:0; } #new-items { background-color:transparent; float:left; width:414px; margin-bottom:14px; margin-right:0; } #maps { background-color:#f0f0f0; width:305px; border-width:0; float:left; width: 307px; margin-bottom:14px; margin-right:14px; } #maps h2 { display:none; } #maps h3 { background:url(/images/map-icon-med.png) no-repeat right; margin-right:7px; } #map-info h3.accordion_toggle { background:#9BBACF; } #map-info h3.accordion_toggle_active { background:#205291; } #company-overview { background-color:#f0f0f0; float:left; width: 307px; height:282px; margin-bottom:14px; margin-right:14px; } #newsletter { clear:both; float:left; width: 307px; margin-bottom:14px; margin-right:0; } #request-valuation { float:left; width:307px; margin-bottom:0; margin-right:0; } #request-valuation h2 { border-width:0; } /* -------------------------------------------------------------- +Results -------------------------------------------------------------- */ ul#results li div { width:129px; min-height:100px; border-left:1px solid #E8E4D6; } /* -------------------------------------------------------------- +Footer -------------------------------------------------------------- */ #footer { clear:both; float:left; width:100%; margin-top:10px; border-top:1px solid #d7d7d7; } #footer-inner { width:949px; text-align:left; margin:10px auto; } #footer-inner .adr { display:none; } #footer ul { list-style:none; margin:0 auto 20px auto; text-align:center; font-size:1.2em; } #footer li { display:inline; margin-right:0.8em; } #footer li a { margin-right:1em; } body, a:link, a:hover, a:visited { color: #333; } #header, #feature div, #feature ul li div, #footer { background-color:#41403b; } /* PRIMARY BG */ #new-items ul li img, ul#results li a img, ul#developments li div.img a img { border-color:#EDEDED; } /* THUMB BORDER */ #header, #header a, #footer a { background-color:transparent; color:#ffffff; } /* HEADER */ h2, #nav a { color:#69634D; border-color:#d9d5c8 } /* HEADING */ #nav { background-color:transparent; } /* FOOTER BG */ #footer { background-color:#E60000; color:#fff; } /* FOOTER BG */ ul#results li, #map-info h3.accordion_toggle { background-color:#e0e0e0; } /* FOOTER BG */ form#quicksearch { background-color:#EDEDED; color:#41403b; } /* QUICKSEARCH */ form#quicksearch h3, form#keep-up-to-date h3, form#newsletter-about h3, form#advsearch h3, #map-info h3.accordion_toggle_active { background-color:#000000; color:#fff; } /* QUICKSEARCH HEADING */ #search { background-color:transparent } #new-items ul li p.price, ul#results li h4 span.price, ul#rental-info li, ul#shortdesc li.status, ul#developments li span a { color:#E60000 ; } /* PRIMARY LINK COLOUR */ #new-items ul li img, ul#results li a img { border-color:#000000} a:link, a:hover, a:visited { color: #E60000 ; } #nav ul li a { background-color:#000000; color:#fff } /* SECONDARY BG */ #nav ul li a:hover, #nav ul li a.selected { background-color:#ffffff; color:#E60000 } /* HOVER BG */ ul#shortdesc, ul#rental-info, .hi, .pager a, form#advsearch, #company-overview, #maps, #feature, #newsletter, .accordion_content .options { background-color:#EDEDED; } /* THIRD BACKGROUND */ #feature ul li div a { color:#EDEDED; } .alternate2 { background-color: #D5D2BB; } .alternate1 { background-color: #EDEDED; } .location { margin: 5px; margin-bottom: 20px; }