/* Author: Leanne Dragonfly Creative www.dragonflycreative.net Date: July 2009 Version 1.0 */ /* reset the CSS */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; } :focus { outline: 0; } ol, ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote, q { quotes: "" ""; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } /* ~standard tags */ body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:small; color: #000; padding-bottom: 20px; background:url(../images/background.jpg) no-repeat top center;} .clear { clear: both; } /* CHECK THIS */ div#clear-top { clear: both; display: block; } p { line-height: 18px; } .announcement, .validationWarning { color:#990000; clear: both; } #hidethisparagraph {display: none; } .txt_small, #disclaimer, .small-text, .disclaimer { font-size: x-small; line-height: normal; } h2 { font-size: medium; } h1, h2 { font-family: Verdana, Arial, Helvetica, sans-serif;} #disclaimer { margin: 15px 0px 15px 0px; line-height: auto; } div#disclaimer p, p.disclaimer{ line-height: 15px; } a:link { color: #000; } a:visited { color: #600; } a:hover { color: #600; } a.dfcMapResults:link { color: #600; } a.dfcMapResults:visited { color: #600; } a.dfcMapResults:hover { color: #600; } .staticdiv { height: 1px; font-size: 0px; display: block; position: static; } h2.offertitle a, h2.articletitle a { background:url(../images/rssicon-small.gif) no-repeat 0px 3px; text-indent: -9999px; width: 38px; height: 12px; display: block; float: left; padding-top: 3px; padding-bottom: 0px; font-size: x-small;} .article h2.offertitle a, .article h2.articletitle a { float: none; } div.offerintro-list { margin-bottom:20px; margin-top: 25px; } div.offerintro-list img.newsimg { float: left; margin-right: 10px; } span.newsoffers-text p { width: 160px; margin-left: 111px; } span.newsoffers-text a { font-weight: bold; } div#narrative ul#poi-files { list-style-type: none; margin: 20px 0px 20px 0px; padding: 0px; } div#narrative ul#poi-files li { list-style-type: none; margin: 0px; padding: 2px 0px 8px 10px;} div#narrative ul#poi-files li a { background: url(../images/zip.gif) no-repeat; padding: 0px 0px 0px 20px; } /* Main Divs */ div#wrapper { width: 900px; margin-left:auto; margin-right:auto; position: relative; } div#breadcrumb { width: 750px; height: 39px; line-height:39px; padding-left: 150px; font-size: x-small; } ul#bclinks { position: relative; top: 12px; } div#header { width: 900px; height: 112px; } div#banner { width: 750px; height: 112px; position: absolute; right: 0px; top: 39px; } /* Layout for Hero on the left */ div#content.content-brand div#SB-Group1 { width: 212px; float: left; position: relative; left: -300px; padding-left: 25px; } div#content.content-brand div#SB-Group2 { width: 356px; float: right; } div#content.content-brand div#narrative { width: 300px; float: left; position: relative; left: 243px; } /* Search Page Layout */ .content-search { clear: both; } div#content.content-search div#narrative { width: 509px; float: left; padding-left: 25px; padding-right: 10px; } div#content.content-search div#map_parent { width: 320px; height: 356px; float: right; padding-right: 30px; } div#content.content-search div#map { width: 320px; height: 356px; } div#content.content-search div#SB-Group2 { width: 320px; position: absolute; right: 0px; top: 548px; padding-right: 30px; } div#content.content-search div#SB-Group1 { float: left; clear: left; width: 519px; padding-left: 25px; } div#content.content-search div#SB-Group1 div { float: left; width: 198px; margin-right: 40px; } /* Layout for 1 Column Pages */ div#content.content-1column div#narrative { position: static; float: none; width: 875px; padding-left: 25px; padding-top: 20px; z-index: 1; } div#content.content-search div#narrative ul.search-result-list li { padding-bottom: 10px; } /* Layout for 2 Column Brand Pages */ div#content.content-2column div#SB-Group1 { width: 212px; float: left; position: relative; left: -656px; padding-left: 25px;} div#content.content-2column div#SB-Group2 { width: 356px; float: right; } div#content.content-2column div#narrative { width: 656px; float: left; position: relative; left: 243px; } div#content.content-2column div#narrative p, div#content.content-2column div#narrative h1, div#content.content-2column div#narrative ul, div#content.content-2column div#narrative h2 { } div#content.content-2columnleft div#SB-Group2 { width: 356px; position: absolute; top: 248px; right: 0px; } div#content.content-2columnleft div#narrative { width: 500px; float: left; position: relative; margin-top: 40px; left: 25px; padding-bottom: 25px; } /* POI Page layout with text across middle and right, emulated */ div#content.content-2columnwide div#SB-Group1 { width: 212px; float: left; position: relative; left: -635px; padding-left: 25px;} div#content.content-2columnwide div#SB-Group2 { width: 356px; position: absolute; top: 248px; right: 0px; } div#content.content-2columnwide div#narrative { width: 635px; float: left; position: relative; left: 243px; } div.herosizespacer { display: block; float: right; width: 356px; height: 315px; } /* Layout for 2 Column - Bar Pages */ .content-2columnbar { display: block; position: relative; padding-top: 112px; } div#content.content-2columnbar div#navigation { position: absolute; top: 112px; left: 0px;} div#content.content-2columnbar div#narrative { width: 645px; position: relative; float: none; margin-left: 251px; } div#content.content-2columnbar div#SB-Group1 { width: 212px; position: absolute; top: 368px; left: 0px; padding-left: 35px;} div#content.content-2columnbar div#SB-Group2 { width: 356px; position: absolute; right: 0px; top: 432px;} div#content.content-2columnbar div#banner { background: url(../images/banners/banner-generic-pub.gif) no-repeat; } div#content.content-2columnbar div#narrative h1 { margin-top: 10px;} div#content.content-2columnbar div#banner { top: 0px; } div#content.content-2columnbar div#narrative p, div#content.content-2columnbar div#narrative h1, div#content.content-2columnbar div#narrative ul, div#content.content-2columnbar div#narrative li{ width: auto; } body#management div#content.content-2columnbar div#SB-Group2 { width: 356px; position: absolute; right: 4px; top: 113px;} div#content.article div#narrative p, div#content.article div#narrative h1, div#content.article div#narrative h2 { width: 275px; } div#content.article div#narrative ul li { padding-right: 360px; } div#content.article div#narrative h1 { font-size: small; } div#content.content-2columnbar div#banner { top: 3px; left: 35px; width: 815px; } /* Layout for Bar 3 Column Pages .content-bar { display: block; position: relative; padding-top: 112px; } div#content.content-bar div#navigation { position: absolute; top: 112px; } div#content.content-bar div#narrative { width: 283px; float: right; position: relative; left: -366px;} div#content.content-bar div#SB-Group1 { width: 212px; position: absolute; top: 378px; left: 0px; padding-left: 35px; } div#content.content-bar div#SB-Group2 { width: 356px; float: right; position: relative; left: 279px; } */ .content-bar { display: block; position: relative; padding-top: 112px; } div#content.content-bar div#navigation { position: absolute; top: 112px; left: 0px; } div#content.content-bar div#narrative { width: 283px; float: right; position: relative; left: -366px;} div#content.content-bar div#SB-Group1 { width: 212px; float: left; margin-top: 260px; left: 0px; padding-left: 35px; } div#content.content-bar div#SB-Group2 { width: 356px; float: right; position: relative; left: 279px; } div#content.content-bar div#banner { top: 3px; left: 35px; width: 815px; } div#content.content-bar div#map_parent { width: 320px; height: 356px; position: absolute; top: 122px; right: 22px; } div#content.content-bar div#map { width: 320px; height: 356px; } body#findus div#content.content-bar div#SB-Group2 { margin-top: 365px; } div#content.content-bar div#narrative h1 { margin-top: 20px; } /* Brand Header */ div#header.brand-header h1 { width: 150px; height: 112px; background:url(../images/scream.gif) no-repeat; } div#header.brand-header h1 a { display: block; width: 150px; height: 112px; text-indent: -9999px; } div#header.brand-header h2 { display: none; } /* Override for brand home where there is no link to target the text in the h1 to remove it */ body#brandhome div#header.brand-header h1 { text-indent: -9999px; } /* Default Banner */ div#banner.brandlvl-banner { background:url(../images/banners/banner-generic-brand.gif); } /* Pub Header */ div#header.pub-header { height: 192px; padding-left: 52px; width: 848px; } .pub-header h2 { display: block; background:url(../images/pubsigns/pubsign-bg.jpg) no-repeat 0px -38px; height: 152px; width: 143px; float:left; text-indent: -9999px; } .pub-header h1 { position: absolute; display: block; width: 192px; height: 152px; } .pub-header h1 a#linkToPubHome { position: absolute; display: block; width: 192px; height: 152px; text-indent: -9999px; } body#home .pub-header h1 { text-indent: -9999px; } p#header-bottom { padding-left: 16px; height: 54px; font-size: medium; font-weight: bold; width: 689px; float: right; } span.header-address { display: block; } span.header-tel { display: block; margin-top: 5px; } /* Breadcrumb overrides for pub pages */ body#home div#breadcrumb, body#findus div#breadcrumb, body#food div#breadcrumb, body#drink div#breadcrumb, body#pubsport div#breadcrumb, body#pubyellowcard div#breadcrumb, body#pubarticles div#breadcrumb, body#pubarticle div#breadcrumb, body#signup div#breadcrumb, body#signupthankyou div#breadcrumb, body#management div#breadcrumb, body#jobs div#breadcrumb { background:url(../images/pubsigns/pubsign-top.jpg) no-repeat; padding-left: 211px; width: 637px; } body#home div#breadcrumb li, body#findus div#breadcrumb li, body#food div#breadcrumb li, body#drink div#breadcrumb li, body#pubsport div#breadcrumb li, body#pubyellowcard div#breadcrumb li, body#pubarticles div#breadcrumb li, body#pubarticle div#breadcrumb li, body#signup div#breadcrumb li, body#signupthankyou div#breadcrumb li, body#management div#breadcrumb li, body#jobs div#breadcrumb li { position: relative; top: 10px;} /* Pub Header Name Plaques*/ #header-description { display: block; width: 705px; height: 90px; float: right; text-indent: -9999px; margin-bottom: 10px; } /* Navigation */ /* BRAND Navigation */ div#searchNavigation { height: 34px; margin-bottom: 7px; margin-left: 25px;} div#searchNavigation ul#nav li { display: block; float: left; height: 34px; } div#searchNavigation ul#nav li a { display: block; height: 34px; text-indent: -9999px;} #gotoBrandhome { display: block; width: 82px; background: url(/images/navigation/home.jpg) -0px -34px no-repeat; } #gotoNationalsearch { display: block; width: 115px; background: url(/images/navigation/findapub.jpg) -0px -34px no-repeat; } #gotoBrandfood { display: block; width: 70px; background: url(/images/navigation/food.jpg) -0px -34px no-repeat; } #gotoBranddrink { display: block; width: 101px; background: url(/images/navigation/drinks.jpg) -0px -34px no-repeat; } #gotoBrandsport { display: block; width: 193px; background: url(/images/navigation/sportandpubgames.jpg) -0px -34px no-repeat; } #gotoBrandyellowcard { display: block; width: 152px; background: url(/images/navigation/yellowcard.jpg) -0px -34px no-repeat; } #gotoBrandarticles { display: block; width: 75px; background: url(/images/navigation/news.jpg) -0px -34px no-repeat; } #gotoBrandjobs { display: block; width:61px; background: url(/images/navigation/jobs.jpg) -0px -34px no-repeat; } div#searchNavigation ul#nav li#gotoBack { display: block; position: absolute; top: 200px; left: 30px; width:61px; background: url(/images/navigation/brandnav-backbutton.gif) -0px -34px no-repeat; } div#searchNavigation ul#nav li#gotoBackToPub { display: block; clear:both; float:none; margin-bottom: -34px; height: 68px; width:120px; background:url(../images/navigation/backtopub.jpg) -0px -34px no-repeat; } #gotoBrandhome a:hover, #gotoBrandhome.current { background: transparent url(/images/navigation/home.jpg) no-repeat; } #gotoNationalsearch a:hover, #gotoNationalsearch.current { background: transparent url(/images/navigation/findapub.jpg) no-repeat; } #gotoBrandfood a:hover, #gotoBrandfood.current { background: transparent url(/images/navigation/food.jpg) no-repeat; } #gotoBranddrink a:hover, #gotoBranddrink.current { background: transparent url(/images/navigation/drinks.jpg) no-repeat; } #gotoBrandsport a:hover, #gotoBrandsport.current { background: transparent url(/images/navigation/sportandpubgames.jpg) no-repeat; } #gotoBrandyellowcard a:hover, #gotoBrandyellowcard.current { background: transparent url(/images/navigation/yellowcard.jpg) no-repeat; } #gotoBrandarticles a:hover, #gotoBrandarticles.current { background: transparent url(/images/navigation/news.jpg) no-repeat; } #gotoBrandjobs a:hover, #gotoBrandjobs.current { background: transparent url(/images/navigation/jobs.jpg) no-repeat; } div#searchNavigation ul#nav li#gotoBack a:hover, div#searchNavigation ul#nav li#gotoBack.current { background: transparent url(/images/navigation/brandnav-backbutton.gif) no-repeat; } div#searchNavigation ul#nav li#gotoBackToPub a:hover, div#searchNavigation ul#nav li#gotoBackToPub.current { background: transparent url(/images/navigation/backtopub.jpg) no-repeat; } .current { text-indent: -9999px; } /* BAR Navigation */ div#navigation ul#nav li, div#navigation ul#nav li a { display: block; width: 270px; height: 32px; } div#navigation ul#nav li a, .current { text-indent: -9999px; } #gotoHome { background:url(../images/navigation/barnav-pubhome.gif) no-repeat; } #gotoFindus { background:url(../images/navigation/barnav-findandcontact.gif) no-repeat; } #gotoFood { background:url(../images/navigation/barnav-food.gif) no-repeat; } #gotoDrink { background:url(../images/navigation/barnav-drink.gif) no-repeat; } #gotoPubsport { background:url(../images/navigation/barnav-sportandpubgames.gif) no-repeat; } #gotoPubyellowcard { background:url(../images/navigation/barnav-yellowcard.gif) no-repeat; } #gotoPubarticles { background:url(../images/navigation/barnav-news.gif) no-repeat; } #gotoJobs { background:url(../images/navigation/barnav-jobs.gif) no-repeat; } div#navigation ul#nav li#gotoBack { background:url(../images/navigation/backbutton.jpg) no-repeat -270px 0px; } #gotoHome.current, #gotoHome a:hover { background:url(../images/navigation/barnav-pubhome.gif) no-repeat -270px 0px; } #gotoFindus.current, #gotoFindus a:hover { background:url(../images/navigation/barnav-findandcontact.gif) no-repeat -270px 0px; } #gotoFood.current, #gotoFood a:hover { background:url(../images/navigation/barnav-food.gif) no-repeat -270px 0px; } #gotoDrink.current, #gotoDrink a:hover { background:url(../images/navigation/barnav-drink.gif) no-repeat -270px 0px; } #gotoPubsport.current, #gotoPubsport a:hover { background:url(../images/navigation/barnav-sportandpubgames.gif) no-repeat -270px 0px; } #gotoPubyellowcard.current, #gotoPubyellowcard a:hover { background:url(../images/navigation/barnav-yellowcard.gif) no-repeat -270px 0px; } #gotoPubarticles.current, #gotoPubarticles a:hover { background:url(../images/navigation/barnav-news.gif) no-repeat -270px 0px; } #gotoJobs.current, #gotoJobs a:hover { background:url(../images/navigation/barnav-jobs.gif) no-repeat -270px 0px; } div#navigation ul#nav li#gotoBack.current, div#navigation ul#nav li#gotoBack a:hover { background:url(../images/navigation/backbutton.jpg) no-repeat; } div#content.content-1column div#navigation ul#nav li#gotoBack { display: block; background: url(/images/navigation/brandnav-backbutton.gif) -0px -34px no-repeat; margin-left: 25px; } div#content.content-1column div#navigation ul#nav li#gotoBack.current, div#content.content-1column div#navigation ul#nav li#gotoBack a:hover { background: transparent url(/images/navigation/brandnav-backbutton.gif) no-repeat; } /* Brand Level Navigation on Bar Page */ ul#brandHomeBox { clear: left; width: 159px; float: left; margin-top: 9px;} ul#brandHomeBox a { display: block; background: url(../images/navigation/brandnav-screamhome.jpg) no-repeat; height: 34px; width: 159px; text-indent:-9999px } ul#brandHomeBox a:hover { display: block; background: url(../images/navigation/brandnav-screamhome.jpg) no-repeat 0px -34px; height: 34px; width: 159px; } ul#nationalSearchBox { float: left; margin-top: 9px;} ul#nationalSearchBox a { display: block; background: url(../images/navigation/brandnav-findapub.jpg) no-repeat; height: 34px; width: 159px; text-indent:-9999px } ul#nationalSearchBox a:hover { display: block; background: url(../images/navigation/brandnav-findapub.jpg) no-repeat 0px -34px; height: 34px; width: 159px; } /* Narrative */ div#narrative h1 { margin-bottom: 10px;} div#narrative p { margin-bottom: 10px;} div#narrative ul { list-style-type: disc; list-style-position: outside; margin: 20px 0px 20px 30px;} div#narrative ol { list-style-type: decimal; list-style-position: outside; margin: 20px 0px 20px 30px;} div#narrative ul li, div#narrative ol li, { margin: 0px 0px 5px 0px; } div#narrative h2 { margin-top: 15px; } div#narrative ul#pdf, ul#PDF-Rewards { list-style-type: none; margin: 20px 0px 20px 0px; padding: 0px; } div#narrative ul#pdf li, ul#PDF-Rewards li { list-style-type: none; margin: 0px; padding: 2px 0px 8px 0px;} div#narrative ul#pdf li a, ul#PDF-Rewards li a { background: url(/images/PDF.gif) no-repeat; padding: 3px 0px 3px 30px; } p#nationalsearch-button a, p#xfactornationalsearchbutton a{ display:block; background:url(../images/nearestscrpub.gif) no-repeat; width: 255px; height: 29px; text-indent: -9999px; margin: 20px 0px 20px 0px; } .hiddenPageImage img { padding: 0px; margin-right: -10px; } /* News Article Page */ .content-2column .newsimg-right { float: right; } .article div#narrative { poaition: relative; } .content-2columnbar .newsimg-right { position: absolute; right: 0px; top: 0px; float: none;} #brandarticle p.cta-footballworldcup2010 a { display: block; width: 255px; height: 47px; background:url(/images/cta-footballworldcup2010.gif) no-repeat; text-indent: -9999px; } #pubarticle p.cta-footballworldcup2010 a { display: block; width: 255px; height: 29px; background:url(/images/cta-pub-footballworldcup2010.gif) no-repeat; text-indent: -9999px; } #brandarticle p.cta-yellowpreregister a { display: block; width: 255px; height: 47px; background:url(/images/news/cta-yellowpreregister.jpg) no-repeat; text-indent: -9999px; } #pubarticle p.cta-yellowpreregister a { display: block; width: 255px; height: 29px; background:url(/images/news/cta-pub-yellowpreregister.jpg) no-repeat; text-indent: -9999px; } #brandyellowcard div.cta-yellowpreregister a { display: block; width: 255px; height: 47px; background:url(/images/news/cta-yellowpreregister.jpg) no-repeat; text-indent: -9999px; } #pubyellowcard div.cta-yellowpreregister a { display: block; width: 255px; height: 29px; background:url(/images/news/cta-pub-yellowpreregister.jpg) no-repeat; text-indent: -9999px; } #pubarticle p.cta-endofexamparty a, #brandarticle p.cta-endofexamparty a { display: block; width: 255px; height: 47px; background:url(/images/cta-endofexamparty.gif) no-repeat; text-indent: -9999px; } #pubarticle p.cta-worldcuppredictor a, #brandarticle p.cta-worldcuppredictor a { display: block; width: 255px; height: 47px; background:url(/images/cta-signuptoworldcuppredictor.gif) no-repeat; text-indent: -9999px; } #pubarticle p.cta-freeiscream a, #brandarticle p.cta-freeiscream a { display: block; width: 212px; height: 29px; background:url(/images/cta-freeiscream.gif) no-repeat; text-indent: -9999px; } #pubarticle p.cta-winfestivaltickets a, #brandarticle p.cta-winfestivaltickets a { display: block; width: 252px; height: 40px; background:url(/images/news/cta-winfestivaltickets.jpg) no-repeat; text-indent: -9999px; } /* Brand Level Titles */ body#brandhome div#narrative h1 { background:url(../images/titles/brand-screamhome.jpg) no-repeat; height: 65px; text-indent: -9999px;} body#nationalsearch div#narrative h1 { background:url(../images/titles/brand-findapub.jpg) no-repeat; height: 65px; text-indent: -9999px;} body#searchresults div#narrative h1 { background:url(../images/titles/brand-searchresults.jpg) no-repeat; height: 65px; text-indent: -9999px;} body#brandfood div#narrative h1 { background:url(../images/titles/brand-food.jpg) no-repeat; height: 65px; text-indent: -9999px;} body#branddrink div#narrative h1 { background:url(../images/titles/brand-drinks.jpg) no-repeat; height: 65px; text-indent: -9999px;} body#brandsport div#narrative h1 { background:url(../images/titles/brand-sportsandgames.jpg) no-repeat; height: 65px; text-indent: -9999px;} body#brandyellowcard div#narrative h1 { background:url(../images/titles/brand-yellowcard.jpg) no-repeat; height: 65px; text-indent: -9999px;} body#brandarticles div#narrative h1 { background:url(../images/titles/brand-news.jpg) no-repeat; height: 65px; text-indent: -9999px;} body#brandarticle div#narrative h1 { background:url(../images/titles/brand-news.jpg) no-repeat; height: 65px; text-indent: -9999px;} body#brandjobs div#narrative h1 { background:url(../images/titles/brand-jobs.jpg) no-repeat; height: 65px; text-indent: -9999px;} body#brandmanagement div#narrative h1 { background:url(../images/titles/brand-managementjobs.jpg) no-repeat; height: 65px; text-indent: -9999px;} body#challenge21 div#narrative h1 { background:url(../images/titles/brand-challenge21.jpg) no-repeat; height: 65px; text-indent: -9999px;} body#press div#narrative h1 { background:url(../images/titles/brand-pressroom.jpg) no-repeat; height: 65px; text-indent: -9999px;} body#accessibility div#narrative h1 { background:url(../images/titles/brand-accessibility.jpg) no-repeat; height: 65px; text-indent: -9999px;} body#termsandconditions div#narrative h1{ background:url(../images/titles/brand-termsandcons.jpg) no-repeat; height: 65px; text-indent: -9999px;} body#privacy div#narrative h1 { background:url(../images/titles/brand-privacypolicy.jpg) no-repeat; height: 65px; text-indent: -9999px;} body#notfound div#narrative h1 { background:url(../images/titles/brand-notfound.jpg) no-repeat; height: 65px; text-indent: -9999px;} body#screambrandycdisclaimer div#narrative h1 { background:url(../images/titles/brand-crunchsky.jpg) no-repeat; height: 65px; text-indent: -9999px;} /* Pub Level Titles */ body#findus div#narrative h1 { background:url(../images/titles/pub-findus.jpg) no-repeat; height: 23px; text-indent: -9999px;} body#food div#narrative h1 { background:url(../images/titles/pub-food.jpg) no-repeat; height: 23px; text-indent: -9999px;} body#drink div#narrative h1 { background:url(../images/titles/pub-drink.jpg) no-repeat; height: 23px; text-indent: -9999px;} body#pubsport div#narrative h1 { background:url(../images/titles/pub-sport.jpg) no-repeat; height: 23px; text-indent: -9999px;} body#pubyellowcard div#narrative h1 { background:url(../images/titles/pub-yc.jpg) no-repeat; height: 23px; text-indent: -9999px;} body#pubarticles div#narrative h1, body#pubarticle div#narrative h1 { background:url(../images/titles/pub-news.jpg) no-repeat; height: 23px; text-indent: -9999px;} body#jobs div#narrative h1 { background:url(../images/titles/pub-jobs.jpg) no-repeat; height: 23px; text-indent: -9999px;} body#management div#narrative h1 { background:url(../images/titles/pub-management.jpg) no-repeat; height: 23px; text-indent: -9999px;} body#signup div#narrative h1 { background:url(../images/titles/pub-signup.jpg) no-repeat; height: 23px; text-indent: -9999px;} body#signupthankyou div#narrative h1 { background:url(../images/titles/pub-signupthanks.jpg) no-repeat; height: 23px; text-indent: -9999px;} /* Search Fields - National Search and Search Results */ div#narrative form#frmSearch { display:block; clear: both; height: 40px; } div#narrative form#frmSearch span#searchfields { width:313px; display: block; position:relative;} div#narrative form#frmSearch label { font-size:small; display:block; width:313px; height:25px; } div#narrative form#frmSearch input#searchBox { height:16px; width:270px; display:block; float:left; } div#narrative form#frmSearch input#goImg { height:22px; width:32px; float:left; margin-left:5px;} div#narrative a#brandpoilink { font-size:small; width:313px; display:block; clear: both; margin:20px 0px 20px 0px;} div#management-link a { background:url(../images/managementlink.gif); width: 441px; height: 31px; display: block; text-indent: -9999px; margin-top: 10px; } .drinkawarelogo { } .drinkawarelogo a { display: block; background:url(../images/goodtimesgobad.jpg) no-repeat; width: 89px; height: 85px; text-indent: -9999px; } .completeanddownloadyellowcardapplicationlink a { display: block; background:url(../images/ycapplink.gif); width: 255px; height: 52px; text-indent: -9999px; } /* Tand C Image */ body#termsandconditions div#content div#narrative { background:url(../images/photographs/other/tandcs.jpg) top right no-repeat; padding-bottom: 20px; } body#termsandconditions div#content div#narrative p { width: 500px; } div.content-images { clear:both; display: block; border: 1px solid #fff9a6; } /* Sign Up Thank You */ .facebooklogolink { display: block; width: 94px; height: 32px; text-indent: -9999px; float: left; } .facebooklinktxt { display: block; line-height: 32px; } .facebooklink { display: block; background:url(/images/facebookicon.jpg) no-repeat; height: 32px; margin: 30px 0px 20px 0px; } /* Footer */ div#footer { display: block; padding-left: 19px; height: 45px; padding-top: 10px; } div#footer ul { display: block; float: left; line-height: 45px; } div#footer ul li { display: inline; font-size: small; margin-right: 10px; } p.copyright { float: right; padding-right: 19px; line-height: 45px; } /* Form Styles */ body#signup div#content.content-2columnbar div#narrative p, body#signupthankyou div#content.content-2columnbar div#narrative p { width: 500px; } body#signupthankyou div#content.content-2columnbar div#narrative { padding-bottom: 60px; } form#feedback { font-size:small; } form#feedback label { text-align:left; width:265px; float:left; } form#feedback label.optin_label { text-align:left; margin-top: 8px; float:right; position: static; display: block; padding-right: 127px; width: 473px; } form#feedback input.optin_box { margin-bottom:0px; margin-top: 10px; width: 20px; float: left; display: block; clear: both; } form#feedback label.radio_label { text-align:left; float: none; margin-bottom:10px;} form#feedback input.radio_box { margin-bottom:0px; width: 20px; } form#feedback input { margin-bottom:10px; width: 250px; } form#feedback span#genderarea { display:block; margin-top:10px; } form#feedback .emailinput { margin-top: 15px; } .inputbox { margin-bottom:10px; } form#feedback .submitbutton { background-color:#fbc132; width: 80px; margin: 10px 0px 20px 0px; border: 0px; padding: 3px 0px 3px 0px; } #additional_info { width: 250px; } form#feedback span#optinmobilespan { height: 20px; display: block;} p.validationWarning { padding-top: 10px; } body#signup div#content.content-2columnbar div#narrative ul#privacybullets { padding-right: 120px; } span#privacy { display: block; margin-top: 30px; } span#visitedbeforespan, span#placeofstudyspan, span#yellowcardspan, span#noYellowcardMessage{ display: block; padding-bottom: 5px; } span#placeofstudyspan { margin-top: 8px; display: block; } span#yellowcardspan { margin-top: 20px } /* Debug div#wrapper { border-bottom: 1px solid #F00; } div#content-brand, div#content-bar, div#content-3rdlvl, div#content-2column { background:#9C9; } div#banner { } div#narrative { background:#FFCC00; } div#SB-Group1 { background:#CC3300; } div#SB-Group2 { background:#333366; } div#breadcrumb { background:#0099CC; } div#map_parent { background:#66CC99; } div#header { background:#006600; } .clear { background:#009966; } .staticdiv { } */ /*Make your marker styles*/ body .dfcMapUpdateMapMarkersSearch-wrapper div#content-brand { background-color:#FFFFFF; margin:0px; padding:0px; border:0px; margin-left:auto; margin-right:auto; width:900px; color:#000000; font-family:Arial, Helvetica, sans-serif; margin-top:15px; font-size: small;} div#wrapper .dfcMapUpdateMapMarkersSearch-wrapper { border-bottom: 0px; background:#FFFFFF; padding-top: 10px; margin-top: 10px;} div#wrapper .dfcMapUpdateMapMarkersSearch { background-color:#FFFFFF; margin:0px; padding:0px; border-bottom: none; color:#000000; float:none; width:900px; } div#wrapper .dfcMapUpdateMapMarkersSearch div#narrative { background-color:#FFFFFF; margin:0px; padding:0px; border:0px; color:#000000; float:left; width:400px; left: 0px;} div#wrapper .dfcMapUpdateMapMarkersSearch div#map_parent { background-color:#FFFFFF; margin:0px; padding:0px; border:0px; color:#000000; float:right; width: 480px; height: 400px;} div#wrapper .dfcMapUpdateMapMarkersSearch div#map { background-color:#FFCC00; margin:0px; padding:0px; border:0px; color:#000000; float:none; width:480px; height: 400px;} div#wrapper .dfcMapUpdateMapMarkersSearch .pubinfo { margin:0px; padding:0px; border:0px; color:#000000; } div#wrapper .dfcMapUpdateMapMarkersSearch div#map h5 { margin:0px; padding:0px; border:0px; color:#000000; } div#wrapper .dfcMapUpdateMapMarkersSearch .pubinfo h5 { margin:0px; padding:0px; border:0px; color:#000000; } div#wrapper .dfcMapUpdateMapMarkersSearch .clear { margin:0px; padding:0px; border:0px; color:#000000; background-color:#FFF; float:none; width:900px; clear:both; } div#wrapper .dfcMapUpdateMapMarkersSearch div#cleartop { display:none; } div#wrapper .dfcMapUpdateMapMarkersSearch div#narrative h1 { margin:0px 0px 10px 0px; position: static; background:none; padding:0px; border:0px; font-family:Arial, Helvetica, sans-serif; font-size:x-large; color:#000000; } div#wrapper .dfcMapUpdateMapMarkersSearch div#narrative form#frmSearch { margin:0px; padding:0px 0px 20px 0px; border:0px; background:#FFFFFF; border-bottom: 2px dotted #000 } div#wrapper .dfcMapUpdateMapMarkersSearch div#narrative form#frmSearch label { margin:0px 0px 5px 0px; padding:0px; border:0px; display:block; } div#wrapper .dfcMapUpdateMapMarkersSearch div#narrative form#frmSearch input#searchBox { margin:0px; padding:2px; border:1px solid #666; } div#wrapper .dfcMapUpdateMapMarkersSearch div#narrative form#frmSearch input#goImg { margin:0px; padding:0px; border:0px; } div#wrapper .dfcMapUpdateMapMarkersSearch div#narrative span { margin:0px; padding:0px; border:0px; color:#000000; } div#wrapper .dfcMapUpdateMapMarkersSearch div#narrative p { margin:0px 0px 10px 0px; padding:0px; border:0px; color:#000000; line-height:normal; } div#wrapper .dfcMapUpdateMapMarkersSearch div#narrative h2 { margin:20px 0px 0px 0px; padding:0px; border:0px; color:#000000; font-size: medium; } div#wrapper .dfcMapUpdateMapMarkersSearch div#narrative ul { margin:10px 10px 20px 30px; padding:0px; border:0px; color:#000000; } div#wrapper .dfcMapUpdateMapMarkersSearch div#narrative ul li { margin:0px 0px 10px 0px; padding:0px; border:0px; color:#000000; } div#wrapper .dfcMapUpdateMapMarkersSearch div#narrative li { margin:0px; padding:0px; border:0px; color:#000000; } div#wrapper .dfcMapUpdateMapMarkersSearch div#narrative ul li a { margin:0px; padding:0px; border:0px; color:#000000; } div#wrapper .dfcMapUpdateMapMarkersSearch div#narrative a { margin:0px; padding:0px; border:0px; color:#000000; } div#wrapper .dfcMapUpdateMapMarkersSearch div#narrative ul li a:link { margin:0px; padding:0px; border:0px; color:#000000; } div#wrapper .dfcMapUpdateMapMarkersSearch div#narrative ul li a:hover { margin:0px; padding:0px; border:0px; color:#000000; } div#wrapper .dfcMapUpdateMapMarkersSearch div#narrative ul li a:visited { margin:0px; padding:0px; border:0px; color:#000000; } div#wrapper .dfcMapUpdateMapMarkersSearch .staticdiv { height: 0px; font-size: 0px; display: none; background-color: #FFF; } body .dfcMapUpdateMapMarkersSearchResults-wrapper div#content-brand { background-color:#FFFFFF; margin:0px; padding:0px; border:0px; margin-left:auto; margin-right:auto; width:900px; color:#000000; font-family:Arial, Helvetica, sans-serif; margin-top:15px; font-size: small;} div#wrapper.dfcMapUpdateMapMarkersSearchResults-wrapper { border: none; background:#FFFFFF; padding-top: 10px; margin-top: 10px; } div#wrapper .dfcMapUpdateMapMarkersSearchResults { background-color:#FFFFFF; margin:0px; padding:0px; border:0px; color:#000000; float:none; width:900px; } div#wrapper .dfcMapUpdateMapMarkersSearchResults div#narrative { background-color:#FFFFFF; margin:0px; padding:0px; border:0px; color:#000000; float:left; width:400px; left: 0px;} div#wrapper .dfcMapUpdateMapMarkersSearchResults div#map_parent { background-color:#FFFFFF; margin:0px; padding:0px; border:0px; color:#000000; float:right; width: 480px; height: 400px;} div#wrapper .dfcMapUpdateMapMarkersSearchResults div#map { background-color:#FFFFFF; margin:0px; padding:0px; border:0px; color:#000000; float:none; width: 480px; height: 400px;} div#wrapper .dfcMapUpdateMapMarkersSearchResults .pubinfo { margin:0px; padding:0px; border:0px; color:#000000; } div#wrapper .dfcMapUpdateMapMarkersSearchResults div#map h5 { margin:0px; padding:0px; border:0px; color:#000000; } div#wrapper .dfcMapUpdateMapMarkersSearchResults .pubinfo h5 { margin:0px; padding:0px; border:0px; color:#000000; } div#wrapper .dfcMapUpdateMapMarkersSearchResults .clear { margin:0px; padding:0px; border:0px; color:#000000; float:none; width:900px; clear:both; background-color: #ffffff;} div#wrapper .dfcMapUpdateMapMarkersSearchResults div#cleartop { display:none; } div#wrapper .dfcMapUpdateMapMarkersSearchResults div#narrative h1 { margin:0px 0px 10px 0px; position: static; background: none; padding:0px; border:0px; font-family:Arial, Helvetica, sans-serif; font-size:x-large; color:#000000; } div#wrapper .dfcMapUpdateMapMarkersSearchResults div#narrative form#frmSearch { margin:0px; padding:0px 0px 20px 0px; border:0px; color:#000000; border-bottom: 2px dotted #000;} div#wrapper .dfcMapUpdateMapMarkersSearchResults div#narrative form#frmSearch label { margin:0px 0px 5px 0px; padding:0px; border:0px; display:block; } div#wrapper .dfcMapUpdateMapMarkersSearchResults div#narrative form#frmSearch input#searchBox { margin:0px; padding:2px; border:1px solid #666; } div#wrapper .dfcMapUpdateMapMarkersSearchResults div#narrative form#frmSearch input#goImg { margin:0px; padding:0px; border:0px; color:#000000; } div#wrapper .dfcMapUpdateMapMarkersSearchResults div#narrative span { margin:0px; padding:0px; border:0px; color:#000000; } div#wrapper .dfcMapUpdateMapMarkersSearchResults div#narrative p { margin:0px; padding:0px; border:0px; color:#000000; } div#wrapper .dfcMapUpdateMapMarkersSearchResults div#narrative h2 { margin:20px 0px 0px 0px; padding:0px; border:0px; color:#000000; font-size: medium;} div#wrapper .dfcMapUpdateMapMarkersSearchResults div#narrative ul { margin:10px 10px 20px 30px; padding:0px; border:0px; color:#000000; } div#wrapper .dfcMapUpdateMapMarkersSearchResults div#narrative ul li { margin:0px 0px 10px 0px; padding:0px; border:0px; color:#000000; } div#wrapper .dfcMapUpdateMapMarkersSearchResults div#narrative li { margin:0px; padding:0px; border:0px; color:#000000; } div#wrapper .dfcMapUpdateMapMarkersSearchResults div#narrative ul li a { margin:0px; padding:0px; border:0px; color:#000000; } div#wrapper .dfcMapUpdateMapMarkersSearchResults div#narrative a { margin:0px; padding:0px; border:0px; color:#000000; } div#wrapper .dfcMapUpdateMapMarkersSearchResults div#narrative ul li a:link { margin:0px; padding:0px; border:0px; color:#000000; } div#wrapper .dfcMapUpdateMapMarkersSearchResults div#narrative ul li a:hover { margin:0px; padding:0px; border:0px; color:#000000; } div#wrapper .dfcMapUpdateMapMarkersSearchResults div#narrative ul li a:visited { margin:0px; padding:0px; border:0px; color:#000000; } div#wrapper .dfcMapUpdateMapMarkersSearchResults div#narrative a:link { margin:0px; padding:0px; border:0px; color:#000000; } div#wrapper .dfcMapUpdateMapMarkersSearchResults div#narrative li a:hover { margin:0px; padding:0px; border:0px; color:#000000; } div#wrapper .dfcMapUpdateMapMarkersSearchResults div#narrative li a:visited { margin:0px; padding:0px; border:0px; color:#000000; } div#wrapper .dfcMapUpdateMapMarkersSearchResults div#narrative span.small-text { margin:0px; padding:0px; border:0px; color:#000000; font-size:small; } div#wrapper .dfcMapUpdateMapMarkersSearchResults .staticdiv { height: 0px; font-size: 0px; display: none; background-color: #FFF; }/* CSS Document */ /* Added by Chris 2009-09-10 */ span.hiddenPageImage img { float: right; margin-right: 10px; }