body {


	margin:0px;
	width:100%;
	height:100%;

}

html {

	background: #fff;
	color: #454545;
	
	}

/* Headings */

h1 {

	font-family: "Times New Roman", Times, serif;
	font-size:1em;
	color: #454545;
	margin:0 0 20px 0;
	padding:0 0 0 0;
	font-weight:normal;

	}
	
h2 {

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

}	

h3 {

	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size:0.8em;
	margin-bottom:0px;
	padding-bottom:0px;
	
	}
	
h4 {

	font-family:Arial, Helvetica, sans-serif;
	padding:3px 5px;
	color:#333;
	font-size:0.9em;
	background-color:#DFE1E3;
	
	}

/* Links */

a {

color:#D2298A;

}

a:hover {

color: #666666;

}

	
/* Text styles */		

.bullet {

	font-size:1.5em;
	
	}
	
.edit {

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

}

.purple {

color:#D2298A;

}

/* header */

#header {

	height:145px;
	width:696px;
	margin:0 0 0 10px;
	position:relative;
	background: url(/site/custom/harpersand/images/telHeader.png) no-repeat top right #fff;


}

.headerLogo {

	width:196px;
	height:126px;
	float:left;
	
	}

#container {

width:100%;
margin:0 auto 30px auto;
padding:0 0 0 0;
background: none;

}

#page {

margin:0 25px 0 30px;
line-height:1em;

}

#page h1 {

font-size:1.4em;

}

.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;

}

.required {

color:#CC0000;
font-size:1em;

}

.label {

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

} 

#leftPanel {

width:198px;
float:left;
padding:0 0 0 21px;
display:none;

	}
	
/* Quick search */

#propertySearch {

width:100%;

}



/* General page style */	
	
#page p {

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

}

#page ul {

margin-top:20px;
margin-bottom:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:0.75em;
line-height:1.7em;

}

#mainContent {

width:100%;
float:left;
min-height:450px;

}

.footer {

width:940px;
height:26px;
background: url(/site/custom/harpersand/images/footer.png) no-repeat center;
font-size:0.1em;
margin:20px 0 0 0;
display:none;

}

/* Home page */

#flash {

height:210px;
width:697px;
background-color:#999999;
border-left:2px solid #fff;

}

.frontBullets {

list-style-image:url(../images/tick.png);
list-style-position:inside;
font-weight:normal;
font-family: Arial, Helvetica, sans-serif;
color:#000;
margin:5px 0 0 0;
padding:0 0 0 0;

}

.mainAddress {

margin:100px 0 20px 20px;
font-family:Arial, Helvetica, sans-serif;
color: #272727;
font-size:0.7em;

}

.pageRight {

width: 100%;
float:left;
margin:30px 0 0 0;

}

.pageLeft h1 {

font-size:1.4em;

}

/* Top Menu */

#siteNav ul
{
padding: 0;
float:right;
margin: 100px 20px 0px 0px;
color: #4A4F51;
font-family: Arial, Helvetica, sans-serif;
font-size:0.75em;
font-weight:bold;
display:none;

}

#siteNav ul li { 

display: inline;
border-right:2px solid #D2298A;
float:left;
padding-right:0px;

}

#siteNav ul li.navRight {

border-right:none;

}

#siteNav ul li a
{
padding: 1px 14px;
color: #454545;;
text-decoration: none;
float: left;

}

#siteNav ul li a:hover {

color: #626262;
text-decoration:underline;

}

/* Side menu */

#navcontainer { width: 198px; display:none }

#navcontainer ul

{

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

}

#navlist li.navSales a {

background:url(/site/custom/harpersand/images/salesButton.png) no-repeat;
display: block;
margin:0 0 0 0;
padding:0 0 0 0;
height:105px;
width: 198px;

}

#navlist li.navSales a:hover {

background:url(/site/custom/harpersand/images/salesButtonHover.png) no-repeat;

}

#navlist li.navRenting a {

background:url(/site/custom/harpersand/images/rentingButton.png) no-repeat;
display: block;
margin:0 0 0 0;
padding:0 0 0 0;
height:105px;
width: 198px;

}

#navlist li.navRenting a:hover {

background:url(/site/custom/harpersand/images/rentingButtonHover.png) no-repeat;

}


/* SEARCH RESULTS */

#searchResults { 

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

 }
 
#searchResults h1 {

font-size:1.4em;
margin:0 0 0 0;
padding:0 0 0 0;

}

.searchBarList {
 
font-size:0.95em;
margin:15px 0 25px 0;
 
 } 

.searchOptions {

width:200px; 
float:right;
font-size:0.9em;

}


.list {
	width: 100%;
	border-collapse: collapse;
	padding: 8px;
	margin:30px 0 0 0;
}


td.propertyPrice {
	text-align: right;
	font-size: 0.9em;
	font-weight: bold;
}

td.bedrooms, td.propertyType, td.propertyPrice {
	text-transform: capitalize;
	color:  #333;
	font-size:0.9em;
}

td.propertyStatus {
	color: #CC0000;
	font-weight:bold;
	
	}

.currentPage {

color:#B12576;

}

td.bedrooms, td.propertyType { text-align: left; }

td.thumbnail {
padding: 0 10px 0 0;
text-align: center;

}

td.thumbnail a img {
	vertical-align: top;
	margin-bottom: 3px;
	border:1px solid #51216C;
}

td.thumbnail a:hover img {
	vertical-align: top;
	margin-bottom: 3px;
	border:1px solid #593A74;
}

td.description {
	vertical-align:top;
	font-size: 0.9em;
	background: url(../images/dottedLineBlue.gif) repeat-x top;
	padding-top:8px;
}

td.description a {
	
	color:#333;
	font-weight:bold;
	
	}
	
td.description a:hover {
	
	color: #666;
	
	}

td.propertyAddress {
	vertical-align: middle;
	font-size: 0.9em;
	font-weight: bold;
	
}

td.propertyAddress a, td.propertyAddress a:visited {

	color: #ffffff;
	text-decoration:none;

}

td.propertyAddress a:hover {

	color: #fff;
	
	}

#propertyAddress {
	height:20px;
	background-color:#999DA8;
	padding:5px 0 0 8px;
	vertical-align:middle;
	border:none;

	}

.srRentFreq {
	font-size: x-small;
	font-weight: normal;
	color: #666;
}

td.propertyAddress a:hover {
	text-decoration:underline;
}


td.tableSpacer {
	height: 10px;
	padding: 5px;
}

tr.navBar {
/*	border: solid 1px #90003C;*/
}

.list td.searchNav {
	padding: 2px 2px 2px 8px;
	font-weight: bold;
	color: #000;

}

.list td.pageList {
	text-align: right;
	font-weight: bold;
	padding-right: 8px;
	color: #000;
	font-size:0.9em;
	
}

td.pageList a {
	padding: 2px;
	margin: 0 1px;
	font-weight: bold;
	color:#000;
}

.pageList a:visited {

	color:#000;
	
	}

td.pageList a:hover {
color: #333333;

}


td.pageList a#previous {

	font-weight: bold;
	padding: 4px 5px 4px 20px;
	text-decoration: none;
	color:#000;
}

td.pageList a:hover#previous {

}
	

td.pageList a#next {

	font-weight: bold;
	padding: 4px 20px 4px 5px;
	text-decoration: none;
}

td.pageList a:hover#next {

}	

/* Map results */

img.gMapPhoto {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;

}

#map_canvas_1 {
 
 border:1px solid #000;
 margin:15px 0 40px 0;
 width: 385px; 
 height: 450px; 
 float:left;
 
 }
 
 #map_canvas a {
 
 color: #D17610;
 
 }
 
  #map_canvas a:hover {
 
 color: #666666;
 
 }
 
  #map_canvas img {
  
  border:1px solid #000;
 
 }
 
 
 #map_canvas h2 {
 
 font-size:1.2em;
 color:#000;
 
 }
 
 
.mapSearchOptions {

width:200px; 
float:right;
font-size:1.1em;
margin:0 0 30px 0;

}
 
 .gMapPrice {
 
 font-weight:bold;
 color:#D17610;
 font-size:1.3em;

 }

 .navText {
 
 margin:0 0 0 15px;
 font-size:1em;
 font-weight:bold;
 
 }

 .currentMapPage {
 
  font-weight:bold;
  
  }
  
  #pageNumbers {
  
  font-size:1.1em;
  margin:15px 0 0 15px;
  
  }
  
  #pageNumbers a {
  
  color:#000000;
  
  }
 
 #searchMapResults {
 
 font-family: Arial, Helvetica, sans-serif;
font-size:0.7em;
margin:30px 20px 0 30px;

}

 #searchMapResults h1 {
 
font-size:1.4em;
font-weight: bold;
margin:0 210px 0 0;
padding:0 0 0 0;
 
 }

 #searchMapResults li {
 
 padding:0 0 6px 0;
 margin:0 0 0 0;
 
 }
 
 #searchMapResults li a {
 
 color:#E17E11;
 font-weight:bold;
 
 }



 #searchMapResults li a:hover {
 
 color: #666666;
 font-weight:bold;
 
 }
 
 .mapBar {
 
 background:#729D3C;
 font-family:Arial, Helvetica, sans-serif;
 font-size:1.1em;
 font-weight:bold;
 color:#FFFFFF;
 padding:2px 0 4px 10px;

}

/* Map search bar */
 
 #searchBar {
 
  margin:15px 0 0 0;
  background:#593A74;
  padding:10px 10px 5px 10px;
  width:720px;
  color:#FFFFFF;
  
 }
 
 #hidden {

 height:30px;
 width:740px;
 background:#593A74;
 color:#FFFFFF;

}
 
 #searchBar form {
 
 margin:0 0 0 0;
 padding:0 0 0 0;
 
 }
 
 #searchBar a {
 
 color:#FFFFFF;
 
 }
 
 #searchBar a:hover {
 
 color:#CCCCCC;
 
 }
 
 
 #searchBar select {
 
 font-size:0.95em;
 
 }

 .searchFieldRooms {
 
 float:left;
 width:120px;
 
 }
 
 .searchFieldPrice {
 
 float:left;
 width:150px;
 margin:0 7px 0 0;
 
 }
 
 .searchFieldRooms select {
 
 font-size:1em;
 
 } 
 
 .radiosMap {
	
	margin:0px 12px 6px 0;
	padding:0px 0px;
	float:left;
	
	}
	
#advanced {

height:30px;
background:#593A74;
width:740px;
color:#FFFFFF;

}

 
 #buyMinMap {
 
 margin:0 0 0 4px;
 
 }
 
 .minField {
 
 margin:0 0 5px 0;
 
 }
 
 .searchFieldType {

 float:left;
 margin:0 10px 0 10px;

 }
 
 .searchFieldType select {
 
 font-size:1em;
 
 }

 
 .searchFieldArea input {
 
 font-size:1em;
 
 }
 
 
 /******** MAP BUBBLE ********/

#mapBubble a img, #mapBubble a:link img, #mapBubble a:visited img, #mapBubble a img.gMapPhoto {
	float: left;
	border: solid 1px #7a4354;
}

div.gMapPhotoWrapper {
	float: left;
	width: 120px;
	border: 2px solid #99FF00;
}

.gMapPrice {
	font-weight: bold;
	font-size: 1.2em;
}

.gMapBedrooms {
	text-transform: capitalize;
	margin: 0;
}

.gMapDetailsWrapper { float: left; padding-left: 10px;}
 

/*Particulars */

#pageParticulars {

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

}

.floorplans {

display:none;

}

#pageParticulars h1 {

font-size:1.7em;
margin-top:0px;
padding-top:0px;

}

#pageParticulars a {

color:#492867;

}

#pageParticulars a:hover {

color: #666666;

}

#pageParticulars h2 {
font-family: Arial, Helvetica, sans-serif;
font-size:1em;
border-bottom:1px dotted #333;
width:100%;
color: #454545;
padding:5px 0 5px 0;

}

#pageParticulars h3 {
font-size:1em;
font-family: Arial, Helvetica, sans-serif;
border-bottom:1px dotted #333;
color:#333333;
padding:4px 4px;

}

.locationLeft {

float:left;
width:350px;

}

.additional {

margin-top:0px;

}

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

}

#particularsTopBar {

width:100%;
height:40px;
margin:0 0 40px 0;

}

#propertyPriceParticulars {

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

}

#propertyTypeParticulars {

font-size:1em;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
color:#000;
padding:5px 0 5px 0;
width:200px;
float:left;
}

#particularsAddress {

font-family:Arial, Helvetica, sans-serif;
font-size:1em;
font-weight:bold;
padding:5px 0 5px 30px;
width:300px;
float:right;
text-align:right;
color:#000;

}

#particularsAddressTypeBar {

background:#fff;
width:100%;
height:25px;
margin:10px 0 0 0;

}

#particularsContainer img {

border:0px;

}	

.epcGraph {

display:none;

}

#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:415px;
	margin:10px 0 20px 5px;
	
	}

.featureList ul {

padding-top:0px;
font-size:0.9em;
font-weight:bold;
list-style-image: url(/site/custom/harpersand/images/tick.png);
margin:10px 0 0 10px;
padding:0 0 0 0;

	}
	
.featureList li {
color: #000;
padding:0 5px 3px 5px;
margin:0 10px 0 0;
vertical-align:middle;
	}				

	
.photoPosition {

	float:right;
	padding:0 20px 0 0;
	vertical-align: text-top;
	font-weight:bold;

}
	
	
.center { 

text-align:center;

}

#thumbnails {
float:right;
width:220px;
vertical-align:top;
text-align:center;

}

#thumbnails a img {
border:none;

}

#photoGallery {

margin: 20px 0 0 0;

}

#photoGallery a img {

border:none;

}

#photoCaption {

width:406px;
margin:7px 0 0 0;
padding:6px 0 0 10px;
height:20px;
background-color:#E4E4E4;
display:none;

}

#caption {

float:left;
width:100px;
font-size:0.85em;
font-weight:bold;
display:none;

}

.slideshowParticulars {

text-align:center;
font-size:0.9em;
}

#environmental {

text-align:left;
font-family: Arial, Helvetica, sans-serif;
font-size:0.9em;
color:#000;
margin:0 0 30px 0;
display:none;

}

#environmental a {

color: #000000;

}

#environmental a:hover {

color: #666666;

}

/* Tables */

.buttonBox {
	text-align: center;
	padding: 15px 0 0 0;

}

.buttonBox input, #formContainer .buttonBox input { float: none; }


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

.areaField {
	padding: 6px 0 0 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 {
	float: left;
}


.radios {
	
	margin: 0 0 10px 0;

}

.submit {

	margin:10px 0 5px 0;
	
	}

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;
	
	}	
	
/* Buying guide */

.buyingGuide {

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

}
	
#buyingGuide ol {

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

}

#buyingGuide {

margin:30px 0 0 0;

}	
	
/* Selling */

.salesMenu {

font-weight:bold;
margin:0 0 35px 0;

}	
	
/* 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/harpersand/images/sales.jpg);
background-repeat:no-repeat;
background-position:top right;
margin:0 0 0 0;

}

#sales h4 {

width:50%;

}

.searchMenu {

font-size:1em;
margin:40px 0 0 0;

}

.registerField {

font-size:1.3em;
font-family:Arial, Helvetica, sans-serif;
width:100%;
margin:25px 0 25px 0;

}

#renting {

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

}

#renting h4 {

width:50%;
font-size:0.9em;

}

#valuation {

padding:0 0 30px 0;

}

#valuation h4 {

font-size:0.75em;

}

#valuation textarea {

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

}

/* Testimonials */

#testimonials {

line-height:1.1em;

}

.testimonial {

font-weight:bold;
font-style:italic;

}

/* REGISTER */

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

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;
	
	}

#regForm .searchField {
	padding: 0.5%;
	clear: both;
	width: 94%;
}

#regForm a {

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

	color:#666666;
	
	}	

#regForm form .searchField {
	width: 190px; 
	padding: 4px 0px;
}

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

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

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


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

.radios {
	padding: 0 0 0 0;
}

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

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


/* CONTACT US */

	
	.branchDetails {

	margin:0 0 20px 0px;
	padding:20px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	
	}
	
	.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 {

	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	background-image: url(/site/custom/kingsEstate/images/contactBg.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	padding:0 0 30px 0;
	
	}
	
.contactDetails {

	margin:0 0 10px 0;
	
	}	
	
.contactLabel {

	width:80px;
	float:left;
	
	}	
	
.contactContainer p {

	font-size:1.2em;
	
	}	
	
.contactContainer a {

	color:#D17610;
	font-weight:bold;
	
	}
	
.contactContainer a:hover {

	color: #333333;
	
	}		
	
.contactContainer h2{

font-family:Arial, Helvetica, sans-serif;
padding:3px 5px;
width:530px;
color:#333;
font-size:0.9em;
background-color:#D3E6BD;
	
	}	
	
#powered {

margin:60px auto 30px auto;
width:90px;

}