/*    -------------------   */
/*      HOME STRUCTURE      */
/*    -------------------   */

/* sets the RIGHT column width and pads content away from the right edge */
div#right {
	float: right;
	width:280px; /* previously 270px */
	padding-top: 0; /* was 17px */
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
/* sets the LEFT column width and pads content away from the left edge */
div#left {
	float: left;
	width: 452px;
	padding: 0 22px 0 15px; /* 491px to 489px, -2px of left padding, ie 6 pc fix */
}

div#searchFloat { /* positions search button */
	float: right;
	
}


/* ------------------- */
/*        STYLES       */
/* ------------------- */


div#homeSearch {
	background-image:url(../assets/common/redpanelbottom2_blue.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #B51619;
	padding: 0;
	font-size: 11px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
}

div#homeSearchpadding {
	background-image:url(../assets/common/redpaneltop.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 18px 20px 51px 5px; /* more padding bottom and top */
}

#homeSearch .heading {
	float: left;
	color: #FFF;
	font-size: 16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding-bottom: 20px;
}

#homeSearch .right {
	float: right;
	color: #FF9900;
}

#homeSearch .right a, #homeSearch .right a:visited, #homeSearch .right a:active  {
	color:#FFF;
	text-decoration: none;
}

#homeSearch .right a:hover {
	color: #FF9900;
	text-decoration: none;
}

div#homeBody {
	width: 776px;
	/* height: 18px; removed because this was causing footer to appear 18px below */
	/* background-image:url(../assets/common/maintopshadow_blue.gif); removed and added drop shadow to red bottom strip */
	background-repeat: no-repeat;
	background-position: left top;
}

/* HOME PAGE THREE COLUMN FORM LAYOUT */
#homeSearch input, #homeSearch select {font-family:Arial, Helvetica, sans-serif;font-size: 10px;line-height: 200%;margin-right: 6px;}
#homeSearch label, #homeSearch input, #homeSearch select {display: block;width: 100px;float: left;margin-bottom: 3px;}
#homeSearch label {text-align: right;color:#F90;font-weight: bold;width: 75px;padding-right: 7px;}
#homeSearch br {clear: left;}
#homeSearch .submit {width: 50px;margin-left: 10px;float: right;}

#searchFloat input { /*New style to make home search button correct size */
	width: 79px;
	height: 31px;
}


.leftHome {
	font-family: Georgia, verdana, helvetica, sans-serif;
	color: #FFF;
	font-size: 80%;
	line-height: 145%;
	padding-bottom: 5px;
}

.leftHome a, .leftHome a:visited,.leftHome a:active {
	color: #99CCE6;
}

.leftHome a:hover {
	color:#FFF;
	}

div#right {
	color:#666;
	font-size: 80%;
	line-height: 125%;
}

#right p a, #right p a:visited,#right p a:active {
	color: #99CCE6;
}

#right p a:hover {
	color:#FFF;
}

/* STYLES FOR MAIN PANEL */

h1.homeHead {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 21px;
	font-weight: bold;
	margin: 0 0 18px 0; /* removes margin from h1 */
	color: #004A99;
}

h2.homeSubhead {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	margin: 0 0 0 0; /* removes margin from h2 */
	color: #960;
} 

.homePanelWrapper { /* styles for main home panel */
	color:#333;
	font-size: 12px; /* sets font size for home panel */
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	background-color: #FDE2C9; /* sets pannel colour */
	width: 452px;
}

.homePanelInner { /* styles for main home panel */
	background-image:url(../images/homepage/home_panel_bot_pic.jpg); /* for no pic, use home_panel_bot_pic.jpg  */
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 452px;
	padding: 0;
	margin: 0;
}

.homePanelPadding { /* styles for main home panel */
	padding-top: 15px;
	padding-right: 25px;
	padding-bottom: 195px;
	padding-left: 25px;
}



.homeFlash { /* leaves image for no flash */
	background-image:url(../images/homepage/homemaintext_top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FDE2C9; /* sets pannel colour */
	width: 452px;
	height: 176px; /* sets image height */
}

.Imageright { /* sets image right in main home panel */
	float: right;
	margin: 0 0 5px 14px;
}

.Imageleft { /* sets image left in main home panel */
	float: left;
	margin: 0 14px 5px 0;
}

/* STYLES FOR REQUEST PANEL */

h2.brochureHead {
	font-family: Georgia, verdana, helvetica, sans-serif; 
	margin: 14px 0 0 0; /* adds margin to this h2 */
	color: #004A99;
	font-size: 24px;
	line-height: 27px;
}

.requestWrapper { 
	background-color: #F90;
	float: left; /* was float right ie 6 pc fix */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#333;
	line-height: 17px;
	width: 270px; /* was 270px ie 6 pc fix */
	margin: 24px 0 0 0; /* space between above element */
}

.requestWrapper strong span { 
	font-size: 11px;
	color: #004A99;
}

.requestWrapper span { 
	font-size: 9px;
}

.marked { /* for obligatory fields */
	color: #FFF;
	font-weight: bold;
}

.requestInner {
	background-image:url(../images/homepage/request_panel_bot.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 270px;
	padding: 0;
	margin: 0;
}

.requestPadding {
	background-image:url(../images/homepage/request_panel_top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 10px 15px 10px 15px;
}

.inputBg { /* sets 'input' background to white */
	background-color: #FFF; 
}

table {
	margin-top: 21px; /* adds margin to top of brochure request table */
}


/* New */

fieldset.req-brochure {
	/* background: #f4f4f4; don't need this */
	padding: 10px 10px 0 0;
	border: none; /* need this */
}
			
fieldset.req-brochure input {
	margin-bottom: 6px;
	background: #FFF;
}
			
input.client-details {
	width: 175px;
	padding: 3px 6px;
	border: 1px solid #c2c2c2;					
}

/* STYLES FOR PROPERTY OF THE MONTH */

.pMonthWrapper {
	float: left;
	line-height: 17px;
	background-image:url(../assets/thumbnails/property_month/pm_thumb_rpt_y.gif);
	background-repeat: repeat-y;
	background-position: top left;
	background-color: #FFF;
	margin: 12px 0 0 0;
	width: 270px;
	font-size: 11px;
	color:#666;
	font-family: Arial, Helvetica, sans-serif;
}

.pMonthInner {
	background-image:url(../assets/thumbnails/property_month/pm_thumb_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 270px;
	padding: 0;
	margin: 0;
}

.pMonthPadding {
	background-image:url(../assets/thumbnails/property_month/pm_thumb_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 7px;
}

.pMonthPadding strong {
	font-family: Georgia, verdana, helvetica, sans-serif; 
	font-size: 13px; 
	color: #B51619;
}

.pMonthPadding em {
	font-family: Georgia, verdana, helvetica, sans-serif;
	font-size: 14px;
	color: #00449A;
	font-style:normal;
	font-weight: bold;
	}
	
	
	
/* STYLES FOR NEWS OR TESTIMONIALS PANEL */	


.panelWrapper {
	float: left;
	line-height: 17px;
	background-image:url(../assets/thumbnails/home/homepanel_rpt_y.gif);
	background-repeat: repeat-y;
	background-position: top-left;
	background-color: #FFF;
	margin: 4px 16px 0 0;
	width: 270px;
	font-size: 11px;
	color:#666666;
	font-family: Arial, Helvetica, sans-serif;
}

.panelInner {
	background-image:url(../assets/thumbnails/home/homepanel_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 270px;
	padding: 0;
	margin: 0;
	/*height: 165px !important; /* sets height for panels */
}

.panelPadding {
	background-image:url(../assets/thumbnails/home/homepanel_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 7px;
}

.panelPadding strong {
	font-family: Georgia, verdana, helvetica, sans-serif;
	font-size: 11px;
	color: #996600;
	}
	
.panelPadding em {
	font-family: Georgia, verdana, helvetica, sans-serif;
	font-size: 14px;
	color: #00449A;
	font-style:normal;
	font-weight: bold;
	}
	
.alignLeft strong {
	font-family: Georgia, verdana, helvetica, sans-serif;
	font-size: 11px;
	color: #996600;
	}
	
div.paneltitleOuter {
	width: 256px;
	margin: 8px 0 15px 0;
	}
	
div.paneltitleOuter2 {
	width: 256px;
	margin: 0 0 7px 0;
	}	
	

div.panelHead {
	font-family: Georgia, verdana, helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	font-style:normal;
	font-weight: bold;
	margin: 0 0 6px 0;
	width: 230px; /* -2 px for IE Pc */
	float: left !important;
	}
	
div.panelHead a:link, div.panelHead a:hover, div.panelHead a:visited, div.panelHead a:active {
	color: #FFF;
	text-decoration: none;
	}
	
div.panelRight {
	width: 140px;
	float: right;
	padding-top: 3px; 
	}
	
div.panelRight p {
	margin: 0; 
	}
	
div.panelMinipic {
	margin: 0 0 6px 0;
	width: 100px; /* -2 px for IE Pc */
	float: left !important;
	}
	
	div.panelMinipic a {
	color: #FFF;
	text-decoration: none;
	}
	
div.panelRight a:link, div.panelRight a:hover, div.panelRight a:visited, div.panelRight a:active {
	font-family: Georgia, verdana, helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	font-style:normal;
	font-weight: bold;
	text-decoration: none;
	}
	
	
div.panelRight {
	float: right;
	padding-top: 3px; 
	}
	
div.panelText {
	clear:both;
	margin: 2px 0 10px 0;
	color: #FFF;
	font-weight: bold;
	font-size: 100%;
	line-height: 110%;
	}	
	
div.panelText .italic {
	clear:both;
	margin: 2px 0 10px 0;
	color: #FFF;
	font-weight: normal;
	font-style:italic;

	}