/*
  960 Grid System ~ Text CSS.
  Learn more ~ http://960.gs/

  Licensed under GPL and MIT.
*/

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

body {
  font: 14px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
}

hr {
  border: 0 #ccc solid;
  border-top-width: 1px;
  clear: both;
  height: 0;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/
h1 {  font-size: 25px;}
h2 {  font-size: 23px;}
h3 {  font-size: 21px;}
h4 {  font-size: 19px;}
h5 {  font-size: 17px;}
h6 {  font-size: 15px;}
/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
  list-style: decimal;
}

ul {
  list-style: disc;
}

li {
  margin-left: 30px;
}

p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset, figure {
  margin-bottom: 20px;
}
/* `Basic HTML
----------------------------------------------------------------------------------------------------*/
body {
  min-width: 960px;
}


.container_12 {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  position:relative;
}

.social p{margin-bottom:10px;}
.soc p {margin-left:20px;}



/* `Navigation 
----------------------------------------------------------------------------------------------------*/




.careers-tab {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #e72c2e none repeat scroll 0 0;
    border-color: -moz-use-text-color #a30e10 #a30e10;
    border-image: none;
    border-radius: 0 0 4px 4px;
    border-style: none dashed dashed;
    border-width: medium 2px 2px;
    box-shadow: 0 0 0 3px #e72c2e, 2px 1px 6px 4px rgba(10, 10, 0, 0.5);
    color: #fff;
    display: block;
    font-family: franchiseregular;
    font-size: 20px;
    font-weight: normal;
    height: 11px;
    line-height: 0.5em;
    padding: 7px;
    position: absolute;
    right: 0;
    text-align: center;
    
    text-transform: uppercase;
    top: 0;
    width: 92px;
}
.careers-tab a{
	color:black;
	text-shadow: none;}
.careers-tab a:hover{
	color:white;    
	text-shadow: -1px -1px #a30e10;}

a{cursor:pointer}

.nav{
	/*margin-bottom:15px;*/
    margin-top:30px;
}

.nav ul{
  margin:0;
  padding:0;
  text-transform:uppercase;
  font-size: 11px;
  margin-left: 180px;
}
.nav ul.submenu{
    margin-left:0;
}
.nav li{ /* top level navigation tabs */
  margin:0;
  font-weight: normal;
  font-style: normal;
  font-family: 'franchiseregular',sans-serif;
  font-size:35px;
  display:block;
  float:left;
  width:140px;
  width:24%;
  text-align:center;
  line-height: 24px;
  
}

.nav li a{
  color:#999;
  text-decoration:none;
  width:140px;
  display:block;
  height:80px;
  margin: 0 auto;
  }
.nav li a:hover{
  color:black;
}

/* `Navigation 
----------------------------------------------------------------------------------------------------*/


li.barsTab, li.careersTab, li.breweryTab, li.shopTab{
    padding-top:78px;
    }


.maincontainer{width:100%;}



/* `Navigation dropdown 
----------------------------------------------------------------------------------------------------*/

li.beersTab ul, li.barsTab ul {
  display: none;
  position:absolute;
  z-index: 9999;
  left:160px;
}
@media only screen and (max-width : 800px) {
    .li.beersTab ul, li.barsTab ul {
        left:0px;
        }
}

li.beersTab:hover ul, li.barsTab:hover ul {
    display: block;
   }
li.beersTab:hover ul li:hover, li.barsTab:hover ul li:hover {
    color:#000;
   }   

li.beersTab ul li, li.barsTab ul li{
    background-color: #eee;
    border-bottom: 1px solid #5E5E5E;
    display: inline-block;
    padding-left: 20px;
    text-align: left;
    width: 280px;
  } 

.nav li ul.submenu a{
    height: 38px;
    padding-top: 20px;
    width: 280px;
	margin:0;
	}
ul.submenu{
	max-width:700px;
    
	}
li.beersTab ul.submenu li.fnoborder, li.barsTab ul.submenu li.fnoborder{border-top: none;}
     
li.beersTab ul.submenu{width:320px;}


/*li.barsTab ul.submenu{width:670px;}*/


/* `Navigation dropdowns - 
----------------------------------------------------------------------------------------------------*/



li.barsTab ul li{
	padding-left: 45px;
    float:left;
    width:270px;
  } 

li.barsTab ul.submenu li a{width:250px;text-align:left;}



/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;

}

 

footer{
  padding-top:50px;
  }
footer p, footer p a{
  color:#9a999b;
  text-decoration:none;
  font-weight:bold;
  font-size:11px;
  padding-left:0px;
  text-align:center;
}

h1 {
	font-weight: normal;
    font-family: 'franchiseregular',sans-serif;
	font-size:12px;
}
h2,h3,h4,h5,h6 {
  line-height: 1;
	font-weight: normal;
	font-style: normal;
	font-family: 'franchiseregular',sans-serif;
	margin:0;
	text-transform: uppercase;
	}

h3 {
    font-size: 35px;
    margin: 10px;
}
h3 a.anchor{
	color:#333;
}
h3 a.anchor:hover{
	cursor:text;
	color:white;
}
.hilight{
  font-size:14px;
  font-weight:bold;
}

h3 span {
    color: #ff0000;
}

a {
    /*color: #6D913C;*/
    color: #396884;
    text-decoration: none;
}

a:hover {
  color: #9a1d21;
}
small {
  font-size: 11px;
}

.nobr	{ white-space:nowrap; }

.sc{font-variant: small-caps;}

/* `Misc Classes
----------------------------------------------------------------------------------------------------*/
.align-center {
  text-align: center;
}
.align-right {
  text-align: right;
}
.float-left{
	float:left;
}

/* `Data Table
----------------------------------------------------------------------------------------------------*/
.data,.data th,.data td {
  border-style: solid;
  border-color: #ddd;
}
.data {
  border-width: 0 1px 1px;
  width: 100%;
}
.data caption {
  padding: 0 10px 5px;
  text-transform: uppercase;
}
.data th, .data td {
  border-top-width: 1px;
  padding: 5px 10px;
}
.data th {
  white-space: nowrap;
}
.data thead th {
  background: #eee;
  font-weight: bold;
  text-shadow: #fff 0 1px 0;
}
.data tbody th {
  width: 1px;
}
.data tr th:first-child {
  text-align: right;
}



/* `Code
----------------------------------------------------------------------------------------------------*/


pre,
code {
  font-size: 12px;
  font-family: Menlo, Courier, monospace;
}
pre,.notice {
  background: #ffe;
  border: 1px solid;
  border-color: #eed #ccb #bba #ddc;
  overflow: auto;
  padding: 10px 0 10px 10px;
}
* html pre {
  overflow: hidden;
  width: 97%;
}
code {
  background: #ff9;
  padding: 0 2px;
}
/* `ALAN
----------------------------------------------------------------------------------------------------*/
/*  DEV */
.container_12 {
  /*background-image: url(../img/12_col.gif);*/
}

@font-face {
    font-family: 'franchiseregular';
    src: url('/fonts/franchise-bold-webfont.eot');
    src: url('/fonts/franchise-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/franchise-bold-webfont.woff') format('woff'),
         url('/fonts/franchise-bold-webfont.ttf') format('truetype'),
         url('/fonts/franchise-bold-webfont.svg#franchiseregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

p {
  padding: 0 10px; 
  font-family: 'Nunito', arial, helvetica, sans-serif;
}

body{
	color:#222;
	background-color:#fff;
	}


/* Image replacement and Sprites
*/

.sprite {
    background-color: transparent;
    border: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image:url(/img/sprites.png);
	display:inline-block;
	background-repeat: no-repeat;
}
.sprite:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

p.viewmore{color:#06c}

.facebook{
	background-position: -137px 0;
}
.twitter{
	background-position: -106px 0px;
}
.instagram{
	background-position: -167px 0px;
}
.facebook-white{
	background-position: -248px 0;
}
.twitter-white{
	background-position: -217px 0px;
}
.instagram-white{
	background-position: -278px 0px;
}
.homeflavour a{
    color:white;
    text-decoration:none;
    margin-left:5px;
}
.facebook, .twitter, .instagram, .facebook-white, .twitter-white, .instagram-white{
    margin-bottom: -7px;
	margin-right:4px;
	width:30px;
	height:25px;
	}
.workhouse{
	background-position: 0 -25px;
	width:90px;
	height:19px;
	margin-bottom:-4px;
}
.logo {
    background-image: url("/img/galway-bay-brewery.png");
    background-image: url("/img/GBB_LOGO_blackonly-WH.svg");
    height: 163px;
    /*margin-left: 415px;*/
    float:left;
    width: 152px;

}

/* colours for home page boxes */  
.homeflavour{background-color:#5d5d5d}
.homefullsail{background-color:#3cacdd}
.homestormyport{background-color:#d0d0d0}
.homeburied  {background-color:#fd8600}
.homefoam  {background-color:#007153}
.homeslow  {background-color:#d9bb8a}
.homeweights  {background-color:#e9b600}
.homealthea  {background-color:#0050c5}
.homebayale {background-color:#d50015}
.promo{background-color:#d0d0d0}
.contact{background-color:#d0d0d0}
..news{background-color:#d0d0d0}

.homeflavour,.homefullsail, .homestormyport, .homebayale, .homeburied, .homepilot, .homefoam, .homealthea, .homeweights, .homeslow{
    /*border-radius: 6px 6px 6px 6px;*/
    margin-top: 10px;
	color:white;
}
/* home page height
----------------------------------------------------------------------------------------------------*/

.homefullsail, .homestormyport, .homebayale, .homeburied, .homepilot, .homefoam, .homealthea, .homeweights, .homeslow{
	padding-bottom:50px;
	}



.landingpage h3 a{text-decoration: none; color:#fff; display:block}
.landingpage h3 a:hover{background-color:rgba(0,0,0,.2)}


.landingpage .specialmessage {
	background-color:#d0d0d0; 
	/*width:100%; */
	/*border-radius: 6px 6px 6px 6px;*/
	margin-top:20px;
	}


/* colours for bar page boxes */

.pageStyleallBars .baroslo{background-color:#7f4b3d; border-radius: 6px 6px 6px 6px;
    margin-top: 20px;}
.pageStyleallBars .barsalthouse{background-color:#48665a; border-radius: 6px 6px 6px 6px;
    margin-top: 20px;}
.pageStyleallBars .barcottage{background-color:#1f1d22; border-radius: 6px 6px 6px 6px;
    margin-top: 20px;}
.pageStyleallBars .barscholars{background-color:#9E6614; border-radius: 6px 6px 6px 6px;
    margin-top: 20px;}
.pageStyleallBars .baratg{background-color:#88341a;border-radius: 6px 6px 6px 6px;
    margin-top: 20px;}
.pageStyleallBars .barbrewdock{background-color:#90794d;border-radius: 6px 6px 6px 6px;
    margin-top: 20px;}
.pageStyleallBars .bardarkhorse{background-color:#572814;border-radius: 6px 6px 6px 6px;
    margin-top: 20px;}
.pageStyleallBars .barblacksheep{background-color:#48665a; border-radius: 6px 6px 6px 6px;
    margin-top: 20px;}
.pageStyleallBars .baralfiebrynes{background-color: #b10909; border-radius: 6px 6px 6px 6px;
    margin-top: 20px;}
.pageStyleallBars .bar108{background-color:#88341a;border-radius: 6px 6px 6px 6px;
    margin-top: 20px;}
.pageStyleallBars .barwickhamtap{background-color:#88341a;border-radius: 6px 6px 6px 6px;
    margin-top: 20px;}
.pageStyleallBars .barnorthernlights{background-color:#88341a;border-radius: 6px 6px 6px 6px;
    margin-top: 20px;}
.pageStyleallBars .bardewdropinn{background-color:#88341a;border-radius: 6px 6px 6px 6px;
    margin-top: 20px;}

	
.pageStyleCareers .introbox{
	background-color:#88341a;border-radius: 6px 6px 6px 6px;
    margin-top: 20px;
}


/* Alan
----------------------------------------------------------------------------------------------------*/

p{overflow: visible;} /* Not sure why 960.gs sets it to overflow:hidden */
.highlightbox{
  margin-bottom: 32px;
  width:100% !important; /* Important because it has to override the border allowance fix */
}
.searchbox{
  clear: both;
  padding-top:20px;
}
.search input{width:93%}
.youraccount{
  text-align:center;
}

.confidencebutton {
  background-color:transparent;
  }
  
.confidencebutton h3{
  font-size:12px;
  }

.category .grid_2{
  width:140px;
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
  }

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.small {font-size:80%;}


.pageStyleBeers .nav li.beersTab a.indicator,
.pageStyleBars .nav li.barsTab a.indicator, 
.pageStyleBrewery .nav li.breweryTab a.indicator, 
.pageStyleNews .nav li.eventsTab a.indicator,
.pageStyleCareers .nav li.careersTab a.indicator,
.beerspage .nav li.beersTab a.indicator
{
  color:black;
  /*background-image:url(/img/sprites.png);
  background-position: 34px 63px;
  cursor:default;
  background-repeat:no-repeat;*/
  }



.pageStyleBeers .nav li.beersTab a.indicator:hover,
.pageStyleBars .nav li.barsTab a.indicator:hover, 
.pageStyleBrewery .nav li.breweryTab a.indicator:hover, 
.pageStyleNews .nav li.eventsTab a.indicator:hover,
.pageStyleCareers .nav li.careersTab a.indicator:hover
{
  color:#e82c2e;
  /*background-image:url(/img/sprites.png);
  background-position: 34px 63px;
  cursor:default;*/
  background-repeat:no-repeat;
  }


  
.applyHeight { /* facebook news box - declared once here in master.css and modified for other widths in their respective css file */
   /* border-bottom: 2px dotted rgba(255, 255, 255, 0.2);*/
    overflow-x: hidden;
    overflow-y: scroll;
    width: 242px;
}

.nav li span{
  font-size:18px;
}
.flex{
  width:100%;
}



.splash{
	z-index:100;
  }
 
 .pageStyleBars .splash,.pageStyleBrewery .splash, .beerspage .splash{
  /* set all transparency boxes to black, individual changes can be made to each page below*/
  background: rgb(0,0,0); /* Fallback for web browsers that don't support RGBa */
  background: rgba(0,0,0, 0.8);

 }

/* images for each logo splash */
/* Beers */
.atg .splash{background-image:url(/img/atg.png); }
.bd .splash{background-image:url(/img/bd.png);}
.bs .splash{background-image:url(/img/bs.png);}
.gw .splash{background-image:url(/img/gw.png);}
.bt .splash{background-image:url(/img/bt.png);}
.dh .splash{background-image:url(/img/dh.png);}
.os .splash{
	background-image:url(/img/os.png);
	background-position: 31px 0;		
}
.sh .splash{background-image:url(/img/sh.png);}
.sr .splash{background-image:url(/img/sr.png);}
.bm .splash{background-image:url(/img/bm.png);}
.barspage .splash{background-image:url(/img/logo-bars.png);}
.ab .splash{background-image:url(/img/ab.png);}
.the108 .splash{background-image:url(/img/108.png);}
.wt .splash{background-image:url(/img/wt.png);}
.nl .splash{background-image:url(/img/nl.png);}
.pp .splash{background-image:url(/img/pp.png);}
.dd .splash{background-image:url(/img/dd.png);}
.beerlanding .splash{background-image:url(/img/beer1.png);}



.pageStyleNews .splash, .barspage h2.splash, .pageStyleallBars .splash, .beerspage h2.splash, .pageStyleCareers .splash{
 background-color:transparent;
 width: 100%;
 height:360px;
 background-size: 100% auto; /* width and height, can be %, px or whatever.*/
 max-width: 960px;
 top:140px;
 }

 /* Beers pages */

 


/* Home / Events */
.pilot .splash{background-image:url(/img/pilot.png);}
.brewery .splash{background-image:url(/img/brewery.png);}
.events .splash{background-image:url(/img/events.png);} /*Bay Ale */


.fs .splash{background-image:url(/img/fs.png);} /*full sail */
.ba .splash{background-image:url(/img/ba.png);} /*Bay Ale */
.sp .splash{background-image:url(/img/sp.png);} /* Stormy Port */
.bas .splash{background-image:url(/img/bas.png);} /* Buried At Sea */
.pageStyleallBars .splash{background-image:url(/img/bars.png);}
.pageStyleCareers .splash{background-image:url(/img/careers.png);}



/* Turning this off in favour of  .pageStyleBeers  - Alan */
/* heights for Beers images and padding for slider */
/*.fs .splash, .sp .splash, .bas .splash,.ba .splash{height:140px;} */

.splash {
    background-position: center center;
    background-repeat: no-repeat;
    height: 100px;
    position: absolute;
    width: 320px;
}



/* Facebook panel  */
.news{
  overflow:hidden;
  }
.news img.poster{
	margin: 0 0 10px 10px;
	
	
}


.news h4{    
    font-family: 'Nunito', arial,helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.6;
    padding: 0 10px;
    text-transform: none;
  }
.news h4:first-line{
    font-size: 14px;
    font-weight: bold;
  }
.photo{

}
.news .photo img{
    margin: 5px 10px 10px;
    width: 180px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.news .photoStory{
    background-color: rgba(255, 255, 255, .1);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  margin:10px;
}
.news .photoStory h4{
  padding-top:5px;
}
.news .date {
    font-size: 11px;
    margin-bottom:10px;
} 

.news .viewmore a{
  font-size:11px;
  background-color: rgb(255, 255, 255);
  background-color: rgba(255, 255, 255, .3);
  margin:20px auto;
  padding:2px;
  -webkit-border-radius: 4px;
  -moz-border-radius:4px;
  border-radius: 4px;
    margin: 10px;
  text-align:center;
  display:block;
  text-decoration:none;
  color: #1B343D;
}
.contact .content
  {
  color:#999999;
  }
.vidLink {
    clear: both;
    display: inline-block;
    float: left;
    position: relative;
    vertical-align: top;
    width: 100%;
}
.vidLink .poster {
    height: auto;
    width: 100%;
}
.playBtn {
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
    position: absolute;
    top: 50%;
}

/* `Grid Global
----------------------------------------------------------------------------------------------------*/
.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11 {
  position: relative;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .grid_1 {
  width: 6.382978723404%;
}/*60px*/

.container_12 .grid_2 {
  width: 14.893617021277%;
}/*140px*/

.container_12 .grid_3 {
  width: 23.404255319149%;
}/*220px*/

.container_12 .grid_4 {
  width: 31.914893617021%;
}/*300px */


.container_12 .grid_5 {
  width: 40.425531914894%;
}/*380px*/

.container_12 .grid_6 {
  width: 460px; /* 46.91%;*/ /* other figure was breaking to two lines 47.91*/
  /*width: 48.936170212766%;*/
}/*460px*/
@media only screen and (max-width : 960px) {
    .container_12 .grid_6{
        width:46.91%;
        }
}
.container_12 .grid_7 {
  width: 57.446808510638%;
}/*540px*/

.container_12 .grid_8 {
  width: 65.957446808511%;
}/*620px*/

.container_12 .grid_9 {
  width: 74.468085106383%;
}/*700px*/

.container_12 .grid_10 {
  width: 82.978723404255%;
}/*780px*/

.container_12 .grid_11 {
  width: 91.489361702128%;
}/*860px*/



.container_12 .grid_12{
	width:940px; /*100%;*/
}
/* TO DO  include @media to restore to 100% or a little less when screen is narrower than 960px*/
@media only screen and (max-width : 960px) {
    .container_12 .grid_12{
        width:97%;
        }
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
  margin-left: 0;
}

.omega {
  margin-right: 0;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
  padding-left: 80px;
}

.container_12 .prefix_2 {
  padding-left: 160px;
}

.container_12 .prefix_3 {
  padding-left: 240px;
}

.container_12 .prefix_4 {
  padding-left: 320px;
}

.container_12 .prefix_5 {
  padding-left: 400px;
}

.container_12 .prefix_6 {
  padding-left: 480px;
}

.container_12 .prefix_7 {
  padding-left: 560px;
}

.container_12 .prefix_8 {
  padding-left: 640px;
}

.container_12 .prefix_9 {
  padding-left: 720px;
}

.container_12 .prefix_10 {
  padding-left: 800px;
}

.container_12 .prefix_11 {
  padding-left: 880px;
}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
  padding-right: 80px;
}

.container_12 .suffix_2 {
  padding-right: 160px;
}

.container_12 .suffix_3 {
  padding-right: 240px;
}

.container_12 .suffix_4 {
  padding-right: 320px;
}

.container_12 .suffix_5 {
  padding-right: 400px;
}

.container_12 .suffix_6 {
  padding-right: 480px;
}

.container_12 .suffix_7 {
  padding-right: 560px;
}

.container_12 .suffix_8 {
  padding-right: 640px;
}

.container_12 .suffix_9 {
  padding-right: 720px;
}

.container_12 .suffix_10 {
  padding-right: 800px;
}

.container_12 .suffix_11 {
  padding-right: 880px;
}

/* `Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
  left: 80px;
}
.container_12 .push_2 {
  left: 160px;
}
.container_12 .push_3 {
  left: 240px;
}
.container_12 .push_4 {
  left: 320px;
}
.container_12 .push_5 {
  left: 400px;
}
.container_12 .push_6 {
  left: 480px;
}
.container_12 .push_7 {
  left: 560px;
}
.container_12 .push_8 {
  left: 640px;
}
.container_12 .push_9 {
  left: 720px;
}
.container_12 .push_10 {
  left: 800px;
}
.container_12 .push_11 {
  left: 880px;
}

/* `Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
  left: -80px;
}
.container_12 .pull_2 {
  left: -160px;
}
.container_12 .pull_3 {
  left: -240px;
}
.container_12 .pull_4 {
  left: -320px;
}
.container_12 .pull_5 {
  left: -400px;
}
.container_12 .pull_6 {
  left: -480px;
}
.container_12 .pull_7 {
  left: -560px;
}
.container_12 .pull_8 {
  left: -640px;
}
.container_12 .pull_9 {
  left: -720px;
}
.container_12 .pull_10 {
  left: -800px;
}
.container_12 .pull_11 {
  left: -880px;
}





/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after,
.container_12:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix,
.container_12 {
  zoom: 1;
}


/* Home Page
----------------------------------------------------------------------------------------------------*/

.latest-tapped{
	font-family: 'Nunito', arial, helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: .05em;
	text-transform: uppercase;
}
.latest-tapped p{
    border-top: 1px solid #fff;
	padding-top: 6px;
    clear: both;
    margin-bottom: 12px;
    font-size: 90%;
    letter-spacing: 0;
    text-transform: capitalize;
}
.home-tapped-bar-name, .home-tapped-beer, .home-tapped-brewery{
	width: 25%;
    display: block;
    float: left;
	padding-right: 10px;
	/*border:1px dotted grey;*/
}
.home-tapped-beer, .home-tapped-brewery{
	padding-bottom:6px;
}
@media only screen and (max-width : 634px) {
	.home-tapped-list-link{
	display:none;
	}
	.home-tapped-bar-name{
	width:100%;	
	}
	.home-tapped-beer, .home-tapped-brewery{
	width: 45%;
	}
	.home-tapped-brewery{
	padding-right:0;
	}
}
a.full-list{
    font-size: 14px;
	margin-left:20px;
}
	




/* Bars General
----------------------------------------------------------------------------------------------------*/

blockquote{padding-left: 40px;}

li.offl {
    font-size: 13px;
    padding-left: 0;
    padding-left: 0px; margin-left: 10px !important;}

li.offl a{ text-decoration: none;}



li.techn {margin-left: 10px !important;}

li.technlast {margin-left: 10px !important; margin-bottom:20px;}  


ul.publist li
{
    display: inline-block; 
	margin-right: 6px;
	margin-left:0px;}


li.bullets{list-style-type:circle; margin-left:20px; margin-right: 10px;}

.intro{
	background-color: #ccc;

}

.beer-full {
    background-color: #f7931d;
    border-radius: 6px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 20px;
    padding-bottom: 1px;
    padding-top: 1px;
}

p.promotion{
	width:200px;
}

img.poster {
    margin-bottom: 20px;
    margin-left: 23px;
}

/* Visit Us Line*/


.visitus h4 {background: url("/img/line.gif") no-repeat 0 50%;
  text-transform: lowercase;
  text-align: center;
  margin: 0.75em 0 1em;}

.visitus h4 b {
  background-color:#000000;
  font-weight: normal;
  padding: 0 1em;
}
.visitus {margin-top:30px;}






/* Pub Sprites
----------------------------------------------------------------------------------------------------*/

/* Salthouse --*/
  .spsalthouse {
    width:	61px;
    height: 72px;
    background-position: -15px -300px
  }
  .spsalthouse:hover {background-position: -15px -377px; }
/* Oslo --*/
 .sposlo {
    width:	79px;
	height: 70px;
    background-position: -96px -300px;
  }
 .sposlo:hover {background-position: -96px -377px;  }

  /* Against The Grain--*/
.spagainstthegrain
{   width:	76px;
    height:	72px;
    background-position: -195px -300px;
  }
  .spagainstthegrain:hover{background-position: -195px -377px;}
  /* The Brew Dock--*/
.spthebrewdock
{   width:	48px;
    height:	72px;
    background-position: -288px -300px;
  } 
  .spthebrewdock:hover{background-position: -288px -377px;}

 /* The Dark Horse--*/
  .spthedarkhouse
{   width:	52px;
    height:	72px;
    background-position: -352px -300px;
  }  
    .spthedarkhouse:hover{ background-position: -352px -377px;  } 

 /* The Black Sheep--*/
.sptheblacksheep
{width:52px;
    height:78px;
    background-position: -422px -295px;
  } 
.sptheblacksheep:hover  { background-position: -422px -372px;}

/* Dew Drop Inn --*/
.spthedewdropinn
{   width:60px;
    height:64px;
    background-position: -480px -310px;
  } 
  .spthedewdropinn:hover{background-position: -480px -387px;  }

/* The 108--*/
.spthe108
{   width:56px;
    height:64px;
    background-position: -583px -310px;
  } 
.spthe108:hover{background-position: -583px -387px;}

/* The Beer Market--*/
.spthebeermarket{
    width: 66px;
    height: 67px;
    background-position: -655px -308px;
  } 
 .spthebeermarket:hover{ background-position: -655px -385px;  }

/* The Gasworks --*/
 .spthegasworks{
	width:	80px;
    height:	47px;
    background-position: -737px -324px;
  }
  .spthegasworks:hover{     background-position: -737px -401px;  }

/* Beer Traders --*/
 .spbeertraders{
    width:	70px;
    height:	47px;
    background-position: -841px -323px;
  }
  .spbeertraders:hover{     background-position: -841px -400px;  }
  
 /* The Wickham Tap --*/
 .spwickhamtap{
    background-position: -927px -310px;
    height: 59px;
    width: 71px;
  }
  .spwickhamtap:hover{     background-position: -927px -387px;  }

/* Northern Lights --*/
.spnorthernlights {
    width: 71px;
    height: 47px;
    background-position: -344px -323px;
}
 .spnorthernlights:hover{ background-position: -344px -400px;  }
 
/* Paddle and Peel --*/
.sppaddlepeel {
    width: 64px;
    height: 47px;
    background-position: -745px -217px;
}
 .sppaddlepeel:hover{ background-position: -745px -265px;  }



/* Our beers footer Line*/

input.paypalsprite
{
    background-position: -460px -557px;
}
.ourbeers h4{background: url("/img/line.gif") no-repeat 0 50%;
  text-transform: lowercase;
  text-align: center;
  margin: 0.75em 0 1em;}

.ourbeers h4 b{
  font-weight: normal;
  padding: 0 1em;
}
.ourbeers{
    text-align:center;
    margin: 0 auto;
    margin-top:30px;}

 

 

/* Booking Form
----------------------------------------------------------------------------------------------------*/


/* Booking Form */
#form-div{     background-color: #FFFFFF;
    color: #000000;
    display: block;
    margin: 20px auto;
    max-width: 600px;
    min-width: 320px;
    width: 100%;
	border:1px solid #ddd;
}

/* message box*/
#form-div .textarea{  
	width: 87%; 
	margin:0 20px; 
	margin-bottom:20px; 
	}
#form-div input{
	width:90%;
}
#form-div input#cc-opt{width: 10px;}
#form-div input#antispam{width:20%}
#form-div label#message-error.req-label{width:320px;}
#form-div input.button{
    margin-bottom: 30px;
    margin-left: 20px;
    margin-top: 10px;

}
#form-div select{margin-left:20px}
/* Required Field */
#form-div .req-set{
	/*width: 280px; */
    margin-left: 20px;
    margin-top: 20px;
    padding: 0;
	}

#form-div a:link {color:black;}      /* unvisited link */
#form-div a:visited {color:black;}  /* visited link */
#form-div a:hover {color:#9a1d21;}  /* mouse over link */
#form-div a:active {color:black;}  /* selected link */ 

/* Optional Field */
#form-div .opt-set{ 
	/*width: 280px;*/ 
	padding: 0 0 0 20px; }

#form-div fieldset{margin:0}
/* header */
.pullin{
	background: #ddd;
}

.main-set{margin-bottom:0px;: }


/* button */
#form-div .button{
	margin-left: 20px; margin-bottom: 20px; margin-top:20px;
    padding: 10px;
    background-color: #65b131;
    border-radius: 6px;
	color:white;
	font-weight:bold;
	font-size:120%;
}
#form-div .button:hover{
	background-color:#508e26;
	cursor:pointer;
}

/* labels */
.req-label{padding:0 20px; /*margin-top:20px;*/}
.req-label:after {
   content: "*";
}
#name-error,#email-error,#phone-error{padding:0px;}

#cc-opt-error{
	padding: 0 20px; 
	margin-top:20px;
	}


.text-short{margin:0 20px; margin-right: 120px;}

form#gbcf-form input{
	display: block;
}
form#gbcf-form input.checkbox{
	display: unset;
}

body.bookings{
	background-color:#eee;
}
body.bookings #results {
background-color: darkseagreen;
}
body.bookings .success {
padding: 110px 30px;
font-size: 20px;
}


/* Brewery Page
----------------------------------------------------------------------------------------------------*/
.textbrewery{background-color: #333333;

    margin-top: 10px;
}


/* Events Page
----------------------------------------------------------------------------------------------------*/

.eventsimages img{max-width:280px;
width:100%;}

/* the following fixes bug in IE7 http://www.positioniseverything.net/explorer/ienondisappearcontentbugPIE/index.htm */
li.barsTab ul, li.beersTab ul {display:block}
li.barsTab ul , li.beersTab ul{display:none}
#navigation{display:none}

h5.eventdate{
    margin-top: 10px;
    padding-bottom: 2%;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 2%;
    letter-spacing: 2px;
}

.grid_4 h3.eventdate{width:180px;}




/* Index beer Page
----------------------------------------------------------------------------------------------------*/

/*h3.nomargin a{text-decoration: none; color:#ffffff;}*/

/*h3.nomargin a:hover{color:#E72C2E;}*/

.pageStyleallBars h3.nomargin a{color:#222}


/* xmas menu party menus
----------------------------------------------------------------------------------------------------*/
.xmash3{color:#000000; margin-bottom:20px;}
.firstitem1{font-size:14px; font-weight: bold;}



/* grid 12
----------------------------------------------------------------------------------------------------*/
.specialmenu{
  background-color: #FBF9E0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    margin-top: 20px;
    padding-top: 20px;} 

.specialmenu li,.specialmenu p{color:#000000;}




/* grid 8 (images)
----------------------------------------------------------------------------------------------------*/
.splayout{
    text-align: center;
    margin-left:14.893617021277%; }

.splayout li{text-align: left;}
  

.splayout img{margin:2% 2%;}

.bannerimage { 
   position: relative; 
   width: 100%; /* for IE 6 */
   left: 0
}

.pimpimage { 
   position: relative; 
   width: 100%; /* for IE 6 */
   left: 0;
   
}

.pimpimage img{margin-top:0%;} 



/* grid 8 (listitems)
----------------------------------------------------------------------------------------------------*/

.menuitems li.firstitem{margin-top: 2%;}



.menuitems li.lastitem{margin-bottom: 2%;}

.menuitems li.contactmenu{margin-top: 5%;}




/* footer
----------------------------------------------------------------------------------------------------*/

.menufooter{margin-left:14.893617021277%;}




/* Beers page
----------------------------------------------------------------------------------------------------*/
img.btls{float:left; width:83px; height:278px; padding-left:10px; padding-right:10px;}

.beerspage .container_12 .grid_12 .grid_9{
    width: 65%;
    margin-right:0px;
    margin-left:10px;

}

.beerspage .beersbayale{margin-right:10px;}


@media only screen and (min-width : 960px) {
	.beerspecs{
		height:646px;
	}
}
@media only screen and (max-width : 960px) {
    .pageStyleBeers .container_12 .grid_6{
        width:90%;
        }
}

.specsburied{ 	background-color:#e4a97d;}
.specsfullsail{	background-color:#bcd7ee;}
.specsweights{	background-color:#f1cd62;}
.specsbayale{	background-color:#eec0c8;}
.specsofaf{	background-color:#b5cec3;}
.specsalthea{	background-color:#b3c0d3;}
.specsslowlives{	background-color:#ead0ba;}


/* Shop page
----------------------------------------------------------------------------------------------------*/

.paypalbutton {
    margin-top: 25px;
}

.paypalform {
    margin: 6px;
}
.paypalbuttonalign {
    text-align: center;
}
h2.fancytext {
    font-size: 50px;
}

h3.fancytext {
    font-size: 30px;
}
.fancybox-custom .fancybox-skin {
      box-shadow: 0 0 50px #222;
    }

#buynow{
    display:none;
}
div.buynow img{margin-top:8px;}


form.paypal-form.green,form.paypal-form.darkblue,form.paypal-form.red{width:295px;}

ul.info-wrapper.green form.paypal-form,ul.info-wrapper.red form.paypal-form{padding-bottom: 58px;height:80px;}
form.paypal-form.darkblue{height:122px;}

ul.info-wrapper.darkblue form.paypal-form fieldset div#buynow.control-group{padding-top:8px;}

nav.primary {
  width:auto;
  margin:30px auto;
  display:table;
}

nav.primary ul li  {
  float:left;
  list-style:none;
}

nav.primary ul li a {
  height:39px;
  display:block;
  font-size:15px;
  color: #FFFFFF;
  padding:0 10px;
  text-decoration:none;
  line-height:39px;
}


.main {
  padding:0;
  margin:0;
  display:block;
}

.entry {
  position:relative;
  float:left;
  margin:12px;
  cursor:pointer;
  width:295px;
  /*height:380px;*/
  height:475px;
  padding:0;
}
.entry:hover .video-hover,
.entry:hover .magnifier { opacity:0.8;
  filter: alpha(opacity=80); /* For IE8 and earlier */ }

.portfolio { margin:0; }

.magnifier {
  background:url(/img/magnifier.png) no-repeat center;

  position:absolute;
  top:10px;
  left:10px;
  bottom:10px;
  right:10px;
  opacity:0;
  height:250px;
  -webkit-transition:all .3s ease-in-out;
  -moz-transition:all .3s ease-in-out;
  -ms-transition:all .3s ease-in-out;
  -o-transition:all .3s ease-in-out;
  transition:all .3s ease-in-out;
}

img {
  max-width:100%;
}

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
   -moz-transition-duration: 0.8s;
        transition-duration: 0.8s;
}

.isotope {
-webkit-transition-property: height, width;
   -moz-transition-property: height, width;
        transition-property: height, width;
}
.isotope article{

	overflow:hidden;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
   -moz-transition-property:    -moz-transform, opacity;
        transition-property:         transform, opacity;
}

body.pageStyleShop div.container_12 div.container{margin-top: 50px;}


.fancybox-close{
	top:0;
	right:0;
}

.darkblue{background-color: #1B325F; margin-bottom:0px;}
.red{background-color: #460000;  margin-bottom:0px;}
.orange{background-color: #F26C4F;  margin-bottom:0px;}
.green{background-color: green;  margin-bottom:0px;}

.glass, .beer, .clothing{
	background-color: #333333;
}
.glass{
	/*border-top:10px solid #460000; 
	background-color: #333333;*/
	}
.beer{
	/* border-top:10px solid #1B325F;  
	background-color: #333333;*/
	}
.clothing{
	/* border-top:10px solid #222222;  
	background-color: #333333;*/
	}

h3.shoph3{
    font-size: 28px;
    margin-left: 0px;
    padding-top:5px;
    margin-top: 0px;
    margin-bottom:5px;
}

h3.shoph3 a:hover, h3.shoph3 a:visited, h3.shoph3 a:link, h3.shoph3 a:active{
    text-decoration: none;}

h2.shoph2 {
    font-size: 24px;
    margin-left: 0;
    /*margin-right: 10px;*/
    margin-top: 0;
    text-align: center;
	line-height: 0.4;
}
.dest {
    font-family: 'Nunito', arial;
    font-size: 50%;
	color:grey;
	line-height: 1.9;
}
h2 span.price{
	line-height: 0.5;
}
.incshipping {
    font-family: 'Nunito', arial;
    font-size: 40%;
	color:white;
	line-height:0.4;
}
.thumbnailVersion .dest{
	color:white;
}
.smallprint{
	font-size:90%;
	color:grey;
}
li.productname{margin-left:5px; color:#ffffff; text-decoration: none;}
li.price{margin-left:5px; color:#ffffff; text-decoration: none;}
li.buy{margin-left:5px; color:#ffffff; text-decoration: none;}
li a.selectedacc{border-bottom: 3px solid #333333;}
li a.selectedglass{border-bottom: 3px solid #333333;}
li a.selectedbeer{border-bottom: 3px solid #333333;}
li a.selectedclothing{border-bottom: 3px solid #333333;}

.pricetag{
   /* background-color: rgba(0, 0, 0, 0.4);
    border-radius: 49px;
    color: white;
    height: 50px;
    left: 220px;
    line-height: 69%;
    overflow: hidden;
    padding: 20px 10px 0;
    position: absolute;
    top: 15px;
    width: 50px; */
}

.pricetag {
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 51px;
    color: white;
    left: 197px;
    line-height: 69%;
    overflow: hidden;
    padding: 10px 10px 0;
    position: absolute;
    top: 15px;
    width: 60px;
    height: 70px;
}

.intl {
    display: inline-block;
    font-size: 85%;
    margin-top: 3px;
}
.destintl {
    font-size: 42%;
    vertical-align: middle;
}


form.paypal-form {
width:290px;
margin-right:10px;
}

form.paypal-form table tbody tr{float:left;}
form.paypal-form table tbody tr td{padding-left: 5px; padding-top:5px; padding-bottom:5px;}

form.paypal-form table tbody tr td select{width:60px;}

form.paypal-form table{margin-bottom:0px;}

ul.info-wrapper a {height:100px;}

div.ppt{display:none;}


.paypal-form.green > input, .paypal-form.red > input, .paypal-form.blue > input {
    display: block;
    margin: 0 auto;
    padding-bottom: 10px;
}

/* Pilot Brew page
----------------------------------------------------------------------------------------------------*/

.pilotbeers {background-color: #333333;
    border-radius: 6px;
    margin-top: 10px;
  padding-bottom: 10px;}
.pageStylepilotbeer h2{margin-left:10px;}

.pilotintro{width:97%;}
.pilotintro p{padding-top: 20px;}
.pilotimg{margin-top: 10px; margin-top: 10px;}

.pilotbeers h2 span{color:#FF0000;}

.pilotbeers h2{padding-top:10px;}









/* Trip
----------------------------------------------------------------------------------------------------*/

.TA_percentRecommended{padding-left:10px;}


/* Trip
----------------------------------------------------------------------------------------------------*/
.christmas{text-align:center;font-weight:bold;text-transform:uppercase;padding:1.5em, 0}
.christmas-badge{text-align:center}

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:489px;
		height:540px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:50px;
		height:77px;
		position:absolute;
		left:0;
		top:219px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:454px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:50px;
		height:45px;
		background:url(/img/prev.png) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(/img/next.png) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
/* // Easy Slider */

/* `Accordion 
----------------------------------------------------------------------------------------------------*/
#accordion h3 span{
    color: #fff;	
}

#accordion h3 span.bignumber,
#accordion h3 span.soldout-warning,
#accordion h3 span.beerstyle,
#accordion h3 span.abv,
#accordion h3 span.price,
#accordion h3 span.volume{


    font-family: 'Nunito', arial,helvetica,sans-serif;
    font-size: 60%;

}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 6px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 6px;
}
.ui-widget-content {
    background-color: #222;
    border: 1px solid #666666;
    color: #ffffff;
}
.ui-helper-reset {
    border: 0 none;


    list-style: outside none none;
    margin: 0;
    outline: 0 none;
    padding: 0;
    text-decoration: none;
}
.ui-accordion .ui-accordion-icons {
    padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header {
    cursor: pointer;
    display: block;

    margin: 2px 0 0;
    min-height: 0;
    padding: 0.5em 0.5em 0.5em 0.7em;
    position: relative;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 6px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 6px;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background-color: #e82c2e;
    border: 1px solid #ffaf0f;

}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {

    border: 1px solid #666666;

}

#accordion h3 {
    font-size: 26px;
    font-weight: normal;
}



#accordion h3 .bignumber {
    border: 1px solid white;
    border-radius: 109px;
    display: inline-block;
    font-family: times new roman,times,serif;
    font-size: 20px;
    font-weight: normal;
    height: 22px;
    margin: 0 10px 0 0;
    padding: 5px;
    text-align: center;
    width: 22px;
	font-style:italic;
}

#accordion .beerstyle{
	margin-left:3em;
}

/* -- accordion replacement --  */

.expand {
    cursor: pointer;
}
.expandable {
    display:none;
}
.tapped-container{
    border-bottom: 1px solid #666;
    padding-bottom: 10px;
    margin-bottom: 14px;
	margin-left:13px;
}
.tapped-container h3{
	font-family: 'Nunito', arial, helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: .05em;
    margin: 0;
}
.soldout.tapped-container h3{
	color:#888;
	text-decoration: line-through;
}
.tapped-number{
	color:white;
}
.hidenumbers .tapped-number{
	display:none;
	}
.tapped-beer {
    display: block;
    width: 100%;
    padding-bottom: 4px;
}
.tapped-brewery{
	float:left;
	display:block;
	width:38%;
}
.tapped-style{
	float:left;
	display:block;
	width:22%;
}
.tapped-details{
	float:left;
	display:block;
	width:20%;
}
.tapped-abv{
	float:left;
	display:block;
	width:33%;
}
.tapped-price{
	float:left;
	display:block;
	width:33%;
}
.tapped-vol{
	float:left;	
	display:block;
	width:33%;
}
.expandable{
	padding-top:10px;
}
@media only screen and (max-width : 634px) {
	.tapped-brewery{
		float:left;
		display:block;
		width:33%;
	}
	.tapped-style{
		width:33%;
	}
	.tapped-details{
		width:33%;
	}
}
@media only screen and (max-width : 500px) {
	.tapped-brewery{
		display:block;
		width:66%;
	}
	.tapped-style{
		width:33%;
	}
	.tapped-details{
		float:unset;
		width:100%;
	}
}

/* end  */


h3.soldout .beertitle {
    text-decoration: line-through;
}
#accordion h3.soldout .soldout-warning {
    font-size: 50%;
    font-style: italic;
    padding-left: 2em;
    text-decoration: none;
    text-transform: none;
}

.tapped-tweet-btn, .tapped-untappd-btn  {
    background: #3498db linear-gradient(to bottom, #3498db, #2980b9) repeat scroll 0 0;

    color: #ffffff;
    float: right;
    font-family: 'Nunito', arial;
    font-size: 14px;
    font-weight: bold;
    margin-left: 11px;
    padding: 2px 7px;
    text-decoration: none;
}
.tapped-tweet-btn a, .tapped-untappd-btn a{
	  color: #ffffff;
}
.tapped-tweet-btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
  color:white;
}
.tapped-untappd-btn {
  background: #ffcc00;
  background-image: -webkit-linear-gradient(top, #ffcc00, #e8ba00);
  background-image: -moz-linear-gradient(top, #ffcc00, #e8ba00);
  background-image: -ms-linear-gradient(top, #ffcc00, #e8ba00);
  background-image: -o-linear-gradient(top, #ffcc00, #e8ba00);
  background-image: linear-gradient(to bottom, #ffcc00, #e8ba00);
}

.tapped-untappd-btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
  color:white;
}
.tappedbuttons {
    height: 28px;
	margin-right:15px;
}
.price-and-vol{
	padding-top: 20px;
}

/* ---------------------- MANAGER --------------------------------- */
body.manager label{
    display: block;
    float: left;
    width: 130px;
}

.blackboard h3 .style{
	width:100px;
	overflow:hidden;
	font-size:80%;
	font-style:italic;
	display:inline-block;
}

/* Manager Page */
input.brewery	 {width:100px;}
input.beername	 {width:130px; font-weight:bold;}
input.abv		 {width:40px;}
input.price		 {width:40px;}
input.volume	 {width:40px;}
input.style		 {width:100px;}
input.description{width:160px;}
input.user		 {width:60px;}
input{
		border:1px solid #e5e5e5;
		padding:4px;}
input:focus{border:1px solid grey}

.managertable tr{margin-bottom:10px}

		
.managertable .button, body.manager .button, body.manager .submitbutton {
  background: #cfcfcf;
  background-image: -webkit-linear-gradient(top, #cfcfcf, #8a8a8a);
  background-image: -moz-linear-gradient(top, #cfcfcf, #8a8a8a);
  background-image: -ms-linear-gradient(top, #cfcfcf, #8a8a8a);
  background-image: -o-linear-gradient(top, #cfcfcf, #8a8a8a);
  background-image: linear-gradient(to bottom, #cfcfcf, #8a8a8a);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family: 'Nunito', arial;
  color: #ffffff;
  font-size: 13px;
  padding: 6px 14px 6px 14px;
  text-decoration: none;
  width: 124px;
}

.managertable .button:hover, body.manager .button:hover, body.manager .submitbutton  {
  background: #1ecc1e;
  background-image: -webkit-linear-gradient(top, #1ecc1e, #0d9412);
  background-image: -moz-linear-gradient(top, #1ecc1e, #0d9412);
  background-image: -ms-linear-gradient(top, #1ecc1e, #0d9412);
  background-image: -o-linear-gradient(top, #1ecc1e, #0d9412);
  background-image: linear-gradient(to bottom, #1ecc1e, #0d9412);
  text-decoration: none;
}	

.managertable .button:hover, body.manager .button:hover, body.manager .soldoutbutton {
    background-color: red;
    background-image: -webkit-linear-gradient(top, red, darkred);
    background-image: -moz-linear-gradient(top, red, darkred);
    background-image: -ms-linear-gradient(top, red, darkred);
    background-image: -o-linear-gradient(top, red, darkred);
    background-image: linear-gradient(to bottom, red, darkred);
    text-decoration: none;
	color:white;
}

.alert {
    background-color: #a8e7a8;
    padding: 2px 20px;
		
}
.sold-out{
	color:#555;
	background-color:red;
}
/* ---------------------- REPLACE KEG --------------------------------- */
body.manager h1 {
    font-family: sans-serif;
    font-size: 20px;
}
body.manager h2 {
    font-size: 60px;
	text-align:center;
}
body.manager{
	min-width:unset;
	color:black;
	background-color:#dbdbdb;

    display: block;
    margin: 0 auto;
}

body.replacekeg{
max-width: 625px;}

body.manager label {
    margin-right: 10px;
    font-family: sans-serif;
	width:100%;
	padding: 2px 0 12px;
	font-size:130%;
}
body.manager hr{
	color:#eee;
	margin: 15px 0;
}
body.manager input, body.manager select{
	font-size: 130%;
	width:100%;
}
body.manager textarea{width:100%}

body.manager .submitbutton, body.manager .soldoutbutton{
	border: 2px solid #dbdbdb;
	   font-size: 125%;
    height: 50px;
    width: 100%;
}
body.manager .submitbutton:hover, body.manager .soldoutbutton:hover{
	border-color: black;
}	
input#price {
    margin-left: 10px;
    width: 90%;
}
input#abv {
    margin-right: 10px;
    width: 90%;
}

span.label-extra {
    font-family: 'Nunito', arial,helvetica,sans-serif;
    font-size: 120%;
    font-weight: bold;
}

.xmaspromo{margin-top:20px}

.intro {

    background-color: #ccc;
    margin-top: 20px;
    padding: 14px;

}
#wowslider-container1 {
    /*max-width: 960px!important;*/
}
.contact, .promo, .pub, .menu, .book, .news, .textbrewery, .food, .tech, .availability, .aboutbeers {
	background-color: #D0D0D0!important;
	border-radius: 0px!important;
}
.contact .content {

    color: #222;

}

/* food menus */
.menu{
    padding-bottom:18px;
}
.book {

    padding-bottom: 18px;

}
.menu1, .menu2, .menu3, .menubeer, .menuwine{
    background-image: url("/img/sprites.png");
    background-repeat: no-repeat;
    height: 55px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    padding-bottom: 0;
    padding-left: 60px;
    padding-right: 0;
    padding-top: 0;
}

  
.menu1{background-position: -260px -112px;}
.menu2{background-position: -260px -112px;}
.menu3{background-position: -260px -112px;}
.menubeer{background-position: -260px -57px;}


.menuwine{background-position: -264px -3px;}


a.menu-button {
    color:#339;
    display: block;
    margin: 0 0 10px 10px;
    padding: 10px;
    width: 40%;
    float: left;
    background-color:  #eee;
    border-radius: 5px;
    font-weight: bold;
    font-size:15px;
}
a.menu-button:hover {
    background: #000;
    color: #fff !important;
    transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -webkit-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
}
a.menu-button span{
    font-size:80%
}
a.booknow{

    color: white;
    background-color: green;
    display: block;
    width: 90%;
    margin: 10px;
    border-radius: 5px;
    padding: 9px;
    font-size: 28px; 
    font-family: 'franchiseregular',sans-serif;
}
a.booknow:hover{
    background-color:red;
}

.barintro {

    margin-top: 20px;

}

/* Shake */
@-webkit-keyframes shake {
  0% { transform: rotate(1deg);-webkit-transform: transform: rotate(1deg); }
  10% { transform: rotate(-1deg);-webkit-transform: transform: rotate(-1deg); }
  20% { transform: rotate(2deg);-webkit-transform: transform: rotate(2deg); }
  30% { transform: rotate(-2deg);-webkit-transform: transform: rotate(-2deg); }
  40% { transform: rotate(3deg);-webkit-transform: transform: rotate(3deg); }
  50% { transform: rotate(-3deg);-webkit-transform: transform: rotate(-3deg); }
  60% { transform: rotate(1deg);-webkit-transform: transform: rotate(2deg); }
  70% { transform: rotate(0deg);-webkit-transform: transform: rotate(0deg); }
  80% { transform: rotate(0deg);-webkit-transform: transform: rotate(0deg); }
  90% { transform: rotate(0deg);-webkit-transform: transform: rotate(0deg); }
  100% { transform: rotate(-0deg);-webkit-transform: transform: rotate(-0deg); }
}
@keyframes shake {
  0% { transform: rotate(1deg);-webkit-transform: transform: rotate(1deg); }
  10% { transform: rotate(-1deg);-webkit-transform: transform: rotate(-1deg); }
  20% { transform: rotate(2deg);-webkit-transform: transform: rotate(2deg); }
  30% { transform: rotate(-2deg);-webkit-transform: transform: rotate(-2deg); }
  40% { transform: rotate(3deg);-webkit-transform: transform: rotate(3deg); }
  50% { transform: rotate(-3deg);-webkit-transform: transform: rotate(-3deg); }
  60% { transform: rotate(1deg);-webkit-transform: transform: rotate(2deg); }
  70% { transform: rotate(0deg);-webkit-transform: transform: rotate(0deg); }
  80% { transform: rotate(0deg);-webkit-transform: transform: rotate(0deg); }
  90% { transform: rotate(0deg);-webkit-transform: transform: rotate(0deg); }
  100% { transform: rotate(-0deg);-webkit-transform: transform: rotate(-0deg); }
}
.shake {
  margin-right:10px; margin-bottom:20px
  display: block; /*original code calls for inline-block*/
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-o-transform-origin: 0% 0%;
transform-origin: 50% 80%;
}
.shake:hover, .shake:focus, .shake:active {
  -webkit-animation-name: shake;
  animation-name: shake;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* buy now button */
.buy-button {
	box-shadow:inset 0px 1px 0px 0px #cf6e6e;
	background:linear-gradient(to bottom, #cf1b1b 5%, #ba1717 100%);
	background-color:#cf1b1b;
	border-radius:3px;
	border:1px solid #941212;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
    font-family: Franchiseregular;
    font-size: 33px;
    padding: 0px 0px;
    font-weight: normal;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
	text-decoration:none;
	text-shadow:0px 1px 0px #852929;
}
.buy-button:hover {
	background:linear-gradient(to bottom, #ba1717 5%, #cf1b1b 100%);
	background-color:#ba1717; 
    color:white;
}
.buy-button:active {
	position:relative;
	top:1px;
}


/**/