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

th, td {
border:none;
}

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

a{ color: #3a6e8f; }

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

.header{ width: 920px; padding-top: 10px; background: url(../images/layout/header-bg.jpg) bottom left no-repeat;}
.logo{ width: 440px; float:left; padding-bottom: 0px; padding-left:10px; padding-top: 15px;}
.header-contact{ display:block; width: 445px; float: right; text-align:right; padding-top: 20px; padding-right: 20px;}
.header-contact { font-size:16px;}
.header-contact a:link, .header-contact a:visited { text-decoration:none; color:#3a6532; text-transform:uppercase;}
.header-contact a:hover, .header-contact a:focus, .header-contact a:active { text-decoration:none; color:#3a6532;}

.header-offer{ width: 920px; padding:0; margin:0; padding-left: 10px; padding-right: 10px; background: #f7f7f7 url(../images/layout/offer-bg.jpg) repeat-y top left; padding-bottom: 5px; text-align: center; }
.header-offer p{ color: #fff; font-size: 1.3em; text-transform: uppercase; padding:10px 0 10px 0; margin:0; }
.content{ width: 900px; padding-left:10px; padding-right: 10px; background: #fff url(../images/layout/content-bg.jpg) repeat-y top left; clear: both; float:none; position:relative; 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:188px; }
.menu ul{ padding:0; margin:0; list-style:none; width: 188px;}
.menu li{ padding:0; margin:0; display:block; background: #a4b73b 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:1px solid #3a6532; border-top: none;
 padding: 15px 0 15px 15px; width: 173px; display:block; font-size: 0.7em; font-weight: bold; color: #3a6532 }
.menu li a:hover{ background: #ffffff url(../images/layout/menu-bg-hover.jpg) repeat-x bottom left; }
li.first a{ border-top: 1px solid #3a6532;}

.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: #ffffff url(../images/layout/menu-bg-hover.jpg) repeat-x bottom left; color: #3a6532; }
.menu li.current ul li a { background: #678500; padding: 4px 0 4px 20px; }
.menu li.has-children a{ background: #ffffff url(../images/layout/menu-bg-hover.jpg) repeat-x bottom left; color: #3a6532 }
.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: 168px; }
.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-color: #678500; color: #ffffff; }
/*
.menu ul li ul{ display:none;}
*/



/*
.menu{ margin-left: 5px; margin-top: 5px; width:187px; }
.menu ul{ padding:0; margin:0; list-style:none; width: 187px;}
.menu li{ padding:0; margin:0; display:block; background: #a4b73b url(../images/layout/menu-bg.jpg) repeat-x top left;} /* 7b9900 */
/*
.menu li a{ padding:0; margin:0; color:#3a6532; text-decoration:none; text-transform: uppercase; border:1px solid #3a6532; border-top: none; padding: 15px 0 15px 15px; width: 170px; display:block; font-size: 0.7em; font-weight: bold }
.menu li a:hover{ background: #ffffff url(../images/layout/menu-bg-hover.jpg) repeat-x bottom left; border: 1px solid #3a6532; border-top: none;}
li.first a{ border-top: 1px solid #3a6532; }
li.first a:hover{ border-top: 1px solid #3a6532; }

.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: #ffffff 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: #ffffff 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: #ffffff url(../images/layout/menu-bg-hover.jpg) repeat-x bottom left;  }
*/
/*
.menu ul li ul{ display:none;}
*/

.content .secondary img{ margin-top: 10px; margin-left: 20px;}
.focal{ clear:both; padding-bottom: 8px; background: url(../images/layout/masthead-underline.gif) no-repeat left bottom; }

.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:#7da040;}
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: 170px; 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;}

.special-offer{ border: 1px solid #3a6532; width: 180px; margin-left:10px; background: none;  width: 160px;}
.special-offer p{ color: #3a6532; padding-top:20px;}
/*
End of main boxes and hotspots
***********************************
*/
.footer{ width:920px; height:97px; overflow:hidden; background: url(../images/layout/footer-bg.gif) no-repeat bottom left; padding: 10px 0 10px 0; color:#fff;}
.footer a{ color:#fff;}



.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:920px; background: url(../images/layout/subfooter-bg.jpg) top center no-repeat; text-align:center; color:#3a6532; font-size:0.8em; padding-top: 20px; padding-bottom:20px; position:relative; clear:both; float:none; display:block;}
.sub-footer a{ color: #3a6532; 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: #; 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: #ff9f0d; 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}
.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;}

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: #ff9f0d;}

.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-5 h2{ padding-top:0; margin-top: 0;}

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

/*
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 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: #ff9f0d; 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: #ff9f0d; color:#FFFFFF; }
.floor-block-active:hover { background: #ff9f0d; background-color:#ff9f0d; 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; width:175px; height:30px; line-height:28px; color:#FFFFFF; text-decoration:none; text-transform:uppercase; width:175px; padding-right:25px;}
.filter-controls ul li a:hover, .filter-controls ul li a:focus, .filter-controls ul li a:active {float:left; clear:none; margin:0px; padding:0px; padding-right: 25px; background: #ff9f0d url(../images/layout/tab-hover.gif) right bottom no-repeat; width:175px; height:30px; line-height:28px; color:#FFFFFF; text-decoration:none; text-transform:uppercase; width:175px;}
.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:#ff9f0d;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:#ff9f0d; height:30px; line-height:28px; color:#FFFFFF; text-decoration:none; }

.exterior-image{ padding-bottom:10px; padding-top: 5px;}

.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:#ff9f0d; color:#FFFFFF; text-decoration:none; }


.newoffers{ width: 470px; background: #edf0d8 url(../images/layout/new-offer-bg.jpg) bottom left; margin-bottom: 30px; }
.newoffers h1{ border-left: 1px solid #000; color: #3a6532; text-transform:uppercase; background: #a3b639; margin:0; padding:0; padding-left:15px; font-size:40px;}
.newoffers h2{ padding:0; margin:0; color: #3a6532; font-size: 30px; padding-left:15px; }
.newoffers h2 a{ color: #3a6532; text-decoration: none;}
.newoffers .col1{ width: 265px; float:left; padding:0; margin:0; padding-left: 15px; padding-bottom:30px;}
.newoffers .col1 p{ color: #7da040; font-size: 1.4em; line-height: 1.1em; font-weight:bold; text-transform: uppercase; margin-bottom:10px;}
.col1 p.small{ color: #000000; font-size:0.7em; font-weight: bold; padding-top: 5px;}
.newoffers img{ margin-left: 0;}
.newoffers .star{ position:absolute; right:-120px; bottom:0; background: url(../images/layout/hotw_star.jpg) no-repeat bottom left; height: 180px; width: 180px;}
.star p{ color: #fff !important; padding-top: 70px; font-size: 1.3em; font-weight:bold; text-align:center}




.homeoftheweek{ width:476px; padding:0px; color:#000000; background-color:#edf0d8; background-image:url(../images/layout/new-offer-bg.jpg); background-position:bottom left; background-repeat:no-repeat;}
.homeoftheweek a{ color: #fff; text-decoration: none; font-weight: bold;}
.homeoftheweek h1{ border:-left: 1px solid #000; color:#3a6532; font-size:1.6em; padding:0px 0px 0px 0px; margin:0px; text-transform:uppercase; text-decoration:underline; text-align:center;}
.homeoftheweek h1 a{ text-decoration: none; color:#3a6532; text-decoration:none;}
.main h1{ color: #3a6532; text-decoration: none; text-transform:uppercase; background: #a3b639; margin:0; padding:0; padding-left:15px; font-size:30px; line-height: 35px;}
.homeoftheweek h3{ font-size:1.3em; padding:0px 15px 0px 15px; margin:0px; text-transform:uppercase; color:#ffffff;}
.homeoftheweek h4 a{ font-size:1.3em text-decoration: none; color:#3a6532; text-align:left; padding-left:15px; padding-top:5px !important; margin-top:5px !important;}
.homeoftheweek p{ padding:10px 0px 5px 20px; margin:0; font-size:0.7em; font-weight:normal; line-height: 1.2em;}
.homeoftheweek h2, .homwtext p{  color: #3A6532; font-size: 1em; line-height: 1.3em; font-weight:bold; text-transform: uppercase; padding:6px 0px 10px 15px; margin:0px; }
.homeoftheweek .small{ font-size: 0.7em; font-weight: normal; padding-top: 10px; color:#000000; }
.homeoftheweek .large{ font-size: 1.95em; font-weight: bold; color:#3a6532; padding-bottom:10px;}
.homeoftheweek h1, .homeoftheweek h1 a, .homeoftheweek .large{ color: #3a6532; text-decoration: none;}

p.link{ padding-top: 10px;}
p.terms{ text-transform: uppercase; font-weight:bold}
.hotwpricebg { background-image:url(../images/layout/offer-star.jpg); background-position:bottom right; background-repeat:no-repeat; min-height:180px; background-color:#f79229;}
.hotwtextarea { width: 476px; background-image:url(../images/layout/new-offer-bg.jpg); background-position:bottom left; background-repeat:no-repeat; padding-bottom:50px;}
.hotwimglink { margin-left:15px;}
.homeoftheweek table{ margin-bottom: 0;}

.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; color:#ffffff; background: #000000; margin-bottom:0; padding-bottom:5px; padding-top:5px; }
.other-developments a{ color:#fff;}