html {

background: url("../images/htmlBg.png") repeat-x top #060606;
margin:0 0 0 0;
padding:0 0 0 0;
font-family:Arial, Helvetica, sans-serif;
	
}

body {

margin:0 0 0 0;
padding:0 0 0 0;

}

h1 {

font-size:1.5em;
font-weight:normal;

}

#page h2 {

font-size:1.3em;

}

.bronze {

color:#C17000;

}

#bronze a {

color:#C17000;

}

#bronze a:hover {

color:#C17000;

}

.silver {

color: #666666;

}

#silver a {

color: #666666;

}

#silver a:hover {

color: #666666;

}

#gold a {

color: #CC9933;

}

#gold a:hover {

color:#CC9933;

}




.gold {

color:#CC9933;

}

.pink {

color:#EE2BEE;
font-weight:bold;

}

a {
	
	color:#EC13EC;

	}
	
a:hover {

	color:#BB0FBB;
	}
	
#container {

background: url("../images/containerBg.png") no-repeat center top;
margin:0 auto 0 auto;
padding:0 0 2px 0;
width:944px;

}

#page {

padding:20px 60px 30px 60px;
font-size:0.8em;
line-height:1.5em;

}

#page ul li {

margin:0 0 0 0;
padding:0 0 3px 25px;
background: url("../images/tickBullet.png") no-repeat top left;

}

#page ul {

margin:0 0 0 0;
padding:0 0 0 0;
list-style-type:none;

}

#silver ul li {

margin:0 0 0 0;
padding:0 0 2px 25px;
background: url("../images/silverTick.png") no-repeat top left;

}

#silver ul {

margin:0 0 0 0;
padding:0 0 0 0;
list-style-type:none;

}

#gold ul li {

margin:0 0 0 0;
padding:0 0 2px 25px;
background: url("../images/goldTick.png") no-repeat top left;

}

#gold ul {

margin:0 0 0 0;
padding:0 0 0 0;
list-style-type:none;

}


#bronze {

margin-top:25px;

padding:0 20px 20px 20px;
border:2px solid #FFF1D9;
background:#FFFAF2;

}

#silver {

padding:0 20px 20px 20px;
margin-top:20px;
border:2px solid #EBEBEB;
background: #F5F5F5;

}

#gold {

margin-top:20px;
padding:0 20px 20px 20px;
border:2px solid #F5EACD;
background:#FBF8EC;

}

#platinum {

margin-top:20px;
padding:0 20px 20px 20px;
border:2px solid #E9E9E9;
background: #F8F8F8;

}

#bronze ul li {

margin:0 0 0 0;
padding:0 0 2px 25px;
background: url("../images/bronzeTick.png") no-repeat top left;

}

#bronze ul {

margin:0 0 0 0;
padding:0 0 0 0;
list-style-type:none;

}

.number {

font-size:1.8em;
color:#FFFFFF;
padding:0 0 4px 35px;
margin:0 0 0 0;

}

.email {

font-size:0.8em;
font-weight:bold;
color:#FFFFFF;
padding:0 0 0 35px;
margin:0 0 0 0;

}

.email a {

color:#FFFFFF;

}

.email a:hover {

color:#CCCCCC;

}

/* Header & menu */

#header {

background: url("../images/headerBg2.png") no-repeat;
height:208px;

}

#logo {

float:left;
height:155px;
width:230px;
margin:22px 0 0 24px;

}

#headerRight {

float:right; 
width:330px;
margin:43px 40px 0 0;

}

#headerContact {

height:55px;
float:right;
width:240px; 
background:url(/site/custom/townHouseLettings/images/numberBg.png) top left no-repeat; 

}

#languages {

float:right;
color:#FFFFFF;
font-size:0.7em;
height:15px;
width:330px;
margin:50px 0 0 0;
padding:0 8px 0 0;
text-align:right;

}

/* Top Menu */

#siteNav {

height:20px;
float:left;
margin: 0 20px 0 32px;

}

#siteNav ul

{
padding: 0;
float:left;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size:0.75em;
font-weight:bold;
padding:0 0 0 0;
margin:0 0 0 0;

}

#siteNav ul li { 

display: inline;
float:left;
padding-right:0px;

}

#siteNav ul li.navRight a {

border-right:none;
background-image:none;


}

#siteNav ul li.navRight a:hover {

border-right:none;
background:#EB10EB;

}

#siteNav ul li a
{
padding: 7px 17px 8px 17px;
background:url(../images/menuStrip.png) right top no-repeat;
color: #fff;
text-decoration: none;
float: left;

}

#siteNav ul li a:hover {

color: #fff;
background:url(../images/menuStrip.png) right top no-repeat #EB10EB;

}





#mainContent {

background: url("../images/pageBg.png") no-repeat;
width:896px;
margin:0 auto 0 auto;

}

#footer {

width:896px;
margin:10px auto 10px auto;

}

#footerText {

width:400px;
float:left;
text-align:left;
padding:0 0 0 12px;
font-size:0.7em;
color:#FFFFFF;

}

#footerLinks {

width:300px;
float:right;
text-align:right;
margin:0 12px 0 0;

}

#footerLinks a {

font-size:0.75em;
color:#FFFFFF;

}

#footerLinks a:hover {

color:#CCCCCC;

}


/* Home */

#homeTopLeft {

background: url("../images/homeTopLeftBg.png") no-repeat #D5D5D5;
width:435px;
height:206px;
float:left;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
padding:0 30px 0 30px;
text-align:justify;

}

#homeTopLeft p {

font-size:0.7em;
line-height:1.3em;

}

#homeTopLeft h1 {

margin:15px 0 0 0;
padding:0 0 0 0;

}

#homeTopRight {

background: url("../images/homeTopRightBg.jpg") no-repeat;
width:400px;
height:206px;
float:left;
border-bottom:1px solid #fff;

}

#homeBottomLeft {

background: url("../images/homeBottomLeftBg.png") no-repeat;
width:435px;
padding:5px 30px 0 30px;
height:190px;
float:left;
border-right:1px solid #fff;
color:#FFFFFF;
font-weight:bold;

}

#homeBottomLeft h2 {

font-size:1.1em;
font-weight:normal;
color:#FFFFFF;

}

.headingSmall {

font-size:0.8em;

}

#homeBottomRight {

background: url("../images/homeBottomRightBg.png") no-repeat;
padding:5px 0 0 25px;
width:375px;
height:190px;
float:left;

}

/* Quick search  */

#quickSearch label {
	width: 95px;
	float: left;
	font-size: 0.7em;
}


#quickSearch form {
	margin: 0;
}

#quickSearch p {
	margin: 0;
	padding: 3px 0;
}

.field {
	width: 100%;
	clear: both;
}

#qsLeft {
	width: 39.9%; 
	float: left;
}

#qsRight {
	width: 60%;
	float: left;
}

#qsRight label {
	padding-left: 10px;
}

#quickSearch .field {
	padding: 2px 0;
}

div#submitbtn { padding-left: 95px; padding-top: 8px; }

/* Featured properties */




#featured h2 {

	font-size:1em;
	margin:0 0 0 0;
	padding:8px 0 12px 5px;
	color:#fff;
	font-weight:normal;
	
	}

.featuredProperty {

	margin:0 10px 0 0;
	font-size:0.75em;
	width:110px;
	float:left;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	
	}
	
.featuredProperty a:hover {

	color:#CCCCCC;
	
	}	
	
.featuredProperty h4 {

	background-color:#FFFFFF;
	margin:0 0 0 0;
	padding:0 20px 0 0;
	font-size:1em;
	
	}		
	
.featuredProperty img {

	margin:0 0 5px 0;
	border:1px solid #fff;
	
	}
	
.featuredProperty img {

	margin:0 0 5px 0;
	border:1px solid #fff;
	
	}	
	
	


.featuredAddress {

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

}

.noFeatured {

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

}
	
.priceFeatured {

margin:1px 0 3px 0;
padding:0 0 0 0;
font-weight:bold;
font-size:1.1em;

}

.priceFeatured a {

color:#fff;
text-decoration:none;


}

.priceFeatured a:hover {

color: #CCCCCC;
text-decoration:none;


}

.rentFreq {

font-size:0.8em;

}

.moreInfo {

margin:5px 0 0 0;

}

.townFeatured {

margin:0 0 2px 0;
padding:0 0 0 0;

}

.townFeatured a {

color:#EE2BEE;
text-decoration:none;

}

.townFeatured a:hover {

color:#F466F4;

}

.typeFeatured {

margin:0 0 4px 0;
padding:0 0 0 0;

}

.typeFeatured a {

color:#EE2BEE;

}

.typeFeatured a:hover {

color:#F466F4;

}

/* Search results */

#searchResults {

min-height:650px;
padding:10px 30px 20px 30px;

}

#searchResults h1 {

font-size:1.2em;

}

.searchOptions {

width:200px; 
float:right;

}	
	
#searchResults a {


}

#searchResults a:hover {


}	
	
#searchResults h3 {

	font-size:0.9em;
	color:#333333;
	padding:0 0 0 17px;
	
	}	
	

.pageList {
	font-weight: bold;
	text-align: right;
	font-size:0.75em;
	background: #fff;
	color:#333;

}

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

	}

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

font-size:0.9em;

}

.pageList a, .pageList a:visited {

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

}

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

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




.pageList a#next {

	padding:2px;
}

.pageList a#previous {

	padding:2px;
}
	

.searchNav {
	font-weight: bold;
	color:#333;
	padding: 10px;
	font-size:0.9em;
	margin:10px 0 0 0;

}

table.list {

	padding: 0;
	border-collapse: collapse;
	background: url(../images/oddBg.png) repeat-x bottom left;	
}

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 {

}

td.description {

	font-size:0.8em;
	color:#333333;

}

.propertyAddress {

	font-size: 0.8em;
	font-weight:bold;
	padding:7px 5px 7px 0;

}


.propertyAddress a {
	
	color:#EC13EC;

	}
	
	.propertyAddress a:hover {

	color:#BB0FBB;
	}
	
#more {

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

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

	color: #BB0FBB;
	}

tr.even {

	background: url(../images/oddBg.png) repeat-x top left;

}
 

.available {
	font-weight: bold;
	font-size:0.9em;
	background: #EC13EC;	
	color:#FFFFFF;
	padding:3px 8px 3px 8px;
	margin:0 0 0 0;
}

.notAvailable {
	font-weight: bold;
	font-size:1em;
	background:#990000;	
	color:#FFFFFF;
	padding:5px 10px 5px 10px;
	margin:0 0 0 0;

}

.tentative {
	font-weight: bold;
	font-size:1em;
	background: #CC6600;	
	color:#FFFFFF;
	padding:5px 10px 5px 10px;
	margin:0 0 0 0;

}

/* Search bar */

#searchBar {
 
	margin:15px 0 0 0;
	background:#333;
	padding:8px 12px 11px 20px;
	color:#FFFFFF;
	font-size:0.75em;
  
 }
 
#resultsPerPage {

width:200px;
padding:0 20px 0 0;
float:left;
text-align:left;
color:#fff;
font-size:0.9em;

}

#resultsAscending {

font-family:Arial, Helvetica, sans-serif;width:250px;
padding:10px 20px 0 0;
float:right;
width:250px;
text-align:right;
font-size:0.75em;
font-weight:bold;

}


#hidden {

	height:30px;
	background:#333;
	color:#FFFFFF;
	font-size:0.9em;	

}
 
#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;
 
 }
 
.searchFieldPrice {
 
	float:left;
	margin:0 3px 0 15px;
 
 }
 
.searchFieldPrice select {

width:80px;

}
 
.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;
	width:65px;
 
 }

 
.searchFieldArea input {
 
	font-size:1em;
 
 }
 
 .searchFieldArea {
 
 width:150px;
 float:left;
 
 }
 
 /* Particulars */

#pageParticulars {

margin:0 auto 0 auto;
min-height:650px;
padding:20px 40px 20px 40px;

}

#pageParticulars p {

font-size:0.8em;

}

#thumbnails {

float:right;
margin:0 0 0 0;
width:245px;

}

#photoOptions {

height:15px;
width:562px;
margin:5px 0 0 0;
font-weight:bold;
font-size:0.8em;

}

.photoPosition {

width:200px;
padding:0 10px 0 0;
text-align:right;
float:right;

}

.photoCaption {

width:250px;
text-align:left;
float:left;
font-weight:bold;
color:#444444;

}

#caption {

font-weight:bold;
width:100px;
float:left;

}


.photo a img {

border:none;

}

#column1 {

width:560px;
float:left;
margin:0 0 0 0;

}

#column2 {

width:242px;
float:right;
margin:0 0 0 0;
padding:20px 0 0 0;

}

#column3 {

width:34%;
float:left;
font-size:0.85em;

}

.featureList {

width:100%;
padding:10px 10px 10px 15px;
margin:0 0 0 0;
font-size:0.9em;
font-weight:bold;

}

.featureList li {

padding:0 0 3px 4px;
margin:0 0 0 15px;

}

.featureList ul {

padding:0 0 0 0;
margin:0 0 0 0;
list-style-image: url(../images/tickBullet.png);

}

#environmental {

font-size:0.8em;

}

#propertyAddressBar {

background: #333;
padding:8px 0 6px 20px;
margin:10px 0 10px 0;
}

#propertyTypeParticulars {

margin:0 0 0 0;
font-size:1em;
padding:0 0 0 0;
color:#fff;
float:left;
width:450px;

}

#particularsAddress {

margin:3px 0 0 0;
padding:0 0 0 0;
color:#fff;
float:left;
width:200px;

}

#propertyPriceParticulars {

padding:0 20px 0 0;
color:#fff;
font-size:1.3em;
float:right;
width:240px;
text-align:right;

}

.tenure {

font-size:0.9em;

}

#location {

padding:0 10px 10px 5px;
margin:0 0 0 0;

}

#pageParticulars h2 {

font-size:0.8em;
margin:20px 0 6px 0;
padding:3px 0 3px 8px;
color: #fff;
background:#EE2BEE;

}

#pageParticulars h3 {

font-size:0.8em;
margin:20px 0 6px 0;
padding:3px 0 3px 8px;
color: #fff;
background:#333;

}

#pageParticulars h4 {

font-size:0.9em;
margin:10px 0 10px 0;
padding:0 0 0 0;
color:#EE2BEE;

}

.roomName {

font-weight:bold;
color:#444444;
font-size:0.8em;

}

.roomDescription {

padding:0 0 0 0;
margin:6px 0 15px 0;

}

.propertyStatus {

font-weight:bold;

}
 
 /* Register */

#register {

padding:0 30px 0 30px;


}

#msForm, form#regForm {
	width: 100%;
	margin: 20px auto;
}

fieldset {
	padding: 10px 20px;
	margin:0 0 0 0;
	border-color: #c1c0b5;
	border-style: solid;
	border-width: 1px;
	background: url("../images/greyfadebg.png") repeat-x left bottom;
}

legend {

	font-weight: bold;
	font-size: 1.1em;
	color: #333;
}

#msForm h4 { margin-top: 8px; color: #6c6a5a; }

#msForm .field, #regForm .field, form#valForm .field {
	width: 100%;
	clear: both;
	padding: 8px 0;
}

form#regForm .field, form#valForm .field {
	padding: 2px 0;
}

form#regForm fieldset, form#valForm fieldset {
	margin-bottom: 20px;
}

form#valForm div.buttonBox {
	padding-left: 33%;
}

form#regForm .field label, form#valForm .field label {
	width: 33%;
	float: left;
}

form#regForm div.buttonBox {
	text-align: center;
}
 
#msForm .field label {
	width: 50%;
	float: left;
}

#msLeft, #msRight {
	width: 50%;
	float: left;
}	

/* Renting */

#renting {

padding:0 10px 0 10px;

}

#rentingLeft {

width:51%;
float:left;

}

#rentingRight {

width:43%;
margin:30px 0 0 0;
text-align:right;
float:left;

}

#renting h1 {

margin-bottom:20px;

}

#renting h4 {

font-size:1.2em;

}

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

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

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

.area input {

margin-right:3px;
margin-left:0px;
padding-left:0px;

}

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

.buyingField input {
	float: left;
}


.radios {
	
	margin: 0 0 10px 0;

}

.submit {

	margin:10px 0 5px 0;
	
	}


.area {
		width: 25%;
		float: left;
		height:20px;
	}
	
	.area input {
		width: 8%;
		float: left;
	}
	
	.area label {
		float: left;
		width: auto;
	}
	
.registerField {

margin:20px 0 0 0;

}	

/* Contact us */

	
.detailLabel {
	
	margin: 0;
	width: 15%;
	float: left;
	font-weight: bold;
}

#contactContainer h2 {

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

}

.contact {

margin:20px 0 0 0;

}

#contactMap {

width: 280px; 
height: 210px; 
margin:0 0 30px 0; 
float:right

}

#contactMap a {

color:#000000;

}