/* CSS Document */

/*GLOBAL STYLES*/
* {
	margin: 0;
	padding: 0;
	}

body, html {
	height: 100%;
	}

body {
	background: #000 url(../img/body_bg.gif) 0 0 repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000;
	text-align: center;/*IE*/
	}
* html body {
	f\ont-size: x-small;
	font-size: small;			
	}
a img {
	border: none;
	}	
img { /*adds background colour prior to loading*/
	background: #FBF836;
	}	

/*TEXT STYLES*/
/*headings*/
h1 {
	font-size: 150%;
	margin: 0;
	}
h2 {
	font-size: 140%;
	display: block;
	height: 30px;
	text-indent: -99999px;
	background-position: 0 50%;
	background-repeat: no-repeat;
	margin: 0 0 1em 0;
	}
h3 {
	font-size: 120%;
	margin: 0 0 1em 0;
	color: #999;
	}
h4 {
	font-size: 110%;
	}
h5 {
	font-size: 100%;
	}
/*links*/
a:link, a:visited {
	text-decoration: underline;
	color: #666;
	}
a:hover, a:active {
	text-decoration: none;
	color: #999;
	}
/*paragraphs and bullets*/						
p, #content ul {
	margin: 0 0 1em 0;
	}
#content ul	{
	list-style-position: inside;
	}	
/*definition lists*/
dl {
	margin: 0 0 1em 0;
	}
dl dt {
	float: left;
	width: 140px;
	padding: 3px 0;
	border-bottom: 1px solid #333;
	font-weight: bold;
	clear: left;
	}
dl dd {
	margin-left: 150px;
	padding: 3px 0;
	border-bottom: 1px solid #333;
	width: 550px;
	}			

/*LAYOUT STYLES*/
/*div wrap*/
#wrap {
	width: 100%;
	height: auto !important;
	min-height: 100%;
	height: 100%;	
	}
/*header*/
#header {
	width: 100%;
	height: 80px;
	}
/*menu*/	
#menu {
	width: 100%;
	height: 50px;
	}
/*content*/	
#content {
	width: 100%;
	height: auto;
	background: #FFF url(../img/content_bg.gif) 0 0 no-repeat;
	}
/*footer*/	
#footer {
	width: 100%;
	padding: 0.625em 0;
	height: auto;
	clear: both;
	}
/*container - used to keep layout to 760px*/				
.container {
	width: 760px;
	margin: 0 auto;
	text-align: left;
	}
#content .container {
	padding: 0 0 2em 0;
	overflow: auto;
	}	

/*HEADER ELEMENTS*/
/*logo*/
#logo {
	height: 52px; 
	width: 215px;
	margin: 16px 0 0 10px;
	}	

/*MENU ELEMENTS*/
/*menu*/
#menu ul {
	float: left;
	width: 600px;
	list-style-type: none;
	}	
#menu ul li {
	float: left;
	height: 50px;
	z-index: 9999;
	position: relative;
	}	
#menu li a {
	text-indent: -9999px;
	}	
#menu ul li a:hover {
	background-position: 50% -50px;
	}	
	
#mm_home,
#mm_buying,
#mm_selling,
#mm_renting,
#mm_finance,
#mm_holidayRentals,
#mm_newsRoom,
#mm_aboutUs,
#mm_contactUs {
	display: block;
	height: 50px;
	background-position: 50% 0;
	background-color: #000;
	border-right: 1px solid #585858;
	}
/*main menu buttons*/
#mm_home {
	background-image:url(../img/mm_home.gif);
	width: 50px;
	}
#mm_buying {
	background-image:url(../img/mm_buying.gif);
	width: 55px;
	}
#mm_selling {
	background-image:url(../img/mm_selling.gif);
	width: 55px;
	}
#mm_renting {
	background-image:url(../img/mm_renting.gif);
	width: 55px;
	}
#mm_finance {
	background-image:url(../img/mm_finance.gif);
	width: 55px;
	}
#mm_holidayRentals {
	background-image:url(../img/mm_holidayRentals.gif);
	width: 95px;
	}			
#mm_newsRoom {
	background-image:url(../img/mm_newsRoom.gif);
	width: 75px;
	}		
#mm_aboutUs {
	background-image:url(../img/mm_aboutUs.gif);
	width: 60px;
	}	
#mm_contactUs {
	background-image:url(../img/mm_contactUs.gif);
	width: 70px;
	border: none;
	}
	
/*second level menu*/
#menu ul li ul {
	position: absolute; 
	text-transform: lowercase;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	width: 150px;
	}	
#menu ul li ul li { /*removes space between links*/
	height: auto;
	}	
#menu ul li ul li a {
	display: block; 
	width: 150px; 
	padding: 5px;
 	background: #333;
	border-top: 1px solid #000;
	color: #FFF;
	text-decoration: none;
	text-indent: 0em; 
	}	
#menu ul li ul li a:hover {
	background: #000;
	color: #666;
	}
#menu ul li:hover ul,
#menu li:hover ul, 
#menu li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	}			
/*Activates main button*/
body#home #mm_home,
body#buying #mm_buying,
body#selling #mm_selling,
body#renting #mm_renting,
body#finance #mm_finance,
body#insurance #mm_insurance,
body#newsRoom #mm_newsRoom,
body#aboutUs #mm_aboutUs,
body#contactUs #mm_contactUs {
	background-position: 50% -50px;
	}	
	
/*phone*/
h2#phoneNo {
	float: right;
	height: 11px;
	width: 122px;
	background-image:url(../img/phoneNo.gif);
	margin: 19px 0 0 0;
	}
							
/*CONTENT ELEMENTS*/
/*headings*/
#hd_aboutTheArea {
	background-image: url(../img/hd_aboutTheArea.gif);
	}
#hd_homes {
	background-image: url(../img/hd_homes.gif);
	}	
#hd_land {
	background-image: url(../img/hd_land.gif);
	}	
#hd_business {
	background-image: url(../img/hd_business.gif);
	}
#hd_commercial {
	background-image: url(../img/hd_commercial.gif);
	}
#hd_buyersWishlist {
	background-image: url(../img/hd_buyersWishlist.gif);
	}
#hd_salesHistory {
	background-image: url(../img/hd_salesHistory.gif);
	}
#hd_selling {
	background-image: url(../img/hd_selling.gif);
	}
#hd_tipsAndAdvice {
	background-image: url(../img/hd_tipsAdvice.gif);
	}
#hd_malseedsDifference {
	background-image: url(../img/hd_malseedsDifference.gif);
	}
#hd_quickQuote {
	background-image: url(../img/hd_quickQuote.gif);
	}
#hd_farms {
	background-image: url(../img/hd_farms.gif);
	}
#hd_recommendations {
	background-image: url(../img/hd_recommendations.gif);
	}
#hd_wantedProperties {
	background-image: url(../img/hd_wantedProperties.gif);
	}	
#hd_sellersWishlist {
	background-image: url(../img/hd_sellersWishlist.gif);
	}	
#hd_residentialRentals {
	background-image: url(../img/hd_residentialRentals.gif);
	}	
#hd_holidayRentals {
	background-image: url(../img/hd_holidayRentals.gif);
	}	
#hd_commercialLeases {
	background-image: url(../img/hd_commercialLeases.gif);
	}	
#hd_tenancyApplication {
	background-image: url(../img/hd_tenancyApplication.gif);
	}
#hd_maintenanceRequest {
	background-image: url(../img/hd_maintenanceRequest.gif);
	}	
#hd_vacancyNotification {
	background-image: url(../img/hd_vacatingNotice.gif);
	}	
#hd_insurance {
	background-image: url(../img/hd_insurance.gif);
	}			
#hd_calcMortgage {
	background-image: url(../img/hd_calcMortgage.gif);
	}			
#hd_calcStampDuty {
	background-image: url(../img/hd_calcStampDuty.gif);
	}
#hd_calcInvest {
	background-image: url(../img/hd_calcInvest.gif);
	}			
#hd_newsRoom {
	background-image: url(../img/hd_newsRoom.gif);
	}		
#hd_aboutUs {
	background-image: url(../img/hd_aboutUs.gif);
	}		
#hd_meetTheTeam {
	background-image: url(../img/hd_meetTheTeam.gif);
	}			
#hd_clientExperiences {
	background-image: url(../img/hd_clientExperiences.gif);
	}		
#hd_communityInvolvement {
	background-image: url(../img/hd_communityInvolvement.gif);
	}		
#hd_contactUs {
	background-image: url(../img/hd_contactUs.gif);
	}		
#hd_propertyEnquiry {
	background-image: url(../img/hd_propertyEnquiry.gif);
	}		
#hd_emailAFriend {
	background-image: url(../img/hd_emailAFriend.gif);
	}		
#hd_privacy {
	background-image: url(../img/hd_privacy.gif);
	}
	
/*images*/
#content img.right {
	float: right;
	margin: 0 0 1em 1em;
	}
#content img.left {
	float: left;
	margin: 0 1em 1em 0;
	}
#content img.none {
	margin: 1em ;
	}	

/*PDF*/	
.downloadPDF a {
	display: block;
	padding: 16px 0 16px 42px;
	background-repeat: no-repeat;
	background-position: 0 40%;
	background-image:url(../img/ico_pdf.gif);
	min-width: 100px;
	width: 400px;
	}
#downloadAcrobat a {
	width: auto;
	display: block;
	padding: 16px 0 16px 98px;
	background-repeat: no-repeat;
	background-position: 0 50%;
	background-image:url(../img/ico_acrobat.gif);
	border-top: 1px solid #CCC;
	}
			
/*FOOTER ELEMENTS*/	
#footer p {
	text-align: right;
	}	
#footer, #footer a {
	color: #4C4C4C;
	}
			
/*HOME PAGE ELEMENTS*/	
/*home page content background color*/
body#home #content {
	background: #666;
	overflow: auto; /*keeps height of content*/
	}
body#home #content .container {
	padding: 0;
	}	
body#home p {
	margin: 0;/*reset*/
	}
		
#top {
	width: auto;
	height: 250px;
	background-color: #8E8E8E;
	overflow: hidden;
	}	
/*animation*/	
#animation {
	float: right;
	width: 508px;
	height: 250px;
	clear: right;
	background: #000 url(../img/noImg.gif) 50% 50% no-repeat;
	}	
/*quicksearch*/	
#quickSearch { 
	float: left;
	background: #8B8B8C url(../img/quickSearch_bg.gif) 0 0 no-repeat;
	width: 252px;
	text-align: center;
	padding: 1em 0;
	}		
#quickSearch fieldset {
	border: none;
	margin: 0.5em auto;
	text-align: left;
	width: 185px;
	}
#quickSearch fieldset legend {
	visibility: hidden;
	}	
#quickSearch fieldset p {
	margin: 0 0 0.625em 0;
	}
#quickSearch fieldset label {
	display: none;
	}
#quickSearch fieldset select {
	width: 185px;
	background: #FFF;
	color: #666;
	font-size: 90%;
	border: 1px solid #CCC;
	}
#quickSearch fieldset p.category {
	float: left;
	width: 110px;
	}	
#quickSearch fieldset p.category select {
	width: 110px;
	}
#quickSearch fieldset p.submit {
	float: right;
	}
#quickSearch fieldset p.submit input {
	width: 64px;
	padding: 1px;
	color:#FFF;
	background-color: #696969;
	border: 1px solid #999;
	}
/*i want to buy box*/
#iWantToBuy{
	float: left;
	width: 252px;
	padding: 2em 0 1.7em 0;
	background:url(../img/iWantToBuy_bg.gif) 0 0 no-repeat;
	text-align: center;
	}
#iWantToBuy h2 {
	display: none;
	}		
#iWantToBuy p a {
	display: block;
	width: 185px;
	margin: 0 auto;
	text-align: left;
	}	
	
#bottom {
	width: auto;
	height: 210px;
	}						 			
/*what's your home worth*/
#homeWorth a {
	float: left;
	display: block;
	height: 210px;
	width: 252px;
	background: #FFF url(../img/homeWorth.gif) 50% 50% no-repeat;
	}	
/*feature properties*/	
#featureProperty {
	float: left;
	width: 508px;
	height: 210px;
	background-color: #FECC36;
	text-align: center;
	overflow: hidden;
	margin: 0;
	}
#featureProperty a {
	color: #333;
	}	
#featureProperty .sales {
	float: left;
	width: 253px;
	border-right: 1px solid #FBE29B;
	height: 210px;
	}
#featureProperty .sales img {
	display: block;
	width: 253px;
	height: 180px;
	margin: 0 0 0.3em 0;
	background: #000 url(../img/noImg_small.gif) 50% 50% no-repeat;
	}	
#featureProperty .rentals {
	float: right;
	width: 254px;
	margin: 0 0 0.625em 0;
	}	
#featureProperty .rentals img {
	display: block;
	width: 254px;
	height: 180px;
	margin: 0 0 0.3em 0;
	background: #000 url(../img/noImg_small.gif) 50% 50% no-repeat;
	}			

/*DOC MANAGER PAGES*/
/*base article style*/
.article {
	width: auto;
	overflow: auto;
	}
/*wanted properties*/	
body.wantedProperties .article {
	padding: 0 0 0.3em 0;
	margin: 0 0 0.3em 0;
	border-bottom: 1px solid #666;
	}
/*news room*/	
body.newsRoom .article {
	padding: 0 0 0.3em 0;
	margin: 0 0 0.3em 0;
	border-bottom: 1px solid #666;
	}	
/*client experiences*/	
body.clientExperiences .article {
	padding: 0 0 0.3em 0;
	margin: 0 0 0.3em 0;
	border-bottom: 1px solid #666;
	}	
/*community involvement*/	
body.communityInvolvement .article {
	padding: 0 0 0.3em 0;
	margin: 0 0 0.3em 0;
	border: none;
	}	
	
/*Staff Gallery*/
.staff {
	float: left;
	width: 110px;
	margin: 0 1em 1em 0;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	}
.staff img {
	width: 108px;
	height: 160px;
	margin: 0 auto 0.625em auto;
	display: block;
	border: 1px solid #999;
	}
.staff a {
	padding: 0.625em;
	background-color: #F7EAC1; 
	display: block;
	border: 1px solid #EBDDB2;
	}	
.staff a:hover {
	background-color: #EBDDB2;
	}		
/*Meet The Team Details Page*/	
body.meetTheTeam dl {
	float: left;
	width: 460px;
	display: block;
	padding: 0 80px 0 0;
	}
body.meetTheTeam dl dt {
	width: 100px;
	}
body.meetTheTeam dl dd {
	margin-left: 110px;
	width: 340px;
	}	
body.meetTheTeam  #content p {
	display: block;
	}	

/*INTEGRATED SEARCH*/

/*search page*/
form#search {
	}
form#search fieldset {	
	width: auto;
	padding: 0.625em;
	border: 1px solid #000;
	}
form#search fieldset legend {
	font-size: 110%;
	font-weight: bold;
	padding: 0.3em;
	}
form#search fieldset div {
	float: left;
	width: 180px;
	min-height:155px;
	}
form#search fieldset div p {
	}
form#search fieldset label {	
	}
form#search fieldset label.xsmall { /*bedrooms*/
	width: 50px;
	}
form#search fieldset label.small { /*ordered by*/
	width: 90px;
	}
form#search fieldset label.medium { /*display per page*/
	width: 120px;
	}
form#search fieldset label.large {
	display: block;
	padding: 0 0 0.3em 0;
	font-weight: bold;
	}	
form#search fieldset select {
	background: #FFF;
	color: #666;
	text-transform: lowercase;
	border: 1px solid #999;
	}	
form#search fieldset select.large {	
	width: 170px;
	display: block;
	}
form#search fieldset select.medium {
	width: 80px;
	}
form#search fieldset select.small {
	width:50px;
	}								
form#search fieldset input.medium { /*bedrooms*/
	width: 30px;
	}	
form#search fieldset input.small { /*search sold prop*/
	width: 10px;
	}		
form#search fieldset input.button {
	font-weight: bold;
	cursor: pointer;
	padding: 1px;
	color:#FFF;
	background-color: #696969;
	border: 1px solid #999;
	width: auto;	 
	}
/*text*/
form#search fieldset strong {
	display: block;
	padding: 0 0 0.3em 0;
	}	
form#search fieldset em {
	display: block;
	padding: 0 0 0.3em 180px;
	
	clear: both;
	font-size: 90%;
	color: #999;
	}			
	
/*listings info - common element in results and details*/
.listingsInfo {
	display: block;
	width: 100%;
	clear: both;
	height: 20px;
	margin: 0 0 1em 0;
	font-size: 90%;
	}
.listingsInfo .nextPrevious {
	float: right;
	}
.listingsInfo .listNo {
	float: left;
	}	
	
/*results page*/
body.results .property {
	float: left;
	width: 240px;
	margin: 0 0.625em 0 0;
	min-height: 250px;
	height: 310px;
	}
/*results image*/	
body.results .property img {
	width: 238px;
	height: 178px;
	border: 1px solid #999;
	margin: 0 0 0.625em 0;
	background: #000 url(../img/noImg.gif) 50% 50% no-repeat;
	}
body.results .text {
	background: #FAF0D5;
	border: 1px solid #F2DE9D;
	padding: 0.625em;
	position: relative;
	}
body.results .offer {
	background: #F2DE9D;
	color: #7F7F7F;
	font-weight: bold;
	font-size:11px;
	width: 156px;
	margin-top:3px;
	padding: 3px;
	}
/* results icon*/	
body.results .icons {
	font-weight: bold;
	position: absolute;
	top: 0.625em;
	left: 0.625em;
	}		
body.results .icons img {
	width: 20px;
	height: 20px;
	margin: 0 0.3em 0 0;
	border: none;
	}
/*property title*/	
body.results .text h3 {
	margin: 30px 0 0 0;
	font-size: 90%;
	color: #363129;
	}
/*property price*/	
body.results .text h3 span {
	display: block;
	color: #6D6761;	
	padding: 2px 0 0 0;		
	}

/*details page*/
body.details #property {
	width: 760px;
	position: relative;
	}	
	
body.details .offer {
	background: #F2DE9D;
	color: #7F7F7F;
	font-weight: bold;
	font-size:11px;
	width: 156px;
	margin-top:3px;
	padding: 3px;
	margin-bottom:4px;
	}
	
body.details #property #leftColumn {
	float: left;
	width: 420px;
	}
/*main image */	
body.details #property #mainImage {
	width: 418px;
	height: 313px;
	margin: 0 0 0.625em 0;
	border: 1px solid #999;
	background: #000 url(../img/noImg_medium.gif) 50% 50% no-repeat;
	}
/*sub images*/	
body.details #property #subImages {
	width: auto;
	height: 103px;
	margin: 0 0 1em 0;
	}
body.details #property #subImages img {
	float: left;
	width: 136px;
	height: 101px;
	margin: 0 2px 0 0;
	border: 1px solid #999;
	background: #000 url(../img/noImg_small.gif) 50% 50% no-repeat;
	}			
		
body.details #property #rightColumn {
	float: right;
	width: 330px;
	}
/*property title*/	
body.details #property h3 {
	width: 220px;
	}
/*icons*/		
body.details .icons {
	position: absolute;
	top: 0;
	right: 0;
	}
/*overview*/
body.details dl {
	width: 330px;
	}	
body.details dl dt {
	width: 100px;
	}
body.details dl dd {
	margin: 0 0 0 110px;
	width: 200px;
	}	
/*options*/	
body.details #property ul {
	list-style: none;
	}		
body.details #property ul li {
	float: left;
	margin: 0 0.3em 0.3em 0;
	text-align: center;
	white-space: nowrap;
	}	
body.details #property ul li a {
	display: block;
	width: 187px;
	padding: 0.625em;
	border: 1px solid #F2DE9D;
	}						
body.details #property ul li a:link,
body.details #property ul li a:visited {
	background: #FDEFD7;
	}
body.details #property ul li a:hover,
body.details #property ul li a:ctive  {
	background: #F2DE9D;
	}