/* 	MTLETTINGS.CO.UK MASTER STYLESHEET
	Copyright Moray Web Solutions 2010 */
html {
	background: url('../images/page-bg.png') repeat-x #EEE;
	overflow-y: scroll;
}

body {
	font-family: Arial, "MS Trebuchet", sans-serif;
	font-size: 15px;
	color: #333;
	line-height: 1.5em;
}

/* UTILITY STATEMENTS */
.floatRight 	{ float: right; }


#wrapper {
	margin: 17px auto 0;
	padding-top: 15px;
	width: 970px;
	background: url('../images/wrapper-bg-top.png') no-repeat top;
}

#header {
	margin: 0;
	padding: 0 15px 0;
	width: 940px;
	height: 75px;
	background: url('../images/wrapper-bg.png') repeat-y top;
}

	#header a.homelink {
		display: block;
		float: left;
		width: 407px;
		height: 56px;
		background: url('../images/header-mtlettings-logo.png') no-repeat;
		text-indent: -9999px;
	}
	
	#header span a {
		display: block;
		float: right;
		margin-top: 7px;
		width: 194px;
		height: 48px;
		background: url('../images/header-mtlettings-contactinfo.png') no-repeat;
		text-indent: -9999px;
	}
	
ul#nav {
	display: block;
	margin: 0;
	padding: 0 15px 0;
	width: 940px;
	height: 40px;
	background: url('../images/wrapper-bg.png') repeat-y top;
	overflow: hidden;
}

	ul#nav li {	float: left; text-indent: -9999px; }
	ul#nav li.contact {	width: 155px; }
	
	ul#nav li a {
		display: block;
		width: 157px;
		height: 40px;
	}
	
	ul#nav li.home a { background: url('../images/nav-sprite.png') 0 0; }
	ul#nav li.home a:hover, ul#nav li.home a:active { background-position: 0 -40px; }
	ul#nav li.properties a { background: url('../images/nav-sprite.png') -157px 0; }
	ul#nav li.properties a:hover, ul#nav li.properties a:active { background-position: -157px -40px; }
	ul#nav li.investors a { background: url('../images/nav-sprite.png') -314px 0; }
	ul#nav li.investors a:hover, ul#nav li.investors a:active { background-position: -314px -40px; }
	ul#nav li.trades a { background: url('../images/nav-sprite.png') -471px 0; }
	ul#nav li.trades a:hover, ul#nav li.trades a:active { background-position: -471px -40px; }
	ul#nav li.cottages a { background: url('../images/nav-sprite.png') -628px 0; }
	ul#nav li.cottages a:hover, ul#nav li.cottages a:active { background-position: -628px -40px; }
	ul#nav li.contact a { background: url('../images/nav-sprite.png') -785px 0; width: 155px; }
	ul#nav li.contact a:hover, ul#nav li.contact a:active { background-position: -785px -40px; }

#content {
	margin: 0;
	padding: 5px 15px 0;
	position: relative;
	width: 940px;
	background: url('../images/wrapper-bg.png') repeat-y top;
}

#footer {
	clear: both;
	display: block;
	position: relative;
	margin: 0;
	padding: 44px 15px 0;
	width: 940px;
	height: 96px;
	background: url('../images/footer-bg.png') no-repeat top;
}

#footer ul {
	height: 13px;
}

#footer li {
	float: left;
	height: 13px;
	padding: 0 10px;
	border-right: 1px solid #FFF;
	font-size: 13px;
	line-height: 13px;
	
	color: #FFF;
}
#footer li.last { border: 0;}

#footer li a {
	color: #FFF;
	text-decoration: none;
}
#footer li a:hover,
#footer li a:active {
	text-decoration: underline;
}

#footer p {
	margin: 0;
	display: block;
	position: absolute;
	font-size: 10px;
	color: #999;
}

#footer p#copyright {
	padding-left: 5px;
	bottom: 0;
	left: 0;
}

#footer p#mwsattrib {
	padding-right: 5px;
	bottom: 0;
	right: 0;
}

#footer p#mwsattrib a {
	text-decoration: none;
	color: #999;
}

#footer p#mwsattrib a:active,
#footer p#mwsattrib a:hover {
	color: #666;
	text-decoration: underline;
}

h1 {
	font-size: 25px;
	font-weight: normal;
	color: #060;
	margin: 8px 0;
}

h2 {
	font-size: 20px;
	font-weight: normal;
	color: #060;
}

h3 {
	font-size: 15px;
	font-weight: normal;
	color: #fff;
	display: block;
	width: 293px;
	height: 32px;
	background: url('../images/sidebar-h3-bg.png');
	line-height: 32px;
	padding-left: 7px;
}

p {
	margin: 5px 0 10px;
	font-size: 15px;
}

img.featured {
	border: 1px solid #CCC;
}

spn.postcode { text-transform: uppercase;}

#cmscontent {
	float:left;
	width:630px;
}

	#cmscontent a 			{ text-decoration: none; color: #060; }
	#cmscontent a:hover,
	#cmscontent a:active 	{ text-decoration: underline; }

	
#sidebar {
	float: right;
	width: 300px;
}

	#sidebar ul {
		margin: 10px -10px 0 0;
		float: left;
	}
	
	#sidebar li {
		margin: 0 10px 10px 0;
		position: relative;
		float:left;
		width: 145px;
		height: 109px;
	}
	
	#sidebar li a {
		text-decoration: none;
	}
	
	#sidebar li a img {
		border: 1px solid #CCC;
	}
	
	#sidebar li a cite {
		width: 133px;
		position: absolute;
		bottom: 1px;
		left: 1px;
		padding: 2px 5px;
		background: #111;
		filter:alpha(opacity=70);
		opacity: .70;
		font-size: 11px;
		line-height: 17px;
		font-weight: bold;
		font-style: normal;
		color: #FFF;
	}
	
	#sidebar cite span.sidebarprice {
		/* float: right; */
		position: absolute;
		bottom: 2px;
		right: 5px;
		text-align: right;
		font-size: 15px;
	}
	
	#sidebar a.banner {
		display: block;
		margin: 0 0 10px 0;
		width: 298px;
		height: 99px;
		border: 1px solid #CCC;			
	}
	
#propertylist {
	width: 940px;
	margin: 10px 0 0 0;
	border-top: 1px dotted #CCC;
}

p.pagination {
	float: right;
	margin: 8px 0;
	font-size: 13px;
}
	p.pagination a {
		border: 1px solid #CCC;
		text-decoration: none;
		padding: 3px;
		color: #333;
	}
	p.pagination strong,
	p.pagination a:active,
	p.pagination a:hover {
		border: 1px solid #060;
		padding: 3px;
		background: #696;
		color: #FFF;
	}

.propertylist-entry {
	float: left;
	position: relative;
	margin: 0 0 10px;
	padding: 10px;
	width: 920px;
	height: 109px;
	overflow: hidden;
	background: #C8EAC8;
	border: 1px solid #84BD84;
	-moz-border-radius: 4px;
	webkit-border-radius: 4px;
	border-radius: 4px;
}

.faded {
	background: #F0F0F0;
	border: 1px solid #E7E7E7;
} 

	.propertylist-entry img {
		float: left;
		width: 143px;
		height: 107px;
		border: 1px solid #CCC;
		margin: 0 10px 0 0;
	}
	.propertylist-entry a {
		margin: 0;
		text-decoration: none;
	}
	
	.propertylist-entry p {
		float: left;
		margin: 0;
		width: 610px;
	}
	
	.propertylist-entry a h4 {
		float: left;
		width: 490px;
		font-size: 15px;
		color: #060;
		font-weight: bold;
	}
	
	.faded a h4 {
		color: #333;
	}
	
	
	p.propertylist-price {
		float: right;
		width: 120px;
		font-size: 15px;
		color: #060;
		text-align: right;
		font-weight: bold;
	}
	
	.faded p.propertylist-price {
		color: #333;
	}
	
a.backtolist {
	display: block;
	float: right;
	margin-top: -40px;
	width: 220px;
	height: 40px;
	background: url('../images/back-to-list-button.png') no-repeat top left;
	text-indent: -9999px;
}

#detailspanel {
	display: block;
	margin: 5px 0 0;
	float: left;
	width: 378px;
	height: 330px;
	background: url('../images/property-details-bg.png') no-repeat top left;
	color: #060;
}

	#detailspanel table {
		margin: 10px 0 0 70px;
		font-weight: bold;
	}
	
	#detailspanel table h5 {
		font-weight: normal;
		color: #060;
		padding-right: 15px;
	}
	
	#detailspanel table tr, #detailspanel tr td {
		height: 22px;
		line-height: 20px;
	}

#photos { 
	float: left;
	width: 560px;
	height: 330px;
	margin: 5px 0 0; 
	overflow: hidden;
}

	#photos img {
		border: 1px solid #CCC;
	}

	#photos ul {
		float: left;
		margin: 0 10px;
		height: 330px;
		overflow: hidden;
	}
	
	#photos li {
		height: 75px;
		margin: 0 0 10px 0;
	}
	
	#photos li a img {
		border: 1px solid #CCC;
	}
	
#fulldetails {
	clear: both;
	float: left;
	width: 550px;
}

ul#featureslist {
	margin: 0 0 0 15px;
	padding-left: 20px;
	font-size: 15px;
	list-style-image: url('../images/feature-bullet.png');
}

	ul#featureslist li {
		margin: 0 0 3px 0;
	}

#sidedetails {
	width: 380px;
	margin: 0 0 0 10px;
	float: left;
}
	#map_canvas {
		width: 378px;
		height: 283px;
		display: block;
		border: 1px solid #CCC;
	}	

	#sidedetails p {
		font-size: 11px;
		color: #999;
		line-height: 1.4em;
	}
	
#main_image {
	display: block;
	position: relative;
	float: left;
	display: inline;
	width: 440px;
	height: 330px;
	overflow: hidden;
}

	#main_image img {
		width: 438px;
		height: 328px;
	}
	
.contactcol {
	width: 315px;
	float: left;
	margin: 0 0 0 0;
}

form#contact_form {
	width: 288px;
	border: 1px dotted #CCC;
	padding: 5px 10px 10px;
	margin: 0 0 0 5px;
	background: #EEE;
	
}

form#contact_form p {
	margin: 0;
}

form#contact_form label {
	font-size: 13px;
}

form#contact_form input {
	height: 15px;
	line-height: 13px;
	padding: 3px;
	width: 282px;
}

form#contact_form textarea {
	width: 282px;
	height: 80px;
	padding: 3px;
}

form#contact_form input#captcha {
	height: 22px;
	width: 134px;
	margin: 0 0 0 2px;
	float: left;
	display: inline;
}

form#contact_form input#submit {
	clear: both;
	height: 30px;
	width: 100px;
}

#sidebar li img.overlay,
.propertylist-entry img.overlay {
	display: block;
	position: absolute;
	width: 143px;
	height: 107px;
	top: 1px;
	left: 1px;
	border: none;
	z-index: 100;
}

.propertylist-entry img.overlay {
	top: 11px;
	left: 11px;
}

#main_image img.overlay {
	display: block;
	position: absolute;
	width: 438px;
	height: 328px;
	top: 1px;
	left: 1px;
	border: none;
	z-index: 100;
}

sup {
	font-size: 9px;
	vertical-align: top;
	line-height: 1em;
}
#christmas {
background: #D0000E url('../images/christmas_bg.jpg') no-repeat;
color: #fff;
font-size: 85%;
padding: 3px 50px 3px 120px;
margin-bottom: 6px;
border: solid 2px #F97E78;
}
#christmas h3 {
font-weight: bold;
background: none;
color: yellow;
font-size: 115%;
padding: 0 0 5px;
margin: 0;
line-height: 1.0em;
height: auto !important;
width: auto !important;
}