/*---------------------------------------------*/
/* Basic Styles
/*---------------------------------------------*/
html, body {
	min-width: 100%;
	margin: 0;
	padding: 0;
	min-height: 100%;
	font-size: 100%;
	font-family: 'ProximaNovaRegular', Verdana, sans-serif;
	background: #1c1c1c url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/global/dark-bg.jpg') repeat 0 0;
}

html {
	position: relative;
}

body {
	height: 100%;
}

input, textarea {
	font-family: 'ProximaNovaRegular', Verdana, sans-serif;
}

img {
	vertical-align: top;
	border: 0;
}

p a,
ul li a,
blockquote a {
	color: #fff;
	text-decoration: underline;
}

p a:hover,
blockquote a:hover {
	color: #ba9c5b;
}

a {
	-webkit-transition: color 0.2s;
	-moz-transition: color 0.2s;
	-o-transition: color 0.2s;
	transition: color 0.2s;
}

.extra {
	display: none;
}

section.centered {
	max-width: 640px;
	margin: 0 auto;
	padding: 0 20px 115px 20px;
}

.site {
	width: 100%;
	overflow: hidden;
}

.site:after {
	content: "";
	display: block;
	clear: both;
}

/*---------------------------------------------*/
/* Fonts
/*---------------------------------------------*/
@font-face {
	font-family: 'ProximaNovaRegular';
	src: url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/fonts/ProximaNova-Reg-webfont.eot');
	src: url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/fonts/ProximaNova-Reg-webfont.eot#iefix') format('embedded-opentype'),
		url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/fonts/ProximaNova-Reg-webfont.woff') format('woff'),
		url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/fonts/ProximaNova-Reg-webfont.ttf') format('truetype'),
		url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/fonts/ProximaNova-Reg-webfont.svg#ProximaNovaRegular') format('svg');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'ProximaNovaRegular';
	src: url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/fonts/proximanova-bold-webfont.eot');
	src: url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/fonts/proximanova-bold-webfont.eot#iefix') format('embedded-opentype'),
		url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/fonts/proximanova-bold-webfont.woff') format('woff'),
		url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/fonts/proximanova-bold-webfont.ttf') format('truetype'),
		url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/fonts/proximanova-bold-webfont.svg#ProximaNovaBold') format('svg');
	font-weight: 700;
	font-style: normal;
}

/*---------------------------------------------*/
/* Header
/*---------------------------------------------*/
.site>header {
	padding: 15px 0 0 0;
	background: #2c2c2c url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/global/header-bg.jpg') repeat 0 0;
}

.site>header:after {
	content: "";
	display: block;
	clear: both;
}

.site>header>h1 {
	float: left;
	width: 161px;
	margin: 0 0 0 3.125%;
	padding: 0 0 13px 0;
}

.site>header>h1 img {
	width: 100%;
}

.site>header>h1 a {
	display: block;
}

.site>header .extra {
	display: none;
}

.site>header .navigation {
	padding: 0 3.125% 0 0;
}

.site>header .navigation:after {
	content: "";
	display: block;
	clear: both;
}

/* Quick Nav Links */
.site>header .quicknav {
	position: absolute;
	top: 30px;
	right: 3.125%;
	margin: 0;
	padding: 0;
	list-style: none;
}

.site>header .quicknav li {
	float: left;
	margin: 0;
	padding: 0;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.site>header .quicknav .main {
	display: none;
	background-image: url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/global/header-quicknav-main-nav.png');
}

.site>header .quicknav .search {
	display: block;
	background-image: url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/global/header-quicknav-search.png');
}

.site>header .quicknav .social-links {
	display: none;
	background-image: url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/global/header-quicknav-social.png');
}

.site>header .quicknav a {
	display: block;
	width: 26px;
	height: 26px;
	font-size: 0.01em;
	text-indent: 105%;
	white-space: nowrap;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 -26px;
	opacity: 0;
}
.site>header .quicknav a:hover {
	opacity: 1;
}

.site>header .quicknav .active {
	opacity: 1;
	background-position: 0 -52px;
}
.site>header .quicknav .active a:hover {
	background-position: 0 -78px;
}

.site>header .quicknav .main a {
	background-image: url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/global/header-quicknav-main-nav.png');
}

.site>header .quicknav .search a {
	background-image: url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/global/header-quicknav-search.png');
}

.site>header .quicknav .social-links a {
	background-image: url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/global/header-quicknav-social.png');
}

/* Main Navigation */
.site>header .main-nav {
	position: absolute;
	top: 0;
	width: 55%;
	margin: 0 24% 0 21%;
	padding: 0;
	text-align: center;
	/*overflow: hidden;*/
}

.site>header .main-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.site>header .main-nav li {
	display: inline;
	margin: 0;
	padding: 0;
}

.site>header .main-nav a {
	position: relative;
	display: inline-block;
	margin: 0 8px;
	padding: 0;
	color: #dadada;
	font-size: 0.938em;
	font-weight: 700;
	text-decoration: none;
	text-transform: uppercase;
	background: transparent
}

.site>header .main-nav a span {
	display: block;
	padding: 32px 0 34px 0;
}

.site>header .main-nav a.has-subnav {
	padding-right: 14px;
	background: transparent url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/global/header-main-nav-bg.png') no-repeat 100% 38px;
}

.site>header .main-nav a:hover {
	color: #fff;
}

.site>header .main-nav a.open {
	background-position: 100% -12px;
}

.site>header .main-nav a.active {
	color: #ba9c5b;
	background-position: 100% -62px;
}

.site>header .main-nav a.active.open {
	background-position: 100% -112px;
}

.site>header .main-nav .arrow {
	display: none;
	position: absolute;
	top: 16px;
	right: 0;
	width: 22px;
	height: 9px;
	background: transparent url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/global/header-expanding-nav-bg.png') no-repeat 0 0;
}

.site>header .main-nav a.has-subnav.active .arrow {
	background-position: 0 -200px;
}

.site>header .main-nav a.has-subnav.open .arrow {
	background-position: 0 -100px;
}

.site>header .main-nav a.has-subnav.active.open .arrow {
	background-position: 0 -300px;
}

.site>header .main-nav a span {
	background: transparent url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/global/header-main-nav-open-bg.png') no-repeat 50% 500px;
}

.site>header .main-nav a.open span {
	background-position: 50% 100%;
}

/* Subnav shown in mobile view */
.site>header .main-nav .subnav {
	display: none;
	margin: 0;
	padding: 0;
	background: #2d2d2d;
	overflow: hidden;
}

.site>header .main-nav .subnav .content {
	margin: 0 4px -1px 4px;
	padding: 0 3.125%;
	overflow: hidden;
}

.site>header .main-nav .subnav ul {
	clear: left;
	margin: 0 4px -1px 4px;
	list-style: none;
	background: transparent url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/global/header-subnav-bg.gif') no-repeat 50% 100%;
}

.site>header .main-nav .subnav ul:after {
	clear: both;
	content: "";
	display: block;
}

.site>header .main-nav .subnav li {
	width: 50%;
	float: left;
	margin: 0;
	padding: 0;
	background: transparent;
}

.site>header .main-nav .subnav a {
	display: block;
	margin: 0 0 0 4px;
	padding-left: 0;
	padding-right: 0;
	font-weight: 400;
	border-bottom: 1px solid #3d3d3d;
	background: transparent url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/global/header-nav-option-bg.png') no-repeat 0 -83px;
}

.site>header .main-nav .subnav .odd a {
	margin: 0 4px 0 0;
}

.site>header .main-nav .subnav .featured a {
	color: #e2d6bd;
	font-weight: 700;
	text-transform: uppercase;
	background-position: 0 17px;
}

.site>header .main-nav .subnav a.active {
	color: #ba9c5b;
	background-position: 0 -283px;
}

.site>header .main-nav .subnav a:hover {
	color: #fff;
}

.site>header .main-nav .subnav .icon {
	display: inline-block;
	width: 8px;
	opacity: 0;
	height: 11px;
	margin: 0 5px 0 0;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	transition: opacity 0.2s;
	background: transparent url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/global/header-nav-option-bg.png') no-repeat 0 -200px;
}

.site>header .main-nav .subnav a:hover .icon {
	opacity: 1;
}

/* Social Links */
.site>header .social {
	float: right;
	margin: 10px 41px 0 0;
	padding: 0 15px 0 0;
	overflow: hidden;
}

.site>header .social ul {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	background: transparent url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/global/header-social-border.png') no-repeat 100% 13px
}

.site>header .social li {
	float: left;
	margin: 0;
	padding: 0;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.site>header .social a {
	display: block;
	width: 34px;
	height: 34px;
	font-size: 0.01em;
	text-indent: 105%;
	white-space: nowrap;
	overflow: hidden;
	opacity: 0;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.site>header .social a:hover {
	opacity: 1;
	background-position: 0 -34px;
}

.site>header .social .newsletter,
.site>header .social .newsletter a {
	background-image: url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/global/header-social-newsletter.png');
}
.site>header .social .twitter,
.site>header .social .twitter a {
	background-image: url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/global/header-social-twitter.png');
}
.site>header .social .facebook,
.site>header .social .facebook a {
	background-image: url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/global/header-social-facebook.png');
}
.site>header .social .youtube,
.site>header .social .youtube a {
	background-image: url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/global/header-social-youtube.png');
}

.page-info-bar,
.page-info-category-bar {
	position: relative;
	z-index: 10;
	padding: 0;
	background: #1c1c1c url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/global/dark-bg.jpg') repeat 0 0;
}

.page-info-bar:after,
.page-info-category-bar:after {
	content: "";
	display: block;
	clear: both;
}

.page-info-bar h2,
.page-info-category-bar h2 {
	float: left;
	margin: 0 0 0 3.125%;
	padding: 21px 0 20px 0;
	color: #999999;
	font-weight: 700;
	font-size: 1.063em;
	text-transform: uppercase;
}

.page-info-bar a.categories-button,
.page-info-category-bar a.categories-button {
	float: right;
	margin: 0 3.125% 0 0;
	padding: 21px 0 20px 0;
	color: #999999;
	font-weight: 700;
	font-size: 1.063em;
	text-transform: uppercase;
	text-decoration: none;
	background: transparent url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/global/header-categories-bg.png') no-repeat 0 25px;
}

.page-info-bar a:hover.categories-button,
.page-info-category-bar a:hover .categories-button {
	color: #f3f3f3;
}

.page-info-bar a.categories-button .icon,
.page-info-category-bar a.categories-button .icon {
	float: left;
	display: block;
	width: 21px;
	height: 11px;
	margin: 4px 0 0 0;
	font-size: 0.01em;
	white-space: nowrap;
	text-indent: 105%;
	overflow: hidden;
	opacity: 0;
	background: transparent url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/global/header-categories-bg.png') no-repeat 0 -50px;
}

.page-info-bar a:hover.categories-button,
.page-info-category-bar a:hover.categories-button {
	color: #f3f3f3;
}

.page-info-bar a.categories-button:hover .icon,
.page-info-category-bar a.categories-button:hover .icon {
	opacity: 1;
}

.page-info-bar a.active,
.page-info-bar a.active .icon,
.page-info-category-bar a.categories-button.active,
.page-info-category-bar a.categories-button.active .icon {
	color: #f3f3f3;
	background-position: 0 -77px;
}

.page-info-bar .subnav {
	float: right;
	margin: 0 3.125% 0 0;
	padding: 0;
	list-style: none;
}

.page-info-bar .subnav li {
	float: left;
	margin: 0;
	padding: 0 0 0 22px;
}

.page-info-bar .subnav li a {
	display: block;
	margin: 0;
	padding: 21px 0 20px 0;
	color: #999;
	font-weight: 700;
	font-size: 1.063em;
	text-transform: uppercase;
	text-decoration: none;
}

.page-info-bar .subnav li a:hover,
.page-info-bar .subnav li a.active {
	color: #f3f3f3;
}

/*---------------------------------------------*/
/* Bar Finder Dropdown
/*---------------------------------------------*/
.page-info-bar .dropdown-prompt {
	display: none;
}

.bar-finder-search {
	position: relative;
	z-index: 10;
	float: right;
	margin: 0 0 0 0;
}

.bar-finder-search form {
	margin: 0;
	padding: 14px 0 0 0;
}

.bar-finder-search form:after {
	clear: both;
	content: "";
	display: block;
}

.bar-finder-search fieldset {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	border: 0;
}

.bar-finder-search fieldset input {
	width: 248px;
	margin: 0;
	padding: 6px 10px 5px 10px;
	color: #fff;
	font-style: italic;
	font-size: 1.063em;
	border: 1px solid #fff;
	outline: 0;
	background: transparent;
}

.bar-finder-search .filled-in {
	font-style: normal;
}

.bar-finder-search fieldset input:focus {
	border-color: #ba9c5b;
}

.bar-finder-search fieldset input.error {
	color: #fb4949;
}

.bar-finder-search legend {
	display: none;
}

.bar-finder-search label {
	display: none;
}

.bar-finder-search select {
	/*display: none;*/
}

.bar-finder-search .submit-button {
	float: left;
	margin: 0;
	padding: 7px 8px 5px 8px;
	color: #f3f3f3;
	font-size: 1.063em;
	font-weight: 700;
	cursor: pointer;
	border: 1px solid #004b31;
	background: #004b31;
}

.bar-finder-search .global-dropdown .current {
	padding-top: 6px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 36px;
	color: #f3f3f3;
	font-size: 1.063em;
	border-color: #4f4f4f;
	background-color: #4f4f4f;
	background-image: url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/global/global-expanding-list-bg-light.png');
	background-position: 100% 12px;
}

.bar-finder-search .global-dropdown.open .current {
	background-position: 100% -88px;
}

.bar-finder-search .global-dropdown .content {
	height: 0;
}

.bar-finder-search .global-dropdown li a {
	padding-top: 7px;
	padding-bottom: 6px;
	font-size: 1.063em;
	font-weight: 400;
	color: #555555;
	background-color: #fcfcfc;
}

.bar-finder-search .global-dropdown li a.odd {
	background-color: #efefef;
}

.bar-finder-search .global-dropdown li a.active,
.bar-finder-search .global-dropdown li a:hover {
	color: #555555;
	background: #e1e1e1;
}

.map-key-button {
	position: relative;
	float: right;
	display: block;
	margin: 15px 3.125% 0 19px;
	padding: 8px 0 0 16px;
	text-decoration: none;
	text-transform: uppercase;
	color: #999999;
	font-size: 1.063em;
	font-weight: 700;
	line-height: 1em;
	color: #fff;
	background: transparent url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/barfinder/map-key-button.png') no-repeat 0 9px;
}

.map-key-button.close {
	background-position: 0 -91px;
}

.map-key-button .icon {
	position: absolute;
	top: 5px;
	left: 0;
	width: 16px;
	height: 16px;
	margin: 0;
	padding: 0;
	opacity: 1;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	transition: opacity 0.2s;
	background: transparent url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/barfinder/map-key-button.png') no-repeat 0 -46px;
}

.map-key-button.close .icon {
	background-position: 0 -146px;
}

.map-key-button:hover {
	color: #fff;
}

.map-key-button:hover .icon {
	opacity: 1;
}

/*---------------------------------------------*/
/* Barrel Tracker
/*---------------------------------------------*/
.page-info-bar .barrel-selection {
	float: right;
	margin: 0 3.125%;
	padding: 14px 0 14px 0;
}

.page-info-bar .barrel-selection fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

.page-info-bar .barrel-selection fieldset:after {
	clear: both;
	content: "";
	display: block;
}

.page-info-bar .barrel-selection legend,
.page-info-bar .barrel-selection label,
.page-info-bar .barrel-selection .submit-button {
	display: none;
}

.page-info-bar .barrel-selection .global-dropdown .current {
	padding-top: 6px;
	padding-bottom: 4px;
	padding-left: 8px;
	color: #f3f3f3;
	font-size: 1.063em;
	font-weight: 700;
	border-color: #4f4f4f;
	background-color: #4f4f4f;
	background-image: url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/global/global-dropdown-bg-grey.png');
	background-position: 100% 11px;
}

.page-info-bar .barrel-selection .global-dropdown.open .current {
	background-position: 100% -90px;
}

.page-info-bar .barrel-selection .global-dropdown .scrollbar {
	width: 12px;
}

.page-info-bar .barrel-selection .global-dropdown .handle {
	background-color: #817f7f;
}

.page-info-bar .barrel-selection .global-dropdown .track {
	background-color: #b2b1b1;
}

.page-info-bar .barrel-selection .global-dropdown li a {
	padding-top: 7px;
	padding-bottom: 6px;
	padding-left: 11px;
	padding-right: 65px;
	color: #555555;
	font-size: 1em;
	font-weight: 400;
	background-color: #fcfcfc;
}

.page-info-bar .barrel-selection .global-dropdown li a.odd {
	background-color: #efefef;
}

.page-info-bar .barrel-selection .global-dropdown li a.active,
.page-info-bar .barrel-selection .global-dropdown li a:hover {
	background-color: #e4e4e4;
}

.barrel-tracker,
.barrel-tracker .barrel-map,
.barrel-tracker .barrel-map #map {
	position: relative;
	z-index: 1;
}

.barrel-tracker .map-container {
	position: relative;
	overflow: hidden;
}

.barrel-tracker .path-taken ol {
	display: table;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

.barrel-tracker .path-taken li {
	display: table-cell;
	width: 50.5%;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	background: #252525 url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/barreltracker/path-taken-bg.gif') no-repeat 0 50%;
}

.barrel-tracker .path-taken li:first-child {
	width: 49.5%;
	background: #2f2f2f;
}

.barrel-tracker .path-taken dl {
	margin: 0;
	padding: 25px;
	font-weight: 700;
	font-size: 1.25em;
	text-align: center;
}

.barrel-tracker .path-taken dt {
	display: inline;
	margin: 0;
	padding: 0;
	color: #999999;
}

.barrel-tracker .path-taken dd {
	display: inline;
	margin: 0;
	padding: 0;
	color: #f3f3f3;
}

.barrel-tracker .path-taken dd a {
	color: #f3f3f3;
	text-decoration: none;
}
.barrel-tracker .path-taken dd a:hover {
	color: #ba9c5b;
}

.barrel-tracker .statistics ul {
	display: table;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

.barrel-tracker .statistics li {
	display: table-cell;
	width: 33.3%;
	margin: 0 -1px 0 0;
	padding: 0;
	text-align: center;
	border-left: 1px solid #312d25;
}

.barrel-tracker .statistics li:first-child {
	margin: 0;
	border: 0;
}

.barrel-tracker .statistics dl {
	position: relative;
	left: 50%;
	float: left;
	margin: 0;
	padding: 33px 0 32px 0;
	text-align: left;
	font-weight: 700;
}

.barrel-tracker .statistics dt {
	position: relative;
	right: 50%;
	float: left;
	margin: 0;
	padding: 0;
	color: #ba9c5b;
	font-size: 1em;
	text-transform: uppercase;
}

.barrel-tracker .statistics dd {
	position: relative;
	right: 50%;
	float: left;
	clear: left;
	margin: 0;
	padding: 0;
	color: #f3f3f3;
	font-size: 1.875em;
	text-transform: uppercase;
}

.barrel-tracker .countdown {
	position: absolute;
	top: 50%;
	width: 100%;
	z-index: 100;
}

.barrel-tracker .countdown .container {
	position: relative;
	left: 50%;
	float: left;
}

.barrel-tracker .countdown .panel {
	position: relative;
	right: 50%;
	float: left;
	max-width: 780px;
	margin: 0 20px;
	padding: 42px 8.97% 17px 8.97%;
}

.barrel-tracker .countdown .content {
	position: relative;
	z-index: 5;
}

.barrel-tracker .countdown .background {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0.75;
	background: #000;
}

.barrel-tracker .countdown h3 {
	margin: 0;
	padding: 0 0 50px 0;
	color: #fff;
	font-weight: 700;
	font-size: 1.25em;
	text-transform: uppercase;
	text-align: center;
}

.barrel-tracker .countdown p {
	clear: left;
	margin: 0;
	padding: 0 0 15px 0;
	color: #a7a7a7;
	font-size: 0.938em;
	text-align: center;
	line-height: 1.5em;
}

.barrel-tracker .countdown .timer {
	float: left;
	position: relative;
	left: 50%;
	width: 100%;
	padding: 0 0 37px 0;
}

.barrel-tracker .countdown .remaining {
	position: relative;
	right: 50%;
	float: left;
	display: table;
	width: 100%;
	min-width: 500px;
	text-align: center;
	border-width: 1px 0 1px 1px;
	border-style: solid;
	border-color: #878787;
}

.barrel-tracker .countdown .timer p {
	display: table-cell;
	width: 25%;
	margin: 0 -1px 0 0;
	padding: 0;
	font-weight: 700;
	border-width: 0 1px 0 0;
	border-style: solid;
	border-color: #878787;
}

.barrel-tracker .countdown .value {
	display: block;
	padding: 25px 0 0 0;
	color: #a08751;
	font-size: 5em;
	line-height: normal;
}

.barrel-tracker .countdown .period {
	font-size: 1em;
	display: block;
	padding: 7px 0 17px 0;
	color: #fff;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
}

.barrel-tracker .countdown-bg {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 99;
}

/*---------------------------------------------*/
/* Search Dropdown
/*---------------------------------------------*/
.dropdowns {
	display: none;
	background: #1d1d1d;
}

.dropdowns:after {
	content: "";
	display: block;
	clear: both;
}

.dropdowns .search {
	display: none;
	background: #252525;
}

.dropdowns .search form {
	margin: 0 3.125% 0 3.125%;
	padding: 0;
}

.dropdowns .search fieldset {
	float: left;
	width: 50%;
	margin: 0;
	padding: 0;
	border: 0;
}

.dropdowns .search legend {
	display: none;
}

.dropdowns .search label {
	display: none;
}

.dropdowns .search fieldset input {
	width: 90%;
	margin: 0 0 0 -10px;
	padding: 20px 10px 20px 10px;
	border: 0;
	font-size: 1em;
	color: #999999;
	font-weight: 700;
	background: transparent;
}

.dropdowns .search fieldset input.error {
	color: #fb4949;
}

.dropdowns .search .submit-button {
	float: right;
	margin: 14px 0 14px 0;
	padding: 10px 30px 10px 9px;
	color: #f3f3f3;
	font-weight: 700;
	text-transform: uppercase;
	border: 0;
	cursor: pointer;
	background: #004b31 url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/global/header-search-button-bg.png') no-repeat 100% 11px;
}

/*---------------------------------------------*/
/* Main Subnav Dropdown (used on desktop layouts)
/*---------------------------------------------*/
.main-subnav {

	padding: 14px 0;
	overflow: hidden;
}

.main-subnav .nav-options {
	position: relative;
	left: 50%;
	float: left;
	width: 100%;
}

.main-subnav.three-wide .nav-options {
	width: 66.66%;
}
.main-subnav.two-wide .nav-options {
	width: 50%;
}
.main-subnav.one-wide .nav-options {
	width: 25%;
}

.main-subnav .content {
	position: relative;
	right: 50%;
	margin: 0 4px 0 4px;
	padding: 0 3.125%;
	overflow: hidden;
}

.main-subnav ul {
	clear: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

.main-subnav ul:after {
	clear: both;
	content: "";
	display: block;
}

.main-subnav li {
	width: 25%;
	float: left;
	margin: 0;
	padding: 0;
	background: transparent;
}
.main-subnav.three-wide li {
	width: 33.33%;
}
.main-subnav.two-wide li {
	width: 50%;
}
.main-subnav.one-wide li {
	width: 100%;
}

.main-subnav a {
	display: block;
	margin: 0 10px 0 10px;
	padding-left: 0;
	padding-right: 0;
	padding-top: 10px;
	padding-bottom: 9px;
	font-size: 0.875em;
	text-decoration: none;
	font-weight: 400;
	color: #cecece;
	border-bottom: 1px solid #3d3d3d;
	background: transparent url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/global/header-nav-option-bg.png') no-repeat 0 -88px;

}

.main-subnav .icon {
	display: inline-block;
	width: 8px;
	opacity: 0;
	height: 11px;
	margin: 0 5px 0 0;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	transition: opacity 0.2s;
	background: transparent url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/global/header-nav-option-bg.png') no-repeat 0 -200px;
}

.main-subnav a:hover .icon {
	opacity: 1;
}

.main-subnav .featured a {
	padding-top: 14px;
	padding-bottom: 11px;
	color: #e2d6bd;
	font-weight: 700;
	font-size: 1em;
	border-top: 1px solid #3d3d3d;
	background-position: 0 17px;
}

.main-subnav .featured a.active,
.main-subnav .active {
	color: #ba9c5b;
}

.main-subnav .featured a:hover,
.main-subnav a:hover {
	color: #fff;
}

.main-subnav .view-all {
	display: none;
}

.main-subnav .featured a.active {
	background-position: 0 -283px;
}

.main-subnav a.active {
	background-position: 0 -288px;
}

/*---------------------------------------------*/
/* Category Dropdown
/*---------------------------------------------*/
.categories {
	display: none;
	width: 100%;
	overflow: hidden;
	background-color: #2e2e2e;
}

.categories>div {
	padding: 27px 31px 24px 31px;
}

.categories>div:after {
	clear: both;
	content: "";
	display: block;
}

.categories h3 {
	clear: left;
	margin: 0;
	padding: 0 0 14px 0;
	font-size: 0.875em;
	font-weight: 700;
	color: #f3f3f3;
	text-transform: uppercase;
}

.categories article {
	float: left;
	width: 21.25%;
	padding: 0 0 22px 5%;
}

.categories article:first-child {
	padding-left: 0;
}

.categories article a {
	display: block;
	text-decoration: none;
}

.categories article h1 {
	margin: 0;
	padding: 0 0 10px 0;
	color: #ba9c5b;
	font-weight: 700;
	font-size: 0.875em;
	webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	-o-transition: color 0.3s;
	transition: color 0.3s;
}

.categories article a:hover h1 {
	color: #fff;
}

.categories p {
	margin: 0;
	padding: 0;
	color: #f3f3f3;
	line-height: 1.125em;
}

.categories ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.category-list>li {
	padding: 0 0 0 5%;
}

.category-list>li:first-child {
	padding-left: 0;
}

.categories li {
	float: left;
	display: inline;
	width: 21.25%;
}

.categories li li {
	clear: left;
	width: auto;
	padding: 0 0 5px 0;
	font-size: 0.875em;
}
.categories li a {
	display: block;
	color: #f3f3f3;
	text-decoration: none;
}

.categories li a:hover {
	color: #ba9c5b;
}

/*---------------------------------------------*/
/* Bar Finder
/*---------------------------------------------*/
.bar-map {
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.bar-map:after {
	content: "";
	display: block;
	clear: both;
}

/* Starting size, adjusted by JS */
.bar-map #map {
	position: relative;
	height: 576px;
}

.bar-map .search-error {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 30;
}

.bar-map .message-panel {
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 350px;
	margin: -125px 0 0 -193px;
	padding: 23px 23px 8px 23px;
	z-index: 12;
	background: #232323;
}

.bar-map .search-error h2 {
	margin: 0;
	padding: 120px 0 4px 0;
	font-size: 1.875em;
	color: #f3f3f3;
	text-align: center;
	text-transform: uppercase;
	background: transparent url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/error/illustration.png') no-repeat 50% 0;
}

.bar-map .search-error p {
	margin: 0;
	padding: 0 0 15px 0;
	font-size: 1.25em;
	color: #999;
	line-height: 1.25em;
	text-align: center;
}

.bar-map .search-error>.background {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 11;
	opacity: 0.6;
	background: #000;
}

.bar-map .gm-style .cluster div {
	margin-left: -2px;
	margin-top: -9px;
	font-size: 16px;
	text-indent: 8px;
	text-align: center;
	font-family: "ProximaNovaRegular";
}

.map-details-panel {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 400px;
	max-width: 50%;
	display: none;
}

.map-details-panel .panel-content {
	position: relative;
	z-index: 2;
	padding: 32px 30px 32px 30px;
}

.map-details-panel .close-button {
	position: absolute;
	top: 14px;
	right: 14px;
	z-index: 3;
	display: block;
	width: 26px;
	height: 26px;
	font-size: 0.01em;
	text-indent: 105%;
	white-space: nowrap;
	overflow: hidden;
	background: transparent url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/barfinder/close-button.gif') no-repeat 0 0;
}

.map-details-panel .close-button:hover {
	background-position: 0 -26px;
}

.column-full .map-details-panel h1,
.map-details-panel h1 {
	margin: 0;
	padding: 13px 0 28px 0;
	color: #f3f3f3;
	font-size: 1.5em;
	font-weight: 700;
	text-align: left;
}

.map-details-panel p {
	margin: 0;
	padding: 0;
}

.map-details-panel dl {
	margin: 0;
	padding: 0 0 24px 0;
	line-height: 1.5em;
}

.map-details-panel dt {
	display: none;
}

.map-details-panel dd {
	margin: 0;
	padding: 0;
	color: #999999;
	font-size: 1.125em;
	font-weight: 400;
}
.map-details-panel dd.address {
	padding-bottom: 23px;
}
.map-details-panel dd.web {
	word-break: break-all;
}

.map-details-panel dd a {
	color: #f3f3f3;
	font-weight: 700;
	text-decoration: none;
}

.map-details-panel dd a:hover {
	color: #ba9c5b;
}

.map-details-panel .description {
	padding: 20px 0 0 0;
}

.map-details-panel .description p {
	margin: 0;
	padding: 0 0 15px 0;
	color: #999999;
	font-size: 0.875em;
}

.map-details-panel .promo {
	position: relative;
	display: block;
	color: #f3f3f3;
	text-decoration: none;
}

.map-details-panel .promo:after {
	clear: both;
	content: "";
	display: block;
}
.map-details-panel .promo h2 {
	margin: 0;
	padding: 0;
	font-size: 1.125em;
	font-weight: 400;
	text-transform: uppercase;
}

.map-details-panel .promo h3 {
	margin: 0;
	padding: 0;
	font-size: 1.875em;
	font-weight: 700;
	line-height: 1em;
	text-transform: uppercase;
}

.map-details-panel .static-overlay {
	display: block;
	left: 20px;
	right: 20px;
}
.map-details-panel:hover .static-overlay {
	display: block;
}

.map-key-panel .background,
.map-details-panel .background {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0.8;
	background: #000;
}

.map-key-panel {
	position: absolute;
	top: 0;
	right: -500px;
	bottom: 0;
	width: 400px;
	max-width: 50%;
	display: none;
}

.map-key-panel .panel-content {
	position: relative;
	z-index: 2;
	padding: 32px 30px 32px 30px;
}

.map-key-panel .panel-content:after {
	clear: both;
	content: "";
	display: block;
}

.map-key-panel h2 {
	margin: 0;
	padding: 0 0 22px 0;
	color: #fff;
	font-size: 1.063em;
	font-weight: 700;
	text-transform: uppercase;
}

.map-key-panel dl {
	display: table;
	margin: 0;
	padding: 0 0 10px 0;
}

.map-key-panel dt {
	display: table-cell;
	margin: 0;
	padding: 0;
	width: 21.98%;
	vertical-align: middle;
}

.map-key-panel dt img {
	width: 100%;
}

.map-key-panel dd {
	display: table-cell;
	width: 78.02%;
	margin: 0;
	padding: 0;
	min-height: 74px;
	vertical-align: middle;
}

.map-key-panel p {
	margin: 0;
	padding: 0 0 10px 0;
	color: #fff;
	font-size: 1.125em;
	font-weight: 400;
}

.map-key-panel p span {
	display: inline;
	width: 100%;
}

/*---------------------------------------------*/
/* Footer
/*---------------------------------------------*/
.site>footer {
	clear: left;
	width: 100%;
	background: #252525;
}

.site>footer.sticky {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
}

.site>footer:after {
	content: "";
	display: block;
	clear: both;
}

.site>footer h2 {
	display: none;
}

.site>footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.site>footer li {
	float: left;
	margin: 0 30px 0 0;
	padding: 0;
}

.site>footer a {
	color: #a4a4a4;
	font-size: 0.875em;
	text-decoration: none;
	text-transform: uppercase;
}

.site>footer .internal-links {
	float: left;
	width: 54%;
	margin: 0 0 0 5%;
	padding: 26px 0 23px 0;
	line-height: 1.5em;
}

.site>footer .external-links {
	float: right;
	width: 36%;
	margin: 0 5% 0 0;
	padding: 20px 0 0 0;
}

.site>footer .external-links li {
	float: right;
	width: 100%;
	margin: 0;
	padding: 0 0 10px 28px;
}

.site>footer .external-links li.last {
	padding-left: 0;
}

.site>footer .newsletter {
	padding-top: 1px;
	margin-left: -14px;
	vertical-align: top;
}

.site>footer .newsletter a {
	float: left;
	padding: 0 0 0 14px;
	color: #ba9c5b;
	background: transparent url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/global/footer-newsletter-bg.png') no-repeat 14px 6px;
}

.site>footer a:hover {
	color: #fff;
}

.site>footer .newsletter span {
	float: left;
	display: block;
}

.site>footer .newsletter a .icon {
	width: 14px;
	height: 16px;
	margin: 0 7px 0 0;
	opacity: 0;
	webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
	background: transparent url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/global/footer-newsletter-bg.png') no-repeat 0 -44px;
}

.site>footer .newsletter a:hover .icon {
	opacity: 1;
}

.site>footer .external-links a {
	float: right;
	display: block;
	width: 100%;
	min-width: 103px;
	max-width: 137px;
	height: 32px;
	opacity: 0.35;
	webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
.site>footer .talking-alcohol {
	min-width: 103px;
	max-width: 137px;
}
.site>footer .drink-aware {
	min-width: 103px;
	max-width: 172px;
}

.site>footer .external-links img {
	width: 100%;
}

.site>footer .external-links a:hover {
	opacity: 1;
}

/*---------------------------------------------*/
/* Column Styles
/*---------------------------------------------*/
.column-full,
.column-map {
	position: relative;
	float: left;
	width: 100%;
	overflow: hidden;
}

.column-half {
	position: relative;
	float: left;
	width: 50%;
	overflow: hidden;
}

.column-quarter {
	position: relative;
	float: left;
	width: 25%;
	overflow: hidden;
}

.column-vertical {
	position: relative;
	float: left;
	width: 50%;
	overflow: hidden;
}

/*---------------------------------------------*/
/* Article Listing
/*---------------------------------------------*/
.listing {
	margin-right: -5px;
	border-style: solid;
	border-color: #fff;
	border-width: 5px 0 0 0;
}

.listing-pagination {
	display: none;
}

.listing .column-vertical .column-half {
	width: 100%;
}

.article-group {
	float: left;
	width: 50%;
}

.article-group:nth-of-type(2n+1) {
	clear: left;
}

.overlay {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

article .overlay-content {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

/* Changes to left align content on all but the twitter panels*/
.listing .overlay {
	right: 5px;
	bottom: 5px;
	padding: 0 12px 45px 12px;
	overflow: hidden;
}

.listing article .overlay h1,
.listing article .overlay p {
	text-align: left;
}

.listing .image-panel .overlay h1,
.listing .image-panel .overlay p {
	text-align: center;
}

.listing .text-panel .overlay p {
	text-align: left;
}

.listing article .overlay ul,
.listing article .overlay li {
	position: static;
}

.listing article .overlay li {
	margin: 0 20px 0 0;
}

.listing .text-panel .overlay ul,
.listing .text-panel .overlay li {
	position: relative;
}

.listing .overlay-content {
	vertical-align: bottom;
	text-align: left;
}

.listing .text-panel .overlay li {
	margin: 0 10px 0 10px;
}

.listing .text-panel .overlay {
	padding: 0;
}

.listing .text-panel .overlay-content {
	vertical-align: middle;
	text-align: center;
}

.listing .static-overlay .copy {
	vertical-align: bottom;
	text-align: left;
}

/* End changes */

.listing article {
	position: relative;
	height: 100%;
}

.listing .tile {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9;
	border-style: solid;
	border-color: #fff;
	border-width: 0 5px 5px 0;
}

.bg-image {
	float: left;
	width: 100%;
}

.bg-image img {
	float: left;
	width: 100%;
}

/* Text Panel */
.text-panel {
	color: #f3f3f3;
	background: transparent url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/global/green-bg.jpg') repeat 0 0;
}

.text-panel-alt {
	color: #252525;
	background: transparent url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/global/white-bg.jpg') repeat 0 0;
}

.text-panel-dark {
	color: #f3f3f3;
	background: transparent url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/global/dark-bg.jpg') repeat 0 0;
}

.text-panel .background {
	display: none;
}

.text-panel.tweet-image .background {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 1;
	background: transparent url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/global/black-bg-transparent.png') repeat 0 0;
}

.text-panel header {
	position: relative;
	color: #252525;
	z-index: 10;
}
.text-panel-alt header {
	color: #004b31;
}
.text-panel-dark header {
	color: #f3f3f3;
}
.text-panel.tweet-image header {
	color: #fff;
}

.text-panel h1,
.image-panel h1 {
	margin: 15px 0 0 0;
	padding: 20px 25px 0 25px;
	font-size: 0.813em;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 50% 0;
}
.text-panel-alt h1 {
	background-position: 50% -100px;
}
.text-panel-dark h1 {
	font-size: 1.25em;
}

.text-panel .cateogry {
	margin-top: 24px;
}

.text-panel .twitter {
	background-image: url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/listing/social-twitter-header.png');
}

.text-panel.tweet-image .twitter {
	background-position: 50% -300px;
}

.text-panel time,
.image-panel time {
	display: block;
	margin: 0;
	padding: 5px 25px 0 25px;
	font-size: 0.625em;
	font-weight: 700;
	text-align: center;
}

.text-panel header dl {
	position: static;
	padding-top: 2px;
}

.text-panel header dt {
	display: none;
}

.text-panel header dd {
	padding-top: 3px;
}

.text-panel header dd a {
	color: #f3f3f3;
	font-weight: 400;
	text-decoration: none;
}

.text-panel p,
.image-panel p {
	margin: 0;
	padding: 0 25px 0 25px;
	font-size: 1em;
	text-align: center;
	line-height: 1.313em;
}
.image-panel p {
	padding-bottom: 20px;
}

.text-panel-dark p {
	padding-top: 40px;
}

.text-panel .content,
.image-panel .content {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 5px;
	right: 5px;
}

.text-panel dl,
.image-panel dl {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 15;
	width: 100%;
	margin: 0;
	padding: 0 0 20px 0;
	font-size: 0.875em;
	text-align: center;
}

.text-panel dt,
.text-panel dd,
.image-panel dt,
.image-panel dd {
	display: inline;
	margin: 0;
	padding: 0;
}

.text-panel dt:before,
.image-panel dt:before {
	content: "– ";
}

.text-panel a,
.image-panel a {
	color: #252525;
	font-weight: 700;
}

.text-panel .body-copy,
.image-panel .body-copy {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: table;
	width: 100%;
	height: 100%;
	z-index: 11;
}

.text-panel .copy,
.image-panel .copy {
	display: table-cell;
	padding-top: 25px;
	vertical-align: middle;
}

/* Twitter buttons that show on hover */
.twitter-buttons {
	display: block;
	list-style: none;
	position: relative;
	left: 50%;
	float: left;
	margin: 0;
	padding: 22px 0 30px 0;
	min-height: 27px;
}

.twitter-buttons li {
	position: relative;
	right: 50%;
	float: left;
	margin: 0 7px;
}

.listing article:hover .twitter-buttons li {
	opacity: 1;
}

.twitter-buttons a {
	display: block;
	padding: 0 0 0 29px;
	color: #242424;
	font-size: 0.875em;
	font-weight: 700;
	text-decoration: none;
	text-transform: uppercase;
	background-color: #f3f3f3;;
	background-repeat: no-repeat;
	background-position: 8px 8px;
	webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
	transition: background-color 0.3s;
}

.text-panel-alt .twitter-buttons a {
	color: #fff;
	background-color: #004b31;
}

.twitter-buttons .follow a {
	background-image: url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/listing/social-twitter-header.png');
}
.text-panel-alt .twitter-buttons .follow a {
	background-position: 8px -193px;
}

.twitter-buttons .retweet a {
	background-position: 6px 7px;
	background-image: url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/listing/social-twitter-retweet.png');
}
.text-panel-alt .twitter-buttons .retweet a {
	background-position: 6px -93px;
}

.twitter-buttons a:hover {
	background-color: #fff;
}
.text-panel-alt .twitter-buttons a:hover {
	background-color: #005c3c;
}

.twitter-buttons span {
	display: block;
	padding: 5px 17px 6px 17px;
	border-left: 1px solid #016743;
}
.text-panel-alt .twitter-buttons span {
	border-color: #ede9e9;
}

.static-overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 70px;
	right: 70px;
}

.listing .static-overlay {
	left: 20px;
	right: 20px;
}

.static-overlay .content {
	display: table;
	width: 100%;
	height: 100%;
}

.static-overlay .copy {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.static-overlay .inner-wrapper {
	padding: 0 0 60px;
}

.static-overlay .copy p {
	display: block;
	margin: 0 0 32px 0;
	padding: 0 0 0 4px;
	color: #fff;
	font-weight: 700;
	font-size: 2.375em;
	text-transform: uppercase;
	text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 4px;
}

/* Video Panel */
.video-panel .static-overlay .inner {
	float: left;
	display: table;
	margin-bottom: 32px;
}

.video-panel .static-overlay p,
.video-panel .static-overlay .play-icon {
	display: table-cell;
	vertical-align: top;
}

.video-panel .static-overlay .play-icon {
	width: 74px;
}

.video-panel .static-overlay .inner:after {
	clear: both;
	content: "";
	display: block;
}

.video-panel .static-overlay .copy .play-icon {
	float: left;
	padding: 6px 4px 6px 6px;
	background: transparent url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/global/global-title-bg.png') repeat 0 0;
}

.video-panel .static-overlay .copy .play-icon span {
	display: block;
	width: 72px;
	height: 72px;
	background: transparent url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/article/video-large-play-button.png') no-repeat 2px 2px;
}

.video-panel .static-overlay .copy p {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	line-height: 0.625em;
	font-size: 2.188em;
}

.video-panel .static-overlay .copy p span {
	padding: 0 0 0 10px;
}

.column-full.video-panel .video-link {
	padding-left: 45px;
	padding-right: 23px;
	background-image: url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/global/button-play-video-bg.png');
	background-position: 15px 11px;
	background-repeat: no-repeat;
}

.video-panel .video-link:hover {
	background-position: 15px -89px;
}

.video-panel .video-player-container {
	display: none;
	position: absolute;
	border-style: solid;
	border-color: #fff;
	border-width: 0 5px 5px 0;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: auto;
	z-index: 100;
	background: #2a2a2a;
}

.video-panel .video-player {
	position: absolute;
	top: 20%;
	left: 0;
	right: 0;
	bottom: 20%;
	height: auto;
}

.video-panel .video-options {
	position: absolute;
	bottom: 8%;
	left: 50%;
	float: left;
}

.video-panel .close-video {
	position: relative;
	right: 50%;
	float: left;
	display: block;
	padding: 1px 10px 0 37px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 0.875em;
	color: #2a2a2a;
	background: #fff url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/global/video-close-icon.png') no-repeat 0 50%;
}

.video-panel .close-video .copy {
	float: left;
	display: inline;
	line-height: 2em;
}

.article-panel .static-overlay .copy p {
	font-size: 1.875em;
}

/* Hover overlay effects */
.listing .overlay {
	display: block;
}

.article-group .background {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	opacity: 0;
	ms-transition: opacity 0.3s;
	transition: opacity 0.3s;
	background: transparent url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/global/black-bg-transparent.png') repeat 0 0;;
}

.article-group .overlay-content .content {
	position: relative;
	z-index: 10;
}

article:hover .background {
	opacity: 1;
}

.text-panel .overlay,
.text-panel:hover .overlay {
	display: table;
}

article:hover .static-overlay {
	display: none;
}

.text-panel .overlay-content {
	position: static;
}

.text-panel .overlay {
	display: none;
	opacity: 0;
	width: 100%;
	height: 100%;
	webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
	background: transparent url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/global/green-bg.jpg') repeat 0 0;
}

.text-panel-alt .overlay {
	background-image: url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/global/white-bg.jpg');
}

.text-panel:hover .overlay {
	display: block;
}

.text-panel .overlay-structure {
	display: table;
	width: 100%;
	height: 100%;
}

.text-panel .overlay ul {
	position: relative;
	left: 50%;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

.text-panel .overlay li {
	position: relative;
	right: 50%;
	clear: left;
	margin: 0;
	padding: 0;
	text-align: left;
}

.text-panel .overlay li:first-child {
	padding-bottom: 20px;
}

.text-panel .overlay li a {
	display: block;
	padding: 0 0 0 32px;
	color: #242424;
	font-weight: 700;
	text-decoration: none;
	text-transform: uppercase;
	background-color: #f3f3f3;
	background-repeat: no-repeat;
	background-position: 10px 12px;
	webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
	transition: background-color 0.3s;
}
.text-panel-alt .overlay li a {
	color: #f3f3f3;
	background-color: #252525;
}

.text-panel .overlay li a:hover {
	background-color: #fff;
}
.text-panel-alt .overlay li a:hover {
	background-color: #000;
}

.text-panel .overlay .follow a {
	background-image: url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/listing/social-twitter-header.png');
}
.text-panel-alt .overlay .follow a {
	background-position: 10px -188px;
}

.text-panel .overlay .retweet a {
	background-position: 8px 12px;
	background-image: url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/listing/social-twitter-retweet.png');
}
.text-panel-alt .overlay .retweet a {
	background-position: 8px -88px;
}

.text-panel .overlay li span {
	display: block;
	padding: 9px 8px;
	border-left: 1px solid #016743;
}
.text-panel-alt .overlay li span {
	border-color: #f3f3f3;
}

/* Specific to Image Panels */
.image-panel .overlay {
	display: block;
	color: #fff;
	text-decoration: none;
	background: transparent url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/global/black-bg-transparent.png') repeat 0 0;
}

.image-panel:hover .overlay {
	display: block;
}

.image-panel a {
	color: #fff;
}

.image-panel h1 {
	background-image: url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/listing/social-instagram-header.png');
}

/* Specific to the wider slots, and tall slots */
.column-full h1,
.column-tall h1,
.article-panel h1 {
	position: relative;
	display: block;
	margin: 0;
	padding: 0 0 0 4px;
	color: #fff;
	font-weight: 700;
	font-size: 2.375em;
	text-align: center;
	text-transform: uppercase;
}

.column-full h1.extra {
	display: none;
}

.article-panel h1 {
	font-size: 1.875em;
}

.column-full .overlay,
.column-tall .overlay,
.article-panel .overlay {
	display: block;
	color: #fff;
	background: transparent;
}

.column-full .overlay-content,
.column-tall .overlay-content,
.article-panel .overlay-content {
	margin: 0;
	padding: 0 30px;
}

.column-full:hover .overlay,
.column-tall:hover .overlay,
.article-panel:hover .overlay {
	display: block;
}

.column-full .overlay-structure,
.column-tall .overlay-structure,
.article-panel .overlay-structure {
	display: table;
	width: 100%;
	height: 100%;
}

.column-full time,
.column-tall time,
.article-panel time {
	position: relative;
	display: block;
	padding: 0 0 0 4px;
	font-size: 0.875em;
	font-weight: 700;
}

.column-full .overlay ul,
.column-tall .overlay ul,
.article-panel .overlay ul {
	position: relative;
	left: 50%;
	float: left;
	clear: left;
	margin: 0;
	padding: 10px 0 23px 0;
	list-style: none;
}

.column-full .overlay li,
.column-tall .overlay li,
.article-panel .overlay li {
	position: relative;
	right: 50%;
	float: left;
	margin: 0 7px;
	padding: 0;
}

.column-full .overlay li a,
.column-tall .overlay li a,
.article-panel .overlay li a {
	display: block;
	padding: 11px 10px;
	font-size: 1.125em;
	font-weight: 700;
	text-decoration: none;
	text-transform: uppercase;
	background-color: #004b31;
	webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
	transition: background-color 0.3s;

}
.column-full .overlay li a:hover,
.column-tall .overlay li a:hover,
.article-panel .overlay li a:hover {
	background-color: #005c3c;
}

.column-full .overlay p,
.column-tall .overlay p {
	position: relative;
	margin: 0;
	padding: 0 0 0 4px;
	font-size: 1em;
	text-align: center;
}

.column-wide .overlay p {
	/*font-size: 1em;*/
}

.column-full .overlay dl,
.column-tall .overlay dl,
.article-panel .overlay dl {
	position: absolute;
	bottom: 38px;
	left: 42px;
	right: 30px;
	margin: 0;
	padding: 0;
	text-align: left;
	z-index: 11;
}

.column-full .overlay dt,
.column-tall .overlay dt,
.article-panel .overlay dt {
	display: none;
}

.column-full .overlay dd,
.column-tall .overlay dd,
.article-panel .overlay dd {
	display: inline;
	margin: 0 0 0 4px;
	padding: 0;
	font-size: 1em;
}

.column-full .overlay dd a,
.column-tall .overlay dd a,
.article-panel .overlay dd a {
	color: #f3f3f3;
	text-decoration: none;
}

.column-full .overlay dd a:hover,
.column-tall .overlay dd a:hover,
.article-panel .overlay dd a:hover {
	text-decoration: underline;
}

/* Dark background stuff */
.column-full .dark-background time {
	position: relative;
	float: left;
	padding-left: 4px;
	padding-bottom: 0;
	padding-top: 4px;
	/*padding: 9px 18px 0 18px;*/
	font-weight: 700;
}

.column-tall .dark-background time span,
.column-half .dark-background time span,
.column-wide .dark-background time span,
.column-full .dark-background time span {
	padding-top: 4px;
}

.column-full .dark-background h1 {
	position: relative;
	float: left;
	clear: left;
	padding-left: 4px;
}

.column-full .dark-background p {
	float: left;
	clear: left;
	line-height: 1em;
	/*padding: 0 18px 10px 18px;*/
	/*background: transparent url("http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/global/global-title-bg.png") repeat 0 0;*/
}

.column-full .dark-background span {
	
}

.column-full .dark-background .extra-space {
	padding: 0;
}

.column-full .dark-background p {
	position: relative;
	padding: 0 0 0 4px;
}



/*---------------------------------------------*/
/* Infinite scroll loading
/*---------------------------------------------*/
#infscr-loading {
	clear: left;
	width: 100%;
	margin: 0;
	padding: 35px 0 0 0;
	text-align: center;
}

#infscr-loading p {
	margin: 0;
	padding: 12px 0 0 0;
	color: #9f9f9f;
	font-size: 0.75em;
	text-transform: uppercase;
}

/*---------------------------------------------*/
/* Article Page
/*---------------------------------------------*/
/*.single-article .page-head .static-overlay .copy {
	padding: 0 0 60px 0;
	vertical-align: bottom;
	text-align: left;
}*/

.share-links {
	clear: left;
	margin: 0 7.5%;
	padding: 0;
}

.share-links:after {
	clear: both;
	content: "";
	display: block;
}

.share-links ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.share-links li {
	float: left;
	display: inline;
}

.page-head {
	position: relative;
	margin: 0;
	overflow: hidden;
}

.page-head .bg-image {
	position: relative;
	left: 50%;
	float: left;
	width: 100%;
	min-width: 1663px;
	height: 490px;
}

.page-head .bg-image img {
	position: relative;
	right: 50%;
	float: left;
}

.page-head .static-overlay {
	width: auto;
	z-index: 2;
	overflow: hidden;
	height: 490px;
}

.page-head .multi-tab-slideshow .static-overlay {
	height: auto;
}

.single-article:hover .static-overlay {
	display: block
}

.full-article-content {
	max-width: 1280px;
	margin: 0 auto;
	padding: 23px 0 0 0;
}

.full-article-content .location-map {
	position: relative;
	height: 427px;
	margin: 0 0 23px 0;
	overflow: hidden;
}

.full-article-content .location-map .zoom-control {
	right: auto;
	left: 25px;
}

.full-article-content .location-map .map {
	height: 100%;
}

.page-head h1 {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	color: #fefefe;
	font-size: 1.5em;
	font-weight: 400;
	text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 4px;
}

.page-head h2 {
	margin: 0;
	padding: 8px 0 0 0;
	text-transform: uppercase;
	color: #fefefe;
	font-size: 5em;
	font-weight: 700;
	text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 4px;
}

.page-head .multi-tab-slideshow .slides h3 {
	font-size: 3.75em;
}

.page-head .multi-tab-slideshow .slides {
	height: 490px;
}

.page-head .multi-tab-slideshow h2 {
	text-transform: none;
}

.page-navigation {
	width: 100%;
	height: 1px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.page-navigation li {
	margin: 0;
	padding: 0;
}

.page-navigation a {
	position: absolute;
	top: 0;
	bottom: 41px;
	z-index: 10;
	width: 68px;
	margin-top: 20px;
	display: block;
}

.page-navigation a span {
	position: absolute;
	top: 50%;
	display: block;
	width: 64px;
	height: 64px;
	margin: -32px 0 0 0;
	text-indent: 105%;
	white-space: nowrap;
	overflow: hidden;
}

.page-navigation .previous a {
	left: 0;
}

.page-navigation .next a {
	right: 0;
}

.page-navigation .previous span {
	left: 0;
	background: #f3f3f3 url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/article/head-nav-previous.png') no-repeat 100% 50%;
}

.page-navigation .next span {
	right: 0;
	background: #f3f3f3 url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/article/head-nav-next.png') no-repeat 0 50%;
}

.page-navigation a:hover span {
	width: 68px;
	background-color: #fff;
}

.article-content .column-full,
.article-content .column-half,
.article-content .column-map {
	padding: 0 1.015625%
}

.article-content .column-half {
	width: 47.96875%;
}

.article-content .column-full .column-half {
	width: 49.4921875%;
	padding: 0 0 0 0.5078125%;
}

.article-content .column-full .column-half:first-child {
	padding: 0 0.5078125% 0 0;
}

.article-content,
.comments {
	clear: left;
	margin: 0 6.484375%;
	padding: 0;
}

.comments {
	padding-left: 1.015625%;
	padding-right: 1.015625%;
}

.article-content .column-full {
	float: none;
}

.article-content .article-details {
	margin: 0;
	padding: 0 1.015625% 13px 1.015625%;
	color: #fff;
}

.article-content .article-details:after {
	content: "";
	display: block;
	clear: both;
}

.article-content .article-details dt {
	float: left;
	clear: left;
	display: inline;
	margin: 0;
	padding: 0 0 6px 0;
	font-size: 0.875em;
}

.article-content .article-details dd {
	float: left;
	display: inline;
	margin: 0;
	padding: 0 0 6px 2px;
	font-weight: 700;
	font-size: 0.875em;
}

.article-content .article-details dt.date {
	display: none;
}

.article-content .article-details dd.date {
	padding: 0 0 6px 0;
	font-weight: 400;
	font-size: 1em;
}

.article-content p {
	margin: 0;
	padding: 0 0 23px 0;
	color: #fff;
	font-size: 1em;
}

.article-content ul {
	margin: 0;
	padding: 0 0 8px 0;
	list-style: none;
}

.article-content ul li {
	margin: 0;
	padding: 0 0 15px 35px;
	background: transparent url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/article/article-bullet.png') no-repeat 0 7px;
	color: #fff;
}

.article-content ol {
	color: #fff;
	counter-reset: item;
	margin-left: 0;
	padding-left: 0;
}

.article-content ol li {
	margin: 0;
	padding: 0 0 8px 0;
	display: block;
	margin-bottom: 8px;
	margin-left: 35px;
}

.article-content ol li:before {
	display: inline-block;
	margin-left: 2em;
	content: counter(item) ". ";
	counter-increment: item;
	width: 2em;
	margin-left: -2em;
}

.article-content .images {
	position: relative;
	margin: 0 0 35px 0;
}

.article-content .images img {
	width: 100%;
}

.article-content blockquote {
	width: 80%;
	margin: 0 auto;
	padding: 10px 15px 30px 15px;
	color: #fff;
	font-size: 1.25em;
	font-style: italic;
	line-height: 1.5em;
	background: transparent url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/article/pull-quote.png') no-repeat 0 10px;
}

.article-content blockquote.intro-quote {
	padding: 10px 0 30px 0;
	background-image: none;
	font-style: normal;
	width: auto;
	margin: 0;
	/* width: 80%;
	margin: 0 auto;
	padding: 10px 15px 30px 15px; */
}

.article-content .body-copy dl {
	margin: 0;
	padding: 0;
	color: #f3f3f3;
}

.article-content .body-copy dt {
	margin: 0;
	padding: 0 0 25px 0;
	font-weight: 700;
	font-size: 1em;
}

.article-content .body-copy dd {
	margin: 0;
	padding: 0 0 10px 0;
}

.article-content .images .static-overlay {
	z-index: 3;
	opacity: 1;
}

.article-content .images:hover .static-overlay {
	opacity: 1;
}

.article-content .images .static-overlay p {
	margin: 0 0 13px 0;
	padding: 0;
	font-size: 1.875em;
}

.article-content .images .static-overlay .icon {
	width: 39px;
	height: 39px;
	margin: 0 auto;
	background: transparent url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/article/slideshow-prompt-bg.png') no-repeat 0 0;
}

.article-content .images .background {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 2;
	opacity: 0.6;
	background: #000;
}

.article-content .images:hover .background {
	opacity: 0.6;
}

.article-content .images .column-full {
	padding: 0;
}


.article-content .column-half {
	position: relative;
	z-index: 2;
}

.article-content .images .column-full .column-half {
	width: 47.3385%;
	padding: 5.323% 5.323% 0 0;
}

.article-content .images .column-full .column-half:nth-child(2n+2) {
	padding-right: 0;
}

.article-content .video-player h1 {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 3.125em;
	text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 4px;
	color: #fff;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
}

.article-content .video-player {
	width: 100%;
	margin-bottom: 40px;
	padding-left: 1.015625%;
}

.article-pagination {
	margin: 0 6.484375%;
	padding: 0;
}

.article-pagination ul {
	position: relative;
	display: table;
	width: 100%;
	padding: 0;
	margin: 0 1.015625%;
	list-style: none;
}

.article-pagination ul:after {
	clear: both;
	content: "";
	display: block;
}

.article-pagination li {
	display: table-cell;
	position: relative;
	width: 50%;
	text-align: right;
	background: #141414;
}

.article-pagination li.previous {
	text-align: left;
	background: #141414 url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/global/global-dotted-divider.png') repeat-y 100% 0;
}

.article-pagination li.next.single {
	background: #141414 url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/global/global-dotted-divider.png') repeat-y 0 0;
}

.article-pagination a {
	display: block;
	margin: 8px 0 9px 0;
	padding: 0 0 0 83px;
	text-decoration: none;
	min-height: 100%;
}

.article-pagination .arrow {
	position: absolute;
	top: 8px;
	bottom: 9px;
	left: 0;
	width: 83px;
	background: transparent url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/article/pagination-previous-bg.png') no-repeat 0 50%;
}

.article-pagination .next .arrow {
	left: auto;
	right: 0;
	background: transparent url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/article/pagination-next-bg.png') no-repeat 0 50%;
}

.article-pagination a:hover .arrow {
	background-position: -200px 50%;
}

.article-pagination .dots {
	height: 100%;
	background: transparent url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/global/global-dotted-divider.png') repeat-y 100% 0;
}

.article-pagination .next .dots {
	background-position: 0 0;
}

.article-pagination .next a {
	padding: 0 83px 0 0;
}


.article-pagination .option {
	padding: 0 5.217% 0 5.217%;
}


.article-pagination h2 {
	margin: 0;
	padding: 6px 0 0 0;
	color: #a4a4a4;
	font-size: 0.75em;
	font-weight: 400;
	text-transform: uppercase;
}

.article-pagination h3 {
	margin: 0;
	padding: 10px 0 11px 0;
	color: #fff;
	font-size: 1.125em;
	font-weight: 700;
	text-transform: uppercase;
}

/*---------------------------------------------*/
/* Competition
/*---------------------------------------------*/
.full-competition-content {
	max-width: 1280px;
	margin: 0 auto;
	padding: 23px 0 0 0;
}
.competition-content {
	margin: 0 6.484375%;
	padding: 0;
}

.competition .intro p {
	margin: 0;
	padding: 0 0 22px 0;
	color: #f3f3f3;
	font-size: 1.25em;
}

.competition-content fieldset.email {
	display: none;
}

.competition-content form {
	width: auto;
	padding: 0 10px 0 0;
	text-align: left;
}

.competition-content input {
	font-weight: 400;
}

.competition-content textarea {
	height: 220px;
	font-weight: 400;
}

.competition-content .side-image {
	padding: 0 0 0 10px;
}

.competition-content .side-image img {
	width: 100%;
}

.competition-content .share-links {
	margin: 0;
	padding: 20px 0 40px 0;
}

.competition-content .standard-form .submit-button {
	margin: 10px 0 0 0;
}

.competition-content .column-half {
	width: 49.4921875%;
	padding: 0 0 0 0.5078125%;

}

.competition-content .column-half:first-child {
	padding: 0 0.5078125% 0 0;
}

.competition-content .share-links {
	padding-top: 42px;
}

.competition-content .intro {
	padding-top: 10px;
	padding-bottom: 31px;
}

/* Promos used for leading user to novice or expert competitions */
.promo-panel {
	position: relative;
	margin: 5px 0 0 0;
	text-align: left;
}

.article-content .promo-panel {
	margin-top: 0;
	margin-bottom: 35px;
}

.promo-panel:after {
	clear: both;
	content: "";
	display: block;
}

.promo-panel .static-overlay {
	left: 20px;
	right: 20px;
	bottom: 4px;
}

.promo-panel .static-overlay .copy {
	text-align: left;
	vertical-align: bottom;
}

.promo-panel h1,
.promo-panel h2 {
	position: relative;
	margin: 0 0 22px 0;
	padding: 0 0 0 4px;
	color: #f3f3f3;
	font-weight: 700;
	font-size: 2.375em;
	text-transform: uppercase;
}

.promo-panel .extra-space {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	display: block;
	width: 4px;
	background: transparent url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/global/global-title-bg.png') repeat 0 0;
}

.promo-panel h1 span,
.promo-panel h2 span {
	padding: 0 4px 0 0;
	line-height: 1em;
	white-space: pre-wrap;
	background: transparent url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/global/global-title-bg.png') repeat 0 0;
}

.promo-panel .prompt {
	float: left;
	display: block;
	margin: 0 0 22px 0;
	padding: 11px 10px;
	color: #fff;
	font-size: 1.125em;
	font-weight: 700;
	text-decoration: none;
	text-transform: uppercase;
	background-color: #004b31;
	-webkit-transition: background-color 0.3s;
	-moz-transition: background-color: 0.3s;
	-o-transition: background-color 0.3s;
	transition: background-color: 0.3s;
}

.promo-panel .prompt:hover {
	background-color: #005c3c;
}

/*---------------------------------------------*/
/* Lightbox and supporting styles
/*---------------------------------------------*/
#lightbox {
	display:none;
	z-index: 990;
	position: fixed;
	top: 0;
	min-width: 100%;
	min-height: 100%;
}

#lightbox .background {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	background-color: #1d1d1d;
	opacity: 0.95;
}

#lightBoxContent {/* For the purpose of moving lightbox near top of page to show header */
	position: relative;
	z-index: 11;
}

#lightbox #closeLightbox {
	position: absolute;
	z-index: 12;
	top: 20px;
	right: 20px;
	height: 19px;
	min-width:100px;
	padding: 0 28px 0 0;
	text-decoration: none;
	background: url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/article/sprite_close-lightbox.png') right -40px no-repeat;
}

#lightbox #closeLightbox:hover { background-position: right -19px; }

#lightbox #closeLightbox span {
	opacity: 0;
	text-transform: uppercase;
	color: #999999;
	font-size:0.8em;
	padding: 2px 10px 2px 4px;
	text-decoration: none;
	webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;
	background:url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/article/sprite_close-lightbox.png') right 0px no-repeat;
}

#lightbox #closeLightbox:hover span { opacity: 1; }

.lightbox.images:hover { cursor: pointer; }



/*---------------------------------------------*/
/* Related Content
/*---------------------------------------------*/
.related-content {
	clear: left;
	margin-right: -5px;
	margin-top: 32px;
	border-top: 5px solid #fff;
}

.related-content:after {
	clear: both;
	content: "";
	display: block;
}

.related-content article {
	position: relative;
	overflow: hidden;
}

.related-content .tile {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9;
	border-style: solid;
	border-color: #fff;
	border-width: 0 5px 5px 0;
}

.related-content a {
	display: block;
}

.related-content .last {
	display: none;
}

.related-content article .static-overlay {
	z-index: 3;
}

.related-content article:hover .static-overlay {
	display: block;
}

.related-content h1 {
	font-size: 1.875em;
	color: #f3f3f3;
	text-transform: uppercase;
	text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 4px;
}

.related-content .bg-image {
	position: relative;
	left: 50%;
	float: left;
	width: 100%;
	min-width: 213px;
}

.related-content img {
	position: relative;
	right: 50%;
	float: left;
	width: 100%;
}

.related-content .background {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 2;
	opacity: 0.15;
	background: #000;
}

.related-content article:hover .background {
	opacity: 0;
}

.related-content .static-overlay {
	left: 20px;
	right: 20px;
}

.related-content .static-overlay .copy {
	vertical-align: bottom;
	text-align: left;
}

/*---------------------------------------------*/
/* Video Player
/*---------------------------------------------*/
.video-player .placeholder {
	position: absolute;
	top: -1px;
	display: block;
	width: 100%;
	height: 100%;
	z-index: 6;
}

.video-player iframe {
	position: relative;
	z-index: 1;
	margin: 0;
	padding: 0;
	border: 0;
}


.video-player {
	clear: left;
	position: relative;
	width: auto;
	height: 490px;
	overflow: hidden;
}

.video-player .player-container {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 5;
	top : 0;
}

.video-player .player {
	width: 100%;
	height: 100%;
}

.video-player .main-hit-area {
	position: absolute;
	top: 0;
	bottom: 41px;
	left: 0;
	right: 0;
	z-index: 10;
	cursor: pointer;
}

.video-player .controls {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 41px;
	z-index: 9;
}

.video-player .controls .content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 41px;
	background: #0d0d0d;
}

.video-player .buttons {
	position: relative;
}

.video-player .play-button {
	float: left;
	display: inline;
}

.video-player .play-button a {
	display: block;
	width: 42px;
	height: 41px;
	background: transparent url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/global/videoplayer-play-button.png') no-repeat 0 0;
}

.video-player .play-button span {
	display: block;
	width: 42px;
	height: 41px;
	font-size: 0.01em;
	text-indent: 105%;
	white-space: nowrap;
	overflow: hidden;
	opacity: 0;
	background: transparent url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/global/videoplayer-play-button.png') no-repeat 0 -41px;
}

.video-player .play-button a.active {
	background-position: 0 -82px;
}

.video-player .play-button a.active span {
	background-position: 0 -123px;
}

.video-player .play-button a:hover span {
	opacity: 1;
}

.video-player .current-time,
.video-player .total-time {
	float: left;
	display: inline;
	width: 45px;
	padding: 12px 10px 0 0;
	color: #a4a4a4;
	font-size: 1em;
	font-weight: 700;
	text-align: right;
}

.video-player .total-time {
	padding-left: 10px;
	padding-right: 0;
	text-align: left;
}

.video-player .progress-bar {
	float: left;
	display: inline;
	margin: 15px 0 0 0;
	width: 300px;
}

.video-player .bars {
	position: relative;
	width: 100%;
	height: 11px;
	background: #393939;
}

.video-player .bars div {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 11px;
}

.video-player .bars .progress {
	z-index: 3;
	background: #004b31;
}

.video-player .bars .loaded {
	z-index: 2;
	background: #525252;
}

.video-player .bars .hit-area {
	z-index: 4;
	cursor: pointer;
}

.video-player .full-screen-button {
	float: left;
	display: inline;
}

.video-player .full-screen-button a {
	display: block;
	width: 46px;
	height: 41px;
	background: transparent url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/global/videoplayer-fullscreen-button.png') no-repeat 0 0;
}

.video-player .full-screen-button span {
	display: block;
	width: 46px;
	height: 41px;
	font-size: 0.01em;
	text-indent: 105%;
	white-space: nowrap;
	overflow: hidden;
	opacity: 0;
	background: transparent url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/global/videoplayer-fullscreen-button.png') no-repeat 0 -41px;
}

.video-player .full-screen-button a:hover span {
	opacity: 1;
}

.video-player .bg-image {
	min-width: 1280px;
	width: 100%;
}

.video-player .placeholder .static-overlay {
	left: 80px;
	right: 80px;
	z-index: 4;
}

.video-player .placeholder .static-overlay p {
	display: block;
	width: 68px;
	height: 68px;
	margin: 12px auto 0 auto;
	padding: 0;
	font-size: 0.01em;
	text-indent: 105%;
	white-space: nowrap;
	overflow: hidden;
	background: transparent url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/article/video-large-play-button.png') no-repeat 0 0;
}

.tall-video-player {
	height: 772px;
}

.tall-video-player .static-overlay {
	height: 772px;
}

.our-beer-video .tall-video-player .static-overlay,
.our-beer-video .tall-video-player .bg-image {
	height: auto;
}

/*---------------------------------------------*/
/* Brewer Map
/*---------------------------------------------*/
.brewer-map {
	position: relative;
	height: 456px;
	overflow: hidden;
}

.zoom-control {
	position: absolute;
	z-index: 20;
	top: 50%;
	right: 25px;
	margin: -88px 0 0 0;
	background: #ece8e8;
}

.barrel-tracker .zoom-control,
.bar-finder .zoom-control {
	right: auto;
	left: 25px;
}

.zoom-control a {
	display: block;
	width: 34px;
	height: 34px;
	margin: 0;
	padding: 0;
	font-size: 0.01em;
	text-indent: 105%;
	white-space: nowrap;
	overflow: hidden;
}

.zoom-in {
	background: transparent url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/map/zoom-buttons.png') no-repeat 0 0;
}

.zoom-out {
	background: transparent url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/map/zoom-buttons.png') no-repeat 0 -68px;
}

.zoom-level {
	position: relative;
	width: 4px;
	height: 108px;
	margin: 0 auto;
	padding: 0;
	background: #c5c0c0;
}

/* Change height with JavaScript */
.zoom-control .bar {
	position: absolute;
	bottom: 0;
	width: 4px;
	height: 20px;
	background: #737373;
}

.zoom-control .handle {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 20px;
	height: 10px;
	margin: -5px 0 0 -9px;
	border-radius: 1px;
	border: 1px solid transparent;
	background: #004b31;
}

#map-canvas {
	min-height:456px;
}

@media screen and (max-height: 456px) {
	.brewer-map { height: 410px; }
	#map-canvas { min-height:410px; }
}

/*---------------------------------------------*/
/* Terms and Conditions
/*---------------------------------------------*/
.centered h1 {
	width: 100%;
	margin: 0;
	padding: 36px 0 36px 0;
	color: #eeeeee;
	font-size: 1.563em;
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
}

/*---------------------------------------------*/
/* Expanding Content
/*---------------------------------------------*/
.expanding-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.expanding-list li {
	margin: 0 0 5px 0;
}

.expand-button {
	display: block;
	padding: 11px 12px;
	font-size: 1.125em;
	color: #252525;
	font-weight: 700;
	border: 1px solid #f3f3f3;
	border-radius: 2px;
	text-decoration: none;
	background: #f3f3f3 url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/global/global-expanding-list-bg.png') no-repeat 100% 17px;
	-webkit-transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	-o-transition: background-color 0.2s;
	transition: background-color 0.2s;
}

.expand-button:hover {
	background-color: #FFFFFF;
}

.expand-button.active {
	border-radius: 2px 2px 0 0;
	background-position: 100% -83px;
	background-color: #f3f3f3;
}

.expanding-list .expanding-content {
	position: relative;
	display: none;
	margin: 0;
	padding: 0;
	color: #252525;
	font-weight: 400;
	border: 1px solid #f3f3f3;
	border-radius: 0 0 1px 1px;
	background: #f3f3f3;
	overflow: hidden;
}

.expanding-list .content {
	padding: 10px 12px 15px 12px;
}

.expanding-list p {
	margin: 0;
	padding: 0 0 15px 0;
	font-size: 0.875em;
	line-height: 1.188em;
}

.expanding-list p a {
	color: #252525;
	text-decoration: underline;
}

.expanding-list p a:hover {
	color: #000;
}

.expanding-list .expanding-content ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0.875em;
	line-height: 1.188em;
}

.expanding-list .expanding-content li {
	margin: 0;
	padding: 0 0 15px 7px;
	background: transparent url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/global/bullet.gif') no-repeat 0 6px;
}

/*---------------------------------------------*/
/* Dropdown
/*---------------------------------------------*/
.global-dropdown,
.global-dropdown.open {
	float: left;
	text-align: left;
}

.global-dropdown.open:after {
	content: "";
	display: block;
	clear: both;
}

.global-dropdown .current {
	display: block;
	padding: 10px 54px 9px 10px;
	color: #252525;
	font-size: 1.125em;
	font-weight: 700;
	text-decoration: none;
	border: 2px solid #f3f3f3;
	background: #f3f3f3 url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/global/global-expanding-list-bg.png') no-repeat 100% 16px;
}

.global-dropdown.open .current {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	background-position: 100% -84px;
}

.global-dropdown ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.global-dropdown li {
	margin: 0;
	padding: 0;
}

.global-dropdown .content {
	position: relative;
	height: 0;
	overflow: hidden;
}

.global-dropdown .scrollable {
	max-height: 264px;
	overflow: hidden;
	-wekit-overflow-scrolling: touch;
}

.global-dropdown li a {
	display: block;
	padding: 10px 54px 9px 10px;
	color: #252525;
	font-size: 1.125em;
	font-weight: 700;
	text-decoration: none;
	background-color: #f3f3f3;
}

.global-dropdown li a.active {
	background: #f3f3f3;
}

.global-dropdown .scrollbar {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	display: none;
	width: 16px;
	background: #c1bfbf;
}

.global-dropdown .track {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.global-dropdown .handle {
	position: absolute;
	top: 0;
	display: block;
	width: 16px;
	height: 50px;
	background: #707070;
	cursor: pointer;
}

/*---------------------------------------------*/
/* Forms
/*---------------------------------------------*/
.standard-form {
	width: 80%;
	margin: 0 auto;
	padding: 0 0 40px 0;
	text-align: left;
}

.standard-form fieldset {
	width: 100%;
	margin: 0;
	padding: 0 0 34px 0;
	border: 0;
}

.standard-form fieldset.last {
	padding-bottom: 10px;
}

.standard-form legend {
	display: none;
}

.standard-form label {
	display: block;
	padding: 0 0 18px 0;
	color: #f3f3f3;
	font-weight: 700;
	font-size: 1.125em;
	line-height: 1.313em;
	text-transform: uppercase;
}

.standard-form fieldset input {
	width: 96%;
	margin: 0;
	padding: 9px 2% 8px 2%;
	color: #969696;
	font-size: 1.125em;
	border: 2px solid #f3f3f3;
	border-radius: 1px;
	background: #f3f3f3;
}

.standard-form textarea {
	width: 96%;
	margin: 0;
	padding: 8px 2% 8px 2%;
	color: #969696;
	font-size: 1.125em;
	border: 2px solid #f3f3f3;
	border-radius: 1px;
	background: #f3f3f3;
}

.standard-form .radio-button-option {
	float: left;
	clear: left;
	padding: 10px 0 0 0;
}

.standard-form .radio-buttons {
	padding-bottom: 32px;
}

.standard-form .large-answer {
	padding-bottom: 42px;
}

.standard-form .large-answer label {
	padding-bottom: 30px;
}

.standard-form .section-end {
	margin: 0 0 53px 0;
	padding: 0 0 53px 0;
	border-width: 0 0 2px 0;
	border-style: solid;
	border-color: #343434;
}

.standard-form .radio-buttons label {
	float: left;
	padding: 0 35px 0 0;
	font-size: 1em;
	font-weight: 400;
	color: #b3b3b3;
	text-transform: none;
}

.standard-form .radio-buttons p {
	float: left;
	margin: 0;
	padding: 0 15px 0 0;
	color: #f3f3f3;
	font-size: 1.125em;
	font-weight: 700;
	text-transform: uppercase;
}

.standard-form .radio-button {
	float: left;
	display: block;
	width: 19px;
	height: 18px;
	margin: 0 14px 0 0;
	font-size: 0.01em;
	text-indent: 105%;
	white-space: nowrap;
	overflow: hidden;
	background: transparent url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/global/global-radio-button.png') no-repeat 0 0;
}

.standard-form .radio-button.active {
	background-position: 0 -18px;
}

.standard-form .filled-in {
	padding-bottom: 9px;
	font-weight: 700;
	color: #252525;
}

.standard-form fieldset .modified {
	font-size: 1.125em;
	color: #252525;
	font-weight: 700;
}

.standard-form .error {
	padding-bottom: 10px;
	color: #fb4949;
	font-weight: 700;
	border-color: #fb4949;
}

.standard-form .global-dropdown.error {
	padding-bottom: 0;
}

.standard-form .submit-button {
	display: inline;
	margin: 0;
	padding: 12px;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.125em;
	font-weight: 700;
	border: 0;
	cursor: pointer;
	background: #004b31;
	-webkit-transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	-o-transition: background-color 0.2s;
	transition: background-color 0.2s;
}

.standard-form .submit-button:hover {
	background-color: #005c3c;
}

.standard-form .dropdown,
.standard-form .global-dropdown {
	float: none;
	margin: 0 auto;
	width: 100.5%;
}

.standard-form .global-dropdown li a {
	font-weight: 400;
	background-color: #efefef;
}

.standard-form .global-dropdown li a.odd {
	background-color: #fcfcfc;
}

.standard-form .global-dropdown li a.active,
.standard-form .global-dropdown li a:hover {
	background-color: #b8b8b8;
}

.standard-form .global-dropdown.error .current {
	color: #fb4949;
	border-color: #fb4949;
}

.standard-form .checkbox {
	float: left;
	clear: left;
	width: 100%;
	padding: 18px 0 0 0;
}

.standard-form .checkbox input {
	float: left;
	width: auto;
}

.standard-form .checkbox label {
	display: inline;
	margin: 0;
	padding: 0 0 0 9px;
	color: #606060;
	font-size: 1em;
	line-height: 1.125em;
}

.standard-form .checkbox label a {
	color: #606060;
	text-decoration: underline;
}

.standard-form .checkbox label a:hover {
	color: #f3f3f3;
}

.standard-form .checkbox.error input {
	color: #fb4949;
}

.standard-form .checkbox.error label {
	color: #fb4949;
	font-weight: 400;
}

.standard-form .checkbox.error label a {
	color: #fb4949;
}

.standard-form .dummy-checkbox {
	float: left;
	display: inline;
	width: 16px;
	height: 16px;
	font-size: 0.01em;
	text-indent: 105%;
	white-space: nowrap;
	overflow: hidden;
	background: transparent url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/global/checkbox-bg-dark.png') no-repeat 0 0;
}

.standard-form .checkbox.error .dummy-checkbox {
	background-position: 0 -32px;
}

.standard-form .dummy-checkbox.active {
	background-position: 0 -16px;
}


#errorContainer {  }
	#errorContainer ul { margin: 0 0 10px 0; padding:0; }
		#errorContainer li { width:100%; list-style: none; }

		label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }

/*---------------------------------------------*/
/* Address panel boxout
/*---------------------------------------------*/
.address-boxout {
	width: 74%;
	margin: 0 auto 20px auto;
	padding: 17px 3%;
	background: transparent url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/global/address-boxout-bg.jpg') no-repeat 0 0;
}

.address-boxout:after {
	content: "";
	display: block;
	clear: both;
}

.address-boxout h2 {
	margin: 0;
	padding: 0 0 11px 0;
	color: #f3f3f3;
	font-weight: 700;
	font-size: 1.063em;
	text-transform: uppercase;
}

.address-boxout dl {
	margin: 0;
	padding: 0;
	font-weight: 700;
	font-size: 0.938em;
	line-height: 1.875em;
	color: #999999;
}

.address-boxout dt {
	float: left;
	clear: left;
	min-width: 60px;
	margin: 0;
	padding: 0;
}

.address-boxout dd {
	float: left;
	margin: 0;
	padding: 0;
}

.address-boxout a {
	color: #f3f3f3;
	text-decoration: none;
}

.address-boxout a:hover {
	color: #ba9c5b;
}

/*---------------------------------------------*/
/* Panel used for alerts/short messages
/*---------------------------------------------*/
.form-complete {
	max-width: 454px;
	margin: 0 auto;
	padding: 40px 0 40px 0;
}

.boxout-panel {
	margin: 0 20px;
	padding: 24px 50px 30px 50px;
	color: #dadada;
	background-color: #004b31;
}

.boxout-panel:after {
	clear: both;
	content: "";
	display: block;
}

.boxout-panel h1 {
	width: 100%;
	margin: 0;
	padding: 0 0 21px 0;
	color: #eeeeee;
	font-size: 1.563em;
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
}

.boxout-panel p {
	margin: 0;
	padding: 0 0 15px 0;
	font-size: 1em;
	text-align: center;
}

.boxout-panel p a {
	color: #dadada;
}

.boxout-panel p a:hover {
	color: #fff;
}

.boxout-panel .exit-button {
	position: relative;
	left: 50%;
	float: left;
	padding: 10px 0 0 0;
}

.boxout-panel .exit-button a {
	position: relative;
	right: 50%;
	float: left;
	display: block;
	padding: 11px;
	color: #252525;
	font-size: 1.125em;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	background: #f3f3f3;
}

.boxout-panel .exit-button a:hover {
	background-color: #ffffff;
}

/*---------------------------------------------*/
/* Search Results
/*---------------------------------------------*/
.listing-no-results {
	max-width: 600px;
	margin: 0 auto;
	padding: 100px 20px;
}

.listing-no-results:after {
	content: "";
	display: block;
	clear: both;
}

.listing-no-results p {
	margin: 0;
	padding: 30px 0 0 0;
	text-align: center;
	color: #908f8f;
	font-weight: 700;
}

.listing-no-results .searched-term {
	display: block;
	padding: 6px 0 0 0;
	color: #f3f3f3;
	font-weight: 700;
	font-size: 2.625em;
	text-transform: uppercase;
}

.button-prompt {
	position: relative;
	left: 50%;
	float: left;
	padding: 31px 0 0 0;
}

.button-prompt a {
	position: relative;
	right: 50%;
	float: left;
	display: block;
	margin: 0;
	padding: 11px 12px;
	color: #f3f3f3;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 1.125em;
	background: #004b31;
	webkit-transition: background-color 0.5s;
	-moz-transition: background-color 0.5s;
	-o-transition: background-color 0.5s;
	transition: background-color 0.5s;
}

.button-prompt a:hover {
	background: #005c3c;
}

/*---------------------------------------------*/
/* Competition complete
/*---------------------------------------------*/
.competition {
	padding-bottom: 75px;
}

.competition .complete-message .boxout {
	display: table;
	width: 90%;
	height: 471px;
}

.competition .complete-message .boxout .content {
	display: table-cell;
	vertical-align: middle;
}

.competition .complete-message h3 {
	margin: 0;
	padding: 26px 0 40px 0;
	color: #fefefe;
	font-weight: 700;
	font-size: 1.25em;
	line-height: 1.313em;
	text-transform: uppercase;
}

.competition .side-image {
	float: left;
	width: 100%;
	min-width: 529px;
}

.competition .complete-message .side-image {
	position: relative;
	left: 50%;
}

.competition .complete-message img {
	position: relative;
	right: 50%;
	float: left;
	width: 100%;
}

.competition .complete-message .article-content .column-half {
	width: 48%;
	padding-left: 1%;
	padding-right: 1%;
	padding-bottom: 50px;
}

/*---------------------------------------------*/
/* Multi-tab Slideshow
/*---------------------------------------------*/
.multi-tab-slideshow {
	position: relative;
	clear: left;
}

.multi-tab-slideshow .slides {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.multi-tab-slideshow .static-overlay .copy {
	vertical-align: bottom;
}

.multi-tab-slideshow .slides ol {
	width: 100%;
	margin: 0;
	padding: 0;
}

.multi-tab-slideshow .slides ol li {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.multi-tab-slideshow .slides ol li:first-child {
	display: block;
}

.multi-tab-slideshow .slides .bg-image {
	position: absolute;
	/*left: 50%;*/
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	/*min-width: 1280px;*/
	z-index: 2;
}

.multi-tab-slideshow .slides .bg-image img {
	position: absolute;
	left: 0;
	top: 0;
	/*right: 50%;*/
}

.multi-tab-slideshow .slides .static-overlay {
	left: 150px;
	right: 150px;
	z-index: 3;
	max-width: 70%;
}

.multi-tab-slideshow .slides .static-overlay .copy {
	text-align: left;
}

.multi-tab-slideshow .slides h2 {
	margin: 0;
	padding: 0;
	color: #ba9c5b;
	font-size: 3.125em;
	text-transform: uppercase;
	text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 4px;
}

.multi-tab-slideshow .slides h3 {
	padding: 0;
	margin: 4px 0 4px 0;
	color: #f3f3f3;
	line-height: 0.875em;
	font-size: 5em;
	text-transform: uppercase;
	text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 4px;
}

.multi-tab-slideshow .slides p {
	font-size: 1.25em;
	font-weight: 400;
	text-transform: none;
	padding-left: 0;
	margin-left: 0;
}

.multi-tab-slideshow .navigation {
	width: 100%;
	z-index: 50;
}

.multi-tab-slideshow .navigation {
	height: 1px;
	overflow: visible;
}

.multi-tab-slideshow .navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.multi-tab-slideshow .navigation li {
	margin: 0;
	padding: 0;
}

.multi-tab-slideshow .navigation a {
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 10;
	display: block;
	width: 68px;
	margin: 0;
	padding: 0;
	text-indent: 105%;
	white-space: nowrap;
	font-size: 0.01em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 50%;
}
.multi-tab-slideshow .navigation a:hover {
	background-position: -68px 50%;
}

.multi-tab-slideshow .navigation a.previous {
	left: 0;
	background-image: url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/ourbeer/slideshow-previous.png');
}

.multi-tab-slideshow .navigation a.next {
	right: 0;
	background-image: url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/ourbeer/slideshow-next.png');
}

.multi-tab-slideshow .slides {
	height: 650px;
}

.multi-tab-slideshow .main-nav {
	position: relative;
	clear: left;
	width: 100%;
	background: #1a1a1a;
}

.multi-tab-slideshow .main-nav .options>ol>li:hover {
	background-color: #1d1d1d;
}

.multi-tab-slideshow .main-nav .pagination {
	width: 100%;
	height: 1px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.multi-tab-slideshow .main-nav .pagination li {
	margin: 0;
	padding: 0;
}

.multi-tab-slideshow .main-nav .pagination a {
	position: absolute;
	top: 0;
	bottom: 0;
	display: block;
	width: 8.046875%;
	height: 100%;
	margin: 0;
	padding: 0;
	z-index: 10;
	background-color: #141414;
}

.multi-tab-slideshow .main-nav .pagination .previous {
	left: 0;
	border-width: 0 1px 0 0;
	border-style: solid;
	border-color: #434343;
}

.multi-tab-slideshow .main-nav .pagination .next {
	right: 0;
	border-width: 0 0 0 1px;
	border-style: solid;
	border-color: #434343
}

.multi-tab-slideshow .main-nav .pagination a span {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 9px;
	height: 17px;
	margin: -8px 0 0 -4px;
	padding: 0;
	text-indent: 105%;
	font-size: 0.01em;
	white-space: nowrap;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.multi-tab-slideshow .main-nav .pagination a:hover span {
	background-position: 0 -17px;
}

.multi-tab-slideshow .main-nav .pagination a.disabled {
	cursor: default;
}
.multi-tab-slideshow .main-nav .pagination a.disabled span {
	background-position: 0 -34px;
}

.multi-tab-slideshow .main-nav .pagination .previous span {
	background-image: url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/ourbeer/slideshow-scrollnav-previous.png');
}

.multi-tab-slideshow .main-nav .pagination .next span {
	background-image: url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/ourbeer/slideshow-scrollnav-next.png');
}

.multi-tab-slideshow .main-nav .options {
	width: 84.21875%;
	min-height: 100px;
	margin: 0 auto;
	border-width: 0 1px 0 1px;
	border-style: solid;
	border-color: #434343;
	overflow: hidden;
}

.multi-tab-slideshow .main-nav .options>ol {
	display: table;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

.multi-tab-slideshow .main-nav .options>ol>li {
	display: table-cell;
	width: 33.3%;
	margin: 0;
	padding: 0 1px;
	text-align: center;
	vertical-align: middle;
	background: transparent url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/ourbeer/slideshow-divider.png') repeat-y 0 0;
}
.multi-tab-slideshow .main-nav .options>ol>li:first-child {
	background-image: none;
}
.multi-tab-slideshow .main-nav .options ol>li.extra {
	display: none;
}

.multi-tab-slideshow .main-nav .options>li.active {
	background-color: #0d0d0d;
}

.multi-tab-slideshow .main-nav .options ol a h2 {
	margin: 0;
	padding: 40px 20px;
	color: #f3f3f3;
	font-size: 1em;
	font-weight: 400;
}

.multi-tab-slideshow .main-nav .options ol a span {
	color: #ba9c5b;
}

.multi-tab-slideshow .main-nav .options .subsections {
	position: absolute;
	bottom: 0;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	background: #151515;
	overflow: hidden;
}

.multi-tab-slideshow .main-nav .subsections li {
	float: left;
	width: 33.333%;
	padding: 0;
	margin: 0;
	text-align: center;
}

.multi-tab-slideshow .main-nav .subsections.five li {
	width: 20%;
}

.multi-tab-slideshow .main-nav .subsections.four li {
	width: 25%;
}

.multi-tab-slideshow .main-nav .subsections.two li {
	width: 50%;
}

.multi-tab-slideshow .main-nav .subsections.one li {
	width: 100%;
}

.multi-tab-slideshow .main-nav .options ol li .content {
	position: relative;
	display: table;
	width: 100%;
}

.multi-tab-slideshow .main-nav .options ol li .copy {
	display: table-cell;
	vertical-align: middle;
}

.multi-tab-slideshow .main-nav .subsections li:first-child {
	background: none;
}

.multi-tab-slideshow .main-nav .options ol a {
	text-decoration: none;
}

.multi-tab-slideshow .main-nav .subsections a {
	display: block;
	width: 100%;
	height: 11px;
	margin: 0;
	padding: 0;
	text-indent: 105%;
	font-size: 0.01em;
	white-space: nowrap;
	overflow: hidden;
	background: transparent url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/ourbeer/slideshow-divider.png') repeat-y 0 0;
}
.multi-tab-slideshow .main-nav .subsections li:first-child a {
	background: transparent;
}

.multi-tab-slideshow .main-nav .subsections li a:hover,
.multi-tab-slideshow .main-nav .subsections li a.active {
	background: #ba9c5b;
}

/* When there is no need for pagination,
   hide arrows and make nav full width */
.multi-tab-slideshow .main-nav.no-pagination .pagination{
	display: none;
}

.multi-tab-slideshow .main-nav.no-pagination .options {
	width: 100%;
}

/*---------------------------------------------*/
/* Drupal page wrapper
/*---------------------------------------------*/
.drupal-page {
	width: 40%;
	margin: 40px auto 40px auto;
	padding: 0;
	color: #f3f3f3;
	text-align: left;
}

.drupal-page .description,
.drupal-page .description p {
	padding: 5px 0 20px 0;
	text-align: left;
	font-size: 1em;
}

.drupal-page label {
	display: block;
	width: 20%;
	padding: 0 0 5px 0;
	font-size: 1.125em;
}

.drupal-page input.form-text {
	margin: 0;
	padding: 10px 10px 10px 10px;
	color: #969696;
	font-size: 1.125em;
	border: 2px solid #f3f3f3;
	border-radius: 1px;
	background: #f3f3f3;
}

.drupal-page input.form-submit {
	display: inline;
	margin: 0;
	padding: 12px;
	text-transform: uppercase;
	font-size: 1.125em;
	font-weight: 700;
	border: 0;
	color: #fff;
	cursor: pointer;
	background: #004b31;
}

.drupal-page input.form-submit:hover {
	background-color: #005c3c;
}

.drupal-page .form-actions {
	padding: 0 0 0 0;
}

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider { margin: 0; padding: 0; }
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
#lightbox {
	width: 100%;
}

.lightBoxContent {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	z-index: 11;
}

.flexslider {
	position: absolute;
	top: 50%;
	left: 10%;
	width: 80%;
	margin: 0 auto;
	border: 0;
	zoom: 1;
	z-index: 999;
}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li { margin-right: 5px; }


/* Direction Nav */
.flex-direction-nav {
	cursor: pointer;
	*height: 0;
}
.flex-direction-nav a {
	display: block;
	width: 63px;
	height: 63px;
	margin: -47px 0 0 0;
	position: absolute;
	top: 50%;
	z-index: 9999;
	font-size: 0.01em;
	white-space: nowrap;
	text-indent: 105%;
	overflow: hidden;
	cursor: pointer;
	background: transparent url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/article/slideshow-previous.png') no-repeat 0 0;
}
.flex-direction-nav .flex-next {
	right: 0;
	background: transparent url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/article/slideshow-next.png') no-repeat 0 0;
}
.flex-direction-nav .flex-prev {
	left: 0;
}
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
	background-position: 0 -64px;
}
.flex-direction-nav .flex-disabled {
	display: none;
}

/* Control Nav */
.flex-control-nav { position: absolute; top:-50px; left:50%; min-width:10px; margin:0 0 0 -61px;
					padding:0; text-align:left; text-transform:uppercase; font-weight: 700; font-size:1.25em; color:#fff; }

.control-nav-copy { margin: 0 8px 0 0; }
.control-nav-numbers { margin: 0 4px 0 0; }
.control-nav-count { margin: 0 8px 0 0; }

	.flex-control-nav span { float:left;  }

		.flex-control-paging a { display:none; background: none; color:#fff; cursor: pointer; box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }

			.flex-control-paging .pagingItem:hover { }
			.flex-control-paging a.flex-active { display:block; background: none; cursor: default; }

.flexslider figure {
	position: relative;
	margin: 0;
	padding: 0;
}

.flexslider figcaption {
	position: relative;
	margin: 0;
	padding: 10px 0 0 0;
	text-align: center;
	color: #fff;
}

/*.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}*/



/*  Media set up queries to work in widest possible array of locations (so some screen sizes are not getting ideal size):
	Google Nexus is a limiter as has low screen height on landscape */

@media screen and (min-width: 1200px) {
	.flexslider {
		top: 50%;
		left: 50%;
		max-width: 900px;
		margin: 0;
	}
}


@media screen and (min-width: 800px) and (max-height: 800px) {
	.flexslider {
		top: 50%;
		left: 24%;
		width: 80%;
		margin: 0 auto;
	}
}

@media screen and (min-width: 1600px) and (min-height: 1200px) {
	.flexslider {
		top: 50%;
		left: 10%;
		width: 80%;
		margin: 0 auto;
	}
}


@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}

/*---------------------------------------------*/
/* 404 Page
/*---------------------------------------------*/
.error-page {
	position: relative;
	overflow: hidden;
}

.error-page img {
	width: 100%;
}

.error-page .message {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 44.76%;
	margin: -88px 0 0 -235px;
	padding: 30px;
	color: #f3f3f3;
	text-align: center;
}

.error-page .message h2 {
	margin: 0;
	padding: 0 0 8px 0;
	font-size: 1.875em;
	font-weight: 700;
	text-transform: uppercase;
}
.error-page .message p {
	margin: 0;
	padding: 0;
	font-size: 1.25em;
	color: #999;
}

.error-page .background {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	opacity: 0.4;
	background: #000;
}

.error-page .message .content {
	position: relative;
	z-index: 2;
}

/*---------------------------------------------*/
/* Visit Brewery Page
/*---------------------------------------------*/
.visit-brewery:hover .static-overlay {
	display: block;
}

.visit-brewery .article-content .column-half,
.visit-brewery .article-content .column-half:first-child {
	padding-bottom: 51px;
}

.visit-brewery .share-links {
	padding-bottom: 50px;
}

.visit-brewery blockquote {
	padding-bottom: 51px;
}

.visit-brewery h3 {
	margin: 0;
	padding: 26px 0 40px 0;
	color: #fefefe;
	font-weight: 700;
	font-size: 1.25em;
	line-height: 1.313em;
	text-transform: uppercase;
}

.article-content .external-link {
	color: #ba9c5b;
	font-size: 1.125em;
}

.article-content .external-link:hover {
	color: #fff;
}

 .article-content ol.external-quotes {
 	margin: 0;
 	padding: 0 0 19px 0;
 	font-size: 1.125em;
 	list-style: none;
 	counter-reset: none;
}

.article-content ol.external-quotes li:before {
	width: auto;
	margin-left: 0;
	content: "";
	counter-increment:none;
	display: none;
}

.article-content ol.external-quotes li {
	margin: 0;
	padding: 0 0 30px 0;
	line-height: 1.313em;
	font-size: 1em;
}

.column-full .external-quotes time {
	display: inline;
	font-size: 1em;
	font-style: italic;
}

.column-full .external-quotes time:after {
	content: ": ";
}

.external-quotes p {
	display: inline;
	font-size: 1em;
}

.boxout {
	margin: 0;
	padding: 26px 5% 40px 5%;
	text-align: center;
	background: #0b0b0b;
}

.boxout h3 {
	padding-top: 0;
	padding-bottom: 45px;
}

.boxout .prompt {
	display: inline-block;
	min-width: 47.549%;
	margin: 0 0 32px 0;
	padding: 14px 3% 13px 3%;
	color: #fff;
	font-size: 1.125em;
	font-weight: 700;
	text-decoration: none;
	background: #ba9c5b;
	border-radius: 1px;
	-webkit-transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	-o-transition: background-color 0.2s;
	transition: background-color 0.2s;
}

.boxout .prompt:hover {
	background-color: #c8af78;
}

/*---------------------------------------------*/
/* Dark background behind text overlays
/*---------------------------------------------*/
.multi-tab-slideshow .slides .dark-background,
.dark-background {
	position: relative;
	padding-left: 4px;
	margin-left: 0;
	line-height: normal;
}

.dark-background span {
	padding: 0 4px 0 0;
	line-height: normal;
	white-space: pre-wrap;
	background: transparent url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/global/global-title-bg.png') repeat 0 0;
}

.dark-background .extra-space {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	display: block;
	width: 4px;
	padding: 0;
	background: transparent url('http://pilsner.staging.wearenation.co.uk/sites/all/themes/pilsner/images/global/global-title-bg.png') repeat 0 0;
}

.page-head .dark-background span {
	padding-left: 4px;
}

.page-head .multi-tab-slideshow .dark-background span {
	padding-left: 0;
}

.video-panel .static-overlay .dark-background p span {
	padding-right: 4px;
}