/*
	Author Name	: Fifth Ring / Ryan Roberts
	Author Site	: http://www.fifthring.com
	Client Site : http://www.scotia-homes.co.uk
		
	Section Order	:	GLOBAL RESET
					:	GLOBAL / MAIN TYPE
					:	SUB TEXT
					:	MAIN STRUCTURE
					:	MAIN NAV
					:	SUB STRUCTURE
					:	FORMS
					:	CLEARING / MISC
*/


/* GLOBAL RESET (Normalise HTML, removed the browsers own styling)
--------------------------------------------------------------------------------------- */

html,body,div,span,applet,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,
label,p,blockquote,q,object,iframe,th,td,h1,h2,h3,h4,h5,h6,address,caption,cite,code,
dfn,th,var,pre,abbr,acronym,del,kbd,a,em,samp,strong,sub,sup,caption,tbody,tfoot,thead,
tr,th,td,img,ins{font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:baseline;text-align:left;background:transparent;font-style:normal;font-weight:normal;text-decoration:none;}
table{border-collapse:collapse;border-spacing:0;}
ol,ul {list-style:none;}
blockquote, q {quotes:none;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
body{font-size:62.5%;line-height:16px;}


/* GLOBAL / MAIN TYPE
--------------------------------------------------------------------------------------- */

body {
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	border-top: 24px solid #1e1c1c;
	background: #cc9a2b url(../../imgs/bg/body.gif);
	}
	
.alignRight { float: right; }
.alignLeft { float: left; }
img.alignRight { margin: 0 0 1px 8px; }
img.alignLeft { margin: 0 8px 1px 0; }

p, 
ul,
label {
	font-size: 1.2em;
	color: #666;
	margin: 0 0 16px;
	}	
	
h2, h3, h4, 
h5, h6 {
	font: 2em Arial, Helvetica, sans-serif;
	color: #d8b13a;
	margin: 0 0 8px;
	}
	
a {
	color: #bd9310;
	text-decoration: underline;
	}
	
a:hover {
	color: #000;
	text-decoration: none;
	}
	
strong {
	font-weight: bold;
	color: #d8b13a;
	}
	
table { 
	font: 1.1em Arial, Helvetica, sans-serif;
	border-top: 1px solid #ccc;  
	border-left: 1px solid #ccc; 
	margin: 0 0 16px 0;
	
	}
	
th, td { 
	border-bottom: 1px solid #ddd; 
	border-right: 1px solid #ccc;
	padding: 6px; 
	}
	
th { 
	font-weight: bold;
	text-align: center;
	background: #f4f1eb;
	}
	
form table,
form th, 
form td { border: none; }


	
	
/* SUB TEXT
---------------------------------------------------------------------------------------*/

#mainContent p, 
#mainContent ul,
#mainContent h2, 
#mainContent h3, 
#mainContent h4, 
#mainContent h5, 
#mainContent h6,
form {
	padding: 0 8px;
	}
	
table {
	margin: 0 8px;
	}

#mainContent ul {
	margin: 0 0 16px 16px;
	list-style: outside disc;
	}
 
#mainContent ol {
	margin: 0 0 16px 24px;
	list-style: outside decimal;
	}
	
#mainContent dl {
	margin: 0 0 16px 0;
	}

	#mainContent dt {
		font-size: 1.1em;
		font-weight: bold;
		margin: 8px 0 0;
		}	
		
		#mainContent dd {
			margin: 0 0 0 16px;
			}	
			
#mainContent blockquote {
	font-size: .9em;
	color: #666;
	padding: 0 16px;
	margin: 0 16px;
	border-left: 1px solid #ccc;
	}	
	
	
#nav ul li a {
	color: #444;
	text-decoration: none;
	} 
	
#nav ul li a:hover {
	color: #ab7800;
	}
	
ul#contactInfo {
	font-size: 110%;
	color: #444;
	}
	
	#nav ul li.activePage a {
		color: #ab7800;
		}	  
	
		
/* MAIN STRUCTURE
---------------------------------------------------------------------------------------*/

#header {
	float: left;
	width: 208px;
	}

	h1 {
		height: 194px;
		width: 208px;
		text-indent: -9999px;
		background: #f4f1eb url(../../imgs/bg/logo.jpg) no-repeat center center;
		}
	
#wrapper {
	width: 896px;
	padding: 0 0 8px 8px;
	margin: 0 auto 0;
	border-top: 8px solid #fff;
	border-bottom: 8px solid #fff;
	background: #fff url(../../imgs/bg/wrapper.gif) repeat-y 8px;
	}
	
#mainContent {
	position: relative;
	width:671px;
	float: right;
	margin: 16px 8px 0 0px;
	_display: inline;
	}
	
	#mainHeader {
		float: left; 
		width: 672px;
		height: 194px;
		margin: 0 0 0 8px;
		}
		
#contactInfo {
	margin: 0 16px 8px;
	}
		
p#footer { display: none; }
	

/* MAIN NAV
---------------------------------------------------------------------------------------*/

#nav {
	width: 208px;
	padding: 0;
	margin: 0 0 8px;
	background: #eee5ca;
	}
	
	#nav ul {
		padding: 0;
		margin: 0;
		}
	
	#nav ul li {
		padding: 8px 0 7px;
		margin: 0 16px;
		border-bottom: 1px solid #d1cabe;
		}
		
	#nav ul li#scotiaMainsite {
		border: none;
		}
	
		#nav ul li a {
			display: block;
			}
			   

/* SUB STRUCTURE
---------------------------------------------------------------------------------------*/

.mainColumn {
	width: 390px;
	padding: 8px 0 0;
	float: left;
	}
	
	p#introText {
		width: 400px; 
		height: 78px;
		margin: 13px 0 8px; 
		text-indent: -9999px; 
		background: url(../../imgs/intropara.jpg) 5px 0 no-repeat;
		}
		
	p.introPara {
		font-size: 1.3em;
		line-height: 22px;
		width: 400px;
		}
		
	#introHeader {
		
		display: block;
		height: 80px;
		text-indent: -9999px;
		background: url(../../imgs/bg/logo2.jpg) no-repeat 408px 16px;
		}
		
.secondaryColumn {
	width: 240px;
	float: right;
	padding: 8px;
	margin: 0 0 0 16px;
	}

ul#propertyListings {
	width: 720px;
	list-style: none;
	margin: 18px 0 0;
	overflow: hidden;
	}
	
	ul#propertyListings li {
		width: 316px;
		height: 101px;
		max-height: 105px;
		float: left;
		padding: 5px 5px 0;
		margin: 0 4px 12px;
		overflow: hidden;
		background: #eee;
		}
		
		ul#propertyListings img {
			float: left;
			width: 96px;
			height: 96px;
			}	
		
		ul#propertyListings li dl {
			float: right;
			width: 208px;
			}
			
			ul#propertyListings li dt,
			ul#propertyListings li dd {
				font-size: 1em;
				color: #b67a18;
				margin: 0;
				}
				
				ul#propertyListings li dt{ text-transform:capitalize; margin-bottom:5px;}
				
			ul#propertyListings li dd {
				font: .8em Tahoma, Arial, Helvetica, sans-serif;
				line-height: 18px;
				color: #333;
				}
				
			ul#propertyListings li dd.viewDetailsBtn a {
				display: block;
				margin: 4px 0 0;
				}
				
table.priceGuideTable {
	width: 660px;
	margin: 18px 8px 0;
	}	
	
	table.priceGuideTable tbody tr td.plotCell,
	table.priceGuideTable tbody tr td.typeCell,
	table.priceGuideTable tbody tr td.liftCell,
	table.priceGuideTable tbody tr td.carparkCell,
	table.priceGuideTable tbody tr td.sqmCell,
	table.priceGuideTable tbody tr td.sqftCell,
	table.priceGuideTable tbody tr td.discountCell {
		text-align: center;
		}

	table.priceGuideTable tbody tr.ruled td,
	table.priceGuideTable tbody tr:hover td {
		color: #000;
		background-color: #f4f1eb;
		}

/* FORMS (Font properties are in the main typo section)
---------------------------------------------------------------------------------------*/

form#home_propertyType {
	}
	
	form#home_propertyType legend {	
		font-size: 1.8em;
		color: #d8b13a;
		padding: 0;
		margin: 0 0 14px 0;
		}

	form#home_propertyType label {
		display: block;
		font-size: 1.4em;
		color: #d8b13a;
		margin: 0 0 8px;
		}
		
	select#propertyType {
		min-width: 140px;
		padding: 2px;
		background: #fff;
		border: 1px solid #666;
		}
		
	input#propertyType_Submit {
		margin: 16px 0 0;
		/*color: #d8b13a;
		padding: 0;*/
		border: 1px solid #cfb881;
		cursor: pointer;
		background: #e4d7b0;
		}
		
		
form#enquiryForm  {
	width: 400px;
	}

	form#enquiryForm label {
		float: left;
		width: 120px;
		}
		
	form#enquiryForm div {
		clear: both;
		}
		
	form#enquiryForm div.formField,
	form#enquiryForm div.radioField {
		width: 280px;
		float: right;
		height: 35px;
		clear: none;
		}
		
	form#enquiryForm input,
	form#enquiryForm select {
		width: 250px;
		}
		
	form#enquiryForm div.radioField input,
	form#enquiryForm div.checkboxField input,
	form#enquiryForm div.submitField input {
		width: auto;
		}
	
	
/* MISC / LEARING 
---------------------------------------------------------------------------------------*/

.disclaimer {
	width: 100%;
	clear: both;
	font-size: 80%;
	padding: 18px 0 0;
	margin: 0;
	border-top: 1px solid #ccc;
	}
	
		.disclaimer p {
			margin: 0 0 6px;
			line-height: 13px;
			}
			
#siteplan {
	margin: 0 0 8px;
	}

	
.hover {
	cursor: pointer;
	background: #ebe7de;
	}
	
img#promoImg { 
	margin: 8px 0 -4px 8px;
	}
	
ul#downloadslist {
	list-style: none;
	margin-left: 0;
	padding: 0 8px 12px;
	}

	ul#downloadslist li {
		padding: 3px 0 3px 20px;
		background: url(../../imgs/icons/icon_download1.gif) no-repeat left center;
		}

#wrapper:after,
#mainContent:after,
ul#propertyListings:after,
form#enquiryForm:after,
form#enquiryForm div:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
#planInfo {
	float: right;
	clear:right;
	width: 230px;
	margin: 0 0 10px 0;
	display:inline;
	}	
	
#planInfo p strong,
#planInfo ul strong {
	color:#666;
	}
	
		
	
	#floorplanInfo {
		padding: 8px 0 0 0;
		overflow: hidden;
		font-size:10px;
		line-height:1.16;
		}
		
	#floorplanInfo h3 {
		font-size:18px;
		}	
		
				
	#planInfo ul {
		list-style: none;
		padding: 0;
		margin: 0;
		font-size: 110%;
		}
		
	#planInfo p {
		padding-left: 0;
		}
		
		#planInfo h3 {
			margin-left: 8px;
			}	
	
#mainContent a.fullimg img {
	float: left;
	max-width: 430px;
	width:expression(document.img.clientWidth > 430? "430px": "auto" );
	padding: 2px;
	margin: 0 20px 0 0;
	border: 2px solid #fff;
	}
	
#mainContent img.plotLocatorImg,
#mainContent img.plotLocatorImage {
	margin: 0!important;
	}
	
#mainContent img.plotLocatorImg,
#mainContent img.plotLocatorImage {
	width: 100px;
	position: absolute;
	top: -202px;
	right: 0;
	z-index: 5;
	}

#mainContent a.fullimg:hover img {
	border: 2px solid #d8b13a;
	}
	
#mainContent a.fullimg img.plotLocatorImg,
#mainContent a.fullimg img.plotLocatorImage {
	border: none;
	}


/* Scott's Alts / Additions 
---------------------------------------------------------------------------------------*/

	
h4.distanceHeader{ font-size:16px; color:#ab7800; font-weight:bold; margin:10px 0 10px 0; padding:0;}

p#distancesPara strong{ color:#666666;}

.plotLocHeader,
#planInfo h3 { color:#666; font-size:18px; border-bottom:solid 1px #d8b13a; margin:0; padding:0; padding-bottom:5px; margin-bottom:5px; display:block; width:215px;}

.plotFloorHeader { color:#666; font-size:14px; font-weight: normal!important; border-bottom:solid 1px #ccc; margin:0; padding:0 0 2px; display:block; color: #cf9f32;}


/* Other additions
---------------------------------------------------------------------------------------*/

h3#heading {
	display: block; 
	width: 655px;
	background:#1e1c1c;
	overflow: hidden;
	
	font: 12px Arial, Helvetica, sans-serif; 
	color: #ab7800;  
	padding: 8px; 
	text-transform: uppercase; 
	text-align: right; 
	letter-spacing: 1.1px;
	}
	
#heading strong {
	color: #fff; 
	font-weight: normal;
	}
	
.columnHome { 
	margin-bottom: 0; 
	margin-top: 16px;
	}
	
p#infobar,
ul#infobar {
	font: 12px Arial, Helvetica, sans-serif; 
	color: #ab7800;
	display: block; 
	width: 655px;
	padding: 8px;
	margin: 10px 0 16px;
	overflow: hidden;
	background:#1e1c1c;	
	}
	
	#infobar a {
		text-decoration: none;
		}
		
	#infobar a:hover {
		color: #fff;
		}
		
	#datapageHeader {
		display: block;
		overflow: hidden;
		}
		
		#datapageHeader strong.type {
			float: right;
			margin: -24px 0 0;
			}
			
ul#infobar {
	list-style: none;	
	}
	
	ul#infobar li {
		float: left;
		padding: 0 6px;
		border-left: 1px solid #ab7800;
		}
		
	ul#infobar li.firstLink {
		padding-left: 0;
		border: none;
		}
		
	ul#infobar li.printLink,
	ul#infobar li.backLink {
		float: right!important;
		}
		
	ul#infobar li.backLink {
		border: none;
		}
		
		
		
		
		
form.selectionForm {
	display: inline;
	}
	
#enqInfo {
	width: 244px;
	float: left;
	}
	
/*#enquiryForm,*/
.mainForm {
	float: right;
	padding-left: 18px;
	margin: 72px 0 0;
	border-left: 1px solid #ccc;
	}