/* Reset defaults */
body, p, h1, h2, h3, h4, form { padding: 0; margin: 0; }
ol, ul { padding-left: 1.5em; margin: 0; }
ol.countrylist li { margin-bottom: 0.3em; }
a img { border: none; }
p { margin-bottom: 1em; }

/* Fonts */
body { background: #fff; font: 13px Arial, Geneva, sans-serif; color: #000; } /* Calibri */
select, input, textarea { font-family: Arial, Geneva, sans-serif; font-size: 1em; font-weight:normal;} /* 99% for safari; 100% is too large */
select.resultsperpage { margin-bottom:0.5em; }
h1, h2, h3, .contentheading { line-height: 129%; clear: both; }
h1 { font-size: 168%; word-spacing: -0.05em; font-weight: normal; }
h2, .contentheading { font-size: 136%; color: #333; border-bottom: 1px solid #DDD; margin-bottom: 0.3em; padding: 1em 0 0 0; letter-spacing: -0.01em; word-spacing: -0.05em; clear: both; font-weight:bold;}
h2.emailupdates {padding-top:0;}
h2.first, div.first { padding-top: 0; }
h3 { font-size: 100%; margin: 0 0 0.2em 0; clear: none; }

/* Top-level elements */
#siteswitch { background: #EEE; border-bottom: 1px solid #DDD; padding: 0.3em 0.7em; }
#sitewrapper { margin: 0 auto; font-size: 92%; line-height: 144%; max-width: 1280px; min-width: 760px; }
#popupwrapper { width: 100%; background: #FFF; font-size: 92%; line-height: 144%; }

#siteheader { background: #FFF; position: relative; }
/* Header and Tnav + Within siteheader */
#skipnav { display: none; }
#sitelogo { height: 6em; }
#sitelogo a { border: none; }
#sitelogo a:hover { background: transparent; }
#sitelogo a img { margin-top: 1em; }

#pagewrapper { background: #FFF url(bg-columns.gif) repeat-y 72% 0; }
	.singlecontent { width: 100%; float: left; }
	.singlecontent .content { border-bottom: none; background: #FFF; margin: 0; }/* border: 7px solid #DDD;*/
	.homepage .singlecontent, .landingpage .singlecontent { width: auto; float: none; }
	.primarycontent { width: 72%; float: left; }
	.secondarycontent { width: 28%; float: left; }
	.tertiarycontent { width: 28%; float: left; }
	.singlecontentoldsite { width: 100%; float: left; }
#sitefooter { font-size: 92%; clear: both;  border-top: 3px solid #3D4655; }

#pageheader { background: #289728 url(bg-heading.gif) 0 100% repeat-x; color: #FFF; padding: 0 1.2em 1em; clear: both; }
#pageheader h1 { line-height: 114%; margin-left: -0.1em; padding-top:0.3em;}

/* Breadcrumb for drilldowns */
ol#breadcrumb { list-style-type: none; padding: 0; font-size: 0.9em; line-height: 1.2em; margin-top: 0.1em; margin-bottom: 0.3em}
ol#breadcrumb li { display: inline; }
ol#breadcrumb li a { padding-right: 10px; color: #c6f1c6; background: url(icon-breadcrumbdivider.png) 100% 50% no-repeat; margin-right: 0.4em;}
ol#breadcrumb li a:hover { text-decoration: none; color: #FFF; background: url(icon-breadcrumbdivider.png) 100% 50% no-repeat;}


#pagecontent { border: 7px solid #DDD; border-top: 0; margin-top: 0; clear: both; }

div#sitemenu { background:#3D4655 url(bg-menu.gif) 0 100% repeat-x; clear:both; }
div#sitemenu ul { list-style-type:none; margin:0pt; padding:0pt; display: inline; }
div#sitemenu ul li { display:inline; float:left; padding: 0 0; }
div#sitemenu a { display: block; font-weight: bold; text-decoration: none; line-height: 1em; letter-spacing: 0.02em; color: #FFF; padding: 0.1em 1em; margin: 0.4em 0; border-left: 1px solid #999; }
div#sitemenu li.first a { border-left: none; }
div#sitemenu a:hover, div#sitemenu a:active, div#sitemenu li.selected a { color: #E5E5E5; background-color: transparent; text-decoration: underline; }
div#sitemenu li.selected { background: transparent url(bg-menu-selected.gif) 50% 100% no-repeat; } /* See landingpages.css */
div#sitemenu li.selected a { text-decoration: none; }

div#sitemenu ul#menu { float:left; margin-left: 0.2em; }
div#sitemenu ul#menu-external { float:right; margin-right: 0.2em; }
div#sitemenu ul#menu-external li.first a { padding-left: 0; }

div#sitemenu a#menu-overseas:hover, div#sitemenu li.selected a#menu-overseas { color: #F90; }
div#sitemenu a#menu-holidaylettings:hover, div#sitemenu li.selected a#menu-holidaylettings { color: #8BC5FF; }

/* MyRightmove links */
div#signedin { position: absolute; top: 2.3em; right: 1.4em; }

ul#menu-myrightmove { position: absolute; top: 3.6em; right: 1em; padding: 0; margin: 0; }
ul#menu-myrightmove li { float:left; display:block; padding-left: 0.3em; }
ul#menu-myrightmove li a { float:left; display:block; padding: 0.2em 0.3em; }

/* Links */
a { color: #3350AC; }
a:hover, a:active { background-color: #3350AC; color: #FFF; }
.priority1, .priority2, .priority3, .priority4 { line-height: 1em; padding: 3px 3px 4px 20px; background: url(icon-sprite.gif) 0 0 no-repeat; } /* See lower down for 'Icon positioning' */
.priority3 { display: block; float: left; height: 0; overflow: hidden; width:20px; padding: 0; padding-top: 19px; }
.priority3:hover { background-color: transparent; }
.priority4 { padding: 3px 20px 3px 3px; } /* See lower down for 'Icon positioning' + positions icon to the text's right */
.button { display: block; }

/*style for agent action buttons*/
.priority1 { position: relative; font-weight: bold; display: block; background-color:#e4f2df; border: 1px solid #b3d9a5; color: #007b01; padding: 7px 7px 7px 25px; margin: 0 0 0.3em 0; } /* position relative for ie6 */
.priority1:hover { background-color:#007B01; border: 1px solid #087f09; color: #FFF; }

/*h3 image position for registration page*/
.titlehighlight h3{ margin-top:0.5em; padding: 2px 0 4px 22px; background: url(icon-sprite.gif) no-repeat; }
	h3.findfirst{ background-position: 0 -1010px; }
	h3.homehunt{ background-position: 0 -1050px; }
	h3.savetime{ background-position: 0 -1090px; }
	h3.missout{ background-position: 0 -1132px; }
	h3.sun { background-position: 0 -1170px; }
	h3.edit { background-position: 0 -692px; }
	h3.emailopen { background-position: 0 -1133px; }
	h3.house{ background-position: 0 -970px; }
	h3.email{ background-position: 0 -1010px; }
	h3.heart{ background-position: 0 -1210px; }
	h3.envelope{ background-position: 0 -1010px; }
.titlehighlight p { border-bottom: 1px dashed #DDD; padding-bottom: 0.8em; margin-bottom: 0.8em;}
.titlehighlight ul { border-bottom: 1px dashed #DDD; padding-bottom: 1.8em; margin-bottom: 0.8em; margin-top:0; }
.titlehighlight p.last { border-bottom: 1px dashed #FFF; }

/* Within contentwrapper */
.content { position: relative; border-top: 7px solid #DDD; padding: 7px; margin-right: 7px; }
.secondarycontent .content, .tertiarycontent .content { margin-right: 0; }
.specialcontent { position: relative; border-top:7px solid #DDD; padding: 7px ;background: #ECF3FE; }
.specialcontent h2 {font-weight:bold; border-bottom: #d2e8ff 1px solid; color: #579b98;}


#pagesummary { background: #DDD; }
#pagesummary .content { margin-bottom: 0; }

/* Page links (print etc) */
ul#pagelinks, ul#pagelinks2 { position: absolute; margin: 0; padding: 0; text-align: right;}
ul#pagelinks {top:0.6em; right: 0.5em; width: 420px;}
ul#pagelinks2 {bottom:1em; right:1em; width: 400px;}
ul#pagelinks li, ul#pagelinks2 li { display: inline; padding-left: 0.3em; }
ul#termsofuse {top:0.6em; right: 0.5em; width: 420px; position: absolute; text-align: right; list-style-type: none;}
ul#privacy {top:0.6em; right: 0.5em; width: 420px; position: absolute; text-align: right; list-style-type: none;}

/* Within secondarycontent */
ul.formattedlist { padding: 0; margin: 0.3em 0 0 0; line-height: 1.6em; list-style-type: none; }
ul.formattedlist li { border-bottom: 1px dashed #EEE; }

ul.affiliatelist { padding: 0; margin: 0.3em 0 0 0; line-height: 1.6em; list-style-type: none; }
ul.affiliatelist li { display:inline; }
.thumbnailaffiliate { margin-bottom:0.5em; margin-right:0.7em; padding:3px; width:auto;}

ul#ukdrilldownlist { margin-left: 137px; }

/* Within sitefooter */
ul.footerlinks { width: 35.6%; padding: 0; line-height: 1.6em; float: left; list-style-type: none; color: #666; margin: 1em 0 0 0; }
ul.footerlinks.last { float: right; width: 28.6%; }
ul.footerlinks li { border-bottom: 1px dashed #EEE; margin: 0 0 0 7px; padding: 0 7px; }
ul.footerlinks.last li { margin-right: 7px; }
ul.footerlinks li.first { font-weight: bold; }
ul.footerlinks a { width: 100%; color: #666; }
ul.footerlinks a:hover { color: #FFF; background: #666; }

/*** Group pages ***/

/*** Sitewide ***/
.amp { height: 0; clear: both; overflow: hidden; padding: 28px 0 0 0; }
.tip { padding: 0.2em 0.3em 0.3em 25px; background: #ECF3FB url(iconperson.gif) no-repeat 4px 3px; border:1px solid #D2E8FF; margin: 0.2em 0 0 0;  clear: both; }
	.agenticon{ background-image: url(iconperson.gif); }
	.contactagenticon{ background-image: url(iconhouse.gif); }
	.emailicon{ background-image: url(iconemail.gif); }
	.successicon{ background-image: url(iconsuccess.gif); }
	.aboutmyplaceicon {background: #303A4C url(aboutmyplace2.gif) 0 0 no-repeat;}

.js .promo { cursor: pointer; cursor: hand; } /* Only show cursor as hand if js is on (as we add the click using javascript */

/* Todo: Remove this please! */
.spacer{ margin-top:0.5em }

.errorbox { padding: 0.5em 0.5em 0.5em 3em; border: 1px solid #ffe9bf; background: #fff8e8 url(alert.gif) 0.5em 0.7em no-repeat; margin-bottom: 1em;  }
	.errorbox p { margin: 0; }
	.errorbox ul { color: #F00; }
	.error { color: #F00; font-weight: normal; margin-bottom: 0; }

.cancel {float:left; margin-top:1em;}
.back {float:left; margin-top:1em; margin-bottom:2em; }
.privacy { padding: 0.5em 0.3em; border: 1px solid #ffe9bf; background:#fff8e8; margin-bottom: 1em; font-size: x-small; }
.privacy .border { clear: both; padding: 0.2em 0; border-bottom: 1px dashed #DDD; }
.errorlinks{ line-height: 152%; }
.insidelinks li { padding-left:0;list-style-position:outside; }
ul.insidelinks { margin-left:0em;}

#maplink { white-space: nowrap; }

.hide {  } /* To be shown on non-js; hidden from js. To be turned on with us */
.hidejs { display: none; } /* To be hidden from js and non-js. Display to be turned on with js */
.show { height: 0; overflow: auto; visibility: hidden; }
.js .hide { display: none; }
.js .show { visibility:visible; height:auto; overflow:hidden; }

/* Forms */
.mandatorytext{ color: #ff0000; padding-top:0.5em }
fieldset { border: none; padding: 0; margin: 0; }
.subset1, .subset2{font-weight: bold; float: left; width: 48.1%; }
#subset0{font-weight: bold; float: left; width: 75%; }
fieldset.subset1 { margin: 0 0.73em 0.83em 0; }
fieldset.subset2 { margin: 0 0 0.83em 0.73em; float:right; }
textarea { width: 99%; }
.inputset { clear: both; padding: 0.2em 0; border-bottom: 1px dashed #DDD; background: #FFF; }
.inputset.error { border: 1px solid #FFE9BF; background: #FFF8E8; margin-top: 0.2em; padding-left: 0.3em; }
.inputset.error input { margin-left: -3px; }
.inputset label, .inputset .dummylabel { width: 40%; font-weight: bold; clear: both; display: block; float: left; padding: 0.2em 0 0.1em 0; } /* See userdetails.css */
.inputset input { width: 57.5%; float: left; }
.inputset select { width: 59%; float: left; }
.inputset textarea { width: 58.5%; }
.searchbox input { width: 28.5%; }
.searchbox input.submit { width: auto; }

/* Checkboxes */
.checkboxes { border: none; }
.checkboxes label { font-weight: normal; width: auto; float: left; clear: none; padding: 0 0 0 0.2em; } /* See ie6.css, ie7.css */
.checkboxes input { width: auto; float: left; }

/* Radio buttons */
.radiobutton { padding: 0.2em 0em; clear:none; }
.radiobutton input { width:auto; }

input.emaillocation { width:57.5%; float:right; }
label.radiobutton { clear:none; width:auto; padding-right:1em; }
label.emailsearch { width:auto; }

div.emailradiobuttons { float:right; }

/* Submit button */
.submitset { text-align: right; clear:both; height: 30px; }
.submitset input { width: auto; margin: 0.5em 0 0 0; }
.checkbox { margin: 0; clear: both; float: left; } /* criteria - floats question mark img to the right of text */
.submit { margin-top: 0.2em; }

/* Generic images */
.thumbnail { float: left; border: 1px solid #DDD; width: auto; padding: 3px; margin-right: 0.7em; }
#aboutmyplacepreview .thumbnail { margin: 0 0.7em 0.7em 0; } /* TODO: set the margin on thumbnail to be the same as this and then remove this (after testing nothing breaks) */
a .thumbnail:hover { border: 1px solid #3350AC; }

/* Site-wide hacks */
	/* clearfix from 456bereastreet */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
.clearfix { display: block; }
* html .clearfix { height: 1px; }

/* Icon positioning for priority links */
a.link-cancel { background-position: 0 -770px; }
a#link-backsaved { background-position: 0 -850px; }
a#link-development { background-position: 0 -970px; }
a.link-apply { background-position: 0 -690px; }

a.link-previous-prop-removesaved { background-position: 0 -1370px; margin-left:-2.5em;}
div.submitsetremovesaved { clear:both;height:30px;text-align:right;}

/* Icon positioning for priority links remove saved property */
a.link-previous-prop { background-position: 0 -1370px; margin-left:-2.5em;}

/*sticker at top of the page linking to feedback form */
#headerpromo { position: absolute; bottom: 1.7em; right: 22.5em; background-image: url(agentsticker.png); } /* See ie6.css */
#headerpromo a { display: block; width: 89px; height: 82px; text-indent: -5000px; overflow: hidden; }
#headerpromo a:visited, #headerpromo a:hover, #headerpromo a:active { text-decoration: none; border: 0; background: transparent; }

/* third party branding*/
#aboutmyplacelogo2 { background: #172435 url(aboutmyplace.gif) no-repeat left top; height:28px; margin-top:4.5em; clear: both; }
#holidayletting { background: transparent url(holidaylettings.gif) no-repeat center 92%; padding-bottom:50px; }

/*tube map promotional links*/
#tubeandrailmappromotionalbox{ background-color: #ECF3FB; padding: 0.3em 0 0.3em 0.3em; border:1px solid #D2E8FF; margin: 10px 0 0 0; font-weight: bold; }
#tubeandrailpromo {font-weight:bold; margin: 5px 0 0 0;padding:0.3em 0 0.3em 0.3em;position:absolute;right:10px;top:0;}
img.tubeandtrainicons { position: relative; float:left; vertical-align:middle; padding-right:4px;}


/*FMO promotional links*/
#fmopromo-secondary {padding-bottom: 0; padding-left:0;padding-right:0; text-align: center;}
body.narrow #fmopromo-secondary {padding-left:0;padding-right:0;}

/* new property types */
img.telluswhatyouthinksticker {vertical-align:middle;}
input.retirement, input.bungalows, input.propertytype, input.mobilehomes {float:none;width:auto;}
input.retirementonly {float:none;width:auto;margin-left:44px;} /* ie6/7 take different values */
input.retirementexclude {float:none;width:auto;margin-left:65px;} /* ie6/7 take different values */
input#garden {float:none;width:auto;}
input#parking {float:none;margin-left:67px;width:auto;}  /* ie6/7 take different values */
input#parkandmobile {margin-left:44px;} /* ie6/7 take different values */
div.othertypes {border:none;}
div.npt {margin-top:5px;}
label.npt {width:19%;}
label.features {display:inline;float:none;font-weight:normal;clear:none;}
select.npt {width:20%;}
fieldset.npt {margin-bottom:15px;}
#criteria select.locationselect { width: 100%; }
#moresearchoptions {padding-top:0.6em;}
a#userfeedback{background-color:#fff;}

body.narrow label.npt {width:30%;}
body.narrow #telluswhatyouthinkpromo {position:static;margin-bottom:4px;}

/* Agent card things */
.contactdetails { margin-left: 151px; }
.contactbuttons { clear: left; margin-bottom: 1em; }

/* AMP maps for reskin */
#ampmap a img { margin-top: 0; margin-left: 0; }
#ampmap a { display: block; width: 135px; height: 135px; overflow: hidden; position: relative; }
#ampicon { left: 58px; top: 47px; position: absolute; } /* default to the centre of the tile */

/* disclaimer */
.disclaimer { font-size:92%; color: #666; line-height: 1.2em; padding-top:0.5em; }
.privacy .disclaimer { color: #000; }

button.hrefLink, input.hrefLink { border:0em none; height: 17px; cursor: pointer; color: #3350AC; margin: 0 0 0 0; padding: 0 0 0 18px; overflow: visible; background: url(icon-sprite.gif) 0 0 no-repeat; font-weight: normal; text-decoration: underline; }
button.hrefLink:hover, input.hrefLink:hover { background-color: #3366CC; color: #fff; }
input.link-cancel { background-position: 0 -768px; } /*added to reposition css icon in valuation request*/

p.right { text-align:right; margin-top:1em; margin-right:10px; }

/*for overseas view previous and next properties*/
#moreproperties { padding:0.5em 0; }
#moreproperties ul{padding: 0; margin: 0.3em 0; line-height: 1.6em; list-style-type: none; }
#moreproperties ul li { display:inline; }
#moreproperties ul li.pipe { border-left: 1px solid #000; padding-left:0.4em;  }
#moreproperties ul li.singleheight { padding-top:2px;}

/*** Resizing pages ***/
/* narrow - means only one column */

/* fix for secondary content when image has text wrapping and breaking */
body.narrow .thumbnail { float:none; margin-bottom: 0.7em; }

/* homepage drilldown and thumbnails */
body.narrow ul#ukdrilldownlist { margin-left: 0; }
body.narrow .homepage ul#ukdrilldownlist { margin-left: 137px; }

/* secondary content search criteria when 800x600 */
body.narrow .homepage .secondarycontent { width: 36%; }
body.narrow .homepage .primarycontent .thumbnail, body.narrow .homepage .secondarycontent .thumbnail { float: left; margin-bottom: 0; }
body.narrow .secondarycontent { width: 28%; }


.hiddenelement{ display: none; }

/* printing  */
@media print{
	/* Fonts */
	h1 { padding-bottom:1em; }
	h2, .contentheading { font-size: 114%; font-weight:bold; border:none; padding-top:0.5em; }
	a { color:#000; text-decoration:none; }

	div#siteswitch { display: none; }

	#headerpromo, #searchheader, #signedin, ul#menu-myrightmove, #sitemenu, #oldsitelink, #pagelinks, #sitefooter, #changelocation, #nearbyareas, #criteria, #resultsoptions, #agentcontact { display: none; }
	#pageheader { padding:0; margin:0; }
	#siteheader { position: static; }
	#pagewrapper { background: none; }
	#pagecontent { border: none; border-color: #FFF; } /* border still seems to show without setting colour to white */
	.primarycontent { width: 100%; float: none; }
	.secondarycontent { clear: both; width: auto; float: none; }
	.content { margin:0; padding: 0; border: none; border-color: #FFF; }

	div#searchresults h2 { display:none; }

    #fmopromo-secondary { visibility: hidden; }
}

/*this is to float an image right with text below image */
.imagetextright { float: right; text-align: center; margin: 0 0 0 1em; }

/* Icon positioning for priority links */
a#link-save, span#link-save { background-position: 0 -210px; }
a#link-print { background-position: 0 -250px; }
a.link-contact { background-position: 0 -370px; }
a#link-sendtofriend { background-position: 0 -370px; } /*same as contact */
a#link-photos { background-position: 0 -530px; }
a#link-previous { background-position: 0 -570px; margin-top: -0.2em; }
a#link-backtoresults { background-position: 0 -570px; }
a#link-next { background-position: 0 -610px; margin-top: -0.2em; }
a.link-furtherinfo { background-position: 0 -650px; }
a#link-pdf { background-position: 0 -1570px; }

.fam_txt {font-size: 12px;margin-left:0px;margin-right:5px;text-decoration: none;  text-align: left;}
.fams{width: 250px; border: 1px solid Maroon; padding-left: 15px; margin-bottom: 15px; float: right;  margin-left: 25px;}