/* ~~~~~ RESETS AND FORMATTING ~~~~~ */

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset, nextprops {
	margin: 0;
	padding: 0;
}
img, fieldset {
	border: 0;
}
body, select, input, textarea {
	font: 77%/1.5 verdana, arial, helvetica, sans-serif;
}
body {
	background: url(../images/background.gif) repeat-y top left;
	color: #555;
	text-align: center;	
}
body#thanks {
	background: none;	
}
h1 {
	font-size: 1.6em;
	font-weight: normal;
	color: #4A5770;
}
h2 {
	font-size: 1.6em;
	font-weight: normal;
}
h3 {
	font-size: 1em;	
}
p {
	padding-bottom: 1.2em;	
}
a, a:link {
	color: #4A6676;	
}
a:hover {
	color: #B3C1C8;	
}
.clear {
	clear: both;	
}
.float-right {
	float: right;	
}

/* ~~~~~ GENERAL LAYOUT ~~~~~ */

#container {
	min-width: 985px;
	text-align: left;
}
* html #container {
width:expression(((document.compatMode &&
document.compatMode=='CSS1Compat') ?
document.documentElement.clientWidth :
document.body.clientWidth)
> 5100 ? "5000px" : (((document.compatMode &&
document.compatMode=='CSS1Compat') ?
document.documentElement.clientWidth :
document.body.clientWidth) < 990 ? "985px" : "auto"));
}
#header {
	background: url(../images/header.jpg) top right no-repeat #fff;
	padding: 20px;
	overflow: auto;
	position: relative;
}
* html #header {
	height: 1%;	
}
#header img {
	float: left;
	width: 426px;
	height: 98px;	
}
#header #contact-us img {
	width: 97px;
	height: 20px;
	position: absolute;
	bottom: 20px;
	right: 20px;	
}
#content {	
	width: 100%;
	overflow: hidden;	
}
#property-search-col {
	float: left;
	width: 120px;
	padding: 15px;	
}
#main-content {
	margin: 10px 0 10px 170px;
}


/* ~~~~~ TOP NAVIGATION ~~~~~ */

#navigation {
	background: #4A5770;
	overflow: auto;
	width: 100%;
	list-style: none;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.9em;
}
#navigation li {
	float: left;
	text-align: center;
	padding: 5px 0;
}
* html #navigation li a {
	display: block;
	text-align: center;	
}
#navigation #home {
	width: 10%;
}
#navigation #about-us {
	width: 15%;	
}
#navigation #our-services {
	width: 18%;	
}
#navigation #browse {
	width: 31%;	
}
#navigation #mailing-list {
	width: 25%;	
}
#navigation a {
	color: #ddd;
	text-decoration: none;
}
#navigation a:hover {
	color: #fff;	
}

/* ~~~~~ GENERIC ROUNDED CORNERS ~~~~~ */

.tl, .bl, .tr, .br {
	width: 5px;
	height: 5px;
	font-size: 0;
}
.tl, .bl {
	float: left;	
}
.tr, .br {
	float: right;
}

/* ~~~~~ PROPERTY SEARCH ~~~~~ */

#property-search-container {
	overflow: auto;
	background-color: #fefefe;
	width: 100%;
}
#form-heading {
	display: block;	
	width: 100%;
	overflow: hidden;
	background: #F07728;
	color: #fff;
	font-size: 0.9em;
	font-weight: bold;
}
#form-heading div {
	clear: both;
	padding: 0 5px 5px 5px;
}
.form-row {
	padding: 10px 5px;
	border-bottom: 1px solid #ddd;
}
.form-row label {
	font-size: 0.8em;	
}
.form-row input, .form-row select {
	width: 100px;	
}
#search-button, #clear-button {
	margin: 10px 5px;	
}

#property-search-container .tl, #property-search-container .bl,
#property-search-container .tr, #property-search-container .br {
	background: url(../images/corner-search.gif);
}
#property-search-container .tr {
	background-position: top right;	
}
#property-search-container .bl {
	background-position: bottom left;	
}
#property-search-container .br {
	background-position: bottom right;	
}
	

/* ~~~~~ HOMEPAGE ~~~~~ */

.box {
	float: left;
	width: 30%;
	margin: 0 2.5% 0 0;
}
#content-boxes {
	overflow: hidden;
	margin: 10px 0;	
}
.box-content {
	clear: both;
	overflow: hidden;
	margin: 0 10px;
	min-height: 12em;
}
* html .box-content {
	height: 12em;	
}
.box a {
	display: block;
	width: 55%;
	padding-top: 2em;	
}
.page-row {
	float: left;
	width: 100%;
	margin-bottom: 2.5%;	
}

/* ~~~~~ PROPERTIES TO LET - SOUTH EAST LONDON ~~~~~ */

#ptl-sel {
	background: #f07728;
	color: #fff;
	overflow: hidden;
}
#ptl-sel .tl, #ptl-sel .bl,
#ptl-sel .tr,#ptl-sel .br {
	background: url(../images/corner-orange.gif);
}
#ptl-sel .tr {
	background-position: top right;	
}
#ptl-sel .bl {
	background-position: bottom left;	
}
#ptl-sel .br {
	background-position: bottom right;	
}
#ptl-sel a {
	color: #FC9;	
}
#ptl-sel a:hover {
	color: #fff;	
}
#ptl-sel .box-content {
	background: url(../images/orange-mugs.gif) bottom right no-repeat;	
}

/* ~~~~~ PROPERTIES FOR SALE - SOUTH EAST LONDON ~~~~~ */

#pfs-sel {
	background: #f07728;
	color: #fff;
	overflow: hidden;
}
#pfs-sel .tl, #pfs-sel .bl,
#pfs-sel .tr,#pfs-sel .br {
	background: url(../images/corner-orange.gif);
}
#pfs-sel .tr {
	background-position: top right;	
}
#pfs-sel .bl {
	background-position: bottom left;	
}
#pfs-sel .br {
	background-position: bottom right;	
}
#pfs-sel a {
	color: #FC9;	
}
#pfs-sel a:hover {
	color: #fff;	
}
#pfs-sel .box-content {
	background: url(../images/orange-pin.gif) bottom right no-repeat;	
}

/* ~~~~~ LANDLORDS GUIDE ~~~~~ */

#lg {
	background: #DADEE1;
	color: #4A5770;
	overflow: hidden;
}
#lg .tl, #lg .bl,
#lg .tr,#lg .br {
	background: url(../images/corner-grey.gif);
}
#lg .tr {
	background-position: top right;	
}
#lg .bl {
	background-position: bottom left;	
}
#lg .br {
	background-position: bottom right;	
}
#lg a {
	color: #F07728;	
}
#lg a:hover {
	color: #4A5770;	
}
#lg .box-content {
	background: url(../images/grey-lg.gif) bottom right no-repeat;	
}

/* ~~~~~ PROPERTIES TO LET - SEVENOAKS ~~~~~ */

#ptl-so {
	background: #007179;
	color: #fff;
	overflow: hidden;
}
#ptl-so .tl, #ptl-so .bl,
#ptl-so .tr,#ptl-so .br {
	background: url(../images/corner-green.gif);
}
#ptl-so .tr {
	background-position: top right;	
}
#ptl-so .bl {
	background-position: bottom left;	
}
#ptl-so .br {
	background-position: bottom right;	
}
#ptl-so a {
	color: #aecacc;
}
#ptl-so a:hover {
	color: #fff;	
}
#ptl-so .box-content {
	background: url(../images/green-knocker.gif) bottom right no-repeat;	
}

/* ~~~~~ TENANCY DEPOSIT SCHEME ~~~~~ */

#tds {
	color: #4A5770;
	overflow: hidden;	
}
#tds .tlg {
	background: url(../images/grey-box-left.gif) no-repeat;
	height: 12.5em;
	padding-left: 5px;
	overflow: hidden;
}
#tds .trg {
	background: url(../images/grey-box-right.gif) top right no-repeat;
	height: 12.5em;
	padding-top: 5px;
	overflow: hidden;
}
#tds .blg {
	background: url(../images/grey-box-bottom-left.gif) no-repeat;
	height: 4px;
	padding-left: 5px;
	font-size: 0;
}
#tds .brg {
	background: url(../images/grey-box-bottom-right.gif) top right no-repeat;
	height: 4px;
	font-size: 0;
}
#tds  .box-content {
	background: url(../images/candle.jpg) bottom right no-repeat;	
}

/* ~~~~~ INVENTORY SERVICES ~~~~~ */

#is {
	color: #4A5770;
	overflow: hidden;	
}
#is .tlg {
	background: url(../images/grey-box-left.gif) no-repeat;
	height: 12.5em;
	padding-left: 5px;
	overflow: hidden;
}
#is .trg {
	background: url(../images/grey-box-right.gif) top right no-repeat;
	height: 12.5em;
	padding-top: 5px;
	overflow: hidden;
}
#is .blg {
	background: url(../images/grey-box-bottom-left.gif) no-repeat;
	height: 4px;
	padding-left: 5px;
	font-size: 0;
}
#is .brg {
	background: url(../images/grey-box-bottom-right.gif) top right no-repeat;
	height: 4px;
	font-size: 0;
}
#is .box-content {
	background: url(../images/cups.jpg) bottom right no-repeat;	
}

/* ~~~~~ LET YOUR PROPERTY THROUGH OAKLETS ~~~~~ */

#lyp {
	background: #DADEE1;
	color: #4A5770;
	overflow: hidden;
	width: 62.5%;
	margin-bottom: 2.5%;
}
#lyp .tl, #lyp .bl,
#lyp .tr, #lyp .br {
	background: url(../images/corner-grey.gif);
}
#lyp .tr {
	background-position: top right;	
}
#lyp .bl {
	background-position: bottom left;	
}
#lyp .br {
	background-position: bottom right;	
}
#lyp div {
	font-size: 1.6em;
	padding: 5px;
}
#lyp a {
	color: #4A5770;
	display: block;
	text-decoration: none;
	background: url(../images/pig.jpg) no-repeat;
	padding: 5px 0 5px 50px;
}
#lyp a:hover {
	text-decoration: underline;	
}

/* ~~~~~ NEXTPROPS ~~~~~ */

#nextprops {
	float: right;
	margin-right: 20%;
}
#netprops p {
	padding-bottom: 0;
}

/* ~~~~~ ADDRESS ~~~~~ */

#address {
	float: left;
	width: 62.5%;
	margin-right: 2.5%;	
}
#address p {
	padding-bottom: 0;
}

/* ~~~~~ LOGOS ~~~~~ */

#logos {
	float: left;
	width: 30%;	
}
#logos a {
	float: left;
	padding: 0 5px;
	border-left: 1px solid #F78F1E;
}

/* ~~~~~ ADVERTS ~~~~~ */

#advert-container {
	display: block;
	margin: 15px 0;	
}

/* ~~~~~~~~~~ PROPERTIES TO LET PAGE ~~~~~~~~~~ */

#ptl {
	color: #4A5770;
	overflow: hidden;
	margin: 10px 0;
}
#ptl .box {
	float: left;
	width: 22%;
	margin: 0 2.5% 2.5% 0;
	background: #dcddde;
	text-align: center;
}
#ptl .tl, #ptl .bl,
#ptl .tr, #ptl .br {
	background: url(../images/corner-grey.gif);
}
#ptl .tr {
	background-position: top right;	
}
#ptl .bl {
	background-position: bottom left;	
}
#ptl .br {
	background-position: bottom right;	
}
#ptl a {
	width: 100%;
	padding: 0 0 0.5em 0;
}
#ptl a:hover {
	color: #F07728;	
}
#ptl .box-content {
	min-height: 17em;
	width: 159px;
	margin: 0 auto;	
}
* #ptl .box-content {
	height: 18em;	
}

/* ~~~~~~~~~~ PROPERTY PAGE ~~~~~~~~~~ */

#property-col {
	float: left;
	background: #DADEE1;
	color: #4A5770;
	overflow: hidden;
	width: 62.5%;
	margin: 10px 2.5% 2.5% 0;
}
#property-col p {
	margin: 0 10px;	
}
#property-page .tl, #property-page .bl,
#property-page .tr, #property-page .br {
	background: url(../images/corner-grey.gif);
}
#property-page .tr {
	background-position: top right;	
}
#property-page .bl {
	background-position: bottom left;	
}
#property-page .br {
	background-position: bottom right;	
}
#property-page #main-image {
	padding: 10px;
	float: left;	
}

#property-page .h1 {
	font-size: 1.6em;
	font-weight: normal;
	color: #4A5770;
}

#property-page .contact {
	font-size: 1em;
	font-weight: bold;
	color: #F07728;
}

#property-details {
	margin-left: 304px;	
}
#property-details h2 {
	padding-top: 10px;	
}
#property-details a {
	color: #F07728;
	font-weight: bold;
}
#property-details a:hover {
	color: #4A5770;	
}
#property-images {
	padding: 0 10px;
	overflow: hidden;
	clear: both;
}

* html #property-images {
	height: 1%;	
}
#property-images img {
	padding: 0 7px 7px 0;
	float: left;
}
#property-extras {
	float: left;
	width: 32%;	
	color: #4A5770;
	padding-top: 10px;
}
#property-extras .property-box {
	background: #DADEE1;
	padding: 0;
	overflow: hidden;
	margin-bottom: 20px;
}
* html #property-extras .property-box, * html #property-extras .property-box ul {
	height: 1%;
}
.property-box ul {
	padding: 10px 10px 0;
	clear: both;	
}
.property-box li {
	list-style: none;
	text-transform: uppercase;
	font-size: 110%;
	border-bottom: 1px #4A5770 solid;
	padding-bottom: 7px;
	margin-bottom: 7px;
}
.property-box a {
	text-decoration: none;	
}
.property-box a:hover {
	color: #F07728;
}

/* Added by Tim */
/* Helps IE to center. */
div#property-box {
   text-align: center;
}

div#map {
   text-align: left;
   margin: 0 auto;
   width: 220px;
   height: 200px;
   padding: 0; /* Zero to prevent IE box trouble. */
}
/* End of Added by Tim */


.property-box div {
	padding: 0 10px;
	clear: both;
}
.property-box div a {
	text-decoration: underline;	
}

/* ~~~~~~~~~~ CONTENT PAGE ~~~~~~~~~~ */

#page-content {
	padding: 10px;
	overflow: hidden;
}
#main-col {
	padding: 3px 10px 0 0;	
}
* html #page-content {
	zoom: 1;	
}
#sub-col {
	float: right;
	width: 187px;
	padding: 0 10px;	
}
#download-container {
	background: url(../images/download-mid.gif) repeat-y;		
}
#download-footer {
	background: url(../images/download-footer.gif) no-repeat bottom left;
	padding-bottom: 10px;
}
#download-footer h2 {
	font-size: 1em;
	padding: 5px 10px;
	font-weight: bold;	
}
#download-footer ul, #download-footer span {
	display: block;
	margin: 5px 30px;
	font-size: 0.9em;
}
#download-footer li {
	margin-bottom: 2px;
}

/* ~~~~~~~~~~ FORM PAGE ~~~~~~~~~~ */

#top-form, #bottom-form, #mid-form {
	background: #DADEE1;
	overflow: hidden;
}
* html #top-form, * html #bottom-form #mid-form {
	height: 1%;	
}
#top-form, #mid-form {
	margin-bottom: 20px;	
}
#top-form h2, #top-form h3 {
	padding: 10px 5px;	
}
#bottom-form h2 {
	padding: 10px 8px;	
}
#bottom-form h3 {
	font-size: 1.2em;	
}
#top-form .tl, #top-form .bl,
#top-form .tr, #top-form .br, 
#bottom-form .tl, #bottom-form .bl,
#bottom-form .tr, #bottom-form .br,
#mid-form .tl, #mid-form .bl,
#mid-form .tr, #mid-form .br
{
	background: url(../images/corner-grey.gif);
}
#top-form .tr, #bottom-form .tr, #mid-form .tr {
	background-position: top right;	
}
#top-form .bl, #bottom-form .bl, #mid-form .bl {
	background-position: bottom left;	
}
#top-form .br, #bottom-form .br, #mid-form .br {
	background-position: bottom right;	
}
.form-col-one {
	float: left;
	width: 62%;	
}
.form-col-two {
	float: right;
	width: 35%;
}

.form-col-single {
	float: left;
	width: 100%;	
}

#mid-form .form-col-one {
	float: left;
	width: 48%;	
}
#mid-form .form-col-two {
	float: right;
	width: 50%;
}

#top-form .form-col-two label, #top-form .form-col-two input {
	display: block;
	float: none;
}
.main-form-row {
	padding: 5px;
	overflow: hidden;	
}

* html .main-form-row {
	height: 1%;	
}
.main-form-row input, .main-form-row textarea  {
	float: left;
	width: 240px;
}
.main-form-row label {
	width: 120px;
	float: left;	
}

.mid-form-row {
	padding: 5px;
	overflow: hidden;	
}

.mid-form-row label {
	width: 150px;
	float: left;	
}

.radios label {
	width: 30px;	
}
.radios input {
	width: auto;	
}

.wideradios label {
	width: 90px;	
}
.wideradios input {
	width: auto;	
}

#top-form .form-col-two h2 {
	padding-bottom: 20px;	
}
.form-col-two input {
	width: 180px;	
}
.form-col-two label {
	width: auto;	
}

#mid-form .form-col-two label {
	width: 220px;	
}
#mid-form .form-col-two input {
	width: auto;	
}


#am, #pm {
	width: auto;	
}
.bottom-form-row {
	padding: 0 7px;	
}
.bottom-form-row label {
	margin-right: 50px;	
}
#bottom-form-section {
	margin: 15px 10px;
	padding: 15px 0;
	border-top: 1px solid #777;	
	border-bottom: 1px solid #777;	
	overflow: hidden;
}
* html #bottom-form-section {
	height: 1%;
}
.main-form-row div {
	display: block;
	overflow: hidden;
}
* html .main-form-row div {
	height: 1%;	
}
#form-buttons-container {
	padding: 20px;
	margin: 0 10px;	
}

/* ~~~~~~~~~~ CONTACT-US PAGE ~~~~~~~~~~ */
/* (Much in common with FORM PAGE) */


.contact-form-row {
	padding-left: 20px;
	overflow: hidden;	
}

* html .contact-form-row {
	height: 1%;	
}
.contact-form-row input, .contact-form-row textarea  {
	float: left;
	width: 240px;
}
.contact-form-row label {
	width: 120px;
	float: left;	
}

#top-form .form-col-two h2 {
	padding-bottom: 20px;	
}
.form-col-two input {
	width: 180px;	
}
.form-col-two label {
	width: auto;	
}

.contact-form-row div {
	display: block;
	overflow: hidden;
}
* html .contact-form-row div {
	height: 1%;	
}
#form-buttons-container {
	padding: 20px;
	margin: 0 10px;	
}

/* ~~~~~~~~~~ GENERIC CONTENT PAGES ~~~~~~~~~~ */

.generic-content {
	padding-left: 1px;
	overflow: hidden;
}
* html .generic-content {
	height: 1%;
}
.generic-content h2 {
	font-size: 1.4em;
	margin: 10px 0;
	font-weight: bold;
	color: #4A5770;
}
.generic-content ul {
	margin-bottom: 1em;	
	clear: both;
}
.generic-content li {
	margin-bottom: 0.5em;	
}
.generic-content table {
	border-collapse: collapse;
	width: 100%;
	margin: 1em 0;
	padding: 0;
}
.generic-content td {
	border: solid 1px #D1D2D4;
	padding: 5px;
	font-weight: bold;
	font-size: 1.1em;	
}
#dispute-1 {
	background: url(../images/1.gif) no-repeat top left #ADD8CB;	
}
#dispute-2 {
	background: url(../images/2.gif) no-repeat top left #CAE5DC;	
}
#dispute-3 {
	background: url(../images/3.gif) no-repeat top left #DDEFE9;	
}
#dispute-1, #dispute-2, #dispute-3 {
	padding: 5px 10px 5px 34px;
	font-weight: bold;
	color: #4A5770;
}
.tick-list li {
	background: url(../images/small-tick.gif) no-repeat 0 3px;
	padding-left: 16px;	
	list-style: none;
	font-weight: bold;
}
.small-dispute {
	float: left;
	margin: 0 5px 0 0;	
}
#highlight-container {
	border-top: solid 1px #D1D2D4;
	border-bottom: solid 1px #D1D2D4;
	padding: 10px 0;
	margin: 10px 0;
}
#how-does-it-work ul {
	margin-left: 20px;	
}

/* ~~~~~~~~~~ BOOK AN INVENTORY SIDE BOX ~~~~~~~~~~ */

#book-an-inventory {
	background: #F07728;
	color: #fff;
	overflow: hidden;
}
* html #book-an-inventory {
	height: 1%;	
}
#book-an-inventory div {
	padding: 0 10px;	
}
#book-an-inventory .tl, #book-an-inventory .tr, #book-an-inventory .bl, #book-an-inventory .br {
	background: url(../images/corner-orange.gif);
}
#book-an-inventory .tr {
	background-position: top right;	
}
#book-an-inventory .bl {
	background-position: bottom left;	
}
#book-an-inventory .br {
	background-position: bottom right;	
}
#book-an-inventory div {
	clear: both;	
}
#book-an-inventory strong {
	font-size: 1.4em;
	padding-bottom: 10px;
}
#book-an-inventory a {
	color: #fff;
	text-decoration: underline;
}

/* ~~~~~~~~~~ OUR PRICES SIDE BOX ~~~~~~~~~~ */

#our-prices {
	background: #4A5770;
	color: #fff;
	overflow: hidden;
	margin: 15px 0;
}
* html #our-prices {
	height: 1%;	
}
#our-prices div {
	padding: 0 10px;	
}
#our-prices h2 {
	margin-bottom: 10px;	
}
#our-prices .tl, #our-prices .tr, #our-prices .bl, #our-prices .br {
	background: url(../images/corner-dark-grey.gif);
}
#our-prices .tr {
	background-position: top right;	
}
#our-prices .bl {
	background-position: bottom left;	
}
#our-prices .br {
	background-position: bottom right;	
}
#our-prices dl {
	width: 100%;
	overflow: hidden;
	margin-bottom: 15px;	
}
#our-prices dt {
	float: left;
	width: 60px;
	border-top: 1px solid #fff;
	margin-top: 5px;
	padding-top: 5px;
}
#our-prices dd {
	margin-left: 60px;
	border-top: 1px solid #fff;
	margin-top: 5px;
	padding-top: 5px;	
}

/* ~~~~~~~~~~ THANKS CONTENT ~~~~~~~~~~ */

#thanks #content {
	margin: 25px 50px;
	width: auto;
}
#thanks #content h1 {
	margin-bottom: 0.5em;	
}
#thanks #thanks-column {
	background: url(../images/thanks-image.jpg) top right no-repeat;
	padding-right: 225px;
	min-height: 155px;
}
* html #thanks #thanks-column {
	height: 155px;	
}