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

/* Fonts */
body { background: #fff url(/ps/images/header/bg-sitewrapper.gif) repeat-y 50% 0; font: 13px Arial, Geneva, sans-serif; color: #000; *font-size: small; *font: x-small; } /* Calibri */
select, input, textarea { font: 99% Arial, Geneva, sans-serif; } /* 99% for safari; 100% is too large */
h1, h2, h3 { font-family: Arial, Geneva, sans-serif; line-height: 129%; clear: both; }
h1 { font-size: 168%; word-spacing: -0.05em; font-weight: normal; }
h2 { font-size: 100%; margin: 0 0 0.2em 0; padding: 0 0 0.1em 0; clear: none;  }
h3 { font-size: 136%; color: #333; border-bottom: 1px solid #DDD; margin-bottom: 0.3em;  word-spacing: -0.03em; clear: both;  /*position: relative*/}
h2.subsequent, h3.subsequent { padding-top: 1em; }

/* Top-level elements */
#sitewrapper { width:960px; margin: 0 auto; font-size: 92%; line-height: 144%; }
#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; float: left;}
#sitelogo a { border: none; }
#sitelogo a:hover { background: transparent; }
#sitelogo a img { margin-top: 1em; }

#pagewrapper { background: #FFF url(/ps/images/header/bg-columns2.gif) 72% 0 repeat-y; border-top:1px solid #dedede;}
	.singlecontent { width: 100%; float: left; }
	.singlecontent .content { border-bottom: none; background: #FFF; margin: 0; }
	.primarycontent { width: 72%; float: left; }
	.secondarycontent { width: 28%; float: left; }
	.tertiarycontent { width: 28%; float: left;  }

#sitefooter { font-size: 92%; clear: both; border-top: 10px solid #EEE; background: #FFF;}
	/* Within sitefooter */
	ul.footerlinks { padding: 0; line-height: 1.6em; list-style-type: none; color: #666; margin: 0.75em 0;}
	ul.footerlinks li { padding: 0 7px; border-left: 1px solid #CCC; display: inline; margin: 0; }
	ul.footerlinks li.first { font-weight: bold; border-left: none; }
	ul.footerlinks a { width: 100%; color: #666; }
	ul.footerlinks a:hover { color: #FFF; background: #666; }
	ul.resources {margin-bottom: 3em;}

/* moving right column to the left for search results page */
	#pagewrapper.swopcolumn {background: #fff url(/ps/images/searchresults/secondarycolbgGradient2.gif) repeat-y top left; border-top:1px solid #ccc;}
	.swopcolumn .primarycontent{float:right; }
	.swopcolumn .singlecontent{background: #f8f8f8; border-bottom: 1px solid #f0f0f0;}
	.swopcolumn .singlecontent .content{background: #f8f8f8;}


#pageheader {  color: #FFF; padding:0 280px 1em 1.2em; clear:both; border-bottom:2px solid #999;background: #2d4c8e url(/ps/images/header/pageheader-tilingeyes.png) repeat-y 690px -9px; }
#pageheader h1 { line-height: 114%; margin-left: -0.1em; padding-top:0.5em;}
#pageheader a{ right: 0; color:#fff }

#pagecontent { margin-top: 0; clear: both; border: 0; }

/*sticker at top of the page linking to feedback form */
#headerpromo { position: absolute; top:2em; left: 17.5em; background-image: url(/ps/images/header/betapromo.gif);} /* See ie6.css */
#headerpromo a, #headerpromowidget a, #headerpromosurvey a, #headerpromoalerts a{ display: block; width: 140px; height: 37px; text-indent: -5000px; overflow: hidden;background-color:transparent;text-decoration: none; }
#headerpromo a:visited, #headerpromo a:active, #headerpromowidget a, #headerpromowidget a:active, #headerpromosurvey a, #headerpromosurvey a:active, #headerpromoalerts a, #headerpromoalerts a:active { text-decoration: none; border: 0; background-color: transparent; }
#headerpromo:hover {background-image:url(/ps/images/header/betapromohover.gif);background-color:transparent;text-decoration: none;}

#headerpromowidget{ position: absolute; top:-1em; right: 23em; background-image: url(/ps/images/campaigns/seemore/headerWidgetSticker.png);} /* See ie6.css */
#headerpromowidget a{width: 89px; height: 82px; }

#headerpromosurvey{ position: absolute; top:-1em; right: 23em; background-image: url(/ps/images/campaigns/seemore/headerSurveySticker.png);} /* See ie6.css */
#headerpromosurvey a{width: 89px; height: 82px; }

#headerpromoalerts{ position: absolute; top:-1em; right: 23em; background-image: url(/ps/images/campaigns/seemore/headerAlertsStickers.png);} /* See ie6.css */
#headerpromoalerts a{width: 89px; height: 82px; }

.rightmoveplus { width:942px; margin: 0 auto; background:#EEEEEE; border-bottom:1px solid #DDDDDD; padding:0.3em 0.7em; }

.contentblocks  { padding: 1em 0 1em 0;}

/* Within contentwrapper */
.content { position: relative; padding: 10px 5px;  margin:7px 5px 7px 5px;  border-top:none; }
.primarycontent .content { margin-right: 12px;  border-top:none; background-image:none;}
.singlecontent .content{margin-top:0;}/* to fix the overseas homepage */
.secondarycontent .content, .tertiarycontent .content { margin-right: 0; border-top:3px solid #eee; }
	.secondarycontent .content:first-child{ border-top: none;  }

.overseas { border-bottom:7px solid #eee; background-color:#fff} /* to fix the overseas homepage */

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

div#sitemenu { background:#3D4655 url(/ps/images/header/bg-menu.gif) 0 100% repeat-x; clear:both; }
div#sitemenu ul { list-style-type:none; margin:0; padding:0; 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(/ps/images/header/bg-menu-selected-2.png) 50% 100% no-repeat; }
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; }



/*#signedin { margin: 1.4em 0.8em 0.4em 0; float: right;width:26%; } old*/

/* MyRightmove links style 1*/
#signedin { margin: 0.5em 0.8em 0.4em 0; float: right; width:25%;}
#signedin #left{float:left; padding-right:0.5em; width:44.5%}
#signedin #left img{ padding-top:2px;}
#signedin #right{float:left; padding-left:0.7em; font-size:90%; border-left:1px solid #000000; line-height:19px; }
#signincontent{padding:0.6em 0 0 0.8em; border-color:#b6b6b6; border-style:solid; border-width:0 1px 0 1px;}

#signincorner{  height: 5px; position: relative; line-height:5px}
#signincorner #cornerleft{background: url(/ps/images/myrightmove/footer.png) no-repeat left top; height: 5px;float:left; width:50%; }
#signincorner #cornerright{background: url(/ps/images/myrightmove/footer.png) no-repeat right top; height: 5px; float:right; width:50%; }

#signincornertop #topcornerleft{background: url(/ps/images/myrightmove/header.png) no-repeat left bottom; height: 5px;float:left; width:50%; }
#signincornertop #topcornerright{background: url(/ps/images/myrightmove/header.png) no-repeat right bottom; height:5px; float:right; width:50%; }
div.registerlinks {font-size:90%;color:#999999; line-height:10px; margin-left:1px;}
div.registerlinks b {padding:0 3px 3px 0; float:left;}
div.registerlinks .alerts {white-space:nowrap;}



/* Links */
a { color: #3350AC; }
a:hover, a:active { background-color: #3350AC; color: #FFF; }
 /* See more campaign on the secondary content */
#seemorerhs{margin:7px 5px; border-top:3px solid #eee; padding:10px 5px;} /* TO DO: Clean this after A/B testing for search results page */
#seemorerhs a{display:block; margin:0 auto; width:237px; height:218px;}

a:hover img, a:active img{ background-color: transparent; }
.spacer { margin-top:1.8em; }
a.imglink:hover{background-color: #FFF;} /*when using img instead of buttons/inputs - this removes the anchor hover state see propertydetails.css*/
.priority1, .priority2, .priority3, .priority4 { line-height: 1em; padding: 3px 3px 1px 20px; background: url(/ps/images/icons/icon-sprite.gif) 0 0 no-repeat; } /* See lower down for 'Icon positioning' */
a.link-furtherinfo { background-position: 0 -650px; }
.priority3 { display: block; float: left; height: 0; overflow: hidden; width:20px; padding: 0; padding-top: 19px; }
.priority3:hover { background-color: transparent; } /*stops blue background appearing on blue buttons*/
.button { display: block; }
.deadlink{ background-color:#cc9900; }
.hide{display: none; } /*hides content when js is disabled*/
.js .hide{display: inline; } /*shows content when js is disabled*/


/*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; }/* Page links (print etc) */
.contactbuttons { clear: left; margin-bottom: 1em; }

ul#pagelinks{ position: absolute; top: 1em; right: 0.5em; margin: 0; padding: 0; width: 400px; text-align: right; }
ul#pagelinks li{ display: inline; padding-left: 0.3em; }
a#link-print { background-position: 0 -250px; display:none; }
a#link-rss { background-position: 0 -1650px; }
a#link-printheader { background-position: 0 -1611px; display:none; }
.js a#link-print, .js a#link-printheader{ display:inline; } /*shows print link if js is enabable*/
a#link-pdf { background-position: 0 -1570px; }


/* third party branding */
#holidayletting { background: transparent url(/ps/images/logos/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; clear:both}
#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;}
#drilldownmap { margin-bottom: 5px; }



/* 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;}

/*** Sitewide ***/
.amp { height: 0; clear: both; overflow: hidden; padding-top:28px; }
.tip { padding: 0.3em 0.3em 0.3em 2.5em; background: #ECF3FB url(/ps/images/icons/iconperson.gif) no-repeat 6px 3px; border:1px solid #D2E8FF; margin: 0.2em 0 0.6em 0;  clear: both; }
.tip.spacing{background-position:6px 5px;}
	.branchicon{ background-image: url(/ps/images/icons/iconperson.gif); }
	.contactbranchicon{ background-image: url(/ps/images/icons/iconhouse.gif); }
	.emailicon{ background-image: url(/ps/images/icons/iconemail.gif); }
	.successicon{ background-image: url(/ps/images/icons/iconsuccess.gif); }
	.information { background-image: url(/ps/images/icons/information.gif); }
	.noicon{ background-image: none; padding-left:0.3em;} /*removes image and padding-left*/
	.aboutmyplaceicon {background: #303A4C url(/ps/images/logos/aboutmyplace2.gif) 0 0 no-repeat;}

/*h3 image position for registration page*/
.titlehighlight h2{ margin-top:0.5em; padding: 2px 0 4px 22px; background: url(/ps/images/icons/icon-sprite.gif) no-repeat; }
	h2.findfirst{ background-position: 0 -1010px; }
	h2.homehunt{ background-position: 0 -1050px; }
	h2.savetime{ background-position: 0 -1090px; }
	h2.missout{ background-position: 0 -1132px; }
	h2.sun { background-position: 0 -1170px; }
	h2.edit { background-position: 0 -692px; }
	h2.emailopen { background-position: 0 -1133px; }
	h2.house{ background-position: 0 -970px; }
	h2.email{ background-position: 0 -1010px; }
	h2.heart{ background-position: 0 -1210px; }
	h2.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; }
 /* When changing email, sometimes the button is greyed out and disabled */
#greyedOutImage {opacity: .5; filter: alpha(opacity=50)}
/*error messages*/
.errorbox { padding: 0.5em 0.5em 0.5em 2.5em; color: #FF0000; border: 1px solid #ffe9bf; background: #fff8e8 url(/ps/images/icons/alert.gif) 0.5em 0.5em no-repeat; margin-bottom: 1em;  } /*see static.css for amendments*/
.errorbox.iconperson { background-image: url(/ps/images/icons/iconperson.gif) }

/* Generic images */
.thumbnail { float: left; border: 1px solid #DDD; width: auto; padding: 3px; margin-right: 0.7em; }
.thumbnail.nofloat{ float: none; }
a .thumbnail:hover { border: 1px solid #3350AC; }
#aboutmyplacepreview .thumbnail {margin:0 0.7em 0.7em 0;}
#aboutmyplacepreview p{margin-bottom:0}

/* 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; }

/* Forms */
input#submit, a.submit, input.submit { margin-top: 0; border-bottom: 1px solid #ccc; }
input#submit:hover, a.submit:hover, input.submit:hover { margin-top: 1px; border-bottom: 0; }

/*See More banner stuff
.seemorerhsimage{position:absolute; top:70px; margin-top:0; border:white solid 10px;}
#seemorerhs{position: relative; background: #2B4B8E url(/ps/images/campaigns/seemore/tilingeyes-blue.png) -27px 0 repeat-y;cursor:pointer;cursor:hand;height:218px;text-align:left;}
.seemorebottombannerimage{margin-left: 50px;}
#seemorebottombanner{background-image:url(/ps/images/campaigns/seemore/tilingeyes-blue.png);background-position:-27px 0;background-repeat:repeat;cursor:pointer;cursor:hand;height:84px;margin-bottom:10px;text-align:left;}
*/


/* publicsite promo on homepage */
.betapromocontent {padding:0;margin:0;text-align:center;}
.promotext {color:#666;text-align:left;font-weight:bold;margin:0 auto;padding:15px 1.4em;}
img.beta {padding:2px 0 0 0;margin:0 auto;} /* See ie6.css */
ul#betapromo {list-style-type:none;color:#999;padding:0 1.2em;margin:10px 0;}
ul#betapromo li {padding:5px 0;}
a#betapromolink {color:#ff9900;}
#betapromolink:hover, #betapromolink:active {color:#fff;background-color:#ff9900;text-decoration:none;padding:1px;}

div.betalink {margin-bottom:30px;background: #fff url(/ps/images/home/arrow.gif) no-repeat 100% 50%;width:175px;}
img.betapromotion {float:left;margin-right:10px;}
p.constrainedwidth {width:710px;}
ul.betapromotion {margin-left:3em;}
div.newfeatures {margin:15px 0 25px 15px;}
div.betapromowrapper {margin:15px;}
div.newfeatures h2 {word-spacing:0;}

/* 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:89%; color: #666; line-height: 1.2em; padding-top:0.5em;}
.privacy .disclaimer { color: #000; }



/* 1024 fixed width */
/*#fixedW #back2Results {margin:0 5px; padding:0 5px;}*/
/*#fixedW .overseas{ border-bottom:7px solid #eee; background-color:#fff}  *//* to fix the overseas homepage*/



#newSite{border: 2px solid #FF9900; padding:10px; margin: 5px;}
#newSite a{color: #FF9900; font-weight:bolder;}
#newSite a:hover, #newSite a:active { background-color: #FF9900; color: #FFF; }



/* printing  */
@media print{
/* Fonts */
	body { background: none; }
	#sitewrapper { width: auto; }
    h1 { padding-bottom:0; }
	h3, .contentheading { font-weight:bold; border:none; padding:0.5em 0 1em 0; }
	a { color:#000; text-decoration:none; }
	div#siteswitch { display: none; }
	#feedbackicon, #searchheader, #signedin, ul#shortlistlinks, ul#menu-myrightmove, #sitemenu, #oldsitelink, #pagelinks, #sitefooter, #changelocation, #nearbyareas, #criteria, #resultsoptions, #branchcontact { 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, #newSite { display:none; }
	div#seemorerhs { display:none; }
	div#seemorebottombanner { display:none; }
}

