/* --SECTION-- structural --------------------------------- */
/*br.clear{clear:both;}*/
/* boxes for rounded corners */
.corneredBox, .lastBodyBox{position:relative;}
.bl, .br, .tl, .tr {font-size:0;line-height:0; position: absolute; display: block; height: 0; width: 0; }
.tl, .tr { top: 0; }
.bl, .br { bottom: 0; }
.tl, .bl { left: 0; }
.tr, .br { right: 0; }

/* grid widths for splitting up a html element into columns */
.grid2, .grid3, .grid4, .grid23, .grid5 { float: left; margin: 0 1%; }
.gridFirst { margin-left: 0; }
.gridLast { margin-right: 0; }
/* quarter */
.grid4 { width: 23%; }
.grid4.gridLast.gridFirst { width: 25%; }
.grid4.gridLast, .grid4.gridFirst { width: 24%; }
/* fifths */
.grid5 { width: 18%; }
.grid5.gridLast.gridFirst { width: 20%; }
.grid5.gridLast, .grid5.gridFirst { width: 19%; }
/* half */
.grid2 { width: 48%; }
.grid2.gridLast.gridFirst { width: 50%; }
.grid2.gridLast, .grid2.gridFirst { width: 49%; }
/* third */
.grid3 { width: 31%; }
.grid3.gridLast.gridFirst { width: 33%; }
.grid3.gridLast, .grid3.gridFirst { width: 32%; }
/* 2 thirds */
.grid23 { width: 64%; }
.grid23.gridLast.gridFirst { width: 66%; }
.grid23.gridLast, .grid23.gridFirst { width: 65%; }

.tabList li { float: left; padding: 5px; }

#PageBody, #PageFooter, #PageHeader,#PageSub 
{ clear: both; margin: 0 auto;  text-align: left; width: 960px; }
#PageBody { background-position: bottom; padding: 0;position:relative }

#PageBodyContent, .bodyBoxContent { border-style: solid; 
 border-width: 0 0 0 1px; padding: 0 2px 0 0; margin-bottom: 5px;
  }
#PageBody:after,#PageBodyContent:after,#PageMainContentFullWidth:after, #PropertyDetails:after{ content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0; }

#PageSideMenu, #PageMain, #PageMainContentFullWidth, #RefineSearch { background-repeat: repeat-x; }





/* --SECTION-- HEADER ------------------------------------- */
#PageHeader { position: relative;/* padding-top: 30px;overflow:hidden */}
#PageHeaderContent{padding-top:30px;height:1%;}
#Advertising { float: right; }
#FAPLogo, .faplogo { float: left; display: block;margin-top:5px;margin-bottom:15px; }

/* login, register, welcome back box */
.myfap { background-repeat: no-repeat; background-position: 0 0; font-size: 11px; left: 0; position: absolute; top: 0; float: left; height: 22px; padding: 0 11px; /* border-bottom-right-radius:0 0 11px; border-bottom-left-radius:11px; -webkit-border-bottom-left-radius:11px; -webkit-border-bottom-right-radius:11px; -moz-border-radius-bottomleft:11px; -moz-border-radius-bottomright:11px;*/ }
.myfap .bl, .myfap .br, .myfap .tl, .myfap .tr { width: 11px; height: 11px; }
.myfap .bl { background-position: 0 -11px; }
.myfap .br { background-position: -11px -11px; }
.myfap li { display: inline; line-height: 22px; }
.login li:first-child a { border-right: 1px solid; padding-right: 5px; }
.logoutLink{border-left:1px solid ;padding-left:5px}
.login { margin: 0; background-repeat: no-repeat; background-position: right top; overflow: hidden; }



/* main navigation */
.mainnav { margin: 0 0 -4px 0px; padding: 5px 5px 3px; float:left; font-size: 15px; clear: both; }
.mainnav li { float: left;border-bottom:1px dotted #d1d1d1}
.mainnav .navLast { margin: -5px -5px 0 0; padding: 5px 5px 0 0; background-position: top right; }
.mainnav a {
    display:block;
    padding: 20px 0 0;
    height:0;overflow:hidden; 
    background-repeat: no-repeat;
    background-image:url(/content/images-2011/sprites/mainnav_texts.png);
    text-transform: uppercase;
 }

/* main navigation words */
.navBuy { width: 58px; }
.navBuy a { background-position: 0 -20px; color: #a21951; }
.navBuy a:hover { background-position: 0 0; }

.navRent { width: 64px; }
.navRent a { background-position: -60px -20px; color: #55a51c; }
.navRent a:hover { background-position: -60px 0; }

.navNewHomes { width: 118px; }
.navNewHomes a { background-position: -126px -20px; color: #40acad; }
.navNewHomes a:hover { background-position: -126px 0; }

.navOverseas { width: 98px; }
.navOverseas a { background-position: -248px -20px; color: #004a9d; }
.navOverseas a:hover { background-position: -248px 0; }

.navAgents { width: 136px; }
.navAgents a { background-position: -350px -20px; color: #002e61; }
.navAgents a:hover { background-position: -350px 0; }

.navHoliday { width: 126px; }
.navHoliday a { background-position: -490px -20px; color: #82b4d2; }
.navHoliday a:hover { background-position:-490px 0; }

.navSoldPrices { width: 120px; }
.navSoldPrices a { background-position: -622px -20px; color: #333; }
.navSoldPrices a:hover { background-position:-622px 0; }

.breadcrumb { padding: 8px 10px 5px; font-size: 11px; border-bottom: 0px solid;clear:both }
.breadcrumb b { font-weight: normal; }
.pop_up .breadcrumbContent{margin:-8px -10px -5px 0;padding:8px 10px 0 0;background-position:top right;background-color:#f8f5e8}


/* --SECTION-- Main content ------------------------------- */

#PageMain, #PageSubContent { 
float: right; width: 777px;}
#PageMainContent{
padding: 10px 10px 10px 5px; }


#PageMainContentFullWidth {  
padding: 10px; border-width:1px 0 0 }
#PageMainContentFullWidth.bodytext{padding:10px 50px}


#PageMain, #PageSideMenu, #RefineSearch{border-width:1px 0 0 ;}
#PageMainContentFullWidth #PageSubContent{width:757px}

.pop_up #PageMainContentFullWidth{padding:20px 50px;}

/* --SECTION-- Side menu ---------------------------------- */
#PageSideMenu{min-height:100px;}
#PageSideMenu, #PageMainContentFullWidth #PageSubSideMenu  {clear:left; float: left; width: 180px; padding: 10px 0; }
.searchSection #PageSideMenu { background: none;border-width:0 }
#PageSubSideMenu{float:left;width:170px;margin:0 10px 0 0}
#PageMainContentFullWidth #PageSubSideMenu{margin-left:-10px}

#EditorialMenu{position:absolute;top:0;right:0;font-weight:bold;margin-left:0px}
#EditorialMenu ul .menuList{display:none;margin:0 0 0; position:absolute;}
#EditorialMenu ul .specialEditions{right:0;}
#EditorialMenu li{position:relative;float:left;padding-left:20px;}
#EditorialMenu li:hover .menuList{display:block}

#EditorialMenu li li{float:none;padding:5px 0;font-weight:normal;white-space:nowrap}
#SpecialEditionLink{cursor:pointer}


/* todo: might not be cutout on every page? */
#user_offer { position: relative;  }
#PageSideMenu #user_offer, 
#PageMainContentFullWidth #user_offer{height:1px;overflow:hidden;}
.cutout,
#PageSideMenu #user_offer.showAdContainer, 
#PageMainContentFullWidth #user_offer.showAdContainer
{height:auto;overflow:visible; background: #f8f5e8;
margin: 5px 5px 5px -1px; border: solid #dcd8c3;
 border-width: 0px 1px 0px 0px;padding: 10px 5px 10px 5px;position:relative }
 #PageMainContentFullWidth.bodytext #user_offer.showAdContainer{margin-left:-51px;margin-right:10px;float:left}
#PageSideMenu #contextads{text-align:center}

#PageMain .cutout{margin:5px -12px 5px 5px;float:right;border-width:0 0 0 2px;position:relative;}

#PageMain .cutout .tr, #PageMain .cutout .br{height:5px;width:100%;position:absolute;right:0;background-color:#fff}
#PageMain .cutout .tr{top:0;background-position:bottom right;margin:-5px 0 0 0 }
#PageMain .cutout .br{bottom:0;right:0;background-position:top right;margin:0 0 -5px 0}
#SearchResultsFound .cutout{width:33%;float:right;}
#SearchResultsFound .cutout .bannerads{margin:10px auto;width:120px}

#PageSideMenu #user_offer.showAdContainer .bl,
#PageMainContentFullWidth #user_offer.showAdContainer .bl,
#PageMainContentFullWidth #user_offer.showAdContainer .tl,
#PageSideMenu .cutout .bl, #PageSideMenu .cutout .tl,
#PageSideMenu #user_offer.showAdContainer .tl { width: 100%; height: 5px; margin: -5px 0; }
.flatShare .tl,
#PageSideMenu .tl,
#user_offer.showAdContainer .tl,
#PageMainContentFullWidth #user_offer.showAdContainer .tl { background-position: bottom left; }
#PageSideMenu .UserOfferAd .show_advert, #PageMainContentFullWidth .UserOfferAd .show_advert { margin:0 0  10px 0; }

#PageBody .cutout #user_offer.showAdContainer{border-width:0}
.cutout #user_offer.showAdContainer .bl, .cutout #user_offer.showAdContainer .tl{display:none;}

#PageSubSideMenu .bannerads{text-align:center;margin:10px auto}


/* --SECTION-- Footer styles ------------------------------ */
#PageFooter { font-size: 12px; }
#PageFooter h3 { font-weight: normal; }
.menuHeader, #PageFooter h3.menuHeader { font-size: 16px; font-weight: bold; margin: 10px 0; }
.footerMenu { float: left; }

.footerAZLinkList { display: block; margin: 5px 0; }
.footerAZLinkList li, .footerAZLinkList h3 { display: inline; }
.footerAZLinkList li { padding: 0 10px 0 0; }
.footerLinkList li { margin: 3px 0; }
.footerLinkList h3 { margin: 0; }

#Footer_AZMenus { margin: 10px 0; overflow: hidden; }
#groupAND { float: none; clear: both; font-size: 11px; padding: 10px 0; }
#groupAND li { display: inline; }


/* --SECTION-- feedback tab ------------------------------- */

body #PageBody div#tdpg-uservoice-feedback-tab{
height:111px;margin-top:37px;
position:absolute;right:-15px;
top:0;width:16px;
}

body #PageBody div#tdpg-uservoice-feedback-tab a {
background:#999 no-repeat left center url(/images/v2/backgrounds/feedback_tab_right.png);width:16px;height:111px;
display:block;
overflow:hidden;
text-indent:-9000em;
z-index:100001;
}
body #PageBody div#tdpg-uservoice-feedback-tab a:hover, body #PageBody div#tdpg-uservoice-feedback-tab a:hover {border-color:#d1d1d1;}
body #uservoice-dialog a#uservoice-dialog-close{background:none;height:auto;width:auto;top:5px;right:0;}
body #uservoice-dialog a#uservoice-dialog-close span{display:inline;color:#fff;}

.clear{clear:both;}

#streetview{display:none;position:relative;}
#StreetViewBanner{height:112px;left:96px;position:absolute;
top:4px;width:660px;z-index:2}
#StreetViewBanner{width:660px;height:60px;}

#TermsTable table th{padding-right:25px}
#TermsTable th{padding-top:10px;padding-right:5px}
#TermsTable .toc{margin-top:10px;}
#TermsTable .toc td{padding-right:10px;}

#DisplayPropPage table.MsoNormalTable{width:auto !important}