﻿
/* --STYLESHEET-- core_ui.css ----------------------------- 
   --CONTENTS--
            LINKS
            GLOBAL / STRUCTURAL
            HEADER
            FOOTER
            CONTENT PAGES
            DIALOG (MODAL) BOXES

 --SUMMARY-- Universal settings
   -------------------------------------------------------- */
/*
@font-face{
  font-family: 'VAGRounded LT Thin';
  src: url('lte50423.eot');
  src: local('VAGRounded LT Thin Regular'), local('VAGRounded LT Thin'), 
         url('lte50423.ttf') format('truetype');
}
@font-face{
  font-family: 'VAGRounded LT Light';
  src: url('lte50422.eot');
  src: local('VAGRounded LT Light Regular'), local('VAGRounded LT Light'), 
         url('lte50422.ttf') format('truetype');
}*/

body { font-family: Arial; font-size: 80%; line-height: 1.2; text-align: center; }
a:link, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }

.hideNoJS{display:none;}
.js .hideNoJS{display:inline}
.js div.hideNoJS{display:block;}
hr { height:1px; background-color:#d1d1d1; border-style:none;}

p { margin: 0 0 1em 0; }

.intro_content{border-width:0 0 1px;padding-bottom:0.5em;border-style:dotted;margin:0 0 10px 0}
.intro_content b{font-weight:normal;}
.highlight{font-weight:bold;}
 .quote{text-indent:20px;}
/* advert containers */
.bannerads, .paging_ad { font-size: 0px; line-height: 0;margin:10px; }
#Advertising .bannerads {margin:0px;line-height:90px;display:table-cell;vertical-align:middle}
#Advertising .bannerads *{vertical-align:middle}
#Advertising{height:90px;margin-bottom:10px;display:table}

.holidayLetContainer { margin:0 auto; background-color:Red; }
.holidayLetInner { padding:10px;  font-size:10px; text-align:center; }

.hideAds { height: 1px; overflow: hidden; }
.hideAds .border { border-width: 0; }
.hideAds .box_heading { display: none; }

/* those that have rounded font */
/*"VAGRounded LT Thin" */
.myFapTabs,
input.majorButton, .mainnav, .heading, h1, .sub_heading, .quick_search *,
 .quick_search input, .quick_search select .bold .block_heading, h2, .sold_search #AddressDetail input
{ font-family:   Arial, helvetica,"Arial Rounded MT Bold" , "Helvetica rounded bold" ,"Trebuchet MS " , Sans-Serif; font-weight: bold; }

/* headings */
h1, h2, h3, h4 { margin: 0 0 0.5em 0;padding-bottom:0.2em; }

.heading ,h1{ font-size: 18px; padding-bottom:0.2em}
.heading, h1, .sub_heading{border-style:dotted;border-width:0 0 1px;}
h1 .heading{border-width:0;padding:0;margin:0}
h1 .expander{width:20px;height:20px;display:inline-block;vertical-align:-.2em;margin-left:0.5em;cursor:pointer}
.footnote{font-size:0.8em;margin:5px 0}


/*TODO : sort out all heading classes! */

/*gradiented info panel */
.infoPanel, .registerPanel, .menuList {position:relative; border-style: solid; border-width: 1px; margin:10px;padding:5px }
/* if width set on infopanel, use infopanelcontent as child for padding. remove padding on infopanel */
.infoPanelContent, .registerPanelContent{padding:5px;}
.station{font-size:11px}
.station img { width: 20px; height: 20px; 
margin-right: 5px; 
font-size: 6px;vertical-align:text-top }

/* twinkle */

/* CSS3 rounded corners */
#LoginMenu,.searchForm, .infoPanel,.registerPanel,.menuList,.quick_search .default_text, .quick_search .priceBox,
#overDiv,.tooltip, .registerPanel, .sold_search #AddressDetail input{
-o-border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
/*refer to media_ie.css for ie*/
}
#PageMainContentFullWidth, #PageSideMenu, #RefineSearch{
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
}
#PageMainContentFullWidth, #PageMain
{-webkit-border-top-right-radius:5px;
-moz-border-radius-topright:5px;}

.lastBodyBox .bl, .lastBodyBox .tr, .lastBodyBox .tl{width:5px;height:5px;}
.lastBodyBox .bl{background-position:-34px -5px;width:6px;height:6px}
.lastBodyBox .tl{background-position:-34px 0}
.lastBodyBox .tr{background-position:-39px 0;width:6px;}


/* CSS3 shadow */
/*#LoginMenu*/
.searchResultTable, .shadowBox, .map_frame, .pictureCard, .photoView .pictureCard:hover .pictureCardContent, .feature
{
-webkit-box-shadow: 2px 4px 3px #ececec;
-khtml-box-shadow:  2px 4px 3px #ececec;
-moz-box-shadow:    2px 4px 3px #ececec;
box-shadow:         2px 4px 3px #cecece;
}
.shadowBox .br, .shadowBox .tr, .shadowBox .bl{width:0;height:0;}

.shadowBoxContent, .pictureCardContent{border-width:1px;border-style:solid;padding:5px 5px;} /* 10px?*/
.bodyBox{margin:10px 0;padding:10px;border-style:solid;border-width:1px 0 1px 1px}
.lastBodyBox{margin:10px 0;background-position:bottom right;overflow:hidden;}
.bodyBoxContent{padding:10px;border-width:1px 0 0 1px}

/* --SECTION-- LISTS -------------------------------------- */
.arrow_list li{margin:5px 0}

.callRate{font-size:0.8em; white-space:nowrap;}
.actionPanel{width:160px;margin:0px;}
.actionPanel .actionLink{padding-left:0;margin-left:0;font-weight:bold;}
.actionPanel .heading{font-size:14px;}
.actionPanel .sub_heading, .actionPanel .heading{border:0 solid;}
.actionPanel .majorButton{margin: 10px 0;float:none;}
.actionPanel .sub_heading{color:#333;font-weight:normal}
.actionPanel .agent_contact_number{padding:0 0 5px;margin:0 0 10px;font-size:16px;font-weight:bold;border-width:0 0 1px;border-style:dotted}
.actionPanel .agent_contact_number .callRate{font-size:11px;display:block;font-weight:normal}
.actionPanel .actionButtons li{border-style:dotted;border-width:0 0 1px;padding:5px 0}


/* --SECTION-- LINKS -------------------------------------- */
a.clickLink:hover{text-decoration:none}
a.clickLink:hover span{text-decoration:underline}
.switch_to_container{margin-top:-30px;float:right;}

.switch_to_container div .switch_to{float:none}
.bodytext .switch_to_container{margin-right:-40px;}
.bodytext h1, .bodytext .intro_content{margin-right:-40px;margin-left:-40px}

div.switch_to
{ float: right; font-size: 13.5px; padding: 0 0 0 10px;line-height:14px;vertical-align:middle;}
div.switch_to a{font-size:13.5px;line-height:14px;background-position:100% -76px; font-weight:bold;}

.actionLink, .mediaItemButton, .minorButton, .next, .toggleLink, .arrow_list a, .moreInfoLink, .pictureCard .dummy_link, div.switch_to a{ 
padding: 0 20px 0 0px;background-position:100% -76px; }
.localInfo .actionLink{background-position:100% 2px}
body div.switch_to_rent a,body div.switch_to_buy a{padding-right:0;background:none}
/*{}*/
.prev,.minorButton {padding: 0 5px 0 20px;background-position:0 -97px; }
.minorButton{background-position:0 -98px}
.toggleLink{background-position:100% -115px;padding-right:15px;}
.toggleOn{background-position:100% -135px}
.minorButton{font-weight:bold;font-size:12px}

a.switch_to_buy {background-image:url(/content/images-2011/sprites/navarrows_buy.gif);}
a.switch_to_rent {background-image:url(/content/images-2011/sprites/navarrows_rent.gif);}
.mediaItemButton{padding-left:0;font-weight:bold}

/*a.next{background-position:   100% -522px;}*/
span.next, body .disabled a.next, body a.next_disabled{background-position: 100% -237px;}

/*a.prev{background-position: 0 -502px;}*/
span.prev, body .disabled a.prev, body a.prev_disabled{background-position: 0 -256px;}
body a.next_disabled:hover, body a.prev_disabled:hover, .disabled a.prev:hover, .disabled a.next:hover{text-decoration:none }

/* --SECTION-- BUTTONS ------------------------------------ */
.majorButton, .majorHover, .majorButtonOuter
 { height: 26px; width: 100px;cursor:pointer; }
 input.majorButton{height:0;padding-top:26px;border:0 solid;overflow:hidden;}
.majorButtonOuter .majorButton, .majorButton .majorHover{width:100%;}
.majorButtonListProperties, .majorButtonListAgents {width:140px;}
.infoPanel .majorButtonOuter { width: 140px; margin: auto; }

/*non-input types*/
a.majorButton * { display: none; }
a.majorButton, .majorButtonOuter, a.majorButton span.majorHover
 {position: relative;display:inline-block;}
a.majorButton:hover { text-decoration: none; }
a.majorButton, .majorButtonOuter{
margin-left:10px 
}
.majorButtonOuter[disabled] .majorButton{visibility:hidden}


/* WORDS */
/* continue */
.majorButtonContinue, 
.majorButtonContinue .majorButton,
body.js a.majorButtonContinue:hover 
{ background-position: -140px -240px; width:99px; }

.majorButtonContinue .majorHover, 
.majorButtonContinue .majorButton:hover,
a.majorButtonContinue:hover 
{ background-position: -140px -270px; }

/* Find Agent (agents sprite only.) */
.majorButtonFindAgent, 
.majorButtonFindAgent .majorButton,
body.js a.majorButtonFindAgent:hover 
{ background-position: 0 -240px; }

.majorButtonFindAgent .majorHover, 
.majorButtonFindAgent .majorButton:hover,
a.majorButtonFindAgent:hover 
{ background-position: 0 -270px; }


/* Login */
.majorButtonLogin, 
.majorButtonLogin .majorButton,
.js a.majorButtonLogin:hover 
{ background-position: -140px -360px; }

.majorButtonLogin .majorHover, 
.majorButtonLogin .majorButton:hover,
a.majorButtonLogin:hover 
{ background-position: -140px -390px; }

/* Register */
.majorButtonRegister, 
.majorButtonRegister .majorButton,
body.js a.majorButtonRegister:hover 
{ background-position: 0 -360px; }

.majorButtonRegister .majorHover, 
.majorButtonRegister .majorButton:hover,
a.majorButtonRegister:hover 
{ background-position: 0 -390px; }

.majorButtonSignUp, 
.majorButtonSignUp .majorButton, 
body.js a.majorButtonSignUp:hover 
{ background-position: -405px -480px; }

.majorButtonSignUp .majorHover, 
.majorButtonSignUp .majorButton:hover,
a.majorButtonSignUp:hover 
{ background-position: -405px -510px; }


/* sendDetails */
.majorButtonSendDetails, 
.majorButtonSendDetails .majorButton,
body.js a.majorButtonSendDetails:hover 
{ background-position: -240px -360px;width:140px; }

.majorButtonSendDetails .majorHover, 
.majorButtonSendDetails .majorButton:hover,
a.majorButtonSendDetails:hover 
{ background-position: -240px -390px; }

.majorButtonSendDetails .majorHover[disabled], 
.majorButtonSendDetails .majorButton:hover[disabled]
{ background-position: -240px -450px; }

.majorButtonSearchStations, 
.majorButtonSearchStations .majorButton,
body.js a.majorButtonSearchStations:hover 
{ background-position: -405px -360px;width:140px; }

.majorButtonSearchStations .majorHover, 
.majorButtonSearchStations .majorButton:hover,
a.majorButtonSearchStations:hover 
{ background-position: -405px -390px; }

.majorButtonFlatshare, 
.majorButtonFlatshare .majorButton,
body.js a.majorButtonFlatshare:hover 
{ background-position: 0 -240px; }

.majorButtonFlatshare .majorHover, 
.majorButtonFlatshare .majorButton:hover,
a.majorButtonFlatshare:hover 
{ background-position: 0 -270px; }
/* cancel */
.majorButtonCancel, 
.majorButtonCancel .majorButton
{ background-position: -350px 0;width:55px; }

.majorButtonCancel .majorHover, 
.majorButtonCancel .majorButton:hover 
{ background-position: -350px -30px; width:55px;}
.majorButtonCancel[disabled]{background-position:-350px -90px}
/* back */
.majorButtonBack, 
.majorButtonBack .majorButton
{ background-position: -200px 0;width:55px; }

.majorButtonBack .majorHover, 
.majorButtonBack .majorButton:hover 
{ background-position: -200px -30px; width:55px;}
.majorButtonBack[disabled]{background-position:-200px -90px}

.majorButtonBackArrow, 
.majorButtonBackArrow .majorButton,
body.js a.majorButtonBackArrow:hover 
{ background-position: -310px 0;width:65px; }

.majorButtonBackArrow .majorHover, 
.majorButtonBackArrow .majorButton, 
a.majorButtonBackArrow:hover { background-position: -310px -30px; width:65px;
display: inline-block; }

/* reset */
.majorButtonReset, 
.majorButtonReset .majorButton,
body.js a.majorButtonReset:hover 
{ background-position: -295px 0;width:55px }

.majorButtonReset .majorHover, 
.majorButtonReset .majorButton, 
a.majorButtonReset:hover { background-position: -295px -30px; 
display: inline-block; }


/*FindaProperty*/
.majorButtonFAP .majorHover, .majorButtonFAP .majorButton:hover 
{ background-position: 0 -30px; background-color: #ececec; }

/*ToBuy*/
.majorButtonToBuy, .majorButtonToBuy .majorButton{background-position:0 0;}
.majorButtonToBuy .majorHover, .majorButtonToBuy .majorButton:hover{background-position:0 -30px;}
.majorButtonToBuy[disabled]{background-position:0 -90px}

/*ToRent*/
.majorButtonToRent, .majorButtonToRent .majorButton{background-position:-100px 0;}
.majorButtonToRent .majorHover, .majorButtonToRent .majorButton:hover{background-position:-100px -30px;}
.majorButtonToRent[disabled]{background-position:-100px -90px}

.majorButtonSearch, .majorButtonSearch .majorButton{
    background-position:-140px 0;
}
.majorButtonSearch .majorHover, .majorButtonSearch .majorButton:hover{
    background-position:-140px -30px;
}

#articleSearch .majorButtonSearch, #articleSearch .majorButtonSearch .majorButton{
    background-position:-405px 0;width:140px;
}
#articleSearch .majorButtonSearch .majorHover, #articleSearch .majorButtonSearch .majorButton:hover{
    background-position:-405px -30px;width:140px;
}


/*ListAgents*/
body .majorButtonListAgents, body .majorButtonListAgents .majorButton, body .majorButtonListAgents .majorHover{background-image:url(/content/images-2011/buttons/buttons_agents.png);}
.majorButtonListAgents, 
.majorButtonListAgents .majorButton,
body.js a.majorButtonListAgents:hover 
{ background-position: -240px -240px; display: inline-block; }

.majorButtonListAgents .majorHover, 
.majorButtonListAgents .majorButton, 
a.majorButtonListAgents:hover { background-position: -240px -270px; display: inline-block; }

/*ListProperties*/
.majorButtonListProperties, 
.majorButtonListProperties .majorButton,
body.js a.majorButtonListProperties:hover 
{ background-position: -240px -120px; }

.majorButtonListProperties .majorHover, 
.majorButtonListProperties .majorButton, 
a.majorButtonListProperties:hover { background-position: -240px -150px; display: inline-block; }
/*contact agent */
.majorButtonContactAgent, .majorButtonContactAgent .majorButton, body.js a.majorButtonContactAgent:hover { background-position: 0px -120px; width: 140px; }
.majorButtonContactAgent .majorHover,
.majorButtonContactAgent .majorButton,
a.majorButtonContactAgent:hover { background-position: 0px -150px; width: 140px;}

/*contact agents */
.majorButtonContactAgents, .majorButtonContactAgents .majorButton, body.js a.majorButtonContactAgents:hover
 { background-position: 0px -480px; width: 140px; }
.majorButtonContactAgents .majorHover,
.majorButtonContactAgents .majorButton,
a.majorButtonContactAgents:hover { background-position: 0px -510px; width: 140px;}


/*contact agents with properties like youres */
.majorButtonAgentProps, .majorButtonAgentProps 
.majorButton, body.js a.majorButtonAgentProps:hover
 { background-position: -140px -480px; width: 240px; }
.majorButtonAgentProps .majorHover,
.majorButtonAgentProps .majorButton,
a.majorButtonAgentProps:hover { background-position: -140px -510px; width: 240px;}
/*download upgrade */
.majorButtonDUpgrade, .majorButtonDUpgrade .majorButton, 
body.js a.majorButtonDUpgrade:hover,
.majorButtonComment, .majorButtonComment .majorButton, 
body.js a.majorButtonComment:hover  
{ background-position: -405px -120px; width: 140px; }
.majorButtonDUpgrade .majorHover,
.majorButtonDUpgrade .majorButton,
a.majorButtonDUpgrade:hover,
.majorButtonComment .majorHover,
.majorButtonComment .majorButton,
a.majorButtonComment:hover 
 { background-position: -405px -150px; width: 140px;}
/*download upgrade */
.majorButtonDInstall, .majorButtonDInstall .majorButton, body.js a.majorButtonDInstall:hover 
{ background-position: -405px -240px; width: 140px; }
.majorButtonDInstall .majorHover,
.majorButtonDInstall .majorButton,
a.majorButtonDInstall:hover { background-position: -405px -270px; width: 140px;}


/* next */
.majorButtonNext, .majorButtonNext .majorButton,
 body.js a.majorButtonNext:hover {background-position: -140px -120px;  }
.majorButtonNext .majorHover,
.majorButtonNext .majorButton,
a.majorButtonNext:hover { background-position: -140px -150px; }


/*Send Details*/
.majorButtonSendDetails, 
.majorButtonSendDetails .majorButton,s
body.js a.majorButtonSendDetails:hover 
{ background-position: -240px -360px; }

.majorButtonSendDetails .majorHover, 
.majorButtonSendDetails .majorButton, 
a.majorButtonListAgents:hover { background-position: -240px -420px; display: inline-block; }



#PageSubSideMenu #MoreInfoPanel{margin:0}
#PageMainContentFullWidth #MoreInfoPanel{margin:10px;}
#MoreInfoPanel{font-weight:bold;}
#MoreInfoPanel li{padding:5px 15px 5px 0;font-weight:normal;
background-position:center right;border-style:dotted;border-width:1px 0 0}



/* --SECTION-- PAGE STORY COLUMNS ------------------------- */
#PageStoryColumns{clear:both;overflow:hidden;margin-bottom:5px;}
#PageStoryColumns p{clear:left}
#PageStoryColumns>div{width:32%;float:left;margin:right:1%}


/* --SECTION-- PAGER OBJECT ------------------------------- */

.nav_paging{clear:left;text-align:center;
background:url(/content/images-2011/backgrounds/focal_up.gif) no-repeat top center;padding:18px 0 10px;margin:10px 0;border-width:0 0 1px;border-style:dotted}
.topPager{border-width:1px 0 0; background:url(/content/images-2011/backgrounds/focal_down.gif) no-repeat bottom center;padding:10px 0 18px}

.pageNumbers{padding-left:20px;}
.pageNumbers ul{display:inline}
.pageNumbers li{border-width: 0 0 0 1px;display:inline;padding:0 5px}
.pageNumbers li:first-child{border-width:0}
.pageNumbers .current{font-weight:bold;}
.nav_paging .paging_ad{float:right;margin-top:0}
.nav_paging .pageCount{float:left;}


/* --SECTION-- TABBED OBJECT ----------------------------- */
ul.tabList {  margin:0 0 -1px 0; overflow:hidden;font-size:11px;}

.tabList li { float:left; 
margin: 0 0 0 5px;
padding:0 0 0 10px;
 background:url(/content/images-2011/tabs/propertytab_left.gif) no-repeat left top transparent;
 border-width:0 0 1px;border-style:solid;}
 
.tabList a, .tabList span { display:block; 
background:url(/content/images-2011/tabs/propertytab_right.gif) no-repeat right top #fff;
 padding: 7px 10px 7px 0;
 text-align:center; 
 display: block;
 text-align: center;cursor:pointer}
 #MoreInfoButtons.tabList span{cursor:inherit}
 
.tabList a .arrow {display:block; float:right; background-image:url(/content/images-2011/sprites/navarrows_plain.gif); height:14px; width:14px; background-position:0 -238px;}
 
#PCWelcome li.PCWelcomeNav, #PCReleases li.PCReleasesNav, #PCLettings li.PCLettingsNav, #PCStats li.PCStatsNav, #PCSpokesPeople li.PCSpokesPeopleNav, #PCNews li.PCNewsNav, #PCBranding li.PCBrandingNav, #PCHousePriceIndex #PageBodyContent li.PCHousePricesNav, #PCBlog li.PCBlogNav,
#ListRegionsPage .mtldn, #ListCountiesPage .mtldn,
#LondonPostCodesPage .mtpcd,
#TubePage .mttbe, #ZoneLinePage .mttbe, 
.tabList .selected {
    background-position: left bottom;font-weight:bold;
}
#ListRegionsPage .mtldn *, #ListCountiesPage .mtldn *,
#LondonPostCodesPage .mtpcd *,
#TubePage .mttbe a, #ZoneLinePage .mttbe a, 
.tabList .selected *{
    background-position: right bottom;
}
#LondonPostCodesPage .map_frame{width:485px;}
.tabList .selected a{color:#333}
.tabList .selected a:hover{text-decoration:none;}
.tabList span{color:#d1d1d1}

/* -- house price & rental index --*/
.priceindex .priceIndexImageLink{ float:right; }
.rentalIndexImage { float:right; width: 132px;}
.priceindex { width:283px; margin:0px 0px 0px 10px; font-size:.85em; padding:0;}
.priceindex .infoPanelContent{padding:5px 5px 5px 10px}
.priceindex h2 { font-size:1.6em; font-weight:bold; margin-bottom:4px; /*height:58px;*/}
.priceindex .actionLink { font-weight:bold; display:inline-block; /*margin-top:18px; width:185px;*/padding:0px 15px 0 0;clear:both}
 
 /* --SECTION-- TOOLTIP ----------------------------------- */
.tooltip{padding:10px;border:3px solid #eb7126;background:#fffeef;color:#333;cursor:text}
.closer{
 position: absolute;
    right: -15px;
    top:-15px;
    height: 30px;
    width: 30px;
    background-image: url(/content/images-2011/modal/close.png);
    background-repeat:no-repeat;
    cursor: pointer ;
    z-index:1002;}

.tooltipContainer{position:relative;}    
.tooltipContainer .tooltip{display:none;}  
.showToolTip .tooltip{display:block}  

/* --SECTION-- GLOBAL Colours ----------------------------- */
/* backgrounds */
.ui_numbers_1, .ui_numbers_2, .ui_numbers_3, .ui_numbers_4, .ui_numbers_5 {
	padding: 7px 0 7px 36px; background: transparent url(/content/images-2011/sprites/my_places_ui_numbers.gif) no-repeat 0 0;
}
.anonymous .ui_numbers_1, .anonymous .ui_numbers_2, .anonymous .ui_numbers_3, .anonymous .ui_numbers_4, .anonymous .ui_numbers_5 {
	background-image: url(/content/images-2011/sprites/my_places_ui_numbers_grey.gif);
}
.ui_numbers_1 { background-position: 0 0; }
.ui_numbers_2 { background-position: 0 -50px; }
.ui_numbers_3 { background-position: 0 -100px; }
.ui_numbers_4 { background-position: 0 -150px; }
.ui_numbers_5 { background-position: 0 -200px; }

/*body{background: #f8f5e8; }*/
body{background:#DCD8C3 url(/content/images-2011/backgrounds/fap_bg_soft.gif) repeat-y top center;}
input.majorButton{background-color:transparent;font-size:0;}
#PageBodyContent, .searchResultsContent, 
 .bodyBoxContent, .bodyBox , .shadowBoxContent,#PageBody, .breadcrumb, .mainnav, .lastBodyBox{ background-color: #fff; }
#PageHeader .myfap { background-color: #0d6826; }
.infoPanel, #overDiv, #PropertyGallery, .registerPanel, .menuList { background-color: #ececec; }
.feature{background-color:#f8f5e8;}

 .br,  .bl,  .tr, .tl
{ background-image: url(/content/images-2011/sprites/UI.png); background-repeat: no-repeat; }

 .breadcrumb,.breadcrumbContent,  #PageBody, #PageSideMenu #user_offer .bl,#PageSideMenu #user_offer .tl, 
 #PageMainContentFullWidth #user_offer .tl, #PageMainContentFullWidth #user_offer .bl,
 .lastBodyBox, .cutout .br, .cutout .tr, .cutout .bl, .cutout .tl,.mainnav, .mainnav .navLast /* might not end up as navHoliday */
 {
  background-image: url(/content/images-2011/backgrounds/body_shadow2.png);
  background-repeat: no-repeat; 
 }

#PageBodyContent, #RootPage #PageMainContentFullWidth .corneredBox, .bodyBoxContent, .bodyBox 
{ background-image: url(/content/images-2011/backgrounds/body_rhs_shadow.png);
 background-repeat: repeat-y; 
 background-position:top right;
 }
.concertinaLabel, h1 .expander{background-position:0 -90px;}
h1 .alternativeVisible{background-position:0 -60px}

.infoPanel, .menuList,#overDiv,#PropertyGallery,#PropertyThumbs, .registerPanel { /* one day, linear-gradient. No image at all :) todo: IE filter?*/ 
background: url(/content/images-2011/backgrounds/solid_gradient_whitegrey.png) #ececec repeat-x;
  -moz-background-size: 100% 100%;
  -webkit-background-size: 100% 100%; 
  -o-background-size: 100% 100%; 
  background-size: 100% 100%;}
body .majorButtonToBuy, body .majorButtonToBuy .majorButton,
body .majorButtonToRent,body .majorButtonToRent .majorButton,
body .majorButtonBack,body .majorButtonBack .majorButton, body .majorButtonBack .majorHover, body .majorButtonBackArrow, body .majorButtonBackArrow .majorButton, body .majorButtonBackArrow .majorHover{
 background-image:url(/content/images-2011/buttons/sharedbuttons.png);}
 
 

/* background position */



/* border*/
#PageBodyContent, .bodyBoxContent, .bodyBox, .lastBodyBox { border-color: #dcd8c3; }
.resultsFilter .pageCount, .searchResultContent, .propertyCarousel .shadowBox, 
.shadowBoxContent, .map_frame_sides, #PageMainContentFullWidth, 
#PageMain, #PageSideMenu,#RefineSearch, .infoPanel, #overDiv,
#BrowseByMap, .map_frame, .simple_menu li, .heading, h1, 
 .sub_heading, #MoreInfoPanel li,
 .propertyCarousel .price, .intro_content, .nav_paging, .pictureCardContent,.pictureCard .detail,
 .featured_property .feature, #PropertyGallery, .actionPanel *,
 #TabPanels, #MoreInfoButtons *,.storyCarousel > li,.simple_menu > li , 
.simple_menu tr td ,.map_selection_tabs li,.data_table td,#MediaItems p, 
.tabList li, #MapPopup #map, #MapPopup #mapViewControl li, #MapPopup #streetview ,#Marketing #MyNotes, 
.registerPanel, #PropDetail, .developmentLink, .menuList
 { border-color: #d1d1d1; }

.myfap a, #MoreInfoButtons .selected,
#ListRegionsPage .mtldn, #ListCountiesPage .mtldn,
#PostCodesPage .mtpcd,
#TubePage .mttbe, #ZonePage .mttbe, .tabList .selected
{border-color:#fff}

/* font color*/ 

body,#LoginMenu{color:#333;}
 .propertyCarousel .price, a.clickLink { color: #000; }
.breadcrumb a:link, .breadcrumb a:visited { color: #333; }
#PageFooter, #PageFooter #groupAND a:link { color: #042836; }
#PageHeader .myfap a:link, #PageHeader .myfap a:visited, .myfap, .block_heading, .pictureCard .dummy_link { color: #fff; }
body .switch_to_rent a,body a.switch_to_rent,
#MoreOptions.rent .actions .rent,
#RentLinks a, #RentLinks .sub_heading,#BrowseByMap .rent 
{ color: #55a51c;}
#EditorialMenu, 
#EditorialMenu a,
body .switch_to_buy a, body a.switch_to_buy ,
#MoreOptions.buy .actions .buy,
#RootPage #PageFooter a:link, #RootPage #PageFooter a:visited, 
#SaleLinks a, #SaleLinks .sub_heading ,#BrowseByMap .buy
{ color: #a21951;}
span.prev, span.next, body .disabled a, body a.prev_disabled, body a.next_disabled{color:#ccc;}
.reduced_text { color:#CC0000;}

.tabList li a {color: Black ;}


.floatLeft { float:left; }
.floatRight { float:right;}
.center { text-align:center;}

.webSliceIcon{background:url(/content/images-2011/icons/webslice/16x16.gif) no-repeat;height:16px;width:16px;float:left}
.webSliceLink, .hslice{float:left;}
.webSliceLink a{color:#333;}
.numberproperties{position:absolute;bottom:30px;right:0;}

#CouncilFactsPage #contextads { margin-left:-11px;}

#PageFooter .grid2{width:auto;}
#RootPage #PageFooter .grid2, #ErrorPage #PageFooter .grid2 {width:48%;}
