html {
height: 100%;
background-color: #CACACA;
}
body {
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 11px;
height: 100%;
color: #818285;
}
p, li, td, input, select, h1, h2, h3 {
color: #818285;
}
p, ul, ol,
h1, h2, h3 {
margin: 0.7em 0;
}
h1, h2, h3 {
font-weight: bold;
}
h1 {
margin-top: 5px;
font-size: 150%;
}
h2 {
font-size: 125%;
}
a {
text-decoration: none;
font-size: inherit;
color: #7AC142;
}
small {
font-size: 75%;
}
ol li {
margin-left: 20px;
list-style-type: decimal;
}
table thead th {
font-weight: bold;
}
table td {
padding: 1px;
}
form p {
clear: both;
}
form p label {
display: block;
float: left;
width: 150px;
}
form .checkbox label {
display: inline;
float: none;
width: auto;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
#container0 {
width: 970px;
background: url(/images/container0.gif) 0 32px no-repeat;
padding-top: 50px;
margin: 0 auto;
}
#container1 {
background: url(/images/container1.gif) 0 bottom no-repeat #FFF;
padding-bottom: 10px;
padding: 0 20px;
}
#header {
position: relative;
width: 100%;
}
#header-left {
background: url(/images/logo.png) center top no-repeat;
padding-top: 135px;
width: 213px;
}
#quick-search-container0 {
padding-top: 9px;
background: url(/images/quick-search-top.gif) 0 0 no-repeat;
}
#quick-search-container1 {
padding-bottom: 10px;
background: url(/images/quick-search-bottom.gif) left bottom no-repeat;
}
#quick-search {
background: #F1F1F2;
border: 1px solid #d1d2d4;
border-width: 0px 1px;
}
#quick-search {
padding: 0 5px;
}
#quick-search h3 {
font-size: 14px;
font-weight: bold;
margin: 0;
margin-bottom: 5px;
}
#quick-search p {
margin: 0;
padding: 2px 0px;
}
#quick-search p label {
width: 80px;
}
#quick-search input,
#quick-search select {
width: 114px;
}
#quick-search p.submit {
text-align: center;
padding: 0;
margin-top: 5px;
}
form .checkbox input,
form .submit input {
width: auto !important;
}
#quick-search small {
font-size: 9px;
}
#advanced-search p {
margin: 0;
padding: 2px 0px;
}
#advanced-search p label {
width: 100px;
}
#advanced-search input,
#advanced-search select {
width: 114px;
}
#advanced-search p.checkbox input,
#advanced-search p.submit input {
width: auto;
}
#advanced-search small {
font-size: 9px;
}
#latest-news {
text-align: right;
margin-bottom: 20px;
margin-top:20px;
top:5px;
text-transform: uppercase;
font-weight: bold;
color: #818285;
}
#latest-news a {
color: #818285;
}
#header-right {
width: 661px;
position: absolute;
right: 0px;
bottom: 0px;
}
#topmenu {
height: 50px;
}
#topmenu ul {
margin: 0;
}
#topmenu li {
display: block;
float: left;
margin: 0 1px;
background: 0 0 no-repeat;
height: 50px;
}
#topmenu li a {
display: block;
line-height: 50px;
color: #818285;
font-size: 18px;
text-align: center;
font-weight: bold;
}
#topmenu li a:hover,
#footermenu li a:hover {
color: #7AC142;
}
#topmenu li.home {
background-image: url(/images/button-home-new.gif);
margin-left: 0;
width: 89px;
}
#topmenu li.buying {
background-image: url(/images/button-buying-new.gif);
width: 89px;
}
#topmenu li.selling {
background-image: url(/images/button-selling-new.gif);
width: 89px;
}
#topmenu li.letting {
background-image: url(/images/button-letting-new.gif);
width: 89px;
}
#topmenu li.landlords {
background-image: url(/images/button-landlords-new.gif);
width: 99px;
}
#topmenu li.mortgages {
background-image: url(/images/button-mortgages-new.gif);
width: 106px;
margin-right: 0;
}
#topmenu li.betv {
background-image: url(/images/button-betv.gif);
width: 89px;
margin-right: 0;
}
#leader0 {
clear: both;
background: right bottom no-repeat;
}
#leader1 {
padding-bottom: 9px;
background-image: url(/images/leader-rounded-bottom.gif);
background-repeat: no-repeat;
background-position: left bottom;
}
#leader-content {
border: 1px solid #9D9FA2;
border-width: 0 1px;
padding: 20px 20px 10px;
}
#leader-content p {
margin: 0;
padding: 16px 0 0;
font-size: 20px;
font-weight: bold;
}
#leader-content strong {
font-size: 135%;
color: #7ac142;
}
#leader-content small {
color: #ED1C24;
}
.leader-content {
border: 1px solid #9D9FA2;
border-width: 0 1px;
padding: 20px 20px 10px;
}
.leader-content p {
margin: 0;
padding: 16px 0 0;
font-size: 20px;
font-weight: bold;
}
.leader-content strong {
font-size: 135%;
color: #7ac142;
}
.leader-content small {
color: #ED1C24;
}
#mortgage-leader-content {
border: 1px solid #9D9FA2;
border-width: 0 1px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 0px;
}
#mortgage-leader-content p {
font-size: 20px;
font-weight: bold;
padding-top: 16px;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
margin: 0;
}
#mortgage-leader-content strong {
font-size: 135%;
color: #7ac142;
}
#mortgage-leader-content small {
color: #ED1C24;
}
#content {
margin-top: 15px;
}
#content h2 {
font-size: 18px;
font-weight: bold;
}
div.column {
width: 45%;
float: left;
margin-right: 5%;
}
div.column-stretch {
width: 100%;
float: left;
margin-right: 5%;
}
div.column h3 {
color: #7ac142;
font-weight: bold;
font-size: 14px;
margin: 10px 0 5px;
}
#content img.column-image {
float: left;
margin: 0.9em 0 0;
}
#content.home div.column p,
#content.home div.column ul {
width: 300px;
float: right;
}
div.featured {
float: left;
width: 300px;
margin-right: 10px;
}
div.featured p {
font-size: 12px;
font-weight: bold;
margin: 10px 0;
}
div.featured a {
color: #818285;
}
#footer {
clear: both;
margin-top: 30px;
padding-bottom: 10px;
}
#footermenu {
margin: 0 2px;
}
#footermenu li {
float: left;
display: block;
width: 100px;
height: 42px;
background: url(/images/footer-button-small.gif) 0 0 no-repeat;
margin: 0 4px;
}
#footermenu li.large {
background-image: url(/images/footer-button-large.gif);
width: 140px;
}
#footermenu li.largecc{background-image: url(/images/footer-button-medium.gif);
width: 120px;}
#footermenu li.largecc a {
line-height:15px;
margin-top:5px;
}
#footermenu li a {
display: block;
text-align: center;
line-height: 42px;
font-size: 12px;
font-weight: bold;
color: #818285;
white-space: nowrap;
}
#footermenu li.first {
margin-left: 0;
}
#footermenu li.last {
margin-right: 0;
}
#footer p.offices {
text-transform: uppercase;
font-size: 9px;
}
#footer p {
margin: 20px 0;
text-align: center;
}
p.footerlinks a {
color: #818285;
}
p.footerlinks img {
float: right;
}
p.offices a {
color: #818285;
}
/*Customer Contact Page*/
#cccopening{float:left; height:223px; width:220px; background:url('/images/openinghours.jpg') no-repeat;}
.ccctime{ font-size:16px; font-weight:bold;}
.cccday{font-size:16px;}
.cccCall{
font-size:14px;}
/*Customer Contact Padge*/
#content p a.orange-button {
display: block;
width: 192px;
height: 24px;
color: #FFF;
font-size: 14px;
background: url(/images/orange-button.gif) 0 0 no-repeat;
text-indent: 28px;
line-height: 23px;
margin: 0 auto;
}
#leftcol {
float: left;
width: 212px;
}
#leftcol ul {
border-top: 1px solid #c0c0c2;
margin-top: 20px;
}
#leftcol ul ul {
border-top: none;
margin-top: 0;
}
#content #leftcol ul li {
list-style-type: none;
background: url(/images/orange-bullet.gif) 0 8px no-repeat;
text-indent: 15px;
color: #f79021;
border-bottom: 1px solid #c0c0c2;
font-size: 14px;
margin: 0;
}
#content #leftcol ul li li {
font-size: 11px;
background: none;
margin: 2px 0;
border-bottom: none;
}
#leftcol li a {
display: block;
color: #f79021;
padding: 4px 0;
}
#leftcol li li a {
display: inline;
color: #818285;
padding: 0;
}
#leftscraper {
margin: 10px 0 20px;
}
#rightcol {
float: left;
width: 661px;
margin-left: 57px;
}
#content ul li {
list-style-type: disc;
}
#content ul li,
#content ol li {
margin-left: 30px;
}
#content h1 {
font-size: 22px;
}
#content h1, #content h2 {
color: #7AC142;
}
#featured-properties {
clear: both;
margin-bottom: 20px;
}
#content form h2 {
color: #818285;
}
#content form h3 {
text-transform: uppercase;
clear: both;
}
form p {
margin: 0;
padding: 0.7em 0;
}
form p label {
display: block;
width: 250px;
padding-top: 3px;
}
form p span.textarea {
width: 365px;
height: 55px;
float: left;
background: url(/images/textarea.gif) 0 0 no-repeat;
}
form span.textarea textarea {
width: 361px;
height: 51px;
margin: 2px;
color: #818285;
border: 0px;
overflow: auto;
background: none;
}
form p span.textinput {
width: 365px;
height: 19px;
float: left;
background: url(/images/textinput.gif) 0 0 no-repeat;
}
form span.textinput input {
width: 361px;
height: 15px;
border: none;
background: none;
margin: 2px;
color: #818285;
}
form p.send {
padding-left: 250px;
}
.jargon-alphabet {
font-size: 14px;
color: #81829B;
border: 1px solid #81829B;
height: 18px;
width: 18px;
display: inline;
float: left;
margin-left: 5px;
font-weight: bold;
text-align: center;
}
.jargon-alphabet a:link, .jargon-alphabet a:visited {
color: #818285;
text-decoration: none;
}
.jargon-alphabet a:hover {
color: #7AC142;
}
.white {
color: #FFFFFF !important;
}
.orange {
color: #F79021 !important;
}
.purple {
color: #6633ff !important;
}
.grey {
color: #818285 !important;
}
.darkblue {
color: #003 !important;
}
.black {
color: #000 !important;
}
ul.ticks li {
list-style-image: url(/images/tick.gif);
padding-left: 5px;
}
.contact-logo {
display: inline;
float: left;
width: 180px;
}
.contact-logo-text {
display: inline;
width: 200px;
float: left;
text-align: right;
padding-top: 5px;
height: 36px;
padding-right: 10px;
}
.contact-staff {
float: left;
width: 300px;
margin-top: 0;
margin-right: 4px;
margin-bottom: 0;
margin-left: 5px;
}
.contact-staff p {
font-size: 12px;
font-weight: bold;
margin: 10px 0;
}
.contact-staff a {
color: #818285;
}
.contact-offices {
width: 220px;
display: inline;
float: left;
}
#contact-branches-main {
width: 486px;
float: left;
display: inline;
margin-right: 15px;
}
#contact-branches-map {
width: 240px;
float: left;
}
#contact-branches-address {
width: 225px;
float: left;
display: inline;
margin-left: 15px;
vertical-align: top;
padding: 0px;
}
#contact-branches-address p {
margin-top: 0px;
}
#contact-branches-address img {
float: left;
margin-right: 8px;
}
#contact-branches-buttons {
display: inline;
float: left;
width: 160px;
}
#contact-branches-buttons p a.branch-button, .top-branch-button {
display: block;
width: 160px;
height: 24px;
color: #FFF;
font-size: 13px;
text-indent: 28px;
line-height: 23px;
background-image: url(/images/branch-button.gif);
background-repeat: no-repeat;
background-position: 0 0;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
.contact-column {
display: inline;
float: left;
width: 220px;
vertical-align: top;
}
.staff-member-detail {
height: 100px;
vertical-align: top;
}
.staff-member-lettings-detail {
height: auto;
overflow:hidden;
vertical-align: top;
}
.staff-member-detail img {
float: left;
margin-right: 8px;
}
.ticks-column {
display: inline;
float: left;
width: 330px;
}
.ticks-column-services {
display: inline;
float: left;
width: 300px;
}
.bullets-column {
display: inline;
float: left;
width: 215px;
}
.tour-column {
display: inline;
float: left;
width: 220px;
vertical-align: top;
margin-bottom: 20px;
}
.tour-column p {
line-height: 8em;
font-weight: bold;
}
.tour-column img {
float: left;
margin-right: 8px;
}
.challenge-text {
float: left;
display: inline;
width: 400px;
clear: both;
}
ul.challenge li {
list-style-image: url(/images/hyphen.gif);
padding-left: 5px;
}
.challenge-checkboxes {
float: left;
width: 130px;
}
.challenge-tick {
display: inline;
float: left;
width: 85px;
text-align: center;
}
div.result-wrap {
clear: both;
border-bottom: 2px solid #666;
margin-bottom: 17px;
padding-bottom: 15px;
}
div#content.result-wrap {
margin: 15px 0 0;
padding: 0;
border: none;
}
div.result-wrap div.photo {
width: 170px;
float: left;
}
div.result-wrap div.details {
width: 347px;
float: left;
margin-left: 10px;
}
div#content.result-wrap div.details {
width: auto;
float: none;
margin: 0;
}
div.result-wrap div.price,
div.result div.price {
width: 124px;
float: left;
margin-left: 10px;
}
div.result-wrap div.details p.description {
font-weight: bold;
}
div.result-wrap div.details h3 {
margin-top: 0;
font-size: 120%;
color: #7AC142;
}
div.result-wrap div.details ul li {
display: inline;
margin-left: 0 !important;
padding-left: 7px;
background: url(/images/hyphen.gif) 0 7px no-repeat;
}
div.result-wrap div.price span {
text-align: right;
display: block;
text-transform: uppercase;
font-size: 120%;
color: #818285;
}
div.result-wrap div.price span.price {
font-size: 200%;
font-weight: bold;
}
div.result-wrap div.mab * {
color: #FFF;
}
div.result-wrap div.mab {
width: 124px;
height: 63px;
background: url(/images/mab-bg.gif) 0 0 no-repeat;;
text-align: center;
color: #FFF;
padding-top: 3px;
margin-top: 30px;
}
div#content.result-wrap div.mab {
margin-left: 10px;
}
div.result-wrap div.left {
float: left;
width: 470px;
}
div.result-wrap div.right {
float: left;
width: 191px;
}
div.imagechanger {
line-height: 0;
margin-top: 7px;
margin-bottom: 20px;
}
div.result-wrap h1.address {
width: 326px;
float: left;
font-size: 16px !important;
font-weight: normal;
}
div#content.result-wrap div.right ul li {
display: block;
width: 191px;
height: 24px;
font-weight: bold;
font-size: 14px;
text-indent: 28px;
background: url(/images/grey-button.gif);
margin: 0;
line-height: 23px;
margin-bottom: 10px;
}
div.result-wrap div.right ul li a {
color: #FFF;
}
div.result-wrap div.right ul li a:hover {
color: #FFF;
display: block;
width: 191px;
height: 24px;
font-weight: bold;
font-size: 14px;
text-indent: 28px;
background: url(/images/orange-button.gif);
margin: 0;
line-height: 23px;
margin-bottom: 10px;
}
div.ajax-search-results {
border: 1px solid #666;
background-color: #FFF;
}
div.ajax-search-results ul {
margin: 0; padding: 0;
}
div.ajax-search-results li {
padding: 1px 2px;
}
div.ajax-search-results li.selected {
background-color: #EEE;
}
div.advanced-town-wrapper div {
border: 1px solid #666;
margin: 20px 0 0;
}
table.advanced-town {
margin: 5px;
}
table.advanced-town td,
table.advanced-town th {
padding: 2px;
}
table.advanced-town input {
vertical-align: text-top;
}
table.advanced-town label {
margin-right: 10px;
float: left;
}
table.advanced-town td {
line-height: 20px;
}
.sitemap {
width: 310px;
display: inline;
float: left;
vertical-align: top;
}
#popupscroll {
height: 330px;
overflow-x: hidden;
overflow-y: auto;
}
.landlord-services {
font-weight: bold;
font-size: 16px;
float: left;
width: 160px;
display: inline;
text-align: center;
}
.service-checklist {
float: left;
display: inline;
}
#lbIframe {
border: 0px solid #FFF;
}
#movie-reasons-content {
padding: 0px;
border-top-width: 0;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #9D9FA2;
border-right-color: #9D9FA2;
border-bottom-color: #9D9FA2;
border-left-color: #9D9FA2;
width: 659px;
height: 269px;
}
#movie-reasons {
width: 660px;
}
.alert {
padding: 5px;
border: 1px solid #7AC142;
background-color: #F4F4F4;
}
.alert img {
float: left;
padding-right: 3px;
}
.alert-heading {
font-weight: bold;
font-size: 14px;
color: #7AC142;
}
#footer-links-box {
display: inline;
float: left;
clear: both;
width: 300px;
padding-top: 40px;
height: 35px;
}
#magazine {
height: 75px;
width: 350px;
display: inline;
float: left;
}
#shortlist-box {
display: inline;
float: right;
width: 180px;
text-align: right;
padding-top: 50px;
height: 25px;
}
#audio-tour-main {
width: 661px;
display: inline;
text-align: center;
margin-top: 10px;
clear: both;
float: left;
margin-bottom: 20px;
}
A.whitelink:link, A.whitelink:visited,
A.whitelink:hover, A.whitelink:active {
color: #FFF;
text-decoration: none;
}
/* premium listings */
div.result-premium-wrap {
clear: both;
margin-bottom: 17px;
background-image: url(../images/premiumbg.jpg);
background-repeat: no-repeat;
height: 205px;
width: 641px;
padding: 10px;
border-bottom: 2px solid #666;
}
div#content.result-premium-wrap {
margin: 15px 0 0;
padding: 0;
border: none;
}
.premium-photo1 {
display: inline;
float: left;
height: 139px;
width: 182px;
}
.premium-content {
display: inline;
float: left;
width: 459px;
}
.premium-subpic {
width: 107px;
display: inline;
float: left;
margin-left: 6px;
}
.premium-subpic img {
height: 90px;
width: 107px;
margin-top: 10px;
}
.premium-address {
margin-left: 10px;
display: inline;
float: left;
width:250px;
}
.premium-address h3 {
margin-top: 0;
font-size: 120%;
color: #7AC142;
}
.premium-price {
float: right;
display: inline;
text-align: right;
display: block;
text-transform: uppercase;
font-size: 120%;
color: #818285;
}
div.result-premium-wrap div.premium-price span.price {
font-size: 18px;
font-weight: bold;
}
.premium-beds {
display: inline;
float: left;
width: 120px;
margin-left: 10px;
}
.premium-links {
width: 220px;
display: inline;
float: left;
}
.premium-contact {
display: inline;
float: left;
width: 291px;
}
.greentext {
color: #7AC142;
}
.add-to-shortlist .remove,
.remove-from-shortlist .add {
display: none;
}
.jkmtext {color:#413e3f;}
.jkmsubheading {color: #7a3236; font-weight:bold;}
.jkmheader {color:#413e3f; font-size:14px; font-weight:bold;}
.jkmvideo {
float: left;
width: 173px;
text-align: center;
margin: 10px 10px 10px 6px;
}
.lettings-manager-container {height:auto; width:660px; overflow:hidden; float:left;}
.lettings-manager-boxes {float:left; width:220px;}
.lettings-manager-photo {width:80px; height:87px; float:left; margin-right:5px;}
.lettings-manager-text {width:130px; float:right;}
.lettings-manager-clear {clear:both;}