/* Author: John / Jon H Dragonfly Creative www.dragonflycreative.net Date: November 2010 */ /****************************************************************************************** * Shared ******************************************************************************************/ /* Standard collapsible smartboxes */ #SBGroup-right div.collapse_smartbox { padding-bottom: 10px; width: 226px; } #SBGroup-right div.collapse_smartbox h2.collapse_title { background: #B3B0B2 url(../images/smartboxes/toggle-boxes/header-bg.gif) -226px 0 no-repeat; font-size: 1.0em; border-bottom: 1px solid #706F73; } #SBGroup-right div.collapse_smartbox h2.collapse_title a { display: block; padding: 5px 50px 4px 15px; width: 161px; color: #575658; text-decoration: none; text-transform: uppercase; font-weight: bold; background: url(../images/smartboxes/toggle-boxes/buttons.gif) -678px 50% no-repeat; } #SBGroup-right div.collapse_smartbox h2.collapse_title:hover { background: #ADB655 url(../images/smartboxes/toggle-boxes/header-bg.gif) no-repeat; } #SBGroup-right div.collapse_smartbox h2.collapse_title:hover a { background: url(../images/smartboxes/toggle-boxes/buttons.gif) -452px 50% no-repeat; } #SBGroup-right div.collapse_smartbox div.expanded h2.collapse_title { background: #ADB655 url(../images/smartboxes/toggle-boxes/header-bg.gif) no-repeat; } #SBGroup-right div.collapse_smartbox div.expanded h2.collapse_title a { background: url(../images/smartboxes/toggle-boxes/buttons.gif) 0 50% no-repeat; } #SBGroup-right div.collapse_smartbox div.toggle { background: #F6F7ED url(../images/smartboxes/toggle-boxes/toggle-gradient-green.gif) 0 100% no-repeat; padding: 5px 10px 10px; } html>body #SBGroup-right div.collapse_smartbox h2.collapse_title a { background-image: url(../images/smartboxes/toggle-boxes/buttons.png); } html>body #SBGroup-right div.collapse_smartbox h2.collapse_title:hover a { background-image: url(../images/smartboxes/toggle-boxes/buttons.png); } html>body #SBGroup-right div.collapse_smartbox div.expanded h2.collapse_title a { background-image: url(../images/smartboxes/toggle-boxes/buttons.png); } /* CTA for green SB's */ #SBGroup-right div.collapse_smartbox div.toggle a.text-cta, #SBGroup-right div.collapse_smartbox div.toggle p.cta a { display: block; background: url(../images/smartboxes/green-cta.gif) 0 50% no-repeat; padding: 1px 0 1px 22px; text-decoration: none; color: #575658; } html>body #SBGroup-right div.collapse_smartbox div.toggle a.text-cta, html>body #SBGroup-right div.collapse_smartbox div.toggle p.cta a { background-image: url(../images/smartboxes/cta.png); } #SBGroup-right div.collapse_smartbox div.toggle a.text-cta:hover, #SBGroup-right div.collapse_smartbox div.toggle p.cta a:hover { background-position: -441px 50%; } /* Narrative Accordian */ #SBGroup-narrativeBottom div.collapse_smartbox { width: 441px; margin-bottom: 10px; } #SBGroup-narrativeBottom div.collapse_smartbox h2.collapse_title { margin: 0; background: #B3B0B2 url(../images/smartboxes/accordian/header-bg.gif) -441px 0 no-repeat; font-size: 1.0em; border-bottom: 1px solid #706F73; } #SBGroup-narrativeBottom div.collapse_smartbox h2.collapse_title a { display: block; padding: 5px 50px 4px 15px; width: 376px; color: #575658; text-decoration: none; text-transform: uppercase; font-weight: bold; background: url(../images/smartboxes/accordian/buttons.gif) -1323px 50% no-repeat; } #SBGroup-narrativeBottom div.collapse_smartbox h2.collapse_title:hover { background: #ADB655 url(../images/smartboxes/accordian/header-bg.gif) no-repeat; } #SBGroup-narrativeBottom div.collapse_smartbox h2.collapse_title:hover a { background: url(../images/smartboxes/accordian/buttons.gif) -882px 50% no-repeat; } #SBGroup-narrativeBottom div.collapse_smartbox div.expanded h2 { background: #ADB655 url(../images/smartboxes/accordian/header-bg.gif) no-repeat; } #SBGroup-narrativeBottom div.collapse_smartbox div.expanded h2.collapse_title a { background: url(../images/smartboxes/accordian/buttons.gif) 0 50% no-repeat; } #SBGroup-narrativeBottom div.collapse_smartbox div.toggle { padding: 10px 15px 5px; background: #F0F0DD url(../images/smartboxes/accordian/toggle-gradient-green.gif) 0 100% repeat-x; } #SBGroup-narrativeBottom div.collapse_smartbox div.toggle p, #SBGroup-narrativeBottom div.collapse_smartbox div.toggle ul { margin-bottom: 0; padding-bottom: 10px; } html>body #SBGroup-narrativeBottom div.collapse_smartbox h2.collapse_title a { background-image: url(../images/smartboxes/accordian/buttons.png); } html>body #SBGroup-narrativeBottom div.collapse_smartbox h2.collapse_title:hover a { background-image: url(../images/smartboxes/accordian/buttons.png); } html>body #SBGroup-narrativeBottom div.collapse_smartbox div.expanded h2.collapse_title a { background-image: url(../images/smartboxes/accordian/buttons.png); } #SBGroup-narrativeBottom div.collapse_smartbox div.toggle p.cta { background: url("../images/smartboxes/grey-border-x.gif") repeat-x; padding: 6px 0 5px; } #SBGroup-right ul#pdf { list-style: none; margin: 0; } #SBGroup-right ul#pdf li { padding: 0 0; } #SBGroup-right ul#pdf li a { display: block; background: url(../images/infoCentre/pdf-icon.gif) 0 3px no-repeat; padding: 2px 0 2px 20px; text-decoration: none; } #SBGroup-right ul#pdf li a:hover { color: #575658; text-decoration: underline; } /* Leanne 4/3/2011 Psuedo Narrative Accordian */ #SBGroup-pseudoInsideNarrative div.collapse_smartbox { width: 441px; margin-bottom: 10px; } #SBGroup-pseudoInsideNarrative div.collapse_smartbox h2.collapse_title { margin: 0; background: #B3B0B2 url(../images/smartboxes/accordian/header-bg.gif) -441px 0 no-repeat; font-size: 1.0em; border-bottom: 1px solid #706F73; } #SBGroup-pseudoInsideNarrative div.collapse_smartbox h2.collapse_title a { display: block; padding: 5px 50px 4px 15px; width: 376px; color: #575658; text-decoration: none; text-transform: uppercase; font-weight: bold; background: url(../images/smartboxes/accordian/buttons.gif) -1323px 50% no-repeat; } #SBGroup-pseudoInsideNarrative div.collapse_smartbox h2.collapse_title:hover { background: #ADB655 url(../images/smartboxes/accordian/header-bg.gif) no-repeat; } #SBGroup-pseudoInsideNarrative div.collapse_smartbox h2.collapse_title:hover a { background: url(../images/smartboxes/accordian/buttons.gif) -882px 50% no-repeat; } #SBGroup-pseudoInsideNarrative div.collapse_smartbox div.expanded h2 { background: #ADB655 url(../images/smartboxes/accordian/header-bg.gif) no-repeat; } #SBGroup-pseudoInsideNarrative div.collapse_smartbox div.expanded h2.collapse_title a { background: url(../images/smartboxes/accordian/buttons.gif) 0 50% no-repeat; } #SBGroup-pseudoInsideNarrative div.collapse_smartbox div.toggle { padding: 10px 15px 5px; background: #F0F0DD url(../images/smartboxes/accordian/toggle-gradient-green.gif) 0 100% repeat-x; } #SBGroup-pseudoInsideNarrative div.collapse_smartbox div.toggle p, #SBGroup-pseudoInsideNarrative div.collapse_smartbox div.toggle ul { margin-bottom: 0; padding-bottom: 10px; } html>body #SBGroup-pseudoInsideNarrative div.collapse_smartbox h2.collapse_title a { background-image: url(../images/smartboxes/accordian/buttons.png); } html>body #SBGroup-pseudoInsideNarrative div.collapse_smartbox h2.collapse_title:hover a { background-image: url(../images/smartboxes/accordian/buttons.png); } html>body #SBGroup-pseudoInsideNarrative div.collapse_smartbox div.expanded h2.collapse_title a { background-image: url(../images/smartboxes/accordian/buttons.png); } #SBGroup-pseudoInsideNarrative div.collapse_smartbox div.toggle p.cta { background: url("../images/smartboxes/grey-border-x.gif") repeat-x; padding: 6px 0 5px; } /****************************************************************************************** * Specific ******************************************************************************************/ /* Google Map */ #SBGroup-right div#dfc-global-googlemap div#map { font-size: 11px; width: 427px; height: 400px; border: 1px solid #828386; } /* Header - Contact Us */ #SBGroup-top div#mbplc-global-contactus { float: left; width: 82px; height: 19px; padding-top: 1px; } #SBGroup-top div#mbplc-global-contactus a { display: block; width: 80px; height: 19px; text-indent: -9999px; background: url(../images/header/contactus.gif) no-repeat; } #SBGroup-top div#mbplc-global-contactus a:hover { background: url(../images/header/contactus.gif) 0 -19px no-repeat; } /* Header - Search */ #SBGroup-top div#mbplc-global-sitesearch { float: right; } #SBGroup-top div#mbplc-global-sitesearch label { position: absolute; height: 1px; overflow: hidden; left: -2500px; } #SBGroup-top div#mbplc-global-sitesearch input#siteSearchInput { color: #828386; display: block; float: left; border: 1px solid #828386; width: 144px; padding: 1px 1px 1px 2px; font-size: 1.0em; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; } #SBGroup-top div#mbplc-global-sitesearch input#siteSearchGo { display: block; float: left; border: 0; } /* Find a pub */ #SBGroup-right div#mbplc-global-pubsearch form { width: 206px; overflow: hidden; } #SBGroup-right div#mbplc-global-pubsearch label { display: block; padding-bottom: 2px; font-size: 0.9em; } #SBGroup-right div#mbplc-global-pubsearch label#pubSearchBrandLabel { position: absolute; height: 1px; overflow: hidden; left: -2500px; } #SBGroup-right div#mbplc-global-pubsearch input#searchLocation { border: 1px solid #B7B8BA; padding: 1px; width: 202px; } #SBGroup-right div#mbplc-global-pubsearch span#searchwrap { display: block; padding-bottom: 8px; background: url(../images/smartboxes/search-dotted-line.gif) 0 100% repeat-x; } #SBGroup-right div#mbplc-global-pubsearch span#brandwrap { display: block; padding-top: 7px; } #SBGroup-right div#mbplc-global-pubsearch select#brandCode { width: 165px; float: left; } #SBGroup-right div#mbplc-global-pubsearch input#goImg { float: right; vertical-align: top; margin-left: 5px; } /* Stock price */ #SBGroup-right div#mbplc-global-stockprice p#share_price { float: left; font: 2.6em Tahoma, Geneva, sans-serif; } #SBGroup-right div#mbplc-global-stockprice p#view_more a { float: left; display: block; margin: 13px 0 0 13px; } #SBGroup-right div#mbplc-global-stockprice div.toggle { width: 206px; overflow: hidden; } #SBGroup-right div#mbplc-global-stockprice div#stock_price_show_more { clear: both; padding-top: 10px; } /* Key facts */ #SBGroup-right div#mbplc-global-brandkeyfacts li { background: url(../images/smartboxes/search-dotted-line.gif) 0 100% repeat-x; padding: 4px 3px 5px; } #SBGroup-right div#mbplc-global-brandkeyfacts a.cta { display: block; background: url(../images/smartboxes/green-cta.gif) 0 50% no-repeat; padding: 4px 3px 4px 22px; text-decoration: none; color: #575658; } html>body #SBGroup-right div#mbplc-global-brandkeyfacts a.cta { background-image: url(../images/smartboxes/cta.png); } #SBGroup-right div#mbplc-global-brandkeyfacts a.cta:hover { background-position: -441px 50%; } /* Social Media */ #SBGroup-right div#mbplc-global-socialmedia { width: 216px; padding: 10px 5px; } #SBGroup-right div#mbplc-global-socialmedia p { padding-bottom: 6px; } #SBGroup-right div#mbplc-global-socialmedia ul { width: 216px; overflow: hidden; } #SBGroup-right div#mbplc-global-socialmedia li { display: block; width: 32px; height: 32px; float: left; margin-right: 8px; margin-right: 4px; } #SBGroup-right div#mbplc-global-socialmedia li a { display: block; width: 32px; height: 32px; float: left; text-indent: -9999px; } #SBGroup-right div#mbplc-global-socialmedia li a:hover { opacity: 0.6; filter: alpha(opacity = 60); } #SBGroup-right div#mbplc-global-socialmedia li#facebook a { background: url(../images/icons/social-media/facebook.png) no-repeat; } #SBGroup-right div#mbplc-global-socialmedia li#youtube a { background: url(../images/icons/social-media/youtube.png) no-repeat; } #SBGroup-right div#mbplc-global-socialmedia li#rss a { background: url(../images/icons/social-media/rss.png) no-repeat; } #SBGroup-right div#mbplc-global-socialmedia li#twitter a { background: url(../images/icons/social-media/twitter.png) no-repeat; } #SBGroup-right div#mbplc-global-socialmedia li#linkedin a { background: url(../images/icons/social-media/linkedin_in.png) no-repeat; } #SBGroup-right div#mbplc-global-socialmedia li#pinterest a { background: url(../images/icons/social-media/pinterest.png) no-repeat; } /* Video */ #SBGroup-right div#dfc-global-media div.toggle { padding: 5px 3px 10px; } #SBGroup-right div#dfc-global-media p { padding-bottom: 10px; } #SBGroup-right div#dfc-global-media div.media_resource { text-align: center; } /* News Alerts */ #SBGroup-right div#mbplc-global-newsalerts p.cta { padding-top: 5px; } /* Contacts */ #SBGroup-right div#mbplc-global-contacts div.contact, #SBGroup-right div#mbplc-global-contacts div.contactlast { line-height: 1.3em; width: 206px; overflow: hidden; clear: both; padding: 8px 0; background: url(../images/smartboxes/search-dotted-line.gif) 0 100% repeat-x; } #SBGroup-right div#mbplc-global-contacts div.contactlast { background: none; padding-bottom: 0; } #SBGroup-right div#mbplc-global-contacts div.imageWrapper img { float: left; border: 1px solid #AFAFB0; margin: 0 10px 5px 0; } #SBGroup-right div#mbplc-global-contacts span.title { display: block; font-weight: bold; padding: 1px 0; } #SBGroup-right div#mbplc-global-contacts span.name { display: block; font-weight: bold; } #SBGroup-right div#mbplc-global-contacts span.jobTitle { display: block; font-weight: bold; font-size: 0.9em; } #SBGroup-right div#mbplc-global-contacts span.tel { display: block; clear: both; } #SBGroup-right div#mbplc-global-contacts span.email { display: block; } /* Marie Curie */ #SBGroup-right div#mbplc-global-promo-mariecurie { margin-top: 10px; background: url(../images/smartboxes/MarieCurieLogo.gif) no-repeat; padding-top: 66px; } #SBGroup-right div#mbplc-global-promo-mariecurie h2 { color: #8E9300; font-size: 1.0em; padding: 0 5px; } #SBGroup-right div#mbplc-global-promo-mariecurie p { padding: 0 5px; } #SBGroup-right div#mbplc-global-promo-mariecurie p.cta { padding: 10px 5px; } #SBGroup-right div#mbplc-global-promo-mariecurie p.cta a { display: block; background: url(../images/smartboxes/white-cta.gif) 0 50% no-repeat; padding: 1px 0 1px 22px; text-decoration: none; color: #575658; } html>body #SBGroup-right div#mbplc-global-promo-mariecurie p.cta a { background-image: url(../images/smartboxes/cta.png); } #SBGroup-right div#mbplc-global-promo-mariecurie p.cta a:hover { background-position: -441px 50%; } /* Drink Aware */ #SBGroup-right div#mbplc-global-drinkaware { padding: 10px 5px; } #SBGroup-right div#mbplc-global-drinkaware h1 { width: 190px; height: 33px; font-size: 1px; text-indent: -9999px; background: url(../images/smartboxes/drinkaware.gif) no-repeat; } #SBGroup-right div#mbplc-global-drinkaware p.cta { padding-top: 10px; } #SBGroup-right div#mbplc-global-drinkaware p.cta a { display: block; background: url(../images/smartboxes/white-cta.gif) 0 50% no-repeat; padding: 1px 0 1px 22px; text-decoration: none; color: #575658; } html>body #SBGroup-right div#mbplc-global-drinkaware p.cta a { background-image: url(../images/smartboxes/cta.png); } #SBGroup-right div#mbplc-global-drinkaware p.cta a:hover { background-position: -441px 50%; } /* Latest Reports */ #SBGroup-right div#mbplc-global-latestreports p.subtitle { height: 155px; font-weight: bold; } #SBGroup-right div#mbplc-global-latestreports p#csrreport { background: url(../images/smartboxes/latestreports/sr2014-bg.gif) 0 100% no-repeat; } #SBGroup-right div#mbplc-global-latestreports p#annualreport { background: url(../images/smartboxes/latestreports/annualreport2020-sbbg.gif) 0 100% no-repeat; } #SBGroup-right div#mbplc-global-latestreports p.cta { padding: 2px 0 0; } /* Related Links */ #SBGroup-right div#mbplc-global-relatedlinks ul.related li { width: 206px; background: url(../images/smartboxes/search-dotted-line.gif) 0 100% repeat-x; } #SBGroup-right div#mbplc-global-relatedlinks ul.related li a { display: block; background: url(../images/smartboxes/green-cta.gif) 0 3px no-repeat; padding: 3px 2px 3px 22px; width: 182px; text-decoration: none; color: #575658; } html>body #SBGroup-right div#mbplc-global-relatedlinks ul.related li a { background-image: url(../images/smartboxes/cta.png); } #SBGroup-right div#mbplc-global-relatedlinks ul.related li a:hover { background-position: -441px 3px; } /* Most Popular */ #SBGroup-right div#mbplc-global-mostpopular ul li { width: 206px; background: url(../images/smartboxes/search-dotted-line.gif) 0 100% repeat-x; } #SBGroup-right div#mbplc-global-mostpopular ul li a { display: block; background: url(../images/smartboxes/green-cta.gif) 0 3px no-repeat; padding: 3px 2px 3px 22px; width: 182px; text-decoration: none; color: #575658; } html>body #SBGroup-right div#mbplc-global-mostpopular ul li a { background-image: url(../images/smartboxes/cta.png); } #SBGroup-right div#mbplc-global-mostpopular ul li a:hover { background-position: -441px 3px; } /* RSS */ #SBGroup-right div#mbplc-global-rssicon { margin-bottom: 10px; } #SBGroup-right div#mbplc-global-rssicon a { background: url(../images/icons/social-media/rss.png) 0 50% no-repeat; line-height: 32px; min-height: 32px; padding-left: 40px; display: block; text-decoration: none; color: #575658; } * html #SBGroup-right div#mbplc-global-rssicon a { height: 32px; } #SBGroup-right div#mbplc-global-rssicon a:hover { text-decoration: underline; color: #575658; } /* RSS and LinkedIn should be side by side on certain pages */ #companyarticle #SBGroup-right div#mbplc-global-rssicon, #brandarticle #SBGroup-right div#mbplc-global-rssicon, #brandoffer #SBGroup-right div#mbplc-global-rssicon { width: 184px; float: right; } #companyarticle #SBGroup-right #dfc-global-socnet, #brandarticle #SBGroup-right #dfc-global-socnet, #brandoffer #SBGroup-right #dfc-global-socnet { width: 32px; float: left; } /* #SBGroup-right div#mbplc-global-rssicon { width: 184px; float: right; margin-bottom: 10px; } #SBGroup-right div#mbplc-global-rssicon a { background: url(../images/icons/social-media/rss.png) 0 50% no-repeat; line-height: 32px; min-height: 32px; padding-left: 40px; display: block; text-decoration: none; color: #575658; } * html #SBGroup-right div#mbplc-global-rssicon a { height: 32px; } #SBGroup-right div#mbplc-global-rssicon a:hover { text-decoration: underline; color: #575658; } */ #SBGroup-right #mbplc-global-video-harvesterschools p { padding-bottom: 5px; } /* Careers */ #SBGroup-right div#mbplc-global-promo-careers { padding-bottom: 10px; width: 226px; } #SBGroup-right div#mbplc-global-promo-careers h1 { text-transform: uppercase; padding: 5px 50px 4px 15px; background: #ADB655 url(../images/smartboxes/toggle-boxes/header-bg.gif) no-repeat; font-size: 1.0em; border-bottom: 1px solid #706F73; } #SBGroup-right div#mbplc-global-promo-careers div { background: #F6F7ED url(../images/smartboxes/toggle-boxes/toggle-gradient-green.gif) 0 100% no-repeat; padding: 5px 10px 10px; } #SBGroup-right div#mbplc-global-promo-careers p.subtitle { height: 155px; background: url(../images/smartboxes/careers-sb-bg-2015.gif) no-repeat; } #SBGroup-right div#mbplc-global-promo-careers p.cta { padding-top: 2px; } #SBGroup-right div#mbplc-global-promo-careers p.cta a { display: block; background: url(../images/smartboxes/green-cta.gif) 0 50% no-repeat; padding: 1px 0 1px 22px; text-decoration: none; color: #575658; } html>body #SBGroup-right div#mbplc-global-promo-careers p.cta a { background-image: url(../images/smartboxes/cta.png); } #SBGroup-right div#mbplc-global-promo-careers p.cta a:hover { background-position: -441px 50%; } /* Downloads */ #SBGroup-right div#mbplc-global-agm2011 p.cta { padding-top: 2px; } /* Navigation Smartboxes */ /* Careers */ #SBGroup-navigationBottom div#mbplc-global-visitourcareerssite a:hover { color: #8E9300; } /* Info Centre Link */ #SBGroup-navigationBottom div#mbplc-global-infocentrelink a { width: 201px; padding: 3px 0 4px 2px; } #SBGroup-navigationBottom div#mbplc-global-infocentrelink a:hover { color: #8E9300; width: 201px; padding: 3px 0 4px 2px; } #SBGroup-navigationBottom #dfc-global-socnet-two { padding-top: 20px; } /* Media Teaser */ #SBGroup-narrativeBottom div#mbplc-global-mediateaser { padding: 10px 0 31px; background: url(../images/smartboxes/newsandmedia/media-teaser-bottom.gif) 0 100% no-repeat; } #SBGroup-narrativeBottom div#mbplc-global-mediateaser h2 { width: 441px; color: #828386; font-size: 1.2em; font-weight: normal; text-transform: uppercase; padding: 8px 0 2px; background: url(../images/smartboxes/brands/top-bg-441.gif) no-repeat; } #SBGroup-narrativeBottom div#mbplc-global-mediateaser ul { list-style: none; margin: 0; padding: 10px 0 0; width: 441px; overflow: hidden; } #SBGroup-narrativeBottom div#mbplc-global-mediateaser li { display: block; float: left; margin: 0 13px 10px 0; } #SBGroup-narrativeBottom div#mbplc-global-mediateaser li.last { margin-right: 0; } #SBGroup-right div#mbplc-global-promo-infocentre { padding-bottom: 10px; background: #F6F7ED url(../images/smartboxes/toggle-boxes/toggle-gradient-green.gif) 0 100% no-repeat; } #SBGroup-right div#mbplc-global-promo-infocentre h1 { padding: 5px 15px 4px 15px; background: #B3B0B2 url(../images/smartboxes/toggle-boxes/header-bg.gif) no-repeat; font-size: 1.0em; border-bottom: 1px solid #706F73; } #SBGroup-right div#mbplc-global-promo-infocentre p.subtitle { font-weight: bold; height: 155px; margin: 5px 5px 0; background: url(../images/smartboxes/infocentresb-bg.gif) 0 100% no-repeat; } #SBGroup-right div#mbplc-global-promo-infocentre p.cta { padding: 2px 5px 0; } #SBGroup-right div#mbplc-global-promo-infocentre p.cta a { display: block; background: url(../images/smartboxes/green-cta.gif) 0 50% no-repeat; padding: 1px 0 1px 22px; text-decoration: none; color: #575658; } html>body #SBGroup-right div#mbplc-global-promo-infocentre p.cta a { background-image: url(../images/smartboxes/cta.png); } #SBGroup-right div#mbplc-global-promo-infocentre p.cta a:hover { background-position: -441px 50%; } #SBGroup-right div#mbplc-global-promo-infocentre2 p.subtitle { height: 155px; font-weight: bold; background: url(../images/smartboxes/infocentresb-bg.gif) 0 100% no-repeat; } #SBGroup-right div#mbplc-global-promo-infocentre2 p.cta { padding: 2px 0 0; } /* Info Centre #SBGroup-right div#mbplc-global-promo-infocentre h1 { color: #828386; line-height: 1.2em; text-transform: uppercase; padding: 2px 2px 0; font-size: 1.2em; font-weight: normal; } #SBGroup-right div#mbplc-global-promo-infocentre p.subtitle { height: 162px; background: url("../images/smartboxes/home/infocentre-bg.jpg") 50% 100% no-repeat; } #SBGroup-right div#mbplc-global-promo-infocentre .cta a { display: block; background: url(../images/smartboxes/green-cta.gif) 0 50% no-repeat; padding: 4px 3px 4px 22px; text-decoration: none; color: #575658; } html>body #SBGroup-right div#mbplc-global-promo-infocentre .cta a { background-image: url(../images/smartboxes/cta.png); } #SBGroup-right div#mbplc-global-promo-infocentre .cta a:hover { background-position: -441px 50%; } */ /* Narrative News */ div#SBGroup-narrativeBottom #mbplc-global-news { clear: both; } div#SBGroup-narrativeBottom #mbplc-global-news h2#newsSmartboxTitle { width: 441px; color: #828386; font-size: 1.2em; font-weight: normal; text-transform: uppercase; padding: 2px 0; background: url(../images/smartboxes/brands/top-bg-441.gif) no-repeat; } div#SBGroup-narrativeBottom #mbplc-global-news p { margin: 0; } div#SBGroup-narrativeBottom #mbplc-global-news h2.articleTitle { font-size: 1.0em; margin: 0; } div#SBGroup-narrativeBottom #mbplc-global-news h2.articleTitle a { text-decoration: none; color: #8E9300; } div#SBGroup-narrativeBottom #mbplc-global-news p#newsMoreLink { padding: 5px 0 5px; float: right; } div#SBGroup-narrativeBottom #mbplc-global-news p.articleMoreLink { padding: 5px 0 5px; } div#SBGroup-narrativeBottom #mbplc-global-news p a { display: block; background: url(../images/smartboxes/cta.png) 0 50% no-repeat; padding: 1px 0 1px 22px; text-decoration: none; color: #575658; zoom: 1; } * html div#SBGroup-narrativeBottom #mbplc-global-news p a { background-image: url(../images/smartboxes/white-cta.gif); } div#SBGroup-narrativeBottom #mbplc-global-news p a:hover { background-position: -441px 50%; } div#SBGroup-narrativeBottom #mbplc-global-news #newsSmartboxArticleGroupsWrapper { padding-bottom: 5px; width: 441px; overflow: hidden; background: url(../images/smartboxes/brands/borders.gif) 0 100% no-repeat; } div#SBGroup-narrativeBottom #mbplc-global-news #newsSmartboxArticleGroup0 { width: 214px; float: left; padding-top: 3px; } div#SBGroup-narrativeBottom #mbplc-global-news #newsSmartboxArticleGroup1 { width: 214px; float: right; } div#SBGroup-narrativeBottom #mbplc-global-news #newsSmartboxArticleGroup2 { clear: right; width: 214px; float: right; } div#SBGroup-narrativeBottom #mbplc-global-news #newsSmartboxArticleGroup1 .articleImagesWrapper img, div#SBGroup-narrativeBottom #mbplc-global-news #newsSmartboxArticleGroup2 .articleImagesWrapper img { float: left; } div#SBGroup-narrativeBottom #mbplc-global-news #newsSmartboxArticleGroup1 h2.articleTitle, div#SBGroup-narrativeBottom #mbplc-global-news #newsSmartboxArticleGroup2 h2.articleTitle { width: 140px; margin-left: 74px; } div#SBGroup-narrativeBottom #mbplc-global-news #newsSmartboxArticleGroup1 p.articleSnippet, div#SBGroup-narrativeBottom #mbplc-global-news #newsSmartboxArticleGroup2 p.articleSnippet { width: 140px; margin-left: 74px; min-height: 45px; } div#SBGroup-narrativeBottom #mbplc-global-news #newsSmartboxArticleGroup1 { padding-top: 3px; } div#SBGroup-narrativeBottom #mbplc-global-news #newsSmartboxArticleGroup2 { background: url(../images/smartboxes/brands/article-border.gif) no-repeat; padding-top: 10px; } /* Page specific */ #newsandmedia div#SBGroup-narrativeBottom #mbplc-global-news #newsSmartboxArticleGroupsWrapper, #investors div#SBGroup-narrativeBottom #mbplc-global-news #newsSmartboxArticleGroupsWrapper { padding-bottom: 0; background: url(/images/smartboxes/newsandmedia/border-middle.gif) repeat-y; } /****************************************************************************************** * Homepage ******************************************************************************************/ /********************************************* * Middle *********************************************/ /* Brands */ #SBGroup-middle div#mbplc-global-ourbrands { width: 228px; float: left; background: url(../images/smartboxes/home/top-bg-228.gif) no-repeat; } #SBGroup-middle div#mbplc-global-ourbrands h1 { color: #828386; font-size: 1.2em; font-weight: normal; text-transform: uppercase; background: url(../images/smartboxes/home/brands-dotted.gif) 0 100% no-repeat; padding: 2px; } #SBGroup-middle div#mbplc-global-ourbrands ul#ourBrandsLeft { float: left; padding: 0; width: 110px; } #SBGroup-middle div#mbplc-global-ourbrands ul#ourBrandsRight { float: right; padding: 0; width: 108px; } #SBGroup-middle div#mbplc-global-ourbrands li { padding: 4px 1px 5px; background: url("../images/navigation/dotted-border.gif") 0 100% no-repeat; } #SBGroup-middle div#mbplc-global-ourbrands ul#ourBrandsLeft li a { color: #8E9300; display: block; width: 110px; text-decoration: none; line-height: 1.3em; } #SBGroup-middle div#mbplc-global-ourbrands ul#ourBrandsRight li a { color: #8E9300; display: block; width: 106px; text-decoration: none; line-height: 1.3em; } #SBGroup-middle div#mbplc-global-ourbrands a:hover { color: #575658; } /* News */ #SBGroup-middle #mbplc-global-news { width: 707px; float: right; background: #FFF url(../images/smartboxes/home/top-bg-707.gif) no-repeat; } #SBGroup-middle #mbplc-global-news h2#newsSmartboxTitle { color: #828386; font-size: 1.2em; font-weight: normal; text-transform: uppercase; padding: 2px 2px 0 2px; } #SBGroup-middle #mbplc-global-news #newsSmartboxArticleGroupsWrapper { width: 707px; padding: 3px 0 0 0; overflow: hidden; background: #FFF url("../images/smartboxes/home/news-vertical-borders.gif") repeat-y; } #SBGroup-middle #mbplc-global-news #newsSmartboxArticleGroup0 { width: 227px; width: 225px; float: left; padding: 0 0 0 2px; } #SBGroup-middle #mbplc-global-news #newsSmartboxArticleGroup1 { width: 240px; height: 134px; float: left; } #SBGroup-middle #mbplc-global-news #newsSmartboxArticleGroup2 { width: 240px; height: 134px; float: right; } #SBGroup-middle #mbplc-global-news #newsSmartboxArticleGroup3 { width: 240px; float: left; } #SBGroup-middle #mbplc-global-news #newsSmartboxArticleGroup4 { width: 240px; float: right; } #SBGroup-middle #mbplc-global-news #newsSmartboxArticleGroup1 .articleWrapper, #SBGroup-middle #mbplc-global-news #newsSmartboxArticleGroup1 .articleWrapperLast { width: 227px; padding: 0 0 0 13px; float: left; } #SBGroup-middle #mbplc-global-news #newsSmartboxArticleGroup2 .articleWrapper, #SBGroup-middle #mbplc-global-news #newsSmartboxArticleGroup2 .articleWrapperLast { width: 227px; padding: 0 0 0 13px; float: left; } #SBGroup-middle #mbplc-global-news #newsSmartboxArticleGroup3 .articleWrapper, #SBGroup-middle #mbplc-global-news #newsSmartboxArticleGroup3 .articleWrapperLast { width: 227px; padding: 8px 0 0 13px; float: left; background: url(../images/smartboxes/home/article-top-border.gif) no-repeat;} #SBGroup-middle #mbplc-global-news #newsSmartboxArticleGroup4 .articleWrapper, #SBGroup-middle #mbplc-global-news #newsSmartboxArticleGroup4 .articleWrapperLast { width: 227px; padding: 8px 0 0 13px; float: left; background: url(../images/smartboxes/home/article-top-border.gif) no-repeat;} #SBGroup-middle #mbplc-global-news #newsSmartboxArticleGroupsWrapper h2.articleTitle { font-size: 1.0em; } #SBGroup-middle #mbplc-global-news #newsSmartboxArticleGroupsWrapper h2.articleTitle a { text-decoration: none; color: #8E9300; } #SBGroup-middle #mbplc-global-news #newsSmartboxArticleGroupsWrapper h2.articleTitle a:hover { color: #8E9300; } #SBGroup-middle #mbplc-global-news #newsSmartboxArticleGroup0 h2.articleTitle { padding-top: 3px; } #SBGroup-middle #mbplc-global-news #newsSmartboxArticleGroup1 .articleImagesWrapper img, #SBGroup-middle #mbplc-global-news #newsSmartboxArticleGroup2 .articleImagesWrapper img, #SBGroup-middle #mbplc-global-news #newsSmartboxArticleGroup3 .articleImagesWrapper img, #SBGroup-middle #mbplc-global-news #newsSmartboxArticleGroup4 .articleImagesWrapper img { float: left; } #SBGroup-middle #mbplc-global-news #newsSmartboxArticleGroup1 h2.articleTitle, #SBGroup-middle #mbplc-global-news #newsSmartboxArticleGroup2 h2.articleTitle, #SBGroup-middle #mbplc-global-news #newsSmartboxArticleGroup3 h2.articleTitle, #SBGroup-middle #mbplc-global-news #newsSmartboxArticleGroup4 h2.articleTitle { width: 153px; margin-left: 74px; } #SBGroup-middle #mbplc-global-news #newsSmartboxArticleGroup1 p.articleSnippet, #SBGroup-middle #mbplc-global-news #newsSmartboxArticleGroup2 p.articleSnippet, #SBGroup-middle #mbplc-global-news #newsSmartboxArticleGroup3 p.articleSnippet, #SBGroup-middle #mbplc-global-news #newsSmartboxArticleGroup4 p.articleSnippet { width: 153px; margin-left: 74px; } #SBGroup-middle #mbplc-global-news #newsSmartboxArticleGroup1 p.articleMoreLink, #SBGroup-middle #mbplc-global-news #newsSmartboxArticleGroup2 p.articleMoreLink { clear: both; padding-top: 5px; } #SBGroup-middle #mbplc-global-news #newsSmartboxArticleGroup0 p.articleMoreLink, #SBGroup-middle #mbplc-global-news #newsSmartboxArticleGroup3 p.articleMoreLink, #SBGroup-middle #mbplc-global-news #newsSmartboxArticleGroup4 p.articleMoreLink { clear: both; padding-top: 5px; } #SBGroup-middle div#mbplc-global-news p#newsMoreLink { width: 700px; float: left; padding: 8px 7px 0 0; margin-top: 12px; clear: both; background: url(../images/smartboxes/home/news-border-bottom.gif) no-repeat; } #SBGroup-middle #mbplc-global-news p#newsMoreLink a { float: right; } #SBGroup-middle #mbplc-global-news p.articleMoreLink a, #SBGroup-middle #mbplc-global-news p#newsMoreLink a { display: block; background: url(../images/smartboxes/white-cta.gif) 0 50% no-repeat; padding: 1px 0 1px 22px; text-decoration: none; color: #575658; } html>body #SBGroup-middle #mbplc-global-news p#newsMoreLink a, html>body #SBGroup-middle #mbplc-global-news p.articleMoreLink a { background-image: url(../images/smartboxes/cta.png); } #SBGroup-middle #mbplc-global-news p#newsMoreLink a:hover, #SBGroup-middle #mbplc-global-news p.articleMoreLink a:hover { background-position: -441px 50%; } #SBGroup-middle #dfc-global-socnet {bottom: 24px;height: 27px;left: 510px;position: absolute;width: 317px;} #SBGroup-middle #dfc-global-socnet DIV#linked-in-follow-us {float:left;margin-right:15px} /********************************************* * Bottom *********************************************/ /* CTA */ #SBGroup-bottom p.cta { padding: 2px; } #SBGroup-bottom p.cta a { display: block; background: url(../images/smartboxes/white-cta.gif) 0 50% no-repeat; padding: 1px 0 1px 22px; text-decoration: none; color: #575658; } html>body #SBGroup-bottom p.cta a { background-image: url(../images/smartboxes/cta.png); } #SBGroup-bottom p.cta a:hover { background-position: -441px 50%; } /* Reports / Careers / InfoCentre / Advertising */ #SBGroup-bottom div#mbplc-global-promo-property, #SBGroup-bottom div#mbplc-global-promo-latestreports, #SBGroup-bottom div#mbplc-global-promo-careers, #SBGroup-bottom div#mbplc-global-promo-infocentre, #SBGroup-bottom div#mbplc-global-promo-advertising, #SBGroup-bottom div#mbplc-global-promo-olympicsaheadofthegames, #SBGroup-bottom div#mbplc-global-annualreport, #SBGroup-bottom div#mbplc-global-responsibilityreview { width: 228px; float: left; margin-right: 12px; background: url(../images/smartboxes/home/top-bg-228.gif) no-repeat; } #SBGroup-bottom div#mbplc-global-promo-careers, #SBGroup-bottom div#mbplc-global-promo-olympicsaheadofthegames { margin-right: 11px; } #SBGroup-bottom div#mbplc-global-promo-advertising { margin-right: 0; } #SBGroup-bottom div#mbplc-global-responsibilityreview { margin-right: 0; } #SBGroup-bottom div#mbplc-global-promo-property h1, #SBGroup-bottom div#mbplc-global-promo-latestreports h1, #SBGroup-bottom div#mbplc-global-promo-careers h1, #SBGroup-bottom div#mbplc-global-promo-infocentre h1, #SBGroup-bottom div#mbplc-global-promo-advertising h1, #SBGroup-bottom div#mbplc-global-promo-olympicsaheadofthegames h1, #SBGroup-bottom div#mbplc-global-annualreport h1, #SBGroup-bottom div#mbplc-global-responsibilityreview h1 { color: #828386; font-size: 1.2em; font-weight: normal; text-transform: uppercase; padding: 2px 2px 0; } #SBGroup-bottom div#mbplc-global-promo-property p.subtitle, #SBGroup-bottom div#mbplc-global-promo-latestreports p.subtitle, #SBGroup-bottom div#mbplc-global-promo-careers p.subtitle, #SBGroup-bottom div#mbplc-global-promo-infocentre p.subtitle, #SBGroup-bottom div#mbplc-global-promo-olympicsaheadofthegames p.subtitle, #SBGroup-bottom div#mbplc-global-annualreport p.subtitle, #SBGroup-bottom div#mbplc-global-responsibilityreview p.subtitle { height: 162px; font-weight: bold; padding: 0 2px; } #SBGroup-bottom div#mbplc-global-promo-property p.subtitle { background: url(../images/smartboxes/home/promo-property.jpg) 0 100% no-repeat; } #SBGroup-bottom div#mbplc-global-promo-latestreports p.subtitle { background: url(../images/smartboxes/home/annualreport2010-bg.jpg) 0 100% no-repeat; } #SBGroup-bottom div#mbplc-global-promo-careers p.subtitle { background: url(../images/smartboxes/home/careers-bg.png) 0 100% no-repeat; } #SBGroup-bottom div#mbplc-global-promo-infocentre p.subtitle { background: url(../images/smartboxes/home/infocentre-bg.jpg) 0 100% no-repeat; } #SBGroup-bottom div#mbplc-global-promo-olympicsaheadofthegames p.subtitle { background: url(../images/smartboxes/brandhome-sb-aheadofthegames.jpg) 0 100% no-repeat; } #SBGroup-bottom div#mbplc-global-annualreport p.subtitle { background: url(../images/smartboxes/latestreports/annualreport2020-sbbg.gif) 0 100% no-repeat; } #SBGroup-bottom div#mbplc-global-responsibilityreview p.subtitle { background: url(../images/smartboxes/latestreports/sr2012-bg.gif) 0 100% no-repeat; } #SBGroup-bottom div#mbplc-global-promo-advertising p.subtitle { font-weight: bold; padding: 0 2px; } #SBGroup-bottom div#mbplc-global-promo-advertising div.advertvideo { background: url(../images/smartboxes/home/video-border-bottom.gif) 0 100% no-repeat; padding: 10px 0 1px; height: 133px; } #SBGroup-bottom div#mbplc-global-promo-advertising div.advertvideo img { vertical-align: top; } /****************************************************************************************** * About Us ******************************************************************************************/ #SBGroup-narrativeBottom div#mbplc-global-facts-and-vision { width: 441px; overflow: hidden; padding-bottom: 10px; background: url("../images/smartboxes/grey-border-x.gif") 0 100% repeat-x; } /* Facts and Figures */ #SBGroup-narrativeBottom div#mbplc-global-facts { margin-top: 11px; width: 210px; float: left; background: #C9C7C8 url(../images/smartboxes/facts-figures/facts-bg-top.gif) no-repeat; padding-top: 5px; } #SBGroup-narrativeBottom div#mbplc-global-facts h1 { color: #575658; font-size: 1.0em; margin: 0; padding: 0 10px 5px; font-weight: bold; } #SBGroup-narrativeBottom div#mbplc-global-facts div#rotateWrapper { width: 210px; height: 101px; overflow: hidden; } #SBGroup-narrativeBottom div#mbplc-global-facts div#factsContainer { width: 3000px; height: 101px; } #SBGroup-narrativeBottom div#mbplc-global-facts div#factsContainer div { width: 180px; height: 101px; padding: 0 10px; float: left; } #SBGroup-narrativeBottom div#mbplc-global-facts div#factsContainer div h2 { margin: 0; padding: 0; font: 2.0em Tahoma, Geneva, sans-serif; } #SBGroup-narrativeBottom div#mbplc-global-facts div#factsContainer div p { padding: 0; } #SBGroup-narrativeBottom div#mbplc-global-facts div#fact_controls { clear: both; height: 22px; background: url(../images/smartboxes/facts-figures/facts-bg-bottom.gif) 0 100% no-repeat; padding: 0 10px 5px 7px; } #SBGroup-narrativeBottom div#mbplc-global-facts p#rotateLeft a { float: left; display: block; width: 23px; height: 22px; text-indent: -9999px; background: url(../images/smartboxes/facts-figures/buttons.gif) -46px 0 no-repeat; } #SBGroup-narrativeBottom div#mbplc-global-facts p#rotateLeft.inactive a { background-position: -23px 0; } #SBGroup-narrativeBottom div#mbplc-global-facts p#rotateRight a { float: left; display: block; width: 23px; height: 22px; text-indent: -9999px; background: url(../images/smartboxes/facts-figures/buttons.gif) -69px 0 no-repeat; } #SBGroup-narrativeBottom div#mbplc-global-facts p#rotateRight.inactive a { background-position: -92px 0; } html>body #SBGroup-narrativeBottom div#mbplc-global-facts p#rotateLeft a { background-image: url(../images/smartboxes/facts-figures/buttons.png); } html>body #SBGroup-narrativeBottom div#mbplc-global-facts p#rotateRight a { background-image: url(../images/smartboxes/facts-figures/buttons.png); } /* Our Vision */ #SBGroup-narrativeBottom #mbplc-global-promo-ourvision { width: 230px; float: right; } #SBGroup-narrativeBottom #mbplc-global-promo-ourvision div#ourvisioncontent { padding-left: 126px; height: 131px; background: url(../images/smartboxes/our-vision.jpg) no-repeat; } html>body #SBGroup-narrativeBottom #mbplc-global-promo-ourvision #ourvisioncontent { height: auto; min-height: 131px; } #SBGroup-narrativeBottom #mbplc-global-promo-ourvision h1 { font-size: 1.0em; font-weight: bold; padding: 10px 0 0; margin: 0; } #SBGroup-narrativeBottom #mbplc-global-promo-ourvision p { margin: 0; } #SBGroup-narrativeBottom #mbplc-global-promo-ourvision p.cta { padding-left: 8px; } /* Our People */ #SBGroup-narrativeBottom div#mbplc-global-promo-ourpeople { padding: 2px 0 0; position: relative; top: 0; left: -11px; width: 208px; float: left; } #SBGroup-narrativeBottom div#mbplc-global-promo-ourpeople #ourpeoplecontent { padding: 0 0 0 103px; height: 106px; background: url(../images/smartboxes/our-people.jpg) 0 0 no-repeat; } html>body #SBGroup-narrativeBottom div#mbplc-global-promo-ourpeople #ourpeoplecontent { height: auto; min-height: 106px; } #SBGroup-narrativeBottom div#mbplc-global-promo-ourpeople h1 { font-size: 1.0em; font-weight: bold; margin: 0; padding: 8px 0 0 0; } #SBGroup-narrativeBottom #mbplc-global-promo-ourpeople p { margin: 0; } #SBGroup-narrativeBottom #mbplc-global-promo-ourpeople p.cta { margin: 0 0 0 8px; } #SBGroup-narrativeBottom #mbplc-global-promo-ourpeople p.cta a { width: 175px; } /* Our Strategy */ #SBGroup-narrativeBottom div#mbplc-global-promo-ourstrategy { width: 230px; float: right; padding: 2px 0 0 2px; background: url(../images/smartboxes/sb-dotted-vertical.gif) 0 12px no-repeat; } #SBGroup-narrativeBottom div#mbplc-global-promo-ourstrategy #ourstrategycontent { padding: 0 0 0 103px; height: 106px; background: url(../images/smartboxes/our-strategy.jpg) 0 0 no-repeat; } html>body #SBGroup-narrativeBottom div#mbplc-global-promo-ourstrategy #ourstrategycontent { height: auto; min-height: 106px; } #SBGroup-narrativeBottom div#mbplc-global-promo-ourstrategy h1 { font-size: 1.0em; font-weight: bold; margin: 0; padding: 8px 0 0; } #SBGroup-narrativeBottom #mbplc-global-promo-ourstrategy p { margin: 0; } #SBGroup-narrativeBottom #mbplc-global-promo-ourstrategy p.cta { padding-left: 8px; } /* Our Approach to Business */ #SBGroup-narrativeBottom div#mbplc-global-ourapproachtobusiness { width: 436px; clear: both; padding: 25px 0 10px 5px; background: url(../images/smartboxes/solid-grey-441.gif) 0 20px no-repeat; } html>body #SBGroup-narrativeBottom div#mbplc-global-ourapproachtobusiness { width: 454px; margin-right: -18px; } #SBGroup-narrativeBottom div#mbplc-global-ourapproachtobusiness h1 { font-weight: normal; font-size: 1.45em; line-height: 1.2em; margin: 0; color: #575658; } #SBGroup-narrativeBottom div#mbplc-global-ourapproachtobusiness div#businessapproachcontent { margin-top: -5px; padding: 10px 176px 0 0; height: 166px; background: url(../images/smartboxes/business.jpg) 100% 0 no-repeat; } html>body #SBGroup-narrativeBottom div#mbplc-global-ourapproachtobusiness div#businessapproachcontent { height: auto; min-height: 166px; } /* Property and Development LF 4/3/2011 */ table#developmentcontacts { width: 100%; } /* Social stream smartbox */ #SBGroup-navigationBottom #mbplc-global-socialbox h1 { background: #ADB655 url(../images/smartboxes/toggle-boxes/header-bg.gif) no-repeat; padding: 5px 50px 4px 15px; font-size: 1.0em; text-transform: uppercase;} #SBGroup-navigationBottom #mbplc-global-socialbox { height: 250px; position: relative; margin-top: 10px; background: #a4a4a6;} #SBGroup-navigationBottom #mbplc-global-socialbox #socialitembox { position: relative; height: 200px;} #SBGroup-navigationBottom #mbplc-global-socialbox #socialitembox li a { border: none; display: inline; background: 0; } #SBGroup-navigationBottom #mbplc-global-socialbox .cta { position: absolute; bottom: 5px; left: 5px;border-top: 1px #000 solid; width: 170px; padding: 5px;} #SBGroup-navigationBottom #mbplc-global-socialbox .cta a { display: block; background: url(../images/smartboxes/green-cta.gif) 0 50% no-repeat; padding: 1px 0 1px 22px; text-decoration: none; color: #fff;} #SBGroup-navigationBottom #mbplc-global-socialbox .cta a:hover { background-position: -441px 50%; } #SBGroup-navigationBottom #mbplc-global-socialbox .socialpost p { padding: 5px; color: #fff;} #SBGroup-navigationBottom #mbplc-global-socialbox p a { color: #fff } #SBGroup-navigationBottom #mbplc-global-socialbox p.image { display: block; position: absolute; left: 5px; bottom: 10px; } #SBGroup-navigationBottom #mbplc-global-socialbox p.twitter { display: block; position: absolute; right: 5px; bottom: 10px; text-indent: -9999px; background: url(../images/socialstream/twitter-logo.png) no-repeat; width: 24px; height: 20px; } #SBGroup-navigationBottom #mbplc-global-socialbox p.facebook { display: block; margin: 0; padding: 0; width: 14px; height: 30px; background: url(../images/socialstream/facebook-logo.png) no-repeat; position: absolute; bottom: 20px; right: 10px; text-indent: -9999px; } /* Social stream smartbox on homepage*/ #SBGroup-bottom div#mbplc-global-socialbox { width: 228px; float: left; background: url(../images/smartboxes/home/top-bg-228.gif) no-repeat; } #SBGroup-bottom div#mbplc-global-socialbox h1 { color: #828386; font-size: 1.2em; font-weight: normal; text-transform: uppercase; padding: 2px 2px 12px;background: url(../images/socialstream/border-tile.png) repeat-x left bottom;} #SBGroup-bottom #mbplc-global-socialbox { height: 180px; position: relative;} #SBGroup-bottom #mbplc-global-socialbox #socialitembox {position: relative; height: 151px; background: #a4a4a6;} #SBGroup-bottom #mbplc-global-socialbox #socialitembox li a { border: none; display: inline; background: 0; } #SBGroup-bottom #mbplc-global-socialbox .socialpost p { padding: 5px; color: #fff;} #SBGroup-bottom #mbplc-global-socialbox .socialpost p a { color: #fff } #SBGroup-bottom #mbplc-global-socialbox .socialpost p.image { display: block; position: absolute; left: 5px; bottom: 5px; } #SBGroup-bottom #mbplc-global-socialbox .socialpost p.twitter { display: block; position: absolute; right: 5px; bottom: 5px; text-indent: -9999px; background: url(../images/socialstream/twitter-logo.png) no-repeat; width: 24px; height: 20px; } #SBGroup-bottom #mbplc-global-socialbox .socialpost p.facebook { display: block; margin: 0; padding: 0; width: 14px; height: 30px; background: url(../images/socialstream/facebook-logo.png) no-repeat; position: absolute; bottom: 5px; right: 10px; text-indent: -9999px; } /* == June 2013 - Fede - Start == */ #SBGroup-bottom #mbplc-global-socialbox P.image IMG {width:30px} /* == June 2013 - Fede - End == */ /* == Oct 2013 - Fede == */ #SBGroup-middle DIV#dfc-global-socnet {width:345px;left:480px} #SBGroup-middle DIV#dfc-global-socnet DIV#twitter-follow-us {float:left} /* Tony - Mar - 14 */ #SBGroup-navigationBottom div.collapse_smartbox { padding:20px 0 0; width: 206px; } #SBGroup-navigationBottom div.collapse_smartbox h2.collapse_title { background: #B3B0B2 url(../images/smartboxes/toggle-boxes/header-bg.gif) -226px 0 no-repeat; font-size: 1.0em; border-bottom: 1px solid #706F73; } #SBGroup-navigationBottom div.collapse_smartbox h2.collapse_title a { display: block; padding: 5px 50px 4px 15px; width: 161px; color: #575658; text-decoration: none; text-transform: uppercase; font-weight: bold; background: url(../images/smartboxes/toggle-boxes/buttons.gif) -678px 50% no-repeat; } #SBGroup-navigationBottom div.collapse_smartbox h2.collapse_title:hover { background: #ADB655 url(../images/smartboxes/toggle-boxes/header-bg.gif) no-repeat; } #SBGroup-navigationBottom div.collapse_smartbox h2.collapse_title:hover a { background: url(../images/smartboxes/toggle-boxes/buttons.gif) -452px 50% no-repeat; } #SBGroup-navigationBottom div.collapse_smartbox div.expanded h2.collapse_title { background: #ADB655 url(../images/smartboxes/toggle-boxes/header-bg.gif) no-repeat; } #SBGroup-navigationBottom div.collapse_smartbox div.expanded h2.collapse_title a { background: url(../images/smartboxes/toggle-boxes/buttons.gif) 0 50% no-repeat; } #SBGroup-navigationBottom div.collapse_smartbox div.toggle { background: #F6F7ED url(../images/smartboxes/toggle-boxes/toggle-gradient-green.gif) 0 100% no-repeat; padding: 5px 10px 10px; } html>body #SBGroup-navigationBottom div.collapse_smartbox h2.collapse_title a { background-image: url(../images/smartboxes/toggle-boxes/buttons.png); } html>body #SBGroup-navigationBottom div.collapse_smartbox h2.collapse_title:hover a { background-image: url(../images/smartboxes/toggle-boxes/buttons.png); } html>body #SBGroup-navigationBottom div.collapse_smartbox div.expanded h2.collapse_title a { background-image: url(../images/smartboxes/toggle-boxes/buttons.png); } /* ------------- */ /* Tony - July - 14 */ #brandhome div#wrapper div#content.hrhome div#SBGroup-middle div#dfc-global-socnet{left:240px;width:545px} div#wrapper div#content.mb3column div#narrative img#onemilliongueststodineout-02, div#wrapper div#content.mb3column div#narrative img#onemilliongueststodineout-03, div#wrapper div#content.mb3column div#narrative img#onemilliongueststodineout-04{float:right;margin:10px;}