body { background: url('../gfx/client/new/body_background.png') repeat-x top left #FFF; margin: 0; padding: 0; font-family: Arial, sans-serif; color: #515151; font-size: 10pt; font-weight: normal; line-height: 18pt; } #navigation ul li a, p, h1, h2, h3, h4, h5, li { font-family: Arial, sans-serif; } #pageOverlay { position: fixed; bottom: 0; left: 0; margin: 5px; padding: 10px; background: #FFF; border: 1px solid #000; } #pageOverlay ul { padding: 0; margin: 0; list-style: none; } #wrapper { width: 896px; margin: 0 auto; position:relative; padding: 6px 0 0 0;} #header { width: 896px; height: 104px; } #header h1 { height: 54px; width: 300px; padding: 0; margin: 0; text-indent: -9999px; background: url('../gfx/client/new/logo.png') no-repeat 26px 23px; } #navigation ul { overflow: hidden; width: 896px; height: 50px; padding: 0 13px; margin: 0; list-style-type: none; background: url('../gfx/client/new/focus_top.png') no-repeat bottom left; } #navigation ul li { float: left; } #navigation ul li a { height: 26px; display: block; float: left; color: #FFF; padding: 20px 14px 0 14px; font-size: 8pt; font-weight: bold; text-transform: uppercase; text-decoration: none; background: url('../gfx/client/link_selected.png') -9999px -9999px no-repeat; } #navigation ul li a:hover, #navigation ul li a:focus { background: url('../gfx/client/link_selected.png') bottom center no-repeat; } #focus { width: 896px; height: 196px; background: url('../gfx/client/new/focus_bottom.png') no-repeat top left; overflow: hidden; } #focus-links { overflow: hidden; width: 286px; height: 184px; background: #33476C; float: left; margin: 1px 0 0 5px; background: url('../gfx/client/new/map.png') no-repeat top left; } #focus > #focus-links { margin: 1px 0 0 10px; } ul.map { margin: 0; padding: 0; list-style: none; overflow: hidden; } ul.map li { position: absolute; } ul.map li a { padding: 0px 5px 0 10px; display: inline; color: #FFF; text-decoration: none; font-size: 8pt; background: url('../gfx/client/new/map-point.gif') no-repeat left center; overflow: hidden; } #focus-links > ul.map li a { display: block; } ul.map li a:hover { text-decoration: underline; } ul.map li.cambridgeshire { top: 155px; left: 50px; text-align: right;} ul.map li.cambridgeshire a { padding: 0 50px 10px 0; background-position: right center; display: block;} ul.map li.bedfordshire { top: 205px; left: 40px; text-align: right;} ul.map li.bedfordshire a { padding: 0 32px 7px 0; background-position: right center;} ul.map li.hertfordshire { top: 225px; left: 45px; text-align: right;} ul.map li.hertfordshire a { padding: 30px 45px 0 0; background-position: right center; display: block;} ul.map li.norfolk { top: 138px; left: 200px;} ul.map li.suffolk { top: 190px; left: 210px;} ul.map li.essex { top: 238px; left: 182px; } /* ul.map li.suffolk { top: 225px; left: 105px; text-align: right; } ul.map li.ssuffolk a { padding: 0 10px 0 5px; background-position: right center; } */ #focus-links img { padding: 0; margin: 0; } #focus-image { width: 590px; height: 184px; float: left; padding: 0 0 0 9px; margin: 1px 0 0; } #content { width: 896px; height: auto; padding: 15px 0 0 0; } #left-fields { float: left; width: 285px; padding: 0 10px 10px 10px; margin: 0 0 20px 0; } #by-area { display: none; padding: 0 0 10px 0; } #by-development h3, #by-bedrooms h3, #by-price h3, #focus-links h3 { font-family: Georgia, Helvetica, serif; color: #FFF; font-size: 18pt; font-weight: normal; margin: 0; padding: 10px 20px 35px 20px; } #by-development { clear: left; width: 286px; background: url('../gfx/client/new/left_bottom.png') no-repeat bottom left #992D00; padding: 0 0 20px 0; margin: 0 0 10px 0; } #by-development h3 { background: url('../gfx/client/new/left_fade.png') no-repeat top left; } #by-development ol { list-style: none; padding: 0 5px; margin: 0; } #by-development ol li { display: inline; } #by-development ol li a { display: block; color: #F4BC39; font-size: 10pt; text-decoration: none; padding: 5px 10px 3px 36px; margin: 3px 0; background: url('../gfx/client/new/house.gif') no-repeat 12px 5px; border: 1px solid transparent; text-align: left; border: 1px solid transparent; _border-color: #992D00; } #by-development ol li a:hover { background: url('../gfx/client/new/house.gif') no-repeat 12px 5px #E12200; border: 1px solid #FFF; } #by-development ol li a span { font-family: georgia, sans-serif; font-size: 10pt; color: #FFF; font-weight: bold; } #by-development a.all, #by-development a.all:link, #by-development a.all:visited { background: url('../gfx/client/new/arrow.gif') no-repeat 194px 6px; display: block; color: white; text-align: right; text-decoration: none; padding: 0 31px 0 0; } #by-development a.all:hover, #by-development a.all:active { text-decoration: underline; } #top-fields { float: left; width: 581px; } #by-development p, #by-bedrooms p, #by-price p { font-family: Arial, sans-serif; font-size: 10pt; font-weight: normal; margin: -30px 0 0 0; padding: 0 20px 10px 20px; } #by-bedrooms p, #by-price p { height: 35px; color: #FFF; } #by-development p { color: #F9D788; } #by-bedrooms ol, #by-price ol { list-style: none; margin: 0; padding: 0 20px 0px 20px; } #by-bedrooms li, #by-price li { float: left; width: 123px; } #by-bedrooms li a, #by-price li a { font-family: Georgia, serif; width: 96px; padding: 5px 20px 5px 6px; border: 0px; display: block; float: left; color: #FFF; font-size: 11pt; font-weight: normal; text-decoration: none; } #by-bedrooms li a:hover, #by-price li a:hover { border: 1px solid #FFF; padding: 4px 19px 4px 5px; } #by-bedrooms li a:hover { background: #80669F; } #by-price li a:hover { background: #977D1A; } #by-bedrooms { float: left; width: 286px; background: url('../gfx/client/new/middle_bottom.png') no-repeat bottom left #665080; padding: 0 0 20px 0; } #top-fields #by-bedrooms h3 { background: url('../gfx/client/new/middle_fade.png') no-repeat top left; } #left-fields #by-bedrooms h3 { background: url('../gfx/client/new/middle_top.png') no-repeat top left; } #by-price { float: left; width: 286px; background: url('../gfx/client/new/right_bottom.png') no-repeat bottom left #816B16; padding: 0 0 20px 0; } #top-fields #by-price { margin: 0 0 0 9px; } #left-fields #by-price { margin: 10px 0; } #top-fields #by-price h3 { background: url('../gfx/client/new/right_fade.png') no-repeat top left; } #left-fields #by-price h3 { background: url('../gfx/client/new/right_top.png') no-repeat top left; } #text { float: right; width: 560px; padding: 30px 10px; } #text #left { width:270px; float: left; margin: 0 0 0 0; padding: 0 0 0 0; } /*padding-right:20px; margin-top: -30px}*/ #text #right { width:270px; float: right; padding-top: 0px;} #text h1 { font-family: Arial, sans-serif; color: #990200; font-size: 22pt; font-weight: 500; padding: 0 0 0 5px; margin: 0 0 10px -5px; } /* bottom was -10px */ #text h2 { font-family: Arial, sans-serif; color: #990200; font-size: 14pt; font-weight: 500; margin: 24px 0 -4px 0; } #text h3 { font-family: Arial, sans-serif; color: #666; font-size: 12pt; margin: 20px 0px -5px 0; padding: 15px 0px 0px 0px; clear: both;} /*margin: 20px 0 0 0; clear: both;} */ #text #left h1 { font-family: Arial, sans-serif; color: #990200; font-size: 14pt; font-weight: 500; padding: 0 0 0 5px; margin: 15px 0 0 -5px;} #text #right h1 { font-family: Arial, sans-serif; color: #990200; font-size: 14pt; font-weight: 500; padding: 0 0 0 5px; margin: 15px 0 10px -5px;} #text #left h2, #text #right h2 { font-family: Arial, sans-serif; color: #990200; font-size: 11pt; font-weight: 600; padding: 0 0 0 5px; margin: 0 0 -5px -5px;} #text #left h3, #text #right h3 { font-family: Arial, sans-serif; color: #666; font-size: 10pt; font-weight: 900; padding: 0 0 0 5px; margin: 0 0 5px -5px;} #text p, #text ul, #text ol, #text li, #text #left p, #text #right p { font-family: Arial, sans-serif; color: #515151; font-size: 10pt; font-weight: normal; line-height: 18pt; margin: 10px 0 10px 0;} #text a { color: #990200;} #text a:hover { color: #CA8400;} #text .image-right { border-width: 1px; border-color: #CCC; border-style: solid; margin: 20px 0 5px 20px; padding: 1px; float: right; } #text blockquote { width: 380px; margin: 30px 10px 30px 30px; float: clear; padding: 0 0 0 0; display: block; background: url('../gfx/client/quote-st.gif') no-repeat top left #FFF;} #text blockquote.two { width: 380px; margin: 60px 10px 30px 30px; float: clear; padding: 0 0 0 0; display: block; background: url('../gfx/client/quote-st.gif') no-repeat top left #FFF;} #text blockquote p { padding: 0 20px 0 20px; margin: 0 0px 0 0; text-align: right; } #text blockquote p.actual { font-family: Georgia, Helvetica, serif; font-size: 12pt; color: #3D5187 !important; text-indent: 10px; background: url('../gfx/client/quote-end.gif') no-repeat bottom right; text-align: left;} #text blockquote p.name { color: #F06F0F; padding: 10px 25px !important; font-style: italic; } ol.dev-list { margin: 20px 0; padding: 0; list-style: none; } ol.dev-list li { clear: both; margin: 5px 0; } #text ol.dev-list li a { color: #666 !important; padding: 10px 10px 10px 40px; display: block; text-decoration: none; background: url('../gfx/client/new/house-text.gif') no-repeat 12px 13px #EEE;} ol.dev-list li a span { color: #990020; font-family: Georgia, serif; font-weight: bold; } #text ol.dev-list li a:hover { background: url('../gfx/client/new/house-text.gif') no-repeat 12px 13px #CCC; } span.number { float: right; font-size: 60pt; color: #FFF; text-align: right; position: relative; top: 22px; } ol.search { list-style:none; margin:0; padding:0; } ol.search li { margin:0; padding:0; } ol.search li h4 { margin:0; padding:0 5px; } ol.search li p.details { float: right; margin:0; padding:0 10px; } ol.search li p { clear:left; margin:0; padding: 0 200px 0 5px; } /*padding:0 5px; old settings */ #footer { width: 100%; height: 30px; clear: both; background: #33476C; } #central { width: 896px; height: 30px; margin: 0 auto; } #copyright { float: left; } #copyright p { width: 186px; height: 30px; padding: 0; margin: 0; color: #FFF; text-indent: -9999px; background: url('../gfx/client/copyright_maitland.png') no-repeat 23px 10px; } #custardfish { float: right; padding: 4px 0 0 0; color:#999999;} #custardfish a { font-family: Arial, sans-serif; font-size: 10pt; color: #999; text-decoration: none; } #custardfish a span { text-decoration: underline; } #custardfish a:hover { text-decoration: underline; color: #FFF; } #dev-details { } #dev-details h2 { padding: 15px 0 20px; } #dev-details #full_description, #dev-details #detailed_description { width: 265px; float: left; } #dev-details #full_description { padding: 0 15px 0 0; } #dev-details #detailed_description { padding: 0 0 0 15px; } #full_description p { } #detailed_description h3 { margin: 0; padding: 0; color: #666; font-size: 10pt; font-family: Arial, sans-serif; } #text h2.clear { padding: 40px 0 0 0; clear: both; } #text ul#details { padding: 0; margin: 10px 0 0 0; list-style: none; } #text ul#details li {padding: 5px; color: #fff; background: #900; float: left; width: 270px; font-size: 14px;} /* OLD CSS FOR INFO-PDF BAR #text ul#dev-details-head {padding: 16px 0 0 0; margin: 0px 0px 0px 0px; list-style: none; } #text ul#dev-details-head li {padding: 5px; margin: 0; color: #fff; background: #900; float: left; width: 130px; font-family: Georgia, serif; font-size: 16px; font-weight: bold;} #text ul#dev-details-row {padding: 6px 0 40px 0; margin: 0px 0px 0px 7px; list-style: none; clear: both;} #text ul#dev-details-row li {padding: 0px 5px 2px 0px; margin: 0; color: #000; background: #fff; float: left; width: 126px; font-size: 16px; font-weight: normal;} #text ul#dev-details-row li.pdf {background: url('../gfx/client/new/pdf.gif') no-repeat left center; padding: 2px 5px 2px 20px; float: left; width: 130px; font-size: 16px; font-weight: normal;} */ #text ul#dev-details-head {padding: 16px 0 0 0; margin: 0px 0px 0px 0px; list-style: none; } #text ul#dev-details-head li {padding: 5px 40px 5px 10px; margin: 0; color: #fff; background: #900; float: left; width: 85px; font-family: Georgia, serif; font-size: 16px; font-weight: bold; text-align: center;} #text ul#dev-details-row {padding: 6px 0 40px 0; margin: 0px 0px 0px 7px; list-style: none; clear: both;} #text ul#dev-details-row li {text-align: center; padding: 0px 60px 2px 10px; margin: 0; color: #000; background: #fff; float: left; width: 60px; font-size: 16px; font-weight: normal;} #text ul#dev-details-row li.pdf {background: url('../gfx/client/new/pdf.gif') no-repeat left center; padding: 2px 0px 2px 15px; float: left; width: 120px; font-size: 16px; font-weight: normal;} #text ul.dev-details { padding: 0; margin: 0; list-style: none; } #text ul.dev-details li { color: #fff; background: #900; float: left; width: 280px; } #text a.pdf, #text a.pdf:link, #text a.pdf:visited { color: #333; background: url('../gfx/client/new/pdf.gif') no-repeat left center; padding: 2px 5px 2px 20px; display: block; color: white; text-decoration: none;} #text a.pdf:hover, #text a.pdf:active { text-decoration: underline;} #text ul#images {padding: 0 0 0 10px;} #text ul#images li {list-style-type: none; float: left; margin-right:10px; } #text ul#images a { margin:0; padding:0; list-style:none; border: none red 0px;} #text ul#images img { margin: 0 0 0 0; padding:2px; list-style:none; border: solid #888 1px;} #text ul#images img:hover { border-color: #444;} #dev-details table.dev { width: 560px; font-family: Arial, sans-serif; } table.dev th { font-family: Georgia, serif; padding: 5px 10px; background: #900; color: #FFF; text-align: left; } table.dev td { padding: 5px 10px; background: #EEE; color: #333; text-align: left; } table.dev td a.pdf { color: #333; background: url('../gfx/client/new/pdf.gif') no-repeat left center; padding: 2px 5px 2px 20px; display: block; }