body {
	width: 880px;
	background:url("../images/bodyBg.png") center bottom no-repeat #004664;	
	margin: auto;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 80%;
}

html {
	background: #004664;	

}

#header {
	width: 100%;
	height:206px;
	background: url("../images/headerBg.png") right bottom no-repeat #fff;	
}

#header2 {
	width: 100%;
	height:206px;
	background: url("../images/headerBg2.png") right bottom no-repeat #fff;	
}

#telNo {
	float: right;
	margin: 20px;
	color: #fff;
	font-size: 1.8em;
	text-align: right;
	vertical-align: middle;
}

#telNo img {vertical-align: middle;}

#logo { 
	margin: 30px 0 0 35px;
}



/* Top Menu */

#siteNav {

width:835px;
position:relative;
top:159px;
left:45px;

}

#siteNav ul
{
padding: 0;
float:left;
margin: 0 0 0 0;
color: #4A4F51;
font-family: Arial, Helvetica, sans-serif;
font-size:0.85em;
font-weight:bold;
width:100%;

}

#siteNav ul li { 

display: inline;
float:left;
padding:0 0 0 0;
margin:0 0 0 0;

}

#siteNav ul li.navRight a {

border-right:none;
background:none;

}

#siteNav ul li.navRight a:hover {

border-right:none;
background:url(/site/custom/southResidential/images/menuHover.png) repeat-x #008DCA;

}

#siteNav ul li a
{
padding: 16px 10px 16px 11px;
background: url("../images/menuRight.png") right no-repeat;
color: #fff;
text-decoration: none;
float: left;

}

#siteNav ul li a:hover {

background:url(/site/custom/southResidential/images/menuHover.png) repeat-x #008DCA;
}
	
	
.homeTextContainer {
	width: 580px;
	float:left;
	text-align:justify;

}		
	
#homeText {

	padding: 20px 10px 15px 30px;

}

#homeText h1 {
	padding-top: 5px;
	margin:10px 0 25px 0;
}

#homeText h2 {
	font-size: 1.4em;
	font-weight: normal;
	color: #000;
}

.strapline {

	font-size:1.4em;
	
	}

#footer {
	width: 100%;
	height:40px;
	background: url("../images/footerBg.png") no-repeat bottom;
	margin:0 0 0 0;
	font-size:0.85em;
	text-align:right;

}

.powered {

padding:0 40px 20px 0;

}

h1 {
	font-size: 1.8em;
	font-weight: normal;
	color: #000;
}

h2 {
	font-size: 1.3em;
	color:#007AAE;
	margin:25px 0 0 0;
}

h3 {
	font-size: 1.2em;

}

p {
	line-height: 140%;
}

a, a:link, a:visited {
	color: #000;
}

a:hover {
	color: #666666;
}

.blue {

	color:#007AAE;
	
	}
	
.red {

	color:#D71A1A;
	
	}	

ul li {	
	margin: 8px;
	line-height: 140%;
}

img.imgRight {
	float: right;
	margin: 0 0 25px 30px;
	padding: 1px;
	border: solid 1px #ccc;
}

img.imgLeft {
	float: left;
	margin: 15px 15px 15px 0;
	padding: 1px;
	border: solid 1px #ccc;
}

#content {

	width:838px;
	margin:0 auto 0 auto;
}

#homeRight {

	float:right;
	width:232px;
	height:100px;
  
}


/* Home right menu */

#navcontainer { width: 232px;
 }



#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 {

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

}

#navlist li.navAdvanced a {

background:url("../images/advancedButton.png") no-repeat;
display: block;
margin:0 0 0 0;
padding:0 0 0 0;
height:91px;
width: 232px;


}

#navlist li.navAdvanced a:hover {

background:url("../images/advancedButtonHover.png") no-repeat;

}

#navlist li.navValuation a {

background:url("../images/valuationButton.png") no-repeat;
display: block;
margin:0 0 0 0;
padding:0 0 0 0;
height:91px;
width: 232px;


}

#navlist li.navValuation a:hover {

background:url("../images/valuationButtonHover.png") no-repeat;

}

#navlist li.navRegister a {

background:url("../images/registerButton.png") no-repeat;
display: block;
margin:0 0 0 0;
padding:0 0 0 0;
height:85px;
width: 232px;


}

#navlist li.navRegister a:hover {

background:url("../images/registerButtonHover.png") no-repeat;

}

#navlist li.navBronze a {

background:url("../images/bronzeButton.png") no-repeat;
display: block;
margin:35px 0 0 0;
padding:0 0 0 0;
height:60px;
width: 232px;


}

#navlist li.navBronze a:hover {

background:url("../images/bronzeButtonHover.png") no-repeat;

}


#navlist li.navSilver a {

background:url("../images/silverButton.png") no-repeat;
display: block;
margin:0 0 0 0;
padding:0 0 0 0;
height:60px;
width: 232px;


}

#navlist li.navSilver a:hover {

background:url("../images/silverButtonHover.png") no-repeat;

}


#navlist li.navGold a {

background:url("../images/goldButton.png") no-repeat;
display: block;
margin:0 0 0 0;
padding:0 0 0 0;
height:60px;
width: 232px;


}

#navlist li.navGold a:hover {

background:url("../images/goldButtonHover.png") no-repeat;

}




p.imgLink {
	margin: 2px 0 2px 30px;
}

p.imgLink a img {
	border: none;
}


/********** PAGE SPECIFICS **********/

#searchAndFlash {
	width: 100%;
	clear: both;
	height:186px;
}

#contactBoxWrapper {
	background: url("../images/blueFade.png") repeat-x left top #fff;
	margin-left: 30px;
	margin-right: 8px;
}

#contactBox {
	background: url("../images/miniLogo.png") no-repeat 245px 20px;
	padding-bottom: 30px;
}

#contactBox p {
	margin-left: 15px;
}

#contactBox h2 {
	font-size: 1.4em;
	font-weight: normal;
	color: #044578;
	margin-left: 15px;
	padding-top: 15px;
}

.edit {

	margin:20px 0 0 0;
	
	}

#quickSearch {

	background: url("../images/quickSearchBg.png") repeat-x #68B3D2;
	width:232px;
	height:187px;
	float: right;
	color: #fff;

}

.radios {

margin:0 0 10px 0;
font-size:1.1em;
font-weight:bold;

}

#flash {
	width:604px;
	height:186px;
	float:left;
	border-top:1px solid #fff;

	
	}

#quickSearch form {
	margin: 10px 25px 0 20px;
}

#quickSearch .searchField {
	width: 100%;

	clear: both;
}

#quickSearch .searchField label {

	float: left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-size:0.85em;
	font-weight:bold;

}

#quickSearch .searchField input {
	font-size: 0.85em;
}

#quickSearch .searchField select { font-size: 0.85em; }


#quickSearch div#rLabel { width: 35%; float: left; font-weight: bold; }

.buttonBoxQuicksearch {

margin:5px 0 0 0;
text-align:right;


}

.buttonBoxQuicksearch input{

font-size:0.85em;

}

.option {

float:right;
text-align:right;
clear:right;
margin-bottom:6px;

}

#contentInner {
	padding: 30px 40px 0 40px;
	text-align:justify;
	
}

table.search {
	width: 500px;
	margin:30px 0 0 0;
}

.search.label {


	
	}

.buttonBox {

	margin:15px 0 0 0;
	
	}
	
/* RENTING PAGE */

.renting {

padding:0 0 40px 0;

}

.area {
		width: 33%;
		float: left;
	}
	
.labelTickboxes {
	padding:20px 0 20px 0;
	
	}
	
.labelAreas	{
padding:20px 0 0 0;

}		

/* FEATURED PROPERTIES */

#featuredProperties {

margin:0 0 0 30px;
padding:0 0 0 0;
width:100%;
min-height:175px;

}

.featuredHeader {

height:25px;
background: url("../images/featuredHeading.png") no-repeat left;
margin:0 0 20px 0;

}


.fProp {
	width: 33%;
	float: left;
	height:190px;	

}

.fPropFloat {
	width: 155px;
	float:left;
	
	}

.fProp p {
	text-align: center;
	margin: 0 0 0 0;
	padding:0 0 0 0;
	line-height: normal;
}

.fProp a img {
	border: solid 1px #333;
}

#fPrice {
	font-size: 1.3em;
	margin:7px 0 0 0;
	font-weight: bold;
	color:#000; 
}

.fRentFreq {
	font-weight: normal;
	font-size: 10px;
}

#fTypeAndRooms {
	font-size: 0.95em;
	margin:6px 0 8px 0;
	text-transform: capitalize;
}

#fTypeAndRooms a{

	text-decoration:none;

}

#moreButton a {

	text-decoration:none;
	border:none;
	padding:0 0 0 0;
	margin:0 0 0 0;
	
	}
	
#moreButton.img {

	border:none;
	padding:0 0 0 0;
	margin:0 0 0 0;
	
	}	
	
#moreButton p {

margin-bottom:0px;
padding-bottom:0px;

}

#moreButton {

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

}	

.alignRight {
	float: right;
	margin-left: 20px;
	margin-bottom: 15px;
}

.contentImage {
	padding: 1px;
	border: solid 1px #ccc;
}

/*********** PARTICULARS ***********/

#roomsAndType {
	padding: 0.5em;
	font-weight: bold;
	color: #666;
	background: #efefef;
}

h4 {
	font-size: 1.1em;
	font-weight: bold;
}

#particularsRightInfo h2, #particularsPhoto h3 {
	color: #333;
	font-weight:bold;
	font-size: 1.1em;
	margin-bottom:10px;
	margin-top:15px;
	padding-top:0px;

}

#particularsPhoto h3 {
	margin-bottom: 10px;
}

#particularsPhoto a img {
	border: solid 1px #005192;
	padding: 1px;
}

#particularsRightInfo h2#featureHeading   {
	padding: 0.5em 0 0.5em 0.5em;
	margin: 0;
	background: #005192;
	color: #fff;
	font-size: 1.1em;
}

#particularsRightInfo a img {
	border: solid 1px #346596;
	margin: 3px;
}


p.particular {
	text-align: center;
}

.photoPosition {
	color: #fff;
	font-weight: bold;
	padding: 0.5em;
	text-align: right;
	background: #0472BB;
	margin-top: 2px;
	width:383px;
}


#particularsRightInfo {
	margin-left: 415px;
	padding:0 0 0 0;
	min-width: 240px;
	margin-top: 0;
}

#particularsPhoto {
	float: left;
	margin-top: 15px;
}

#caption {
	z-index: 1001;
	background: url("../images/transparentBlue.png") repeat;
	color: #fff;
	position: absolute;
	font-size: 1em;
	font-weight: bold;
}

#caption div#capText { padding: 7px; margin: 0; }


#descriptionAndRooms {
	clear: left;
}

table.featureList {
	margin: 0 0 0 0;
	background: url("../images/greyFade2.png") repeat-x left bottom;
	border: solid 1px #ccc;
	font-size:0.9em;
	width: 355px;
}

table.featureList td { width: 50%; }

table.featureList ul {
	margin: 0;
	padding: 0.5em;
	list-style-type: none;
}

ul#ticklist { list-style-type: none; padding-left: 0; margin-left: 10px; }

 ul#ticklist li {
	margin: 0 0 0 5px;
	padding: 8px 8px 8px 25px;
	background: url("../images/tickBullet.gif") no-repeat left center;
	}
table.featureList ul li {	
	margin: 0 5px;
	padding: 5px 0 5px 25px;
	background: url("../images/tick.gif") no-repeat left center;
}

#particularsPhoto h2 {
	margin: 1.5em 0 0 0;
	padding: 0.25em 0.5em;
}

#particularsPhoto p {
	margin-left: 0.5em;
}

ul#locInfo {
	list-style-type: none;
	text-align: left;
}

.roomSize {
	font-weight: normal;
	font-size: 0.85em;
}

ul#locInfo li {
	margin: 0.25em;
	background: url("../images/linkArrows.png") no-repeat left center;
	padding-left: 1.5em;
}

ul#locInfo li a, ul#locInfo li a:link, ul#locInfo li a:visited {
	color: #346596;
}

ul#locInfo li a:hover { color: #333; }


p.roomDescription {
	margin-top: 0;
}

.pDetail {
	border-top: dotted 1px #346956;
}


h4.floorName {
	font-weight: bold;
	color: #346596;
	font-size: 1.1em;
}

h5.roomName {
	margin-bottom: 0;
	font-size: 1em;
	padding-bottom: 0.25em;
}

#rooms {
	margin-left: 1.5em;
}

/********* SEARCH RESULTS *********/

table.list {
	border-collapse: collapse;

}

td.thumbnail {
	width: 110px;
}

td.thumbnail a img {
	border: solid 1px #ccc;
	padding: 1px;
}

td.tableSpacer {
	padding: none;
}

div.propertyStatus {
	line-height: normal;
	margin: 0;
	padding: 3px;
	background:#0472BB;
	color: #fff;
	font-weight: bold;
	font-size: 0.9em;
	width: 98px;
	text-align: center;
	
}




td.propertyAddress a {
	font-size: 0.95em;
	color:#0073A4;
	font-weight: bold;
	text-align:left;
}

td.propertyAddress a:hover {
	color:#00618A;
}



td.propertyType {
	text-align: center;
}

td.bedrooms {
	text-align: right;
}

td.propertyPrice {
	text-align: right;
	color: #000;
	font-weight: bold;
	padding-right: 10px;
}

td.propertyAddress {
	padding-left: 10px;
	text-align:left;
}

td.description {
	padding-left: 10px;
	vertical-align: top;
	border-bottom: solid 1px #ccc;
	background: url("../images/greyFade2.png") repeat-x left bottom;
}

td.searchNav, td.pageList {
	font-weight: bold;
	border-bottom: solid 2px #ccc;
	padding-bottom: 10px;
}

td.searchNav2, td.pageList2 {
	font-weight: bold;
	border-top: solid 2px #ccc;
	padding-top: 10px;
}


td.pageList, td.pageList2 {
	text-align: right;
}

.roomName {

font-weight:bold;

}

#regForm {

margin:30px 0 0 0;

}

form#regForm .searchField {
	width: 100%;
	clear: both;
	margin: 4px 0;
}

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

form#regForm legend {
	font-weight: bold;
	color: #333;
	font-size: 1.2em;

}

form#regForm fieldset {
	margin: 10px 0;
	padding:0 0 10px 10px;
}

.error {

color:#990000;

}