html {

background:#263248;

}

#powered {

margin:0 10px 10px 0;
text-align:center;
}

p {

font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-size:0.75em;

}

a {

color:#263248;

}

a:hover {

color:#3A4E70;

}

h1 {

font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
color:#182856;
margin-bottom:20px;

}

h2 {

font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
margin:0 0 0 0;
padding:10px 0 0 0;

}

h3 {

font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
margin:0 0 0 0;
padding:10px 0 0 0;
color: #182856;

}

h4 {

font-size:0.9em;
padding:3px 7px;
background-color:#CED8F2;

}


#page p {

margin-top:3px;
padding:0 0 0 0;

}

#page ul {

font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;

}

#container {

width:776px;
border:2px solid #fff;
margin:0 auto 0 auto;
background:url(/site/custom/forteHomes/images/containerBg.png) left repeat-y #fff;

}

#mainContent {

width:587px;
float:left;
background:#FFFFFF;
border-left:2px solid #fff;

}

#page {

padding:10px 30px 30px 30px;
background-color:#FFFFFF;

}

#header {

width:100%;
height:105px;
background:url(/site/custom/forteHomes/images/numbers.png) right top no-repeat #1E326D;

}

.logo {

width:246px;
height:104px;
float:left;

}

.bow {

width:150px;
height:30px;
margin:30px 90px 0 0;
float:right;

}

#headerStrip {

height:12px;
font-size:0.2em;
background:#263248;
border-top:1px solid #fff;
border-bottom:1px solid #fff;

}

#navcontainer { 

float:left;
text-align:left;
background:#F4DDA6;

 }

#navcontainer ul
{

padding:0 0 0 0;
margin:0 0 0 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;

}

#navcontainer a
{
display: block;
padding: 4px 0px 4px 10px;
margin:0 0 0 0;
background-color:#EBBE56;
border-bottom: 1px solid #FFF;
font-size:0.7em;
font-weight:bold;
width:177px;

}

#navcontainer a:link, #navlist a:visited
{
color: #333333;
text-decoration: none;
margin:0 0 0 0;

}

#navcontainer a:hover
{
background-color: #F1D28B;
color: #333333;

}

#leftPanel {

width:187px;
float:left;

}

	#quicksearch {
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#333333;
	margin:0 0 15px 10px;
	width:90%;

	}


	#quicksearch form a img {
		border: none;
	}
	
	#quicksearch form {
		padding: 8px 0 0px 0;
		margin:0 0 0 0;

	}
	


	.labelQuicksearch {
	
	text-align:left;
	float:left;
	
	}

	#quicksearch .searchField {
		padding: 6px 0 1px 4px;
		text-align:right;
	}
	
	.searchFieldAdvanced {
	
		text-align:right;
		
		}

	#quicksearch select {
		font-size: 1em;
	}
	
	#area {
		font-size:1em;
		width:158px;
		margin:4px 0 0 0;
		
		}
		
		

	.radios {
	
	margin:10px 0 6px 4px;
	
	}
	
	.radio {
	
	margin:0px 10px 0 5px;
	vertical-align:text-bottom;
	
	}
	
	.clearer {
	
	clear:both;
	height:1px;
	font-size:0.2em;
	
	}

/* Home */

#flash {

height:215px;
border-bottom:1px solid #fff;

}

#portal1 {

width:211px;
border-right:2px solid #fff;
border-bottom:2px solid #fff;
height:185px;
background:#F1F2F5;
float:left;

}

#portal1 h1 {

font-family:Arial, Helvetica, sans-serif;
font-size:0.75em;
background:#808AA4;
color:#FFFFFF;
margin:0 0 0 0;
padding:5px 8px;

}



#portal2 {

width:186px;
border-right:2px solid #fff;
border-bottom:2px solid #fff;
height:185px;
background:#CCD0DB;
float:left;

}

#portal2 h1 {

font-family:Arial, Helvetica, sans-serif;
font-size:0.75em;
background:#5E6982;
color:#FFFFFF;
margin:0 0 0 0;
padding:5px 8px;

}

#portal1 p, #portal2 p, #portal3 p {

padding:0 7px 0 7px;

}

#portal3 {

width:186px;
border-bottom:2px solid #fff;
height:185px;
background:#CCD0DB;
float:left;

}

#portal3 h1 {

font-family:Arial, Helvetica, sans-serif;
font-size:0.75em;
background:#5E6982;
color:#FFFFFF;
margin:0 0 0 0;
padding:5px 8px;

}

#featured{

height:290px;

}

#featured h1 {

font-family:Arial, Helvetica, sans-serif;
font-size:0.75em;
color:#FFFFFF;
margin:0 0 0 0;
padding:5px 8px;
background:url(..images/featuredHeader.png) no-repeat left #334360;

}

#featuredHeaderContainer {

margin-bottom:10px;

}

#featuredProperty {

	margin:15px 0px 10px 10px;
	width:22%;
	float:left;
	text-align:center;
	
	}	
	
#featuredProperty img {

	margin:6px;
	border:1px solid #334360;
	
	}	
	
#featuredProperty p{

margin:0px;
padding:0px;

}

.featuredAddress {

font-family: Arial, Helvetica, sans-serif;
font-size:1em;
font-weight:bold;

}

.noFeatured {

font-family:Arial, Helvetica, sans-serif;
font-size:1em;
color:#346144;
font-weight:bold;

}
	
#featuredProperty a, #featuredProperty a:visited {

	color:#263248;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
	
	}
	
#featuredProperty a:hover {

	color:#3A4E70;
	
	}	
	
#featuredProperty h3{

	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#263248;
	
	}
	
#featuredHeader h4{

	margin:0px 0px 0px 0px;
	padding:4px 0px 0px 30px;
	font-size:0.7em;
	color:#9F0F0F;
	
	}

/* Search results*/ 

#searchResults {

	font-size:0.8em;
	font-family:Arial, Helvetica, sans-serif;
	margin:10px 0 10px 10px;
	
	}
	
#searchResults h3 {

	font-size:1em;
	color:#333333;
	
	}	

.pageList {
	font-weight: bold;
	text-align: right;
	font-size:0.85em;
	background: #1E326D;
	color:#fff;

}

.currentPage {
	border: solid 1px #fff;
	padding:0 2px 0 2px;

	}

.bedrooms, .propertyType, .propertyPrice, .propertyStatus {

font-size:0.9em;

}

.pageList a, .pageList a:visited {

	text-decoration:none;
	color: #fff;
	border: solid 1px #1E326D;	
	padding:0 2px 0 2px;

}

.pageList a:hover {
	border: solid 1px #fff;
	color: #fff;
}

.pageList a#next, .pageList a#previous {
	border: solid 1px #fff;
	padding:2px;
}




.pageList a#next {

	padding:2px;
}

.pageList a#previous {

	padding:2px;
}
	

.searchNav {
	font-weight: bold;
	color:#fff;
	padding: 10px;
	font-size:0.85em;
	background: #1E326D;
}

table.list {

	padding: 0;
	border-collapse: collapse;
}

table.list td {
	padding: 5px;
}

.thumbnail img {
	margin: 10px 15px 10px 10px;
	border: solid 1px #666666;
}

.thumbnail a:hover img {
	border: solid 1px #999999;
}

.thumbnail {

}

.description {

	font-size:0.9em;
	color:#333333;
}

.propertyAddress {
	font-size: 0.9em;
	background-color:#AEB5C6;
	font-weight:bold;


}

.propertyAddress a {
	color: #333333;
	text-decoration:none;
	
	}
	
	.propertyAddress a: hover {
	text-decoration:underline;
	color:#666666;
	}
	
#more {

	color:#5C1743;
	font-size:1.1em;
	float:right;
	padding-right:10px;
	margin-bottom:5px;
		
	}
	
#more a, #more a:link, #more a:visited {

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

	color: #666666;
	}

tr.odd {
	background:#E1E3EA;

}


.available {
	font-weight: bold;
	background-color:#E0A51B;
	color:#FFFFFF;
	padding:2px 2px 2px 2px;
}

.notAvailable {
	font-weight: bold;
	color:#990000;
}

/*Particulars */

#pageParticulars {

padding:20px 30px 0 30px;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;

}

#pageParticulars p {

font-size:1em;

}

#pageParticulars a {

color:#263248;

}

#pageParticulars a:hover {

color: #666666;

}

#pageParticulars h2 {
font-family: Arial, Helvetica, sans-serif;
font-size:1em;
background-color:#BEC4D1;
color: #333;
padding:5px 0 5px 5px;

}

#pageParticulars h3 {
font-size:1em;
font-family: Arial, Helvetica, sans-serif;
background-color:#EBBE56;
color:#333333;
padding:4px 5px;

}

.requestViewing {

font-size:1em;
text-align:center;
font-weight:bold;

}

.additional {

margin-top:0px;

}

#pageParticulars h4 {
font-family: Arial, Helvetica, sans-serif;
font-size:1em;
color:#991111;
background-color: #FFFFFF;
padding:3px 0 7px 0px;
margin:0px;

}

#particularsTopBar {

width:100%;
height:40px;
background:#B5BACA;

}

#propertyPriceParticulars {

font-size:1.6em;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
color:#1E326D;
padding:10px 0 10px 0;

}

#propertyTypeParticulars {

font-size:1em;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
color: #333;
padding:11px 0 0 10px;
width:180px;
float:left;
}

#particularsAddress {

font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
font-weight:bold;
padding:11px 10px 0 0px;
width:300px;
float:right;
text-align:right;
color: #333;

}


#particularsContainer img {

border:0px;

}	


#roomName {

	margin:0px;
	padding:0px;
	text-transform:lowercase;
	
	}
	
.roomName {
	color:#00;
	text-transform:lowercase;
	font-size:1em;
	font-weight:bold;
	
	}
	
.roomDescription {

	margin:5px 0 14px 0px;
	padding:0px;
	
	}
	
.featureList {

	width:492px;
	background-color:#FAEFD8;
	border:1px solid #F1CA70;
	margin:30px 0 20px 0;
	
	}

.featureList ul {

padding-top:0px;
font-size:0.9em;
font-weight:bold;
list-style-image: url(/site/custom/forteHomes/images/bulletParticulars.gif);
margin-left:13px;
margin-top:10px;
padding-left:20px;
	
	}
	
.featureList li {
color: #333333;
margin-left:0px;
padding-left:0px;
padding:2px;
vertical-align:middle;
	}				

	
.center { 

text-align:center;

}

#thumbnails {

vertical-align:top;
text-align:left;
margin:3px 0 0 0;

}

#thumbnails a img {
border:none;

}

#photoGallery {

margin: 20px 0 0 0;

}

#photoGallery a img {

border:none;

}

#photoCaption {

width:500px;
margin:10px 0 0 0;

}

#caption {

float:left;
width:100px;

}

#slideShowLink {

float:right;
width:200px;
margin-bottom:30px;

}

#environmental {

text-align:left;
font-family: Arial, Helvetica, sans-serif;
font-size:1em;
color:#991111;
margin:0 0 30px 15px;

}

#environmental a {

color: #263248;
font-size:0.9em;

}

#environmental a:hover {

color: #666666;

}

/* Tables */

.buttonBox {
	text-align: right;
	width: 100%;
	padding: 5px 0 10px 0;
	margin:8px 0 0 0;

}

.buttonBox submit {

	
	}

.buttonBox input, #formContainer .buttonBox input { float: none; 
	font-size:1em;}


.buyingField {
	padding: 6px 0;
	clear: both;
	width: 60%;
}

.areaField {
	padding: 6px 0;
	clear: both;
	width: 100%;
}

.areaFieldHeading {
	margin-top:10px;
	padding: 6px 0;
	clear: both;
	width: 100%;
}

div.buyingField label {
	width: 55%;
	float: left;
}

.buyingField input {
	width: 55%;
	float: left;
}



fieldset {
	margin: 5px 15px 15px 15px;
	padding: 10px;
	border:none;
}


.area {
		width: 33%;
		float: left;
	}
	
	.area input {
		width: 8%;
		float: left;
	}
	
	.area label {
		float: left;
		width: auto;
	}
	
.editRegistration a {

	font-size:0.8em;
	color:#CC0000;
	
	}
	
.editRegistration a:hover {

	color:#417D2D;
	
	}		
	
.searchForm {

	padding:0px;
	margin:0px;
	
	}	

/* sales */	
	
#salesSearch {

margin-top:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
background-image:

}	



#salesImg {

position:absolute;
top:250px;
right:20%;
width:180px;
height:120px;

}


#pageSales {

margin:0 30px 0 30px;

}

#sales {

background-image: url(/site/custom/forteHomes/images/salesBg.jpg);
background-repeat:no-repeat;
background-position:top right;

}

#renting {

background-image: url(/site/custom/forteHomes/images/rentingBg.jpg);
background-repeat:no-repeat;
background-position:top right;

}

.valuation {

font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;

}

/* Register */

fieldset {
	margin-bottom: 25px;
	margin-right:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	margin-left:0px;
	padding:0 0 0 0;
}

legend {
	font-size: 1em;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color: #000;
	
}

#regForm .buttonBox {
	background: none;
}

#regForm H4 {

	font-size:0.9em;
	padding:3px 5px;
	background-color:#CED8F2;
	
	}

#regForm .searchField {
	padding: 0.3%;
	clear: both;

}

#regForm a {

	color:#263248;
	
	}
	
#regForm a:hover {

	color:#666666;
	
	}	

#regForm form .searchField {
	padding: 4px 8px;
}

#regForm .searchField label {
	width: 38%;
	float: left;
}

#regForm .searchField input {
	width: 30%;
	float: left;
	font-size: 1em;
}

#regForm .searchField select {
	font-size: 0.95em;
}


#rLabel {
	width: 40%;
	float: left;
	font-size: 0.95em;
	padding-left: 0px;
	margin: 0;
}

.rButtons {
	float: left;
	width: 50%;
}

.rButtons input, .rButtons label {
	width: auto;
	font-size: 0.95em;
}

.required {

color:#CC0000;

}

.error {

font-size:0.8em;
color:#CC0000;
font-family:Arial, Helvetica, sans-serif;

}

ul .error {

font-family:Arial, Helvetica, sans-serif;

}

/* contact us */

.branchdetails {
		padding-bottom: 25px;
		width: 98%;
	}
	
	.branchdetails h2 {
		padding-bottom: 5px;
	}
	
	.detailLabel {
	margin: 0;
	width: 15%;
	float: left;
	font-weight: bold;
}

	.details {
		width: auto;
		float: left;
	}

.detailfield {
	clear: both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;

}

	
#map_canvas {

margin:20px 0 30px 0;
border:1px solid #000000;
clear:both;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;

}

.printButton {

margin:30px 0 0 0;

}

/* Commercial property */

/***** FORMS *****/
.searchFacility { width: 60%;}
.searchFacility form label { width: 25%; }
.searchFacility form {padding: 15px;}
.searchFacility .searchField {
	padding: 6px;
}

.checkbox {
	width: 33%;
	float: left;
}

.area {
		width: 33%;
		float: left;
	}
	
	.area input {
		width: 8%;
		float: left;
	}
	
  .searchFacility form .area label {
		float: left;
		width: auto;
		font-weight: normal;
	}

.searchFacility form .checkbox label {
	width: 60%;
	padding-left: 15px;
}

#commercial { width: 40%; float: right; }
#commercial form label { width: 40%; }

#commercialBuyingSearch {

background: url(/site/custom/forteHomes/images/commercialSalesBg.jpg) top right no-repeat;

}

#commercialRentingSearch {

background: url(/site/custom/forteHomes/images/commercialRentingBg.jpg) top right no-repeat;

}

/* Payment page */

.paymentForm {

font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
margin:10px 0 0 5px;

}