/* MISC: =Global
----------------------------------------------- */

body, div, h1, h2, h3, h4, h5, h6, span, a, p, blockquote, ul, ol, li {
    margin: 0;
    padding: 0;
    border: 0;
    }

img { border: none; } /* Turn off image borders */

body {
    margin: 0;
    text-align: center;
    font-family: verdana,arial,helvetica,sans-serif;
    color: #052566;
    font-size:64%;
    }

body#home {
    background:url(../images/front-pic-background.jpg) top center no-repeat #fff;
    }

h1, h2 {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 100%;
    font-weight: bold;
    margin-bottom:0;
    }

h3, h4, h5, h6 {
    font-family: Verdana,sans-serif;
    font-size: 100%;
    font-weight: bold;
    margin-bottom:0;
    }


h1, h1 a { font-size: 170%; color: #3B5E94; }
h2, h2 a { font-size: 130%; color: #f48413; }
h3, h3 a { font-size: 100%; color: #f48413;}
h4, h4 a { font-size: 100%; }

div#copy h1, div#copy h2 {
    padding:0 0 0 1px;
    }

div.spacer {
    clear: both;
    height: 50px;
    }

/* MISC: =Links
----------------------------------------------- */
a:link,a:visited {color:#399AC7;}
a:hover,a:active {color:#022867;}
div#copy a:hover {color: #022867;}
h3 a:link, h3 a:visited {color:#3B5E94;}
h2 a:hover,h3 a:hover,div#copy h3 a:hover {color:#f48413;}


p { margin: 0; padding: 0; }

ul {
    margin: 10px 5px 10px 10px;
    padding: 0 0 0 5px;
    }
a span {
    font-size:1px;
    display:none;
    visibility:hidden;
    }

.focus {
    font-size: 100%;
    font-family: Verdana,Helvetica,sans-serif;
    font-weight: bold;
    color: #399AC7;
    }

blockquote {
    margin: 15px;
    }

/* =Structure
----------------------------------------------- */
div#wrapper {
    margin:0 auto;
    width:770px;
    margin-bottom: 30px;
    }
div#jumplinks {
    font-size:1px;
    display:none;
    visibility:hidden;
    position:absolute;
    top:0;
    left:-1000px;
    width:500px;
    }
div#content {
    margin:20px auto 0 auto;
    text-align:left;
    width:770px;
    }

div#homecontent {
    position:relative;
    margin:0;
    text-align:left;
    width:770px;

    }

div#maincontent {
    float:left;
    width:575px;
    }
div#copy {
    font-size: 110%;
    float:right;
    width:385px;
    vertical-align: top;
    margin-right:5px;
display:inline;
    }
div#additionalpanels {
    width: 188px;
    float: right;
    }




/* =Header
----------------------------------------------- */

div#header {
    background:url(../images/header-background.jpg) top left no-repeat #2286D2;
    height: 100px;
    text-align: left;
    }
div#header h1 a#logo {
    padding: 9px 0 0 16px;
    float: left;
    text-align: left;
    }

div#header h1 { margin: 0; padding: 0; }

div#quickjumpwrap {
    float: right;
    padding: 9px 16px 0 0;
    }
div#header form {
    margin: 4px 0 0 0;
    font-size: 9px !important;
    }
div#header form select {
    vertical-align:top;
    font-family:verdana,sans-serif;
    font-size:100%;
    background-color:#fff;
    color:#949494;
    width: 187px;
    margin: 0;
    }
div#phone-number {
float:left;
margin-top:9px;
margin-left:2.25em;
display:inline;
}

/* =Front page
----------------------------------------------- */

div#frontpagebox {
    width: 770px;
position:relative;
    }

div.frontstuff span {
    display:none;
    }

div.frontstuff {
    float: left;
    margin: 63px 0 0 19px;
    width: 245px;
    }

div.frontstuff h1 {
    margin: 0;
    background:url(../images/hometitle.gif) top left no-repeat;
    height:30px;
    }

div.frontstuff p {
    font-size: 115%;
    font-family: Arial,Helvetica,sans-serif;
    color:#FAFBFC;
    font-weight: bold;
    line-height:170%;
    }

div#frontpagebox div.frontstuff ul {
    list-style: none;
    margin: 10px 0 0 0;
    padding: 0;
    font-weight: bold;
    font-size: 110%;
    }

div#frontpagebox div.frontstuff ul li {
    margin:0 0 7px 0;
    padding:0 0 0 14px;
    background:url(../images/alt-bullet.gif) 0 4px no-repeat;
    }

div#frontpagebox div.frontstuff ul li a:link, div#frontpagebox div.frontstuff ul li a:visited {
    color: #FAFBFC;
    }

div#frontpagebox div.frontstuff ul li a:hover, div#frontpagebox div.frontstuff ul li a:active {
    color: #D0E5F8;
    }

div.frontimmediatepanel {
    width: 224px;
    height: 87px;
    float: right;
    position: absolute;
    top: 0;
    background:url(../images/front-alert-box.gif) 0 0 no-repeat;
    margin: 20px 16px 0 530px;
    }

div.frontimmediatepanel div {
    margin: 10px 10px 0 95px;
    }

div.frontimmediatepanel div p {
    margin-top: 5px;
    }

div.frontimmediatepanel div p a:link, div.frontimmediatepanel div p a:visited,{
    }
div.frontimmediatepanel div p a:link, div.frontimmediatepanel div p a:visited,{
    }
div.focuspanel {
  width:305px;
  height:126px;
  position:absolute;
  left:20px;
  top:300px;
  background:url(../images/focuspanel-back.gif) no-repeat left top;
}
* html div.focuspanel {
  left:40px;
}
div.focuspanel h3 a, div.focuspanel p {
  margin:0;padding:0;border:0;
  margin-right:11px;
  float:right;
  display:inline;
  color:#3B5E94;
  width:177px;
  font-family:arial;
  font-size:11px;
  line-height:15px;
  letter-spacing:0px;
}
div.focuspanel h3 a:link, div.focuspanel h3 a:visited {
  margin-top:43px;
  font-size:12px;
  text-decoration:underline;
}
div.focuspanel h3 a:hover, div.focuspanel h3 a:active {
  color:#F48413;
}
div.newspanel {
  width:305px;
  height:166px;
  position:absolute;
  left:20px;
  top:280px;
  background:url(../images/newspanel-back.gif) no-repeat left top;
}
* html div.newspanel {
  left:40px;
}
div.newspanel h3 a, div.newspanel p {
  margin:0;padding:0;border:0;
  margin-left:11px;
  float:left;
  display:inline;
  color:#3B5E94;
  width:290px;
  font-family:arial;
  font-size:11px;
  line-height:15px;
  letter-spacing:0px;
}
div.newspanel p {margin-bottom:10px;}
div.newspanel h3 a:link, div.newspanel h3 a:visited {
  margin-top:55px;
  font-size:12px;
  text-decoration:underline;
}
div.newspanel h3 a:hover, div.newspanel h3 a:active {
  color:#F48413;
}


/* =Secondary Nav
----------------------------------------------- */

div#secondarynavigation {
    float: left;
    margin: 9px 0 0 6px;
    }

div#secondarynavigation ul {
    margin: 0;
    list-style: none;
    }

div#secondarynavigation ul li {
    margin-bottom: 4px;
    }

div#secondarynavigation ul li a:link, div#secondarynavigation ul li a:visited {
    color: #FFF;
    text-decoration: none;
    }

div#secondarynavigation ul li a:hover, div#secondarynavigation ul li a:active {
    text-decoration: underline;
    }




/* =Nav
----------------------------------------------- */
div#mainnavigation {

    }
div#mainnavigation ul {
    margin:0;
    padding:0;
    background:#BEDCF4;
    width:770px;
    height:32px;
    border-bottom:1px solid #0091D4;
    border-top:1px solid #0091D4;
    }
div#mainnavigation ul li {
    display:inline;float:left;
    height:32px;
    background:transparent url(../images/mainnavigation.gif) no-repeat;
    }
div#mainnavigation ul li a {
    display:block;
    height:32px;
    background:transparent url(../images/mainnavigation.gif) no-repeat;
    }
div#mainnavigation ul li#navmood a { width:74px;background-position:0 0;}
div#mainnavigation ul li#navproblems a { width:97px;background-position:-74px 0;}
div#mainnavigation ul li#navtoolkit a { width:87px;background-position:-171px 0;}
div#mainnavigation ul li#navworried a { width:122px;background-position:-258px 0;}
div#mainnavigation ul li#navcalling a { width:139px;background-position:-380px 0;}
div#mainnavigation ul li#navwhatis a { width:132px;background-position:-519px 0;}
div#mainnavigation ul li#navbslservice a { width:119px;background-position:-771px 0;}

div#mainnavigation ul li#navmood a:hover { width:74px;display:block;height:32px;background:transparent url(../images/mainnavigation.gif) 0 -32px no-repeat;}
div#mainnavigation ul li#navproblems a:hover { width:97px;display:block;height:32px;background:transparent url(../images/mainnavigation.gif) -74px -32px no-repeat;}
div#mainnavigation ul li#navtoolkit a:hover { width:87px;display:block;height:32px;background:transparent url(../images/mainnavigation.gif) -171px -32px no-repeat;}
div#mainnavigation ul li#navworried a:hover { width:122px;display:block;height:32px;background:transparent url(../images/mainnavigation.gif) -258px -32px no-repeat;}
div#mainnavigation ul li#navcalling a:hover { width:139px;display:block;height:32px;background:transparent url(../images/mainnavigation.gif) -380px -32px no-repeat;}
div#mainnavigation ul li#navwhatis a:hover { width:132px;display:block;height:32px;background:transparent url(../images/mainnavigation.gif) -519px -32px no-repeat;}
div#mainnavigation ul li#navbslservice a:hover { width:119px;display:block;height:32px;background:transparent url(../images/mainnavigation.gif) -771px -32px no-repeat;}


div#mainnavigation ul li a span {
    font-size:1px;
    display:none;
    visibility:hidden;
    }



/* =Subnav
----------------------------------------------- */
div#subnavigation {
    margin-right:6px;
    float:left;
    width:170px;
    overflow:hidden;
    }
div#subnavigation ul {
margin:0;padding:0;border:0;
    background: transparent url(../images/subnavborder.gif) bottom left repeat-x;
    }
div#subnavigation ul li {
    padding:1px 0 0 0;
height:10px;
    list-style: none;
    background: transparent url(../images/subnavborder.gif) top left repeat-x;
  voice-family: "\"}\"";
  voice-family: inherit;
}
html>body div#subnavigation ul li {
height:auto;
}
div#subnavigation ul li ul {
    background-image: none;
    }
div#subnavigation ul li ul li {
   padding:0;
    background-image: none;
    }
div#subnavigation ul li a {
  padding-top:3px;
  padding-bottom:4px;
  padding-left:12px;
  display:block;
    font-weight:bold;
    text-decoration:none;
    color:#399AC7;
    }
div#subnavigation ul li ul li a  {
  padding-top:3px;
  padding-bottom:3px;
    font-weight: normal;
    text-decoration:none;
    color:#399AC7;
    }
div#subnavigation ul li a:hover {
    color:#022867;
    }
div#subnavigation ul li.hot a {
    color:#022867;
    }
div#subnavigation ul li.hot a:hover {
    color:#399AC7;
    }
div#subnavigation ul li ul li a {
    color:#022867;
    }
div#subnavigation ul li ul li.hot a {
    background:url(../images/subnavbullet.gif) 2px 6px no-repeat;
    }
div#subnavigation ul li.hot a {
    background:url(../images/subnavbullet.gif) 2px 6px no-repeat;
    }
div#subnavigation ul li.hot ul li a {
    background-image:none;
    }

/* =Content
----------------------------------------------- */

div#intropanel {
    background: #E2F0F9 url(../images/intropaneltop.gif) top left no-repeat;
    }
div#intropanel div#innerintropanel {
    padding: 9px 10px 15px 10px;
    margin: 0 0 10px 0;
    background: transparent url(../images/intropanelbottom.gif) bottom left no-repeat;
    }
div#copy ul {
    margin:2px 0 0 0;
    padding:0 0 10px 10px;
    list-style:none;
    }
div#copy ul li {
    margin:0 0 4px 0;
    padding:0 0 0 8px;
    background:url(../images/listbullet.gif) 0 4px no-repeat;
    }
div#copy ul.inpagelinks li {
    background:none;
    }

div#copy ol {
    margin: 0 0 10px 40px;
    list-style: decimal outside;
    }
div#copy ol li {
    margin-bottom: 4px;
    }

div#copy ol ul {
    margin-left: -9px;
    }

div#copy ul li ul {
    margin-left: -9px;
    }

div#copy p {margin: 0 10px 10px 10px; }
div#copy h3,div#copy h4,div#copy h5,div#copy h6 {margin: 0 10px 0 10px;}
div#copy ul {margin: 2px 10px 0 10px;}

div#intropanel p {
    margin: 2px 0 0 0;
    color:#052566;
    }
div.pagetools {
margin:0 0 10px 0;padding:0;border:0;
position:relative;
clear:both;
height:30px;
background:url(../images/hr.gif) bottom center no-repeat;
}
div#centralbox div.pagetools {
  background-image:none;
}
p.relatedpage {
position:absolute;
top:0;left:0;
padding-left: 16px;
background:url(../images/rightarrow.gif) bottom left no-repeat;
}
p.topofpage {
position:absolute;
top:0;right:0;
padding-left: 16px;
background:url(../images/uparrow.gif) bottom left no-repeat;
}
div#return {
  position:relative;
  margin-bottom:5px;
}
div#return p {
  float:right;
  padding-left: 16px;
  background:url(../images/leftarrow.gif) bottom left no-repeat;
}
div.gatewaylinks {
    width: 189px;
    float: left;
}
div#copy div.gatewaylinks ul {
    list-style: none;
    margin: 0;
    padding: 0;
    }

div#copy div.gatewaylinks ul li {
    margin:0 0 10px 10px;
    padding:0 0 0 14px;
    background:url(../images/alt-bullet.gif) 0 4px no-repeat;
    }

div.gatewaylinks a {
    font-size: 110%;
    display: block;
    font-weight: bold;
    margin-bottom: 3px;
    }
   table.drinkstable { margin: 0 10px 10px 10px; }
   table.drinkstable tr th { padding: 3px; background-color: #e2f0f9; text-align: left; }
   table.drinkstable tr td { padding: 3px; border-bottom: 1px solid #b6d0e7; text-align: left; vertical-align: top; background-color: #fafafa; }
   table.drinkstable tr.stripe td { background-color: #fff; }
   table.drinkstable tr td.stripe { background-color: #efefef; !important }

span.date {
  color:#f48413;
}

.hidethis {
  display:none;
}

form#feedback {
  padding:0;
}
form#feedback input {
  margin-left:0;
}
form#feedback p {
  margin-left:0;
  margin-top:8px;
}


/* =Centralbox
----------------------------------------------- */

div#centralbox {
    background:url(../images/centralbox-middle.gif) top left repeat-y;
    clear:both;
    }

div#centralbox div.top {
    height: 15px;
    background:url(../images/centralbox-top.gif) top left no-repeat;
    }

div#centralbox div.bottom {
    height: 15px;
    background:url(../images/centralbox-bottom.gif) bottom left no-repeat;
    }

div#centralbox p {
    margin: 0 16px;
    }

div#centralbox h3 {
    margin: 0 16px;
    color: #399AC7;
    }

div#centralbox ul {
    list-style: none;
    margin: 10px 16px
    }

div#centralbox ul li {
    margin: 0 0 8px 0;
    padding: 0 0 0 14px;
    background: url(../images/alt-bullet.gif) 0 3px no-repeat;
    }

div#centralbox ul li strong {
    margin-bottom: 3px;
    display: block;
    }

/*
div#centralbox form {
    display:block;
    margin:0 16px;
    }
div#centralbox form p {
    margin:3px 0;
    }
div#centralbox form input,div#centralbox form textarea {
    padding:2px;
    border:1px solid #999;
    }
div#centralbox form label {
  display:block;
}
*/

/* =Right hand panels
----------------------------------------------- */

div#additionalpanels div {
    float: left;
    }
div.immediatepanel {
    width: 188px;
    height: 97px;
    background:url(../images/help-box.gif) top left no-repeat;
    }
div.immediatepanel div {
    padding: 10px 5px 5px 85px;
    text-align: left;
    }
div.immediatepanel div p {
    margin-top: 30px;
    }
div.advertpanel {
    width: 188px;
    height: 217px;
    margin-top: 8px;
    }

div.subscribepanel {
    width: 188px;
    height: 97px;
    background:url(../images/subscribe.gif) top left no-repeat;
    }
div.subscribepanel div {
    padding: 5px 5px 5px 15px;
    text-align: left;
    }
div.subscribepanel div p {
    margin-top: 30px;
    }


/* li {
background:#F00 !important;
}
a {
background:#0F0 !important;
}
ul {
background:#00F !important;
}
ul li ul {
background:#F0F !important;
margin:0 !important;padding:0 !important;border:0;
}
ul li ul li {
background:#0FF !important;
margin:0 !important;padding:0 !important;border:0;

}
ul li a {
background:#FF0 !important;
margin:0 !important;padding:0 !important;border:0;
height:10px !important;
}
ul li ul li a {
background:#FF0 !important;
margin:0 !important;padding:0 !important;border:0;
height:10px !important;
} */

div#infopanel { background:url(../images/homepage-info-panel.jpg) no-repeat left top; width:226px; height:145px; position:absolute; right:16px; top:126px;  }
div#infopanel a { background:url(../images/homepage-info-panel-reveal.jpg) no-repeat left bottom; width:203px; position:absolute; right:9px; bottom:8px; padding:2px 2px 4px 4px; text-decoration:none; }
div#infopanel a:hover span { text-decoration:underline; }
div#infopanel a span { display:block; visibility:visible; font-weight:bold; background:url(../images/homepage-info-panel-arrow.gif) no-repeat right center; padding-right:14px; color:#FFF; font-size:12px; }

div#open-up { margin-top:8px; }
#bslvideo { margin: -6px 0 -8px 10px; }

div#copy div.bluepanel { position:relative; background:#dce7f5; padding:10px; margin: 0 0 10px 0; }
div#copy div.bluepanel span.corner { position:absolute; width:5px; height:5px; overflow:hidden;display:inline-block; }
div#copy div.bluepanel span.corner.tl { background:url(../images/opening-times-panel-corner-tl.gif) left top no-repeat; top:0; left:0; }
div#copy div.bluepanel span.corner.tr { background:url(../images/opening-times-panel-corner-tr.gif) left top no-repeat; top:0; right:-1px; }
div#copy div.bluepanel span.corner.bl { background:url(../images/opening-times-panel-corner-bl.gif) left top no-repeat; bottom:-1px; left:0; }
div#copy div.bluepanel span.corner.br { background:url(../images/opening-times-panel-corner-br.gif) left top no-repeat; bottom:-1px; right:-1px; }

div#copy div.bluepanel h2 { font-size:14px; color:#052566; font-weight:bold; margin-bottom:10px; }
div#copy div.bluepanel p { margin-left:0; }
div#copy div.bluepanel ul { margin:0 0 10px 0; padding: 0 0 0 10px; }
div#copy div.bluepanel ul li { padding:0 0 0 10px; }
div#copy div.bluepanel ul.oneline { list-style-type:none; padding:0; margin:0; }
div#copy div.bluepanel ul.oneline li { display:inline; margin:0 7px 0 0; padding:0; color:#052566; background:none; line-height:18px; font-size:11px; }
div#copy div.bluepanel ul.oneline li span { font-weight:bold; }

div#copy div.bluepanel p a { display:block; background:url(../images/open-anchor-right-arrow.gif) right center no-repeat; color:#052566; text-decoration:none; font-weight:bold; }
div#copy div.bluepanel p a:hover { text-decoration:underline; }