@IMPORT url("vacancies.css"); @IMPORT url("beers.css"); @IMPORT url("shop.css"); @IMPORT url("search.css"); body { margin: 0; padding: 0; border: 0; font-size: 0.85em; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; line-height:18px; background: #4a1211 url(graphics/menustrip-bg.gif) repeat-x 0 118px; color: #333; text-align: center; } /* general styles */ hr {border:none;background-color:#000;height:1px;} .accessfeature {position: absolute; left: -999em;} img {border:none;} .center {text-align:center;} .clear-both{clear: both;} .clear-right {clear:right;} .clear-left {clear:left;} .paddingImg {padding:5px;} .floatLeft {float:left;} .floatRight {float:right;} a {cursor:pointer; text-decoration: underline; color: #7a201f; border:none;} a:hover {color: #413e27;} a img {border: 0;} h1 {font-size:1.5em;font-weight:normal;padding:3px 0 3px 10px; text-align:left; color:#000;} h1 a {color:#771110;} h2 {font-size:1.2em; font-weight:normal; color:#15060d; text-align:center;} h3 {font-size:1em; font-weight:normal; color:#000; text-align:left; padding:0 0 0 10px; margin:0; } h2 a {color:#771110; text-decoration:none;} .inline {display:inline;} p {text-align:justify;} #left-column{float: left;width: 180px;padding: 3px;} #left-column img{padding-top:50px;} #middle-column{ float: left;width: 575px;padding: 5px;} #middle-column img {float: left;} #middle-column ul {list-style: url(../images/sm_red_arrow.gif);text-align: left;padding-left: 10px;} #middle-column h1{padding: 10px 0 0 0;} #right-column img{padding-top:50px;} .GeneralColLeft {width:435px; float:left;} .GeneralColRight {width:433px; float:left;} .AltonaTitle {padding:20px 0 0 12px; display:block; } .whitebg {background:#fff;} .beigepale{background:#f4f3e8;} .beigedark{background:#e8e6d2;} .DashitAll {background:#e8e6d2; border: dashed 1px #666; border-width: 0px 1px 0 1px;} .pullOut {background:#e8e6d2; border: dashed 1px #666; float:left; margin:40px 0 10px 30px; padding:0; width:248px;} .pullOut p, li{font-size:0.95em;} .paddTop {padding-top:20px;} .marginTop {margin-top:20px;} .nodecoration {text-decoration: none;} .noliststyle {list-style:none;} .quote {font-size:16px; font-style:italic; width:50%; text-align:justify; margin-left:150px;} .sm_txt_title {font-size:12px;} #codeOfpractise {float:right; width:228px; padding:3px;} /* creates 2 across a page first one double width */ .GeneralDoubleCol {width:573px;float:left;} .GeneralSingleCol {width:268px; float:left; padding:60px 0 0 20px; } /* creates 3 across a page */ div.singleColumn {float:left; margin:0 0 10px 0; padding:0px 10px; width:268px;} div.singleColumn.paddTop {padding-top:40px;} .winered {color:#8a2525; font-size:larger;} .didyouknow {border:dashed 1px #666; width:268px; :30px 0 0 0; background:#e8e6d2;} ul li {text-decoration:none; margin-left:0px;} /* width and padding of pages */ #General {width:873px;margin:0 auto;} #General h2{padding:0 0 0 10px; color:#8a2525; text-align:left;} #General h2.noPadd{padding:0 0 0 0; color:#8a2525; text-align:left;} #General h3{margin-bottom:0px;} #General p {padding:0 10px 10px 10px;} /*pads all paragraphs layout */ #General ul li {list-style:none; text-align:left;} #main div.full-width { margin: 0 0 0 0px; padding:0; } /* Container ---------------------------------------------------------------- centers all elements and adds drop shadow to page */ #container {width: 960px;margin-top: 117px;margin-left: auto;margin-right: auto;margin-bottom: 0px;padding: 1px 0 0 0;border-top: 1px solid #4a1211; /* forces the #page div to respect its own top margin */position: relative;background: #4a1211 url(graphics/containerbg.png) repeat-y left top;} /* Header ---------------------------------------------------------------- */ #header {position: absolute;top: -118px;left: 383px;width: 193px;margin: 0;text-align: center;height: 189px;z-index: 100; } #header h1 {position: absolute;top: 0;left: -999em;} #header a img {border: 0;} /* Menu ---------------------------------------------------------------- */ #menu {position: absolute;top: 0;left: 0;width: 960px;height: 43px;margin: 0;padding: 0;border: 0;background: transparent url(graphics/menustrip-bg.gif) repeat-x left top; } #menu ul {list-style-type: none;float: left;height: 43px;margin: 0;padding: 0;} #menu ul.left {padding-left: 12px;width: 372px;} #menu ul.right {margin-left: 193px;width: 372px;} #menu ul li {float: left;margin: 5px 0 0 0;width: 93px;padding: 0;position: relative;} #menu ul li a {display: block;height: 38px;padding: 0;margin: 0;text-align: center;text-decoration: none;background-repeat: no-repeat;} #menu ul li a span {position: absolute; /* hide the text links from the screen viewer */top: -999em;left: -999em;} #menu ul li ul {position: absolute;top: -999em;left: -999em;width: 93px;} #menu ul li:hover ul, #menu ul li.over ul {top: 33px;left: 0;background-color: #4a1211;/* includes class as well as pseudo class for IE - fixiewin.js file generates the class on the fly */} #container #menu ul li ul li {height: auto;border-bottom: 1px solid #7a201f;margin: 0;font-family:Georgia, "Times New Roman", Times, serif;font-size:12px;} #container #menu ul li ul li a {background-image: none;background-color: #4a1211;color: #ece8cf;padding: 4px 3px;height: auto;} #container #menu ul li ul li a:hover {background-color: #7a201f;background-image: none;} /* normal state */ #menu li#home {background-image: url(menu/home.gif)} #menu li#brewerytours {background-image: url(menu/tours.gif)} #menu li#shop {background-image: url(menu/shop.gif)} #menu li#beers {background-image: url(menu/beers.gif)} #menu li#pubs {background-image: url(menu/pubs.gif)} #menu li#tenancies {background-image: url(menu/runyourpub.gif)} #menu li#news {background-image: url(menu/news.gif)} #menu li#contract {background-image: url(menu/services.gif)} #menu li#robinsons {background-image: url(menu/about.gif)} #menu li#contact {background-image: url(menu/contact.gif)} #menu li#training {background-image: url(menu/training.gif)} /* hover state */ #menu li#home:hover {background-image: url(menu/home-over.gif)} #menu li#brewerytours:hover {background-image: url(menu/tours-over.gif)} #menu li#shop:hover {background-image: url(menu/shop-over.gif)} #menu li#beers:hover {background-image: url(menu/beers-over.gif)} #menu li#pubs:hover {background-image: url(menu/pubs-over.gif)} #menu li#news:hover {background-image: url(menu/news-over.gif)} #menu li#tenancies:hover {background-image: url(menu/runyourpub-over.gif)} #menu li#contract:hover {background-image: url(menu/services-over.gif)} #menu li#robinsons:hover {background-image: url(menu/about-over.gif)} #menu li#contact:hover {background-image: url(menu/contact-over.gif)} #menu li#training:hover {background-image: url(menu/training-over.gif)} /* fake hover state */ #menu li#home.over {background-image: url(menu/home-over.gif)} #menu li#brewerytours.over {background-image: url(menu/tours-over.gif)} #menu li#shop.over {background-image: url(menu/shop-over.gif)} #menu li#beers.over {background-image: url(menu/beers-over.gif)} #menu li#pubs.over {background-image: url(menu/pubs-over.gif)} #menu li#tenancies.over {background-image: url(menu/runyourpub-over.gif)} #menu li#contract.over {background-image: url(menu/services-over.gif)} #menu li#robinsons.over {background-image: url(menu/about-over.gif)} #menu li#contact.over {background-image: url(menu/contact-over.gif)} #menu li#training.over {background-image: url(menu/training-over.gif)} /* selected state */ body.brewerytours #menu li#brewerytours {background-image: url(menu/tours-selected.gif)} body.shop #menu li#shop {background-image: url(menu/shop-selected.gif)} body.beers #menu li#beers {background-image: url(menu/beers-selected.gif)} body.pubs #menu li#pubs {background-image: url(menu/pubs-selected.gif)} body.vacancies #menu li#tenancies {background-image: url(menu/runyourpub-selected.gif)} body.contract #menu li#contract {background-image: url(menu/services-selected.gif)} body.about #menu li#robinsons {background-image: url(menu/about-selected.gif)} body.contact #menu li#contact {background-image: url(menu/contact-selected.gif)} body.training #menu li#training {background-image: url(menu/training-selected.gif)} /* homepage ---------------------------------------------------------------- */ div#homePageContent { height: 706px; background-image: url(graphics/red-panel-home-bg.gif); background-repeat: no-repeat; background-position: center top; } /*main site homepage -----------------------------------------*/ img#largeHomeImg {margin: 0px 0px 0px 0px;position: absolute;left: 12px;top: 80px;} #beermats {clear:both;width: 545px;position: absolute;top: 100px;left:405px;height:129px;} #beermats img a {border:none;text-decoration:none;} #Text {width:470px;position:absolute;top:280px;left:440px;text-align:justify;} #axethetax, #takeatourbanner, #backthepub {position:absolute;top:480px;left: 372px;} #jobVacancy, #mcrFoodanddrink {position:absolute; top:480px; left:672px;} /* Home Page Javascript Pumps ---------------------------------------------------------------- */ div#news-slide {clear:both; overflow:hidden;background:url(../images/bgbeerstrip.jpg);width: 936px;position: absolute; top: 580px; left:12px; height:127px;} ul#news-slide-list {position: relative;overflow:hidden;width:936px;height:127px;list-style:none;margin: 0;padding: 0;} ul#news-slide-list li {position: absolute;left:937px;top:0px;color: #FFFFFF;height: 127px;width:117px;} ul#news-slide-list li img{border: 0;} ul#news-slide-list li.news-slide-first, li.news-slide-first {left:0;} /* pages with subnavigation such as the beers page ---------------------------------------------------------------- */ div#main {background-image: url(graphics/red-panel-home-bg.gif);background-repeat: no-repeat;background-position: center top;padding-top:79px;} div#secondaryMenu {height: 84px;width:936px;margin:0 auto;background-image: url(graphics/secondarymenubg.jpg);background-repeat: repeat-x; padding:0px; border-top:1px solid #8c2526;} div#secondaryMenu h1{text-align:center; color:#fff;} div#secondaryMenu img{padding-top:8px;} .dashedsubtitle {background:url(graphics/dashed_subtitle.gif) repeat-x #a66960; clear: both;height:1px;border:none;} .dash { margin-left:20px; padding-right:20px; background-position:right; background-image:url(graphics/menu_dash.gif); background-repeat:repeat-y; } .nodash {margin-left:20px; padding-right:20px; } #navigation {height:42px; text-align:center; width:100%; margin:0px; padding:0px;} #navigation li{list-style:none;font-size:16px;font-weight:normal;font-family:Georgia, "Times New Roman", Times, serif; display:inline;color: #f0c660;padding:16px 30px 0 0;} #navigation li a{color: #f0c660; text-decoration:none;} #navigation li a:hover{color: #feedc0; text-decoration:none; } #nav-items {margin-left:0;padding-left:0;} #nav-items li {list-style:none;} /* pages with subnavigation such as the Tenant Support page ---------------------------------------------------------------- */ div#secondaryMenuTenant {height:94px;width:936px;margin:0 auto;background-image: url(graphics/secondarymenubg2.jpg);background-repeat: repeat-x; padding:0px; border-top:1px solid #8c2526;} div#secondaryMenuTenant h1{text-align:center; color:#fff;} div.tenancyHeaderAndChoiceButtons {margin:10px 0 10px 0;} div.tenancyHeaderAndChoiceButtons img{margin: 0 10px;border: 0;padding: 0;} /* pages with no subnavigation such as the brewery page but have a title ---------------------------------------------------------------- */ #SubtitleHeader {height: 42px;width:936px;margin:0 auto;background-image: url(graphics/secondarymenubg_alt.jpg);background-repeat: repeat-x;} #SubtitleHeader h1{color:#fff; font-size:22px; margin:0px; text-align:center; padding:6px 0 0 0; font-weight:normal;} /*two column layout like Brewery Tours and Contract Packaging ----------------------------------------------------------------*/ #BreweryRightimg {padding:70px 0 0 0;} /*two column layout like Tenant Support ----------------------------------------------------------------*/ #Toolkit {width:873px;margin:0 auto;} #Toolkit h2{font-size:0.95em; color:#8a2525; text-align:left; padding:0 0 0 10px;} #Toolkit p {font-size:0.9em;padding:0 10px 10px 10px;} #Toolkit ul {list-style-image: url(../images/little_star.gif); } #Toolkit li {text-align:left;padding-left: 0.2em; } .dashDown {background:url(graphics/dashdowntenant.gif); background-repeat:repeat-y; width:1px; } #TenantColone {width:430px; padding:0px;float:left; margin:0 30px 0 0;} #TenantColone table{border:0; } #TenantColone table td {padding:0; } .beigeLight {background:#f4f3e8;} .beigeDark {background:#e8e6d2;} #TenantColtwo {width:410px; float:left; background:#e8e7d8; border: dashed 1px #666; border-width: 0px 0 0 1px;} #tenantSupporttitle {width:410px; background:#fff; float:left; height:55px; margin-right:30px; padding:10px 0 10px 0;} #pubToolkittitle {width:410px; background:#fff; float:left; height:55px; padding:10px 0 10px 0;} #Toolkit .black {color:#000;} /* testimonials ----------------------------------------------------------------*/ #testimonials {margin: 0 auto;width: 750px;/* float: left; */ } #testimonials p{color: #000;font-size:12px;text-align:justify;padding:5px 5px;} #testimonials h1{color: #000;text-align:center;padding:0px;font-size:12px;font-weight:bolder;} #testimonials .SlidingPanels {width: 750px;height: 700px;float: left;} #testimonials .SlidingPanelsContentGroup {width: 8000em;float: left;} #testimonials .SlidingPanelsContent {float: left;width: 250px;height:700px;} #testimonials img {float: left;margin-right: 4px;} #testimonials .SlidingPanelsContent .content {margin: 4px auto;float: left;} #testimonials .content {height: 660px;padding: 0px 4px;} #testimonials .prev {text-align: left;padding: 4px 4px;clear: both;font-family: Georgia, Times, serif;font-size:16px;font-weight:normal;} #testimonials .next {text-align: right;padding: 4px 4px;clear: both;font-family: Georgia, Times, serif;font-size:16px;font-weight:normal;} #testimonials .quotemark {padding-left:6px;padding-bottom: 8px;} #testimonials .quotemarkopen {padding-top: 8px;padding-left:4px;} .SlidingPanelsAnimating * {overflow: visible !important;} #testimonials .navLinks {clear: both;text-align: center;padding-top: 0px;padding-bottom: 4px;} div.single-columnTestim { float: left; width: 202px; margin-left: 0; padding: 0px; background-color:#e0dec8; } /*three column layout like Links ----------------------------------------------------------------*/ #LinksColOne {width:116px; padding:0; margin:20px 0 0 0; float:left;} #LinksColTwo {width:374px; padding:0; border: dashed 1px #666; border-width: 0px 1px 0 1px; float:left; background:#f4f3e8; margin:20px 30px 0 30px; } #LinksColThree {width:310px; padding:0; margin:20px 0 0 0; float:left; background:#e8e6d2; border: dashed 1px #666; } .dashed {background:url(graphics/dashedline.gif) repeat-x #7a2020; clear:both;height:1px;border:none;} /* two column layout like contact us ------------------------------------------*/ #ContactColOne {width:522px; padding:0; margin:20px 30px 30px 0; float:left; } #ContactColTwo {width:310px; padding:0; margin:37px 0 30px 0; float:left; background:#e8e6d2; border: dashed 1px #666; border-width: 0px 1px 0 1px; } .Contact table {border:0; padding:0; margin:0 0 0 10px;} .Contact td {text-align:left; padding:2px 0 2px 5px;} .ContactDetails {border:0; padding:0; width:600px;} .ContactDetails td {text-align:left; padding:2px 0 2px 5px;} .ContactDetailsNarrow {border:0; padding:0; width:210px;} .ContactDetailsNarrow td {text-align:left; padding:2px 0 2px 5px;} /* footer ---------------------------------------------------------------- */ #footer {background:url(../images/footerbg.gif) repeat-x #4b1110; height:83px;width:936px; margin:0 auto;} #footer a, #footer a:visited {color:#cdc8aa;} #footer a:hover {color:#fff;} #footerarea {width: 860px; margin-left: auto; margin-right: auto; height:43px;} #useyourlocal {width:160px; float:right;} #useyourlocal img {padding-top:8px;} #copyright {float:left; width:420px;} #copyright p{color: #cdc8aa; font-size: 0.90em; font-family:Georgia, "Times New Roman", Times, serif; padding-top:5px;} #ShadowBG {width:958px; margin:0 auto; background:url(graphics/bgfootercontainer.jpg); height:22px;}