/* Author: Leanne Dragonfly Creative www.dragonflycreative.net Date:March 2010 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: Arial, Helvetica, sans-serif; font-size:small; margin:0px; padding:0px; background:url(../images/theme_default/staghead-bg.jpg) no-repeat top center ; background-color:#000; color: #FFF; } p { line-height: 18px; } h2 { font-size: medium; } h1, h2 { font-family: Arial, Helvetica, sans-serif; } a:link { color: #000; } a:visited { color: #600; } a:hover { color: #600; } .validationWarning { color: #dd0105; } /*clearing divs*/ .clear { clear: both; font-size: 0px; } /* Static Element to prevent IE bug */ div#clear-top { display:none; } /*dfc standard items*/ .announcement { color:#990000; clear: both; } #hidethisparagraph { display: none; } .txt_small, #disclaimer, .small-text { font-size: x-small; } #map .small-text, #map div { color:#000; } #disclaimer { } div#disclaimer p, p.disclaimer { line-height:15px; font-size: x-small; } /*map items*/ a.dfcMapResults:link { color: #fff5d5; } a.dfcMapResults:visited { color: #fff5d5; } a.dfcMapResults:hover { color: #fff5d5; } .staticdiv { height: 1px; font-size: 0px; display: block; position: static; } /*Main DIVs*/ #wrapper { width: 900px; margin-left: auto; margin-right: auto; position:relative; background: url(/images/theme_default/woodenbg.jpg) 0px 269px no-repeat; background-color:#440000; } #content { padding-bottom: 20px; } #footer { background: url(/images/theme_default/footer-bg.jpg) no-repeat; height: 231px; } ul#legal-links { padding-top: 20px; float: right; width: 400px; text-align: right;} ul#legal-links li { display: inline; padding-left: 10px;} ul#legal-links li a { color: #8b857b; } p.copyright { display: block; width: 400px; float: left; padding-top: 20px; color: #8b857b; } /*Breadcrumb*/ div#breadcrumb { font-size:small; display:block; height:44px; background: url(/images/theme_default/breadcrumb-bg.jpg) no-repeat;} div#breadcrumb ul { padding-top: 10px; padding-left: 10px; } span#rootnode { color: #cc1e00; font-weight: bold; } #currentpage { font-weight: bold; } ul#bclinks li a { color:#FFF; } /* Brand Level Layouts */ #header { height: 135px; background: url(/images/theme_default/brandheader-bg.jpg) no-repeat;} #searchNavigation, .brand-1column #navigation { height: 91px; background: url(/images/theme_default/brandnavigation-bg.jpg) no-repeat; margin-bottom: 28px;} #searchNavigation ul { display: block; padding-left: 36px;} #searchNavigation ul#nav li { display: block; float: left; height: 91px;} #searchNavigation ul#nav li a, #searchNavigation ul#nav li.current { display: block; height: 91px; text-indent: -9999px; } #gotoBrandhome { background:url(/images/theme_default/navigation/brand-home.jpg) no-repeat; width: 121px; } #gotoNationalsearch { background:url(/images/theme_default/navigation/brand-findabar.jpg) no-repeat; width: 140px; } #gotoBrandfood { background:url(/images/theme_default/navigation/brand-food.jpg) no-repeat; width: 112px; } #gotoBranddrink { background:url(/images/theme_default/navigation/brand-drink.jpg) no-repeat; width: 113px; } #gotoBrandmusic { background:url(/images/theme_default/navigation/brand-music.jpg) no-repeat; width: 113px; } #gotoBrandarticles { background:url(/images/theme_default/navigation/brand-offers.jpg) no-repeat; width: 111px; } #gotoBrandjobs { background:url(/images/theme_default/navigation/brand-jobs.jpg) no-repeat; width: 120px; } #gotoBrandhome.current, #gotoBrandhome a:hover { background:url(/images/theme_default/navigation/brand-home.jpg) no-repeat 0px -91px; } #gotoNationalsearch.current, #gotoNationalsearch a:hover { background:url(/images/theme_default/navigation/brand-findabar.jpg) no-repeat 0px -91px; } #gotoBrandfood.current, #gotoBrandfood a:hover { background:url(/images/theme_default/navigation/brand-food.jpg) no-repeat 0px -91px; } #gotoBranddrink.current, #gotoBranddrink a:hover { background:url(/images/theme_default/navigation/brand-drink.jpg) no-repeat 0px -91px; } #gotoBrandmusic.current, #gotoBrandmusic a:hover { background:url(/images/theme_default/navigation/brand-music.jpg) no-repeat 0px -91px; } #gotoBrandarticles.current, #gotoBrandarticles a:hover { background:url(/images/theme_default/navigation/brand-offers.jpg) no-repeat 0px -91px; } #gotoBrandjobs.current, #gotoBrandjobs a:hover { background:url(/images/theme_default/navigation/brand-jobs.jpg) no-repeat 0px -91px; } #content #searchNavigation ul#nav li#gotoBack a { width: 97px; height: 35px; position: absolute; top: 300px; background:url(/images/theme_default/navigation/brand2column-back.gif) no-repeat; } #content #searchNavigation ul#nav li#gotoBack a:hover { background:url(/images/theme_default/navigation/brand2column-back.gif) no-repeat 0px -63px; } #content #searchNavigation ul#nav li#gotoBackToPub { height: 51px; } #content #searchNavigation ul#nav li#gotoBackToPub a { width: 161px; height: 51px; position: absolute; top: 100px; right: 20px; background:url(/images/theme_default/navigation/brand-backtopub.gif) no-repeat; } #content #searchNavigation ul#nav li#gotoBackToPub a:hover { background:url(/images/theme_default/navigation/brand-backtopub.gif) no-repeat 0px -63px; } .brand-1column #navigation #nav { padding-left: 36px; } .brand-1column #navigation #nav #gotoBack { background:url(/images/theme_default/navigation/brand1column-back.jpg) no-repeat; width: 121px; height: 91px; } .brand-1column #navigation #nav #gotoBack a { display: block; width: 121px; height: 91px; text-indent: -9999px; } .brand-1column #navigation #nav #gotoBack a:hover { background:url(/images/theme_default/navigation/brand1column-back.jpg) no-repeat 0px -91px; width: 121px; height: 91px; } .brand-1column #narrative { width: 830px; margin-left: auto; margin-right: auto; background:url(/images/theme_default/narrativebg-850-repeat.gif) repeat-y; padding-right: 25px; paddin-top: } .brand-2column, .brand-2columnwide { clear: both; } .brand-2column #narrative, .brand-2columnwide #narrative { float: left; width: 432px; padding-left: 25px; padding-right: 20px; background:url(/images/theme_default/narrativebg-452-repeat.gif) repeat-y; background-position: 25px; } .brand-2column #SB-Group1 { float: right; width: 398px; } .brand-2columnwide #SB-Group1 { padding-right: 25px; } .brand-2column #SB-Group1 div, .brand-2columnwide #SB-Group1 div { margin-bottom: 20px;} .brand-2column #SB-Group2, .brand-2columnwide #SB-Group2 { clear: both; padding: 20px 0px 20px 25px;} .brand-2column #SB-Group2 div, .brand-2columnwide #SB-Group2 div { float:left; width:278px; } .brand-2columnwide #map_parent { width: 339px; float: right; height: 387px; padding-right: 46px; padding-left: 21px; padding-top: 21px; background:url(/images/theme_default/brandmap-bg.gif) no-repeat; margin-bottom: 20px;} .brand-2columnwide #map { height: 338px;} .brandbackbutton #narrative { margin-top: 51px; } .map #SB-Group1 { float: right; width: 398px; clear: right; } .map #SB-Group1 div { float: right; width: 382px; } .brand-2column #SB-Group1 div { float: right; clear:both; padding-right: 27px; } .brandhome #SB-Group3 { position:absolute; top: 300px; background:url(/images/theme_default/smartboxes/brandhome-webelieve-sbbg.jpg) no-repeat; height: 456px; left: 25px; width: 451px; } .brandhome #SB-Group3 { padding-top: 80px; } #lak-global-3things h1 { display: none; } #lak-global-3things a { display: block; width: 451px; height: 120px; text-indent: -9999px;} .brandhome #narrative { margin-top: 456px; background:url(/images/theme_default/brandhome-narrativebg.gif) no-repeat right top; } .brandhome #narrative p { width: 280px; } /* Brand Header */ .brand-header h1 a { display: block; width: 850px; height: 135px; text-indent: -9999px; } .brand-header h2 { display: none; } #brandhome .brand-header h1 { display: none; } /* Pub Header Area */ #header.pub-header { height: 225px; } /* Pub Layouts */ .pub-2column { padding-top: 20px; } .pub-2column #banner { float: none; background: #096; margin: 0px; padding-right: 45px;} .pub-2column #navigation { width: 276px; float: left; background: url(/images/theme_default/pubnavigationbg.gif) repeat-y right; padding-left: 25px; } .pub-2column #narrative { float: right; clear: right; width: 581px; } .pub-2column #SB-Group1 { width: 289px; float: left; clear: left; padding-left: 20px; padding-top: 20px; } .pub-2column #SB-Group1 div { margin-bottom: 20px;} .pub-2column #SB-Group2 { clear: right; width: 556px; float: right; padding-right: 25px; } .pub-2column #SB-Group2 div { width: 278px; float: left; } .pub-2column #SB-Group3 { clear: both; } .pub-2column #map_parent { height: 272px; width: 530px; position: absolute; top: 289px; right: 43px; } .pub-2column #map, #pubBannerSwitcher, #pubGallerySwitcher { height: 272px; width: 530px; float: right; } .pubmap #narrative { margin-top: 272px; } .pub-2column #narrative p, .pub-2column #narrative h2, .pub-2column #narrative form { padding-left: 25px; padding-right: 60px; margin-left: 8px; background: url(/images/theme_default/pubnarrative-bg.gif) repeat-y; } .pub-2column #narrative ul { margin-left: 8px; background: url(/images/theme_default/pubnarrative-bg.gif) repeat-y; width: 523px; } .pub-2column #narrative ul li { margin-left: 20px; } #brandHomeBox { display: block; position: absolute; top: 178px; left: 36px; width: 194px; background:url(/images/theme_default/navigation/lakota-home.jpg) no-repeat; height: 91px; } #brandHomeBox a { display: block; height: 91px; width: 194px; text-indent: -9999px; } #brandHomeBox a:hover { background:url(/images/theme_default/navigation/lakota-home.jpg) no-repeat 0px -91px; } #nationalSearchBox { display: block; position: absolute; top: 178px; left: 228px; background:url(/images/theme_default/navigation/brand-publevel-findabar.jpg) no-repeat; width: 140px; height: 91px; } #nationalSearchBox a { display: block; height: 91px; width: 194px; text-indent: -9999px; } #nationalSearchBox a:hover { background:url(/images/theme_default/navigation/brand-publevel-findabar.jpg) no-repeat 0px -91px; } .pub-2column #navigation ul { display: block; padding-top: 10px; margin-bottom: 10px; } .pub-2column #navigation ul li { display: block; height: 30px; margin-bottom: 10px; width: 268px; margin-left: 4px; } .pub-2column #navigation ul li a { display: block; height: 30px; width: 268px; text-indent: -9999px;} .pub-2column #navigation ul li.current { text-indent: -9999px; } /* Pub Header */ #home .pub-header h1 { display: none; } .pub-header h1 a { display: block; height: 135px; text-indent: -9999px; } .pub-header h2 { height: 73px; width: 514px; position: absolute; top: 184px; right: 0px; text-indent: -9999px; } p#header-bottom { position: absolute; top: 225px; right: 17px; text-align: right; width: 480px;} .header-address { padding-right: 20px; } #gotoHome { background:url(/images/theme_default/navigation/pubnavigation-home.jpg) no-repeat; } #gotoFindus { background:url(/images/theme_default/navigation/pubnavigation-findus.jpg) no-repeat; } #gotoFood { background:url(/images/theme_default/navigation/pubnavigation-food.jpg) no-repeat; } #gotoDrink { background:url(/images/theme_default/navigation/pubnavigation-drink.jpg) no-repeat; } #gotoMusic { background:url(/images/theme_default/navigation/pubnavigation-music.jpg) no-repeat; } #gotoPubarticles { background:url(/images/theme_default/navigation/pubnavigation-offers.jpg) no-repeat; } #gotoEventenquiryinfo { background:url(/images/theme_default/navigation/pubnavigation-partybookings.jpg) no-repeat; } #gotoSignupinfo { background:url(/images/theme_default/navigation/pubnavigation-becomeamember.jpg) no-repeat; } #gotoPubgallery { background:url(/images/theme_default/navigation/pubnavigation-gallery.jpg) no-repeat; } #gotoJobs { background:url(/images/theme_default/navigation/pubnavigation-jobs.jpg) no-repeat; } ul#nav li#gotoHome.current, #gotoHome a:hover { background:url(/images/theme_default/navigation/pubnavigation-home.jpg) no-repeat -270px -0px; } ul#nav li#gotoFindus.current, #gotoFindus a:hover { background:url(/images/theme_default/navigation/pubnavigation-findus.jpg) no-repeat -270px -0px; } ul#nav li#gotoFood.current, #gotoFood a:hover { background:url(/images/theme_default/navigation/pubnavigation-food.jpg) no-repeat -270px -0px; } ul#nav li#gotoDrink.current, #gotoDrink a:hover { background:url(/images/theme_default/navigation/pubnavigation-drink.jpg) no-repeat -270px -0px; } ul#nav li#gotoMusic.current, #gotoMusic a:hover { background:url(/images/theme_default/navigation/pubnavigation-music.jpg) no-repeat -270px -0px; } ul#nav li#gotoPubarticles.current, #gotoPubarticles a:hover { background:url(/images/theme_default/navigation/pubnavigation-offers.jpg) no-repeat -270px -0px; } ul#nav li#gotoEventenquiryinfo.current, #gotoEventenquiryinfo a:hover { background:url(/images/theme_default/navigation/pubnavigation-partybookings.jpg) no-repeat -270px -0px; } ul#nav li#gotoSignupinfo.current, #gotoSignupinfo a:hover { background:url(/images/theme_default/navigation/pubnavigation-becomeamember.jpg) no-repeat -270px -0px; } ul#nav li#gotoPubgallery.current, #gotoPubgallery a:hover { background:url(/images/theme_default/navigation/pubnavigation-gallery.jpg) no-repeat -270px -0px; } ul#nav li#gotoJobs.current, #gotoJobs a:hover { background:url(/images/theme_default/navigation/pubnavigation-jobs.jpg) no-repeat -270px -0px; } #navigation ul#nav #gotoBack { background:url(/images/theme_default/navigation/pubnavigation-back.jpg) no-repeat -270px -0px; } #navigation ul#nav #gotoBack a:hover { background:url(/images/theme_default/navigation/pubnavigation-back.jpg) no-repeat; } /* Narrative */ #narrative p { padding-bottom: 20px; } #narrative ul { list-style: disc; list-style-position: outside; padding: 0px 0px 10px 40px;} #narrative ul li { padding: 0px 20px 5px 0px; color:#FFFFFF; } #narrative a { color: #FFF; } #narrative a:visited, #narrative a:hover { color: #900; } #narrative #searchfields { display: block; margin-bottom: 20px } .brand-2column #narrative .content-images { display: block; padding-left: 30px; padding-bottom: 20px;} .brand-2column #narrative .content-images .leftimg { margin-right: 20px; } div#narrative ul#pdf { list-style-type: none; padding: 0px 0px 20px 20px; } div#narrative ul#pdf li { list-style-type: none; padding: 0px 0px 10px 0px;} div#narrative ul#pdf li a { background: url(/images/theme_default/PDF-Icon.gif) no-repeat; padding: 2px 0px 3px 25px;} #narrative p.cta a, #narrative div.cta p a { color: #FFF; background: url(/images/theme_default/cta-bg.gif) repeat; background-position: right; height: 31px; padding: 10px 25px 10px 10px; text-decoration: none; } #narrative p.cta a:hover, #narrative div.cta p a:hover { color: #FFF; } #narrative .drinkawarelogo a { display: block; text-indent: -9999px; background: url(/images/theme_default/drinkaware-large.gif) no-repeat; height: 94px; width: 97px; margin-left: auto; margin-right: auto; } #narrative #searchfields { display: block; clear: both; height: 30px; margin-top: 5px; } #narrative #searchBox { float: left; } #narrative #goImg { float: left; margin-left: 10px; maring-top: 2px;} /* News and Offers Lists */ h2.offertitle, h2.articletitle { padding-bottom: 20px; } h2.offertitle a { background:url(/images/theme_default/rssicon-small.gif) no-repeat 0px 5px; width: 43px; height: 17px; font-size: xx-small; text-indent: -9999px; text-align: left; display: block; float: left; } h2.articletitle a { background:url(/images/theme_default/rssicon-small.gif) no-repeat 0px 5px; width: 43px; height: 17px; font-size: xx-small; text-indent: -9999px; text-align: left; display: block; float: left; } div.offerintro-list { padding-bottom: 0px; } div.offerintro-list img { float: left; margin-right: 10px; padding-left: 28px; margin-bottom: 20px; } span.newsoffers-text { display: block; margin-left: 8px; background: url(/images/theme_default/pubnarrative-bg.gif) repeat-y; } span.newsoffers-text a { font-weight: bold; } #narrative span.newsoffers-text p { margin: 0px; background: none; } /* Brand Article Pages */ .articleimage #narrative img { position: absolute; top: 300px; right: 40px; } .articleimage #SB-Group1 { margin-top: 236px; } /* Pub Article Pages */ .articleintro { display: block; float: right; width: 320px;} .articleintro img { padding-left: 10px; } /* Padding to position content within narrative within the repeating background */ .brand-2columnwide #narrative p, .brand-2columnwide #narrative h2, .brand-2columnwide #narrative form, .brand-2column #narrative p, .brand-2column #narrative h2, .brand-2column #narrative form, .brand-1column #narrative p, .brand-1column #narrative h2, .brand-1column #narrative form{ padding-left: 30px; } .brand-2columnwide #narrative #jumpToPub, .brand-2columnwide #narrative ul, .brand-2column #narrative #jumpToPub, .brand-2column #narrative ul, .brand-1column #narrative #jumpToPub, .brand-1column #narrative ul{ margin-left: 30px; } #jumpToPub { margin-bottom: 20px; } #findus-info strong { float: left; padding-left: 35px; width: 80px; } /* Brand Level Titles */ #narrative h1 { text-indent: -9999px; display: block; } #nationalsearch #narrative h1 { background:url(/images/theme_default/titles/brand-findabar.jpg) no-repeat; height: 104px; } #searchresults #narrative h1 { background:url(/images/theme_default/titles/brand-searchresults.jpg) no-repeat; height: 104px;} #brandfood #narrative h1 { background:url(/images/theme_default/titles/brand-food.jpg) no-repeat; height: 104px;} #branddrink #narrative h1 { background:url(/images/theme_default/titles/brand-drink.jpg) no-repeat; height: 104px;} #brandmusic #narrative h1 { background:url(/images/theme_default/titles/brand-music.jpg) no-repeat; height: 104px;} #brandarticles #narrative h1 { background:url(/images/theme_default/titles/brand-offers.jpg) no-repeat; height: 104px;} #brandarticle #narrative h1 { background:url(/images/theme_default/titles/brand-offers.jpg) no-repeat; height: 104px;} #brandjobs #narrative h1 { background:url(/images/theme_default/titles/brand-jobs.jpg) no-repeat; height: 104px;} #brandmanagement #narrative h1 { background:url(/images/theme_default/titles/brand-management.jpg) no-repeat; height: 104px;} #termsandconditions #narrative h1 { background:url(/images/theme_default/titles/brand-tandc.jpg) no-repeat; height: 104px;} #privacy #narrative h1 { background:url(/images/theme_default/titles/brand-privacy.jpg) no-repeat; height: 104px;} #accessibility #narrative h1 { background:url(/images/theme_default/titles/brand-accessibility.jpg) no-repeat; height: 104px;} #notfound #narrative h1 { background:url(/images/theme_default/titles/brand-notfound.jpg) no-repeat; height: 104px;} #sorry #narrative h1 { background:url(/images/theme_default/titles/brand-sorry.jpg) no-repeat; height: 104px;} /* Pub Level Title */ .pub-2column #narrative h1 { height: 137px; } #findus #narrative h1 { background:url(/images/theme_default/titles/pub_findus.gif) no-repeat; } #food #narrative h1 { background:url(/images/theme_default/titles/pub_food.gif) no-repeat; } #drink #narrative h1 { background:url(/images/theme_default/titles/pub_drink.gif) no-repeat; } #music #narrative h1 { background:url(/images/theme_default/titles/pub_music.gif) no-repeat; } #pubarticles #narrative h1 { background:url(/images/theme_default/titles/pub_offersandwhatson.gif) no-repeat; } #eventenquiryinfo #narrative h1 { background:url(/images/theme_default/titles/pub_partybookings.gif) no-repeat; } #eventenquiry #narrative h1 { background:url(/images/theme_default/titles/pub_partybookingform.gif) no-repeat; } #eventenquirythankyou #narrative h1 { background:url(/images/theme_default/titles/pub_thankyou.gif) no-repeat; } #signupinfo #narrative h1 { background:url(/images/theme_default/titles/pub_becomeamember.gif) no-repeat; } #signup #narrative h1 { background:url(/images/theme_default/titles/pub_membersignupform.gif) no-repeat; } #signupthankyou #narrative h1 { background:url(/images/theme_default/titles/pub_thankyou.gif) no-repeat; } #gallery #narrative h1 { background:url(/images/theme_default/titles/pub_gallery.gif) no-repeat; } #jobs #narrative h1 { background:url(/images/theme_default/titles/pub_jobs.gif) no-repeat; } #management #narrative h1 { background:url(/images/theme_default/titles/pub_management.gif) no-repeat; } /* Form */ /* 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; } .pub-2column #narrative form p, .pub-2column #narrative form h2 { padding: 0px 0px 10px 0px; margin: 0px; } form#feedback { font-size:small; } form#feedback label { text-align:left; width:200px; float:left; } form#feedback label.optin_label { text-align:left; margin-top: 8px; float:right; position: static; display: block; width: 450px; } 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:#9e1100; color: #FFF; 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; } span#privacy h2 { display: block; padding-top: 30px; } span#visitedbeforespan { display: block; padding-bottom: 5px; } span.eighteenplusspan h2{ display: block; padding-top: 20px; } /*Debug Leanne div#wrapper { border-bottom: 1px solid #F00; } div#content { background-color:#9C9; } div#banner { } div#narrative { background-color:#FFCC00; } div#SB-Group1 { background-color:#CC3300; } div#SB-Group2 { background-color:#333366; } div#SB-Group3 { background-color:#639; } div#breadcrumb { background-color:#0099CC; } div#map_parent { background-color:#66CC99; } div#header { background-color:#006600; } .clear { background-color:#009966; } .staticdiv { } */