/*
PANEL_BORDER:#e5e5e5 / #d6d6d6
PAGE_BG:#f0f0f0 / #f2f2f2
GHEAD_BG:#515151
GHEAD_NAV_COLOR:#aaaaaa
ANCHORS:#693
*/

html {
/*  background:#f2f2f2;  */
  color:#444;
}

body {
  background:#f2f2f2;
}
#ghead {
  background:#515151;
  position:relative;
}
  #ghead .inner {
  width:960px;
  margin:0 auto;
  }
.nav {
  margin:0;
  list-style:none;
  }
.nav li {
  float:left;
  height:1%;
  margin:0 20px 0 0;
  padding:0;
  }
.nav .last {
  margin-right:0;
  }

  .nav li a {
  display:block;
  padding:5px 10px;
  font-weight:normal;
  color:#aaa;
  text-decoration:none;
  }
  
  #ghead .nav li a {
    height:24px;
    line-height:26px;
    font-size:15px;
    text-transform:uppercase;
    -webkit-transition:color 0.3s linear;
  }
  #ghead .nav #nav-home a {
    display:block;
    text-indent:-9999px;
    width:44px;
    height:24px;
    padding:5px 0;
    background:url("/assets/nav-logo-sprite.gif") no-repeat 0 0px;
    color:#fff;
  }
  .fuels #ghead #nav-fuels a,
  .food #ghead #nav-food a,
  .locations #ghead #nav-locations a,
  .jobs #ghead #nav-jobs a,
  .about-overview #ghead #nav-about a,
  .about-ybwg #ghead #nav-about a,
  .about-press #ghead #nav-about a,
  .about-blog #ghead #nav-about a,
  #ghead .nav a:hover
   {
  color:#fff;
  }
  #ghead .nav #nav-home a:hover {
    background-position:0 -34px;
  }
  .home #ghead #nav-home a {
    background-position:0 -68px;
  }
  

  #ghead .primary {
  float:left;
  }
  #ghead .util {
  float:right;
  }
  
#head {
  position:relative;
  width:940px;
  height:90px;
  margin:0 auto;
}
  #head h1 {
  font-size:32px;
  font-weight:normal;
  color:#444;
  position:absolute;
  left:0;
  bottom:0;
  margin:0 0 10px 0px;
  }
  
body.passporttoadventure #head h1 {
  width:200px;
  height:70px;
  text-indent:-9999px;
  background:url("/assets/passport-logo.png") bottom no-repeat;
}  
  #head #aglogo {
  position:absolute;
  right:0;
  }

body.passporttoadventure {
  background:#f2fafd url("/assets/pta-bg-clouds.jpg") top no-repeat;
}
body.passporttoadventure .container_16 {
  position:relative;;
}
body.passporttoadventure #main {
  background:transparent url("/assets/pta-bg-50pc-opacity.png");
/*  background:rgba(255, 255, 255, 0.5) url("/assets/pta-bg-shiny-happy.png") bottom right no-repeat; */
}

body.passporttoadventure .shiny-happy {
  width:272px;
  height:202px;
  position:absolute;
  bottom:0;
  right:0;
  background:url("/assets/pta-bg-shiny-happy.png") no-repeat bottom left;
}
body.passporttoadventure #main .endcap {
  background:none;
  height:0;
}
body.passporttoadventure #main .local {
  margin:5px 0 0 0;
}
body.passporttoadventure ul.attractions li { 
  list-style:none; 
  margin-left:0;
}
body.passporttoadventure ul.attractions li.county { 
  font-size:1.2em;
  text-transform:uppercase;
}
#main {
  background:#fff url("/assets/main-bg.gif") repeat-y;
}
#main .endcap {
  position:relative;   /*CHECK*/
  width:960px;
  height:7px;
  z-index:100;
  background:transparent url("/assets/endcap-main-top.png");
}
#main .endcap.bottom {
  background:transparent url("/assets/endcap-main-bottom.png");  
}

#main .primary {
  padding-left:20px;
}
#main a {
  font-weight:bold;
  text-decoration:none;
  color:#693;
}
#main a:hover {
  text-decoration:underline;
}
#main .features { width:100%; height:300px; padding: 10px 0; background:url("/images/featureshome-bg.gif");}
#main .grid_4 { height:100%;}
#main .features a { display:block; height:100%; position:relative; color:#444; font-weight:normal; text-decoration:none;}
#main .features a .more { color:#693; font-weight:bold; }
.more { padding-right:9px; background:transparent url("/assets/link-arrow.gif") no-repeat right; }
#main .features a:hover .more { text-decoration:underline;}
#main .features img {position:absolute; left:0; bottom:0; }

.customerrewards #main .features { background:none; }
.customerrewards #main .features img { position:relative; }

.locations-block {
  margin-bottom:1em;
}
.locations-header {
  height:330px;
  background:#566a17;
  color:#fff;
}
.locations-header h3 {
  margin-top:100px;
  text-align:center;
}

.hours {
  margin-left:-10px;
  width:300px !important;
  height:330px;
  background:#dfe3cf url("/assets/location-hours-bg.jpg");
  color:#999;
}
.hours h3 {
  margin-top:140px;
  text-align:center;
}
.topcol {
  margin-top:20px;
}
.servicelist {
  column-count:2;
}
.servicelist li {
  color:#888;
}
.servicelist li em {
  font-style:normal;
  font-weight:bold;
  color:#444;
}
.header-strip {
  margin:-7px 0 20px 2px; /*CHECK */
}
.footer-strip {
  margin:20px 0 -11px 2px; /*CHECK */
}
.news {
  list-style:none;
}
.news li {
  margin:0 0 1em 0;
  padding:0 0 1em 0;
  border-bottom-width:1px;
}
#gfoot {
  width:940px;
  margin:1em auto;
}
#gfoot a {
  color:#444;
}

#gfoot .copyright {
  float:right;
}

h3 {
  font-weight:normal;
}
h4, h5 {
  margin-bottom:0;
}

blockquote {
  padding:20px;
}

.mugshot {
  float:left;
  margin-right:10px;
}
.charity blockquote {
  position:relative;
  padding:10px;
  background:transparent url("/assets/charity-quote-bg.gif") no-repeat 0 0;
}
.charity blockquote .signoff {
  margin:-10px;
  background:#fff url("/assets/endcap-charity-quote.gif") no-repeat 0 0;
}
.charity blockquote .signoff .mugshot {
  margin-top:20px;
}
.charity blockquote .signoff p {
  position:absolute;
  bottom:0;
  left:90px;
}

/* BEGIN ticker */
.charity-ticker {
  border:1px solid #d2d2d2;
  position:relative;
}
.ticker-digit {
  float:left;
  display:inline-block;
  background:#000 url("/assets/ticker-digits.png");
  width:12px;
  height:18px;
  text-indent:-9999px;
  overflow:hidden;
}
#ticker-wrap {
  position:relative;
  width:100%;
  height:108px;
  background:transparent url("/assets/ticker-wrap-bg.gif") no-repeat 0% 0%;
}
#ticker-total {
  position:absolute;
  top:57px;
  left:50%;
  margin-left:-60px;
  width:120px;
}
.charity-ticker .more {
  display:block;
  position:absolute;
  left:15px;
  top:80px;
}

/* END ticker */

#main #tweet {
  display:block;
  background:url("/assets/twitter-bg.gif") no-repeat;
  margin-top:10px;
  padding:10px;
  height:180px;
  font-size:11px;
  font-weight:normal;
  color:#444;
  text-decoration:none; 
}

.tweeted_at {
  display:none;
  font-size:80%;
  color:#ccc;
}

#tagtip {
  display:none;
  background:transparent url("/assets/tagtip-bg.png");
  font-size:12px;
  height:70px;
  width:160px;
  padding:25px;
  color:#fff;	
}

ul.sandwiches {
  list-style:none;
  display:inline-block;
}
ul.sandwiches li {
  display:block;
  float:left;
  height:19px;
  padding:0px 2px 0px 0px;
  margin:5px 5px 0 0;
  background: url("/assets/sandwichtag_right.png") no-repeat 100% 0;
  color:#fff;
  cursor:pointer;
  font-size:11px;
  text-decoration:none;
  vertical-align:middle;  
}
ul.sandwiches li span {
  display:block;
  float:left;
  height:15px;
  padding:1px 7px 3px 19px;
  background: url("/assets/sandwichtag_left.png") no-repeat 0 0;
  line-height:15px;
  vertical-align:top;
  white-space:nowrap;  
}

ul.sandwiches li:hover {
  background-position: 100% 100%;
}

ul.sandwiches li:hover span {
  background-position: 0 100%;
}

table.prices {
  background-color: #fff;
  width:100%;
}
table.prices tr {
  border-bottom:2px solid #fff;
}
table.prices td {
  background-color: #f0f0f0;  
}

/* BEGIN section local navigation */
#main .local {
  margin:-20px 2px 20px 2px;
  padding:5px 10px;
  border-bottom:1px solid #ddd;
/*  background:url("/assets/local-nav-bg.gif") repeat-x 0 100%;
*/
}
#main .local a {
  font-size:18px;
  font-weight:normal;
  color:#444;
}
/*
.about-press .local #nav-press {
  background:url("/assets/local-nav-selected.gif") no-repeat 50% 100%;
} 
*/
.inthenews ul {list-style:none; padding-left:0;}
.inthenews li {font-size:0.80em; margin-bottom:0.5em;} 
.inthenews li a {font-size:1.25em; display:block;}
.inthenews li .date {color:#333;}
.inthenews li .publication {font-weight:bold; color:#444;}

.bio img {
  float:left;
  margin:0 15px 10px 0;
}
#main #petrol, #main #diesel {
  cursor: pointer;
  font-size: 1.3em;
  color: #999;
}
table.prices a {    /* CHECK */
  font-weight:normal;
  color:#000;
}

#main #petrol.active, #main #diesel.active {
  color: #444; 
  cursor: default; 
}

.prices .price {
  text-align: right;
}

#main #petrol:hover, #main #diesel:hover {
  text-decoration:none; 
}

/* END Top 5 prices */


/* BEGIN: Billboard */
.scrollable {
  position:relative;
  overflow:hidden;
  width:700px;
  height:276px;
}

.scrollable .items {
  /* this cannot be too large */
  width:20000em;
  position:absolute;
  clear:both;
}

.scrollable a,
.scrollable img.nolink {
  float:left;
  margin:0;
  background-color:#fff;
  padding:0;
  border:0px;
  cursor:pointer;
  width:700px;
  height:276px;
}
.scrollable img.nolink {
  cursor:default;
}

.scrollable .active {
  z-index:9999;
  position:relative;
}
.navi { 
  margin-left:328px;
  width:200px;
  height:20px;
  padding:10px 0
}
.navi a {
  width:8px;
  height:8px;
  float:left;
  margin:3px;
  background:url("/assets/scrollable/navigator.png") 0 0 no-repeat;
  display:block;
  font-size:1px;
}
 .navi a:hover {
  background-position:0 -8px;
}
.navi a.active { 
  background-position:0 -16px;
}

/* END: Billboard */


/* BEING: Jobs */
.teaser p { margin-bottom: 0; }
.notification { background:#cc6; padding: 5px; border:1px solid #ccc;}
/* END: Jobs */


/* BEGIN miscellaneous */
.right {
  float:right;
}
.left {
  float:left;
  margin-right:15px;
}
table.gda { border:1px solid #ccc; }
table.gda th {text-align:left; }
table.gda th, table.gda td { padding:2px 3px; } 
table.gda th { background:#eee;}

table.agtabular {
  border-collapse:seperate;
  border:1px solid #ccc;
}
table.agtabular th, 
table.agtabular td { padding:0.5em 1em; vertical-align:middle; border:1px solid #ccc; border-width:0 1px 1px 0; text-align:right; }
table.agtabular th { text-align:left; background-color:#eaeaea;}
table.agtabular caption { font-weight:bold; }
table.agtabular .hilite { background-color:#84c114; color:#222; font-weight:bold; }


.grill-locations {
  list-style:none;
}
.grill-locations li {
  float:left;
  margin:0 5px 5px 0;
}
#main .grill-locations li a {
  background:#518d33;
  color:#eee;
  padding:2px 5px;
  -webkit-border-radius:5px;
  text-decoration:none;
}
#main .grill-locations li a:hover {
  background:#693;
  color:#fff;
}

.topcol sup { text-transform:uppercase; color:#d33; font-size:66%; vertical-align:50%; }

.alert { background-color:#ffd;  margin-bottom:1em;}
.alert p { margin:0.6em 0.6em; text-align:center; color:#666; font-weight:bold; }
.overlay {
  display:none;
  background-image:url("/assets/overlay-150-95-white.png");
  width:750px;
  padding:35px;
}
.overlay div.close {
  background-image:url("/assets/overlay-close.png");
  position:absolute; right:20px; top:20px;
  width:28px;
  height:28px;
  cursor:pointer;
}
