body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 72%;
	margin: 0;
}

.formFieldTextarea {font-size:12px; width:140px; height:80px; font-family:Arial, Helvetica, sans-serif;} 
.formFieldText {font-size:12px; width:140px; font-family:Arial, Helvetica, sans-serif;} 
.formLabel {padding-right:10px}

.postcodeSearch {width:60px;}	  

/*site nav*/

#siteNav {
	background: url("../images/siteNav.png") repeat-x left bottom #42688d;
}

#siteNav {
      float:left;
      width:100%;
	  min-width: 940px;
      line-height:normal;
	  padding: 0;
	  background: url("../images/siteNav.png") repeat-x 0 7px;
	  position: absolute;
	  top: 120px;
	  left: 0;
	  margin-bottom: 10px;
}

    #siteNav ul {
	  width: 900px;
      margin: auto;
      padding:0;
      list-style:none;

      }
    #siteNav li {
      display:inline;
      margin:0;
      padding:0;
	  line-height: normal;
      }
    #siteNav a {
      float:left;
      text-decoration: none;
	  color: #fff;
	  font-weight: normal;
     }
	 
    #siteNav a span {
      float: left;
      display: block;
      background: url("../images/siteNav.png") repeat-x;
	  background-position: 0 0;
      padding: 8px 15px 7px 15px;
      color: #fff;
	  margin-top: 7px;
	  font-weight: normal;
	 }
	 
    #siteNav a span {float:none;}
	
    #siteNav a:hover span {
		background-position: 0 -150px;
		background: #56789a;
     }
	 
    #siteNav .currentListItem a {
      background: url("../images/currentTabRight.png") no-repeat right top;
	  color: #256089;
	  padding:0 6px 0 0px;
	  margin-top: 0;
    }
	
    #navOn {
	color:#ed1010; 
	font-weight: bold; 
	margin-top:0; 
	padding: 12px 15px 10px 15px;
	background-image:url(../images/nav/middle.gif); 
	height:37px; 
	background-repeat:repeat-x; 
	float:left; 
	}
    #navOn a:link {color:#ed1010; font-weight: bold;}
    #navOn a:active {color:#ed1010; font-weight: bold;}
    #navOn a:visited {color:#ed1010; font-weight: bold;}
    #navOn a:hover {color:#ed1010; font-weight: bold; }

	 #siteNav .currentListItem a:hover {
	  	background: url("../images/currentTabRight.png") no-repeat right top;
	 }
	  #siteNav .currentListItem a:hover span {
	  	background: url("../images/currentTabLeft.png") no-repeat left top;
	  }
/*site nav end*/	  
	  
a img {
	border: none; 
}

a, a:visited {
	color: #ed1010;
}

a:hover {
	color: #333;
}

#container {
	width: 940px;
	margin: auto;
}

#header {
	width: 100%;
	background: url("../images/header.png") repeat-x left bottom #fff;
	min-height: 130px;
}

    #navOn {
      color:#ed1010;
	  background-color:#FFFFFF;
	  font-weight: bold;
	  padding-bottom:7px;
	  margin-top: 0;
	  padding: 12px 15px 10px 20px;
    }

#headerContent {
	width: 930px;
	margin: auto;
	background: url("../images/houses.png") no-repeat right bottom;
	padding: 40px 0;
}

#logo {
	margin: 0 10px;
}

#contactBox {
	float: right;
	width: 200px;
	margin-right: 10px;
	color: #ed1010;
	font-size: 2em;
	text-align: right;
	margin-top: 10px;
}


#content {
	padding: 40px 20px 20px 20px;
}

#narrowContent {
	margin-left: 245px;
}

.floatContainer {
	width: 100%;
	float: left;
}

.fPrice {
	color: #ed1010;
	font-size: 1.6em;
}

.fProp img {
	margin: 5px 10px;
	padding: 1px;
	border: solid 1px #ccc;
}
	
/*********** SIDE PANEL ***********/
#sidePanel {
	width: 225px;
	float: left;
	padding-top: 15px;
}

/********** QUICKSEARCH ***********/

#quickSearch { 
	width: 215px; 
	background: #e12b2a;
	color: #fff;
}

#quickSearch h2 {
	color: #fff;
	font-size: 1.1em;
	text-transform: uppercase;
	margin: 0 0 0 10px;
}


#qsTop {
	width: 215px;
	height: 12px;
	background: url("../images/qsTop.png") no-repeat left bottom;
}

#rButtons input {
	vertical-align: middle;
}

#quickSearch form {
	padding: 1em;
	background: url("../images/searchBottom.png") no-repeat left bottom;
	margin: 0;
	font-size: 0.95em;
}

#quickSearch #mapTickBox {
	padding: 8px 0;
}

#quickSearch form select {
	font-family: "Tahoma", Arial, sans-serif;
	font-size: 0.95em;
}

#quickSearch form .radios {
	clear: both;
}

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

#quickSearch form .radios #rButtons {
	width: 65%;
	float: left;
}

#quickSearch form .searchField {
	padding: 5px 0;
	clear: both;
}

#quickSearch form .searchField label {	
	width: 43%;
	float: left;
	font-weight: bold;
}

#quickSearch form .searchField input {
	width: auto;
	float: left;
}

/************ FOOTER *************/

#footer {
	clear: both;
	background: url("../images/footer.png") repeat-x left top #fff;
	min-height: 200px;
	padding: 10px;
}

#footer p { text-align: right; }

#footerContent {
	width: 940px;
	margin: auto;
	text-align: right;
	font-size: 0.9em;
}
	
/********** QUICK SEARCH **********/


/****** FEATURED PROPERTIES *******/

.featured {
	width: 49.5%;
	float: left;
}

.fContainer {
	width: 289px;
	background: url("../images/fGradient.png") repeat-x left bottom #fff;
	border-left: dotted 1px #375f87;
	border-right: dotted 1px #375f87;
	border-bottom: dotted 1px #375f87;
	min-height: 270px;
}

.fProp {
	width: 100%;
}

.fProp img {
	float: left;
}



.fContainer p {
	margin: 0;
	padding: 0 6px;
}

/*********** TYPOGRAPHY ***********/

h1 {
	font-size: 1.7em;
	font-weight: bold;
	color: #ed1010;
}

h2 {
	font-size: 1.4em;
	color: #25507c;
	margin-bottom: 0;
	padding-bottom: 0;
}

h3.sales {
	color: #ed1010;
	font-size: 1.6em;
	margin-top: 20px;
}

h3 {
	font-size: 1.1em;
	padding-bottom: 0;
	margin-bottom: 0;
}

p {
	margin: 4px 0px 25px 0px;
	line-height: 140%;
	text-align: justify;
}

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

#pHeading {
	border-bottom: dotted 1px #004182;
	font-size: 1.6em; 
	color: #ed1010; 
	padding-bottom: 0.5em;
}

#roomsAndType {
	padding: 0.5em 0;
	color: #4b5a75; 
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	margin-bottom: 0.5em;
}

#particularsRightInfo h3 {
	font-size: 1em;
	padding: 0.5em;
	margin: 0 0 0.5em 0;
	text-transform: uppercase; 
	background: #ed1010;
	color: #fff;
}

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


p.particular {
	text-align: center;
}

.photo {margin-bottom:6px;}

.photoPosition {
	color: #425486; 
	padding: 0.5em;
	text-align: right;
	background: #f4f4f4;
	margin-top: 0.5em;
}


#particularsRightInfo {
	margin-left: 620px;
	text-align: center;
	min-width: 210px;
}

#particularsPhoto {
	float: left;
	width: 576px;
}

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

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


#descriptionAndRooms {
	clear: left;
}

table.featureList {
	margin-top: 1.5em;
	width: 576px;
	background: url("../images/greyFade.png") repeat-x left bottom #fff;
	border: dotted 1px #ccc;
}

table.featureList td { width: 50%; }

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

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

 ul#ticklist li {
	margin: 0 5px;
	padding: 8px 0 8px 25px;
	background: url("../images/tick.png") no-repeat left center;
	}
	
table.featureList ul li {	
	margin: 0 5px;
	padding: 5px 0 5px 25px;
	background: url("../images/tick.png") no-repeat left center;
	text-transform: uppercase;
	font-weight: bold;
	color: #4b5a75;
}

#particularsPhoto h2 {
	color: #4b5a75;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.2em;
	margin-top: 25px;
}


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/info.png") no-repeat left center;
	padding-left: 2em;
}

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

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


p.roomDescription {
	margin-top: 0;
}

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


h4.floorName {
	font-weight: bold;
	color: #ed1010; 
	font-size: 1em;
	text-transform: uppercase;
}

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

#rooms {
	margin-left: 1.5em;
}

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

table.list {
	width: 100%;
	border-collapse: collapse;
}

.pageList, .searchNav {
	font-size: 1.1em;
	color: #25507c;
	text-transform: uppercase;
	font-weight: bold;
	background: #e6ebf0;
	padding: 8px;
}

.pageList { text-align: right; }


td.propertyPrice {
	font-size: 1.3em;
	text-align: right;
}

td.propertyAddress {
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 10px;
	padding-top: 8px;
	vertical-align: middle;
}

td.description {	
	padding-left: 10px;
	line-height: 140%;
	vertical-align: top;
	padding-top: 8px;
	border-bottom: dotted 1px #999;
}

td.bedrooms {
	text-align: left;
	padding-left: 10px;
	text-transform: capitalize;
}

td.propertyType {
	text-align: center;
}

td.propertyStatus {
	text-align: center;
}

.pStatus {
	font-weight: bold;
	text-transform: uppercase;
}

td.thumbnail {
	padding: 8px;
	border-bottom: dotted 1px #999;
}

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


/********* CONTACT US *********/

.branch {
	margin-bottom: 30px;
}

/********** REGISTER **********/


#register {
	width: 600px;
	float: left;
}

fieldset {	
	margin: 15px 15px 15px 0;
	background: url("../images/fGradient.png") repeat-x left bottom #fff;
}

legend {
	color: #25507c;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: capitalize;
}

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

fieldset .searchField {
	clear: both;
	padding: 2px;
}


/******* MISC ******/

.packageInfo {
	margin-left: 135px;
	padding-top: 25px;
}

ul.tickList {
	list-style-type: none;
}

ul.tickList li {
	margin: 8px;
	padding-left: 25px;
	background: url("../images/tick.png") no-repeat left center;
}

table.advertising {
	width: 100%;
}

.adLoc {
	color: #25507c;
	font-size: 1.3em;
}

#websites {
	border: dotted 1px #ccc;
	margin-bottom: 25px;
}

#websites img {
	margin: 5px;
	float: left;
	vertical-align: middle;
}

td.heading {
	color: #25507c;
	text-transform: uppercase;
	font-weight: bold;
	background: #e6ebf0; 
	padding: 5px;
	font-size: 1.1em;
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.95em;
}

select { font-size: 0.95em; }