/** colours:
light-blue:			#9ED8F1;
medium-blue:		#008FD4;
dark-blue:			#252C81;
grey (borders etc): #D2D2D2;


**/


body{
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	background-image: url(../images/bgFade.jpg);
	background-repeat: repeat-x;
	font-family: arial, verdana, helvetica;
	text-align: center;
	font-size: 10pt;
	margin-top: 3px;
}
#unbrandedBody
{
	background-color: White;
	background-image: none;
	color: Black;
}

.unbrandedSearchText
{
	color: Black;
}

#unbrandedContainer
{
	width: 980px;
	background-color: White;
	color: Black;
	padding: 0px 5px 0px 5px;
	margin: 5px 0px 5px 0px;
	height: auto;
	position: relative;
}

hr
{
	color: #D2D2D2;
	height: 1px;
}

img
{
	border: none;
	padding: 0px;
	margin: 0px;
}
.alignleft {float:left; margin:5px;}
.alignright {float:right; margin:5px;}
.aligncenter {text-align:center;}

img a
{
	border: none;
}

a
{
	text-decoration: underline;
	color: #000000;
}

	a:hover
	{
		text-decoration: underline;
		color: #000000;
	}

h1
{
	background-image: url(../images/navbg.jpg);
	background-repeat: repeat-x;
	height: 26px;
	color: #252C81;
	font-size: 10pt;
	text-align: left;
	font-family: Franklin Gothic Book;
	padding-top: 4px;
	padding-left: 5px;
	margin-bottom: 5px;
	margin-top: 0px;
}

h2, h3, h4
{
	font-size: 12pt;
}

h2
{
	height: 26px;
	color: #252C81;
	font-size: 10pt;
	text-align: left;
	font-family: Franklin Gothic Book;
	padding-top: 4px;
	padding-left: 5px;
	margin-bottom: 0px;
}

h3
{
	color: #A6402C;
	font-size: 10pt;
	font-family: Century Gothic;
	font-weight: 600;
	margin: 0px;
	padding-left: 5px;
}

h4
{
	font-size: 10pt;
}

p
{
	font-size: 10pt;
}

#contactTelTable
{
	background-image: url(../images/contactTEL.jpg);
	background-repeat: no-repeat;
	background-position: 300px 0px;
}

blockquote
{
	font-family: Times New Roman, Times, Courier;
	font-size: 16pt;
	text-align: center;
	font-style: italic;
}

ul
{

}

#page
{
	width: 980px;
	border: solid 1px #D2D2D2;
	background-image: url(../images/pagebackground.jpg);
	background-repeat: repeat-x;
	background-position: 0px 195px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
}

#container
{
	width: 980px;
	margin: 0px 0px 0px 0px;
}

#searchForm
{
	font-size: 8pt;
}

.callMeBackLabel
{
	width: 100px;
}

#searchForm select, #searchForm submit, #searchForm input
{
	width: 175px;
	font-size: 8pt;
}

	#searchForm input
	{
		width: 170px;
	}
	
	#searchForm input[type="submit"]
	{
		width: 75px;
	}

#header
{
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
	height: 163px;
}
	
	#headerText
	{
		margin-top: 80px;
		font-size: 8pt;
		color: #252B80;
		width: 320px;
		float: left;
		margin-left: 93px;
		text-align: left;
	}
	
		#languageText
		{
			padding-left: 3px;
			height: 20px;
			font-size: 8pt;
		}

		#languages
		{
		}
		
			#languages .quarter
			{
				width: 25%;
				float: left;
			}
			
			.flag
			{
				width: 26px;
			}
	
#navBar
{
	height: 25px;
	margin: 1px 0px 3px 0px;
	background-color: #008FD4;
	text-align: right;
	padding: 4px 50px 0px 0px;
}

#navBar ul
{
	margin: 0px 0px 0px 0px;
	list-style-type: none;
	list-style-position: inside;
	padding: 0px 0px 0px 0px;
	margin-left: 0px;
	display: inline;
}

	#navBar ul li
	{
		margin: 0px 0px 0px 0px;
		display: inline;
		padding: 6px 0px 0px 0px;
		line-height: 1.5em;
		color: #FFFFFF;
	}

	#navBar ul li a
	{
		color: White;
		text-decoration: none;
		font-size: 10pt;
		padding: 4px 8px 2px 8px;
		margin: 0px;
		line-height: 1.5em;
		font-weight: bold;
	}

	#navBar ul li a:hover
	{
		margin: 0px;
		line-height: 1.5em;
		padding-top: 4px;
		color: white;
		font-weight: bold;
		text-decoration: underline;
	}

/** leftNav **/

#leftNav
{
	width: 200px;
	float: left;
	margin-top: 20px;
	margin-left: 5px;
}
#leftNav li {list-style:none;}

	#leftNavBox, #quickSearchBox, #partners
	{
		background-color: #FFFFFF;
		border: solid 1px #D2D2D2;
		text-align: left;
		padding-bottom: 5px;
		margin-bottom: 7px;
	}
	
	#leftNavBox a, #quickSearchBox a
	{
		color: #252C81;
		padding-left: 5px;
		font-weight: bold;
		text-decoration: none;
		display: block;
		padding-top: 1px;
		height: 19px;
		margin: 0px;
	}
	
	#leftNavBox a:hover
	{
		background-color: #ECEBEB;
		display: block;
		padding-top: 1px;
		height: 19px;
	}
	
#unbrandedSearchFooter
{
	text-align: center;
	padding-top: 10px;
	border-top: solid 1px Gray;
	margin-top: 10px;
	padding-top: 10px;
}
	#unbrandedSearchFooter a
	{
		color: #666666;
	}

.unbrandedPropertyDetailsHeader
{
	color: Black;
	font-size: 11pt;
	font-weight: bold;
	padding-left: 5px;
	line-height: 24px;
	margin-bottom: 3px;
	border: solid 1px #CCCCCC;
}

/** End leftNav **/

	input[type="submit"]
	{
		width: auto;
	}

/** Default **/

#centerContent
{
	background-color: #FFFFFF;
	width: 550px;
	border: solid 1px #D2D2D2;
	margin-top: 20px;
	float: left;
	margin-left: 0px;
	text-align: left;
	font-family: Trebuchet MS, Verdana;
/*	color: #22297F;*/
	color: Black;
}
	#centerContent p
	{
		margin: 0px 5px 5px 5px;
		font-size: 9pt;
		margin-top: 15px;
		line-height: 1.6em;
		text-align: justify;
		padding-right: 5px;
	}
	#centerContent strong
	{
		font-size: 12pt;
		font-style: italic;
		font-family: Times New Roman, Times Roman, Serif;
		text-align: center;
		display: block;
	}

/** End Default **/

/** featuredBar **/

#featuredBar
{
	width: 200px;
	margin-top: 20px;
	background-color: #FFFFFF;
	border: solid 1px #D2D2D2;
	float: right;
	margin-right: 5px;
	padding: 10px 0px 5px 0px;
	text-align: center;
}

	#featuredBar img
	{
		width: 160px;
		height: 120px;
		border: solid 1px #D2D2D2;
		padding: 5px;
	}
	#featuredBar img:hover
	{
		border: solid 2px #008FD4;
		padding: 4px;
	}
	
#featuredTitle, #hotPropertyTitle, #barginTitle
{
	background-repeat: repeat-x;
	text-align: center;
	height: 23px;
	padding-top: 5px;
	border-bottom: solid 1px #CCCCCC;
	border-top: solid 1px #CCCCCC;
	color: #333333;
	font-family: Franklin Gothic Book;
	font-weight: bold;
	margin: 10px 0px 10px 0px; 
}

	#featuredTitle
	{
		background-image: url(../images/featuredTitleBG.jpg);
	}

	#hotPropertyTitle
	{
		background-image: url(../images/hotPropertyBG.jpg);
	}
	
	#barginTitle
	{
		background-image: url(../images/barginBG.jpg);
	}

/** End featuredBar **/

#featuredArticle
{
	border: solid 1px #D2D2D2;
	width: 550px;
	height: 138px;
	float: right;
	margin-left: 10px;
	margin-top: 5px;
	background-color: #FFFFFF;
	text-align: left;
	font-size: 8pt;
	margin-bottom: 10px;
}

	#featuredArticle p
	{
		font-size: 8pt;
		margin-top: 0px;
		padding-top: 0px;
	}
	
	#featuredArticle h1
	{
		margin-bottom: 0px;
		padding-bottom: 0px;
	}
	
	#featuredArticle a
	{
		color: #000000;
		text-decoration: none;
	}
		
#mainContent
{
	width: 794px;
	height: 100%;
}

#mainContentLeft
{
	text-align: center;
}

	#topImage
	{
		background-image: url(../images/topimage.jpg);
		background-repeat: no-repeat;
		width: 630px;
		height: 158px;
		border: solid 1px #6D280B;
		margin-bottom: 2px;
	}
		
	#topImage a
	{
		width: 624px;
		text-decoration: none;
		color: Black;
		font-size: 8pt;
	}

	#topImage p
	{
		padding: 46px 260px 0px 10px;
	}
	
	#mainBody, #mainBodySearch
	{
		border: solid 1px #D2D2D2;
		margin: 20px 5px 0px 10px;
		background-color: #FFFFFF;
		text-align: left;
		width: 755px;
		float: left;
	}
	
	#mainBody p
	{
		margin: 0px 5px 5px 5px;
		font-size: 9pt;
		margin-top: 15px;
		line-height: 1.6em;
		text-align: justify;
		padding-right: 5px;
	}
	
	#mainBodySearch
	{
		margin-bottom: -14px;
	}
	
	#featuredDev
	{
		background-image: url(../images/featuredbackground.gif);
		background-repeat: no-repeat;
		background-color: #FEDF8E;
		width: 630px;
		height: 300px;
		border: solid 1px #6D280B;
		overflow: hidden;
		padding: 0px;
	}
	
	#featuredDev h1
	{
		margin: 0px;
		padding: 0px;
	}
	
	#devtHeader, #propertyHeader
	{
		background-color: #FEE7A1;
		width: 630px;
		border: solid 1px #6D280B;
	}
	
	#quickSort
	{
		height: 90px;
	}
	
	#quickSort h4
	{
		padding-left: 20px;
		margin-top: 20px;
	}
	
	#quickSort legend
	{
		color: Black;
	}

	.devtSummary a
	{
		color: Black;
		text-decoration: none;
	}
	
.devtSummary
{
	height: 185px;
	background-color: #FFFFFF;
	border: solid 1px #D2D2D2;
	margin: 5px 5px 0px 10px;
	text-align: left;
	width: 568px;
	float: right;
}

	#testimage
	{
		float: left;
		width: 300px;
		height: 200px;
		margin-left: 5px;
	}

	#testimage img
	{
		width: 300px;
		height: 200px;
	}

	#testtext
	{
		float: right;
		width: 295px;
		margin-right: 10px;
	}

	#testtext p, #testtext a
	{
		margin: 0px;
		font-size: 9pt;
		color: Black;
	}

	#testrate p
	{
		margin: 5px 0px 0px 0px;
		font-size: 8pt;
		color: Black;
	}

	#propertyImage
	{
		float: left;
		width: 270px;
		height: auto;
		margin-left: 5px;
		margin-right: 20px;
		margin-bottom: 5px;
	}

	#propertyImage img
	{
		width: 270px;
		height: 190px;
		padding: 5px;
		border: solid 1px #D2D2D2;
	}
	
	#propertyVideo
	{
		text-align: center;
		margin-bottom: 10px;
		margin-top: 5px;
	}
	
	 #propertyVideo object
	 {
	 	border: solid 1px #999999;
	 	margin-top: 5px;
	 }

	#propertyText
	{
		overflow: visible;
		margin-bottom: 20px;
	}

	#propertyText p
	{
		margin: 0px;
		line-height: 18px;
	}

	#testsummary
	{
		height: 60px;
		overflow: hidden;
	}

	#testsummary, #propertyText
	{
		color: Black;
	}

	#testlink, #propertyLink
	{
		color: Black;
		font-weight: bold;
		text-decoration: none;
	}
	
	#propertyTextUpper
	{
		height: 150px;
		margin-top: 10px;
		padding-left: 20px;
	}

	#propertyTextLower p
	{
		font-size: 8pt;
	}
	
	#propertyDescription
	{
		padding: 10px;
	}

	ol li
	{
		padding-bottom: 8px;
	}
	
	#mainBody p
	{
		padding-left: 2px;
	}
	
	/* Category Pages */
	
	.mainBodyDescription
	{
		float: left;
		width: 360px;
		font-size: 8pt;
	}
		.mainBodyDescription a
	{
		font-weight: bold;
		color: #252C81;
		text-decoration: none;
	}
		.mainBodyDescription a:hover
		{
			color: #252C81;
			text-decoration: underline;
		}
	
	
	.mainBodyPicture
	{
		float: right;
		padding: 5px;
		width: 200px;
	}
	
		.mainBodyPicture img
		{
			border: solid 1px #D2D2D2;
			width: 160px;
			padding: 5px;
		}
		.mainBodyPicture img:hover
		{
			border: solid 2px #008FD4;
			padding: 4px;
		}

#mainContentRight
{
	float: right;
	width: 155px;
	text-align: left;
	
}

	#mainContentRight .mainDivs
	{
		width: 143px;
		margin-top: 5px;
		padding: 5px;
	}
	
	#callMeBack
	{
		margin-bottom: 2px;
	}	

	#callMeBackForm
	{
		background-image: url(../images/callmebackbackground.gif);
		background-repeat: no-repeat;
		background-position: right;
		height: 232px;
		padding: 5px;
	}	

	#callMeBackForm p
	{
		padding-right: 240px;
	}	

	#quickSearch
	{
		padding-left: 5px;
	}
	
	#quickSearch h4
	{
		margin-bottom: 0px;
	}
	
	#quickSearch .label
	{
		font-size: 10pt;
	}
	
		#quickSearch select
		{
			width: 140px;
			font-size: 10pt;
			background-color: #FCFDFE;
			border: solid 1px #6D280B;
		}
	
	#portfolio
	{
		background-color: #FFF9D6;
		border: solid 1px #6D280B;
	}
	 
		#portfolio p
		{
			font-size: 12px;
		}
	
	#hotProperties
	{
		background-color: #FFF9D6;
		border: solid 1px #6D280B;
		min-height: 824px;
	}
	
	#hotProperties p, #hotProperties h4
	{
		margin: 15px 0px 0px 0px;
	}

	#hotProperties p
	{
		font-size: 8pt;
	}
	
	#hotProperties a:hover
	{
		color: #8BB6E9;
	}
	
		.featuredPreview
		{
			width: 130px;
		}
		
		.featuredDescription
		{
			font-size: 9pt;
		}
		
#contactForm, #registerForm, #mortgageCalc
{
	padding: 10px;
}
	
/* Footer */

#footer
{
	width: 960px;
	text-align: center;
	color: Black;
	font-size: 10pt; 
	background-color: #FFFFFF;
	background-image: url(../images/footerFade.jpg);
	background-repeat: repeat-x;
	margin: 10px auto 3px auto;
	padding: 10px;
	border: solid 1px #D2D2D2;
}

#footer a
{
	color: Black;
	text-decoration: none;
}
	#footer a:hover
	{
		text-decoration: underline
	}

#SapphireFront
{
	border: solid 1px #6D280B;
}

	#quickLinks
	{
		margin: 10px auto 1px auto;
		font-size: 7pt;
		width: 980px;
	}
	#quickLinks a
	{
		color: Black;
		text-decoration: none;
	}

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

.right
{
	float: right;
}

.clear
{
	clear: both;
}

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

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

.center
{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

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

/** Search Results **/

.pages
{
	text-align:center;
	clear: both;
	padding: 10px 0px 10px 140px;
	
}

.page, .next, .previous, .selected
{
	padding: 2px 5px 2px 5px;
	color: #000000;
	text-decoration: none;
	margin-right: 2px;
}

.resultsTitle
{
	padding: 10px;
}

	.propertyListingPicture
	{
		float: left;
		padding: 0px;
		width: 180px;
		margin-left: 5px;
	}
	
		.propertyListingPicture img
		{
			border: solid 1px #D2D2D2;
			width: 160px;
			padding: 5px;
			margin: 0px;
		}
		.propertyListingPicture img:hover
		{
			border: solid 2px #008FD4;
			width: 160px;
			padding: 4px;
			margin: 0px;
		}

.propertyListingDescription
{
	width: 370px;
	float: right;
	padding-right: 10px;
		
}

.propertyListingLine
{
	width: 98%;
	margin-bottom: 1px;
 
}

.propertyListingLabel
{
	float: left;
	width: 33%;
	font-weight: bold;
	background-color: #FCBB2F;
	padding-left: 3px;
}
	.propertyListingLabel h2, .propertyListingField h2
	{
		margin: 0px 0px 0px 0px;
		font-size: 10pt !important;
		background-color: Transparent;
		padding: 0px 0px 0px 0px;
		line-height: normal;
	}
	.propertyListingField h2
	{
		font-weight: normal;
	}
	
.propertyListingField
{
	float: right;
	width: 63%;
	background-color: #FCBB2F;
	padding-left: 3px;
}

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

.next, .previous
{
	color: #000000;
	text-decoration: underline;
	text-transform: lowercase;
	padding: 2px 5px 2px 5px;
	margin: 0px 5px 0px 5px;
}
		
		
.next:hover, .previous:hover
{
	color: #000000;
	background-color: #E4EEFA;
}
.selected
{
	background-color: #CCCCCC;
	color: #FFFFFF;
}
		
	.selected:hover
	{
		cursor: default;
		background-color: #CCCCCC;
		color: #FFFFFF;
		text-decoration: none;
	}
		
.disabled
{
	display: none;	
}


/** Property Details Page **/

.mainPhoto
{
	width: 460px;
	border: solid 1px #4C728D;
}

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

#propertyDetails div
{
	width: 250px;
}

#controlButtons
{
	text-align: center;
	padding-left: 18px;
	margin-top: 5px !important;
}

	#controlButtons img
	{
		width: 50px;
		height: 15px;
		padding: 0px;
		border: 0px solid #FFFFFF;
	}

.propertySpecs
{
	line-height: 1.5em;
}

.userdefined
{
	width: 440px;
}
	.userdefinedLabel
	{
		float: left;
		text-align: right;
		width: 260px;
	}
	
	.userdefinedValue
	{
		float: right;
		text-align: left;
		width: 160px;
	}

.tiled
{
	float: left;
	width: 155px;
	margin-left: 10px;
	border: 1px solid #D2D2D2;
	margin-bottom: 10px;
	padding: 5px;
	height: 160px;
	overflow: hidden;
}
	.tiled:hover
	{
		overflow: visible;
	}
	.tiled .caption
	{
		background-image: url(../images/navbg.jpg);
		background-repeat: repeat-x;
		height: 26px;
		color: #252C81;
		font-size: 10pt;
		text-align: left;
		font-family: Franklin Gothic Book;
		padding-top: 4px;
		padding-left: 5px;
	}

	.tiled .photo
	{
		width: 155px;
		height: auto;
		padding: 0px;
		margin: 0px;
	}
	.tiled .photo:hover
	{
		width: 208px;
		height: auto;
		z-index: 100;
		position: relative;
		padding: 5px;
		background-color: White;
		border: 1px solid #D2D2D2;
		margin-top: -35px;
		margin-left: -28px;
		margin-bottom: -9px;
	}
	
	.tiled .plan
	{
		width: 155px;
		height: 125px;
		padding: 0px;
		margin: 0px;	
	}
	

#contactDetails
{
	padding: 10px;
}
	
/** Mortgage Calculator **/

#mortgageCalc
{
	padding-left: 15px;
}

.calcLabel
{
	width: 125px;
	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;
}

/** Property Photo Page **/

#propertyPhotoPage
{
	text-align: center;
}

#propertyPhotoPage img
{
	max-width: 550px;
	width: expression(this.width > 550 ? 550: true);
	height: auto;
}

.salePropertyCaption
{
	background-image: url(../images/navbg.jpg);
	background-repeat: repeat-x;
	height: 26px;
	color: #252C81;
	font-size: 10pt;
	text-align: left;
	font-family: Franklin Gothic Book;
	padding-top: 4px;
	padding-left: 5px;
	margin-bottom: 5px;
	font-weight: bold;
}

/** Developments **/

.developmentCaption
{
	background-color: #C6DBF4;
	margin: 2px 0px 0px 0px;
	padding: 2px 5px 3px 5px;
}

.largeImage
{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}

/** Agents Area **/
#agentAreaFrame
{
	width: 100%;
	height: 980px;
	overflow: hidden;
	border: 0px;
}

/** Unbranded **/

.unbrandedSummary
{
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
	border: solid 1px #CDCDAA;
}

.unbrandedresultsTitle
{
	width: 400px;
	float: left;
}

#unbrandedcontentLeft
{
	float: left;
	width: 170px;
	padding: 0px 5px 0px 5px;
	text-align: left;
}

	#unbrandedcontentLeft input, #unbrandedcontentLeft select
	{
		width: 130px;
	}

#unbrandedcontent
{
	position: relative;
	border: 1px solid #CCCCCC;
	padding: 5px;
}

#unbrandedcontentRight, #unbrandedcontentRightDetails
{
	margin: 0px 0px 10px 0px;
	float: right;
	width: 585px;
	text-align: left;
}

	#unbrandedcontentRightDetails
	{
		padding-left: 20px;
	}

#unbrandedsearchResults
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px px;
}

#unbrandeddetails
{
	float: right;
	width: 260px;
	padding-left: 5px;
}

.unbrandeddetailsName
{
	float: left;
	width: 120px;
	height: 1.4em;
	margin: 1px 0px 1px 0px;
	color: Black;
	text-align: left;
	font-size: 9pt;
	padding: 2px 2px 1px 1px;
	border: solid 1px #CCCCCC;
}

.unbrandeddetailsValue
{
	float: left;
	width: 120px;
	height: 1.4em;
	margin: 1px 0px 1px 1px;
	overflow: auto;
	font-size: 9pt;
	padding: 2px 2px 1px 1px;
	border: solid 1px #CCCCCC;
}

#constantContact img {width: 45px; height: 32px;}
.slideshow { height: 163px; width: 413px; margin: auto }