/* Parks Residential CSS
***********************************************/


/* HTML Tags
***********************************************/

*{
	border:none;
	color:#036;
	font:1em/1.3em "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	text-align:left;
}

html{
	font-size:1em;
	}

body{
	background:#FFF url("../graphics/header_background.gif") left top repeat-x;
	font-size:62.5%;
	}
	
html, body{
	text-align:center;
	width:100%;
}

h1 a{
	background:url("../graphics/logo_parks.gif") no-repeat left top;
	float:left;
	height:0;
	margin:0;
	overflow:hidden;
	padding:76px 0 0;
	width:304px;
	}

h2{
	background:url("../graphics/header_telno.gif") no-repeat left top;
	float:left;
	height:0;
	margin:0;
	overflow:hidden;
	padding:76px 0 0;
	width:415px;
	}

h3{
	clear:left;
	color:#036;
	font-size:1.6em;
	padding:12px 0;
	font-weight:bold;
	}
	
h4{
	color:#A3001D;
	font-size:1.4em;
	padding-bottom:4px;
	margin:0 0 10px;
	background:url("../graphics/medium_line.gif") no-repeat left bottom;
	}
	h4 a, h4 em, h4 strong{
		color:#A3001D;
		}
	{
		color:#A3001D;
		}

h5{
	color:#A3001D;
	font-size:1.2em;
	font-weight:bold;
	margin:0 0 10px;
	}

a{
	color:#001046;
}
	a:hover{
		color:#00458A;
		text-decoration:none;
	}

br{
	clear:left;
	}
	
em{
	font-style:italic;
	}

em a{
	font-style:italic;
	}

form{
	margin:0;
	padding:0;
	}

strong, strong a{
	font-weight:bold;
	}

p{
	font-size:1.2em;
	line-height:1.4em;
	padding:0 0 15px;
	text-align:justify;
	}

p.left{
	width:50%;
	float:left;
	}

p.right{
	width:50%;
	float:right;
	text-align:right;
	}

ul, ol{
	margin-left:20px;
	margin-bottom:10px;
	font-size:1.1em;
}

ol{
	margin-left:28px;
}

	ul li, ol li{
		margin-bottom:5px;
	}


/* Structure
***********************************************/

#Container{
	margin:0 auto;
	width:719px;
}

#Header{
	height:76px;
	padding:0;
	margin:0;
}
	#Logo{
		float:left;
		width:304px;
	}
	#HeaderTelNo{
		float:left;
		width:415px;
	}
	
#RightColumn{
	width:227px;
	float:right;
}

#Navigation{
	background:url("../graphics/nav_box_bg.gif") no-repeat;
	padding:0;
	clear:right;
	float:left;
	margin:0;
	width:719px;
}
	#Navigation a{
		white-space:nowrap
	}
#Navigation ul{
	padding:0;
	margin:0;
	list-style:none;
	font-size:1em;
}
	#Navigation li{
		padding:0;
		float:left;
		margin:0;
	}
		#Navigation li.last{
			border-right:0px
		}
			#Navigation a{
				padding:.8em 1.6em 1em 1.9em;
				display:block;
				font-size:1.1em;
				float:left;
				font-weight:bold;
				margin:0;
				text-transform:uppercase;
				text-decoration:none;
				font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
			}
				#Navigation a:hover{
					text-decoration:none;
					color:#AFCFED;
				}

/* Content
***********************************************/

#MainContent{
	padding-top:13px;
	float:left;
	width:719px;
}

#FeaturedProperty{
	background:url("../graphics/featured_property_bg.gif") no-repeat left top;
	float:left;
	width:483px;
	height:166px;
}

#FeaturedProperty img{
	float:left;
	margin-left:12px;
	margin-top:16px;
}

#FeaturedProperty h3{
	padding:12px 0 3px;
}

#FeaturedProperty h4 strong, .RefNo strong{
	color:#A3001D;
}

#FeaturedProperty .MoreBtn{
	margin:4px 0 0 0;
	padding:0;
}

#FeaturedPropertyDetails{
	float:left;
	width:280px;
	margin-left:15px;
}

#FeaturedPropertyDetails h4{
	margin-bottom:4px;
}

.RefNo{
	color:#A3001D;
	}

.RefNo strong{
	color:inherit;
	}
	
.Red, .Red strong, .Red li{
	color:#A3001D;
}

.RedBold{
	color:#A3001D;
	font-weight:bold;
}

.RedBold em, .RedBold a{
	color:inherit;
	font-weight:bold;
}

.BlueBold{
	font-weight:bold;
}

.HorizontalRule{
	background:url("../graphics/medium_line.gif") no-repeat left top;
	height:1px;
	margin:0 0 15px;
	clear:both;
}

.ImgFloatLeft{
	float:left;
	margin:0 15px 5px 0;
}

.ImgFloatRight{
	float:right;
	margin:0 0 5px 15px;
}


#RightAdBanner{
	float:right;
	padding:0 0 10px;
}

#RightAdBanner a{
	background:url("../graphics/btn_property_acquisition_banner.png") no-repeat left top;
	display:block;
	height:0;
	overflow:hidden;
	padding:290px 0 0;
	width:227px;
}

#OpenTimes{
	float:right;
	width:207px;
	padding:10px 14px 0 14px;
}

#HomepageContent{
	background:url("../graphics/line.gif") no-repeat left top;
	float:left;
	padding-top:10px;
	width:719px;
}

#PageText{
	width:464px;
	float:left;
	text-align:justify;		
}

/* Recruitment
***********************************************/
.Recruitment{
	border:1px solid #AFCFED;
	margin-top:15px;
	padding:10px 7px 7px 7px;
	height:100%;
	vertical-align:bottom;

}

/* Property search
***********************************************/
.PropertyListingBox{
	border:1px solid #AFCFED;
	margin-top:15px;
	padding:7px 7px 7px 7px;
	height:100%;
}

.PropertyDetails{
	width:280px;
	float:right;
	clear:right;
}

.PropertyListingBox h4{
	padding:0 0 3px;
	margin:0 0 4px;
}

.PropertyFullDetails .RefNo strong{
	color:#A3001D;
}


.PropertyListingBox .MoreBtn{
	margin:4px 0 0 0;
	padding:0;
}

#PropertyFullImage{
	float:left;
	width:240px;
}

#PropertyFullImage img{
	margin:0 0 4px;
}

#AdditionalImages{
	margin:4px 0 4px;
}

#AdditionalImages img{
	float:left;
	margin-right:2px;
}

.PropertyFullDetails{
	width:210px;
	float:right;
	clear:right;
}

#PropertyTelephone{
	background-color:#2B125A;
	color:#FFFFFF;
	text-align:center;
	padding:5px;
	clear:both;
	font-size:120%;
	margin:7px 0 7px 0;
}

.PropertyListingBox img{
	float:left;
}

.Pagination{
	color:#FFFFFF;
	background-color:#2B125A;
	padding:5px;
	text-align:center;
}
	.Pagination a{
		color:#FFFFFF;
	}
		.Pagination a:hover{
			color:#FFFFFF;
		}

/* Quick Search
***********************************************/

#QuickSearch{
	background:#A3001D url("../graphics/qsearch_bg.gif") no-repeat;
	width:227px;
	float:right;
	height:166px;
	margin-bottom:10px;
}

#QuickSearch h3{
	background:url("../graphics/qsearch_dots.gif") no-repeat 6px bottom;
	padding:6px;
	margin:0;
	font-size:1.4em;
	color:#FFF;
	font-weight:normal;
}

#QuickSearchForm{
	font-size:1em;
	color:#A3001D;
	padding:8px;
	margin:0 6px;
	height:109px;
}

#QuickSearch label{
	font-size:1.1em;
	margin:0;
	color:#FFF;
	}

#QuickSearch select{
	font-size:1.1em;
	border:1px solid #FFF;
	padding:1px;
	margin-bottom:10px;
	color:#036;
	}
	#QuickSearch select option{
		color:#036;
		}

/* Quick Contact
***********************************************/

#QuickContact{
	background:#fff url("../graphics/quick-contact-bgr.jpg") no-repeat;
	width:227px;
	float:right;
	height:315px;
	margin-bottom:10px;
}
#QuickContactForm{
	font-size:1em;
	padding:8px;
	margin:55px 0 0 6px;
	height:250px;
}
#QuickContactForm fieldset{ margin:10px 0 !important;}

#QuickContact label.tick{
	margin:0;
	line-height:10px;
	}
#QuickContact input.checkbox{
float:right;
width:20px;
border:none;
}

.divClear{ clear:both;}	

#QuickContactForm input{
	width:198px;
	float:left;
	border:1px solid #036;
	padding:1px;
	margin-bottom:.3em;
	font-size:1.3em;
	}
#QuickContactForm input:hover{
	border:1px solid #A3001D;
	}
#QuickContactForm input:focus{
	border:1px solid #A3001D;
	}
#QuickContactForm label{
	font-size:1.4em;
	line-height:1.1em;
	margin:0;
	float:left;
	}
#QuickContactForm input:hover,
#QuickContactForm input:focus{
	background:#fff;
	}
#QuickContactForm input.Send{
	border:none;
	cursor:pointer;
	margin-bottom:0;
	padding:0;
	width:auto;
	float:right;
	}
	#QuickContactForm input.Send:hover{
		background-color:#E26BBF;
		}
#QuickContactForm .ErrorText{
	color:#FF0000;
	}
#QuickContactForm .error{ border:1px solid #FF0000 !important;}	




		
/* News
***********************************************/

#LatestNews{
	float:right;
	width:227px;
}

#LatestNews h3{
	margin:0;
	padding:21px 0 15px 14px;
	background:url("../graphics/news_box_top.gif") no-repeat left top;
	color:#A3001D;
}

#LatestNews .Borders{
	border-left:1px solid #548FC5;
	border-right:1px solid #548FC5;
}

#LatestNews .NewsDate{
	margin:0;
	padding:8px 14px 0 14px;
}

#LatestNews .NewsTitle{
	margin:0 14px;
	padding:0 0 8px 0;
	background:url("../graphics/news_dots.gif") no-repeat left bottom;
}

#LatestNews .last{
	background:none;
}

#LatestNews .Bottom{
	padding-top:7px;
	background:url("../graphics/news_box_bottom.gif") no-repeat left bottom;
}
	

/* Form
***********************************************/

#standardform{
	background:url("../graphics/single_line.gif") no-repeat left top;
	padding-top:15px;
	clear:left;
	}

#standardform fieldset.left{
	width:230px;
	display:block;
	float:left;
	margin:0;
	padding:0;
	}

#standardform fieldset.right{
	width:230px;
	display:block;
	float:right;
	margin:0;
	padding:0;
	}

#standardform input,
#standardform textarea,
#standardform select{
	width:64%;
	float:left;
	border:1px solid #036;
	padding:1px;
	margin-bottom:.3em;
	font-size:1.1em;
	}
#standardform input:hover,
#standardform textarea:hover,
#standardform select:hover{
	border:1px solid #A3001D;
	}
#standardform input:focus,
#standardform textarea:focus,
#standardform select:focus{
	border:1px solid #A3001D;
	}
#standardform select{
	width:40%;
	}
#standardform label{
	font-size:1.1em;
	line-height:1.3em;
	width:28%;
	margin:0 7px;
	float:left;
	}
#standardform input{}

#standardform input:hover,
#standardform select:hover,
#standardform textarea:hover,
#standardform input:focus,
#standardform select:focus,
#standardform textarea:focus{
	background:#fff;
	}
#standardform input.Send{
	border:none;
	cursor:pointer;
	margin-bottom:0;
	padding:0;
	width:auto;
	}
	#standardform input.Send:hover{
		background-color:#E26BBF;
		}
#standardform .ErrorText{
	color:#FF0000;
	}

/* Footer
***********************************************/
#Footer{
	background:url("../graphics/line.gif") no-repeat left top;
	padding-top:10px;
	margin-top:10px;
	width:719px;
	float:left;
}

	#Footer .BaseLinks{
		float:left;
		width:526px;
		color:#3F80C0;
		font-weight:normal;
		padding:20px 0 10px;
		text-align:center;
	}
	#Footer .FooterLogoARLA{
		float:left;
	}
	#Footer .FooterLogoTDS{
		float:left;
	}

	
/* Clearfix */

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */


