/* colours:
Background-Beige: #FFFAE8
Deep Red: #E20A16
Dark Pink: #EC676E
Light Pink: #F49FA4

Text Color (Dark Red): #7E1314;
Text Color (Grey) #333333;

Orange: #FC7713;
Light Grey: #CCCCCC;
Grey Shadow: #CAC9C7;
DarkGreyShadow (left): #AFAEAC;

Dark Yellow: #FEC100
Lighter Yellow: #FEE07F
*/

form
{
	margin: 0px;
}

#search
{
	margin: 0px;
	padding: 0px;
}

body
{
	height: 100%;
	margin: 0px 14px 0px 20px;
	background-color: #FFFAE8;
	font-family: verdana, arial, helvetica;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 9pt;
	color: #7E1314;
}

.subject
{
	font-size: 7pt;
}

img
{
	border: none;
	padding: 0px;
	margin: 0px;
}

a
{
	text-decoration: none;
	color: #7E1314;
}

a:hover
{
	text-decoration: none;
	color: #EC676E;
}

h1
{
	color: #7E1314;
	font-size: 9pt;
	margin-top: 0px;
	padding-top: 0px;
}

	#articleHeader
	{
		text-align: right;
		color: #F49FA4;
		font-size: 18pt;
		margin-top: 12px;
		padding: 0px 7px 0px 5px;
		border-bottom: solid 5px #F49FA4;
		width: 420px;
		overflow: hidden;
	}

h2, .h2
{
	color: #7E1314;
	font-size: 9pt;
	background-image: url(/images/headerfade.jpg);
	background-color: #F49FA4;
	padding: 2px 0px 2px 5px;
	margin: 5px 5px 5px 0px;
	line-height: 18px;
	font-weight: bold;
}

h3
{
	color: #7E1314;
	font-size: 9pt;
}

h5
{
	color: #7E1314;
	font-size: 9pt;
	background-color: #F49FA4;
	padding: 0px 10px 0px 10px;
	margin: 0px 15px 0px 0px;
	line-height: 20px;
}


p
{
	color: #7E1314;
	font-size: 9pt;
	text-align: justify;
}

blockquote
{
	font-weight: bold;
	margin-left: 10px;
	padding-left: 0px;
}

#page
{	
	margin-left: auto;	             /** NB. DIVs are block elements so should not centered with text-align **/
	margin-right: auto;              /** Using margin-right: auto; and margin-left: auto; centers a DIV **/
	width: 800px;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	text-align: center;
}


/** Header **/ 
#header
{
	position: relative;
	background-color: #E20A16;
	margin-top: 0px;
	height: 107px;
	width: 800px;
	border-bottom: solid 3px #FC7713;
	color: White;
}

	#headerLeft
	{
		position: relative;
		float: left;
		width: 520px;
		height: 106px;
		color: White;
	}
	
		#headerNav
		{
			position: relative;
			width: 380px;
			float: left;
			text-align: left;
			font-size: 8pt;
			padding: 0px 10px 0px 10px;
			margin: 36px 0px 0px 0px;
			vertical-align: bottom;
		}
				#headerNav p
				{
					color: White;
				}
			
			#headerNav a
			{
				color: White;
			}
			
			#headerNav a:hover
			{
				color: #FEC100;
			}
			
		.dateString
		{
			width: 200px;
			float: left;
			color: White;
			margin: 40px 0px 0px 10px;
		}
		
		#headerLeftImg
		{
			width: 115px;
			float: left;
		}

	#headerRight
	{
		width: 270px;
		float: right;
	}
	
		#headerRight img
		{
		}

		#flags
		{
			width: 50px;
			float: right;
		}
		
			#flags img
			{
				padding: 0px;
				border: solid 1px white;
			}
			
			#flags a
			{
				text-decoration: none;
			}			
			
				#flags a:hover
				{
				}
		

#banners
{
	padding: 5px 0px 5px 5px;
}
	#banners .banner
	{
	}

#featuredProperty
{
	background-color: #FEC100;
	width: 100%;
	padding: 0px 0px 0px 0px;
	color: #7E1314;
	text-align: left;
	margin: 3px 0px 5px 0px;
	height: 92px;
}

	#featuredProperty a
	{
		text-decoration: underline;
	}

	#pageTitle
	{
		width: 185px;
		color: #FEE07F;
		font-size: 22pt;
		line-height: 26pt;
		height: 83px;
		padding: 5px 0px 0px 15px;
		margin: 0px 0px 0px 0px;
		text-align: left;
		float: left;
	}
	
	#featuredPropertyDetails
	{
		margin-left: 225px;
		margin-right: 120px;
	}
	
	.featuredImage
	{
		height: 92px;
		margin: 0px 10px 0px 10px;
		padding: 0px;
		border-left: solid 1px White;
		border-right: solid 1px White;
		float: left;
	}
	
	.sliderImage
	{
		height: 86px;
		width: 100px;
		margin: 1px 10px 1px 10px;
		padding: 0px;
		border: solid 2px White;
	}
	
	#featuredPropertyType
	{
		font-size: 14pt;
		color: White;
		width: 150px;
	}
	
	#featuredPropertyPrice
	{
		font-size: 14pt;
		padding-left: 10px;
		color: White;
		width: 150px;
		text-align: right;
	}

	#featuredPropertyTown
	{
		width: 150px;
		font-weight: bold;
		font-size: 10pt;
	}
	
	#featuredPropertyRef
	{
		width: 156px;
		text-align: right;
		font-weight: bold;
		font-size: 10pt;
	}

/** End of Headers **/	


	#mainPage
	{	
		width: 799px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 10px 0px;
		background-position: 0px bottom;
		background-image: url(/images/leftline.gif);
		background-repeat: repeat-y;
		background-color: White;
	}


	#pageLeft
	{
		background-color: #E20A16;
		width: 167px;
		height: 100%;
		float: left;
		text-align: right;
	}
	
	
	#registerGraphic
	{
		text-align: center;
	}
	
	#offPlanGraphic
	{
		text-align: center;
	}
		#offPlanGraphic img
		{
			border: solid 1px white;
		}
	
		.popularSearches a, #navBar a
		{
			padding: 0px 0px 5px 0px;
			color: White;
			font-weight: normal;
			width: 155px;
			margin-left: auto;
			margin-right: auto;
			padding-right: 5px;
		}
		
		#navBar a
		{
			color: #F49FA4;
		}
		
		.popularSearches a:hover, #navBar a:hover
		{
			color: #7E1314;
			font-weight: normal;
		}	
		
		#navBar
		{
			margin-bottom: 16px;	
		}
		
		.popularSearches
		{
			background-color: #EC676E;
			border: solid 1px #F49FA4;
			margin-top: 16px;
			margin-bottom: 16px;
			padding-bottom: 10px;
		}
		
		.popularSearches h4
		{
			margin: 5px 0px 0px 0px;
			color: #7E1314;
			font-size: 9pt;
			font-weight: bold;
			padding-left: 10px;
		}
		
		.borderButton
		{
			background-color: white;
			border: solid 1px #EBF1F5;
			padding: 4px 8px 2px 8px;
			margin-left: 10px;
			width: 52px;
			color: #E20A16;
			font-size: 9pt;
		}
		
		.borderButton img
		{
			padding: 2px 0px 0px 0px;
		}
		


		#pageRight
		{
			width: 628px;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
			position: relative;
			float: right;
			text-align: left;
		}

			#pageRightTop
			{
				background-image: url(/images/chica.jpg);
				background-repeat: no-repeat;
				background-position: 0px 0px;
				background-color: White;
				padding: 0px 0px 0px 195px;
				margin: 0px;
			}
			
			
			#pageRightTop p
			{
				padding-right: 7px;
			}
			
			#searchForm
			{
				width: 430px;
				float: left;
			}
				
			#propertySearchForm
			{
				height: auto;
			}
			
			#propertySearchTop
			{
				border: solid 1px white;
				margin-left: -1px;
				margin-bottom: -4px;
				padding: 0px;
			}
			
			#propertySearchHeader
			{
				background-color: #E20A16;
				width: 160px;
				float: left;
				height: 28px;
				padding: 3px 0px 0px 5px;
				margin: 0px 0px 0px 0px;
				color: White;
				font-size: 14pt;
			}


			#propertySearchHeaderCorner
			{
				float: left;
				height: 31px;
				padding: 0px 0px 0px 0px;
				margin: 0px;
			}
				#propertySearchHeaderCorner img
				{
					padding: 0px 0px 0px 0px;
					margin: 0px 0px 0px 0px;
				}
				
			#searchFormDiv
			{
				margin: 0px;
				padding: 8px 0px 0px 10px;
				width: 415px;
				border: solid 3px #E20A16;
				position: relative;
				overflow: visible;
			}
		
		.formDiv
		{
			margin: 2px 0px 10px 0px;
		}

		.formDivInner
		{
			width: 30%;
			float: left;
			margin: 0px 0px 0px 4px;
		}
	
		.small
		{
			font-size: 8pt;
			margin: 0px 0px 0px 10px;
			padding: 0px;
		}
				
		.label
		{
			width: 110px;
			font-size: 8pt;
			margin: 0px;
			color: Black;
		}
		
		.recommendLabel
		{
			height: 26px;
			color: Black;
			position: relative;
			float: left;
			width: 200px;
		}


		.recommendTextArea
		{
			height: 100px;
		}
		
		
		.field
		{
			width: 130px;
			margin: 0px;
		}

		.field select, .field input
		{
			width: 120px;
			margin: 0px;
			font-size: 8pt;
		}
		
		.field input
		{
			width: 115px;
		}
		

		.mainButton
		{
			background-color: #E20A16;
			background-image: url(/images/buttonfade.jpg);
			border: solid 1px #EBF1F5;
			padding: 4px 16px 4px 0px;
			margin: 0px 0px 0px 10px;
			width: 100px;
			color: White;
			font-size: 8pt;
			margin: 0px;
		}
		.mainButton a
		{
			color: White;
		}
		
		.button
		{
			background-color: #E20A16;
			background-image: url(/images/buttonfade.jpg);
			border: solid 1px #EBF1F5;
			padding: 4px 12px 4px 4px;
			margin: 0px 0px 0px 10px;
			width: 55px;
			color: White;
			font-size: 8pt;
			margin: 0px;
		}		
		.button a
		{
			color: White;
			width: 52px;
		}
		
		.buttons2
		{
			margin: 30px 0px 10px 0px;
		}
		
		.button2
		{
			background-color: #E20A16;
			background-image: url(/images/button.gif);
			background-repeat: no-repeat;
			width: 150px;
			color: White;
			font-size: 7pt;
			padding: 7px 20px 6px 5px;
			margin-top: 2px;
			text-align: left;
			float: right;
			cursor: hand;
		}
		
		.button2 a
		{
			color: White;
		}
		
		#additionalImages .button img
		{
			width: 8px;
			height: 12px;
		}
		
		
		#pageRightContent
		{
			width: 613px;
			text-align: left;
			padding-left: 8px;
			padding-right: 5px;
		}

			#pageRightContent P
			{
				padding-right: 7px;
			}
			
			/** Bottom text on Home Page **/
			.clearLeft
			{
				margin-left: 410px;
			}
				.clearLeft img
				{
					width: 190px;
				}
			
			.leftDiv
			{
				width: 405px;
				float: left;
				padding-top: 5px;
			}

	#quoteText
	{
		font-style: italic;
		font-family: Times New Roman, Times, Sans-Serif;
		padding: 7px 7px 7px 7px;
		border: solid 1px #CCCCCC;
		margin: 5px 5px 5px 5px;
		
	}

	#footer
	{
		position: relative;
		width: 800px;
		text-align: center;
		margin-top: 0px;
		margin-left: auto;
		margin-right: auto;
		background-color: White;
		border-left: solid 1px #CCCCCC;
		border-right: solid 1px #CCCCCC;
		border-bottom: solid 1px #CCCCCC;
		padding-top: 7px;
	}



/* General classes and id */
.left
{
	float: left;
}

.right
{
	float: right;
}

.clear
{
	clear: both;
}

.leftHalf
{
	float: left;
	width: 48%;
	height: 100%;
}

.rightHalf
{
	float: right;
	width: 48%;
	height: 100%;
}

.center
{
	text-align: center;
}

.padding
{
	padding: 3px 0px 2px 5px;
}

.alignRight
{
	text-align: right;
}

#propertyDetails img
{
	padding: 0px;
	width: 265px;
	border: 1px solid black;
}

#propertyDetails div
{
	width: 220px;
}

/** Main Form **/




/** Search Results **/

.pages
{
	text-align:center;
}

.previous
{
	padding: 2px 2px 2px 2px;
	text-decoration: none;
	margin-right: 2px;
}

.page, .selected
{
	text-decoration: none;
	font-size: 8pt;
	padding: 1px 1px 1px 1px;
}

.page:hover
{
	background-color: #EBF1F5;
}

.next, .previous
{
	color: #4C728D;
	text-decoration: underline;
	text-transform: lowercase;
	padding: 2px 5px 2px 5px;
	margin: 0px 5px 0px 5px;
	font-size: 9pt;
}
		
.selected
{
	background-color: #EBF1F5;
	color: #FFFFFF;
}
		
.selected:hover
{
	background-color: #EBF1F5;
	color: #FFFFFF;
}
		
.disabled
{
	display: none;	
}


/** Search Results Page **/

.searchResults
{
	margin-bottom: 10px;
}

.searchResultsHeader
{
	width: 98%;
	line-height: 18px;
	background-image: url(/images/headerfade.jpg);
	color: #7E1314;
	font-weight: bold;
	margin-bottom: 3px;
	padding-left: 5px;
	font-family: Verdana, helvetica, Arial;
}
	.searchResultsHeader .ref
	{
		float: left;
		width: 165px;
	}
	
	.searchResultsHeader .title
	{
		float: left;
		width: 300px;
		text-align: right;
		font-size: 8pt;
		font-weight: bold;
	}

.searchResultsImg
{
	width: 160px;
	height: 120px;
	float: left;
	border: solid 1px gainsboro;
}

	.searchResultsMain .summary
	{
		float: left;
		margin-left: 5px;
		width: 310px;
	}

	.searchResultsMain .resultsPrice
	{
		font-weight: bold;
	}

#propertyUpdate
{
	float: left;
	border: 0px;
}

#propertyBanner
{
	background-image: url(/images/propertyupdates.jpg);
	background-repeat: no-repeat;
	padding-left: 175px;
	height: 97px;
	margin: 10px 0px 5px 0px;
}
	#propertyBannerEs
	{
		background-image: url(/images/propertyupdatesEs.jpg);
		background-repeat: no-repeat;
		padding-left: 175px;
		height: 97px;
		margin: 10px 0px 5px 0px;
	}

/** rightSearch on searchResults page **/

#rightSearch
{
	width: 134px;
	background-color: #FFC200;
	float: right;
	padding: 0px;
	color: White;
}

	#rightSearchHeader
	{
		text-align: center;
		font-size: 11pt;
		margin: 5px 0px 5px 0px;
	}
	

#pageRightSearchResults
{
	width: 628px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	position: relative;
	float: right;
	text-align: left;
	background-image: url(/images/rightline.gif);
	background-position: 492px 0px;
	background-repeat: repeat-y;
}

	#pageRightContentSearchResults
	{
		width: 485px;
		text-align: left;
		padding-left: 3px;
		float: left;
	}

	#borderSearch /* This is the search box when it is displayed in the right border */
	{
		width: 134px;
		padding: 0px;
	}
	
	
	#borderSearch .small
		{
			font-size: 8pt;
			margin: 0px 0px 0px 3px;
			padding: 0px;
		}

		#borderSearch select
		{
			margin: 0px 2px 7px 2px;
			width: 130px;
			font-size: 9pt;
		}
		
		#borderSearch input, #input 
		{
			margin-left: auto;
			margin-right: auto;
			margin-bottom: 1px;
			font-size: 9pt;
		}

		#borderSearch a
		{
			color: #E20A16;
		}

			#borderSearch a:hover
			{
				color: #EC676E;
			}


/** End Of Search Results Page Stuff **/

/**Property Details Page **/


ul 
{
	margin: 0px 0px 0px 16px;
	padding: 0px;
}
 
li 
{
	margin: 0px 0px 10px 10px;
}


#top
{
}

#bottom
{
}

#top
{
	height: auto;
}

#propertyDetailsPrice
{
	text-align: right;
	font-size: 14pt;
	font-weight: bold;
	width: 100%;
}

#propertyDetailsTitle, #rentalPropertyDetailsTitle
{
	width: 100%;
	background-image: url(/images/blockbackground.jpg);
	background-repeat: repeat-y;
	color: White;
	font-weight: bold;
	line-height: 24px;
	margin-bottom: 5px;
}

	#propertyDetailsTitle .ref
	{
		width: 245px;
		float: left;
		padding-left: 5px;
	}

	#propertyDetailsTitle .title
	{
		width: 225px;
		float: left;
		text-align: right;
	}

.propertyMainImage
{
	float: left;
	width: 270px;
}

#propertyMainImage
{
	float: left;
	width: 270px;
}

	#propertyMainImage img
	{
		width: 270px;
	}

#propertyFeatures
{
	float: right;
	width: 200px;
}

	.tableDiv
	{
		width: 200px;
		height: 24px;
		margin: 0px 0px 3px 0px;
		background-color: #E20A16;
	}

	.detailsLabel
	{
		height: 24px;
		width: 100px;
		background-color: #E20A16;
		float: left;
		color: White;
		font-size: 10pt;
	}

	.detailsValue
	{
		background-color: #EC676E;
		float: left;	
		height: 24px;
		font-weight: bold;
		color: White;
		font-size: 8pt;
		width: 100px;
	}
	
	.detailsUserDefined
	{
		height: 24px;
		background-color: #E20A16;
		float: left;
		color: White;
		font-size: 10pt;
	}
	
	 .detailsLabel span, .detailsValue span, .detailsValueLong span
	{
		padding: 5px 0px 0px 4px;
		line-height: 24px;
	}
	
	.detailsUserDefined span
	{	padding: 6px 0px 0px 5px;
	}
#additionalImages
{	
}

	.smallImagesDiv
	{
		width: 45%;
		padding: 0px;
		margin: 0px 1px 5px 1px;
		float: left;
		height: 180px;
		overflow: hidden;
		margin: 0px 15px 5px 0px;
	}
	
	#additionalImages img
	{
		width: 98%;
		margin-left: auto;
		margin-right: auto;
		padding: 0px;
		border: solid 1px gainsboro;
	}

	#additionalImages img a:hover
	{
		border: solid 1px #CCCCCC;
	}
	

/** End of Property Details Page Stuff **/

/** Rental Search Results **/

.rental ul
{
	margin: 3px 0px 3px 5px;
}

.rental li
{
	height: 10pt;
	padding: 0px;
	margin: 0px 5px 0px 5px;
	list-style-type: none;
}

/** Rental Property Details **/

.propertyDescription
{
	font-size: 8pt;
	color: #032A54;
	margin: 30px 0px 30px 0px;
}

#titleLeft
{
	width: 360px;
	float: left;
}

#titleRight
{
	width: 100px;
	float: right;
	text-align: right;
	padding-right: 10px;
}

#accomodation
{
	margin-top: 7px;
	line-height: 1.2em;
	font-size: 10pt;
	font-family: Arial;
	text-align: left;
	padding: 5px 5px 5px 5px;
}

.descriptions
{
	margin: 5px;
/*	border: solid 1px #004879;*/
}

.descriptionTitle
{
	float: left;
	width: 90px;
	font-weight: bold;
	text-align: right;
}

.descriptionText
{
	float: right;
	width: 345px;
	padding-right: 10px;
}	

#details
{
	float: right;
	width: 306px;
}
	
	.detailsName
	{
		float: left;
		width: 47%;
		height: 22px;
		padding: 2px;
		margin: 1px;
		border: 1px solid #004879; 
		background-color: #E4F3F3;
		background-image: url(/images/titleback.gif);
		background-repeat: repeat-x;
		color: #9B3173;
		overflow: hidden;
	}
	

#enquiryForm
{
	margin-left: auto;
	margin-right: auto;
	padding-left: 50px;
	width: 500px;
}

	#enquiryForm fieldset
	{
		color: #A39F7B;
	}

	#enquiryForm legend
	{
		font-size: 11pt;
		color: #9B3173;
		font-family: Arial;
		font-weight: bold;
		padding: 0px 10px 0px 10px;
	}
	
	#enquiryForm Table
	{
		font-size: 10pt;
		color: #333333;
	}
	
.rate
{
	line-height: 1.5em;
	height: auto;
	overflow: visible;
}

	.rateFrom
	{
		float: left;
		width: 170px;
		padding-left: 10px;
	}

	.rateto
	{
		width: 250px;
		padding-left: 10px;
	}

	.ratePrice
	{
		float: right;
		width: 120px;
		padding-right: 10px;
	}

/** End of Rental Property Details **/

/** Property Photo **/

#salePropertyPhoto img
{
	width: 520px;
}

.salePropertyPhotoInner
{
	width: 520px;
}


/** End of Property Photo **/

/** Contact Form **/

table
{
	font-size: 10pt;
}

#callMeBack
{
	padding: 12px 0px 12px 0px;
	background-image: url(/images/callmeback.jpg);
	background-position: 112px 0px;
	background-repeat: no-repeat;
	font-size: 10pt;
}

.form
{
	padding-left: 0px;
	margin: 0px 0px 20px 0px;
	width: 475px;
}

/** End of contact form **/

/** ArticlePage **/

.articleDescription
{
	width: 420px;
	float: left;
	padding-top: 7px;
}

.articleIcon
{
	width: 160px;
	float: right;
	margin-right: 3px;
}

.articleIcon img
{
	width: 155px;
	height: 120px;
}

/** Register Form **/

#privacyPolicy
{
	margin: 5px 20px 0px 20px;
	border: solid 1px #CCCCCC;
	padding: 5px 5px 5px 5px;
	text-align: left;
	background: white;

}
	#privacyPolicy h1, #privacyPolicy h2
	{
		background-color: Transparent;
		color: Black;
		font-size: 9pt;
	}
	
	#privacyPolicy p
	{
		color: Black;
		font-size: 8pt;
	}
	
	#privacyPolicy h2
	{
		font-size: 9pt;
		background-image: none;
		padding-left: 0px;
	}
	
/**backtotop **/

#backtotop
{
	margin: 10px 5px 10px 0px;
}

/** Mortgage Calculator **/

#mortgageCalc
{
	padding-left: 5px;
}

.calcLabel
{
	width: 110px;
	float: left;
	font-size: 9pt;
	margin: 3px 0px 2px 0px;
}

.calcValue
{
	width: 110px;
	float: right;
	margin: 3px 0px 2px 0px;
}

.getValue
{
	padding: 0px;
}

.ref
{
	font-weight: bold;
}

.testBorder
{
	border: solid 1px green;
}