/* -------------------------------------------------------------- theme.css Author: Date: This is the main stylesheet +top -------------------------------------------------------------- +Default Styles -------------------------------------------------------------- */ body { background-color:#EDE8E2; color: #333; } #top { border-top:10px solid #ae213d; background-image:url(/structure/masthead-jones.jpg); background-position:top center; background-repeat:repeat-x; } #header { background-color:transparent; color:#fff; } #header p.adr { margin-top:3em; margin-right:1em; float:right; font-size: 1.8em; text-align:right; } #content { background-color:#ffffff; } /* -------------------------------------------------------------- +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-image:none; } #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:#dedcd7; } 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:#FFFFFF; } #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:320px; margin-bottom:14px; margin-right: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:14px; height:300px } #maps { background-color:#f0f0f0; width:305px; border-width:0; float:left; width: 307px; margin-bottom:14px; margin-right:0; } #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:320px; margin-bottom:14px; } #newsletter { clear:both; float:left; 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; background:url(/modern/footer-logo.png) no-repeat 20px center; } #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 { color: #333; } a:link, a:hover, a:visited { color: #ae213d; } #header, #feature div, #feature ul li div, #footer { background-color:#ae213d; } /* PRIMARY BG */ #new-items ul li img, ul#results li a img, ul#developments li div.img a img { border-color:#F7F5F0; } /* THUMB BORDER */ #header { background-color:transparent; color:#000; } /* HEADER */ h2, #nav a { color:#69634D; border-color:#d9d5c8 } /* HEADING */ #nav { background-color:transparent; } /* FOOTER BG */ #footer { background-color:#dedcd7; } ul#results li, #map-info h3.accordion_toggle { background-color:#F7F5F3; } /* FOOTER BG */ form#quicksearch, form#quicksearch h3, #MortgageCalc ul li.monthly { background-color:#ae213d; color:#ffffff; } /* QUICKSEARCH */ form#keep-up-to-date h3, form#newsletter-about h3, form#advsearch h3 { background-color:#FBF5BB; color:#ae213d; } /* QUICKSEARCH HEADING */ #map-info h3.accordion_toggle_active { background-color:#C2BEB5; color:#ffffff; } /* QUICKSEARCH HEADING */ #search { background-color:transparent } #header a, #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:#730101; } /* PRIMARY LINK COLOUR */ #new-items ul li img, ul#results li a img { border-color:#730101} #nav ul li a { background-color:#000000; color:#FFFFFF; } /* SECONDARY BG */ #nav ul li a:hover, #nav ul li a.selected { background-color:#ae213d; color:#FFFFFF; } /* HOVER BG */ ul#shortdesc, ul#rental-info, .hi, .pager a, #company-overview, #maps, #feature, #new-items, .accordion_content .options { background-color:#F7F5F3; } /* THIRD BACKGROUND */ form#advsearch { background-color:#fff; } #feature ul li div a { color:#f7f5f0; } .alternate2 { background-color: #D5D2BB; } .alternate1 { background-color: #F7F5F0; } .location { margin: 5px; margin-bottom: 20px; } /* --------------------------- Jones Website Specific Changes: --------------------------- */ #maps{ height:300px; width:307px; float:left; margin-right: 0px; } #maps h3 { background:none } div#about-us-links { background-color:#ae213d; padding-bottom: 10px; margin-bottom: 10px; } div#about-us-links h3 { background-color:#ae213d; color:#FFFFFF; padding:5px 10px; margin:0px } div#about-us-links h4 { padding-left: 10px; padding-top:5px; } div#about-us-links a { color:#ffffff; } div#newsletter, form#newsletter { width: 735px; } div#maps span { padding-left:10px; } div#company-overview { font-size: 1.1em; } div#company-overview p { margin-bottom: 20px; } div#company-overview a { font-size: 1.3em; font-weight: bold; } #MortgageCalc, #newsletter { background-color:#dedcd7; }