body{font-size:76%; margin:0; padding:10px 0; color:#333; background-color:#9f0020; text-align:center;} /* all subsequent fonts sized in ems ONLY. */
/* {border:1px solid red;}*/

/* LAYOUT */
#page{width:770px; text-align:left; margin:0 auto; padding:0; border-top:1px solid #CCC;}
		
	#header{background:#fff;clear:both;margin:0;border-left:1px solid #CCC; border-right:1px solid #CCC; padding:22px 22px 20px 22px;}
		#logo {float:left; width:200px;}
		#quick-search {font-size:0.94em;}
		#quick-search input.text {width:150px;}

		#contact {text-align:right; float: right;}
		#contact p {margin:0; padding:0; padding-left: 90px;background:url(../images/text-get-a-quote.gif) 0 6px no-repeat;}
		#contact span.hide {font-size:1.15em;}
		#contact span.tel {font-size:1.8em;font-weight:bold;}
			
		#strap {background:#EEE url(../images/KFH-stripe.gif) top left repeat-y; margin:10px 0 0 0;}
			#strap p {margin:0; padding:0; height:13px; text-indent:-9999px; background:url(../images/regulated-rics.gif) center right no-repeat;}
		
	#container {background:#FFF; border-left:1px solid #CCC; border-right:1px solid #CCC;}
		#wrapper{background:#FFF; float:left; width:100%;}
			#content {background:#FFF; margin:0 267px 0 260px;}
				#content .padding {padding-right:11px; background:url(../images/color-DBDBDB.gif) top right repeat-y;}
				
		#subnav{background:#FFF; float:left; margin-left:-100%; width:238px;}
			#subnav .padding {padding-left:22px;}
	
		#additional{background:#FFF; float:right; margin-left:-100%; width:267px;}
			#additional .padding {padding:0 22px 0 10px;}

	#footer{clear:both; margin:0; background:#FFF url(../images/color-CCCCCC.gif) bottom left repeat-x; text-align:left;}
		#footer .padding {background:url(../images/border-footer.gif) bottom right no-repeat;}
		#footer .links {color:#CCC; padding:30px 22px 10px 22px; background:url(../images/border-footer.gif) bottom left no-repeat;}
		#footer .links a {font-weight: normal;}
	
	#footnote {padding:10px 22px; font-size:0.85em; color:#e3d5e8;}
	
/* LAYOUT alternative*/
#content.alternative{
	margin-right:0;
}

/* LAYOUT > home */
body#home {}
	#home #content {margin:0 267px 0 0;}
	#home #content .padding {padding-left:22px;}
		
/* LAYOUT > property */
body#property {}
	#property #content {margin:0;}
	#property #content .padding {padding-left:11px; background:0;}
	#property #address {float:left; width:465px;}
		#property h1, #property #related h3 {float:left; padding:0 6px 0 0; background:url(../images/comma.gif) 100% 90% no-repeat; margin-right:6px;}
		#property #related h2 {font-size:1.5em; font-weight:bold;}
		#property .location {float:left; font-size:1.4em; font-weight:bold; letter-spacing:-1px; padding:0; color:#000; white-space:nowrap;}
			#address .location {margin:0.5em 0 0 0;}
			#address .price {clear:both; font-size:1.2em; font-weight: bold;}

	#property #search-links {float:right; width:247px; border-left:1px solid #DBDBDB;}
		#search-links ul {margin:6px 10px;}
	
	#property .col-main {float:left;}
	#property .col-extra {float:right; width:247px;}
		#property .col-extra .padding {padding:0 0 0 11px;}
		#property .box .col-extra .padding {background:url(../images/color-DBDBDB.gif) top left repeat-y !important;}
	
		#property .box .copy {float:left; width:247px;}
			#property .box .copy h3 {background:url(../images/dotted-2xhorz.gif) top left repeat-x; font-size:0.94em; letter-spacing:normal; font-weight:bold; margin:1em 0 0 0; background: url(../images/dotted-2xhorz.gif) top left repeat-x; padding:10px 0 0 4px;}
				#property .box .copy ul.bullets {padding-bottom:6px;}
	
		#property .box .photo {float:right;width:410px;}
	
			#property .box .photo .main {width:auto; margin-bottom:25px; position:relative;}
					#property .portrait .photo .main {float:left;}
					#property .landscape .photo .main {float:none;}
	
				#property .box .photo .main img {margin:0; padding:0;}
				#property .box .photo .caption {padding:0; border:0; position:absolute; width:auto; bottom:0; right:0; background:#6c2183; text-align:right;}
					#property .box .photo .caption p {color:#FFF; text-transform:uppercase; line-height:18px; padding:0 6px; font-size:0.9em;}
			
			#property .box .photo .thumb {float:right; margin:0 0 25px 30px; padding:0;}
				#property .box .photo .thumb a:hover {position:relative; top:1px; left:1px;}
				#property .box .photo .null {margin-left:-1px;}

		#property .portrait .photo {}
		#property .landscape .photo {}
	
	#property #related {padding:0 11px;}
			#property #related .col-main .panel div {border:0;}
			#property #related .panel .copy {width:222px;}
				#property #related .panel p.location {clear:both; float:none; display:inline;}
				#property #related .panel p.price {float:left; width:auto; font-weight:normal; padding:4px 6px;}
				#property #related .panel p.desc {visibility:hidden; height:0; overflow:hidden;}	
				#property #related .panel ul.shortlist {float:right; width:auto;}


/* LAYOUT > search */
body#search {}
	#search #content {margin:0;}
	#search #content .padding {padding-left:11px; background:0;}
	#search #content .box {}
		#search #content #view-thumbnail {}
		#search #content #view-list {}
		#search #content #view-map {}
		#search #content #adv-search {}
	
		#search #content .col-main {float:left; width:695px; overflow:hidden;}
		#search #content .col-extra {float:right; width:236px;}

		/* SEARCH > options */
		#search #options {}
			#search #options .col-main {background:url(../images/dotted-2xhorz.gif) bottom left repeat-x; padding-bottom:15px; font-size:0.94em;}
			#search #options .col-main .label, #search #options .col-main .element {float:left; margin:0; margin-right:12px; width:auto; padding:0;}

			#search #options #options-photosize {float:left; margin-left:18px;}
			
			#search .pagenav {}

				#search #options .icons li {clear: none;}
				#search #options .icons li.save-search a {margin-right: 8px;}
				
				#search #options .map-icons {list-style: none;}
					#search #options .map-icons li {margin-left: 0;float:left; clear:none;background:transparent;padding:0;}
						
						#search #options .map-icons input {float: left; margin-top: 7px;}
				
						#search .properties {margin-right: 50px;}
						#search .schools {margin-right: 50px;}
						#search .bars {margin-right: 50px;}
						#search .restaurants {margin-right: 0;}
					
						#search .properties label {background: url(../images/icon-properties.gif) 25px 0px no-repeat; padding: 2px 0 0 50px; line-height: 24px;}
						#search .schools label {background: url(../images/icon-schools.gif) 25px 2px no-repeat; padding: 2px 0 0 50px; line-height: 24px;}
						#search .bars label {background: url(../images/icon-bars.gif) 25px 2px no-repeat; padding: 2px 0 0 50px; line-height: 24px;}
						#search .restaurants label {background: url(../images/icon-restaurants.gif) 25px 2px no-repeat; padding: 2px 0 0 50px; line-height: 24px;}
					

		/* SEARCH > tools */
		#search #tools {}

		#search #tools .property-finder {font-size:0.94em; margin:0; background:inherit;}

			#dropzone {min-height:70px; padding:12px 8px; height:15em; overflow:auto;}
				#dropzone.empty {background-image:url(../images/text-drag-drop.gif); background-position:8px 12px; background-repeat:no-repeat; background-attachment:scroll;}
			

		/* SEARCH > results */
		#search #results {}
			#search #results .photo {float:left; display:inline; margin-top:20px;}
			#search #results .photo .thumb {margin-bottom:8px;}
				#search #results .photo .thumb a {display:block;}

			#search #results .photo .copy {}
				#search #results .photo h3 {font-size:1em; letter-spacing:normal;}
				#search #results .photo p.location {font-size:0.94em;}
				#search #results .photo p.price {padding:0;}

				#search #results .photo .facilities {}
					#search #results .photo .facilities li {background:url(../images/link-arrow-right.gif) 0 -46px no-repeat; padding:0 0 0 10px;}
				#search #results .photo .arrows {background:url(../images/dotted-2xhorz.gif) top left repeat-x; padding:4px 0;}
					#search #results .photo .arrows li {float:left;}
						#search #results .photo .arrows li.first {margin-right:24px;}
					#search #results .photo .arrows a {float:left;}
			
			/* SEARCH > results > zoom */
			#search #results .zoom {position:absolute; z-index:100; background:#FFF; padding:44px 22px 0 22px; border:1px solid #CCC;}
				#search #results .zoom .thumb, #search #results .zoom .copy {width:200px;}
				#search #results .zoom .thumb img {width:200px !important; height:150px !important;}

				/* hide */
				#search #results .photo p.price span,
				#search #results .photo .facilities,
				#search #results .photo .arrows {position:absolute; top:-6666px; left:-6666px;}
				
				/* show */
				#search #results .photo .zoom h3 {font-size:1.2em; letter-spacing:-1px;}
				#search #results .zoom p.price {position:absolute; top:18px; left:22px;}
					#search #results .zoom p.price strong {font-size:1.2em;}
				#search #results .zoom p.price span,
				#search #results .zoom .facilities,
				#search #results .zoom .arrows {position:relative; top:0; left:0;}
				
			/* SEARCH > results > slider variables */
				/* SIZE > 1 of 4 */
				/* position */
				#search #results .photosize-1of4 .zoom {margin-top:-90px; margin-left:-83px;} /* margin-top = (zoom thumb img height [150px] - thumb img height [60px])/2 [45px] + zoom top-padding [44px] + zoom top border [1px]}*/ /* margin-left = (zoom thumb img width [200px] - thumb img width [80px])/2 [60px] + zoom left-padding [22px] + zoom left border [1px]}*/
				/* size & spacing */
				#search #results .photosize-1of4 {width:733px;} /* col-main width [695px] + photo margin-right [31px] */
				#search #results .photosize-1of4 .photo {margin-right:38px; width:80px;}/* as thumb img width */
				#search #results .photosize-1of4 .photo .thumb img {width:80px; height:60px;}

				/* SIZE > 2 of 4 */
				/* position */
				#search #results .photosize-2of4 .zoom {margin-top:-75px; margin-left:-63px;} /* margin-top = (zoom thumb img height [150px] - thumb img height [90px])/2 [30px] + zoom top-padding [44px] + zoom top border [1px]}*/ /* margin-left = (zoom thumb img width [200px] - thumb img width [120px])/2 [40px] + zoom left-padding [22px] + zoom left border [1px]}*/
				/* size & spacing */
				#search #results .photosize-2of4 {width:717px;} /* col-main width [695px] + photo margin-right [20px] */
				#search #results .photosize-2of4 .photo {margin-right:22px; width:120px;}/* as thumb img width */
				#search #results .photosize-2of4 .photo .thumb img {width:120px; height:90px;}

				/* SIZE > 3 of 4 */
				/* position */
				#search #results .photosize-3of4 .zoom {margin-top:-60px; margin-left:-43px;} /* margin-top = (zoom thumb img height [150px] - thumb img height [120px])/2 [15px] + zoom top-padding [44px] + zoom top border [1px]}*/ /* margin-left = (zoom thumb img width [200px] - thumb img width [160px])/2 [20px] + zoom left-padding [22px] + zoom left border [1px]}*/
				/* size & spacing */
				#search #results .photosize-3of4 {width:711px;} /* col-main width [695px] + photo margin-right [16px] */
				#search #results .photosize-3of4 .photo {margin-right:16px; width:160px;}/* as thumb img width */
				#search #results .photosize-3of4 .photo .thumb img {width:160px; height:120px;}

				/* SIZE > 4 of 4 */
				/* position */
				#search #results .photosize-4of4 .zoom {margin-top:-45px; margin-left:-23px;} /* margin-top = (zoom thumb img height [150px] - thumb img height [150px])/2 [0px] + zoom top-padding [44px] + zoom top border [1px]}*/ /* margin-left = (zoom thumb img width [200px] - thumb img width [200px])/2 [0px] + zoom left-padding [22px] + zoom left border [1px]}*/
				/* size & spacing */
				#search #results .photosize-4of4 {width:730px;} /* col-main width [695px] + photo margin-right [35px] */
				#search #results .photosize-4of4 .photo {margin-right:35px; width:200px;}/* as thumb img width */
				#search #results .photosize-4of4 .photo .thumb img {width:200px; height:150px;}

		
/* FORMAT */
abbr,acronym,dfn{cursor:help;border:0;}
a abbr,a acronym,a dfn{cursor:pointer;}

pre,address{margin:0;padding:0;}

p{margin:0;padding:0 0 1em 0;line-height:1.4em;}
	p.price {font-size:1em !important; font-weight:bold; color:#000 !important;}
	
blockquote {margin:0; padding:0; font-style:italic;}
blockquote p {padding:0;}
cite {font-size:0.94em;}

img{border:0; display:block;}

p.subtext {font-size: 0.94em;}


/* FORMAT > fonts */
body,input,textarea,select{font-family:Arial,Helvetica,sans-serif;}
h1,h2,h3,h4,h5,h6{font-family:Arial,Helvetica,sans-serif;}
blockquote, cite {font-family:Georgia, "Times New Roman", Times, serif;}
em,i{font-style:italic;}
strong,b{font-weight:bold;}
dfn, cite{font-style:normal;}
code,kbd,pre{font-family:"Courier New",Courier,mono;font-size:1em;}


/* ANCHORS */
a{text-decoration:none;color:#9f0020; font-weight: bold;}
a:link{ }
a:visited{ }
a:hover{color:#333;}
a:active{ }


/* HEADERS */
h1,h2,h3,h4,h5,h6{margin:0;padding:0;color:#9f0020;font-weight:normal; color:#333;}
h1, #property #related h3{font-size:1.8em; letter-spacing:-1px; margin-top:0.2em; font-weight:normal;}
h2{font-size:1.5em; letter-spacing:-1px;}
h3{font-size:1.2em; font-weight:bold; letter-spacing:-1px;}
h4{font-size:1.1em; font-weight: bold;}
h5,h6{font-weight: bold;font-size:1em;}


/* LISTS */
ul,ol,dl{margin:0;padding:0 0 1em 0;}
ul ul,ol ol,ol ul,ul ol{padding:0;margin:0 0 0 2em;}
ul{list-style-type:none;}

ol{list-style-type:decimal;}
li{margin:0 0 0.5em 0;padding:0 0 0 1em; background: url(../images/box-yellow.gif) 0 5px no-repeat; }
	li.pdf a {display:block; background:url(../images/icon-pdf.gif) 0 0.3em no-repeat !important; padding:3px 0 3px 26px !important;}
	
	/* LISTS > pdf */
	ul.big, ul.small {padding: 0; list-style-type: none;}
		ul.big li.pdf, ul.small li.pdf{margin-left: 0; font-weight: bold; background: none; padding-left: 0;}
		
		ul.big li.pdf a {background:url(../images/icon-pdf.gif) 0 50% no-repeat !important; padding: 0 0 0 26px !important; line-height: 21px;}
		
	ul.small {font-size: 0.94em;}
		ul.small li.pdf a {background:url(../images/icon-pdf.gif) 0 50% no-repeat !important; padding: 0 0 0 26px !important; line-height: 21px;}
	

	/* LISTS > arrows */
	ul.arrows {margin:0.2em 0 0 0; padding:0; list-style:none; font-size:0.94em;}
	.arrows li {margin:0; padding:0; background: none;}
	.arrows a {display:block; background:url(../images/bg-a.gif) 0 4px no-repeat; font-weight:bold; margin:0; padding:1px 0 1px 10px;}
		.arrows a:hover {}

	ul.panelbullets {margin:0.2em 0 0 0; padding:0; font-size:0.94em; color:#585858;}
	.panelbullets li li{padding:0 0 0.6em 16px; margin:0 0 0 6px; background:url(../images/divider-footer-links.gif) 0 0.4em no-repeat; color:#585858;}

	/* LISTS > divider */
	ul.divider {margin:0; padding:0; list-style:none; font-size:0.94em;}
	.divider li {margin:0; padding:0; display:block; float:left; background:url(../images/divider-footer-links.gif) 0 4px no-repeat; padding-left:10px; margin-left:9px;}
		.divider li.first {background:none; padding:0; margin:0}
	.divider a {display:block; margin:0; padding:1px 0 1px 10px;}

	/* LISTS > back */
	.back a {background:url(../images/link-arrow-left.gif) 0 4px no-repeat;}
		.back a:hover {background-position:0 -46px;}

	/* LISTS > facilities */
	.facilities {list-style:none; margin:4px 0; padding:0; font-size:0.94em; clear:both;}
	.facilities li {margin:0; padding:0 8px 0 28px; display:block; width:68px; line-height:18px;}
		.facilities .bed {background:url(../images/icon-facilities-bed.gif) 0 4px no-repeat;}
		.facilities .bath {background:url(../images/icon-facilities-bath.gif) 1px 3px no-repeat;}
		.facilities .reception {background:url(../images/icon-facilities-reception.gif) 0 5px no-repeat;}
		.facilities .furnish {background:url(../images/icon-facilities-furnish.gif) 9px 2px no-repeat;}

	.panel .facilities li {float:left; width:auto;}
	
	/* LISTS > stations */
	.stations {list-style:none; margin:4px 0; padding:0; font-size:0.94em;}
	.stations li {margin:0; padding:0 0 0 28px; display:block; line-height:18px;}
		.stations .dlr {background:url(../images/icon-dlr.gif) 5px 4px no-repeat;}
		.stations .tube {background:url(../images/icon-tube.gif) 5px 3px no-repeat;}
		.stations p {padding-bottom:0.5em;}

	/* LISTS > bullets */
	ul.bullets {font-size:0.94em; list-style:none;}
	.bullets li {padding:0 0 0.6em 16px; margin:0 0 0 6px; background:url(../images/box-yellow.gif) 0 0.4em no-repeat;}
	
	/* LISTS > icons */
	ul.icons {margin:0; padding:0; list-style:none; font-size:0.94em;}
	.icons li {margin:0; padding:0; width:auto; display:block; clear:both;}
	.icons a {padding:4px 0 8px 24px; margin:0; display:block; float:left; width:auto;}
		.icons .view a {background: url(/images/icon-view.gif) 0 50% no-repeat;}
		.icons .save a {background: url(/images/icon-save.gif) 0 50% no-repeat;}
		.icons .email a {background: url(/images/icon-email.gif) 0 50% no-repeat;}
		.icons .mobile a {background: url(/images/icon-mobile.gif) 0 50% no-repeat;}
		.icons .print a {background: url(/images/icon-print.gif) 0 50% no-repeat;}	
		.icons .save-search a {background: url(/images/icon-save-search.gif) 0 50% no-repeat;}	
		.icons .property-rss a {background: url(/images/icon-rss.gif) 0 50% no-repeat;}	

	/* LISTS > shortlist */
	ul.shortlist {margin:0; padding:4px 6px; list-style:none;}
	.shortlist li {margin:0; padding:0; float:left;}
		.shortlist p {padding:0 8px 0 0 !important; background:url(../images/divider-footer-links.gif) center right no-repeat;}
		.shortlist a {display:inline; width:auto; float:left; font-size:0.94em; padding:1px 20px 3px 0; margin-left:8px;}
		.shortlist .add a {background:url(../images/icon-shortlist.gif) 100% 30% no-repeat;}
		.shortlist .remove a {background:url(../images/icon-shortlist-remove.gif) 100% 30% no-repeat;}
	
	
dt, dd {padding-bottom:4px;}
dt{display:block;float:left;}
dd{margin-left:9em;}

	/* LISTS > stats */
	dl.stats {font-size:0.94em; background: url(../images/dotted-2xhorz.gif) top left repeat-x; padding:10px 0 0 4px;}
	.stats dt {font-weight:bold;}


/* TABLES */
caption{display:block;padding:0;margin:0;}
table{border:0px;border-top:1px solid #dbdbdb;border-left:1px solid #dbdbdb;width:100%;margin:0 0 20px 0;}
th{border:0px;border-bottom:1px solid #dbdbdb;border-right:1px solid #dbdbdb;padding:2px 5px 2px 5px;background-color:#eee;color:#585858;}
th.row-header{background-color: #fff; color: #585858;}
td{border:0px;border-bottom:1px solid #dbdbdb;border-right:1px solid #dbdbdb;padding:2px 5px 2px 5px;}
tr.alt{background-color:#eee;}


/* FORMS */
form, fieldset {margin:0;padding:0; border:0;}
legend{margin:0;padding:0;display:none !important;}
label, form p{display:block; padding:3px 0 2px 0; margin:0;}
textarea, select, input {font-size:100%;}
textarea{width:95%;padding:0.2em;}

.label {}
.element {}
	.element span {position:relative; top:-2px;}

input {}
	input.text{width:95%;padding:1px 3px; padding-top:2px;}
	input.radio{display:block;float:left;margin:1px 5px 5px 0;padding:0;}
	input.checkbox{}

	/* FORMS > mortgage calc */
	#mortgage-calc {font-size: 0.94em; background: url(../images/text-mortgages-made-easy.gif) 80% 0 no-repeat; margin-top:5px; padding:18px 0 4px 0;}
		#mortgage-calc .label {float:left; width:90px;}
			#mortgage-calc .alt {margin-right:9px !important;}
		#mortgage-calc input {width:60px; margin:1px 0;}
			#mortgage-calc .short {width:40px;}

	.panel #mortgage-calc div {border:0; margin:0; padding:0;}
/*span.highlight{
	color:#FF0000;
}
#errors li{
	color:#FF0000;
}
#errors li a{
	color:#333;
}
fieldset {
	border:1px solid #ccc;
	margin-bottom:0.5em;
	background:#fff url(../images/bg_fieldset.gif) 0 10px repeat-x;
	padding:0 0.5em 0.5em 0.5em;
}
div.label label{
	font-weight:bold;
}
.field{
	width:50%;
}
div.element+a{
	margin-left:2.0em;
}
fieldset h2{
	border-bottom:1px solid #ccc;
	background:#fff url(../images/gradient-blue.gif) bottom left repeat-x;
	font-size:1.0em;
	letter-spacing:normal;
	line-height:2.0em;
}*/
/* FORMS */
form.generic-form{margin:0;padding:0;}
form.generic-form fieldset{border:1px solid #ccc;margin:1.5em 0 0 0;padding:0.2em 0.5em 0.5em 0.5em;background:#fff url(../images/bg_fieldset.gif) 0 10px repeat-x;}
form.generic-form fieldset fieldset{padding:0;margin:0;border:0;}
form.generic-form legend{margin:0;padding:0;color:#333;display:none;}
form.generic-form fieldset h2{margin:0 0 10px 0;font-size:1.2em;}
form.generic-form fieldset h3{font-size:1em;color:#545353;margin:0 0 3px 0;letter-spacing:normal;}

.field{position:relative;width:100%;padding:0 0 10px 0;}
.element{float:left;width:45%;margin-left:1.0em;}

.label{padding:0;margin:0;text-align:left;}
.input{padding:0 20px 0 0;margin:0;}

.element .col div{padding:0 0 5px 0;}

.invalid label{color:#f00;}
.invalid .input{background:url(../images/invalid.gif) top right no-repeat;}
.valid label{color:#00AF6A;}
.valid .input{background:url(../images/valid.gif) top right no-repeat;padding:0 20px 0 0;}
	
	
	
form.generic-form label{color:#545353;display:block;font-weight:bold;padding:0 0 2px 0;font-size:1em;}
form.generic-form fieldset fieldset label{float:left;width:50%;padding:2px 0 0 0;margin:0 10px 0 0;padding:0;font-weight:normal;}

form.generic-form textarea{width:95%;font-size:100%;padding:0.2em;}
form.generic-form input.text{width:95%;padding:1px 3px;}
form.generic-form input.radio{display:block;float:left;margin:1px 5px 5px 0;padding:0;}
form.generic-form select{width:100%;}
form.generic-form .short{width:50% !important;}

form.generic-form .button-left{float:left;width:auto;}
form.generic-form .button-right{float:right;width:auto;}
form.generic-form optgroup{
	font-style:normal;
}
form.generic-form input.submit{
border:none;
background:#6c2183;
font-weight:bold;
color:#fff;
width:auto;}

.warnEmpty{display:none;}
.warn{clear:both;display:block;color:#f00;}

span.highlight{
	color:#FF0000;
}
#errors li{
	color:#FF0000;
}
#errors li a{
	color:#333;
}
.no-bg{
	background:none!important;
	border:none!important;
}
div.checkbox-grid{
	float:left;
	width:7em;
}
form.generic-form .cols2 .col{
	float:left;
	width:48.5%;
}
fieldset.no-bg .cols2 .col{
	/*float:left;
	width:20%;*/
}
form.generic-form .cols3 .col{float:left;width:30%;margin:0 1% 0 0;}	


/* ADVANCED SEARCH */
#advanced-search .col select {width: 90%;}
#advanced-search select {width: 43.5%;}

.inner {/*padding:0.5em;border:1px solid #ccc;border-top:none;*/}

.inner fieldset.first {margin-top: 0!important;}

/*POPUP HELP*/
.helpbutton{float:left;width:auto;padding:0;;font-size:0.91em;margin:1.6em 0 0 20px;border:none;outline:none;background:#FFF;}
.helpbutton:hover{color:blue;background:#ccf;}
.help{position:absolute;top:1.4em;right:0;width:44%;background:#fff;border:1px solid #ccc;padding:5px;z-index: 10;}
.field-alt .help{position:absolute;right:0;;width:210px;background:#785D30;padding:0 0 5px 0;margin-top: 18px;}
.help h3, 
.help p{margin:5px 0 0 0;font-size:0.91em;padding:0; width: auto;}
.help h3{font-weight:bold;}
.help ul, 
.help li{list-style-type:none;margin:0;padding:0;background:none;text-align:right;}
.help a{display:block;margin:5px 10px 0 10px;padding:1px 10px 5px 0;font-size:0.91em;font-weight:bold;text-decoration:none;border:0px;color: #6c2183;}
.help a:hover{text-decoration:underline;}

/*NON_JS HELP*/
#help{margin:12px;border-top:1px solid #CCBEA3;}
#help div{margin:0 0 15px 0;}
#help h2{margin:10px 0 10px 0;}
#help h3 span, 
.help h3 span, 
.error h3 span{display:block;float:left;width:auto;padding:0;margin:0;}
#help ul, #help li{list-style-type:none;margin:0;padding:0;background:transparent;}
#help a.jumper{display:block;float:left;width:auto;margin:0 0 10px 0;}
#help p{margin:0 0 5px 0;}
/* SHORTCUTS */
#shortcuts{position:absolute;left:-500px;top:-500px;width:50%;}
#toplink{position:absolute;left:-500px;height:1px;overflow:hidden;width:50%;}


/* NAVIGATION */
#navigation{clear: right;float: right;background:#fff; border-top: 4px solid #eee; font-weight:bold; font-size:1.2em; padding:8px 0 12px 0; margin-top: 12px;}
	#navigation ul{list-style-type:none;margin:0;padding:0;}
	#navigation li{display:inline;margin:0;padding:0;}
	#navigation a{display:block;float:left;width:auto;text-decoration:none;margin:0; padding:0; border-left:1px solid #CCC;}
	#navigation a:hover, #navigation .active a {color:#000;}
	#navigation .first a {padding:0; border:0;}
	#navigation .last a {margin:0;}

/* SUB-NAVIGATION */
#subnav{}
	#subnav ul.nav {margin:0 0 15px 0;padding:0;list-style-type:none;line-height:normal; background:url(../images/dotted-2xhorz.gif) bottom left repeat-x;}
	#subnav .nav li {margin:0;padding:0;display:block; background:url(../images/dotted-2xhorz.gif) top left repeat-x; padding:6px 0;}
	#subnav .nav a {display:block; padding-left:8px; background:url(../images/link-arrow-right.gif) 0 4px no-repeat;}
	#subnav .nav a:hover {background-position:0 -46px;}


/* PAGE-NAVIGATION */
.pagenav {font-size:0.94em; font-weight:bold; background:url(../images/color-CCCCCC.gif) bottom left repeat-x;}
	.pagenav ul {list-style:none; margin:0; padding:0; width:auto; border-left:1px solid #CCC; }
	.pagenav li {display:block; float:left; margin:0; padding:0; background:#FFF url(../images/gradient-3px-bottom-right.gif) bottom right no-repeat;}
		.pagenav li.active {background:#FFF url(../images/gradient-3px-right.gif) top right repeat-y;}
	.pagenav h2 {font-size:1em; letter-spacing:normal; font-weight:bold;}
	.pagenav a {display:block; float:left; padding:4px 10px; background:url(../images/tab-top-DBDBDB.gif) top right no-repeat;}
		.pagenav .active a {color:#000; background:url(../images/tab-top-CCCCCC.gif) top right no-repeat;}
	.pagenav.alt ul{background:transparent url(../images/bg_pagenav_alt_ul.gif) bottom left repeat-x;}
	.pagenav.alt {}
	.pagenav.alt input{font-weight:normal;margin:1.5em;width:30%;}
	.pagenav.alt .alt-box{border-right:1px solid #dbdbdb;border-left:1px solid #dbdbdb;}
		
/* BREADCRUMB */
#breadcrumb {font-size:0.94em; padding:6px 22px; background:url(../images/dotted-2xhorz.gif) top left repeat-x;}
	#breadcrumb ol{list-style:none;margin:0;padding:0;}
	#breadcrumb li{display:inline;margin:0;padding:0;}
	#breadcrumb a{display:block;float:left;width:auto;padding:0 0 0 10px; margin:0 16px 0 0; background:url(../images/link-arrow-right.gif) 0 4px no-repeat;}
	#breadcrumb a:hover, #breadcrumb .active a {background-position:0 -46px; color:#000;}


/* PAGINATION */
.pagination{font-size:0.94em; margin:1.2em 0;}
	.pagination ul{display:block; float:left; list-style:none; padding:0; margin:0 10px;}
		.pagination li {display:inline; padding:0 2px; margin:0;}
		.pagination a {padding:0 2px; margin:0;}
			.pagination .active a {background:#6c2183; color:#FFF;}
	
	.pagination ul.previous, .pagination ul.next {margin:0;}
	.pagination ul.previous {background:url(../images/divider-nav.gif) center right no-repeat;}
	.pagination ul.next {background:url(../images/divider-nav.gif) center left no-repeat;}
		.pagination ul.previous a, .pagination ul.next a{display:block;float:left;width:auto;}
		.pagination ul.previous a {padding:0 12px; background:url(../images/chevron-left.gif) 0 4px no-repeat;}
		.pagination ul.next a {padding:0 12px; background:url(../images/chevron-right.gif) 100% 4px no-repeat;}
		.pagination ul.previous a:hover {background-position:0 -46px;}
		.pagination ul.next a:hover {background-position:100% -46px;}


/* INTRO */
#intro {padding:8px 11px 4px 11px;}
#intro p {font-size:0.94em;}


/* HEADER & FOOTER LINKS */
.links {font-size:0.94em; word-spacing:0.3em;}
.links p {margin:0; padding:0 0 0 1px; line-height:27px;}
.links a {word-spacing:normal;}
.links ul {list-style-type:none;margin:0;padding:0;}
	.links li {display:inline;margin:0;padding:0;}


/* PROMOS */
.promo {position:relative; overflow:hidden; width:100%; margin-bottom:22px;}
	.promo .copy {position:absolute; right:0;}


/* BOX */
.box {border:1px solid #CCC; border-top:0; padding:11px; margin-bottom:15px; background:url(../images/gradient-2px-right.gif) top right repeat-y;}


/* PANELS */
.panel {border:1px solid #CCC; margin-bottom:15px; display:block;}
.panel.intro {border:0;}
.panel.intro h2 {color: #9f0020; padding-bottom:3px;}
.panel div {border-left:7px solid #6c2183; padding:6px 10px;}
	.property div {padding:0;}
.panel h2 {margin:0 0 0.2em 0;}
	#subnav .panel h2 {margin:0;}
.panel p {font-size:0.94em; color:#585858; margin:0; padding:0 0 1em 0;}
	.email p {padding:0 0 0.6em 0;}
.panel label {color:#585858;}
.panel li {font-size:0.94em; color:#585858;} 
	
	.panel .photo {position:relative; display:block; float:right; width:216px; padding:0; border:0;}
		.panel .photo img {display:block;}
		.panel .caption {padding:0; border:0; position:absolute; width:100%; bottom:0; left:0; background:#6c2183; text-align:right;}
		.panel .caption p {color:#FFF; text-transform:uppercase; line-height:18px; padding:0 6px; font-size:0.9em;}
	.panel .copy {float:left; width:200px; padding:6px 10px; border:0;}


/* PANELS > INFO */
.info-panel {margin-bottom:15px;}
.info-panel h2 {background:#eee; color:#9f0020; font-size:1em; font-weight:bold; letter-spacing:normal; padding:2px 6px 3px 6px; margin:0 0 0.4em 0; border-bottom:1px solid #FFF;}
	.contact h2 {margin:0; border-bottom:1px solid #a7a805;}
.info-panel p {font-size:0.94em; color:#585858;}
	.contact p.tel {background:#a7a805 url(../images/icon-telephone.gif) 5px 2px no-repeat; color:#FFF; font-weight:bold; margin:0 0 5px 0; padding:0 0 2px 20px;}


/* IMAGE GALLERY */
.thumb {position:relative; top:5px; left:5px; background:url(../images/shadow-bottom-right.gif) bottom right no-repeat;}
	.thumb img {position:relative; top:-5px; left:-5px;}
	


/* TABS */
.tab {background:#F5FAFA;}
.tab .heading {border:1px solid #CCC; background:#FFF url(../images/gradient-blue.gif) bottom left repeat-x; padding:4px 8px;}
	.tab .heading h2 {font-size:1.3em; font-weight:bold; margin-top:4px;}
		.tab .heading h2 a {display:block; height:16px;}
			.open .heading h2 a {background:url(../images/chevron-up-big.gif) 100% 0 no-repeat;}
			.closed .heading h2 a {background:url(../images/chevron-down-big.gif) 100% 0 no-repeat;}
		.tab .heading h2 a:hover {background-position:100% 50%;}

.tab .copy {}

	/* TABS > search tool */
	#tools-search {}
		#tools-search .heading {border-bottom:0;}
		#tools-search.last .heading{border-bottom:1px solid #CCC;}
			#tools-search .heading h2 {background:url(../images/link-search-again.gif) 0 -50px no-repeat;}
		#tools-search .copy {border-top:1px solid #CCC;}
		
			/* TABS > search tool refine */
			#tools-refine .heading h2 {background:url(../images/link-refine-results.gif) 0 -50px no-repeat;}
	
	/* TABS > shortlist */
	#tools-shortlist {}
		#tools-shortlist .heading h2 {background:url(../images/link-property-shortlist.gif) 0 -50px no-repeat;}
		#tools-shortlist .arrows {background:url(../images/dotted-2xhorz.gif) bottom left repeat-x; margin:6px 8px 0 8px; padding-bottom:8px;}
			#tools-shortlist .arrows a {font-weight:normal;}

/* BANNERS */	
.banner {margin-bottom:10px;}	
.banner a {display:block; border:1px solid #CCC;}
	.banner a:hover {display:block; border:1px solid #999;}
	
	
/* PROPERTY FINDER */
.property-finder {margin-bottom:10px;}
.property-finder h2 {background:#eee; color:#000; padding:2px 6px; border-bottom:1px solid #FFF; font-size:1.3em; font-weight:bold;}
.property-finder p {margin:0; padding:0;}

.property-finder .inner label {display: none;}
.property-finder .inner {padding:9px; border: 1px solid #ddd;}
.property-finder .inner #frm_submit1 {width: auto; float: right;}
.property-finder .inner input {float: left; width: 75%;}
.property-finder form {font-size:0.94em;}
	

	/* PROPERTY FINDER > search options */
	.search-options {margin-bottom:2px;}
		.search-options p {line-height:16px;}
		.search-options p.float-left {width:34%;}
		.search-options p.float-right {width:65%; text-align:right; font-size:0.9em;}

	/* PROPERTY FINDER > search types */
	#search-by {background:#FFF url(../images/gradient-2px-right.gif) top right repeat-y; border:1px solid #CCC;}
	
	ul#search-nav {list-style:none; margin:0 0 8px 0; padding:0 0 1px 0; clear:both; font-size:0.9em;}
	#search-nav li {margin:0; padding:0 3px 0 0;display:block; float:left; width:51px; text-align:center; background:url(../images/gradient-3px-bottom-right.gif) bottom right no-repeat;}
		#search-nav li#search-nav-item04 {background:url(../images/gradient-3px-bottom.gif) bottom left repeat-x; float:right; width:52px;}
			#search-nav li#search-nav-item04.active {background:url(../images/gradient-2px-right.gif) top right repeat-y;}
	#search-nav a {display:block; float:left; width:100%; padding:2px 0 30px 0;}
	#search-nav .active {background:url(../images/gradient-3px-right.gif) top right repeat-y;}
	
	#search-nav-item01 a {background:url(../images/icon-finder-area.gif) 55% 90% no-repeat;}
	#search-nav-item02 a {background:url(../images/icon-finder-street.gif) 55% 90% no-repeat;}
	#search-nav-item03 a {background:url(../images/icon-finder-station.gif) 55% 90% no-repeat;}
	#search-nav-item04 a {background:url(../images/icon-finder-branch.gif) 55% 90% no-repeat;}
	
	/* PROPERTY FINDER > search type inputs */
	#search-area, #search-street, #search-station, #search-branch {padding:0 8px 8px 8px;}
	#search-branch {padding:1px 8px 9px 8px;}
	
	/* PROPERTY FINDER > radio buttons */
	.property-finder .frm_radiobox {margin:2px 0 0 0;}
		.property-finder .frm_radiobox p, .property-finder .frm_radiobox input, .property-finder .frm_radiobox label {display:block; float:left;color: black;}
		.property-finder .frm_radiobox p {padding:2px 0 2px 0;}

		/* PROPERTY FINDER > radio buttons > property type */
		#frm_prop_type p, #frm_prop_type label.first {padding-right:40px;}
		
		.property-finder .block {width:48%;}
		.property-finder .block select {width:100%;}

	/* PROPERTY FINDER > checkboxes */
	.property-finder .frm_checkbox {margin:4px 0 0 0;}
		.property-finder .frm_checkbox input, .property-finder .frm_checkbox label {display:block; float:left; margin:0; padding:0;}
		.property-finder .frm_checkbox label {margin:3px 1px 0 0;}	
		.property-finder .frm_checkbox input {margin:3px 4px;}
			.property-finder .frm_checkbox input.first {margin-left:0;}
		
		/* PROPERTY FINDER > checkboxes > sale */
		#frm_sale label {margin-right:6px;}


/* BRANCH FINDER */
.branch-finder {font-size:0.94em; border:1px solid #CCC; padding:8px; color:#585858; margin-bottom:10px;}
.branch-finder h2 {font-size:1.2em; font-weight:bold;}
.branch-finder .element input {display:block;}
.branch-finder .element .text {width:170px; float:left;}
.branch-finder .element .submit {float:right; margin-top:2px;}


/* TESTIMONIAL */
.testimonial {border:1px solid #CCC; margin-bottom:15px;}
.testimonial blockquote {background:#6c2183 url(../images/quote-start-red.gif) 6px 8px no-repeat; color:#FFF; padding:8px 7px 8px 17px;}
.testimonial blockquote p {background: url(../images/quote-end-red.gif) 100% 95% no-repeat; padding-right:10px;}
.testimonial cite {display:block; padding:2px 10px; color:#6c2183; text-align:right;}


/* COLUMNS */
.three-column-fluid {}
	.three-column-fluid .col-one, .three-column-fluid .col-two, .three-column-fluid .col-three {float:left; background:url(../images/color-CCCCCC.gif) top right repeat-y; width:31.4%;}
	.three-column-fluid .col-three {float:right; padding:0; margin:0; background:none;}

.two-column-fluid {}
	.two-column-fluid .col-one, .two-column-fluid .col-two,
	.two-column-fluid .col-one-wide, .two-column-fluid .col-two-narrow,
	.two-column-fluid .col-one-narrow, .two-column-fluid .col-two-wide {float:left; background:url(../images/color-CCCCCC.gif) top right repeat-y; width:49%;}

	.two-column-fluid .col-two, .two-column-fluid .col-two-wide, .two-column-fluid .col-two-narrow {float:right; padding:0; margin:0; background:none;}
	
	.two-column-fluid .col-one-wide, .two-column-fluid .col-two-wide {width:64.5%;}
	.two-column-fluid .col-one-narrow, .two-column-fluid .col-two-narrow {width:34%;}
	


/* POSITIONING */
.float-left {float:left;}
.float-right {float:right;}
.align-left {text-align:left;}
.align-right {text-align:right;}

/* MISC */
.hide, #sitenav a span, #login a span, .closed .copy {position:absolute; top:-6666px; left:-6666px;}
.text-indent {text-indent:-9999px;}
.display-none {display:none;}
.dotted {background:url(../images/dotted-2xhorz.gif) bottom left repeat-x;}

/* CLEARING */
/*br.clr {clear:both; display:block; height:0; line-height:0; margin:0; padding:0;}*/
.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear{display:inline-table;}


/* COLOURS 
.yellow {color:#d79500;}
.purple {color:#6c2183;}
.blue {color:#2791b5;}
.green {color:#a8a805;}
*/

.panel .yellow {border-left:7px solid #d79500;}
.panel .purple {border-left:7px solid #6c2183;}
.panel .blue {border-left:7px solid #2791b5;}
.panel .green {border-left:7px solid #a8a805;}
.panel .grey {border-left: 7px solid #eee;}

.panel .yellow h2, .testimonial .yellow cite {color:#d79500;}
.panel .purple h2, .testimonial .purple cite {color:#6c2183;}
.panel .blue h2, .testimonial .blue cite {color:#2791b5;}
.panel .green h2, .testimonial .green cite {color:#a8a805;}

.panel .yellow .caption {background:#d79500;}
.panel .purple .caption {background:#6c2183;}
.panel .blue .caption {background:#2791b5;}
.panel .green .caption {background:#a8a805;}

.testimonial .yellow blockquote {background:#d79500 url(../images/quote-start-yellow.gif) 6px 8px no-repeat;}
.testimonial .purple blockquote {background:#6c2183 url(../images/quote-start-purple.gif) 6px 8px no-repeat;}
.testimonial .blue blockquote {background:#2791b5 url(../images/quote-start-blue.gif) 6px 8px no-repeat;}
.testimonial .green blockquote {background:#a8a805 url(../images/quote-start-green.gif) 6px 8px no-repeat;}

.testimonial .yellow blockquote p {background: url(../images/quote-end-yellow.gif) 100% 95% no-repeat;}
.testimonial .purple blockquote p {background: url(../images/quote-end-purple.gif) 100% 95% no-repeat;}
.testimonial .blue blockquote p {background: url(../images/quote-end-blue.gif) 100% 95% no-repeat;}
.testimonial .green blockquote p {background: url(../images/quote-end-green.gif) 100% 95% no-repeat;}

html\:abbr, abbr {
			cursor: help;
		}
/*Horizontal rule*/
hr{
	outline:none;
	border:none;
	color:#ccc;
	background:#ccc;
	height:1px;
	margin:0.5em 0;
}

/*jQuery Accordian*/
.faq-module{
	background:transparent url(../images/dotted-2xhorz.gif) repeat-x left bottom;
}
.faq-content{
	padding:0.5em 0;
	background:transparent url(../images/dotted-2xhorz.gif) repeat-x left top;
	}
.faq-content ul li{
	list-style-image:url(../images/link-arrow-faq-on.gif);
	padding-bottom:0.3em;
}
.faq-module h4{
	background:transparent url(../images/link-arrow-faq.gif) 1px 5px no-repeat;
	margin:0.5em 0;
	padding-left:10px;
	font-size:1em;
	color:#9F0020;
	letter-spacing:0;
	padding-bottom:0.5em;
}
.faq-module h4.activated{
	cursor:pointer;
	
}
.faq-module h4.dtactive{
	background:transparent url(../images/link-arrow-faq-active.gif) 0px 7px no-repeat;
}


/* CONTRIBUTE FIXES */
.clear-alt{display:none;}


/* FILTERS */
/* hide from IE-mac \*/ .clear {display: block;} /* end hide from IE-mac */

/* LISTS > skipindex */
	ul.skipindex {margin:0 0 1em 0; padding:4px 6px; list-style:none;}
		.skipindex li {margin:0; padding:0; display:inline;}
		.skipindex a {display:block; float:left; border-left:1px solid #DBDBDB; margin:0 5px 0 0; padding:0 0 0 5px;}
		.skipindex li.first a {border:0; padding:0;}