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

th, td {
border:none;
}

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

a{ color: #3a6e8f; }

body{ background: #556d42 url(../images/layout/page-bg.jpg) repeat-x center top; font-family:Arial, Helvetica, sans-serif; padding:0; margin:0;}
.wrapper{ width: 900px; margin:0; padding:0; margin-left:auto; margin-right:auto; }

.header{ width: 900px; padding-top: 10px;}
.logo{ width: 440px; float:left; padding-bottom: 10px;}
.header-contact{ display:block; width: 450px; float: right; text-align:right; padding-top: 30px;}
.header-contact { font-size:15px;}
.header-contact a:link, .header-contact a:visited { text-decoration:none; color:#EE5124; text-transform:uppercase;}
.header-contact a:hover, .header-contact a:focus, .header-contact a:active { text-decoration:none; color:#EE5124;}

.header-offer{ padding:0; margin:0; background: #ef5024 url(../images/layout/offer-bg.jpg) repeat-x bottom left; padding-bottom: 24px; text-align: center; }
.header-offer p{ color: #fff; font-size: 1.3em; text-transform:none; padding:10px 0 10px 0; margin:0; }
.content{ background: #fff url(../images/layout/content-bg.jpg) repeat-y top left; clear: both; float:none; position:relative; _position:fixed; overflow:hidden;}
.secondary{ width: 200px; padding:0; margin:0; padding-bottom: 10px; float:left;}
.primary{ width:700px; float: right;}

.menu{ margin-left: 5px; margin-top: 5px; width:190px; }
.menu ul{ padding:0; margin:0; list-style:none; width: 190px;}
.menu li{ padding:0; margin:0; display:block; background: #4c6200 url(../images/layout/menu-bg.jpg) repeat-x top left;} /* 7b9900 */
.menu li a{ padding:0; margin:0; color:#fff; text-decoration:none; text-transform: uppercase; border-bottom: 1px solid #9ba773; border-top: 1px solid #252e00; padding: 15px 0 15px 15px; width: 175px; display:block; font-size: 0.7em; font-weight: bold }
.menu li a:hover{ background: #c74d2c url(../images/layout/menu-bg-hover.jpg) repeat-x bottom left; border-top: 1px soid #3b170d; border-bottom: 1px solid #d78e7a;}
li.first a{ border-top: none;}

.menu ul li ul {display: none;}
.menu ul li.has-children ul, .menu ul li.current ul { display:block; }
.menu ul li.has-children ul li, .menu ul li.current ul li{ padding:0; margin:0; display:block; background: #678500;}
.menu li.has-children li a, .menu li.current li a{ color:#fff; border-bottom: none; border-top: none;}
.menu li.has-children li a:hover, .menu li.current li a:hover{ border-top: none; border-bottom: none; text-decoration: underline;}
.menu li.current a{ background: #c74d2c url(../images/layout/menu-bg-hover.jpg) repeat-x bottom left; }
.menu li.current ul li a { background: #678500; padding: 4px 0 4px 15px; }
.menu li.has-children a{ background: #c74d2c url(../images/layout/menu-bg-hover.jpg) repeat-x bottom left; }
.menu li.has-children ul li a{ background-image: none; background: #678500; }
.menu li ul li a { background: #678500; padding: 4px 0 4px 20px; width: 170px; }
.menu li.current li a{ font-weight:normal; font-style: normal; text-decoration:none}
.menu li li a{ font-weight:normal; font-style: normal; text-decoration:none}
.menu ul li ul .current a { background: #c74d2c url(../images/layout/menu-bg-hover.jpg) repeat-x bottom left; color: #ffffff; }
/*
.menu ul li ul{ display:none;}
*/

.content .secondary img{ margin-top: 10px; margin-left: 20px;}
.focal{ clear:both; background: url(../images/layout/content-top-bg.jpg) repeat-x bottom left; padding-bottom: 24px; overflow:hidden; width:699px;}

.column-1{ padding-left:20px; padding-top: 10px; width: 480px; float: left;}
.column-2{ padding-right: 20px; padding-top: 20px; width: 160px; float: right}

/*
.column-1{ padding-top: 20px; width: 470px; float: left;}
.column-2{ padding-top: 20px; width: 160px; float: right}
*/
.column-3{ width: 650px; margin-left: 20px; border-top: 2px solid #bfbfbf; padding-top:10px; margin-top:10px;}
.column-3 hr{ border:none; border-top: 2px solid #bfbfbf; padding:0; margin:0;}
.column-3 h5, .column-3 p{ font-size: 0.8em; padding:5px 0 5px 0; margin:0;}
.column-3 h5 { color:#647d00;}
.column-4{ width: 650px; margin-left: 20px; padding-top:20px;}
.column-4 table {font-size: 0.9em;}

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

h1, h2, h3, h4, h5{ color:#869c28;}
h1 {font-size: 1.2em;}
p{ font-size: 0.8em; line-height: 1.2em;}
strong{ color: #6a8500; /*text-transform: uppercase;*/ font-weight: bold} /* as used on the homepage */
strong em{ font-style: normal; font-weight: bold;}
.orange { color: #ef5024;}

.column-1 p{ line-height: 1.4em; }
.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; }

/* 
***********************************
Boxes and hotspots on the site
*/
.box{ width: 150px; height: 155px; padding-left: 10px; background: url(../images/layout/hotspot-bg-1.jpg) top left no-repeat; margin-bottom:20px;}
.box a{ color: #d1e539; text-transform:uppercase; font-weight: bold; text-decoration:none; padding-top:3px; display:block; font-size: 1.2em; line-height: 1.2em  }
.box a:hover{ text-decoration: underline;}
.apartments{ background: url(../images/layout/hotspot-bg-1.jpg) top left no-repeat; }
.houses{ background: url(../images/layout/hotspot-bg-2.jpg) top left no-repeat;}

.apartments a, .houses a{ padding-top: 2px;}


.special-offer, .generic-box{ background: url(../images/layout/hotspot-bg-3.jpg) top left no-repeat; margin-left: 20px; margin-top: 10px; width:160px; position: relative;}
.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{ width:900px; text-align:center; color:#fff; font-size:0.8em; padding-top: 10px; padding-bottom:20px; position:relative; clear:both; float:none; display:block;}
.sub-footer a{ color: #fff; 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:#647d00;}
.column-4 h2{ margin: 0px 0px 0px 0px; padding:7px 0px 7px 0px; color:#647d00;}
.column-4 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-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: #6a8500; color: #fff; margin: 0px 0px 15px 0px; padding:10px 15px; line-height: 1.3em; font-size:1.1em; font-weight: lighter; }
.column-4 p{ font-size:0.9em; line-height: 1.5em; text-align:justify; margin-bottom:0px; padding-bottom:1em;}
.column-4 ul {font-size: 0.9em; line-height:1.5em; margin-top:5px;}
.column-4 h1{ text-transform: uppercase;}
.intro{ color: #4c6200; font-weight:bold}
.column-4 td, .column-4 th{ /*font-size:0.8em;*/}
.column-4 table { margin-bottom:10px;}
.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.listing{ width:100%; color: #5a6143; }
.listing th, .listing td{ padding: 4px}
.listing .odd{ background-color: #c6db38;} 
.listing .even{ background-color: #e8f975;}
.listing th{ background-color: #4c6200; text-align:left; color:#fff;}
.listing td a{ color: #000; text-decoration: underline;}
.listing td a:hover{ text-decoration: underline}
.key{ width: 200px; margin-left:auto; margin-right: auto; float: left;}
.keycontainer{ width: 650px; 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;}

.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:#f2fabb; margin-bottom:20px; border:1px solid #4c6200; color: #000; text-align: left} 
.enquiry fieldset p{margin-left:10px;} 
.enquiry .captcha{ border:none; background-color: #ffffff;}

.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{ clear:both; }
.enquiryform table{ width: 620px; position: relative; padding: 10px; margin-left: 10px; margin-top:10px; }
.enquiryform .textinput{ width: 250px;}

.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{ width: 500px; height:150px}
.goodhurst.floor{ width: 145px; height:110px}
.chelsfield.floor{ width: 220px; height:210px}

.banner{ text-align: center; width:900px; left:0;top:0; }

.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: #b3d136 url(../images/layout/tab.gif) right bottom no-repeat; 
color:#FFFFFF; 
height:35px;
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: #EE5124 url(../images/layout/tab-hover.gif) right bottom no-repeat; 
	color:#FFFFFF; 
}
.filter-controls ul li.current a:link, .filter-controls ul li.current a:visited { background: #637e00 url(../images/layout/tab-current.gif) right bottom 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-color:#647E01; width:360px; height:30px; line-height:28px; color:#FFFFFF; text-decoration:none; text-transform:uppercase; width:360px;}
.viewlargerbtn ul li a:hover, .viewlargerbtn ul li a:focus, .viewlargerbtn ul li a:active {float:left; clear:none; margin:0px 0px 0px 0px; padding:0px; background-color:#EE5124;width:175px; height:30px; line-height:28px; 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-color:#647E01; width: 130px; height:30px; line-height:28px; color:#FFFFFF; text-decoration:none; text-transform:uppercase; }
.plotoptions ul li a:hover, .plotoptions ul li a:focus, .plotoptions ul li a:active {float:left; clear:none; margin:0px 10px 10px 0px; padding:0px; background-color:#EE5124; height:30px; line-height:28px; color:#FFFFFF; text-decoration:none; }

.back{ text-align:center;}
a:link.back, a:visited.back { float:left; clear:none; margin:0px 10px 10px 0px;  background-color:#647E01; font-size: 10px; width: 48px; height:23px; line-height:25px; color:#FFFFFF; text-decoration:none; text-transform:uppercase; display:inline-block }
a:hover.back, a:focus.back, a:active.back {background-color:#EE5124; color:#FFFFFF; text-decoration:none; }

.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: #6A8500; padding:5px; margin: 0; text-align: center; font-size: 0.9em; }
.other-developments p{ text-align:center; }