﻿* {
padding: 0;
margin: 0;
}

html {
min-height: 100%;
margin-bottom: 1px;
font-family: helvetica, verdana, arial, sans-serif;
font-size: 67.5%;
width: 1265px;
}

body {
font-size: 1.2em;
text-align: left;
color: #000000;
width: 1265px;
}

h1 {
font-size: 1.4em;
color: #37508b;
font-weight: bold;
margin-bottom: 10px;
}

img {
border: 0;
}

.maincontent {
	width:90%;
	margin: auto;
}

.container {
width: 1260px;
margin: auto;
margin-top:20px;
margin-bottom:20px;
}

.content {
width: 100%;
background-color: #ffffff;
background-image:url('../images/siteImages/back.jpg');
background-position:center;
background-repeat:repeat-y;
}

.mainnavigation {
float: left;
width:96%;
background-image:url('../images/siteImages/header.jpg');
background-position:center top;
background-repeat:no-repeat;
}

.navigation {
	padding-top: 20px;
	clear:both;
}

.footer {
clear: both;
height: 95px;
background-image:url('../images/siteImages/footer1.jpg');
background-repeat:no-repeat;
background-position:center bottom;
}

.navigation img {
	margin-bottom:-5px;
	padding-bottom:0px;
}

.contactAddress {
margin-left: 40px;
float:left;
width: 400px;
}

.contactAddress h3 {
color: #37508b;
margin-top: 15px;

}

.contactAddress li {
font-size: 0.9em;
}

ul.mainnavigation {
padding-left:32px;
padding-top:2px;
}

ul.mainnavigation li {
float: left;
display: inline;
width:77px;
height:37px;
}

.floatBox {
width: 180px;
position: relative;
display: inline;
margin-bottom: 10px;
height: auto;
}

.resultBox {
width: 890px;
float: left;
margin-left: 8px;
padding-left:10px;
}

.propertyBox {
width: 890px;
float: left;
}

.propertyHead {
width:100%;
height:20px;
background-color: #060562;
padding:10px; 
margin-top:10px;
margin-bottom:10px;
}

.propertyHead h1 {
color:#BDE843;
font-size:20px;
}

.left {
float: left;
clear: left;
margin-right: 10px; /* orginally 35px */
margin-left: 10px;
}

.right {
float: right;
clear: right;
}

.box {
float: left;
position: relative;
display: inline;
width: 100%;
z-index: 100;
/*  background: url(../images/style/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../images/style/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;*/
  }

.box form, .box div {
  display: block;
  position: relative;
    /*border: 1px solid #a9a9a9;*/
  /*padding: 4px;*/
padding-bottom: 0;
z-index: 100;
} 

.box ul {
    background-color: #ffffff;
}

.box form {
margin-bottom: 15px;
color:#AA2B25;
}

.search fieldset {
	border:none;
	border-top:30px #A00121 solid;
	border-bottom:30px #A00121 solid;
	border-left:1px #B6B6B6 solid;
	border-right:1px #B6B6B6 solid;
	height: 210px;
	background-color:#EEEEEE;
}

.contact {
	margin-left:10px;
	}

.contact fieldset {
	margin-top:20px;
	border:none;
	border-top:30px #A00121 solid;
	border-bottom:30px #A00121 solid;
	height: 298px;
	background-color:#EEEEEE;
}

.box fieldset legend {
/*padding: 5px;*/
margin-left: 10px;
color: #000000;
/*background-color: #7ec328;*/
}

.box fieldset legend span {
    display: block;
    width: 128px;
    height: 28px;
    background-image: url(../images/style/headerBackground.gif);
    background-repeat: no-repeat;
    padding: 5px 0;
    text-indent: 5px;
    color: #ffffff;
}

.resultBox .box form {
margin-bottom: 5px;
border: 0;
}

.featuredProperty div {
height: 200px;
}

.box form div {
border: 0;
width: 95%;
clear: right;
float: right;
margin: 3px 0 0 3px;
}

.box form fieldset label {
float: left;
clear: left;
position: relative;
display: inline;
width: 34%;
margin-right: 5%;
margin-bottom: 5px;
text-align: right;
}

.search form fieldset label {
float: right;
clear: both;
position: relative;
display: inline;
width: 80%;
margin-left: 15px;
margin-top: 10px;
margin-bottom: 5px;
text-align: left;
}

label {
clear: left;
}

.box form fieldset input, .box form fieldset select, .box form fieldset textarea {
float: right;
position: relative;
display: inline;
clear: right;
margin-right: 10px;
    }

.box form fieldset input, .box form fieldset textarea {
width: 55%;
font-size: 0.9em;
}

.box form fieldset select {
/*width: 55%;*/
width: 150px;
font-size: 0.7em;
}

.box form fieldset select option {
width: 100%;
font-size: 1.1em;
padding: 1px;
padding-left: 8px;
/*font-size: 1.3em;*/
}


.box form fieldset select.small, .box form fieldset input.small {
width: 80px; /*100px;*/
}

.box form fieldset input.submit {
margin: 16px;
margin-right: 10px;
background-image:url('../images/siteImages/show_me.jpg');
background-position:center;
background-repeat:no-repeat;
background-color:#FFF;
height:22px;
width:66px;
border:none;
color:#AA2B25;
font-size: 1.2em;
font-weight: bold;
cursor: pointer;
}

.contact form fieldset input.submit {
	position: absolute;
	top:316px;
	left:322px;
	background-image:url('../images/siteImages/submit.jpg');
}
.box form fieldset input.homeSearch {
border: 0;
text-indent: -999px;
width: 105px;
height: 45px;
background-image: url(../images/siteImages/searchButton.png);
cursor: pointer;
}

.box form fieldset a:link, .box form fieldset a:visited {
position: relative;
font-style: italic;
padding: 0;
border: none;
background: inherit;
/*color: #444444;*/
color: #cccc00;
}

.pageLinks {
margin: 5px 0.5em 1em;
}

.pageLinks a:link, .pageLinks a:visited {
color: #000;
}

.pageLinks span {
color: #aaaaaa;
}

.box form h1 a:link, .box form h1 a:visited, .box span a:link, .box span a:visited {
position: relative;
top: 0;
left: 0;
padding: 0;
border: none;
/*background: inherit;*/
background: none;
}

.box form h1 span a:link, .box form h1 span a:visited {
float: right;
font-size: 0.8em;
display: inline;
position: relative;
}

.box a.audioTour:link, .box a.audioTour:visited {
position: absolute;
bottom: 0px;
right: 4px;
padding: 3px 5px;
background-image: none;
background-color: #ffffff;
border: 1px solid #a9a9a9;
color: #444444;
width: auto;
height: auto;
z-index: 100;
}

a.bromleyLink:link, a.bromleyLink:visited {
    height: 35px;
    width: 150px;
    display: block;
    text-indent: -9999em;
    background-image: url(../images/siteImages/bromley_up.jpg);
    background-repeat: no-repeat;
    float: left;
}

a.bromleyLink:hover {
    background-image: url(../images/siteImages/bromley_down.jpg);
}

a.sidcupLink:link, a.sidcupLink:visited {
    height: 35px;
    width: 150px;
    display: block;
    text-indent: -9999em;
    background-image: url(../images/siteImages/sidcup_up.jpg);
    background-repeat: no-repeat;
    float: left;
}

a.sidcupLink:hover {
    background-image: url(../images/siteImages/sidcup_down.jpg);
}

a.sidcupLink:active, a.bromleyLink:active {
    border: 0;
    outline: 0;
}

.tv a.audioTour:link, .tv a.audioTour:visited {
display: block;
width: 140px;
border: 3px solid #a9a9a9;
color: #666666;
padding: 3px 5px;
}

.featuredProperty a.audioTour:link, .featuredProperty a.audioTour:visited {
position: absolute;
top: 80px;
bottom: auto;
right: 4px;
padding: 3px 5px;
background-image: none;
background-color: #ffffff;
border: 1px solid #a9a9a9;
color: #444444;
width: auto;
height: auto;
z-index: 100;
}

.floatBox .box h1 {
background: none;
margin-bottom: 10px;
padding: 4px;
font-weight: bold;
letter-spacing: 1px;
color: #273097;
}

.floatBox .box h1 span {
text-indent: 10px;
padding-top: 11px;
display: block;
}

.tv h3 {
    padding: 5px;
}

.tv img {
    border: 3px #999999 solid;
}

.news {
margin: 30px auto 15px auto;
width: 80%;
border: 1px solid #cacaca;
}


.box h1, .featuredProperty h1 {
font-size: .75em;
margin: 0;
padding: 4px 4px 10px 4px;
font-weight: normal;
color: #000099;
/*color: #4c7538;*/
/*background-color: #ffffff;*/
/*background-image: url(../images/style/shadow.png);*/
background-position: 100% 100%;
z-index: 50;
}

.box h1.inlineHeader {
border-top: 1px solid #a9a9a9;
margin: 20px -4px 10px -4px;
}

.box h2 {
/*font-size: 0.9em;
font-weight: normal;*/
margin: 8px 0 8px 5px;
font-size: 1.5em;
font-weight: normal;
border: 1px #444444 solid;
padding: 5px;
}

.specialContent h1 {
margin-top: 2px;
margin-left: 10px;
}

.specialContent h2 {
font-weight: bold;
margin-top: 10px;
}

.specialContent ul {
margin-left: 30px;
}

.specialContent ul li a:link, .specialContent ul li a:visited {
float: none;
}

.featuredProperty {
width: 150px;
/*border: 1px #2e2e2e solid;*/
margin: 0 10px 10px;
}

.resultBox div.featuredProperty {
margin: 0 3px 6px 3px;
}

.featuredProperty a:link, .featuredProperty a:visited {
display: block;
/*padding: 18px 0px 4px 4px;*/
color: #000000;
}

.featuredProperty a:hover {
background: transparent;
}

.featuredProperty h3 {
font-size: 1em;
font-weight: normal;
/*width: 150px;*/
background-color: #ffffff;
padding: 0.2em;
text-align: center;
}

.large {
width: 400px;
margin-bottom: 5px;
}

.larger {
width: 500px;
margin-bottom: 5px;
}


.propertyimage {
width: 320px;
margin-bottom: 5px;
}

.wide {
width: 850px;
}

.links {
width: 600px;
}

.propertyimage img {
float: left;
display: inline;
position: relative;
margin-right: 0.5em;
margin-bottom: 10px;
border:2px #333333 solid;
}

.clear {
clear: both;
}

.footer h3 {
text-align: right;
margin: 15px 50px 10px auto;
font-size: 1.3em;
font-variant: small-caps;
color: #464646;
}

ul#navright {
float: right;
margin: 0px 0px 15px 10px;
width: 10%;
}


.footer ul {
width: 30em;
margin: auto;
}

.footer li {
margin: auto;
}

.footer ul.float li a:link, .footer ul.float li a:visited {
color: #a9a9a9;
}

a:link.currentPage, a:visited.currentPage {
font-weight: bold;
font-size: 1.15em;
}

ul.float {
border:0px;
text-align: left;
width: 100%;
margin:0px;
padding:0px;
clear:both;
}

ul.float li {
float: left;
position: relative;
display: inline;
width: auto;
padding: 2px 0px;
}

ul.branches {
border:0px;
float: right;
text-align: right;
width: 50%;
margin:0px;
padding:0px;
}

ul.branches li {
float: right;
position: relative;
display: inline;
width: auto;
padding: 2px 0px;
}

ul.floatright {
text-align: center;
width: 35px;
margin: auto;
margin-bottom: 50px;
}

ul.floatright li {
float: right;
position: relative;
display: inline;
width: auto;
}

ul.clientNav li {
float: left;
position: relative;
display: inline;
margin: 0 0.5em 0 0.5em;
width: auto;
}

a:link, a:visited {
/*color: #366931;*/
/*color : #7DC426;*/
color: #0c16d9;
text-decoration: none;
}

ul.float li a:link, ul.float li a:visited, ul.floatright li a:link, ul.floatright li a:visited {
color:#122B85;
font-family:"Arial Black";
float: none;
text-decoration: none;
}

ul.float li ul {
float: left;
position: absolute;
display: block;
left: -9999em;
z-index: 100000;
width: 10em;
}

ul.float li ul li {
float: left;
z-index: 100000;
clear: left;
display: block;
}

ul.float li:hover ul, ul.float li.sfhover ul {
left: auto;
zoom: 1;
float: left;
z-index: 100000;
}

ul.float li:hover ul li, ul.float li.sfhover ul li {
border: none;
width: 100%;
text-align: left;
float: left;
clear: left;
z-index: 100000;
}

ul.float li:hover ul li a:link, ul.float li:hover ul li a:visited, ul.float li.sfhover ul li a:link, ul.float li.sfhover ul li a:visited {
width: 100%;
}

a:hover {
text-decoration: underline;
}

img.thumbNailList {
border:2px #333333 solid;
margin: 2px 3px;
background-color: #ffffff;
}

p {
margin: 0.5em;
}

ul {
list-style: none;
}

ul li {
width: 100%;
}

ul li a:link, ul li a:visited {
float: right;
display: inline;
position: relative;
}

hr {
border: none;
clear: both;
margin-top: -8px;
}

em {
color: #7dc426;
font-style: normal;
}

#map_canvas {
display: none;
}

.thumb {
width: 430px;
margin: 5px;
margin-bottom:30px;
}

.thumb img {
float: left;
display: inline;
position: relative;
margin-right: 0.5em;
border:2px #333333 solid;
}

.thumb a:link, .large a:visited {
color: #000;
text-decoration: none;
}

.thumb p {
font-size:.75em;
text-align:right;
margin-right:15px;
}

.thumb h1 {
margin-top: 5px;
font-size: 12px;
color: #07005D;
}

.thumbbordered {
	border:2px #a2151a solid;
	width:50%;
	float:right;
	text-align:center;
}
.thumbp {
	width:50%;
	height:70px;
	float:right;
	text-align:left;
}

.search {
width: 220px;
height:270px;
}

table.dropdownmenu
{
font-size:100%;
visibility:hidden;
position:absolute;
margin-left:-50px;
width:225px;
color:#122B85;
padding:0px;
border:0px;
}

table.mainnav
{
color:#122B85;
font-family:"Arial Black";
padding-top:0px;
margin-top:-2px;
margin-left:-2px;
}

ul.propertyHeadUL {
font-family: Arial;
font-size:15px;
border:0px;
text-align: left;
width: 100%;
margin:0px;
padding:0px;
}

ul.propertyHeadUL li {
float: left;
position: relative;
display: inline;
width: auto;
}

.search form fieldset input {
position: absolute;
top:228px;
right:-4px;
margin:0px;
    }
