body {


	margin:0px;
	width:100%;
	height:100%;

}

html {

	background-color:#133881;	
	background-image: url(/site/custom/estupendo/images/bodyBg.jpg);
	background-position: top center ;
	background-repeat: repeat-y;
	
	}

/* Headings */

h1 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1.3em;
	color:#123883;
	font-weight:normal;
	padding:0px 0px 0px 0px;
	margin:15px 0 0 0px;
	
	}

h3 {

	font-family: Arial, Helvetica, sans-serif;
	color:#991111;
	font-size:1em;
	
	}
	
h4 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #4476A4;
	font-size:0.8em;
	
	}

/* header */

#header {

	height:244px;
	width:779px;
	background-image: url(/site/custom/estupendo/images/header.png);
	background-repeat:no-repeat;
	background-position:top;
	margin:auto;
	position:relative;


}

#languages {
	
	width:500px;
	position:absolute; 
	height:30px;
	left:25px;
	top:180px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	
}

#languages img  {
	
	border:none;
	
}

#social {
	
	width:300px;
	height:40px;
	position:absolute;
	top:165px;
	left:635px;
	
}

#social img {
	
	margin:0 0;
	
}

#container {

width:780px;
margin:auto;
height:500px;

}

#page {

margin:0 40px 0 20px;
background-color:#E4E4E4;

}

#page a {

	color: #B31A1A;
	
	}
	
#page a:hover {

	color:#123883;
	
	}
	
#page ul {

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	
	}	

.edit {

font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;

}

.editRegistration {

font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;

}

.editRegistration h4{

font-size:1em;

}

.error {

font-family:Arial, Helvetica, sans-serif;
color:#CC0000;
font-size:0.8em;

}

.label {

font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;

} 

#text {

margin:30px 0 0 0;
line-height:1.25em;
text-align:justify;

}


#pageLeft {

width:330px;
float:left;
margin-top:0px;
text-align:justify;
font-size:0.85em;

	}
	
#pageLeft h1 {

line-height:normal;
text-align:left;
margin-bottom:10px;
font-size:1.5em;
	}
	
#pageLeft h2 {
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#123883;
	
}


#pageRight {

width:188px;
height:100px;
float:right;
margin-top:60px;

	}	
	
#propertySearch {

width:188px;
float:right;
background-image: url(/site/custom/estupendo/images/searchBg.png);
background-position: center bottom;

}

#propertySearchHeader {

top:0px;
width:100%;
height:30px;
background-image: url(/site/custom/estupendo/images/searchHeader.png);
background-repeat:no-repeat;
background-position:center top;

}

#propertySearchHeader h2 {
	
font-size:0.7em; 
background:#123883; 
font-weight:normal; 
font-family:Arial, Helvetica, sans-serif; 
color:#fff; 
margin:0 0 0 20px; 
width:140px; 
border-top:1px solid #8EA3B4; 
padding:6px 0 3px 0;
	
}

	#quicksearch {
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#333333;
	width:83%;
	margin-left:15px;
	
	}

	#quicksearch form a img {
		border: none;
	}
	
	#quicksearch form {
		padding: 8px 0 0px 0;

	}
	
	#quicksearch label {


	}
	
	.quicksearchLabel {
		
		width:59px;
		height:15px;
		margin-bottom:3px;
		float:left;
		
	}
	
	#quicksearch form select, #quicksearch form input {
		font-size: 0.95em;
	}
	
	#quicksearch .searchField {
		padding: 5px 0 5px 6px;
		clear:both;
	}
	
#portals {

	width:100%;
	height:50px;
	margin:40px 0 0 0;
	
	}	
	
#buttonBox {

padding:0px 0px 0px 0px;
margin:5px 0 10px 80px;

}	

.radios {

margin-top:0px;
margin-bottom:0px;
padding-top:0px;
padding-bottom:0px;
width:100%;

}
	
	
.green {
	color:	#4F9A31;
	font-weight:bold;

	}
	
	
/* featured */

#featured {

width:100%;
margin-top:10px;
float:left;

}

#featuredHeader {

width:170px;
height:22px;
background: url(../images/featuredHeader.png) no-repeat right #3B6B94;
margin-top:10px;
}

#featuredHeaderContainer {

width:100%;
margin-bottom:10px;

}

#featuredProperty {

	margin:0px 10px 10px 0px;
	width:30%;
	float:left;
	text-align:center;
	
	}	
	
#featuredProperty img {

	margin:3px;
	
	}	
	
#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:#000;
font-weight:bold;

}
	
#featuredProperty a, #featuredProperty a:visited {

	color:#123883;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
	
	}
	
#featuredProperty a:hover {

	color:#3B6B94;
	
	}	
	
#featuredProperty h3{

	margin:0px;
	padding:0px;
	color:#123883;
	
	}
	
#featuredHeader h4{

	margin:0px 0px 0px 0px;
	padding:4px 0px 0px 30px;
	font-size:0.7em;
	color:#9F0F0F;
	
	}			
	
#page p {

font-size:0.8em;
color:#333333;
font-family: Verdana, Arial, Helvetica, sans-serif;

}



#mainContent {

width:605px;
float:right;


}

#pageSales {

	margin:0 0 0 20px;
	
	}

/* Menu */


#menu {

float:left;

}

#navcontainer { width: 135px; }

#navcontainer ul
{
margin-left: 8px;
padding-left: 0;
list-style-type: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#navcontainer a
{
display: block;
padding: 5px;
width: 135px;
background-color: #0F2C68;
border-bottom: 3px solid #C7C7C7;
font-size:0.7em;
font-weight:bold;

}

#navcontainer a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;

}

#navcontainer a:hover
{
background-color: #369;
color: #fff;

}

/* Search results */

#searchResults {

	width:600px;
	font-size:0.9em;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:30px;
	
	}

.searchParagraph {

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.7em;
padding:0 20px 0 20px;

}

.searchParagraph a {

color:#CC0000;
}

.searchParagraph a:hover {

color: #000066;

}
	
#searchResults h3 {

	font-size:0.8em;
	color:#333333;
	
	}	

.bedrooms {

	font-size:0.8em;
	color:#00;
	
	}
	
.propertyType {

	font-size:0.8em;
	color:#00;
	
	}
	
.propertyPrice {

	font-size:0.8em;
	color:#991111;
	
	}		

	.pageList {
	font-weight: bold;
	text-align: right;
	font-size:0.8em;
	color:#333;

}

.currentPage {
	border: solid 1px #0F2C68;
	background:#0F2C68;
	padding:0 2px 0 2px;
	margin:0 2px 2px 0;
	color:#fff;
		float:left;

	}
	
	#currentPage {
	border: solid 1px #0F2C68;
	background:#0F2C68;
	padding:0 2px 0 2px;
	margin:0 2px 2px 0;
	color:#fff;
		float:left;

	}
	
	.pageList a, .pageList a:visited {

	text-decoration:none;
	color: #fff;
	background:#719FC6;
	border: solid 1px #719FC6;	
	padding:0 2px 0 2px;
	margin:0 2px 2px 0;
	float:left;

}

.pageList a:hover {
	border: solid 1px #0F2C68;
	background:#0F2C68;
	color: #fff;
}

.pageList a#next, .pageList a#previous {
	padding:0 2px 0 2px;
	float:left;
}




.pageList a#next {

border:none;
background:none;
text-decoration:underline;
color:#004697;
float:left;

}

.pageList a:hover#next {

color:#004697;

}

.pageList a#previous {

border:none;
background:none;
text-decoration:underline;
font-weight:normal;
color:#004697;
font-weight:bold;
	
}

.pageList a:hover#previous {

color:#004697;

}
	

.searchNav {
	font-weight: bold;
	color:#000;
	padding: 10px;
	font-size:0.8em;

}

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.8em;
	color:#333333;
}

.propertyAddress {
	font-size: 0.9em;
	font-weight:bold;
	color:#5C1743;
	background-color:#719FC6;

}

.propertyAddress a {
	color:#000;
	text-decoration:none;
	
	}
			
.propertyAddress a:hover {
	text-decoration:underline;
	color:#990000;
	}	
	
#more {

	color:#991111;
	font-size:1.1em;
	float:right;
	padding-right:10px;
	margin-bottom:5px;
		
	}
	
#more a, #more a:link, #more a:visited {

	text-decoration:underline;
	color:#991111;
	font-weight:bold;

	
	}
	
#more a:hover {

	color: #666666;
	
	}
	

tr.odd {
	background: #D1DEED;

}

tr.even {
	background: #fff;
	
	}

.available {
	font-weight: bold;
	font-size:0.8em;
	background-color: #991111;
	color:#FFFFFF;
	padding:2px 2px 2px 2px;
}

.notAvailable {
	font-weight: bold;
	color:#990000;
}

/*Particulars */

#pageParticulars {

margin:0 20px 0 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;

}

#pageParticulars h2 {
font-family: Arial, Helvetica, sans-serif;
font-size:1em;
background-color:#9FBFD9;
color:#000;
padding:2px 0 2px 5px;

}

#pageParticulars h3 {
font-size:1em;
font-family: Arial, Helvetica, sans-serif;

}

#pageParticulars h4 {
font-family: Arial, Helvetica, sans-serif;
font-size:1em;
color:#991111;
padding:3px 0 7px 0px;
margin:0px;

}

.propertyPriceParticulars {

font-size:1.8em;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
color:#991111;

}

#propertyPriceParticulars {

text-align:center;

}


#particularsContainer img {

border:0px;

}	

#particularsTopLeft {
	
	width:352px;
	float:left;
	
}

#particularsEnquiry {
	
	width:186px;
	margin:0 0 0 0;
	padding:0 10px 5px 10px;
	background:#F2F2F2;
	border-top:5px solid #F2F2F2;
	
}

#thumbnails h2 {
	
	padding:8px 10px 8px 10px;
	width:186px;
	margin:10px 0 0 0;
	background:#CCCCCC;
	
}
	
	


#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 {

	padding:0 0 20px 0;
	margin-left:none;
	padding-left:none;
	text-align:left;
	
	}
	
.left {

	text-align:left;
	
	}	
	
.featureList ul {

padding-top:10px;
font-size:1em;
font-weight:bold;
list-style-image: url(/site/custom/estupendo/images/bulletParticulars.gif);
margin-left:13px;
margin-right:20px;
padding-left:0px;
	
	}
	
.featureList li {
color:#000;
padding-bottom:5px;
margin-left:0px;
padding-left:0px;

	}				
	
.email a {

color:#991111;
font-weight:bold;

}

.email a:hover {

color:#333333;

}
	
.center { 

text-align:center;

}

#thumbs {

text-align:center;
}

#thumbs img {

border:0px;

}

#thumbnails {
float:right;
width:210px;
margin-top:20px;
border-left:10px solid #E4E4E4;
border-bottom:10px solid #E4E4E4;

}

#thumbnails a img {
border:none;

}

#photoGallery {

margin: 40px 0 0 0;

}

#photoGallery a img {

border:none;

}

#environmental {

text-align:center;
font-family: Arial, Helvetica, sans-serif;
font-size:1em;
color:#991111;

}

#environmental a {

color:#991111;

}

#environmental a:hover {

color: #333333;

}

#photoCaption {

width:342px;
margin:7px 0 0 0;
padding:6px 0 0 10px;
height:20px;
background-color:#9FBFD9;

}

#caption {

float:left;
width:100px;
font-size:1em;
font-weight:bold;

}

.photoPosition {

	float:right;
	padding:0 20px 0 0;
	vertical-align: text-top;
	font-weight:bold;

}

/* Tables */

.buttonBox {
	text-align: center;
	margin: auto;
	width: 100%;
	padding: 15px 0 8px 0;
	clear: both;
}

.buttonBox input, #formContainer .buttonBox input { float: none; }


.buyingField {
	padding: 6px 0;
	clear: both;
	width: 65%;
}

.areaField {
	padding: 6px 0;
	clear: both;
	width: 100%;
}


.searchFieldAreas {
padding:20px 10px 0 0;
}

.areaField {
	padding: 6px 0;
	clear: both;
	width: 100%;

}

.area {
		width: 33%;
		float: left;
	}
	
	.area input {
		width: 8%;
		float: left;
	}
	
	.area label {
		float: left;
		width: auto;
	}


.areaFieldHeading {
	margin-top:10px;
	padding: 6px 0;
	clear: both;
	width: 100%;
}

div.buyingField label {
	width: 52%;
	float: left;
}

.buyingField input {
	width: 55%;
	float: left;
}


.radios {
	padding: 10px 0;
}

fieldset {
	margin: 5px 15px 15px 15px;
	padding: 10px;
}


.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;
	
	}		
	
/* sales */	
	
#salesSearch {

margin-top:50px;
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/estupendo/images/sales.gif);
background-repeat:no-repeat;
background-position:top right;

}

#renting {

background-image: url(/site/custom/estupendo/images/renting.gif);
background-repeat:no-repeat;
background-position:top right;

}

#valuation {

background-image: url(/site/custom/estupendo/images/valuation.gif);
background-repeat:no-repeat;
background-position:top right;

}

#register {

background-image: url(/site/custom/estupendo/images/register.gif);
background-repeat:no-repeat;
background-position:top right;

}

.editRegistration h4 {

font-size:0.8em;

}

/*********** 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 {
	width: 100%;
	clear: both;

}

.contactContainer {

	margin-top:50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	
	}
	
.contactContainer a {

	color:#CC0000;
	
	}
	
.contactContainer a:hover {

	color:#458529;
	
	}		
	
.contactContainer h4{

	font-size:1em;
	
	}

	
#powered {

margin:60px auto 30px auto;
font-family:Arial, Helvetica, sans-serif;
width:300px;
font-size:0.75em;
color:#333333;

}	

#powered a {

color:#123883;

}

.printButton {

margin:20px 0 0 0;
width:70px;
float:left;

}


