@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital@0;1&family=Lato:wght@300;400;700&display=swap');
/*
	#4f4a45 Dark (menu selected)
	#577782 Blue 
	#978D83 Grey
	#e3e0dc Pale grey
	#f4f2f1 Mid-Pale grey
	#f4f2f1 Very pale grey
*/
/*********************************************************************************/
/* Reset                                                                         */
/*********************************************************************************/
* {
	margin:0; padding:0;
	-webkit-overflow-scrolling: touch;
}
html {
	margin: 0;
	height: 100%;
}
html, body {
	width: 100%;
	overflow-x: hidden; /* Fix wider background */
}
body {
	/*font-family: 'Lato', sans-serif;*/
	font-family: font-family: 'Bodoni Moda', serif;;
	background: #FFFFFF;
	font-weight: normal;
	text-rendering: optimizeLegibility; 
	-webkit-font-smoothing: antialiased;
}
img {
	display:block;
} /* Resets images to avoid gap beneath when using Strict doctype */
h1, h2, h3, h4, p, li {
	font-weight: 300;
	font-size: 1em;
}
a {
	text-decoration: none;
	color: #82674a;
}
strong {
	font-weight: 700;
}
/*********************************************************************************/
/* Wrappers                                                                      */
/*********************************************************************************/
.wrapper {
	max-width: 1200px;
	margin: 0 auto;
}
.overflow {
	overflow: hidden;
}
#contentwrapper {
	float: left;
	width: 100%;
	background: #FFFFFF;
	padding: 3em 0;
}
.centre {
	text-align: center;
}
.sectionblock {
	margin: 0;
}
.largemargin {
	margin-top: 4em;
}
.halfwidth {
	float: left;
	width: 44%;
	margin: 3%;
}
.test {
	float: left;
	width: 100%;
	background: #DEB400;
}
.moreboxres {
	display: none;
}
.wrapperwide {
	width: 100%;
	margin: 0;
}
/*********************************************************************************/
/* Colours                                                                       */
/*********************************************************************************/
.back1 {
	background: rgba(242,230,206, .5);
}
.back2 {
	background: #F2E6CE;
}
/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/
#topbanner {
	float: left;
	width: 100%;
	background: #4FCA55;
	background: #000000;
	margin-bottom: .5em;
	padding: 1em 0;
}
#topbanner h1 {
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 2em;
	text-align: center;
}
#topbanner h2 {
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 1.75rem;
	text-align: center;
}
#topbanner p {
	color: #FFFFFF;
	font-size: 1.25rem;
	text-align: center;
}
#header {
	float: left;
	width: 100%;
	background: #FFFFFF;
	padding-bottom: 1em;
}
#header #logo {
	width: 315px;
	height: 150px;
	margin: .5em 0 0 0;
	float: left;
	background: url(_gfxlib/logo630.png) no-repeat center;
    background-size: 100%;
}
#header #caskmarquelogo {
	width: 150px;
	height: 90px;
	margin: .75em 0 0 0;
	float: right;
	background: url(_gfxlib/cask-marque-150.png) no-repeat center;
    background-size: 100%;
}
#header #logo a,
#header #caskmarquelogo a {
	display: block;
	width: 100%;
	height: 100%;
}
#header #contact {
	float: right;
	width: 50%;
	max-width: 560px;
	margin: 1em .5em 0 0;
}
#header #contact p {
	text-align: right;
	color: #6A5836;
	font-weight: 400;
	font-size: 1.5em;
	margin-bottom: .15em;
}
#header #contact p .label {
	font-size: .75em;
	text-transform: uppercase;
}
#header #contact p .small {
	font-size: .75em;
}
#header #contact p a {
	color: #6A5836;
}
#header #contact p a:hover {
	text-decoration: underline;
}
/*********************************************************************************/
/* Menu                                                                          */
/*********************************************************************************/
#menuwrapper {
	float: left;
	width: 100%;
	background: #978d83;
}
#menu {
	padding: .5em auto;
}
#menu ul {
	padding:0;
	z-index: 999;
	text-align: center;
}
#menu ul li {
	display: inline-block;
	list-style:none;
	font-size: 1.125em;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
}
#menu ul li a {
	text-decoration: none;
	color: #FFF;
	display: block;
	padding: .75em 1em;
}

#menu ul li a.selected,
#menu ul li a:hover {
	background: #4f4a45;
}

/*style the sub menu*/
#menu ul li ul {
	position: absolute;
	visibility: hidden;
	margin:0;
	padding: 0;
	z-index: 900;
}
#menu ul li ul li {
	display: inline;
	float: none;	
}
#menu ul li ul li a {
	margin: 0;
	background: rgba(151,141,131,.85);
	text-align: left;
	font-size: .875em;
	color: #FFF;
	padding-left: 1em;
	padding-right: 2em;
	padding-top: .5em;
	padding-bottom: .5em;
}
#menu ul li ul li a:hover {
	background: #978d83;
	color: #FFF;
	border: 0;
	padding-top: solid .3125em #CCCCCC;
}
.slicknav_menu {
	display:none;
}
/*********************************************************************************/
/* Main Banner                                                                   */
/*********************************************************************************/
#mainbanner {
	float: left;
	width: 100%;
	position: relative;
	background: #FFFFFF;
	display: inline-block;
	overflow: hidden;
	/*padding-bottom: 2em;*/
}
#mainbanner .caption {
	position: absolute;
	width: 50%;
	left: 0;
	bottom: 175px; 
	background: rgba(89,71,37, .75);
	color: #fff; 
	padding: 20px 0;
}
#mainbanner .mainimage .caption {
	position: absolute;
	width: 50%;
	bottom: 0; 
	background: rgba(79, 74, 69, .75);
	color: #fff; 
	padding: 10px 0;
}
#mainbanner .mainimage .caption.captionfestive {
	background: rgba(131, 0, 0, 0.75);
}
#mainbanner .wrapper .caption h1,
.mainimage .caption h1 {
	color: FFF;
	font-size: 1.75em;
	text-align: right;
	margin: 0 5%;
}
#mainbanner .wrapper .caption h1 .tagline,
.mainimage .caption h1 .tagline {
	font-style: italic;
	line-height: 2.5em;
	font-size: 1.25em;

}
#mainbanner .caption p,
.mainimage .caption p {
	color: rgba(255,255,255,1.00);
	text-align: right;
	margin: 0 5%;
	font-size: 1.25em;
}
#mainbanner .caption a,
.mainimage .caption a {
	color: rgba(255,255,255,1.00);
}
#mainbanner .caption a:hover,
.mainimage .caption a:hover {
	text-decoration: underline;
}
/*********************************************************************************/
/* Main Image and Slider                                                         */
/*********************************************************************************/
.mainslider,
.mainimage {
	float: left;
	background: #FFFFFF;
	width: 100%;
	position: relative;
	display: inline-block;
	overflow: hidden;
}
.mainimage img {
	width: 100%;
}
#slider01res {
	display: none;
}
/*********************************************************************************/
/* Highlight                                                                     */
/*********************************************************************************/
.homehighlightwrapper {
	float: left;
	width: 100%;
	padding: 0 0 3em 0;
	background: #FFFFFF; 
}
.highlightrow {
	float: left;
	width: 100%;
	/* Part of full height colour background hack below */
	overflow: hidden;
	margin-top: 1rem;
}
.homehighlightwrapper .highlightrow .intro,
.homehighlightwrapper .highlightrow .sky {
	float: left;
	width: 48%;
	margin: 0 2% 0 0;
	/* Full height colour background hack */
	padding-bottom: 2000px;
	margin-bottom: -2000px;
	position: relative;
	background: #f4f2f1;
}
.homehighlightwrapper .highlightrow .introwide {
	width: 100%;
	margin: 0;
	padding: 1rem 0;
}
.homehighlightwrapper .highlightrow .sky {
	background: #ADC8EA
}
.homehighlightwrapper .highlightrow .intro .title {
	float: left;
	width: 96%;
	margin: 0 2% 1em 2%;
	border-bottom: solid 1px #82674a;
}
.homehighlightwrapper .highlightrow .intro .content {
	float: left;
	width: 96%;
	margin: 0 2% 1em 2%;
}
.homehighlightwrapper .highlightrow .intro .content p {
	font-size: 1.25em;
	margin-bottom: 1em;
	line-height: 135%;
	color: #333333;
}
.homehighlightwrapper .highlightrow .intro .content p a:hover {
	text-decoration: underline;
}
.homehighlightwrapper .highlightrow .sky .content {
	float: left;
	width: 90%;
	margin: 0 5% 1em 5%;
}
.homehighlightwrapper .highlightrow .sky .content p {
	font-family: 'Lato', sans-serif;
	font-size: 1em;
	margin-bottom: .25em;
	line-height: 135%;
	color: #333333;
	font-weight: 400;
}
.homehighlightwrapper .highlightrow .sky .content p a {
	color: #333333;
}
.homehighlightwrapper .logowrap {
	float: left;
	width: 100%;
}
.homehighlightwrapper .logowrap img {
	width: 100%;
	height: auto;
}
.homehighlightwrapper .highlightrow .intro .title h1 {
	color: #82674a;
	font-size: 2em;
	margin: .25em 0;
}
.homehighlightwrapper .highlightrow .sky .title {
	float: left;
	width: 96%;
	background: #577782;
	padding: .25em 2%;
}
.homehighlightwrapper .highlightrow .sky img {
	float: left;
	width: 80%;
	height: auto;
	margin: .5em 10% 1em 10%;
}
.homehighlightwrapper .highlightrow .mediawrappertitle {
	background: #978D83;
	float: left;
	width: 47%;
	margin: 0 0 0 1%;
	padding: .25em 1%;
}
.homehighlightwrapper .highlightrow .mediawrappertitle h1,
.homehighlightwrapper .highlightrow .sky .title h1 {
	color: #FFFFFF;
	font-size: 1.75em;
}
.homehighlightwrapper .highlightrow .mediawrappertitle h1 a,
.homehighlightwrapper .highlightrow .sky .title h1  a {
	color: #FFFFFF;
}
/* Responsive Iframe Hack */ 
.homehighlightwrapper .highlightrow .mediawrapper {
	float: left;
	width: 49%;
	margin: 0 0 0 1%;
	/* Full height colour background hack */
	padding-bottom: 2000px;
	margin-bottom: -2000px;
	background: #000000;
}
.homehighlightwrapper .highlightrow .mediawrapper.wrapperleft {
	margin: 0 1% -2000px 0;
}
.homehighlightwrapper .highlightrow .mediawrapper .media {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.homehighlightwrapper .highlightrow .mediawrapper .media iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* End Of Responsive Iframe Hack */
.homehighlightwrapper .titlewrap {
	float: left;
	width: 98%;
	padding: .5rem 1%;
	margin-bottom: .25rem;
	background: #577782;
}
.homehighlightwrapper .titlewrap h2 {
	font-size: 1.75rem;
	color: #FFFFFF;
}
.promowrapper { float: left; width: 100%; background: #f4f2f1; margin: 1.5rem 0; padding: 1rem 0; }
.promowrapper h2 { font-size: 1.75rem; color: #82674a; margin: 0 0 1rem 0; }
.promowrapper .imagewrap { float: left; width: 50%; }
.promowrapper .imagewrap img { width: 100%; height: auto; }
.promowrapper .textwrap { float: left; width: 45%; margin-left: 5%;}
.promowrapper .textwrap p { font-size: 1.25rem; line-height: 145%; margin: 0 0 1rem 0; }
/*********************************************************************************/
/* Latest News                                                                   */
/*********************************************************************************/
.latestwrapper {
	float: left;
	width: 100%;
	background: #978d83;
	padding-bottom: 1em;
}
.latestwrapper h1 {
	color: #FFFFFF;
	font-size: 1.75em;
	margin: 1em 0 0 1%;
}
.latestwrapper h2 {
	color: #FFFFFF;
	font-size: 1.25em;
	margin: .25em 1%;
}
.latestwrapper h1 a,
.latestwrapper h2 a {
	color: #FFFFFF;
}
.latestwrapper h1 a:hover,
.latestwrapper h2 a:hover {
	text-decoration: underline;
}
.latestflexwrap {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: space-around;
}
.latestwrapper .latest {
	float: left;
	width: 23%;
	margin: 1rem auto;
	background: #e3e0dc;
}
.latestwrapper .latestflexwrap.thirdwidth .latest {
	width: 32%;
}
.latestflexwrap.centre {
	justify-content: center;
}
.latestwrapper .latest .title {
	float: left;
	width: 96%;
	padding: .25em 2%;
	background: #4f4a45;
}
.latestwrapper .latest .title h1 {
	font-size: 1.5em;
	margin: .25em 0;
}
.latestwrapper .latest .content {
	float: left;
	width: 100%;
	background: #e3e0dc;
	min-height: 400px;
}
.latestwrapper .latest .content img {
	float: left;
	width: 100%;
	height: auto;
	margin-bottom: .5em;
}
.latestwrapper .latest .content p {
	width: 96%;
	padding: .25em 2%;
	font-size: 1rem;
	font-weight: 400;
	font-family: 'Lato', sans-serif;
}
/*********************************************************************************/
/* Map and Times                                                                 */
/*********************************************************************************/
.mapwrapper,
.timeswrapper {
	float: left;
	width: 100%;
	height: auto;
	min-height: 500px;
	background: #FFFFFF;
	padding: 2em auto;
}
.mapwrapper h1,
.timeswrapper h1  {
	color: #82674a;
	font-size: 1.75em;
	margin: 1em 0 0 1%;
}
.mapwrapper p,
.timeswrapper p {
	color: #82674a;
	font-size: 1.25em;
	margin: .25em 0 0 1%;
}
.mapwrapper p a {
	color: #82674a;
}
.mapwrapper p a:hover,
.timeswrapper p a:hover {
	text-decoration: underline;
}
#googleMap {
	margin: 2em 2%;
	float: left;
	width: 96%;
	height: 50%;	
	min-height: 310px;
	border: solid .0625em #999;
}
#googleMap iframe {
	width: 100%;
	height: auto;
	min-height: 310px;
	display: block;
}
.timeswrapper {
	background: #4f4a45;
	min-height: auto;
}
.timeswrapper h1,
.timeswrapper p,
.timeswrapper p a,
.timeswrapper table td {
	color: #FFFFFF;
}
.timeswrapper table {
	margin: 1.5em 1%;
}
.timeswrapper table td {
	font-size: 1.125em;
	padding: .5em;
	background: #978D83;
}
.timeswrapper table .blank {
	background: #978d83;
}
/*********************************************************************************/
/* Content                                                                       */
/*********************************************************************************/
#content {
	float: left;
	width: 100%;	
	margin-top: 2em;
}
#centrewrapper {
	float: left;
	width: 64%;
	margin-left: 1%;
}
#centrewrapper h1 {
	color: #82674a;
	font-size: 2em;
	margin-bottom: .75em;
}
#centrewrapper h1 .verysmall {
	font-size: .5em;
}
#centrewrapper h2 {
	color: #82674a;
	font-size: 1.5em;
	margin-bottom: .5em;
}
#centrewrapper p {
	color: #000;
	margin-bottom: 1.25em;
	line-height: 150%;
	font-size: 1.125em;
}
#centrewrapper p a {
	color: #82674a;
}
#centrewrapper p a:hover,
#centrewrapper li a:hover {
	text-decoration: underline;
}
#centrewrapper ol,
#centrewrapper ul {
	float: left;
	width: 100%;
	margin-bottom: 1em;
}
#centrewrapper ul li:before {
    content: "\25A0  ";
	font-family:"Arial Black";
    color: #82674a;
	padding-right: .5em;
}
#centrewrapper li {
	margin: 0 3em 1em 2em;
	color: #000;
}
#centrewrapper li a {
	color: #82674a;
}
#centrewrapper ul li {
	list-style-type: none;
}
#centrewrapper .standfirst {
	font-weight: 400;
	font-size: 1.25em;
	color: #82674a;
}
#centrewrapper .google-maps {
	float: left;
	width: 95%;
	margin: 1.5em 0;
	border: solid 1px #333333;
	position: relative;
	padding-bottom: 75%; /* This is the aspect ratio*/
	height: 0;
	overflow: hidden;
}
#centrewrapper .google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
#centrewrapper .quotewrapper {
	float: left;
	background-image: url(_gfxlib/quote95.png);
	background-repeat: no-repeat;	
	width: 100%;
	margin-bottom: 1.5em;
}
#centrewrapper .quotewrapper p {
	margin: 0;
}
#centrewrapper .quotewrapper .quote {
	float: left;
	margin: 1em 1.25em 0 110px;
}
#centrewrapper .quotewrapper .quote .quotesource {
	font-size: 0.75em;
	font-weight: 400;
	margin: 0;
}
#centrewrapper .imageborder {
	border: solid 5px #B5AF9C;
	/*width: inherit;  /* This makes the next two lines work in IE8. */
    max-width: 100%;
    height: auto;
	margin-left: auto;
	margin-right: auto;	
	margin-bottom: 20px;	
}
#centrewrapper .right {
	float: right;
	margin: 0 0 1em 1em;
}
#centrewrapper .caption {
	font-size: .8em;
	margin-top: -20px;	
	text-align: center;
}
#centrewrapper .thumbwrapper,
#centrewrapper .alewrapper {
	float: left;
	margin: .5em 0 1.5em 0;
	width: 96%;
	padding: .5em 1%;
	background: #FFFFFF;
	border: #CCCCCC 1px solid;
}
#centrewrapper .thumbwrapper a {
	display: block;
}
#centrewrapper .thumbwrapper img {
	float: left;
	width: 20%;
	height: auto;
	border: #CCCCCC solid 1px;
	margin: 0 5% 0 0;
}
#centrewrapper .alewrapper ul {
	margin: 0;
}
#centrewrapper .alewrapper li {
	list-style-type: none;
	float: left;
	width: 100%;
	margin: 0 5% 1em 0;
}
#centrewrapper .alewrapper li:before {
    content: "";
}
#centrewrapper .alewrapper li img {
	float: left;
	width: 20%;
	height: auto;
	border: #CCCCCC solid 1px;
	margin: 0 5% 0 0;
}
#centrewrapper .logowrapper {
	width: 100%;
	margin: 1em 0;
	text-align: center;
}
#centrewrapper .logowrapper img {
	display: inline-block;
	vertical-align: top;
	margin-right: 1em;
}
#centrewrapper .guestmessage {
	float: left;
	width: 96%;
	padding: .5em 2%;
	background: #f4f2f1;
	margin-bottom: 1em;
}
#centrewrapper .guestmessage p {
	font-style: italic;
	font-size: 1.25em;
	margin-bottom: .5em;
}
#centrewrapper .guestmessage p .small {
	font-style: normal;
	font-size: .75em;
}
/*********************************************************************************/
/* News and Events                                                               */
/*********************************************************************************/
#centrewrapper .newswrapper {
	float: left;
	width: 98%;
	padding: 1%;
	margin: 0 0 1em 0;
}
#centrewrapper .newswrapper .newsthumb {
	float: left;
	width: 20%;
	margin-right: 2%;
	border: solid 1px #8C7B58;
}
#centrewrapper .newswrapper .newsthumb img {
	max-width: 100%;
	height: auto;
}
#centrewrapper .newswrapper .newsindextext {
	float: left;
	width: 75%;
}
#centrewrapper .newswrapper .content {
	float: left;
}
#centrewrapper .newswrapper h1 {
	color: #82674a;
	font-size: 1.5em;
	margin-bottom: .25em;
	font-weight: 400;
}
#centrewrapper .newswrapper h1 a {
	color: #82674a;
}
#centrewrapper .newswrapper p {
	font-size: 1.125em;
	margin-bottom: 1em;
}
#centrewrapper .newswrapper .football,
#centrewrapper .newswrapper .rugbyunion,
#centrewrapper .newswrapper .rugbyleague,
#centrewrapper .newswrapper .formula1,
#centrewrapper .newswrapper .boxing,
#centrewrapper .newswrapper .golf,
#centrewrapper .newswrapper .horseracing,
#centrewrapper .newswrapper .athletics,
#centrewrapper .newswrapper .cricket,
#centrewrapper .newswrapper .snooker,
#centrewrapper .newswrapper .swimming,
#centrewrapper .newswrapper .darts,
#centrewrapper .newswrapper .tennis,
#centrewrapper .newswrapper .olympics {
	width: 50px;
	height: 50px;
	float: left;
	margin-right: 2%;
}
#centrewrapper .newswrapper .football {
	background: url(_gfxlib/_icons/football.png) left no-repeat;
	background-size: contain;
}
#centrewrapper .newswrapper .rugbyunion {
	background: url(_gfxlib/_icons/rugby.png) left no-repeat;
	background-size: contain;
}
#centrewrapper .newswrapper .rugbyleague {
	background: url(_gfxlib/_icons/rugby.png) left no-repeat;
	background-size: contain;
}
#centrewrapper .newswrapper .formula1 {
	background: url(_gfxlib/_icons/formula1.png) left no-repeat;
	background-size: contain;
}
#centrewrapper .newswrapper .boxing {
	background: url(_gfxlib/_icons/boxing.png) left no-repeat;
	background-size: contain;
}
#centrewrapper .newswrapper .golf {
	background: url(_gfxlib/_icons/golf.png) left no-repeat;
	background-size: contain;
}
#centrewrapper .newswrapper .horseracing {
	background: url(_gfxlib/_icons/horseracing.png) left no-repeat;
	background-size: contain;
}
#centrewrapper .newswrapper .athletics {
	background: url(_gfxlib/_icons/athletics.png) left no-repeat;
	background-size: contain;
}
#centrewrapper .newswrapper .cricket {
	background: url(_gfxlib/_icons/cricket.png) left no-repeat;
	background-size: contain;
}
#centrewrapper .newswrapper .snooker {
	background: url(_gfxlib/_icons/snooker.png) left no-repeat;
	background-size: contain;
}
#centrewrapper .newswrapper .swimming {
	background: url(_gfxlib/_icons/swimming.png) left no-repeat;
	background-size: contain;
}
#centrewrapper .newswrapper .darts {
	background: url(_gfxlib/_icons/darts.png) left no-repeat;
	background-size: contain;
}
#centrewrapper .newswrapper .tennis {
	background: url(_gfxlib/_icons/tennis.png) left no-repeat;
	background-size: contain;
}
#centrewrapper .newswrapper .olympics {
	background: url(_gfxlib/_icons/olympics.png) left no-repeat;
	background-size: contain;
}
#mobilefind {
	display: none;
}
.topspace {
	margin-top: 1em;
}
#centrewrapper  #cmscontent {
	float: left;
	width: 100%;
}
#centrewrapper  #cmscontent ul {
	margin: 0 1.25em;
	margin-bottom: 2em;
	list-style-type: none;
}
#centrewrapper  #cmscontent ol {
	margin: 0 1.25em;
	margin-bottom: 2em;
}
#centrewrapper  #cmscontent ul li {
	color: #333;	
	font-size: 1.125em;
	margin-bottom: 1em;
	list-style-position: inside;
	text-indent: -1em;
    padding-left: 1em;
}
#centrewrapper  .contentsublist li {
	color: #333;	
	font-size: 1.125em;
	margin-bottom: 1em;
	list-style-position: inside;
	text-indent: -1em;
    padding-left: 1em;
}
#centrewrapper  #cmscontent ul li:before {
    content: "\25A0  ";
	font-family:"Arial Black";
    color: #8C7B58;
}
#centrewrapper  #cmscontent ul li {
	list-style-type: none;
}
#centrewrapper .recommend {
	max-width: 98%;
	height: auto;
	border: solid #CCC 1px;
	margin-bottom: 1em;
}
.leaderboard {
	float: left;
	width: 100%;
	background: url(_gfxlib/leaderboardmain.jpg) repeat-y;
	background-size: 100%;
	margin: .5em 0;
}
.leaderboardtop {
	float: left;
	height: 22px;
	width: 100%;
	background: url(_gfxlib/leaderboardtop.jpg) no-repeat;
	background-size: 100%;
}
.leaderboardbottom {
	float: left;
	width: 100%;
	background: url(_gfxlib/leaderboardbottom.jpg);
	background-size: 100%;
}
.leaderboardbottom img {
	max-width: 100%;
	height: auto;
}
.leaderboard .listings {
	float: left;
	width: 90%;
	margin: 1.5em 5%;
}
.leaderboard .listings h1 {
	text-align: center;
	font-size: 1em;
}
.leaderboard .listings table {
	width: 100%;
}
.leaderboard .listings table td {
	padding: .5em 3% .5em 0;
	font-size: 1.125em;
	color: #82674a;
}
/*********************************************************************************/
/* Gallery                                                                       */
/*********************************************************************************/
.gallerythumbholder {
	float: left;
	width: 100%;
	margin-top: 2em;
}
.gallerythumbholder h2 {
	font-family: 'Trocchi', serif;
	text-align: center;
	font-size: 1.8em;
	color: #96764C;
	font-weight: 400;
}
.gallerythumbwrapper {
	float: left;
	width: 90%;
	background: #f4f2f1;
	padding: 1em 5%;
	margin: 1.5em 0;
}
.gallerythumbwrapper #gallerythumbs {
	float: left;
	width: 100%;
	margin: 0;
}
.gallerythumbwrapper #gallerythumbs li:before {
    content: "";
}
.gallerythumbwrapper #gallerythumbs li {
	display: inline-block; /* ensure lines up in rows */
	vertical-align: top; /* ensure lines up in rows */
	width: 20%;
	margin: 0 3% 1em 0;
	list-style-type: none;
}
.gallerythumbwrapper #gallerythumbs li p {
	font-size: 1em;
	line-height: 125%;
	margin-bottom: .5em
}
.gallerythumbwrapper #gallerythumbs li img {
	width: 100%;
	height: auto;
	border: 1px #666 solid;
}
/*********************************************************************************/
/* Content Table                                                                 */
/*********************************************************************************/
.contenttable,
.qualtable {
	display: inline-block;
	width: 100%;
	margin: 1em 0;
}
.qualtable {
	font-family: 'PT Sans', sans-serif;
}
.contenttable th,
.contenttable td,
.qualtable th,
.qualtable td {
	font-size: 95%;
	padding: .5em;
}
.contenttable th {
	text-align: center;
	background: #ab9d87;
	color: #FFF;
}
.contenttable td {
	text-align: left;
	background: #eae6e1;
	color: #333;
}
.qualtable td,
.qualtable th {
	text-align: center;
	vertical-align: middle;
}
.qualtable th {
	font-size: 1.125em;
	background: #a09078;
	color: #FFF;
}
.qualtable td {
	background: #eae6e1;
	color: #333;
}
/*********************************************************************************/
/* Form                                                                          */
/*********************************************************************************/
#contentform {
	float: left;
	width: 100%;
	margin: 1em 0;
}
#contentform #ajaxform .formlayout {
	float: left;
	width: 100%;
}
#contentform h3 {
	font-size: 1.5em;
	color: #82674a;
	font-weight: 400;
}
#contentform #ajaxform .formlayout li:before {
	content: "";
	padding: 0;
	margin: 0;
}
#contentform #ajaxform .formlayout li {
	width: 98%;
	margin: .5em 1%;
	list-style-type: none;
}
#contentform #ajaxform label {
	font-size: 1.125em;
	font-weight: 400;
}
#contentform #ajaxform .formobject,
#contentform #ajaxform textarea {
	width: 98%;
	border: 1px solid #999999;
	font-size: 1em;
	padding: .25em;
	font-family: 'Lato', sans-serif;
}
#contentform #ajaxform textarea {
	resize: none; /* disables resizability */
}
#contentform #ajaxform .formbutton {
	display: inline-block;
	background: #82674a;
	text-decoration: none;
	color: #FFFFFF;	
	padding: .5em 2em;
	margin: 1em 0;
	border: 0;
	font-size: 1.125em;
}
#contentform #ajaxform .successmsg,
#contentform #ajaxform .errormsg {
	font-weight: 400;
	font-size: 1.125em;
}
/*********************************************************************************/
/* Right Wrapper                                                                 */
/*********************************************************************************/
#rightwrapper {
	float: left;
	width: 24%;
	margin-left: 10%;
}
#rightwrapper h1 {
	font-size: 1.5em;
	margin-bottom: .5em;
	color: #82674a;
}
#rightwrapper .contentblock {
	float: left;
	width: 90%;
	padding: .5em 5%;
	background: #f4f2f1;
	margin-bottom: 1em;
}
#rightwrapper .contentblock .title h1 {
	color: #82674a;
	font-size: 1.5em;
}
#rightwrapper .contentblock .text {
	float: left;
	width: 100%;
	margin: .5em 0
}
#rightwrapper .contentblock .text h2 {
	font-size: 1.125em;
	color: #002D50;
	font-weight: 400;
	line-height: 135%;
}
#rightwrapper .contentblock .text h2 a {
	color: #002D50;
}
#rightwrapper .contentblock .text h2 a:hover {
	text-decoration: underline;
}
#rightwrapper .contentblock .text p {
	font-size: 1em;
	margin-bottom: .5em;
	font-weight: 400;
	line-height: 135%;
}
#rightwrapper .contentblock p .more {
	float: left;
	width: 100%;
	margin: .5em 0;
	font-size: 1em;
	color: #82674a;
}
#rightwrapper .contentblock .text p .more a {
	color: #8C7B58;
}
#rightwrapper .contentblock .text p .more a:hover {
	text-decoration: underline;
}
#rightwrapper .adblock {
	float: left;
	width: 100%;
	margin-bottom: 1em;
}
#rightwrapper .adblock img {
	max-width: 100%;
	height: auto;
}
/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/
#footer {
	float: left;
    width: 100%;
	padding-top: 1em;
	background: #4f4a45;
	font-family: 'Lato', sans-serif;
}
#footermenu {
	float: left;
	margin: 0 0 2em 0;
	width: 100%;
}
#footermenu ul {
	text-align: center;
	padding:0;
	z-index: 999;
}
#footermenu ul li {
	display: inline-block;
	list-style:none;
	font-size: .75em;
}
#footermenu ul li a {
	text-decoration: none;
	color: #FFFFFF;
	display: block;
	padding: .5em 1.5em;
	font-weight: 400;
}
#footermenu ul li a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#footer #address,
#footer #social {
	float: left;
	width: 50%;
	font-size: .75em;
	color: #FFFFFF;
}
#footer #social img {
	margin: .5em;
	float: right;
}
#footer #logos,
#footer #clients {
	float: left;
	text-align: center;
	width: 100%;
	margin: .5em 0 0 0;
}
#footer #logowrapper #logos img,
#footer #logowrapper #clients img {
	margin: 0 .25em;
	display: inline-block;
	width: auto;
	height: 100%;
	max-height: 50px;
}
#footer #creditswrapper #copyright,
#footer #creditswrapper a {
	color: #FFF;
}
#footer #creditswrapper {
	float: left;
	width: 100%;
	margin: .75em 0;
}
#footer #creditswrapper #copyright,
#footer #creditswrapper #webcredit {
	font-size: .6em;
	float: left;	
}
#footer #creditswrapper #copyright {
	width: 65%;	
}
#footer #creditswrapper #webcredit {
	width: 35%;	
	text-align: right;
}
#footer #creditswrapper #copyright a:hover {
	text-decoration: underline;
}
#footer #creditswrapper #webcredit #beachshore:hover {
	color: #56D5FB;
}
#footer #creditswrapper #webcredit #beachshore #beachshorebold {
	font-weight: 700;
}
/*********************************************************************************/
/* Footer Newsletter                                                             */
/*********************************************************************************/
#footer #newsletter {
	float: left;
	width: 50%;
}
#newsletterwrapper {
	float: right;
	width: 60%;
	margin: 1em 2% 0 0;
}
#newsletterwrapper p {
	color: #FFFFFF;
	font-size: 1em;
	margin-bottom: .8em;
}
#mc_embed_signup {
	border: 0;
	float: left;
	width: 100%;
}
#newsletterwrapper #mc-embedded-subscribe-form {
	float: left;
	padding: .3em;	
	width: 100%;
	margin-bottom: 1em;
	background: #F0EEEB;
}
#mc_embed_signup input.email {
	float: left;
	background-color: #F0EEEB;
	font-size: .75em;
	color: #333333;
	padding: .3em;
	border: 0;
}
#mc_embed_signup input.button {
	margin: 0;
	float: right;
	font-size: .8em;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #2E76B0;
	padding: .3em;
	border: .06em solid #1D4B70;
}
/*********************************************************************************/
/* Colour                                                                        */
/*********************************************************************************/
.lightbluebg,
.sblightblue {
	background: rgba(111,208,246,1.00);
	color: rgba(255,255,255,1.00);
}
.sblightblue h1,
.sblightblue h2,
.sblightblue .standfirst,
.sblightblue .highlight .text h1,
.sblightblue .highlight .text p,
.sbgold h1,
.sbgold h2,
.sbgold .standfirst,
.sbgold .highlight .text h1,
.sbgold .highlight .text p {
	color: rgba(255,255,255,1.00);
}
.sbgold  {
	background: rgba(173, 155, 103,1.00);
	color: rgba(255,255,255,1.00);
}
.sbgrey  {
	background: rgba(236,236,236,1.00);
	color: rgba(0,0,0,1.00);
}

.homehighlightwrapper .wrapper .beerimages { display: flex; justify-content: center; flex-wrap: wrap; }
.homehighlightwrapper .wrapper .beerimages img { height: 300px; width: auto; }

.homehighlightwrapper .highlightrow .promo { float: left; background: #F2E8D4; width: 96%; margin: 1rem 0; padding: 1rem 2%; }
.homehighlightwrapper .highlightrow .promo h2 { font-size: 1.75rem; color: #6A5836; margin-bottom: 1rem; }
.homehighlightwrapper .highlightrow .promo .content,
.homehighlightwrapper .highlightrow .promo .content .contentimage,
.homehighlightwrapper .highlightrow .promo .content .contenttext { float: left; }
.homehighlightwrapper .highlightrow .promo .content .contentimage { width: 30%; margin-right: 2%; }
.homehighlightwrapper .highlightrow .promo .content .contentimage img { width: 100%; height: auto; }
.homehighlightwrapper .highlightrow .promo .content .contenttext { width: 68%; }
.homehighlightwrapper .highlightrow .promo .content .contenttext p { font-family: 'Open Sans', sans-serif; font-weight: 600; margin-bottom: 1rem; }
/*********************************************************************************/