@charset "utf-8";
/* CSS Document */

th, td {
border:none;
}

.clear{clear: both; float:none; }

a{ color: #3a6e8f; }

body{ background: #f1f5d9 url(../images/layout/bg-main.png) repeat-x center top; font-family:Lucida Grande, Lucida Sans, Arial, Helvetica, sans-serif; font-size:62.5%; padding:0; margin:0;}
.wrapper{ background:transparent url(../images/layout/bg-content-fade.png) top center repeat-y; width: 970px; margin:0; padding:0; margin-left:auto; margin-right:auto; }

.header { width: 947px; margin: 0 auto;}
.header-offer,
.content { width: 902px; margin: 0 auto;}
.sub-footer { width: 947px; margin: 0 auto;}
#cp-head { display: block; height: 94px; background: url(../images/layout/bg-cp-head.gif) no-repeat left top; position: relative; }
#cp-head span { color:#fff; font-family: Arial, Helvetica, sans-serif; font-style: italic; line-height: 35px; padding-left: 22px; font-size: 1.3em; }
#cp-logo { display: block; width: 220px; height: 94px; position: absolute; right: 0pt; top: 0pt; }
#cp-logo img { padding:17px 0 0; }

.logo{ width: 300px; float:left; position:relative; padding:0 0 16px 22px; margin-top:-10px; }
.header-contact{ display:block; width: 350px; font-weight:bold; float: right; text-align:right; padding: 25px 22px 0 0;}
.header-contact .phone { color:#446c46; font-size:2.7em; line-height:1em; letter-spacing:-1px; }
.header-contact a.email { color:#6b5638; font-size:1.8em; text-decoration:none;}
.header-contact a.email:hover,
.header-contact a.email:focus,
.header-contact a.email:active { text-decoration:underline; color:#333;}

.header-offer{ background: #446c46 url(../images/layout/bg-banner.png) 0 0 no-repeat; display:block; height:47px;  }
.header-offer p{ color: #fff; font-size: 1.5em; line-height:47px; padding:0 20px; }
.header-offer .banner{ width:902px; text-align:center; }

.clear-both{ clear:both;height:0px;line-height:0px;font-size:0px; }

.content{ position:relative;padding:12px 0px 0px; }
.secondary{ width: 200px; padding:0; float:left;}
.primary{ width:700px; float: left; overflow:hidden;}
.primary .christmas_overlay{ width:700px; height:296px; float: left; overflow:hidden; position:absolute; top:12px; right:2px; z-index:9995;}
.primary .overlay-click{ background:url(../images/transparent.gif) 0 0 repeat transparent; width:215px; height:159px; float: left; position:absolute; top:10px; right:10px; z-index:9999;}
.bx-container{overflow:hidden; width:700px;}

.menu{ background:url(../images/layout/bg-nav-base.png) 0 100% no-repeat; padding-bottom:10px; margin:0 0 20px -33px; width:224px; }
.menu ul{ background:url(../images/layout/bg-nav.png) 100% 0 repeat-y; padding:0 4px 0 0; margin:0; list-style:none; }
.menu li{ padding:0; margin:0; display:block; background: #446c46; border-top:1px solid #2d4b28; border-top:1px solid #2d4b28;}
.menu li a{ padding:0; margin:0; display:block; font-size:1.5em; line-height:30px; height:30px; color:#b3d14a; padding: 0 0 0 21px; text-decoration:none; border-top:1px solid #5E835E; }
.menu li.first a{ background: none; }
.menu li.current a{ background:url(../images/layout/bg-navitem-active.jpg) 0 0 repeat-x; color:#fff; }
.menu li a:hover{ color:#fff; }

.menu ul li ul {display: none;}
.menu ul li.has-children ul, .menu ul li.current ul { display:block; background:#3d6636 url(../images/layout/bg-navitem-active.jpg) 0 100% repeat-x; padding:6px 0; }
.menu ul li.has-children ul li, .menu ul li.current ul li{ padding:0; margin:0; display:block; background:none; border:0;}
.menu li.has-children li a, .menu li.current li a{ color:#b3d14a; border-bottom: none; border-top: none; background:none;}
.menu li.has-children li a:hover, .menu li.current li a:hover{ color:#fff; border-top: none; border-bottom: none; text-decoration: none;}
.menu li ul li a { padding: 4px 0 4px 24px; line-height:18px; height:auto; font-size:1.2em; }
.menu li.has-children li.current a{ color:#fff; }
/*
.menu ul li ul{ display:none;}
*/

#slides{ clear:both; padding-bottom: 24px; overflow:hidden; width:700px; }
.focal {}
.focal img { padding-bottom:20px }
.excess {display: none;	}

.column-1{ padding-left:15px; width: 475px; float: left; color:#44341b;}
.column-2{ width: 185px; float: right }
.column-3{ padding:10px 0; margin-top:10px; }
.column-3 .lozenge { color:#fff; width:872px;height:41px;bottom:0px;left:0px;zoom:1; }
.column-3 h5, .column-3 p{ font-size: 0.8em; }
.column-4{ width: 685px; margin-left: 15px; color:#44341b;}
.column-4 table { font-size: 1.1em; }

#template-enquiry .column-3{}

.contentsidebarimage { margin:20px 0px 0px 0px; }

.lozenge { position:relative; background:#2999b2 url(../images/layout/bg-lozenge-gradient.gif) 0 100% repeat-x; color:#fff; padding:10px 15px; }
.lozenge .top-left,
.lozenge .bottom-left,
.lozenge .top-right,
.lozenge .bottom-right{ position:absolute; display:block; width:7px; height:7px; background:url(../images/layout/bg-lozenge-corners.gif) 0 0 no-repeat;}
.lozenge .top-left { top:0; left:0; background-position:0 0; }
.lozenge .bottom-left { bottom:0; left:0; background-position:0 -13px; }
.lozenge .top-right { top:0; right:0; background-position:-13px 0; }
.lozenge .bottom-right { bottom:0; right:0; background-position:-13px -13px; }

h1, h2, h3, h4, h5{ color:#446c46; }
h1 {font-size: 1.9em; margin:10px 0 6px; }
h2 {font-size:1.6em;}
h2.lozenge { font-size: 1.9em; color:#fff; line-height:41px; padding:0 8px; margin:18px 0; position:relative; }
.column-3 h2.lozenge { font-size: 1.4em; height:49px; line-height:12px; margin:10px 0 6px; color:#fff; padding:0 8px; margin:18px 0; text-align:center; }
.column-3 h2.lozenge strong {
	color:#fff;
	font-size: 1.35em;
	line-height:30px;
}
strong{ font-weight: bold; color:#000; } /* as used on the homepage */
strong em{ font-style: normal; font-weight: bold; }
.orange { color: #ef5024; }

.column-1 p,
.column-4 p{ font-size: 1.4em; line-height: 1.4em; margin:0 0 18px; }
.column-1 h6{ background-color: #04adcf; color: #fff; margin: 0px 0px 15px 0px; padding:10px 15px; line-height: 1.3em; font-size:1.1em; font-weight: lighter; }
.column-1 h5{ background-color: #6a8500; color: #fff; margin: 0px 0px 15px 0px; padding:10px 15px; line-height: 1.3em; font-size:1.1em; font-weight: lighter; }

.lozenge h2 { margin:0px; color:#fff; text-align:center;font-size:14px; line-height:19px !important}
.lozenge h2 strong { color:#fff; font-size:19px; }
.lozenge h2 br { height:0px !important; line-height:0px !important; font-size:0px !important; clear:both !important; }

/* 
***********************************
Boxes and hotspots on the site
*/

.box{ background: url(../images/layout/bg-boxhead-green.png) top left no-repeat; margin:10px 0 20px 0; width: 184px; }
.box p { margin:0; padding:0; }
.box a{ display:block; color: #fff; text-transform:uppercase; font-weight: bold; text-decoration:none; }
.box a:hover { text-decoration: underline; }
.box a span { padding:6px; display:block; min-height:37px; font-size: 1.8em; line-height: 2em; vertical-align:middle; }
.secondary .box{ background-image: url(../images/layout/bg-boxhead-brown.png); }
.secondary .box a span { line-height: 1.1em; }


.special-offer, .generic-box{ width:184px; position: relative; margin:0px 0px 16px;}
.special-offer a:link, .special-offer a:visited, .generic-box a:link, .generic-box a:visited { text-decoration:none; color:#FFFFFF;}
.special-offer a:hover, .special-offer a:focus, .special-offer a:active, .generic-box a:hover, .generic-box a:focus, .generic-box a:active { text-decoration:none; color:#ffcc00;}
.special-offer h2, .generic-box h2{ color:#fff; font-size: 1em;  margin:0; padding:5px 0px 0px 0px; width: 150px; text-transform: uppercase; }
.special-offer p, .generic-box p{ margin: 0; padding:0; text-transform:uppercase; font-size:1.1em; color:#fff; font-weight:bold; padding: 12px 0 10px 10px; }

.generic-box h2{ padding-left: 10px; padding-bottom: 10px;}

/*
End of main boxes and hotspots
***********************************
*/
.footer{ display: none; width:1px; height:1px; overflow:hidden; background: url(../images/layout/footer-bg.jpg) repeat-x bottom left; padding: 10px 0 10px 0; color:#fff;}
.footer a{ color:#fff;}

.footer-menu{ margin: 0; padding:0; margin-left: 20px; width: 160px;}
.footer-menu ul{ margin:0; padding:0; list-style: none;}
.footer-menu li { margin:0; padding:0; list-style: none;}
.footer-menu a{ color: #fff; text-decoration:none; font-size: 0.70em;}
.footer-menu a:hover{ text-decoration:underline;}

.narrow-column{ width: 200px; padding-left: 20px; float: left; }
.narrow-column p{ font-size:0.7em; line-height: 1.4em; margin:0; padding:0; padding-bottom:10px; }

.sub-footer{ background:url(../images/layout/bg-content-fade-base.png) 0 0 no-repeat; width:900px; text-align:center; color:#446c46; font-size:0.9em; font-family:Arial, Helvetica, sans-serif; padding: 16px 35px 20px; display:block; position:relative; clear:both; float:none; }
.sub-footer a{ color: #446c46; text-decoration:none;}
.sub-footer a:hover{ text-decoration: underline;}

.pad1{ padding:30px; }
.pad1t{ padding-top:30px; }
.pad1r{ padding-right:30px; }
.pad1b{ padding-bottom:30px; }
.pad1l{ padding-left:30px; }

.pad2{ padding:20px;}
.pad2t{ padding-top:20px;}
.pad2r{ padding-right:20px;}
.pad1b{ padding-bottom:20px;}
.pad2l{ padding-left:20px; }

.centerit { text-align:center;}

.column-4 h1{ margin: 0px 0px 0px 0px; padding:7px 0px 7px 0px; color:#446c46;}
.column-4 h2{ margin: 0px 0px 0px 0px; padding:7px 0px 7px 0px; color:#446c46;}
.column-4 h6{ background-color: #2999b2; color: #fff; margin: 0px 0px 15px 0px; padding:10px 15px; line-height: 1.3em; font-size:1.3em; font-weight: lighter; }
.column-4 h6 a:link, .column-4 h6 a:visited {color:#c7d93d; text-decoration:underline;}
.column-4 h6 a:hover, .column-4 h6 a:focus, .column-4 h6 a:active  {color:#fff; text-decoration:underline;}
.column-4 h5{ background-color:#2999b2; color: #fff; margin: 0px 0px 15px 0px; padding:10px 15px; line-height: 1.3em; font-size:1.5em; font-weight: lighter; }
.column-4 small{ line-height: 1.2em;}
.column-4 ul, .column-4 ol {font-size: 1.4em; line-height:1.5em; margin-top:5px; margin-left:16px; }
.column-4 h1{ text-transform: uppercase;}
.intro{ color: #4c6200; font-weight:bold}
.column-4 td, .column-4 th{ vertical-align:top; }
.column-4 td img { vertical-align:bottom; }
.column-4 table { margin-bottom:10px; width:99%;}
.column-4 a.readmore {float:right;}
.column-4 #accordion {margin:0px;display:inline;}
.column-4 img {margin-left:0px;}

.column-4 .acc_item {
	overflow:hidden;
	margin-bottom:10px;
	height:auto;
}
.column-4 .acc_content {
	margin-bottom:10px;
	height:auto;
}
.column-4 .contracted {
	height:370px;
	_height:365px;
}
.column-4 .expanded {
	height:auto;
}
.column-4 .acc_read_more {
	float:right;
	margin-right:2px;
	margin-bottom:15px;
}

table.key td { width:33%; text-align:center; }

table.listing{ width:100%; color: #5a6143; }
.listing th, .listing td{ padding: 4px}
.listing .odd{ background-color: #b3d14a;} 
.listing .even{ background-color: #d2dd84;}
.listing th{ background-color: #446c46; text-align:left; color:#fff; text-transform:uppercase;}
.listing td a{ color: #000; text-decoration: none;}
.listing td a:hover{ text-decoration: underline}
.key{ width: 200px; margin-left:auto; margin-right: auto; float: left;}
.keycontainer{ width: 680px; margin-left:auto; margin-right: auto; float: left; border:1px solid #4C6200; margin-bottom: 10px;}
.listing tr:hover {background: #09b6e0;}

.house{	width: 650px; margin-left: 20px; }
.house h1, .house h2, .house h3{ text-transform:uppercase;} 
.column-5{ width: 270px; padding-left:10px; float: right;}
.column-6{ width: 360px; padding-right:10px; float:left;}
.column-5alt{ width: 270px; float: left;}
.column-6alt{ width: 650px; float:left;}

.house h2{ padding-bottom:0; margin-bottom: 10px;}
.house h6{ color: #647d00; font-weight:lighter; text-transform:uppercase; padding-bottom:5px;}
.house p{ font-weight:bold;}

/*
Enquiry form
*/
.enquiry{ width: 650px; margin-left: 20px; padding-top:20px;}
.enquiry fieldset {background-color:#fff; margin-bottom:20px; border:1px solid #afb1ab; color: #000; text-align: left; display:block; } 
.enquiry fieldset p{margin-left:10px;font-size:12px;} 
.enquiry .captcha{ border:none; background-color: #ffffff;}

.enquiry .field-top-left, .enquiry .field-bottom-left, .enquiry .field-top-right, .enquiry .field-bottom-right{ position:absolute;width:8px;height:7px;display:block; }
.enquiry .field-top-left { top:0px;left:0px;background:url(../images/field-top-left.gif) no-repeat left top; }
.enquiry .field-bottom-left{ bottom:0px;left:0px;background:url(../images/field-bottom-left.gif) no-repeat left top; }
.enquiry .field-top-right{ top:0px;right:0px;background:url(../images/field-top-right.gif) no-repeat left top; }
.enquiry .field-bottom-right{ bottom:0px;right:0px;background:url(../images/field-bottom-right.gif) no-repeat left top; }

.enquiry legend { display:none;}
.enquiry h2{ margin-top:0; margin-top: 10px; margin-left: 10px;}
.enquiry p{ font-size:0.8em;}
.errorbg{ background-color: #f7e1c7; padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px; }
.notification{ background-color: #a4cf54; padding:10px; color: #fff; border: 1px solid #A33E22; }
.error p, .notification p{ color:#990000; font-weight:bold; padding: 3px; margin-top: 5px; }

.enquiryform{ }
.enquiryform table{ width: 620px; padding: 10px; margin-left: 10px; margin-top:10px; }
.enquiryform .textinput{ width: 250px;}
.enquiryform .lozenge{ font-size:15px;font-weight:normal; }
.enquiryform .required{ font-size:12px; }
.enquiryform label{ font-size:12px; }

.col1 table{ width:290px;}

.enquiryform table tr td{ padding-top: 5px; padding-right: 5px; padding-bottom: 5px; }
div.col1, div.col2{
width:320px; position: relative; float: left; text-align: left; }
div.col2 fieldset{ margin-left: 10px; }
div.col2 table{ width: 280px; }
.col2 p{ margin:0; padding: 5px 10px 10px 10px; }

.enquiryborder {border:1px solid #A33E22;}
.enquiryheaderbgcol {	background-color:#FDC17C;}
.enquiryheader {padding-left:10px; color: #000; text-align: left}
.enquiryheader h2 {font-size:1.2em; padding:0px; margin:0px; color: #000;}
.enquiryheader p{ padding:3px 0px 3px 0px; margin: 0px;}
.enquiryheader a{ color: #000;}
p.error{ color: #f30000;}


/* AJAX siteplans*/
.floor-block { float: left; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-transform: uppercase; text-decoration: none; color: #ffffff; margin: 0 12px 0 0; padding: 7px 16px; line-height: 1em; border: 1px solid #ffffff; background: #647E01; }
.floor-block:hover { background: #EE5124; border: 1px solid #586815; color: #ffffff; text-decoration: none; }
.floor-block-inactive { background: #647E01; }
.floor-block-active { border: 1px solid #586815; text-decoration:none; background-color: #EE5124; color:#FFFFFF; }
.floor-block-active:hover { background: #EE5124; background-color:#EE5124; color:#FFFFFF;}
#stage-heading { color: #b3d136; font-family: Arial, Helvetica, sans-serif; font-size: 22px; font-weight: bold; text-transform: uppercase; }
#stage { /* Rock n' Roll! */ clear: both; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 12px 0 0 0; padding: 12px; }
#ground-stage, #first-stage, #second-stage, #third-stage { position: relative;	 }
#map-magic { position: absolute; top: 0px; left: 0px; }
#stage-controller { width: 100%; margin-bottom: 10px; clear: both;}
.stage-inactive { display: none;	}
.plot-locations { position: absolute; top: 0px; left: 0px; display: block; height: 190px; width: 206px; }
.hide { display: none; }
#easyTooltip { width: 87px; height: 64px; font-family: Arial, Helvetica, sans-serif; padding: 7px 10px; color: #6c5536; font-size: 12px; line-height: 16px; background: url('../images/layout/tooltip.png') no-repeat; }
#easyTooltip .available { color: #a5b22e; font-weight: bold; }
#easyTooltip .sold { color: #dd0101; font-weight: bold; }
.stacker{ padding-bottom: 40px;}
.southfleet{ height: 130px;}
.goodhurst{ height: 90px; width: 206px;}

.southfleet.floor{ float: left; width: 500px; height:150px}
.goodhurst.floor{ float: left; width: 145px; height:110px}
.chelsfield.floor{ float: left; width: 220px; height:210px}

.footnote { font-size:9px;}

.filter-controls {}
.filter-controls ul { margin:0px; padding:0px; list-style:none;}
.filter-controls ul li { margin:0px; padding:0px; list-style-type:none; position: relative; text-align:center; display:inline; float:left;}
.filter-controls ul li a:link, .filter-controls ul li a:visited { 
float:left; 
clear:none; 
margin:0px; 
padding:0px; 
background: #7fa081 url(../images/layout/bg-listing-tabs.jpg) 0 0 no-repeat; 
color:#FFFFFF; 
height:42px;
line-height:18px;
margin:0;
padding:0 25px 0 0;
text-decoration:none;
text-transform:uppercase;
width:125px;
}
.filter-controls ul li a:hover, .filter-controls ul li a:focus, .filter-controls ul li a:active {
	background: #416b42 url(../images/layout/bg-listing-tabs.jpg) 0 -58px no-repeat; 
	color:#FFFFFF; 
}
.filter-controls ul li.current a:link, .filter-controls ul li.current a:visited { background: #416b42 url(../images/layout/bg-listing-tabs.jpg) 0 -58px no-repeat; }

.viewlargerbtn {}
.viewlargerbtn ul { margin:0px; padding:0px; list-style:none;}
.viewlargerbtn ul li { margin:0px; padding:0px; list-style-type:none; position: relative; text-align:center; display:block;}
.viewlargerbtn ul li a:link, .viewlargerbtn ul li a:visited { float:left; clear:none; margin:0px 0px 0px 0px; padding:0px; background:url(../images/plotoptions-link-large.gif) no-repeat left top; width:360px; height:32px; line-height:32px; color:#FFFFFF; text-decoration:none; text-transform:uppercase; width:360px;}


.plotoptions{}
.plotoptions ul { margin:0px; padding:0px; list-style:none;}
.plotoptions ul li { margin:0px; padding:0px; list-style-type:none; position: relative; float: left; text-align:center; display:inline-block; }
.plotoptions ul li a:link, .plotoptions ul li a:visited { float:left; clear:none; margin:0px 10px 10px 0px; padding:0px; background:url(../images/plotoptions-link-small.gif) no-repeat left top; width: 119px; height:32px; line-height:32px; color:#FFFFFF; text-decoration:none; text-transform:uppercase; }

.back{ text-align:center;}
a:link.back, a:visited.back { clear:none; margin:0px 10px 10px 0px;  background:url(../images/plotoptions-link-back.gif) no-repeat top left; font-size: 10px; width: 70px; height:32px; line-height:32px; color:#FFFFFF; text-decoration:none; text-transform:uppercase; display:inline-block }

.homeoftheweek{ width:476px; padding:0px; color:#fff; background-color:#aec03b;}
.homeoftheweek a{ color: #fff; text-decoration: none; font-weight: bold;}
.homeoftheweek h1{ color:#e55022; font-size:1.6em; padding:0px 0px 0px 15px; margin:0px; text-transform:uppercase; text-decoration:underline;}
.homeoftheweek h1 a{ text-decoration: none; color:#ffc55f; text-decoration:underline;}
.homeoftheweek h2{ color:#000; font-size:0.8em; padding:6px 0px 10px 15px; margin:0px; text-transform:uppercase;}
.homeoftheweek h3{ font-size:1.5em; padding:0px 0px 0px 0px; margin:0px; text-transform:uppercase; color:#f15121;}
.homeoftheweek p{ padding:10px 0px 5px 20px; margin:0; font-size:0.7em; font-weight:normal; line-height: 1.2em;}
.homeoftheweek .small{ font-size: 0.7em; font-weight: normal; padding-top: 10px; }
.homeoftheweek .large{ font-size: 1.95em; font-weight: bold; color:#ffc55f; padding-bottom:10px;}
.homeoftheweek h1, .homeoftheweek h1 a, .homeoftheweek .large{ color: #ea5223;}
p.link{ padding-top: 10px;}
.hotwpricebg { background-image:url(../images/layout/hotw_3.jpg); background-position:bottom right; background-repeat:no-repeat; min-height:160px; background-color:#f79229;}
.hotwtextarea { background-image:url(../images/layout/hotw_4.jpg); background-position:bottom left; background-repeat:no-repeat; padding-bottom:50px;}
.hotwimglink { margin-left:15px;}
.homeoftheweek table{ margin-bottom: 0;}
/* .column-6{ width:215px; float:left; padding-bottom: 10px;} */
/* .column-7{ width:130px; padding-right:10px; text-align:right; float:right; padding-bottom: 10px; }*/


.other-developments h3{ color: #ffffff; background-color: #0a99b4; padding:5px; margin: 0; text-align: center; font-size: 0.9em; }
.other-developments p{ text-align:center; margin:0px; }
.other-developments p a{ display:block; margin:0px 0px 5px; }
.other-developments td img{ width:168px;height:131px;}

.disclaimer, .column-3 .disclaimer {
	color: #446c46;
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.3em;
	margin:8px 0;
	text-align:center;
}

p.footnote, .column-4 p.footnote  {
	font-size: 1em;
}