/* -------------------------------------------------------------- theme.css Author: Date: This is the main stylesheet +top -------------------------------------------------------------- +Default Styles -------------------------------------------------------------- */ body { background:#09083B; color: #333; font-family:'Lucida Grande', sans-serif; } #top { background:url(/structure/site-bg.gif) repeat-x top #fff; padding-bottom:50px; } #shell { background-color:#fff; } #header { background-color:#FFF; color:#fff; height:140px; } #header .adr { display:none; } #header p.adr { margin-top:3em; margin-right:1em; float:right; font-size: 1.8em; text-align:right; color: #000; } /* -------------------------------------------------------------- +Typography + Headings -------------------------------------------------------------- */ /* Headings -------------------------------------------------- */ h1, h2, h3, h4, h5 { color: #333; } h2 { font-family:'Lucida Sans', sans-serif; font-size: 1.8em; letter-spacing:1px; font-weight:normal; margin-bottom: 0.8em; color:#252455; } h3 { font-family:'Lucida Sans', sans-serif; } .col h3, .col h2 { border-width:0; } #header h1 { background:url(/structure/masthead.gif) no-repeat; margin:0;padding:0; } .col p { padding:0; } /* -------------------------------------------------------------- +Tables -------------------------------------------------------------- */ /* -------------------------------------------------------------- +Forms -------------------------------------------------------------- */ /* -------------------------------------------------------------- +Navigation -------------------------------------------------------------- */ #nav { float:left; width:199px; margin-top:10px; margin-right:14px; margin-bottom:14px; border-right:1px solid #CCC; padding:10px 0; } #nav ul { float:left; width:100%; margin-bottom:8px; font-size:1.2em; } #nav ul li { margin:0; width:100%; float:left; text-align:right; } #nav ul li a { display:block; padding:5px 10px; text-decoration:none; color:#FF9223 } #nav ul li a:hover, #nav ul li a.selected { display:block; padding:5px 10px; background-color:#fff; color:#252455; } #nav ul li a.selected { font-weight:bold; } #nav h3 { clear:both; border-top:1px solid #d7d7d7; padding-top:10px; } #nav .adr { display:block; } #nav .adr { clear:both; padding:2em 0; } #nav .adr h3 { display:none; } #nav .specials ul { margin-top:10px; } #nav .specials ul li { margin-bottom:5px; font-size:1.2em; } #nav .specials ul li a { display:block; background-color:#FF9223; color:#fff; padding:5px; } #nav .specials ul li a:hover { background-color:#252455; } /* -------------------------------------------------------------- +Search -------------------------------------------------------------- */ #search { clear:none; float:left; width:735px; margin-top:10px; margin-right:0; margin-bottom:14px; background-color:#f0f0f0; } #search form#quicksearch { float:right; width:214px; margin-left:0; margin-bottom:0; } #search form#advsearch { clear:none; float:left; width:521px; margin-right:0; margin-bottom:0; } #search form { margin-bottom:10px; padding-bottom:10px; height:140px } #search form fieldset legend { display:none; } #search form fieldset ol { list-style:none; margin:0 10px; } #search form fieldset ol li { clear:none; float:left; margin:0 0 5px 0; width:auto; } #search form fieldset ol li label { display:block; } #search form#advsearch fieldset ol li#searchtype { width:93px; } #search form#advsearch fieldset ol li#searchtype label { margin:0; } #search form#advsearch label strong { font-weight:normal; } #search form#advsearch fieldset ol li#searchtype input { margin:2px 0 0 5px } #search form fieldset ol li#typearea { width:200px; } #search form fieldset ol li#typearea label { display:none; } #search form fieldset ol li#bedsprice { width:200px; } #search form fieldset ol li#submit { clear:both; padding-left:10px; width:500px;} #search form fieldset ol li#submit input { float:left; margin-right:10px; } #search form fieldset ol li#submit span { margin-top:5px; margin-right:10px; float:left; } #search form fieldset ol li#submit span img { } #mapsearch { clear:none; float:left; width:735px; background-color:#fff; color:#666; margin-top:10px; margin-right:0; margin-bottom:14px; } #mapsearch form fieldset { padding:10px } #mapsearch form fieldset legend { display:block; font-weight:bold; } #mapsearch form fieldset ul { padding:0; margin:5px 0; } #mapsearch ul li { float:left; } #mapsearch ul li li { float:none; } 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; } /* -------------------------------------------------------------- +Brochure -------------------------------------------------------------- */ #images { background-color:#f0f0f0; } #new-items ul li img, ul#results li a img { padding:0; border-width:4px; border-style:solid; border-color: #FF9223; } /* -------------------------------------------------------------- +Homepage -------------------------------------------------------------- */ #feature { background-color:transparent; border:1px solid #CCC; float:left; width:412px; height:282px; margin-bottom:14px; margin-right:12px; padding-bottom:2px; } #feature ul li div { background-color:#000; color:#fff; width:400px; } #feature ul li div a { color:#ccf; } #latest-news { margin-right:12px } #new-items { background-color:#09083b; color:#fff; float:left; width:414px; margin-bottom:14px; } #new-items ul { margin:7px 0 0 0; padding:0; } #new-items ul li { background-color:#252455; float:left; width:100%; padding:5px 0; margin:0 0 2px 0; } #new-items ul li:hover { background-color:#3a396b } #new-items ul li a img { border:2px solid #FFF; margin:5px 8px; } #new-items ul li h4 a { color:#fff; padding-right:5px; } #new-items ul li p.price { color:#999 } #maps { background-color:transparent; border:1px solid #CCC; float:left; width: 305px; margin-bottom:14px; } #map { height:272px } #maps h2, #maps h3 { display:none; } #company-overview { width:100%; background-color:transparent; font-size:1.6em; margin:0 0 10px 0; color:#252455; } #latest-news { float:left; width:100%; margin-bottom:14px; margin-right:0; } #newsletter { float:left; width: 307px; margin-bottom:14px; background-color:#f0f0f0 } #request-valuation { float:left; width:307px; margin-bottom:0; margin-right:0; background-color:#f0f0f0 } #newsletter h2, #request-valuation h2 { font-size:2em; } #request-valuation h2 { border-width:0; } /* -------------------------------------------------------------- +Footer -------------------------------------------------------------- */ #footer { clear:both; float:left; width:100%; margin:0; } #footer-inner { width:949px; text-align:left; margin:10px auto; text-align:right; color:#669; } #footer-inner a { color:#669; } #footer-inner .adr { font-weight:bold; font-size:1.4em; color:#fff; } #footer-inner .adr a { color:#fff; } #footer ul { display:none; } body { color:#666; } #header, #feature div, #feature ul li div { background-color:#FF9223 } /* PRIMARY BG */ #header { background-color:transparent } /* HEADER */ form#quicksearch { background-color:#252455 } /* QUICKSEARCH */ a:link, a:hover, a:visited, ul#results li h4 span.price, ul#shortdesc li.status { color:#252455 } /* PRIMARY LINK COLOUR */ ul#results li a img, ul#developments li div.img a img { border-color:#FF9223 } .alternate2 { background-color: #E6E6E6; } .alternate1 { background-color: #F0F0F0; } .location { margin: 5px; margin-bottom: 20px; } #map-info h3.accordion_toggle { display:block; background-color:#FFDFEE; } /* FOOTER BG */ #map-info h3.accordion_toggle_active { display:block; background-color:#FF9223; color:#fff; } /* QUICKSEARCH HEADING */