@charset "utf-8";
@import "yahoo-reset.css";


body {
	color: #333;
	font-family: Verdana,Helvetica,Arial,sans-serif;
}
a {
	text-decoration: none;
}


/* Paper sizes */
.a4p {
	font-size: 10pt;
	height: 297mm;
	margin: 0 auto;
	width: 99%;
}
.a4ls {
	height: 210mm;
	margin: 0 auto;
	width: 99%;
}
.a5p {
	font-size: 70.7%;
	height: 210mm;
	margin: 0 auto;
	width: 99%;
}
.a5ls {
	font-size: 70.7%;
	height: 148mm;
	margin: 0 auto;
	width: 99%;
}


/* Agent details */
#agent_details {
	background: #59f;
	color: #fff;
	xfloat: left;
	font-size: 0.75em;
	height: 24mm;
	padding: 1em 0;
	width: 100%;
}
	#agent_details .logo {
		float: left;
		margin: 0 1em;
	}
	#agent_details .search_summary, #agent_details .search_small_print {
		display: none;
	}
	#agent_details h1 {
		font-size: 2em;
		font-weight: bold;
	}
	#agent_details a {
		color: #fff;
	}
		#agent_details .adr {
			line-height: 1.5em;
		}
	#agent_details .contact {
		float: right;
		margin: -2em 1em 0 0;
	}
		#agent_details .contact h2 {
			display: none;
		}
		#agent_details .contact * {
			clear: left;
			display: block;
			float: left;
			padding: 0 0 0.2em 20px;
		}
		#agent_details .contact .tel {
			background: url(../img/furniture/phone.png) no-repeat 2px 5px;
			font-size: 1.1em;
			font-weight: bold;
		}
		#agent_details .contact .fax {
			background: url(../img/furniture/fax.png) no-repeat 2px 5px;
		}
		#agent_details .contact .email {
			background: url(../img/furniture/email.png) no-repeat 2px 5px;
		}
		#agent_details .contact .url {
			background: url(../img/furniture/url.png) no-repeat 2px 5px;
		}

/* Simple address header */
#agent_details.simple .adr {
	display: none;
}
#agent_details.simple .contact {
	float: left;
	margin: 0.5em 0;
}
	#agent_details.simple .contact .tel {
		font-size: 1.6em;
		font-weight: normal;
	}
	#agent_details.simple .contact .fax {
		display: none;
	}
	#agent_details.simple .contact .email {
		float: left;
		width: 20em;
	}
	#agent_details.simple .contact .url {
		float: left;
	}

/* Search style header */
#agent_details.search {
	background: #fff;
	color: #333;
}
	#agent_details.search .search_summary {
		display: inline;
		font-size: 2em;
	}
	#agent_details.search h1 {
		border-top: 2px solid #59f;
		font-size: 1.6em;
		margin: 0.5em 10em 0.25em 6.5em;
	}
	#agent_details.search .adr {
		margin: 0 0 0 10.4em;
	}
	#agent_details.search .adr * {
		display: inline;
	}
	#agent_details.search .contact {
		background: #59f;
		border-bottom: 1px solid #59f;
		margin-top: -4em;
		padding: 0;
	}
		#agent_details.search .contact h2 {
			border: 0;
			color: #fff;
			display: block;
			float: left;
			font-size: 1.2em;
			font-weight: bold;
			padding: 0.25em 0.5em;
			width: 100%;
		}
		#agent_details.search .contact * {
			background-color: #def;
			border: 0 solid #59f;
			border-width: 0 1px;
			color: #333;
			display: block;
			float: none;
			padding: 0.25em 0.25em 0.25em 20px;
		}
			#agent_details.search .contact .tel {
				background: url(../img/furniture/phone_black.gif) no-repeat 2px 5px;
			}
			#agent_details.search .contact .fax {
				background: url(../img/furniture/fax_black.gif) no-repeat 2px 5px;
			}
			#agent_details.search .contact .email {
				background: url(../img/furniture/email_black.gif) no-repeat 2px 5px;
			}
			#agent_details.search.search .contact .url {
				display: none;
			}
	#agent_details.search .search_small_print {
		border-bottom: 2px solid #59f;
		color: #999;
		display: block;
		font-size: 0.8em;
		margin: 0 20em 0 13em;
		padding: 0.5em 0;
	}

/* Property list */
#property_list {
	clear: both;
	float: left;
	margin: 1em 0;
	width: 100%;
}
	#property_list li {
		border-top: 1px solid #999;
		float: left;
		font-size: 85%;
		padding: 0.1em 0 0.2em;
		width: 100%;
	}
		#property_list li h3 {
			float: left;
			font-size: 100%;
			font-weight: bold;
			margin: 0.2em 0 0.2em 0.2em;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			width: 26em;
		}
		#property_list li .vitals {
			display: inline;
			float: right;
			line-height: 19px;
			margin: 0.2em 0;
		}
			#property_list li .vitals li {
				border: 1px solid #ccc;
				float: left;
				margin: 0 0.2em 0 0;
				padding: 0 0 0 16px;
				text-align: center;
			}
			#property_list li .vitals .bedrooms {
				background: #fff url(../img/furniture/bedrooms.gif) no-repeat left top;
				width: 3em;
			}
			#property_list li .vitals .sqm {
				background: #fff url(../img/furniture/dimensions.gif) no-repeat left top;
				width: 3em;
			}
			#property_list li .vitals .rent {
				background: #fff url(../img/furniture/rent.gif) no-repeat left top;
				width: 7em;
			}
			#property_list li .vitals .type {
				background: #fff url(../img/furniture/prop_type.gif) no-repeat left top;
				width: 5em;
			}
			#property_list li .vitals .available {
				background: #fff url(../img/furniture/availabledate.gif) no-repeat left top;
				width: 5.5em;
			}
			#property_list li .vitals .council_tax_band {
				background: #fff url(../img/furniture/council_tax_band.gif) no-repeat left top;
				width: 3em;
			}


#property_list li .extra, #property_list li .additional {
	display: none;
}

/* More listing style */
#property_list.more .extra, #property_list.moreover .extra {
	float: left;
	padding: 0.4em 0;
}
#property_list.more li, #property_list.moreover li {
	border: 0;
}
	#property_list.more li .extra, #property_list.moreover li .extra {
		display: block;
		float: left;
		padding: 0.4em 0;
		width: 100%;
	}
	#property_list li .extra img {
		border: 1px solid #999;
		float: left;
		margin: 0 1.6em 0 0;
		padding: 0.1em;
		width: 7em;
	}
	#property_list li .extra p, #property_list li .extra dl {
		margin: 0 0 0.5em;
	}
		#property_list li .extra dl dt {
			display: inline;
			font-weight: bold;
		}
		#property_list li .extra dl dd {
			display: inline;
		}

/* Moreover listing style */
#property_list.moreover li .additional {
	display: block;
}
	#property_list.moreover li .extra img {
		width: 12em;
	}

		#property_list.more li .essentials, #property_list.moreover li .essentials {
			background: #59f;
			float: left;
		}
		#property_list.more li .essentials h3, #property_list.moreover li .essentials h3 {
			color: #fff;
		}
		#property_list.moreover li .additional p {
			background: #bdf;
			margin-left: 13.8em;
			padding: 0.1em 0.1em 0.1em 24px;
		}

/* Particulars two-page styling */
#particulars {
	float: left;
	margin: 0 auto;
	width: 100%;
}
	#particulars h2 {
		color: #181454;
		font-size: 2em;
		font-weight: bold;
		margin: .5em 0;
	}

	#particulars #summary {
		border-bottom: 1mm solid #59f;
		float: left;
		padding-bottom: 1em;
		width: 100%;
	}
	#particulars #summary .supplement {
		margin-right: 115mm;
	}
	#particulars #summary .content {
		float: right;
		position: relative;
		width: 110mm;
	}
		#particulars #summary .content div.availability {
			height: 100px;
			left: -1mm;
			position: absolute;
			top: 1mm;
			width: 100px;
		}
		#particulars #summary .content div.id3 {
			background: url(../img/icons/availability/under_offer_416x312.png) no-repeat 0 0;
		}
		#particulars #summary .content div.id5 {
			background: url(../img/icons/availability/let_agreed_416x312.png) no-repeat 0 0;
		}
		#particulars #summary .content div.id6 {
			background: url(../img/icons/availability/coming_soon_416x312.png) no-repeat 0 0;
		}

		#particulars #summary .content img {
			border: 1px solid #999;
			margin-left: -8px;
			padding: 3px;
		}

		#particulars #summary .supplement .vitals {
			float: left;
			line-height: 19px;
			margin: 1em 0;
			padding: 0;
		}
			#particulars #summary .supplement .vitals li {
				border: 1px solid #ccc;
				margin: 2px 0;
				padding: 0 0 0 16px;
				text-align: center;
				width: 35mm;
			}
			#particulars #summary .supplement .bedrooms {
				background: #fff url(../img/furniture/bedrooms.gif) no-repeat left top;
			}
			#particulars #summary .supplement .sqm {
				background: #fff url(../img/furniture/dimensions.gif) no-repeat left top;
			}
			#particulars #summary .supplement .rent {
				background: #fff url(../img/furniture/rent.gif) no-repeat left top;
			}
			#particulars #summary .supplement .type {
				background: #fff url(../img/furniture/prop_type.gif) no-repeat left top;
			}
			#particulars #summary .supplement .furnished {
				background: #fff url(../img/furniture/furnished.gif) no-repeat left top;
			}
			#particulars #summary .supplement .available {
				background: #fff url(../img/furniture/availabledate.gif) no-repeat left top;
			}
			#particulars #summary .supplement .council_tax_band {
				background: #fff url(../img/furniture/council_tax.gif) no-repeat left top;
			}

	#particulars #description {
		border-bottom: 1mm solid #59f;
		float: left;
		padding: 1em 0;
		width: 100%;
	}
		#particulars #description .supplement {
			float: left;
			width: 60mm;
		}
			#particulars #description .supplement img {
				border: 1px solid #999;
				loat: left;
				margin: 0 0 1em;
				padding: 1mm;
				width: 95%;
			}
		#particulars #description .content {
			margin-left: 65mm;
		}
			#particulars #description .content h3 {
				font-weight: bold;
				text-transform: uppercase;
			}
			#particulars #description .content .frame {
				border: 1px solid #999;
				float: left;
				margin: 1em 0 0;
				padding: 2.5%;
				width: 95%;
			}
				#particulars #description .content .frame dl {
					float: left;
					width: 45mm;
				}
					#particulars #description .content .frame dl dt {
						color: #666;
						margin: 0 0 0.25em;
						text-transform: uppercase;
					}
					#particulars #description .content .frame dl dd {
						font-weight: bold;
						margin: 0 0 0.25em;
					}

	#particulars #location {
		border-bottom: 1mm solid #59f;
		clear: both;
		padding: 1em 0;
		width: 100%;
	}
		#particulars #location h3 {
			color: #59f;
			font-size: 1.4em;
			font-weight: bold;
		}
		#particulars #location .map, #particulars #location .satellite {
			border: 1px solid;
			loat: left;
			height: 16em;
			margin: 1em 0;
			width: 49%;
		}
		#particulars #location .satellite {
			margin-top: -17em;
			float: right;
		}

	#particulars #floorplan {
		border-bottom: 1mm solid #59f;
		float: left;
		padding: 1em 0;
		width: 100%;
	}
		#particulars #floorplan h3 {
			color: #59f;
			font-size: 1.4em;
			font-weight: bold;
		}
		#particulars #floorplan img {
			xmargin: 1em auto;
		}

/* Window displays */
#window_display {
	float: left;
	margin: 0 2.5%;
	width: 95%;
}
	#window_display #summary {
		border-bottom: 1mm solid #59f;
		float: left;
		padding: 0 0 1em;
		width: 100%;
	}
		#window_display #summary h2 {
			color: #006;
			font-size: 2em;
			font-weight: bold;
			margin: 1em 0 0;
			text-align: center;
		}
		#window_display #summary .vitals {
			font-size: 1.6em;
			font-weight: bold;
			margin: 0 0 1em;
			text-align: center;
		}
		#window_display #summary .content {
			float: left;
			width: 60%;
		}
			#window_display #summary .content img {
				border: 1px solid;
				padding: 2px;
				width: 100%;
			}
		#window_display #summary .supplement {
			float: right;
			width: 35%;
		}
			#window_display #summary .supplement dl {
				margin: 0 0 1em;
			}
				#window_display #summary .supplement dl dt {
					color: #666;
					margin: 0 0 0.25em;
					text-transform: uppercase;
				}
				#window_display #summary .supplement dl dd {
					font-weight: bold;
					margin: 0 0 0.25em;
				}
	#window_display #description {
		border-bottom: 1mm solid #59f;
		float: left;
		padding: 1em 0;
		page-break-before: avoid;
		width: 100%;
	}
		#window_display #description .supplement {
			float: left;
			width: 35%;
		}
			#window_display #description .supplement img {
				border: 1px solid;
				margin: 0 0 1em;
				padding: 2px;
				width: 100%;
			}
		#window_display #description .content {
			float: right;
			width: 60%;
		}
			#window_display #description .content h3 {
				font-weight: bold;
				margin: 0 0 0.5em;
				text-transform: uppercase;
			}
			#window_display #description .content .frame {
				padding: 1em 0 0 6px;
			}
				#window_display #description .content .map {
					border: 1px solid;
					float: left;
					height: 16em;
					margin-left: -6px;
					padding: 2px;
					width: 100%;
				}


.a5p #window_display #description .content {
	float: left;
	margin: 0 0 1em;
	width: 100%;
}
.a5p #window_display #description .supplement {
	float: left;
	width: 100%;
}
	.a5p #window_display #description .supplement img {
		float: left;
		width: 48%;
	}
	.a5p #window_display #description .supplement img.even {
		float: right;
	}

.a5ls #window_display #summary {
	border: 0;
	float: left;
	width: 50%;
}
	.a5ls #window_display #summary h2, .a5ls #window_display #summary .vitals {
		text-align: left;
		width: 80%;
	}
	.a5ls #window_display #summary .content {
		float: left;
		width: 100%;
	}
	.a5ls #window_display #summary .supplement {
		border: 1px solid;
		float: left;
		font-size: 1.1em;
		margin-top: 1em;
		padding: 2mm;
		width: 80%;
	}
		.a5ls #window_display #summary .supplement dl {
			float: left;
			width: 50%;
		}
	.a5ls #window_display #photos {
		float: right;
		margin: 1em -2% 0 0;
		width: 50%;
	}
		.a5ls #window_display #photos .content {
			margin-bottom: 1em;
		}
			.a5ls #window_display #photos .content img {
				border: 1px solid;
				padding: 2px;
				width: 100%;
			}
		.a5ls #window_display #photos .supplement img {
			border: 1px solid;
			float: left;
			padding: 2px;
			width: 48%;
		}
			.a5ls #window_display #photos .supplement img.even {
				float: right;
				margin-right: -6px;
			}

.a4ls #window_display #summary {
	border: 0;
	float: left;
	font-size: 0.9em;
	padding: 0;
	width: 100%;
}
	.a4ls #window_display #summary h2, .a4ls #window_display #summary .vitals, .a4ls #window_display #summary .content {
		clear: left;
		float: left;
		text-align: left;
		width: 28%;
	}
		.a4ls #window_display #summary .content h3 {
			font-weight: bold;
			text-transform: uppercase;
		}
		.a4ls #window_display #summary .content * {
			width: 100%;
		}

		.a4ls #window_display #summary .supplement {
			float: right;
			margin-top: 1em;
			width: 70%;
		}
			.a4ls #window_display #summary .supplement .content {
				float: left;
				width: 68%;
			}
				.a4ls #window_display #summary .supplement .content img {
					width: 100%;
				}
			.a4ls #window_display #summary .supplement .supplement {
				float: right;
				margin: 0;
				width: 29%;
			}
				.a4ls #window_display #summary .supplement .supplement img {
					border: 1px solid;
					margin-bottom: 0.5em;
					padding: 2px;
					width: 100%;
				}

.a4ls #window_display #extras {
	float: left;
	width: 100%;
}
	.a4ls #window_display #extras .map {
		float: left;
		height: 16em;
		margin-right: 0.5em;
		padding-left: 6px;
		width: 40%;
	}
		.a4ls #window_display #extras .map img {
			border: 1px solid;
			margin-left: -6px;
			padding: 2px;
			width: 100%;
		}
	.a4ls #window_display #extras .frame {
		border: 1px solid;
		float: left;
		margin: 0;
		padding: 1mm;
		width: 36%;
	}
		.a4ls #window_display #extras .frame dl {
			float: left;
			line-height: 1.5em;
			width: 45%;
		}
			.a4ls #window_display #extras .frame dl dt {
				text-transform: uppercase;
			}
			.a4ls #window_display #extras .frame dl dd {
				font-weight: bold;
			}


/* Footer styles */
#footer {
	background: url(../img/furniture/powered-by-lettingweb.png) no-repeat right bottom;
	clear: both;
	padding: 1em 100px 0 0;
}
	#footer h3 {
		color: #59f;
		font-size: 1.2em;
		font-weight: bold;
		margin: 0;
	}
	#footer p {
		margin: 0 96px 0 0;
	}
		#footer p strong {
			color: #181454;
			display: block;
			font-size: 1.6em;
			font-weight: bold;
			text-decoration: none;
		}

#xfooter.particulars {
	font-size: 0.7em;
}

.a4ls #footer {
	clear: none;
	float: right;
	margin: 0 0 0 1%;
	padding: 0;
	width: 20%;
}
	.a4ls #footer h3 {
		background: #59f;
		color: #fff;
		margin: 0 0 56px;
		padding: 0.2em;
	}


#pagination {
    background: #ff9;
    border: 1px solid #fd0;
    color: #06f;
    left: 50%;
    margin: -3em 0 0 -11em;
    padding: 1em;
    position: absolute;
    top: 50%;
    width: 20em;
    z-index: 1000;
}
    #pagination h2 {
        font-size: 1.6em;
        font-weight: bold;
    }
    #pagination p {
        margin: 0.5em 0;
    }
    #pagination ol li {
        background: #59f;
        display: inline;
        float: left;
        margin: 0 1px 0 0;
    }
        #pagination ol li a, #pagination ol li span {
            display: block;
            text-align: center;
            width: 1.5em;
        }

#help {
    background: #ff9;
    border-bottom: 1px solid #fd0;
    padding: 0.5em;
}


#page1 {
	float: left;
	height: 220mm;
	page-break-after: always;
}