/* CSS Document */

body {
text-align:center; /*to center old IE browsers*/
width:100%;
margin:0px;
padding:0px 0px 15px 0px;
}

html, body {
/*height:100%;*/
font-family:Arial, Helvetica, sans-serif;
font-size:0.85em;
color:#000000;
background-color:#063e2b;
background-image:url(../imgs/bodybg.jpg); background-position:top left; background-repeat:repeat-x;
}

a:link, a:visited { color:#FF0000; text-decoration:underline;}
a:hover, a:active, a:focus { color:#00FF00; text-decoration:underline;}

body p { margin:0px; padding:3px 0px 4px 0px; line-height:1.5em; overflow:hidden; position:relative; font-weight:normal !important;}

hr { color:#1C7420; border-top:1px solid #1C7420; border-right:0px solid #1C7420; border-bottom:0px solid #1C7420; border-left:0px solid #1C7420; overflow:hidden; line-height:0px; font-size:0px; height:1px;}

#container { /* div you want to stretch */
/*min-height:100%;*/
width:900px;
position:relative;
margin: 0 auto;
text-align:left;
background-color:#FFFFFF;
}

h3 { color:#1C7420; font-size:1.6em; font-weight:bold; margin:0px; padding:12px 0px 5px 0px;}

/* Corporate header styles */
div#logostrip {
 width: 900px;
 height: 83px;
 position: relative;
 background-image: url(../imgs/cp_header.gif);
 background-repeat: no-repeat;
}
div#logostrip p {
 width: 288px !important;
 width: 300px;
 height: 25px;
 padding-left: 17px;
 position: absolute;
 top: 0;
 left: 0;
 line-height: 16px;
 font-size: 11px;
 color: #fff;
 font-style: italic;
}
#logostrip a.logostriplink {
 display: block;
 text-indent: -5000em;
 width: 176px;
 height: 83px;
 position: absolute;
 right: 0;
 top: 0;
}

#logostrip a.annington {
background-image:url(../imgs/annington.jpg);
background-repeat:no-repeat;
bottom:10px;
display:block;
height:29px;
left:9px;
position:absolute;
text-indent:-5000em;
width:307px;
}
/* Corporate header styles end */

#content { background-image:url(../imgs/sidebar-bg.gif); background-position:top left; background-repeat:repeat-y; padding:0px 10px 10px 10px; background-color:#FFFFFF; margin-top:7px;}

/* THIS IS THE ORIGINAL STYLE - THE LEFT PADDING WAS REMOVED TO ALLOW THE EMPLOYEE IMAGE TO TOUCH THE LEFT SIDE - PADDING WAS THEN ADDED TO THE INDIVIDUAL SIDEBAR ELEMENTS */
/* #content { background-image:url(../imgs/content_bg.gif); background-position:top left; background-repeat:repeat-y; padding:10px 15px 10px 15px;} */

.sidebar { width:183px; float:left; position:relative; display:block; clear:none; padding-left:0px; background-color:#008134;}

.contentbar { text-align:left; width:690px; float:right; clear:none; position:relative; background-color:#FFFFFF;}
.contentbar p { position:relative; overflow:inherit;}
.contentbar a:link, .contentbar a:visited { color:#000000; text-decoration:none;}
.contentbar a:hover, .contentbar a:active, .contentbar a:focus { color:#000000; text-decoration:underline;}

#flashbg {position:absolute; z-index:0;}
#copyoverlay { behavior: url(css/iepngfix.htc); position:absolute; z-index:1; float:left; clear:none; width:690px; height:45px; padding:0px; margin:305px 0px 0px 0px; display:block; background-image:url(../imgs/copyoverlay.png); background-position:top left; background-repeat:no-repeat;}
#copyoverlay p { padding:7px 0px 0px 0px; margin:0px; font-size:1.5em; color:#063e2b; font-weight:bold; text-align:center;}

.footer { background-color:#063e2b; padding:8px 0px 8px 0px; clear:both; margin:0px; display:block; margin:0px 10px 0px 10px;}
.footermid {/*background-image:url(../imgs/footer_mid.gif); background-position:top left; background-repeat:repeat-y;*/}
.footer p { color:#8cc63e; font-size:1.6em; margin:0px; padding:0px 0px 0px 0px; position:relative; overflow:hidden; text-align:center;}
.footer a:link, #footer a:visited { color:#FFFFFF; text-decoration:none;}
.footer a:hover, #footer a:active, #footer a:focus { color:#8cc63e; text-decoration:none;}

#subfooter { /*background-image:url(../imgs/content_bg.gif); background-position:top left; background-repeat:repeat-y;*/ padding:0px 0px 5px 0px; text-align:center; height:100%; background-color:#008134; margin:0px 10px 0px 10px;}
#subfooter p { color:#ffffff; margin:0px; padding:10px 0px 5px 0px; position:relative; font-size: 1.6em;}
#subfooter a:link, #subfooter a:visited { color:#ffffff; text-decoration:none;}
#subfooter a:hover, #subfooter a:active, #subfooter a:focus { color:#063e2b; text-decoration:none;}

#footerend { /*background-image:url(../imgs/content_end.gif); background-position:top left; background-repeat:no-repeat;*/ padding:5px 15px 0px 15px; position:relative; text-align:center; font-size:0.9em;}
#footerend p { color:#000000; margin:0px; padding:7px 0px 7px 0px;}
#footerend a:link, #footerend a:visited { color:#000000; text-decoration:none; margin:0px; padding:0px;}
#footerend a:hover, #footerend a:active, #footerend a:focus { color:#1c7521; text-decoration:none; margin:0px; padding:0px;}

.panel1mid { /*background-image:url(../imgs/panel1_mid.gif); background-position:top left; background-repeat:repeat-y;*/ color:#063e2b; padding:0px 5px 0px 5px; margin:0px; position:relative;}
.panel1mid p { color:#063e2b; margin:0px; padding:8px 0px 2px 0px; overflow:inherit; border-bottom:1px dotted #8cc63e; line-height:1.7em;}
.panel1mid h2 { margin:0px; padding:0px 0px 0px 0px; color:#b3de82; font-weight:lighter; font-size:1.5em; text-transform:uppercase;}
.panel1mid form { margin:0px; padding:0px;}
.panel1mid form select { width:160px;}
.panel1mid a:link, .panel1mid a:visited { color:#063e2b; text-decoration:none; }
.panel1mid a:hover, .panel1mid a:active, .panel1mid a:focus { color:#8cc63e; text-decoration:none;}

.brochurebg { background-image:url(../imgs/brochure.gif); background-position:top left; background-repeat:no-repeat; background-color:#000000; color:#FFFFFF; padding:0px 20px 0px 90px; margin:0px; height:100%;}
.brochurebg p { color:#FFFFFF; margin:0px; padding:10px 0px 10px 0px; overflow:hidden;}
.brochurebg a:link, .brochurebg a:visited { color:#FFFFFF; text-decoration:none;}
.brochurebg a:hover, .brochurebg a:active, .brochurebg a:focus { color:#1C7420; text-decoration:none;}

.panel2mid {font-weight:normal !important; /*background-image:url(../imgs/panel2_mid.gif); background-position:top left; background-repeat:repeat-y;*/ color:#000000; padding:0px 0px 0px 0px; margin:0px; clear:both; float:none;}
.panel2mid p { position:relative; overflow:inherit;} 
.panel2mid h2 { margin:0px; padding:5px 0px 5px 0px; /*color:#1C7420;*/ font-weight:bold; font-size:2em;}
.panel2mid h3 { margin:0px; padding:5px 0px 5px 0px; /*color:#1C7420;*/ font-weight:bold; font-size:1.75em;}
.panel2mid h4 { margin:0px; padding:5px 0px 5px 0px; /*color:#1C7420;*/ font-weight:bold; font-size:1.5em;}
.panel2mid h5 { margin:0px; padding:5px 0px 5px 0px; /*color:#1C7420;*/ font-weight:bold; font-size:1.25em;}
.panel2mid h6 { margin:0px; padding:5px 0px 5px 0px; /*color:#1C7420;*/ font-weight:bold; font-size:1.25em; color:#1C7420;}

/*
.frontpage h2, .frontpage p, .frontpage h3, .frontpage h4, .frontpage h5{ color: inherit;}
*/


.panel2mid a:link, .panel2mid a:visited { color:#1C7420; text-decoration:underline; font-weight:bold;}
.panel2mid a:hover, .panel2mid a:active, .panel2mid a:focus { color:#1C7420; text-decoration:none; font-weight:bold;}
.panel2mid form{ margin: 0; padding: 0; }
.panel2mid ul { margin:0px 0px 0px 0px; padding:0px; list-style:none;}
.panel2mid ul li { margin:0px; padding:4px 0px 4px 13px; color:#000000; background-image:url(../imgs/ul_li_type.gif); background-position:0 6px; background-repeat:no-repeat;}
.panel3mid { background-image:url(../imgs/panel3_mid.gif); background-position:top left; background-repeat:repeat-y; color:#FFFFFF;}

.panel4mid { background-image:url(../imgs/panel4_mid.gif); background-position:top left; background-repeat:repeat-y; color:#ffffff; padding:0px 20px 0px 20px; margin:0px;}
.panel4mid h2 { margin:0px; padding:0px 0px 0px 0px; color:#1C7420; font-weight:lighter; font-size:2em;}
.panel4mid a:link, .panel4mid a:visited { color: #999999; text-decoration:none; font-weight:bold;}
.panel4mid a:hover, .panel4mid a:active, .panel4mid a:focus { color:#ffffff; text-decoration:none; font-weight:bold;}
.panel4mid form{ margin: 0; padding: 0; }
.panel4mid ul { margin:0px 0px 0px 0px; padding:0px; list-style:none;}
.panel4mid ul li { margin:0px; padding:4px 0px 4px 13px; color:#fff; background-image:url(../imgs/ul_li_type.gif); background-position:0 6px; background-repeat:no-repeat;}

.listingtable {}
.listingtable a:link, .listingtable a:visited { color: #000000; text-decoration:underline; font-weight:bold;}
.listingtable a:hover, .listingtable a:active, .listingtable a:focus { color:#ffffff; text-decoration:underline; font-weight:bold;}

.sepline { border-bottom:1px dotted #1C7420; height:10px; line-height:0px; display:block;}

/* STYLE FOR CONTENT IMAGE WITH FLOAT */
.contentimage { float:left; padding:10px 0px 5px 0px; margin:0px; text-align:justify; text-justify:distribute-all-lines;}

/* FLASH SLIDESHOW */
.slideshowtop { background-color:#ffffff; height:1px; line-height:1px; overflow:hidden; display:block; color:#FFFFFF; border-bottom:0px solid #8cc63e;}
.slideshowbtm { background-color:#ffffff; height:30px; display:block; text-align:right;}
.slideshowbtm a:link, .slideshowbtm a:visited { color:#B3DE82; text-decoration:none;}
.slideshowbtm a:hover, .slideshowbtm a:active, .slideshowbtm a:focus { color:#008134; text-decoration:none;}

/* FONT STYLES */
.cit { text-align:center;}
.taright { text-align:right;}
.bold { font-weight:bold;}
.italic { font-style:italic;}
.fcol1 { color:#FFFFFF;}
.devcolor { color:#1C7420;}
.note { font-size:0.85em; color:#666666;}
.note a:link, .note a:visited { color:#999999; text-decoration:none;}
.note a:hover, .note a:active, .note a:focus { color:#1C7420; text-decoration:none;}
.ucaseit { text-transform:uppercase;}
.fsize1 { font-size:1.5em;}

/* MARGINS */
.mt1t { margin-top:10px;}
.mt1r { margin-right:10px;}
.mt1b { margin-bottom:10px;}
.mt1l { margin-left:10px;}
.mt2t { margin-top:20px;}
.mt2r { margin-right:20px;}
.mt2b { margin-bottom:20px;}
.mt2l { margin-left:20px;}

/* PADDING */
.pt1t { padding-top:10px;}
.pt1r { padding-right:10px;}
.pt1b { padding-bottom:10px;}
.pt1l { padding-left:10px;}
.pt2t { padding-top:5px;}
.pt2r { padding-right:5px;}
.pt2b { padding-bottom:5px;}
.pt2l { padding-left:5px;}

/* FLOATS AND PLACEMENT */
.fleft { float:left;}
.fright { float:right;}
.cboth { clear:both;}
.vimg img { vertical-align:middle;}

.titlebg { background-image:url(../imgs/title_bg.gif); background-position:top left; background-repeat:repeat-x; height:33px; color:#FFFFFF; font-weight:bold; line-height:25px;}

/* BORDER STYLES */
.bt1all { border:1px solid #8cc63e;}
.imgborder { padding:5px; border:1px solid #1C7420;} 

/* STYLED SUBMIT BUTTON */
.customsubmit
{
	background: url(../imgs/search_btn.gif) no-repeat;
	height: 30px;
	width: 100px;
	border:none;
}
.customsubmit:hover
{
	background: url(../imgs/search_btn.gif) 0 -30px no-repeat;
}


/* BACKGROUND COLOURS */
.bgcol1 { background-color:#1C7420;}
.bgcol2 { background-color:#CC0000;} /* USED FOR SOLD PROPERTIES */

.hcursor { cursor:pointer;}

/* FX */
.opacityit img { filter:alpha(opacity=100); -moz-opacity:1;opacity:1;}
.opacityit:hover img { filter:alpha(opacity=70); -moz-opacity:.70;opacity:.70;}
.opacityit2 img { filter:alpha(opacity=70); -moz-opacity:.70;opacity:.70;}
.opacityit2:hover img { filter:alpha(opacity=100); -moz-opacity:1;opacity:1;}

/* Other developments styles */
.odbox { /*border-top:15px solid #FFFFFF; */ width:161px; display:inline; float:left; margin:5px 1px 15px 0px; background-color:#000000; color:#FFFFFF;}
.odbox a:link, .odbox a:visited { color:#FFFFFF; text-decoration:none;}
.odbox a:hover, .odbox a:active, .odbox a:focus { color:#1C7420; text-decoration:none;}
.odbox p { text-align:center; margin:0px; padding:5px 0px 5px 0px; position:relative;}
.odbox h3 { text-align:center; color:#FFFFFF; font-size:1em; font-weight:bold; margin:0px; padding:5px 0px 5px 0px; overflow:hidden;}

/*Site plan tooltips*/
#dhtmltooltip{
position: absolute;
width: 150px;
border: 2px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}


#slick-show a:hover{
color: #fff !important;
display: none;
}

.whitelink a:link, .whitelink a:visited { color:#FFFFFF; text-decoration:none;}
.whitelink a:hover, .whitelink a:active, .whitelink a:focus { color:#ccc; text-decoration:none;}

/*Styling used for the new my new home pages*/
.leftcol{
padding-right: 180px;
background-repeat: no-repeat;
background-position: right center;
}

.rightcol{
padding-left: 180px;
background-repeat: no-repeat;
background-position: left center;
}

.why1{ background-image:url(../imgs/why-img1.gif); }
.why2{ background-image:url(../imgs/why-img2.gif); }
.why3{ background-image:url(../imgs/why-img3.gif); }
.why4{ background-image:url(../imgs/why-img4.gif); }
.why5{ background-image:url(../imgs/why-img5.gif); }
.why6{ background-image:url(../imgs/why-img6.gif); }
.why7{ background-image:url(../imgs/why-img7.gif); }
.why8{ background-image:url(../imgs/why-img8.gif); }
.why9{ background-image:url(../imgs/why-img9.gif); }
.why10{ background-image:url(../imgs/why-img10.gif); }

/*End of my new home page styles*/

.emphasis{
	background-color: #3aa904;
	border: 1px solid #ccc;
	color: #fff;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	width: 250px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.1em;
}

/* Main offer styling */
.mainoffer{
	border: 1px solid #598c2b;
	height: 269px;
	width: 688px;
	position: relative;
	display: block;
	behavior: url(css/iepngfix.htc);
}
.offerbox{
	/*width: 300px;
	min-height: 166px;*/
	margin-top: 154px;
/*	margin-left: 15px;*/
	behavior: url(css/iepngfix.htc);
}
.offer{
	background-image: url(../imgs/offerbox/offerbox_03.png);
	behavior: url(css/iepngfix.htc);
	background-position: top left;
	/*width: 195px;
	max-height: 800px;*/
	min-height: 70px;
}
.offer h1{
	margin: 0;
	padding: 0;
	margin-top: 3px;
	margin-left: 20px;
	font-size: 21px;
	color: #063e2b;
	font-weight: bold;
}
.offer p{
	margin: 0;
	margin-left: 20px;
	padding: 0;
	color: #063e2b;
	font-weight: bold;
	padding-top: 4px;
}
.leftline {
	background-image: url(../imgs/offerbox/offerbox_01.png);
	background-position: top left;
	background-repeat:no-repeat;
	behavior: url(css/iepngfix.htc);
	/*width: 95px;*/
	min-height: 45px;
	padding-top: 0px;
}
.strapline {
	font-size: 16px;
	color: #fff;
	text-align: left;
	line-height: 17px;
	margin-left: 29px;
	font-weight: bold;
}
.topline {
	background-image: url(../imgs/offerbox/offerbox_02.png);
	behavior: url(css/iepngfix.htc);
	background-position: bottom left;
	width: 205px;
	height: 27px;
}
.rightline{
	behavior: url(css/iepngfix.htc);
	background-image: url(../imgs/offerbox/offerbox_04.png);
	background-position: top left;
	width: 10px;
	min-height: 80px;
}
.bottomline{
	width: 300px;
	height: 53px;
}
.bottomline img{
	behavior: url(css/iepngfix.htc);
}


.sidebarbtn
{ background-image:url(../imgs/sidebarnavbg.gif); background-position:top left; background-repeat:no-repeat;	height:36px; width:173px; border:none; margin-bottom:4px; margin-left:5px; cursor:pointer; display:block; text-align:center; line-height:33px; text-transform:uppercase;}
.sidebarbtn a:link {color:#FFFFFF; text-decoration:none; font-weight:bold;}
.sidebarbtn a:hover, .sidebarbtn a:visited { color:#FFFFFF; text-decoration:none;font-weight:bold;}
.sidebarbtn:hover {	background-image:url(../imgs/sidebarnavbg.gif); background-position:bottom left; background-repeat:no-repeat;}

.sidebarbtn2
{ background-image:url(../imgs/houses-availability.gif); background-position:top left; background-repeat:no-repeat;	height:44px; 	width:243px; border:none; cursor:pointer; display:block;}
.sidebarbtn2:hover
{	background-image:url(../imgs/houses-availability.gif); background-position:bottom left; background-repeat:no-repeat;}

.sublinks {border:none; cursor:pointer; display:block; text-align:left; text-transform:uppercase; margin:0px; padding:0px;}
.sublinks ul { list-style:none; margin:0px; padding:0px;}
.sublinks ul li { list-style-type:none; padding:0px; margin:0px 0px 4px 5px; height:36px; width:173px; line-height:32px; display:block; overflow:hidden;}
.sublinks li a:link, .sublinks li a:visited { background-image:url(../imgs/sidebarnavbg.gif); background-position:top left; background-repeat:no-repeat;	height:36px; width:173px; line-height:26px; display:block;border:0px; cursor:pointer; text-align:center; color:#FFFFFF; text-decoration:none;font-weight:bold;}
.sublinks li a:hover { background-image:url(../imgs/sidebarnavbg.gif); background-position:bottom left; background-repeat:no-repeat; height:36px; width:173px; line-height:26px; display:block; border:0px; cursor:pointer; text-align:center; color:#FFFFFF; text-decoration:none; font-weight:bold; line-height:32px;}

.light{ color: #83db1e; }
.dark{ color: #1c7521; }

.frontpage h3{ font-size: 16px; }

.homeoftheweek{ width:650px; background: url(../imgs/homeoftheweek-bg.gif) left bottom repeat-y; padding: 15px 20px 15px 20px; margin-left:0px; margin-top:20px; margin-bottom:10px;}
.homeoftheweek h1{ padding:0; margin:0; color: #8cc63e; text-transform: uppercase; font-size: 2.6em;}
.homeoftheweek p{ color:#fff; font-size: 1.4em; line-height:: 1.2em; text-transform: uppercase; padding-top: 5px;}
.homeoftheweek strong{ color: #8cc63e;}
.homeoftheweek a:hover{ text-decoration: none;}

.cpspecialoffer {}
.cpspecialoffer h1 { color:#1c7420; font-size:2.5em; margin:0px 0px 10px 0px; padding:0px; line-height:1em;}
.cpspecialoffer h2 { color:#8cc63e; font-size:1.7em; margin:0px 0px 10px 0px; padding:0px;}
.cpspecialoffer h3 { color:#000000; font-size:1.7em; font-weight:lighter;}
.cpspecialoffer h4 { color:#8cc63e; font-size:2.5em;}
.cpspecialoffer h5 { color:#000000; font-size:10px; font-weight:lighter;}
.cpspecialoffer p { margin-bottom:15px;}
.specialofferbgimg { background-image:url(../userfiles/image/specialoffers_masthead.jpg); width:690px; height:350px; overflow:hidden; background-position:top left; background-repeat:no-repeat; margin-bottom:10px;}
.specialofferheadline { width:220px; height:310px; margin-top:20px; margin-left:30px; overflow:hidden;}