/*
Theme Name: Wychwood
Author: Think Incorporated
Author URI: http://www.thinkincorporated.com
Text Domain: wychwood
Version: 1.0
*/

/* =Reset
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
    font-family: "proxima-nova",sans-serif;
	vertical-align: baseline;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
html {overflow-x:hidden;}
body {
    line-height:1.25em;
}
ol,
ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
}
a {text-decoration:none;}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p, li {margin-bottom:1em;}

html {
	overflow-y: scroll;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
a:focus {
	outline: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
audio,
canvas,
video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
}
del {
	color: #333;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 24px;
	margin-bottom: 1.714285714rem;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
small {
	font-size: smaller;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}

.table {display:table;width:100%;table-layout:fixed;}
.col {display:table-cell;vertical-align:top;}
.inner {margin:0 auto;max-width:1200px;width:95%;}
.lhs {float:left;}
.rhs {float:right;}

.alignleft {text-align: left;}
.alignright {text-align:right;}
.aligncenter {text-align:center;}

img.alignright {float:right;margin:0 0 10px 10px;}
img.alignleft {float:left;margin:0 10px 10px 0;}

.fa.divider {border-right:1px solid #808080;margin-right:10px;}
.greyBackground {background:#f2f2f2;padding:70px 0;margin-top:40px;}

h1 {
    color:#000000;
    font-size:40px;
    font-weight:normal;
    font-family:'Open Sans','Arial','sans-serif';
    line-height:1.25em;
}

h2 {
    color:#000000;
    font-size:30px;
    font-weight:normal;
    font-family:"proxima-nova",'Arial','sans-serif';
    line-height:1.25em;
}
h4 {
    color:#3c3c3b;
    font-size:15px;
    font-weight:bold;
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom:1px solid #f29100;
    line-height:1.25em;
}

ul, ol {padding-left:20px;}
ul li {list-style:disc;}
ol li {list-style:decimal;}

.displaynone {display:none;}

/*-- Float Clearing --*/
#hobologistForm .row:after,
#shopOverlayMiddle:after,
#reviewsOuterHolder:after,
#sizeGuideHolder:after,
.clear:after {content:'.';display:block;clear:both;height:0;visibility:hidden;}

/*-- Custom Styles --*/

body {background:#000;}

#outerPage {
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-color:#000;
    background-position:top center;
    -ms-transform-origin: 51.5% 19px; /* IE 9 */
    -webkit-transform-origin: 51.5% 19px; /* Chrome, Safari, Opera */
    transform-origin: 51.5% 19px;
    -webkit-transition: margin 1000ms ease;
    -moz-transition: margin 1000ms ease;
    -ms-transition: margin 1000ms ease;
    -o-transition: margin 1000ms ease;
    transition: margin 1000ms ease;
}
.mobileMenuActive {margin-left:200px;}
#page {width:1200px;margin:0 auto;position:relative;min-height:1099px;}

@media screen and (max-width:1200px) {
    #page {overflow-x:hidden;}
}

/*-- Header Styles --*/

#menu {
    position:fixed;
    top:-270px;
    left:3%;
    width:244px;
    height:460px;
    background:url('images/menubackground.png');
    
    -webkit-transition: top 500ms cubic-bezier(.87,-.41,.19,1.15);
    -moz-transition: top 500ms cubic-bezier(.87,-.41,.19,1.15);
    -ms-transition: top 500ms cubic-bezier(.87,-.41,.19,1.15);
    -o-transition: top 500ms cubic-bezier(.87,-.41,.19,1.15);
    transition: top 500ms cubic-bezier(.87,-.41,.19,1.15);
    z-index:99999;
}
#menu.open,
#menu:hover {
    top:0;
}
#mobileMenuToggle {
    display:none;
    position:fixed;
    top:0;
    left:3%;
    width:50px;
    height:43px;
    background:url('images/mobilemenu.png') no-repeat;
    z-index:999;
    cursor:pointer;
}

#site-navigation {margin-top:5px;margin-left:15px;width:59%;}
#site-navigation ul {padding-left:0;}
#site-navigation li {
    text-align:center;
    color:#fff;
    list-style:none;
    margin-bottom:0;
}
#site-navigation li a {display:block;color:#ffffdd;font-family: 'IM Fell English', Arial, serif !important;font-size:18px;font-weight:bold;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;padding:2px 0;}
#site-navigation li a:hover {-moz-transform: scale(1.2);-webkit-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);text-shadow: 0 0 10px #000;}
#site-navigation .current_page_item {animation-name:pulse;animation-duration: 1.25s;animation-iteration-count: infinite;animation-timing-function: linear;}

@media screen and (max-width:1220px) {
    #menu {left:1%;}
}
@media screen and (max-width:1220px) {
    #menu {
        -ms-transform-origin: 0 451px; /* IE 9 */
        -webkit-transform-origin: 0 451px; /* Chrome, Safari, Opera */
        transform-origin: 0 451px;
        -moz-transform: scale(0.8);
        -webkit-transform: scale(0.8);
        -o-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
        top:-340px;
    }
    #menu.open,
    #menu:hover {
        top:-90px;
    }
}
@media screen and (max-width:980px) {
    #mobileMenuToggle {display:block;}
    #socialBat,
    #menu {display:none !important;}
}

#mobileMenu {
    position:fixed;
    top:0;
    left:0;
    padding-top:50px;
    width:200px;
    height:calc(100% - 50px);
    margin-left:-200px;
    -webkit-transition: margin 1000ms ease;
    -moz-transition: margin 1000ms ease;
    -ms-transition: margin 1000ms ease;
    -o-transition: margin 1000ms ease;
    transition: margin 1000ms ease;
    background:url('images/background-mobilemenu.jpg') no-repeat top center;
}
#mobileMenu.mobileMenuActive {
    margin-left:0;
}
#mobileMenu li {
    list-style:none;
}
#mobileMenu li a {display:block;color:#ffffdd;font-family: 'IM Fell English', Arial, serif !important;font-size:22px;font-weight:bold;}
#mobileMenu li a:hover,
#mobileMenu li.current-menu-item a {animation-name:flashing;animation-duration: 1s;animation-iteration-count: infinite;animation-timing-function: linear;}

#socialBat {
    position:fixed;
    display:block;
    right:115px;
    top:-57px;
    width:88px;
    height:142px;
    background-repeat:no-repeat;
    background-position:top center;
    -webkit-transition: top 250ms ease;
    -moz-transition: top 250ms ease;
    -ms-transition: top 250ms ease;
    -o-transition: top 250ms ease;
    transition: top 250ms ease;
    opacity:0.8;
    animation-name:flashing;animation-duration: 5s;animation-iteration-count: infinite;animation-timing-function: linear;
    z-index:9999;
}

@keyframes flashing {
    00% {
        opacity:0.8;
    }
    50% {
        opacity:0.6;
    }
    100% {
        opacity:0.8;
    }
}
#socialBat.open,
.desktop #socialBat:hover {
    top:-14px;
    width:317px;
    right:0;
    opacity:1 !important;
    -webkit-transition: top 500ms cubic-bezier(.87,-.41,.19,2);
    -moz-transition: top 500ms cubic-bezier(.87,-.41,.19,2);
    -ms-transition: top 500ms cubic-bezier(.87,-.41,.19,2);
    -o-transition: top 500ms cubic-bezier(.87,-.41,.19,2);
    transition: top 500ms cubic-bezier(.87,-.41,.19,2);
}
#socialBat.open,
#socialBat.active {
    background-position:bottom center;
}

.socialBatIcon {
  position:absolute;
  width:37px;
  height:37px;
  background-image:url('images/bat-icons.png');
  background-repeat:no-repeat;
  opacity:0;
  -webkit-transition: opacity 1ms ease;
  -moz-transition: opacity 1ms ease;
  -ms-transition: opacity 1ms ease;
  -o-transition: opacity 1ms ease;
  transition: opacity 1ms ease;
  pointer-events:none;
}
.open .socialBatIcon,
.active .socialBatIcon {
    display:block;
    opacity:1;
    pointer-events:auto;
    -webkit-transition: opacity 500ms ease;
    -moz-transition: opacity 500ms ease;
    -ms-transition: opacity 500ms ease;
    -o-transition: opacity 500ms ease;
    transition: opacity 500ms ease;
}
.socialBatIcon:hover {
    animation-name:pulse;animation-duration: 1.25s;animation-iteration-count: infinite;animation-timing-function: linear;
}

@keyframes pulse {
    0% {
        -moz-transform: scale(0.8);
        -webkit-transform: scale(0.8);
        -o-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
    }
    50% {
        
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -moz-transform: scale(0.8);
        -webkit-transform: scale(0.8);
        -o-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
    }
}

@keyframes pulsesmall {
    0% {
        -moz-transform: scale(0.9);
        -webkit-transform: scale(0.9);
        -o-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }
    50% {
        
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -moz-transform: scale(0.9);
        -webkit-transform: scale(0.9);
        -o-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }
}

#batFacebook {
    top:60px;
    left:45px;
    background-position:0 -6px;
}
#batTwitter {
    top:50px;
    left:90px;
    background-position:-44px 1px;
}
#batGoogle {
    top:48px;
    left:180px;
    background-position:-137px 2px;
}
#batPintrest {
    top:60px;
    left:230px;
    background-position:-182px -10px;
}


/*-- Homepage Styles --*/

#bottles {display:inline-block;position:absolute;top:315px;right:220px;z-index:1;}
#bottles:hover .hover {width:203px;height:107px;position:absolute;top:4px;left:-7px;background:url('images/bottles-hover2.png') no-repeat top left;animation-name:flashingLarge;animation-duration: 1.5s;animation-iteration-count: infinite;animation-timing-function: linear;}

#sign1 {display:inline-block;position:absolute;top:300px;left:40px;z-index:1;}/*top:220px;*/
#sign1.hoverToggle.tip,
#sign1:hover {-webkit-transform-origin: 141px 0;  transform-origin: 141px 0;  -webkit-animation-name: swing;  animation-name: swing;animation-duration: 1s;animation-iteration-count: 1;animation-timing-function: linear;}
#sign1:hover .hover {width:265px;height:71px;position:absolute;top:-7px;left:-6px;background:url('images/sign1-hover.png') no-repeat top left;animation-name:flashingLarge;animation-duration: 1.5s;animation-iteration-count: infinite;animation-timing-function: linear;}

#sign2 {display:inline-block;position:absolute;top:263px;right:123px;z-index:1;}
#sign2.hoverToggle.tip,
#sign2:hover {-webkit-transform-origin: top center;  transform-origin: top center;  -webkit-animation-name: swing;  animation-name: swing;animation-duration: 1s;animation-iteration-count: 1;animation-timing-function: linear;}
#sign2:hover .hover {width:266px;height:64px;position:absolute;top:0;left:0;background:url('images/sign2-hover.png') no-repeat top left;animation-name:flashingLarge;animation-duration: 1.5s;animation-iteration-count: infinite;animation-timing-function: linear;}

#musicroomposter {position: absolute;top:280px;left:70px;-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;}
#musicroomposter:hover {
    -moz-transform: scale(1.1) rotate(3deg);
    -webkit-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
    z-index:9;
}
#musicroomposter:hover .hover {width:269px;height:199px;position:absolute;top:-16px;left:-8px;background:url('images/musicroomposter-hover.png') no-repeat top left;animation-name:flashingLarge;animation-duration: 1.5s;animation-iteration-count: infinite;animation-timing-function: linear;}

#news {display:inline-block;position:absolute;top:245px;left:625px;z-index:1;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
#news:hover {
    -moz-transform: scale(1.1) rotate(1deg);
    -webkit-transform: scale(1.1) rotate(1deg);
    -o-transform: scale(1.1) rotate(1deg);
    -ms-transform: scale(1.1) rotate(1deg);
    transform: scale(1.1) rotate(1deg);
    z-index:9;
}
#news:hover .hover {width:138px;height:166px;position:absolute;top:-5px;left:-3px;background:url('images/news-hover.png') no-repeat top left;animation-name:flashingLarge;animation-duration: 1.5s;animation-iteration-count: infinite;animation-timing-function: linear;}

#screensaver {position:absolute;top:600px;left:390px;-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    animation-name:pulsesmall;animation-duration: 3s;animation-iteration-count: infinite;animation-timing-function: linear;cursor:pointer;
    /*display:none;*/
    }
#screensaver:hover {
    -moz-transform: scale(1.1) rotate(3deg);
    -webkit-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
    z-index:9;
}
#screensaver:hover .hover {width:159px;height:97px;position:absolute;top:0;left:0;background:url('images/screensaveroverlay.png') no-repeat top left;animation-name:flashingLarge;animation-duration: 1.5s;animation-iteration-count: infinite;animation-timing-function: linear;}

#promo1 {display:inline-block;position:absolute;top:255px;left:365px;z-index:1;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    /*animation-name:pulsesmall;animation-duration: 3s;animation-iteration-count: infinite;animation-timing-function: linear;*/    
}
#promo1:hover {
    -moz-transform: scale(1.1) rotate(-3deg);
    -webkit-transform: scale(1.1) rotate(-3deg);
    -o-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
    z-index:9;
}
#promo1:hover .hover {width:259px;height:185px;position:absolute;top:-8px;left:-7px;background:url('images/promo1-hover.png') no-repeat top left;animation-name:flashingLarge;animation-duration: 1.5s;animation-iteration-count: infinite;animation-timing-function: linear;}

#promo2 {display:inline-block;position:absolute;top:430px;left:455px;z-index:1;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
#promo2:hover {
    -moz-transform: scale(1.1) rotate(5deg);
    -webkit-transform: scale(1.1) rotate(5deg);
    -o-transform: scale(1.1) rotate(5deg);
    -ms-transform: scale(1.1) rotate(5deg);
    transform: scale(1.1) rotate(5deg);
    z-index:9;
}
#promo2:hover .hover {width:240px;height:170px;position:absolute;top:0;left:0;background:url('images/poster2-hover.png') no-repeat top left;animation-name:flashingLarge;animation-duration: 1.5s;animation-iteration-count: infinite;animation-timing-function: linear;}

#music {display:inline-block;position:relative;top:440px;left:10px;z-index:1;}
#music:hover .hover {width:361px;height:593px;position:absolute;top:0;left:0;background:url('images/jukebox-hover.png') no-repeat top left;animation-name:flashingLarge;animation-duration: 1.5s;animation-iteration-count: infinite;animation-timing-function: linear;}

#crisps {display:inline-block;position:absolute;top:400px;left:675px;z-index:1;}
#crisps:hover .hover {width:89px;height:254px;position:absolute;top:19px;left:-3px;background:url('images/crisps-hover.png') no-repeat top left;animation-name:flashingLarge;animation-duration: 1.5s;animation-iteration-count: infinite;animation-timing-function: linear;}

.home #hobologists {position:absolute;top:840px;left:587px;z-index:99;}
.home #hobologists:hover .hover {width:456px;height:283px;position:absolute;top:0;left:0;background:url('images/vote-hover.png') no-repeat left top;animation-name:flashingLarge;animation-duration: 1.5s;animation-iteration-count: infinite;animation-timing-function: linear;}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}


@keyframes flashingLarge {
    0% {
        opacity:1;
    }
    30% {
        opacity:0.25;
    }
    60% {
        opacity:1;
    }
}
@keyframes flashingMedium {
    0% {
        opacity:0.8;
    }
    50% {
        opacity:0.3;
    }
    100% {
        opacity:0.9;
    }
}


@keyframes breathing {
    10% {
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    20% {
        -moz-transform: translateY(-3px);
        -webkit-transform: translateY(-3px);
        -o-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
        transform: translateY(-3px);
    }
    70% {
        -moz-transform: translateY(-3px);
        -webkit-transform: translateY(-3px);
        -o-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
        transform: translateY(-3px);
    }
    80% {
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
#guy {width:433px;height:582px;position:absolute;top:320px;left:881px;z-index:1;pointer-events:none;}
#guy div#guyAnim {position:relative;animation-name:breathing;animation-duration: 15s;animation-iteration-count: infinite;animation-timing-function: linear;}
#guy div#imageHolder {width:433px;height:582px;position:relative;}
#guy div#imageHolder .blink {position:relative;width:100%;height:100%;background-position:-433px;animation-duration: 11s;animation-iteration-count: infinite;animation-timing-function: linear;}
.ie9 #guy div#imageHolder .blink {display:none;}

@keyframes blinking {
    0% {opacity: 0;}    
    19.99% {
        opacity: 0;
    }
    20% {
        opacity:1;
    }
    21% {
        opacity:1;
    }
    21.01% {
        opacity: 0;
    }
    39.99% {
        opacity: 0;
    }
    40% {
        opacity:1;
    }
    40.99% {
        opacity:1;
    }
    41% {
        opacity: 0;
    }
    41.99% {
        opacity: 0;
    }
    42% {
        opacity:1;
    }
    42.99% {
        opacity:1;
    }
    43% {
        opacity: 0;
    }
    100% {opacity: 0;}
}
#guy div#imageHolder .blink {animation-name:blinking;}


#pumps {display:inline-block;position:absolute;top:470px;left:812px;z-index:4;}
#pumps .hover {width:316px;height:302px;position:absolute;top:-1px;left:0px;}
#pumps .hover:hover {background:url('images/permhover.png') no-repeat top left;animation-name:flashingLarge;animation-duration: 1.5s;animation-iteration-count: infinite;animation-timing-function: linear;}

#pumps .seasonalsHover {width:123px;height:302px;position:absolute;top:-1px;left:301px;}
#pumps .seasonalsHover:hover {background:url('images/seasonals-hover.png') no-repeat top left;animation-name:flashingLarge;animation-duration: 1.5s;animation-iteration-count: infinite;animation-timing-function: linear;}

#bar {width:1167px;height:515px;position:absolute;top:585px;left:395px;z-index:3;pointer-events:none;}
#shadow {width:540px;height:733px;position:absolute;top:280px;left:-450px;z-index:1;pointer-events:none;}
#seasonal {position:absolute;z-index:1;}

#b {position:absolute;top:80px;left:471px;background:url('/wp-content/uploads/2015/10/b.gif') no-repeat left top;width:94px;height:108px;}
#b.displaynone {display:none;}

#ti {position:absolute;width:4px;height:4px;left:1165px;top:126px;}


/*-- Home Subpage Styles --*/
#outerOverlay {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.5);
    z-index:9999;
}
#overlayHolder {position:absolute;top:0;left:0;width:100%;z-index:9999;}
#overlay {
    position:relative;
    margin-top:150px;
    width:100%;
    z-index:10;
    background-repeat:no-repeat;
}
#overClose {
    position:absolute;
    top:-90px;
    right:0;
    cursor:pointer;
    z-index:999;
}
#overClose:hover {
    animation-name:pulse;animation-duration: 1.25s;animation-iteration-count: infinite;animation-timing-function: linear;
}
#overlayTitle {
    position:absolute;
    top:-80px;
    left:0;
    width:100%;
    height:180px;
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center top;
}
#overlayTitle h1 {text-align:center;margin-top:40px;color:#fff;font-family: 'Trade Winds', cursive;font-size:75px;}

#overlay #content {padding:100px 80px 0;}

#beerScrollerHolder li,
#overlay #content h1,
#overlay #content h2,
#overlay #content h3,
#overlay #content h4,
#overlay #content p,
#overlay #content li,
#overlay #content a,
#overlay #content strong {
    color:#fff;
    font-family: 'IM Fell English', Arial, serif;
    font-size:16px;
}
#overlay #content h1 {font-size:40px;margin-bottom:0.25em;}
#overlay #content h2 {font-size:28px;margin-bottom:0.5em;}
#overlay #content h3 {font-size:22px;margin-bottom:0.5em;font-weight:normal;}

#orderText {font-size:20px !important;text-align:center;margin:-20px 0 0 0;}

#permanentsHolder > .table {display:none;}
#permanentsHolder > .table.active {display:block;}

#permanentsHolder > .table > .col:first-child {
    width: 530px;
}
#permanentsHolder > .table > .col {
    padding-bottom:20px;
}

#beerScrollerOuter {padding:0 70px; position: relative;}
#beerScroller {position:relative;width:100%;overflow:hidden;padding-bottom:10px;}
#beerScroller ul {padding:0;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}
#beerScroller li {float:left;list-style:none;cursor:pointer;-moz-transform: scale(0.8);-webkit-transform: scale(0.8);-o-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;text-align:center;margin:0;font-size: 20px !important;}
#beerScroller li.active,
#beerScroller li:hover {-moz-transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1); background:url('images/splat.png') no-repeat center bottom;}
#beerScrollerOuter #previous {
    position:absolute;
    left:-20px;
    top:70px;
    width:110px;
    height:71px;
    background:url('images/scrollerarrows.png') no-repeat left center;
    cursor:pointer;
}
#beerScrollerOuter #next {
    position:absolute;
    right:-20px;
    top:70px;
    width:110px;
    height:71px;
    background:url('images/scrollerarrows.png') no-repeat right center;
    cursor:pointer;
}

#beerScrollerOuter #previous:hover,
#beerScrollerOuter #next:hover {
    -moz-transform: scale(1.2);-webkit-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);
}

/*-- Seasonals Gallery --*/

.month {display:block;position:absolute;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}
.month img {display:block;}
.month:hover {-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
#jan {top:140px;left:0;}
#feb {top:170px;left:200px;}
#mar {top:200px;left:385px;}
#apr {top:185px;left:620px;}
#may {top:180px;left:820px;}
#jun {top:165px;left:1000px;}
#jul {top:460px;left:20px;}
#aug {top:480px;left:235px;}
#sep {top:560px;left:460px;}
#oct {top:510px;left:645px;}
#nov {top:490px;left:840px;}
#dec {top:510px;left:1025px;}

.page-template-seasonal-gallery #sign1 {position:absolute;top:805px;left:110px;}
.page-template-seasonal-gallery #sign2 {position:absolute;top:830px;left:860px;}

.seasonalsOverlay #overlay {padding-top:230px;}
.seasonalsOverlay #overlayBottom {background-position:left bottom;background-repeat:no-repeat;padding-bottom:230px;}
.seasonalsOverlay #overlayBottom .contentCol {padding-left:160px;}
.seasonalsOverlay #seasonalsHolder {margin:-200px 0 -125px;}

#seasonalsHolder > .table {display:none;}
#seasonalsHolder > .table.active {display:block;}

.seasonalsOverlay #beerScrollerHolder {position:relative;height:250px;margin-top:-35px;padding:0 50px;z-index:999;}

/*-- News Styles --*/

.newsOverlay #overlay {padding-top:226px;}
.newsOverlay #overlayBottom {background-position:left bottom;background-repeat:no-repeat;padding-bottom:80px;}
.newsOverlay #overlayBottom .contentCol {padding-left:160px;}

.newsOverlay #overClose {top:0;right:20px;}

.newsOverlay #overlay #content {padding:0 0 0 30px; width:1085px;}
.newsOverlay #socialHolder {margin-top:-180px;}

.newsOverlay #overlay #content > .table > .col:first-child {padding-right:30px;}
.newsOverlay #overlay #content > .table > .col:last-child {padding-left:50px;}

.newsOverlay #overlay #content > .table > .col h1 {text-transform:uppercase;font-size:29px;margin:0.5em 0 1em 0;}

.newsOverlay #beerScrollerHolder {margin-bottom:40px;margin-top:-50px;z-index:99;position:relative;padding:0 60px 0 30px;}
.newsOverlay #beerScroller li {color:#fff;font-size:18px;font-style:italic;padding-top:50px;}
.newsOverlay #beerScroller li img {display:none;}
.newsOverlay #beerScroller li.active {color:#a67c44;padding-top:0;}
.newsOverlay #beerScroller li.active img {display:block;}

#newsHolder > div {display:none;}
#newsHolder > div.active {display:block;}

#newsHolder p {font-size:18px !important;}

/*-- Twitter Feed Styles --*/

.twHolder .actions {
    display:block;
    margin-top:5px;
}
.twHolder .actions .timesince {display:block;margin-bottom:5px;}
.twHolder .actions .fa {margin-right:10px;}


.facebookImage {max-width:100%;margin:0 auto 10px;display:block;}

/*-- Library Styles --*/

.library #bookcase {position:absolute;top:195px;left:110px;}
.library #bookcase img {opacity:0;}
.library #lecturn {position:absolute;top:400px;left:540px;}
.library #lecturn:hover .hover {
    position:absolute;
    top:0;
    left:0;
    width:443px;
    height:221px;
    margin:-5px 0 0 -5px;
    background:url('images/lecturn-hover.png') no-repeat left top;
    animation-name:flashingLarge;animation-duration: 1.5s;animation-iteration-count: infinite;animation-timing-function: linear;
}
.library #door {position:absolute;top:300px;left:988px;}
.library #door img {opacity:0;}
.library #eyes {position:absolute;top:642px;left:167px;background:url('images/eyes.gif') no-repeat left top;width:58px;height:52px;pointer-events:none;}

.library #bookcase:hover img,
.library #door:hover img {opacity:1;animation-name:flashingLarge;animation-duration: 3s;animation-iteration-count: infinite;animation-timing-function: linear;}

#overlayBackground,
#pageFill {pointer-events: none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0;-webkit-transition: all 2000ms ease;-moz-transition: all 2000ms ease;-ms-transition: all 2000ms ease;-o-transition: all 2000ms ease;transition: all 2000ms ease;z-index:9;}

#overlayBackground.active,
#pageFill.active {opacity:1;pointer-events: auto;}
#pageFill.active9 {opacity:0.9;}
#pageFill.active5 {opacity:0.5;}

#book.small {
    -moz-transform: scaleX(0.345) scaleY(0.275) translateX(471px) translateY(24px) skewX(-5deg) skewY(0deg) perspective(153px) rotateX(1deg) rotateZ(0deg) rotateY(-0.6deg);
    -webkit-transform: scaleX(0.345) scaleY(0.275) translateX(471px) translateY(24px) skewX(-5deg) skewY(0deg) perspective(153px) rotateX(1deg) rotateZ(0deg) rotateY(-0.6deg);
    -o-transform: scaleX(0.345) scaleY(0.275) translateX(471px) translateY(24px) skewX(-5deg) skewY(0deg) perspective(153px) rotateX(1deg) rotateZ(0deg) rotateY(-0.6deg);
    -ms-transform: scaleX(0.345) scaleY(0.275) translateX(471px) translateY(24px) skewX(-5deg) skewY(0deg) perspective(153px) rotateX(1deg) rotateZ(0deg) rotateY(-0.6deg);
    transform: scaleX(0.345) scaleY(0.275) translateX(471px) translateY(24px) skewX(-5deg) skewY(0deg) perspective(153px) rotateX(1deg) rotateZ(0deg) rotateY(-0.6deg);
}
.desktop #book.small {
    -webkit-transform: scaleX(0.345) scaleY(0.275) translateX(471px) translateY(24px) skewX(-5deg) skewY(0deg) perspective(153px) !important;
}
#book {
    position:absolute;top:100px;left:0;width:1200px;height:809px;
    -webkit-transition: transform 1000ms ease-out;
    -moz-transition: transform 1000ms ease-out;
    -ms-transition: transform 1000ms ease-out;
    -o-transition: transform 1000ms ease-out;
    transition: transform 1000ms ease-out;
    -moz-transform: scaleX(1) scaleY(1) translateX(0) translateY(0) skewX(0) skewY() perspective(0) rotateX(0) rotateZ(0) rotateY(0);
    -webkit-transform: scaleX(1) scaleY(1) translateX(0) translateY(0) skewX(0) skewY() perspective(0) rotateX(0) rotateZ(0) rotateY(0);
    -o-transform: scaleX(1) scaleY(1) translateX(0) translateY(0) skewX(0) skewY() perspective(0) rotateX(0) rotateZ(0) rotateY(0);
    -ms-transform: scaleX(1) scaleY(1) translateX(0) translateY(0) skewX(0) skewY() perspective(0) rotateX(0) rotateZ(0) rotateY(0);
    transform: scaleX(1) scaleY(1) translateX(0) translateY(0) skewX(0) skewY() perspective(0) rotateX(0) rotateZ(0) rotateY(0);
}
#bookClose {
    position:absolute;
    top:15px;
    right:80px;
    cursor:pointer;
    width:60px;
    z-index:99;
}
#bookClose:hover {animation-name:pulse;animation-duration: 1.25s;animation-iteration-count: infinite;animation-timing-function: linear;}

#book #pagesHolder {
    position:absolute;
    top:25px;
    right:84px;
    width:454px;
    padding:10px 30px;
}
#pagesHolder .page {position:absolute;top:0;right:0;width:454px;padding: 10px 30px;}
#pagesHolder .page img {height:auto !important;}
/*#pagesHolder .page {display:none;opacity:0;
-webkit-transition: opacity 500ms ease-out;
    -moz-transition: opacity 500ms ease-out;
    -ms-transition: opacity 500ms ease-out;
    -o-transition: opacity 500ms ease-out;
    transition: opacity 500ms ease-out;
}*/
/*#pagesHolder .page.active {display:block;opacity:1;}*/
#pagesHolder .page img {max-width:100%;}

#pagesHolder .page a,
#pagesHolder .page strong,
#pagesHolder .page p span,
#pagesHolder .page p {color:#730c12;font-size:18px;font-family: 'IM Fell English', Arial, serif !important;}

#book #pagination {
    position:absolute;
    top:650px;
    left:605px;
    width:500px;
}
#book #prev {
    position:absolute;
    left:0;
    top:0;
    width:110px;
    height:71px;
    background:url('images/scrollerarrows-red.png') no-repeat left center;
    cursor:pointer;
}
#book #next {
    position:absolute;
    right:0;
    top:0;
    width:110px;
    height:71px;
    background:url('images/scrollerarrows-red.png') no-repeat right center;
    cursor:pointer;
}
#book #prev.disabled,
#book #next.disabled {
  opacity:0.5;
}
#book #prev:hover,
#book #next:hover {
    -moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);
}
#book #prev.disabled:hover,
#book #next.disabled:hover {
    -moz-transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);
}

#membersArea {display:none;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;width:95%;max-width:600px;z-index:9999;color:#fff;margin-top:200px;}
#membersArea p,
#membersArea h1 {color:#fff;font-family: 'IM Fell English', Arial, serif !important;}

#spClose,
#membersClose {position:absolute;top:-40px; right:-40px;width:87px;
    height:87px;
    background:url('images/close.png') no-repeat left top;
    cursor:pointer;
    z-index:9999;
    -moz-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
}
#spClose,
#membersClose:hover {animation-name:pulse;animation-duration: 1.25s;animation-iteration-count: infinite;animation-timing-function: linear;}

#membersNotifyForm input {margin:0 auto 20px;width:200px;display:block;text-align:center;background:none;color:#fff;padding:10px;border:1px solid #fff;font-family: 'IM Fell English', Arial, serif !important;font-size:16px;}
#membersNotifyForm input[type="submit"] {cursor:pointer;}

#membersNotifyForm input:hover {background:rgba(255,255,255,0.25);}

/*-- Shop Styles --*/
.woocommerce-loop-product__title {font-family:'IM Fell English', Arial, serif !important;text-align:center;min-height:40px;font-weight:bold;}
.woocommerce #beers {
    position:absolute;
    top:323px;
    left:445px;
}
.woocommerce #beers.hoverToggle.tip .hover, 
.woocommerce #beers:hover .hover {
    position:absolute;
    top:0;
    left:0;
    width:359px;
    height:149px;
    margin:-5px 0 0 -5px;
    background:url('images/beershover.png') no-repeat left top;
    animation-name:flashingLarge;animation-duration: 1.5s;animation-iteration-count: infinite;animation-timing-function: linear;
}
.woocommerce #poster {
    position:absolute;
    top:300px;
    left:795px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.woocommerce #poster2 {
    position:absolute;
    top:470px;
    left:805px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}


.woocommerce #poster2.hoverToggle.tip,
.woocommerce #poster2:hover,
.woocommerce #poster.hoverToggle.tip,
.woocommerce #poster:hover {
    -moz-transform: scale(1.1) rotate(3deg);
    -webkit-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
    z-index:9;
}
.woocommerce #poster.hoverToggle.tip .hover,
.woocommerce #poster:hover .hover {
    position:absolute;
    top:0;
    left:0;
    width:129px;
    height:166px;
    background:url('images/posterhover.png') no-repeat left top;
    animation-name:flashingLarge;animation-duration: 1.5s;animation-iteration-count: infinite;animation-timing-function: linear;
}
.woocommerce #poster2.hoverToggle.tip .hover,
.woocommerce #poster2:hover .hover {
    position:absolute;
    top:0;
    left:0;
    width:129px;
    height:166px;
    background:url('images/poster2hover.png') no-repeat left top;
    animation-name:flashingLarge;animation-duration: 1.5s;animation-iteration-count: infinite;animation-timing-function: linear;
}
.woocommerce #sign1 {
    position:absolute;
    top:380px;
    left:290px;
}
.woocommerce #sign2 {
    position:absolute;
    top:232px;
    left:949px;
    right:0;
}
.woocommerce #sign1.hoverToggle.tip,
.woocommerce #sign1:hover {-webkit-transform-origin: 88px 0 !important;  transform-origin: 88px 0 !important;}

.woocommerce #sign1.hoverToggle.tip .hover,
.woocommerce #sign1:hover .hover {position:absolute;top:0;left:0;background-image:url('images/sign1hover.png');width:152px;height:42px;}

.woocommerce #sign2.hoverToggle.tip,
.woocommerce #sign2:hover {-webkit-transform-origin: 75px 0 !important;  transform-origin: 75px 0 !important;}

.woocommerce #sign2.hoverToggle.tip .hover,
.woocommerce #sign2:hover .hover {position:absolute;top:0;left:0;background-image:url('images/sign2hover.png');width:176px !important;height:46px !important;}

.woocommerce #tshirt {
    position:absolute;
    top:325px;
    left:900px;
}
.woocommerce #tshirt.hoverToggle.tip,
.woocommerce #tshirt:hover {
    -webkit-transform-origin: 110px 0;  transform-origin: 110px 0;  -webkit-animation-name: swing;  animation-name: swing;animation-duration: 1s;animation-iteration-count: 1;animation-timing-function: linear;}
.woocommerce #tshirt.hoverToggle.tip .hover,
.woocommerce #tshirt:hover .hover {
    position:absolute;
    top:0;
    left:0;
    width:223px;
    height:285px;
    background:url('images/tshirthover.png') no-repeat left top;
    animation-name:flashingLarge;animation-duration: 1.5s;animation-iteration-count: infinite;animation-timing-function: linear;
}
.woocommerce #returnsbox {
    position:absolute;
    top:750px;
    left:1030px;
}
.woocommerce #returnsbox.hoverToggle.tip .hover,
.woocommerce #returnsbox:hover .hover {
    position:absolute;
    top:0;
    left:0;
    width:172px;
    height:133px;
    background:url('images/returnshover.png') no-repeat left top;
    animation-name:flashingLarge;animation-duration: 1.5s;animation-iteration-count: infinite;animation-timing-function: linear;
}
.woocommerce #counter {
    position:absolute;
    top:470px;
    left:80px;
    width:952px;
    height:538px;
    z-index:99;
    pointer-events:none;
}
#counterFirefly {
    position:absolute;
    top:603px;
    left:335px;
    z-index:99;
    pointer-events:none;
}
#shelfFirefly {
    position:absolute;
    top:95px;
    left:1180px;
    pointer-events:none;
}

.woocommerce #guy {width:290px;height:424px;top:350px;left:500px;}
.woocommerce #guy div#imageHolder {width:290px;height:424px;position:relative;}
.woocommerce #guy div#imageHolder .blink {position:relative;margin-left:5%;width:95%;height:100%;background-position:right top;animation-duration: 11s;animation-iteration-count: infinite;animation-timing-function: linear;}

#gifts {
    position:absolute;
    top:275px;
    left:5px;
    width:260px;
    height:340px;
    z-index:999;
}
#gifts.hoverToggle.tip .hover,
#gifts:hover .hover {
    position:absolute;
    top:0;
    left:0;
    width:260px;
    height:340px;
    background:url('images/giftshover.png') no-repeat left top;
    animation-name:flashingLarge;animation-duration: 1.5s;animation-iteration-count: infinite;animation-timing-function: linear;
}
#home {
    position:absolute;
    top:730px;
    left:550px;
    width:144px;
    height:144px;
    z-index:999;
}
#home.hoverToggle.tip .hover,
#home:hover .hover {
    position:absolute;
    top:0;
    left:0;
    width:144px;
    height:144px;
    background:url('images/homehover.png') no-repeat left top;
    animation-name:flashingLarge;animation-duration: 1.5s;animation-iteration-count: infinite;animation-timing-function: linear;
}
#lids {
    position:absolute;
    top:585px;
    left:725px;
    width:75px;
    height:99px;
    z-index:999;
}
#lids.hoverToggle.tip .hover,
#lids:hover .hover {
    position:absolute;
    top:0;
    left:0;
    width:75px;
    height:99px;
    background:url('images/lidshover.png') no-repeat left top;
    animation-name:flashingLarge;animation-duration: 1.5s;animation-iteration-count: infinite;animation-timing-function: linear;
}
#personalise {
    position:absolute;
    top:505px;
    left:545px;
    width:120px;
    height:177px;
    z-index:999;
}
#personalise.hoverToggle.tip .hover,
#personalise:hover .hover {
    position:absolute;
    top:0;
    left:0;
    width:120px;
    height:177px;
    background:url('images/personalisehover.png') no-repeat left top;
    animation-name:flashingLarge;animation-duration: 1.5s;animation-iteration-count: infinite;animation-timing-function: linear;
}
#till {
    position:absolute;
    top:470px;
    left:385px;
    width:160px;
    height:197px;
    z-index:999;
}
#till.hoverToggle.tip .hover,
#till:hover .hover {
    position:absolute;
    top:0;
    left:0;
    width:160px;
    height:197px;
    background:url('images/tillhover.png') no-repeat left top;
    animation-name:flashingLarge;animation-duration: 1.5s;animation-iteration-count: infinite;animation-timing-function: linear;
}
#sale {
    position:absolute;
    top:720px;
    left:205px;
    width:211px;
    height:265px;
    z-index:999;
}
#sale.hoverToggle.tip .hover,
#sale:hover .hover {
    position:absolute;
    top:0;
    left:0;
    width:211px;
    height:265px;
    background:url('images/salehover.png') no-repeat left top;
    animation-name:flashingLarge;animation-duration: 1.5s;animation-iteration-count: infinite;animation-timing-function: linear;
}

#basket {
    position:absolute;
    top:607px;
    left:808px;
    width:214px;
    height:136px;
    z-index:999;
}
#basket.hoverToggle.tip .hover,
#basket:hover .hover {
    position:absolute;
    top:0;
    left:0;
    width:214px;
    height:136px;
    background:url('images/baskethover.png') no-repeat left top;
    animation-name:flashingLarge;animation-duration: 1.5s;animation-iteration-count: infinite;animation-timing-function: linear;
}

#brakspear {
    position:absolute;
    top:725px;
    left:805px;
    width:214px;
    height:263px;
    z-index:999;
}
#brakspear.hoverToggle.tip .hover,
#brakspear:hover .hover {
    position:absolute;
    top:0;
    left:0;
    width:214px;
    height:263px;
    background:url('images/brakspearhover.png') no-repeat left top;
    animation-name:flashingLarge;animation-duration: 1.5s;animation-iteration-count: infinite;animation-timing-function: linear;
}

#deliveryBanner {position:absolute;top:0;left:240px;}
#deliveryXmasBanner {position:absolute;top:0;left:740px;z-index:999999;display:none;}

/*-- Snug Membership Product Styles --*/
#product-7087 {padding:0 30px 0 20px;}
#product-7087 .summary {width:50%;}
#product-7087 .product_title {color:#fff;font-size:41px;text-align:left;}
#product-7087 .price {text-align:left;margin-bottom:20px !important;}
#product-7087 .price span {color:#fff !important;font-size:25px !important;}
#product-7087  div[itemprop="description"] li,
#product-7087  div[itemprop="description"] p {color:#fff !important;font-size:18px !important;text-align:left;}
#product-7087  div[itemprop="description"] li {margin-bottom:0.5em;}
#product-7087 .stock {display:none;}
#product-7087 #reviewsOuterHolder {display:none;}
#product-7087 .single_add_to_cart_button {margin-top:30px !important; margin-left:-10px !important;background:url('images/snug/addtobasket.png') no-repeat !important;width:325px !important;height:113px !important;}

/*-- Study Styles --*/

.infoWindowBackground {background:url('images/mappopup.png') no-repeat center center;width:204px !important;height:277px !important;margin-top:-20px;}
.infoWindowBackground > div > div:last-child {background:none !important;}
.infoWindowBackground > div > div:nth-child(1),
.infoWindowBackground > div > div:nth-child(2),
.infoWindowBackground > div > div:nth-child(3) div {display:none;}
.infoWindow p strong,
.infoWindow p,
.infoWindow {font-family: 'IM Fell English', Arial, serif;font-size:16px;}
.infoWindow p strong {font-weight:bold;}

#screen1hover {position:absolute;top:520px;left:564px;width:177px;height:128px;cursor:pointer;}
#screen1hover:hover {background:url('images/study/screen1.png') no-repeat left top;animation-name:flashingLarge;animation-duration: 1.5s;animation-iteration-count: infinite;animation-timing-function: linear;}

#screen2hover {position:absolute;top:520px;left:745px;width:179px;height:128px;cursor:pointer;}
#screen2hover:hover {background:url('images/study/screen2.png') no-repeat left top;animation-name:flashingLarge;animation-duration: 1.5s;animation-iteration-count: infinite;animation-timing-function: linear;}

#screen1anim {position:absolute;top:527px;left:571px;width:177px;height:110px;background:url('images/study/flyanim.gif') no-repeat left top;}
#screen2anim {position:absolute;top:530px;left:755px;width:177px;height:110px;background:url('images/study/frankensteinanim.gif') no-repeat left top;}
#screen3anim {position:absolute;top:530px;left:930px;width:177px;height:110px;background:url('images/study/screen3anim.gif') no-repeat left top;}
#screen4anim {position:absolute;top:775px;left:462px;width:177px;height:110px;background:url('images/study/psychoanim.gif') no-repeat left top;}
#screen5anim {position:absolute;top:776px;left:645px;width:177px;height:110px;background:url('images/study/ghostbustersanim.gif') no-repeat left top;}

#screen3hover {position:absolute;top:520px;left:930px;width:177px;height:128px;cursor:pointer;}
#screen3hover:hover {background:url('images/study/screen3.png') no-repeat left top;animation-name:flashingLarge;animation-duration: 1.5s;animation-iteration-count: infinite;animation-timing-function: linear;}

#screen4hover {position:absolute;top:769px;left:450px;width:177px;height:126px;cursor:pointer;}
#screen4hover:hover {background:url('images/study/screen4.png') no-repeat left top;animation-name:flashingLarge;animation-duration: 1.5s;animation-iteration-count: infinite;animation-timing-function: linear;}

#screen5hover {position:absolute;top:769px;left:631px;width:178px;height:126px;cursor:pointer;}
#screen5hover:hover {background:url('images/study/screen5.png') no-repeat left top;animation-name:flashingLarge;animation-duration: 1.5s;animation-iteration-count: infinite;animation-timing-function: linear;}

#mapOverlay {z-index:9999;position:relative;}
@media screen and (max-width:1260px) {
    #mapOverlay {
        margin-top:100px !important;
        -moz-transform: scale(0.9);
        -webkit-transform: scale(0.9);
        -o-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }
    #mapPostcodeForm input {width:90px !important;}
}
#mapHover {
    position:absolute;
    top:60px;
    left:272px;
    width:648px;
    height:468px;
    cursor:pointer;
}
#mapHover:hover {
    background:url('images/maphover.png') no-repeat left top;
    animation-name:flashingLarge;animation-duration: 1.5s;animation-iteration-count: infinite;animation-timing-function: linear;
}
#mapClose {
    position:absolute;
    top:30px;
    right:-20px;
    width:87px;
    height:87px;
    background:url('images/close.png') no-repeat left top;
    cursor:pointer;
    z-index:9999;
}
#mapClose:hover {animation-name:pulse;animation-duration: 1.25s;animation-iteration-count: infinite;animation-timing-function: linear;}

#mapPostcodeForm {
    background: url('images/smallparchment.png') no-repeat left top;
    left: 0;
    padding: 17px 20px;
    position: absolute;
    top: 10px;
    width:506px;
    height:31px;
    z-index:999;
}
#mapPostcodeForm label {margin-right:10px;color:#7c6d49 !important;font-family: 'IM Fell English', Arial, serif;font-weight:bold;font-size:14px;}
#mapPostcodeForm input {background:none;color:#7c6d49!important;font-family: 'IM Fell English', Arial, serif;padding:0 5px;text-transform:lowercase;font-weight:bold;font-size:22px;width:120px;border:1px solid #7c6d49;}
#mapPostcodeForm .btn-success {font-weight:bold;background:none;color:#685c3d!important;font-family: 'IM Fell English', Arial, serif;border:none;cursor:pointer;text-transform:uppercase;font-size:16px;}
#mapPostcodeForm .btn-success:hover {color:#fff!important;}

.locationsOuter {padding:10px;background:rgba(0,0,0,0.6);}

#mapWrapper {background:url('images/tastefinderbg.jpg'); background-position:0 -20px;}
#map-canvas {opacity:0.7;}

#filterHolder {display:none;width:371px;height:65px;position:absolute;top:11px;left:510px;background:url('images/filter.png') no-repeat left top;z-index:999;}

#filterHolder p {
    color: #000;
    font-family: "IM Fell English",serif !important;
    font-size: 17px;
    margin: 23px 0 0 78px;
}

#filterHolder span {
    font-family: "IM Fell English",serif !important;
    font-size: 17px;
    font-weight: bold;
    cursor:pointer;
}
#filterHolder span.active {color:#fff;}

#screensOverlay {position:absolute;top:calc(50% - 394px);width:1200px;height:789px;z-index:999;}
#screenOverlayImage {position:absolute;top:0;left:0;width:100%;height:100%;z-index:99999;pointer-events:none;}


#screensOverlay #contentHolder {overflow: hidden; width: 1135px; background: rgb(0, 0, 0) none repeat scroll 0% 0%; -webkit-border-radius: 204px; -moz-border-radius: 204px; border-radius: 204px; margin: 13px 0px 0px 36px; padding: 60px 0px;}

#screenClose {position:absolute;top:15px;right:15px;background:url('images/close.png') no-repeat left top;width:87px;height:87px;cursor:pointer;z-index:999999;-moz-transform: scale(0.8);-webkit-transform: scale(0.8);-o-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);}
#screenClose:hover {animation-name:pulse;animation-duration: 1.25s;animation-iteration-count: infinite;animation-timing-function: linear;}

/*-- Age Gate --*/

#errorOverlayBackground,
#ageOverlayBackground {width:100%;height:100%;position:fixed;top:0;left:0;z-index:99991;background-position:center top;background-repeat:no-repeat;background-color:#000;}
#errorOverlayBackground {z-index:99;}

#ageGate {position:absolute;top:40%;left:calc(50% - 294px); width:260px; padding:40px 20px; background:rgba(255,255,255,0.6);z-index:99999;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;width:588px;height:431px;}
#ageGate h1 {text-align:center;font-size:23px;font-family: 'IM Fell English', Arial, serif;margin-bottom:30px;}

#errorOverlayBackground #slot,
#ageOverlayBackground #slot {position:absolute;top:362px;left:calc(50% - 45px);}
#ageGateForm {margin-top:155px;margin-left:10px;}
#ageGateForm select {-webkit-appearance: none;-moz-appearance: none;appearance: none;background:#002a53;border:none;color:#fff!important;width:67px;text-align:center;padding:24px 0;margin-right:18px;font-size:25px;font-family: 'IM Fell English', Arial, serif;}
#ageSubmit {float: right;margin: -28px 69px 0 0;width: 187px;padding: 50px 0;text-indent:-9999px;background:none;border:none;cursor:pointer;}
#ageGateForm select#year {width:140px;margin-right:0;}
#ageGateForm select::-ms-expand { /* for IE 11 */
    display: none;
}

/*-- Games Room Styles --*/

#qm1 {position:absolute;top:370px;left:90px;cursor:pointer;z-index:2;}
#qm2 {position:absolute;top:370px;left:300px;cursor:pointer;z-index:2;}
#qm3 {position:absolute;top:370px;left:846px;cursor:pointer;z-index:2;}
#darts {position:absolute;top:220px;left:480px;cursor:pointer;z-index:1;}
#wom {position:absolute;top:400px;left:780px;cursor:pointer;z-index:2;}

#qm1:hover .hover {position:absolute;top:-3px;left:4px;width:198px;height:211px;background:url('images/qm1hover.png') no-repeat left top;
    animation-name:flashingLarge;animation-duration: 1.5s;animation-iteration-count: infinite;animation-timing-function: linear;}
#qm2:hover .hover {position:absolute;top:-3px;left:-1px;width:197px;height:211px;background:url('images/qm2hover.png') no-repeat left top;
    animation-name:flashingLarge;animation-duration: 1.5s;animation-iteration-count: infinite;animation-timing-function: linear;}
#qm3:hover .hover {position:absolute;top:-3px;left:-1px;width:197px;height:211px;background:url('images/qm3hover.png') no-repeat left top;
    animation-name:flashingLarge;animation-duration: 1.5s;animation-iteration-count: infinite;animation-timing-function: linear;}
#darts:hover .hover {position:absolute;top:22px;left:64px;width:191px;height:195px;background:url('images/dartshover.png') no-repeat left top;
    animation-name:flashingLarge;animation-duration: 1.5s;animation-iteration-count: infinite;animation-timing-function: linear;}
#wom:hover .hover {position:absolute;top:26px;left:42px;width:333px;height:340px;background:url('images/womhover.png') no-repeat left top;
    animation-name:flashingLarge;animation-duration: 1.5s;animation-iteration-count: infinite;animation-timing-function: linear;}

#error {position:absolute;top:76px;left:20px;width:164px;height:105px;background:url('images/error.png') no-repeat left top;opacity:0;animation-name:error;animation-duration: 80s;animation-iteration-count: infinite;animation-timing-function: linear;}

@keyframes error {
    0% {
       opacity:0;
    }
    95% {
       opacity:0;
    }
    95.01% {
       opacity:1;
    }
    100% {
       opacity:1; 
    }
}


#wombulb {position:absolute;top:141px;left:178px;width:15px;height:12px;background:url('images/bulb.png') no-repeat left top;animation-name:flicker;animation-duration: 8s;animation-iteration-count: infinite;animation-timing-function: linear;-webkit-animation-direction: alternate;animation-direction: alternate;}

@keyframes flicker {
    0% {
       opacity:0;
    }
    29.99% {
       opacity:0; 
    }
    30% {
       opacity:1;        
    }
    31% {
       opacity:1;
    }
    31.01% {
       opacity:0;
    }
    49% {
       opacity:0; 
    }
    49.01% {
       opacity:1;        
    }
    51% {
       opacity:1;
    }
    51.01% {
       opacity:0;
    }
    63% {
       opacity:0; 
    }
    63.01% {
       opacity:1;        
    }
    71% {
       opacity:1;
    }
    71.01% {
       opacity:0;
    }
    100% {
       opacity:0; 
    }
}

#stagBlink {width:28px;height:34px;position:absolute;top:297px;left:70px;background:url('images/stagblink.gif') no-repeat left top;}

/*-- Contact Styles --*/

#phone {position:absolute;top:655px;left:-20px;pointer-events:none;z-index:9;}
#bottle {position:absolute;top:640px;left:855px;pointer-events:none;z-index:9;}
#computerlights {position:absolute;top:760px;left:538px;pointer-events:none;}

#contactsign1 {position:absolute;top:60px;left:200px;}
#contactsign1:hover {-webkit-transform-origin: 141px 0;  transform-origin: 141px 0;  -webkit-animation-name: swing;  animation-name: swing;animation-duration: 1s;animation-iteration-count: 1;animation-timing-function: linear;}
#contactsign1:hover .hover {width:279px;height:79px;position:absolute;top:-8px;left:-6px;background:url('images/contact/sign1hover.png') no-repeat top left;animation-name:flashingLarge;animation-duration: 1.5s;animation-iteration-count: infinite;animation-timing-function: linear;}

#contactsign2 {position:absolute;top:60px;right:200px;}
#contactsign2:hover {-webkit-transform-origin: 141px 0;  transform-origin: 141px 0;  -webkit-animation-name: swing;  animation-name: swing;animation-duration: 1s;animation-iteration-count: 1;animation-timing-function: linear;}
#contactsign2:hover .hover {width:280px;height:72px;position:absolute;top:-2px;left:-3px;background:url('images/contact/sign2hover.png') no-repeat top left;animation-name:flashingLarge;animation-duration: 1.5s;animation-iteration-count: infinite;animation-timing-function: linear;}

#brewerylinks {position:absolute;top:545px;left:85px;cursor:pointer;width:251px;height:185px;}
#brewerylinks:hover {background:url('images/contact/breweryhover.png') no-repeat left top;animation-name:flashingLarge;animation-duration: 1.25s;animation-iteration-count: infinite;animation-timing-function: linear;}

#exportenquiries {position:absolute;top:325px;left:63px;cursor:pointer;width:281px;height:193px;}
#exportenquiries:hover {background:url('images/contact/exporthover.png') no-repeat left top;animation-name:flashingLarge;animation-duration: 1.25s;animation-iteration-count: infinite;animation-timing-function: linear;}

#runapub {position:absolute;top:330px;left:880px;cursor:pointer;width:256px;height:178px;}
#runapub:hover {background:url('images/contact/pubhover.png') no-repeat left top;animation-name:flashingLarge;animation-duration: 1.25s;animation-iteration-count: infinite;animation-timing-function: linear;}

#newsletter {position:absolute;top:555px;left:880px;cursor:pointer;width:238px;height:164px;}
#newsletter:hover {background:url('images/contact/newsletterhover.png') no-repeat left top;animation-name:flashingLarge;animation-duration: 1.25s;animation-iteration-count: infinite;animation-timing-function: linear;}

#mainscreen {position:absolute;top:367px;left:363px;cursor:pointer;width:487px;height:333px;}
#mainscreen:hover {background:url('images/contact/mainscreenhover.png') no-repeat left top;animation-name:flashingLarge;animation-duration: 1.25s;animation-iteration-count: infinite;animation-timing-function: linear;}

#facebook {position:absolute;top:167px;left:218px;cursor:pointer;width:169px;height:132px;}
#facebook:hover {background:url('images/contact/facebookhover.png') no-repeat left top;animation-name:flashingLarge;animation-duration: 1.25s;animation-iteration-count: infinite;animation-timing-function: linear;}

#instagram {position:absolute;top:167px;left:420px;cursor:pointer;width:168px;height:132px;}
#instagram:hover {background:url('images/contact/instagramhover.png') no-repeat left top;animation-name:flashingLarge;animation-duration: 1.25s;animation-iteration-count: infinite;animation-timing-function: linear;}

#twitter {position:absolute;top:167px;left:630px;cursor:pointer;width:169px;height:120px;}
#twitter:hover {background:url('images/contact/twitterhover.png') no-repeat left top;animation-name:flashingLarge;animation-duration: 1.25s;animation-iteration-count: infinite;animation-timing-function: linear;}

#google {position:absolute;top:167px;left:838px;cursor:pointer;width:168px;height:124px;}
#google:hover {background:url('images/contact/googlehover.png') no-repeat left top;animation-name:flashingLarge;animation-duration: 1.25s;animation-iteration-count: infinite;animation-timing-function: linear;}

#contactOverlay {position:absolute;top:calc(50% - 394px);width:1200px;height:789px;z-index:999;}
#contactOverlay #contentHolder {padding: 70px 60px 20px;font-family:"Times New Roman", serif;}
#contactOverlay #contentHolder h1 {font-size:56px;color:#a7ffca;margin-bottom:50px;font-family:"Times New Roman", serif;}
#contactOverlay #contentHolder h2 {font-size:18px;color:#a7ffca;font-family:"Times New Roman", serif;margin-bottom:5px;}
#contactOverlay #contentHolder,
#contactOverlay #contentHolder strong,
#contactOverlay #contentHolder td,
#contactOverlay #contentHolder li,
#contactOverlay #contentHolder a,
#contactOverlay #contentHolder p {font-size:15px;color:#a7ffca;font-family:"Times New Roman", serif;}
#contactClose {position:absolute;top:15px;right:15px;background:url('images/close.png') no-repeat left top;width:87px;height:87px;cursor:pointer;z-index:9999;-moz-transform: scale(0.8);-webkit-transform: scale(0.8);-o-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);}

#contactOverlay #contentHolder a:hover {color:#fff;}

#contactClose:hover {animation-name:pulse;animation-duration: 1.25s;animation-iteration-count: infinite;animation-timing-function: linear;}

#newsletterSignupForm {width:300px;margin:0 auto;}
.signupField {border:1px solid #a7ffca;padding:5px;margin-bottom:10px;font-size:18px;color:#a7ffca;font-family:"Times New Roman", serif;background:none;width:288px;}
#signupSubmit {margin-top:5px;border:1px solid #a7ffca;background:none;font-size:18px;width:100%;padding:20px 0;text-align:center;text-transform:uppercase;font-weight:bold;color:#a7ffca;font-family:"Times New Roman", serif;cursor:pointer;}
#signupSubmit:hover {background:#a7ffca;color:#000;}

.page-template-contact #privacyPolicy {position:absolute;top:980px;left:410px;}

/*-- Garden Styles --*/

#tourHover {
    position:absolute;
    top:219px;
    left:725px;
    width:292px;
    height:351px;
    cursor:pointer;
}
#tourHover:hover {background:url('images/tourhover.png') no-repeat left top;animation-name:flashingLarge;animation-duration: 1.5s;animation-iteration-count: infinite;animation-timing-function: linear;}
#tourAnim {
    position:absolute;
    top:200px;
    left:703px;
    width:341px;
    height:284px;
    background:url('images/lightsanimation.gif');
}
#bgDoorHover {
    position:absolute;
    top:249px;
    left:468px;
    width:186px;
    height:498px;
    cursor:pointer;
}
#bgDoorHover:hover {background:url('images/beergdoorhover.png') no-repeat left top;animation-name:flashingLarge;animation-duration: 1.5s;animation-iteration-count: infinite;animation-timing-function: linear;}


#bgsign {position:absolute;top:420px;left:185px;}
#bgsign:hover {-webkit-transform-origin: 106px 0;  transform-origin: 106px 0;  -webkit-animation-name: swing;  animation-name: swing;animation-duration: 1s;animation-iteration-count: 1;animation-timing-function: linear;}
#bgsign:hover .hover {width:185px;height:54px;position:absolute;top:-2px;left:0;background:url('images/bgsignhover.png') no-repeat top left;animation-name:flashingLarge;animation-duration: 1.5s;animation-iteration-count: infinite;animation-timing-function: linear;}


#toursOverlay {
    position:absolute;
    top:100px;
    left:0;
    right:0;
    margin:0 auto;
    width:1158px;
    height:979px;
    background-repeat:no-repeat;
    background-position:center top;
    z-index:999;
}
#toursOverlay span,
#toursOverlay a,
#toursOverlay strong,
#toursOverlay p {font-size:16px;color:#fff;font-family: 'IM Fell English', Arial, serif;line-height:1.25em;}
#toursOverlay p {margin-bottom:0.8em;}

#toursOverlay #topLHS {
    position:absolute;
    top:180px;
    left:70px;
    width:380px;
    height:310px;
}
#toursOverlay #topLHS strong,
#toursOverlay #topMiddle strong {
    font-size:22px;
}
#toursOverlay #topMiddle {
    position:absolute;
    top:180px;
    left:470px;
    width:380px;
    height:310px;
}
#toursOverlay #topRHS {
    position:absolute;
    top:160px;
    left:900px;
    width:240px;
    height:280px;
}

#toursOverlay #bottomLHS {
    position:absolute;
    top:560px;
    left:70px;
    width:500px;
    height:325px;
}
#toursOverlay #bottomRHS {
    position:absolute;
    top:560px;
    left:590px;
    width:510px;
    height:325px;
}
#toursOverlayClose {position:absolute;top:70px;right:-30px;background:url('images/close.png') no-repeat left top;width:87px;height:87px;cursor:pointer;z-index:999999;-moz-transform: scale(0.8);-webkit-transform: scale(0.8);-o-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);}
#toursOverlayClose:hover {animation-name:pulse;animation-duration: 1.25s;animation-iteration-count: infinite;animation-timing-function: linear;}

/*-- Generic Page Styles --*/

#staticLHS {
    position:absolute;
    top:170px;
    left:50px;
    width:450px;
    height:665px;/*725px;*/
    overflow-y:auto;
}
#staticRHS {
    position:absolute;
    top:120px;
    left:650px;
    width:570px;
    height:825px;
    font-family: 'IM Fell English', Arial, serif;
    overflow-y:auto;
}
#staticRHS h1,
#staticRHS h2,
#staticRHS h3,
#staticRHS a,
#staticRHS p {font-family: 'IM Fell English', Arial, serif;}

#indexedLHS .page,
#paginatedRHS .page {position:absolute;top:0;right:0;width:100%;}
#paginatedRHS #pagination {
    position:absolute;
    bottom:50px;
    left:50px;
    width:500px;
}
#paginatedRHS #prev {
    position:absolute;
    left:0;
    top:0;
    width:110px;
    height:71px;
    background:url('images/scrollerarrows-red.png') no-repeat left center;
    cursor:pointer;
}
#paginatedRHS #next {
    position:absolute;
    right:0;
    top:0;
    width:110px;
    height:71px;
    background:url('images/scrollerarrows-red.png') no-repeat right center;
    cursor:pointer;
}
#paginatedRHS #prev.disabled,
#paginatedRHS #next.disabled {
  opacity:0.5;
}
#paginatedRHS #prev:hover,
#paginatedRHS #next:hover {
    -moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);
}
#paginatedRHS #prev.disabled:hover,
#paginatedRHS #next.disabled:hover {
    -moz-transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);
}

#indexedLHS #staticLHS {top: 180px;height:715px;}
#indexedLHS #staticLHS h1 {font-size:48px;color:#421a0d;font-family:'Roycroft', sans-serif;text-align:center;margin-bottom:0.75em;}

.pageLink {cursor:pointer;color:#421a0d;font-size:30px;font-family:'Roycroft', sans-serif;text-decoration:underline;}
.pageLink:hover,
.pageLink.active {color:#000;text-decoration:none;}

/*-- Banquey Hall --*/

#curtainsAnim {position:absolute;top:347px;left:383px;width:438px;height:241px;}

#doorleftHover {position:absolute;top:388px;left:95px;width:128px;height:320px;}
#doorleftHover:hover {background:url('images/ldoorhover.png') no-repeat left top;animation-name:flashingLarge;animation-duration: 1.25s;animation-iteration-count: infinite;animation-timing-function: linear;}

#doorrightHover {position:absolute;top:388px;left:973px;width:129px;height:320px;}
#doorrightHover:hover {background:url('images/rdoorhover.png') no-repeat left top;animation-name:flashingLarge;animation-duration: 1.25s;animation-iteration-count: infinite;animation-timing-function: linear;}

/*-- Privacy Policy --*/

#cookieNotice {position:fixed;bottom:0;left:0;right:0;margin:auto;width:600px;max-width:calc(95% - 40px);background:url('images/cookienoticebg.png') no-repeat left top;padding:20px;text-align:center;font-family: 'IM Fell English', Arial, serif;}
#cookieNotice a {font-family: 'IM Fell English', Arial, serif;color:#666;}
#cookieNotice a:hover {color:#000;}
#cookieClose {position:absolute;top:0;right:5px;cursor:pointer;}
#cookieClose:hover {color:#666;}

/*-- Shop Styles --*/

#woocommerceSectionOverlay {position:relative;top:50px;left:0;z-index:99999;}
#shopOverlayTop {width:1191px;height:326px;background:url('images/shop/overlay-top.png') no-repeat center top;}
#shopOverlayMiddle {width:1081px;padding:0 55px;background:url('images/shop/overlay-middle.png') repeat-y center top;}
#shopOverlayBottom {width:1191px;height:178px;background:url('images/shop/overlay-bottom.png') no-repeat center top;}
#shopOverlayMiddle #container:after {content:'.';display:block;clear:both;height:0;visibility:hidden;}

#shopOverlayMiddle .woocommerce-error,
#shopOverlayMiddle .woocommerce-message,
#shopOverlayMiddle .woocommerce-info {background:#c8b48f !important;color:#1c0300;font-family: 'IM Fell English', Arial, serif;margin:0 0 10px!important;line-height:1em;font-size:18px !important;font-weight:bold !important;opacity:0.8;}

#shopOverlayMiddle .woocommerce-error li {color:#1c0300;font-family: 'IM Fell English', Arial, serif;margin:0 0 10px!important;line-height:1em;font-size:18px !important;font-weight:bold !important;}
.woocommerce p.stars a::before,
.tax-product_cat .star-rating {display:none !important;}
body #woocommerceSectionOverlay .page-title {
    position:absolute;
    top:57px;
    left:347px;
    width:497px;
    text-align:center;
    line-height:1em;
    color:#352725 !important;
    font-size:82px;
    text-transform:uppercase;
    font-family:'Roycroft', Arial, sans-serif !important;
    font-weight:normal !important;
    font-style:normal !important;
}

#categoriesHolder {position:absolute;top:270px;left:300px;width:590px;text-align:center;}
#categoriesHolder a {margin-right:20px;color:#1c0300;font-family: 'IM Fell English', Arial, serif;font-size:22px;}

.newProduct {position:absolute;top:30px;left:-20px;width:100px !important;}
.ttues {top:45px !important;}

#categoriesHolder a.active,
#categoriesHolder a:hover {
    color:#9a0101 !important;
}
#categoriesHolder a:last-child {margin-right:0;}

#shopOverlayMiddle .woocommerce-ordering {position:absolute;top:170px;left:53px;}
#shopOverlayMiddle .woocommerce-ordering p {text-align:center;font-size:22px !important;color:#1c0300;font-family: 'IM Fell English', Arial, serif;margin-bottom:5px;}
#shopOverlayMiddle .woocommerce-ordering select {background:#baa583 url('images/shop/dropdown.png') no-repeat right 4px top 9px;padding:8px 20px 8px 8px;border:none;-webkit-appearance: none;-moz-appearance: none;appearance: none;color:#1c0300;font-size:20px !important;font-family: 'IM Fell English', Arial, serif;cursor:pointer;}
#shopOverlayMiddle .woocommerce-ordering select option {border:none;}

#shopOverlayMiddle #basketHolder {position:absolute;top:230px;right:60px;width:170px;}
#shopOverlayMiddle #accountHolder {position:absolute;top:140px;right:60px;width:170px;}
#shopOverlayMiddle #accountHolder a,
#shopOverlayMiddle #basketHolder a {display:block;font-size:22px !important;color:#771818;font-family: 'IM Fell English', Arial, serif;margin-bottom:5px;}
#shopOverlayMiddle #basketHolder span {font-size:22px !important;color:#771818;font-family: 'IM Fell English', Arial, serif;}
#shopOverlayMiddle #basketHolder p {display:block;font-size:20px !important;color:#1c0300;font-family: 'IM Fell English', Arial, serif;margin-bottom:5px;}


#shopOverlayClose {position:absolute;top:-40px; right:-40px;width:87px;
    height:87px;
    background:url('images/close.png') no-repeat left top;
    cursor:pointer;
    z-index:9999;
    top:45px;
    right:-6px;
    width:87px !important;
    height:87px !important;}
    
#shopOverlayClose:hover {animation-name:pulse;animation-duration: 1.25s;animation-iteration-count: infinite;animation-timing-function: linear;}

.products {margin-bottom: 0 !important;}
.products li {margin:0 6px 2em 6px !important;max-width:204px !important;}
.onsale,
.products li .onsale {display:none !important;}

.products h3 {text-align:center;font-size:19px !important;color:#1c0300;font-family: 'IM Fell English', Arial, serif;min-height:41px;}
.products .attachment-shop_catalog {border:1px solid #96876c;}
.products a:hover .attachment-shop_catalog {border-color:#666;}
.products .price {text-align:center;}
.products .price span {color:#7d0101 !important;font-size:24px !important;font-family: 'IM Fell English', Arial, serif !important;text-align:center;margin:0 2px;}

#yith-quick-view-content .product_meta {display:none;}
#yith-quick-view-content div.summary {width:56%;}

.single_add_to_cart_button,
.add_to_cart_button.product_type_simple,
.yith-wcqv-button {width:100%;padding:0 !important;margin:0 !important;height:28px;margin:0 auto;background:url('images/shop/basket.png') no-repeat center top !important;text-indent:-9999px;border:none;background-color:transparent!important;}

.outofstock .button {background:url('images/shop/read-more.png') no-repeat center top !important;width:100%;padding:0 !important;margin:0 !important;height:28px;margin:0 auto;text-indent:-9999px;border:none;background-color:transparent!important;}

.outofstock .button:hover,
#sizeGuide:hover,
.single_add_to_cart_button:hover,
.add_to_cart_button.product_type_simple:hover,
.yith-wcqv-button:hover {animation-name:pulse;animation-duration: 1.25s;animation-iteration-count: infinite;animation-timing-function: linear;}
.yith-wcqv-button .blockUI {display:none !important;}

.single_add_to_cart_button {width:147px;margin-left:20px !important;}

.product-type-simple .yith-wcqv-button {display:none !important;}
.add_to_cart_button.product_type_simple.added {display:none !important;}

#shopOverlayMiddle .woocommerce-message .wc-forward,
.added_to_cart.wc-forward {width:100%;padding:0 !important;margin:0 !important;height:28px;margin:0 auto;background:url('images/shop/gotobasket.png') no-repeat center top !important;text-indent:-9999px;border:none;background-color:transparent!important;}
#shopOverlayMiddle .woocommerce-message .wc-forward:hover,
.added_to_cart.wc-forward:hover {animation-name:pulse;animation-duration: 1.25s;animation-iteration-count: infinite;animation-timing-function: linear;}
#shopOverlayMiddle .woocommerce-message .wc-forward {width:139px;margin:-7px 0 !important;}


#yith-quick-view-modal {z-index:9999999;}
#yith-quick-view-modal .yith-wcqv-wrapper {
    position:fixed;
    top:0;
    bottom:0;
    left:0 !important;
    right:0;
    margin:auto;
    padding:0;
    width:1010px !important;
    height:543px !important;
    -ms-transform-origin: 0; /* IE 9 */
    -webkit-transform-origin: 0; /* Chrome, Safari, Opera */
    transform-origin: 0;
}
body #yith-quick-view-modal .yith-wcqv-main {
    width:890px;
    height:423px;
    padding:60px;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    background:url('images/shop/overlaybackground.png') no-repeat left top;
    overflow:hidden !important;
}
.single-product p,
.single-product li {margin-bottom:1em;}
.single-product .attachment-shop_single,
#yith-quick-view-modal .yith-wcqv-main .attachment-shop_single {
    border:1px solid #a29277;
    cursor:zoom-in;
}
.single-product .variations label,
#yith-quick-view-modal .yith-wcqv-main .variations label {float:left;margin-top:12px;font-family: 'IM Fell English', Arial, serif;}
.single-product #pa_tour-time,
.single-product #pa_size,
#yith-quick-view-modal .yith-wcqv-main #pa_size {margin-right:10px; background:#baa583 url('images/shop/dropdown.png') no-repeat right 4px top 9px;padding:8px 20px 8px 8px;border:none;-webkit-appearance: none;-moz-appearance: none;appearance: none;color:#1c0300;font-size:20px !important;font-family: 'IM Fell English', Arial, serif;cursor:pointer;width:100%;}
.single-product #pa_tour-time option,
.single-product #pa_size option,
#yith-quick-view-modal .yith-wcqv-main #pa_size option {border:none;}

.single-product div[itemprop="description"] p,
.single-product div[itemprop="description"],
#yith-quick-view-modal .yith-wcqv-main div[itemprop="description"] p,
#yith-quick-view-modal .yith-wcqv-main div[itemprop="description"] {font-size:16px;font-family: 'IM Fell English', Arial, serif;color:#1c0300 !important;}

#yith-quick-view-modal .yith-wcqv-main .product_title {font-size:35px;font-family: 'IM Fell English', Arial, serif;color:#000;}

.single-product .price span,
.single-product .price,
#yith-quick-view-modal .yith-wcqv-main .price span,
#yith-quick-view-modal .yith-wcqv-main .price {font-size:35px;font-family: 'IM Fell English', Arial, serif;color:#771818;}

.single-product .qty,
#yith-quick-view-modal .yith-wcqv-main .qty {background:#b5a484;border:none;padding:2px 8px;font-size:25px;font-family: 'IM Fell English', Arial, serif;color:#000;width:60px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.reset_variations {display:none !important;}

#yith-quick-view-close {position:absolute;top:-40px; right:-40px;width:87px;
    height:87px;
    background:url('images/close.png') no-repeat left top;
    cursor:pointer;
    z-index:9999;
    top:0;
    right:0;
    width:87px !important;
    height:87px !important;
    border:none !important;
    -moz-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    opacity:1;
    text-indent:-9999px;
}
#yith-quick-view-close:hover {animation-name:pulse;animation-duration: 1.25s;animation-iteration-count: infinite;animation-timing-function: linear;}

.single-product .product_title {font-size:41px;font-family: 'IM Fell English', Arial, serif;color:#000;}
.related.products {clear:both;}
.related.products h2 {font-family: 'IM Fell English', Arial, serif;color:#000;}
.related.products .added_to_cart.wc-forward,
.related.products .yith-wcqv-button,
.related.products .add_to_cart_button {display:none;}

#sizeGuide {cursor:pointer;display:block;}

#sizeGuideHolder {
    display:none;
    overflow:hidden;
    margin-bottom:40px;
    font-family: 'IM Fell English', Arial, serif;color:#000;
}
#sizeGuideHolder table {width:45%;float:left;}
#sizeGuideHolder table:nth-child(2) {float:right;}
#sizeGuideHolder td {padding:5px;font-family: 'IM Fell English', Arial, serif;color:#000;text-align:center;}
#sizeGuideHolder tr:nth-child(even) td {background:rgba(255,255,255,0.12);}
#sizeGuideHolder th {
    padding-bottom:10px;
    font-weight:bold;
    font-family: 'IM Fell English', Arial, serif;color:#000;
    text-align:center;
}
.woocommerce-variation-add-to-cart .button[disabled="disabled"] {display:none;}
#reviewsOuterHolder {clear:both;margin-bottom:20px;}
#reviewsHolder {
    float:right;
    width:48%;
}
#ratingsHolder {
    float:left;
    width:49%;
}
#ratingsHolder h1,
#ratingsHolder h2,
#ratingsHolder h3,
#ratingsHolder p,
#ratingsHolder strong,
#ratingsHolder time,
#ratingsHolder a,
#reviewsHolder h1,
#reviewsHolder h2,
#reviewsHolder h3,
#reviewsHolder p,
#reviewsHolder strong,
#reviewsHolder time,
#ratingsHolder label,
#reviewsHolder a {
    font-family: 'IM Fell English', Arial, serif !important;
    color:#000 !important;
}
.stock {
    font-family: 'IM Fell English', Arial, serif !important;
    font-weight:bold;
    font-size:20px !important;
    color:#335625 !important;
}
.ratingLabel {float:left;font-size:22px;color:#1c0300;font-family: 'IM Fell English', Arial, serif !important;}

#ratingsHolder  #submit:hover,
#ratingsHolder textarea {background:rgba(255,255,255,0.25);}
#ratingsHolder  #submit {float:right;background:none !important;border:none !important;padding:0 !important; color:#000 !important;font-weight:bold;font-family: 'IM Fell English', Arial, serif !important;}
.star-rating {margin:0 0 0 10px !important;width:329px !important;height:36px !important;}
.star-rating:before {display:none !important;}
.star-rating span {display:none;}

.stars0 {
    background:url('images/stars0.png') no-repeat left top;
}
.stars1 {
    background:url('images/stars1.png') no-repeat left top;
}
.stars2 {
    background:url('images/stars2.png') no-repeat left top;
}
.stars3 {
    background:url('images/stars3.png') no-repeat left top;
}
.stars4 {
    background:url('images/stars4.png') no-repeat left top;
}
.stars5 {
    background:url('images/stars5.png') no-repeat left top;
}
#ratingsHolder .comment-form-rating {margin-bottom:20px !important;}
#ratingsHolder label,
#ratingsHolder h3 {margin-bottom:10px;display:block;}
#ratingsHolder .comment-form-rating .stars a:after {display:none;}
#ratingsHolder .comment-form-rating .stars a {margin-right:3px !important;padding-right:3px;transform:scale(0.8);}
.star-1 {
    width:28px !important;
    height:25px !important;
    background:url('images/onestar-off.png') no-repeat left top;
}
.star-1.active,
.star-1:hover {
    background:url('images/onestar.png') no-repeat left top;
}

.star-2 {
    width:62px !important;
    height:25px !important;
    background:url('images/twostar-off.png') no-repeat left top;
}
.star-2.active,
.star-2:hover {
    background:url('images/twostars.png') no-repeat left top;
}

.star-3 {
    width:97px !important;
    height:25px !important;
    background:url('images/threestars-off.png') no-repeat left top;
}
.star-3.active,
.star-3:hover {
    background:url('images/threestars.png') no-repeat left top ;
}

.star-4 {
    width:132px !important;
    height:25px !important;
    background:url('images/fourstars-off.png') no-repeat left top;
}
.star-4.active,
.star-4:hover {
    background:url('images/fourstars.png') no-repeat left top;
}

.star-5 {
    width:166px !important;
    height:25px !important;
    background:url('images/fivestars-off.png') no-repeat left top;
}
.star-5.active,
.star-5:hover {
    background:url('images/fivestars.png') no-repeat left top;
}

#reviewsHolder .commentlist {padding:0 !important;margin:20px 0 0 0 !important;}
#reviewsHolder li {list-style:none;}

#reviewsHolder .comment-text {border:none !important;margin:0 !important;padding:0 !important;}
#reviewsHolder .comment-text .star-rating {display:none;}

#reviewsHolder .description p {display:inline !important;}

#backtoproducts {position:absolute;top:196px;left:53px;}
#backtoproducts:hover {animation-name:pulse;animation-duration: 1.25s;animation-iteration-count: infinite;animation-timing-function: linear;}

.outofstock_error_msg,
.outofstock_success_msg {font-family:'IM Fell English', Arial, serif;font-weight:bold;}
#bis_form_title {font-weight:bold;color:#1c0300;font-family:'IM Fell English', Arial, serif;}
#backinstock_textbox {border:none;background:#baa583;padding:8px;color:#1c0300;font-family:'IM Fell English', Arial, serif;width:250px;}
#backinstock_button {border:none;background:none;font-weight:bold;color:#1c0300;font-family:'IM Fell English', Arial, serif;cursor:pointer;font-size:20px;}
#backinstock_button:hover {color:#fff;}

.pp_woocommerce .ppt {display:none !important;}
.product.has-default-attributes.has-children > .images {opacity:1;}
div.pp_overlay {z-index:999999999 !important;}
.pp_pic_holder {z-index:999999999999 !important;}

/*-- Cart Styles --*/
#toursInner mark,
#toursInner h1,
#toursInner h3,
#toursInner h2,
#toursInner label,
#toursInner input,
#toursInner textarea,
#toursInner dt,
#toursInner dd,
#toursInner p,
#toursInner time,
#toursInner span,
#toursInner strong,
#toursInner a,
#toursInner td,
#toursInner th,
#toursLHS h2,
#toursLHS h2 em,
.page-template-shopstatic #woocommerceSectionOverlay mark,
.page-template-shopstatic #woocommerceSectionOverlay h1,
.page-template-shopstatic #woocommerceSectionOverlay h3,
.page-template-shopstatic #woocommerceSectionOverlay h2,
.page-template-shopstatic #woocommerceSectionOverlay label,
.page-template-shopstatic #woocommerceSectionOverlay input,
.page-template-shopstatic #woocommerceSectionOverlay textarea,
.page-template-shopstatic #woocommerceSectionOverlay dt,
.page-template-shopstatic #woocommerceSectionOverlay dd,
.page-template-shopstatic #woocommerceSectionOverlay p,
.page-template-shopstatic #woocommerceSectionOverlay time,
.page-template-shopstatic #woocommerceSectionOverlay span,
.page-template-shopstatic #woocommerceSectionOverlay strong,
.page-template-shopstatic #woocommerceSectionOverlay a,
.page-template-shopstatic #woocommerceSectionOverlay td,
.page-template-shopstatic #woocommerceSectionOverlay th,
.woocommerce-view-order #woocommerceSectionOverlay mark,
.woocommerce-view-order #woocommerceSectionOverlay h1,
.woocommerce-view-order #woocommerceSectionOverlay h3,
.woocommerce-view-order #woocommerceSectionOverlay h2,
.woocommerce-view-order #woocommerceSectionOverlay label,
.woocommerce-view-order #woocommerceSectionOverlay input,
.woocommerce-view-order #woocommerceSectionOverlay textarea,
.woocommerce-view-order #woocommerceSectionOverlay dt,
.woocommerce-view-order #woocommerceSectionOverlay dd,
.woocommerce-view-order #woocommerceSectionOverlay p,
.woocommerce-view-order #woocommerceSectionOverlay time,
.woocommerce-view-order #woocommerceSectionOverlay span,
.woocommerce-view-order #woocommerceSectionOverlay strong,
.woocommerce-view-order #woocommerceSectionOverlay a,
.woocommerce-view-order #woocommerceSectionOverlay td,
.woocommerce-view-order #woocommerceSectionOverlay th,
.woocommerce-account #woocommerceSectionOverlay h1,
.woocommerce-account #woocommerceSectionOverlay h3,
.woocommerce-account #woocommerceSectionOverlay h2,
.woocommerce-account #woocommerceSectionOverlay label,
.woocommerce-account #woocommerceSectionOverlay input,
.woocommerce-account #woocommerceSectionOverlay textarea,
.woocommerce-account #woocommerceSectionOverlay dt,
.woocommerce-account #woocommerceSectionOverlay dd,
.woocommerce-account #woocommerceSectionOverlay p,
.woocommerce-account #woocommerceSectionOverlay time,
.woocommerce-account #woocommerceSectionOverlay span,
.woocommerce-account #woocommerceSectionOverlay strong,
.woocommerce-account #woocommerceSectionOverlay a,
.woocommerce-account #woocommerceSectionOverlay td,
.woocommerce-account #woocommerceSectionOverlay th,
.woocommerce-cart #woocommerceSectionOverlay h2,
.woocommerce-cart #woocommerceSectionOverlay td input,
.woocommerce-cart #woocommerceSectionOverlay td dt,
.woocommerce-cart #woocommerceSectionOverlay td dd,
.woocommerce-cart #woocommerceSectionOverlay td p,
.woocommerce-cart #woocommerceSectionOverlay td span,
.woocommerce-cart #woocommerceSectionOverlay a,
.woocommerce-cart #woocommerceSectionOverlay th,
.woocommerce-checkout #woocommerceSectionOverlay h1,
.woocommerce-checkout #woocommerceSectionOverlay h3,
.woocommerce-checkout #woocommerceSectionOverlay h2,
.woocommerce-checkout #woocommerceSectionOverlay label,
.woocommerce-checkout #woocommerceSectionOverlay input,
.woocommerce-checkout #woocommerceSectionOverlay textarea,
.woocommerce-checkout #woocommerceSectionOverlay dt,
.woocommerce-checkout #woocommerceSectionOverlay dd,
.woocommerce-checkout #woocommerceSectionOverlay p,
.woocommerce-checkout #woocommerceSectionOverlay span,
.woocommerce-checkout #woocommerceSectionOverlay strong,
.woocommerce-checkout #woocommerceSectionOverlay a,
.woocommerce-checkout #woocommerceSectionOverlay td,
.calculated_shipping .shipping td,
.woocommerce-checkout #woocommerceSectionOverlay th {
    font-family: 'IM Fell English', Arial, serif !important;
    color:#000 !important;
}
.page-template-shopstatic #woocommerceSectionOverlay h2 {margin-bottom:20px;}
.woocommerce-view-order mark {background:none !important;}
.payment_methods li {list-style:none;}
.woocommerce-cart .qty {background:#b5a484;border:none;padding:2px 8px;font-size:25px;font-family: 'IM Fell English', Arial, serif;color:#000;width:60px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

#coupon_code {background:#b5a484;border:none;padding:6px;font-size:25px;font-family: 'IM Fell English', Arial, serif;color:#000;width:auto !important;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

#shopOverlayMiddle .checkout_coupon .button,
#shopOverlayMiddle .login .button,
.woocommerce-account .button,
.checkout-button,
.woocommerce-cart .button {background:#dbccb0 !important;color:#000 !important;}
#shopOverlayMiddle .login .button:hover,
#shopOverlayMiddle .checkout_coupon .button:hover,
.checkout-button:hover,
.woocommerce-cart .button:hover {background:#cebfa2 !important;}

.woocommerce-checkout #payment {background:#b5a484;border:none;padding:6px;font-family: 'IM Fell English', Arial, serif;color:#000;width:auto !important;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#place_order {background:#cbbca0;}

.woocommerce-EditAccountForm input,
.woocommerce-edit-address form input,
.woocommerce-account .lost_reset_password input,
.woocommerce-account .login input,
.woocommerce-checkout input,
.woocommerce-checkout textarea {font-size:16px;padding-top:5px;padding-bottom:5px;background:#b5a484;border:1px solid #a19070;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.cart_totals .blockOverlay,
.woocommerce-checkout .blockOverlay {background:#b5a484 !important;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

#shopOverlayMiddle .checkout_coupon,
.woocommerce-edit-address form,
.woocommerce-edit-address form p,
.woocommerce-account .lost_reset_password p,
.woocommerce-account .lost_reset_password,
#shopOverlayMiddle .login,
.woocommerce-account .login {margin-bottom:0 !important;border:none !important;}

#yith-quick-view-modal #sizeGuide {display:none;}


.deliverystable,
.beersTable {width:100%;margin-bottom:20px;}
.deliverystable td,
.beersTable td {padding:5px;text-align:center;}
.tourDateTableHeader td,
.deliverystable thead,
.beersTable thead {padding:5px;border-bottom:3px dotted #95784c;}
.tourDateTableHeader td,
.deliverystable th,
.beersTable th {color:#82002a !important;font-weight:bold;text-align:center;padding:5px;}

.beersTable td:first-child {font-weight:bold;}

.calculated_shipping .shipping th {padding:0 10px 0 0 !important;}


/*-- Tours Styles --*/

#toursInner {padding:0 60px;}
#toursInner .alignright {float:right;padding:0 0 20px 20px;}

.tourDate {display:none;}
.tourDate.active {display:block;}

#datePickerWrapper {float:left;width:390px;}
#toursLHS {margin-top:70px;}
#datePicker {float:left;width:200px;background:#baa583 url('images/shop/dropdown.png') no-repeat right 4px top 9px;}
#datePicker .datePickerDate {display:none;text-align:right;}

#datePicker:hover .datePickerDate,
#datePicker .datePickerDate.active {display:block;}
#datePicker .datePickerDate:hover {color:#8f845c}

.datePickerDate {font-weight:bold;margin-right:10px;padding:10px 40px 10px 10px;border:none;color:#1c0300;font-size:20px !important;font-family: 'IM Fell English', Arial, serif;cursor:pointer;}

#tourDatesOuterHolder {float:right;}
.tourDateTableHeader td {font-size:24px !important;vertical-align:middle;}
.tourDateTableHeader td,
.tourDateTable td {text-align:center;}
.tourDateTable td {padding:1px 5px;font-size:18px;}
.tourDateTableHeader {
    margin-bottom:20px;
}
.tourDateTable td a {font-weight:bold;}
#datePickerLabel {font-weight:bold;font-size:24px;margin-bottom:5px;}
#datePickerWrapper {position:relative;}
#datePicker {position:absolute;top:30px;left:0;}


/*-- 404 Styles --*/

#overlayHolder404 {background: rgba(0, 0, 0, 0) url("images/smallparchment.png") no-repeat scroll left top;
    bottom: 0;
    height: 65px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 506px;
    z-index: 1001;opacity:0.6;}
    
#overlayHolder404 h1 {font-size:22px;font-family: 'IM Fell English', Arial, serif !important;color:#000 !important;padding:2px 10px;text-align:center;}
#overlayHolder404 p {font-size:22px;font-family: 'IM Fell English', Arial, serif !important;color:#000 !important;}
#overlayHolder404 a {font-size:22px;font-family: 'IM Fell English', Arial, serif !important;color:#fff !important;}
#overlayHolder404 a:hover {color:#000 !important;}



/*-- Help Styles --*/

#help {
    position:fixed;
    bottom:20px;
    right:20px;
    width:20px;
    height:20px;
    line-height:20px;
    font-size:18px;
    color:#fff;
    border:1px solid #fff;
    -webkit-border-radius: 99%;
    -moz-border-radius: 99%;
    border-radius: 99%;
    opacity:0.5;
    text-align:center;
    cursor:pointer;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index:999999;
    animation-name:flashingMedium;animation-duration: 3.5s;animation-iteration-count: infinite;animation-timing-function: linear;
}
#help:hover {opacity:0.9;}


/*-- Ecard Styles --*/
#outerOverlay {background:rgba(11,33,69,0.7) !important;}
.page-template-homepageecard #overlay {height:993px;margin-top:100px;margin-bottom:100px;}
.page-template-homepageecard #overClose {top:30px;right:30px;}

#ecardFrame {position:absolute;top:200px;left:405px;width:700px;height:1538px;-moz-transform: scale(0.6);
-webkit-transform: scale(0.6);
-o-transform: scale(0.6);
-ms-transform: scale(0.6);
transform: scale(0.6);
-webkit-transform-origin: 100% 0; /* Chrome, Safari, Opera */
transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
}

.page-template-homepageecard #formHolder {position:absolute;top:220px;left:90px;width:560px;height:800px;}

.page-template-homepageecard #formHolder label {float:left;margin-top:9px;color:#002a53;font-size:18px;width:120px;font-family:'IM Fell English', Arial, serif;}
.page-template-homepageecard #formHolder .row {margin-bottom:10px;}
.page-template-homepageecard #formHolder input {float:left;padding:5px;width:420px;font-size:20px;font-family:'IM Fell English', Arial, serif;color:#002a53;}
.page-template-homepageecard #formHolder textarea {float:left;padding:5px;width:420px;height:155px;font-size:20px;font-family:'IM Fell English', Arial, serif;color:#002a53;}
.page-template-homepageecard #formHolder #submit {margin-left:120px;cursor:pointer;border:none;background:url('/ecard/sendbutton.png') no-repeat left top;width:170px;height:70px;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;-moz-transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.page-template-homepageecard #formHolder #submit:hover {-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}


/*-- Valentines Ecard Styles --*/
.page-template-valecard #outerOverlay {background:rgba(79,2,26,0.8) !important;}
.page-template-valecard #overlay {height:993px;margin-top:100px;margin-bottom:100px;}
.page-template-valecard #overClose {top:30px;right:30px;}

.page-template-valecard #formHolder {position:absolute;top:220px;left:90px;width:560px;height:800px;}

.page-template-valecard #formHolder label {float:left;margin-top:9px;color:#a40536;font-size:18px;width:120px;font-family:'IM Fell English', Arial, serif;}
.page-template-valecard #formHolder .row {margin-bottom:10px;}
.page-template-valecard #formHolder input[type="email"],
.page-template-valecard #formHolder input[type="text"] {float:left;padding:5px;width:420px;font-size:20px;font-family:'IM Fell English', Arial, serif;color:#a40536;}
.page-template-valecard #formHolder textarea {float:left;padding:5px;width:420px;height:155px;font-size:20px;font-family:'IM Fell English', Arial, serif;color:#a40536;}
.page-template-valecard #formHolder #submit {margin-left:120px;cursor:pointer;border:none;background:url('/ecard/valsend.png') no-repeat left top;width:170px;height:70px;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;-moz-transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.page-template-valecard #formHolder #submit:hover {-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}

.page-template-valecard #formHolder input[type="radio"] {float:left;margin-left:10px;}
.page-template-valecard #formHolder .radiolabel {width:auto !important;margin:0 0 10px 10px;font-size:16px;}


/*-- St Georges Ecard Styles --*/
.page-template-stgeorges #outerOverlay {background:rgba(0,0,0,0.8) !important;}
.page-template-stgeorges #overlay {height:993px;margin-top:100px;margin-bottom:100px;}
.page-template-stgeorges #overClose {top:30px;right:30px;}

.page-template-stgeorges #formHolder {position:absolute;top:220px;left:90px;width:560px;height:800px;}

.page-template-stgeorges #formHolder label {float:left;margin-top:9px;color:#890000;font-size:18px;width:120px;font-family:'IM Fell English', Arial, serif;}
.page-template-stgeorges #formHolder .row {margin-bottom:10px;}
.page-template-stgeorges #formHolder input[type="email"],
.page-template-stgeorges #formHolder input[type="text"] {float:left;padding:5px;width:420px;font-size:20px;font-family:'IM Fell English', Arial, serif;color:#a40536;}
.page-template-stgeorges #formHolder textarea {float:left;padding:5px;width:420px;height:155px;font-size:20px;font-family:'IM Fell English', Arial, serif;color:#a40536;}
.page-template-stgeorges #formHolder #submit {margin-left:120px;cursor:pointer;border:none;background:url('/ecard/send.png') no-repeat left top;width:170px;height:70px;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;-moz-transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.page-template-stgeorges #formHolder #submit:hover {-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}

.page-template-stgeorges #formHolder input[type="radio"] {float:left;margin-left:10px;}
.page-template-stgeorges #formHolder .radiolabel {width:auto !important;margin:0 0 10px 10px;}

/*-- Fathers Day Ecard Styles --*/
.page-template-fathersday #outerOverlay {background:rgba(0,0,0,0.8) !important;}
.page-template-fathersday #overlay {height:993px;margin-top:100px;margin-bottom:100px;}
.page-template-fathersday #overClose {top:30px;right:30px;}

.page-template-fathersday #formHolder {position:absolute;top:220px;left:90px;width:560px;height:800px;}

.page-template-fathersday #formHolder label {float:left;margin-top:9px;color:#001a35;font-size:18px;width:120px;font-family:'IM Fell English', Arial, serif;}
.page-template-fathersday #formHolder .row {margin-bottom:10px;}
.page-template-fathersday #formHolder input[type="email"],
.page-template-fathersday #formHolder input[type="text"] {float:left;padding:5px;width:420px;font-size:20px;font-family:'IM Fell English', Arial, serif;color:#001a35;}
.page-template-fathersday #formHolder textarea {float:left;padding:5px;width:420px;height:155px;font-size:20px;font-family:'IM Fell English', Arial, serif;color:#001a35;}
.page-template-fathersday #formHolder #submit {margin-left:120px;cursor:pointer;border:none;background:url('/ecard/sendblue.png') no-repeat left top;width:170px;height:70px;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;-moz-transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.page-template-fathersday #formHolder #submit:hover {-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}

.page-template-fathersday #formHolder input[type="radio"] {float:left;margin-left:10px;}
.page-template-fathersday #formHolder .radiolabel {width:auto !important;margin:0 0 10px 10px;}

/*-- Hobologist Styles --*/

.page-template-hobologist #main {padding-top:280px;}
#hobologistForm {position:relative;}
#hobologistForm .spacerCol {width:55px;}
#hobologistForm .row {clear:both;margin-bottom:10px;}
#hobologistForm label {float:left;width:192px;}
#hobologistForm .col:last-child label {width:108px;}
#hobologistForm input[type="email"],
#hobologistForm input[type="text"] {float:left;width:calc(100% - 205px);padding:10px 5px;font-size:20px;color:#fff;background:rgba(0,0,0,0.5);border:1px solid #8c949b;font-family: 'IM Fell English', Arial, serif;}
#hobologistForm textarea {width:calc(100% - 205px);padding:10px 5px;color:#fff;font-size:20px;background:rgba(0,0,0,0.5);border:1px solid #8c949b;resize: none;height:86px;margin:0;font-family: 'IM Fell English', Arial, serif;}
#hobologistForm .col:last-child input[type="email"],
#hobologistForm .col:last-child input[type="text"] {width:calc(100% - 120px);}
#hobologistForm .col:last-child #hobologistForm textarea {width:calc(100% - 120px);}
#hobologistForm .size {font-size:25px;color:#fff;font-family: 'IM Fell English', Arial, serif;line-height:39px;margin:0 10px;cursor:pointer;}
#hobologistForm .size:hover,
#hobologistForm .size.current {color:#a5dc0e;}
#hobologistForm #photo {margin-top:5px;color:#fff;font-family: 'IM Fell English', Arial, serif;}
#hobologistForm #submit {position:absolute;bottom:-50px;right:0;width:158px;height:133px;background:url('images/hobologist/submit.png') no-repeat center center;border:none;cursor:pointer;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;-moz-transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
#hobologistForm #submit:hover {-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}

#hobologistForm .error {margin:0 0 1em 20px;font-family: 'IM Fell English', Arial, serif;color:#f00;font-size:18px;}
#hobologistFormHolder .success {margin:0 0 1em 40px;font-family: 'IM Fell English', Arial, serif;color:#0f0;font-size:18px;}

#hobcandle {position:absolute;top:175px;left:134px;}
#hobbrain {position:absolute;top:80px;left:780px;}


.page-template-hobologist-gallery .entryPage {position:relative;display:none;}
.page-template-hobologist-gallery .entryPage.active {display:block;}
.page-template-hobologist-gallery #voteCTA {position:absolute;top:230px;left:390px;width:433px;height:293px;background:url('images/hobologist/votesign.png') no-repeat center top;}

.page-template-hobologist-gallery .hobologist {float:left;cursor:pointer;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;-moz-transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.page-template-hobologist-gallery .hobologist:hover {-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.page-template-hobologist-gallery .hobologist .imageholder .image {width:300px;height:203px;background-repeat:no-repeat;background-size:cover;background-color:#000;background-position:center center;}
.page-template-hobologist-gallery .hobologist.hob-1 .imageholder {
    padding:35px 0 0 38px;
    width:340px;
    height:244px;
    position:relative;
}
.page-template-hobologist-gallery .hobologist.hob-1 .imageholder .frameHolder {
    position:absolute;
    top:0;
    left:0;
    width:378px;
    height:279px;
    background:url('images/hobologist/frame1.png') no-repeat center center;
}
.page-template-hobologist-gallery .hobologist.hob-2 .imageholder {
    padding:26px 0 0 29px;
    width:333px;
    height:245px;
    position:relative;
}
.page-template-hobologist-gallery .hobologist.hob-2 .imageholder .frameHolder {
    position:absolute;
    top:0;
    left:0;
    width:362px;
    height:271px;
    background:url('images/hobologist/frame2.png') no-repeat center center;
}
.page-template-hobologist-gallery .hobologist.hob-3 .imageholder {
    padding:29px 0 0 35px;
    width:336px;
    height:243px;
    position:relative;
}
.page-template-hobologist-gallery .hobologist.hob-3 .imageholder .frameHolder {
    position:absolute;
    top:0;
    left:0;
    width:371px;
    height:272px;
    background:url('images/hobologist/frame3.png') no-repeat center center;
}
.page-template-hobologist-gallery .hobologist.hob-4 .imageholder {
    padding:52px 0 0 29px;
    width:356px;
    height:239px;
    position:relative;
}
.page-template-hobologist-gallery .hobologist.hob-4 .imageholder .frameHolder {
    position:absolute;
    top:0;
    left:0;
    width:358px;
    height:291px;
    background:url('images/hobologist/frame4.png') no-repeat center center;
}
.page-template-hobologist-gallery .hobologist.hob-5 .imageholder {
    padding:42px 0 0 41px;
    width:339px;
    height:242px;
    position:relative;
}
.page-template-hobologist-gallery .hobologist.hob-5 .imageholder .frameHolder {
    position:absolute;
    top:0;
    left:0;
    width:380px;
    height:284px;
    background:url('images/hobologist/frame5.png') no-repeat center center;
}
.page-template-hobologist-gallery .hobologist.hob-6 .imageholder {
    padding:59px 0 0 43px;
    width:341px;
    height:244px;
    position:relative;
}
.page-template-hobologist-gallery .hobologist.hob-6 .imageholder .frameHolder {
    position:absolute;
    top:0;
    left:0;
    width:384px;
    height:303px;
    background:url('images/hobologist/frame6.png') no-repeat center center;
}

.page-template-hobologist-gallery .nameTag {width:346px;height:42px;background:url('images/hobologist/namebg.png') no-repeat center top;color:#000;font-size:22px;font-weight:bold;font-family:"IM Fell English",Arial,serif;text-transform:uppercase;line-height:42px;text-align:center;}

.hobologist.hob-1 .nameTag {margin-left:15px;}
.hobologist.hob-2 .nameTag {margin-left:9px;}
.hobologist.hob-3 .nameTag {margin-left:15px;}
.hobologist.hob-4 .nameTag {margin-left:5px;}
.hobologist.hob-5 .nameTag {margin-left:15px;}
.hobologist.hob-6 .nameTag {margin-left:15px;}

.hobologist.hob-1 {position:absolute;top:144px;left:0;}
.hobologist.hob-2 {position:absolute;top:230px;left:417px;}
.hobologist.hob-3 {position:absolute;top:160px;left:825px;}
.hobologist.hob-4 {position:absolute;top:480px;left:20px;}
.hobologist.hob-5 {position:absolute;top:567px;left:405px;}
.hobologist.hob-6 {position:absolute;top:495px;left:815px;}

#prevHob {position:absolute;top:900px;left:100px;width:266px;height:74px;background:url('images/hobologist/prev.png') no-repeat center top;cursor:pointer;}
#nextHob {position:absolute;top:900px;left:900px;width:266px;height:75px;background:url('images/hobologist/next.png') no-repeat center top;cursor:pointer;}

#nextHob:hover,
#prevHob:hover{-webkit-transform-origin: 141px 0;  transform-origin: 141px 0;  -webkit-animation-name: swing;  animation-name: swing;animation-duration: 1s;animation-iteration-count: 1;animation-timing-function: linear;}


#hobologistOverlayBackground {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);}
#hobologistProfileInner {width:1200px;margin:30px auto 0;position:absolute;top:0;left:0;right:0;bottom:0;z-index:999;}
#hobologistProfileBackground {width:1200px;height:926px;background:url('images/hobologist/profilebackground.png') no-repeat center top;}
#hobologistInner {padding:210px 65px 0;}
#hobologistInner .col:first-child {padding-right:75px;}
#hobologistInner .col:last-child {padding-left:75px;}
#hobProfileImageFrameHolder {position:relative;}
#hobProfileImage {width:327px;height:325px;background-position:center center;background-size:contain;background-color:#000;background-repeat:no-repeat;position:absolute;top:51px;left:52px;-moz-transform: rotate(-5.3deg);-webkit-transform: rotate(-5.3deg);-o-transform: rotate(-5.3deg);-ms-transform: rotate(-5.3deg);transform: rotate(-5.3deg);z-index:10;}
#hobProfileImageFrame {position:absolute;top:0;left:0;width:437px;height:525px;background:url('images/hobologist/profileframe.png') no-repeat center top;z-index:20;}

#profileName {font-size:36px;color:#fff;text-transform:uppercase;font-family:"IM Fell English",Arial,serif;text-align:center;margin:0.75em 0 0.25em 0;}
#profileNickname {font-size:28px;color:#fff;font-weight:normal;font-family:"IM Fell English",Arial,serif;text-align:center;text-transform:capitalize;margin-bottom:0.5em;}
#profileWhy {font-size:20px;color:#fff;font-family:"IM Fell English",Arial,serif;text-align:center;margin-bottom:0.5em;line-height:1.25em;display:block;}
#profilePub {font-size:18px;color:#fff;font-family:"IM Fell English",Arial,serif;text-align:center;}
#profileShare {width:175px;margin:0 auto;}
#profileShare a,
#profileShare {text-align:center;color:#fff;font-family:"IM Fell English",Arial,serif;font-size:22px;line-height:35px;}

#profileShare span {float:left;font-family:"IM Fell English",Arial,serif;}

#profileVote {width:122px;height:41px;background:url('images/hobologist/vote.png') no-repeat center top;cursor:pointer;margin:20px auto;}
#profileVote:hover {background-image:url('images/hobologist/vote-hover.png');}

#hobologistClose {position:absolute;top:60px;right:-13px;width:158px;height:132px;background:url('images/hobologist/close.png') no-repeat center top;cursor:pointer;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;-moz-transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
#hobologistClose:hover {-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}





/*-- Music Room Styles --*/

.musicroom #candle {position:absolute;top:508px;left:1210px;width:25px;height:38px;background:url('images/musicroom/candle.gif') no-repeat center center;}
.musicroom #cockroach {position:absolute;top:149px;left:16px;width:82px;height:66px;background:url('images/musicroom/cockroach.gif') no-repeat center center;}
.musicroom #meter {position:absolute;top:551px;left:819px;width:46px;height:23px;background:url('images/musicroom/meter.gif') no-repeat center center;}
.musicroom #speakerleft {position:absolute;top:199px;left:224px;width:118px;height:122px;background:url('images/musicroom/speakerleft.gif') no-repeat center center;}
.musicroom #speakerright {position:absolute;top:206px;left:1097px;width:111px;height:118px;background:url('images/musicroom/speakerright.gif') no-repeat center center;}
.musicroom #part1 {position:absolute;top:365px;left:161px;width:121px;height:84px;background:url('images/musicroom/part1.gif') no-repeat center center;}
.musicroom #part2 {position:absolute;top:469px;left:156px;width:124px;height:82px;background:url('images/musicroom/part2.gif') no-repeat center center;}


.musicroom .hover {position:absolute;cursor:pointer;opacity:0;}

.musicroom .hover.tip,
.musicroom .hover.active,
.musicroom .hover:hover {opacity:1;animation-name:flashingLarge;animation-duration: 1.5s;animation-iteration-count: infinite;animation-timing-function: linear;}

.musicroom #bandsHover {top:295px;left:765px;width:231px;height:181px;background:url('images/musicroom/hover-bands.png') no-repeat center center;}
.musicroom #blogHover {top:610px;left:555px;width:183px;height:157px;background:url('images/musicroom/hover-blog.png') no-repeat center center;}
.musicroom #blogHoverComingSoon {top:610px;left:555px;width:183px;height:157px;background:url('images/musicroom/hover-blogcoming.png') no-repeat center center;}
.musicroom #ipadHover {top:610px;left:855px;width:231px;height:152px;background:url('images/musicroom/hover-ipad.png') no-repeat center center;}
.musicroom #vid1Hover {top:350px;left:150px;width:240px;height:117px;background:url('images/musicroom/hover-vid1.png') no-repeat center center;}
.musicroom #vid2Hover {top:465px;left:150px;width:244px;height:101px;background:url('images/musicroom/hover-vid2.png') no-repeat center center;}
.musicroom #ticketsHover {top:595px;left:275px;width:178px;height:169px;background:url('images/musicroom/hover-tickets.png') no-repeat center center;}
.musicroom #photosHover {top:300px;left:1070px;width:158px;height:228px;background:url('images/musicroom/hover-photos.png') no-repeat center center;}
.musicroom #mapHover {top:305px;left:5px;width:208px;height:229px;background:url('images/musicroom/hover-map.png') no-repeat center center;}
.musicroom #tvHover {top:310px;left:433px;width:224px;height:186px;background:url('images/musicroom/hover-tv.png') no-repeat center center;}

.musicroom #guitarHover {position:absolute;top:215px;left:-158px;width:310px;height:110px;cursor:url('/wp-content/themes/wychwood/images/musicroom/guitarcursor.png'), auto;}
.musicroom #knob {position:absolute;top:667px;right:-25px;width:9px;height:10px;}

/*-- Music Room Tv Styles --*/

#tvMenu {width:31px;height:35px;position:absolute;top:820px;left:50px;background:url('images/musicroom/menubutton.png') no-repeat; background-size:contain;cursor:pointer;animation-name:flashingLarge;animation-duration: 6s;animation-iteration-count: infinite;animation-timing-function: linear;}

.videoItem {position:relative;float:left;margin:5px;}
.videoItem img {display:block; width:100%;}
.videoItem .playingOverlay,
.videoItem .videoOverlay {opacity:0;position:absolute;top:0;left:0;background:rgba(0,0,0,0.5);width:96%;height:100%;padding:0 2%;-webkit-transition: opacity 0.5s; transition: opacity 0.5s;}
.vtable {display:table; width:100%; height:100%;table-layout:fixed;}
.vcol {display:table-cell;width:100%;text-align:center;vertical-align:middle;color:#fff;font-family:arial;font-size:16px;text-transform:uppercase;}
.videoItem:hover .videoOverlay {opacity:1;}
.active .playingOverlay {opacity:1;}
#mainPlayer {left: 52px;position: absolute;top: 110px;width: 1103px;height:672px;}
.page-template-musicroom-tv .slimScrollDiv {display:none;left: 52px;position: absolute;top: 110px;width: 1103px;background:rgba(0,0,0,0.8);height:672px;overflow-y:hidden;}
#videosHolder {left: 0;position: absolute;top: 0;width: 1103px;height:672px;}

#musicGalleryClose {position:absolute;top:230px;left:885px;z-index:9999;}
#musicBlogClose:hover,
#musicGalleryClose:hover{animation-name:pulse;animation-duration: 1.25s;animation-iteration-count: infinite;animation-timing-function: linear;}

#galleryImageFrameHolder {position:absolute;top:240px;left:314px;width:627px;height:585px;}
#galleryImageFrame {position:absolute;top:0;left:0;width:627px;height:585px;background:url('images/musicroom/frame-wide.png') no-repeat center center;}
#galleyImageHolder {position:absolute;top:45px;left:24px;width:576px;height:384px;overflow:hidden;}
#galleryImage {}
#galleryCaption {position:absolute;top:440px;left:43px;width:540px;height:110px;z-index:999;font-family:"IM Fell English",Arial,serif;color:#000;font-size:22px;line-height:1.25em;font-style:italic;}

#musicGalleryFilm {position:absolute;top:850px;left:0;width:1200px;height:166px;background:url('images/musicroom/film.png') no-repeat center center;}

#imageLeftArrow {position:absolute;top:400px;left:100px;width:221px;height:270px;background:url('images/musicroom/left.png') no-repeat center center;cursor:pointer;}
#imageLeftArrow:hover{animation-name:pulse;animation-duration: 1.25s;animation-iteration-count: infinite;animation-timing-function: linear;}
#imageRightArrow {position:absolute;top:390px;left:950px;width:221px;height:270px;background:url('images/musicroom/right.png') no-repeat center center;cursor:pointer;}
#imageRightArrow:hover{animation-name:pulse;animation-duration: 1.25s;animation-iteration-count: infinite;animation-timing-function: linear;}

#galleryLeft {position:absolute;top:50px;left:30px;width:35px;height:63px;background:url('images/musicroom/galleryleft.png') no-repeat center center;cursor:pointer;}
#galleryLeft:hover{animation-name:pulse;animation-duration: 1.25s;animation-iteration-count: infinite;animation-timing-function: linear;}
#galleryRight {position:absolute;top:50px;right:30px;width:32px;height:59px;background:url('images/musicroom/galleryright.png') no-repeat center center;cursor:pointer;}
#galleryRight:hover{animation-name:pulse;animation-duration: 1.25s;animation-iteration-count: infinite;animation-timing-function: linear;}

#galleryImages {width:1055px;height:96px;margin:33px auto 0;overflow:hidden;}
.albumInner {display:none;}
.albumInner.active,
#galleryImagesInner {margin-left:0;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}
.albumInner.active {display:block;}
.galleryImage {float:left;width:107px;height:96px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background-size:cover;background-repeat:no-repeat;background-position:center center;margin:0 5px;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;cursor:pointer;filter: gray; /* IE6-9 */filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */-webkit-filter: grayscale(1); 
}

.galleryImage.active {filter: none;-webkit-filter: grayscale(0);}
.galleryImage:hover {filter: none;-webkit-filter: grayscale(0);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}

#musicBlogClose {position:absolute;top:105px;right:-10px;z-index:9999;}
#magTitle {position:absolute;top:60px;left:0;width:100%;text-align:center;color:#fff;font-family: 'Trade Winds', cursive;font-size:43px;}

.magPage {position:absolute;top:155px;left:0;height:780px;width:100%;}
.magPage .table {width:1125px;margin:0 auto;height:100%;}
.magPage h2 {font-family:'Black Ops One', cursive;font-size:37px;text-transform:uppercase;color:#fff;margin-bottom:5px;}
.magPage .col {position:relative;}

.magPage #article1 {display:block;margin-bottom:10px;position:relative;width:545px;height:500px;background-position:center center;background-color:#000;background-repeat:no-repeat;background-size:auto 100%;-webkit-transition: all 10000ms ease; -moz-transition: all 10000ms ease; -ms-transition: all 10000ms ease; -o-transition: all 10000ms ease; transition: all 10000ms ease;}
.magPage #article1:hover {background-size: auto 125%;}
.magPage #article1 .articleOverlay {position:absolute;top:0;left:35px;width:235px;padding:30px 20px 20px;height:calc(100% - 50px);background:rgba(0,0,0,0.7);}
.magPage #article1 .articleOverlay h1 {color:#fff;font-family: 'Oswald', sans-serif;font-size:28px;font-weight:300;margin-bottom:1em;}
.magPage #article1 .articleOverlay .excerpt p {font-size:14px;color:#fff;}
.magPage #article1 .articleOverlay .excerpt p:first-child {font-weight:bold;}
.magPage #article1 .articleOverlay .tags {position:absolute;top:0;left:0;padding:2px 5px;background:#dc0000;font-family:'Oswald', sans-serif;font-size:12px;text-transform:uppercase;color:#fff;}

.magPage #authorImage {float:left;margin-right:10px;}
.magPage #authorRHS {float:right;width:calc(100% - 245px);}
.magPage #authorRHS h1 {font-size:21px;font-family:'Oswald', sans-serif;font-weight:500;color:#fff;margin-bottom:10px;}
.magPage #authorRHS .excerpt {display:block;font-size:13px; color:#fff;margin-bottom:10px;}
.magPage #authorRHS .readmore {font-size:13px;color:#fff;font-style:italic;}

.magPage .rhsCol {padding:10px 0 0 30px;}
.magPage .midArticle {display:block;width:250px;height:244px;position:relative;margin-bottom:15px;}
.magPage .midArticle .overlay {position:absolute;bottom:0;left:0;width:calc(100% - 10px);padding:5px;background:rgba(0,0,0,0.7);font-size:20px;font-family:'Oswald', sans-serif;font-weight:600;color:#fff;line-height:1.2em;}



.magPage #otherStories {position:absolute;bottom:15px;right:10px;width:220px;padding:15px;background:#4a0e0f;}

.magPage #topStories {position:absolute;top:12px;right:10px;width:220px;padding:15px;background:#14314b;}

.magPage #topStories h2,
.magPage #otherStories h2 {font-size:20px;font-family:'Oswald', sans-serif;font-weight:500;text-align:center;}
.magPage #topStories .storyLink,
.magPage #otherStories .storyLink {color:#fff;font-family:'Oswald', sans-serif;font-weight:500;font-size:14px;}

.single-musicroomblog .magPage {
    top:133px;
    left:23px;
    width:1140px;
}
.single-musicroomblog .magPage #pageInner {width:100%;}
.magPage #lhsImage {width:100%;height:815px;background-size:cover;}
.magPage #articleContentOuter h1 {color:#fff;font-family: "Trade Winds",cursive;font-weight:bold;line-height:1.35em;text-align:center;font-size:35px;margin-bottom:20px;}

#articleContentOuter {background:rgba(0,0,0,0.7);padding:20px 0;margin-top:15px;}
#articleContent {color:#fff;height:720px;}
#articleContentInner {padding:0 20px;}
#articleContent a {color:#fff;}

.single-musicroomblog #returnToBlog {position:absolute;bottom:-70px;left:0;right:0;text-align:center;text-transform:uppercase;font-size:20px;color:#fff;font-family: "Trade Winds",cursive;}
.single-musicroomblog #returnToBlog span {text-decoration:underline;color:#fff;font-family: "Trade Winds",cursive;}

#albumsDropdown {position:absolute;padding:0;top:330px;left:60px;cursor:pointer;width:223px;background:#3a7ae2 url('images/musicroom/gallerydropdownarrow.png') no-repeat top 5px right 10px;z-index:9999;}
#albumsDropdown li {display:none;list-style:none;color:#fff;margin-bottom:0;padding:11px 45px 11px 10px;font-family:"IM Fell English",Arial,serif;font-size:20px;color:#fff;text-align:center;}
#albumsDropdown li.active {display:block;font-weight:bold;}
#albumsDropdown:hover li {display:block;}
#albumsDropdown:hover {background-color:rgba(58,122,226,0.8);-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#albumsDropdown:hover li:first-child{background:#3a7ae2 url('images/musicroom/gallerydropdownarrow.png') no-repeat top 5px right 10px;}
#albumsDropdown li:hover {color:#c5c5c5;}

/*-- Hobgoblin TV Styles --*/

.page-template-musicroom-tv #close {position:absolute;top:60px; right:5px;width:87px;
    height:87px;
    background:url('images/close.png') no-repeat left top;
    cursor:pointer;
    z-index:9999;
    -moz-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
}
.page-template-musicroom-tv #close:hover {animation-name:pulse;animation-duration: 1.25s;animation-iteration-count: infinite;animation-timing-function: linear;}


/*-- Bands Page --*/

.page-template-musicroom-bands #bandsPage {position:absolute;top:90px;left:0;background:url('images/musicroom/bands/bandsbackground.png') no-repeat center top;width:1197px;height:783px;}
.page-template-musicroom-bands #bandsPage #close {position:absolute;top:0px; right:5px;width:87px;
    height:87px;
    background:url('images/close.png') no-repeat left top;
    cursor:pointer;
    z-index:9999;
    -moz-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
}
.page-template-musicroom-bands #close:hover {animation-name:pulse;animation-duration: 1.25s;animation-iteration-count: infinite;animation-timing-function: linear;}

#bandsPage .bandLHS {position:absolute;top:70px;left:75px;height:0;width:526px;-moz-transform: rotate(3deg);-webkit-transform: rotate(3deg);-o-transform: rotate(3deg);-ms-transform: rotate(3deg);transform: rotate(3deg);}

#bandsPage .bandText {padding:0 18px;margin:10px 0 20px;text-align:center;}
#bandsPage .bandText p span,
#bandsPage .bandText p {font-family: 'Oleo Script Swash Caps', cursive;font-size:16px;font-weight:bold;line-height:1.25em;}

#bandsPage .bandRHS {position:absolute;top:95px;right:80px;width:500px;}

.videoHolder {height:196px;padding:10px 0;}
.videoHolder .lhs {float:left;width:220px;}
.videoHolder .rhs {float:left;width:calc(100% - 220px);}
.videoHolder .playButton {cursor:pointer;}
.videoHolder p.title {color:#000;font-family: 'Pirata One', cursive;font-size:43px;line-height:1.1em;}
.sharingLinks {text-align:right;margin-top:10px;}
.sharingLinks a {margin-left:10px;}
#pclose {
    background: rgba(0, 0, 0, 0) url("images/close.png") repeat scroll 0 0;
    display: block;
    height: 87px;
    position: absolute;
    right: 40px;
    top: 0;
    width: 87px;
}

.page-template-musicroom-bands #band-video {
    background: rgba(0, 0, 0, 0) url("images/musicroom/bands/band-video.png") no-repeat scroll left top;
    height: 374px;
    margin: -35px -80px;
    padding: 70px 0 0 140px;
    width: 646px;
}
.page-template-musicroom-bands .modal {
    display: none;
    height: 395px;
    position: absolute;
    top: 0;
    width: 616px;
    z-index: 95000;
}
.sharingLinks {position:relative;}
.sharingLinks .shareText {position:absolute;right:125px;top:5px;}

#tapeleft {position:absolute;top:-50px;left:-20px;}
#taperight {position:absolute;top:-5px;right:-20px;}

#logosHolder {position: absolute;bottom:-100px;left:0;width:100%;}
#logosHolder .bandLogo {float:left;cursor:pointer;margin:0 20px;}

/*-- Tickets Styles --*/

.page-template-music-room-tickets #hobtographers {position:absolute;top:280px;left:60px;}
.page-template-music-room-tickets #pageContent {position:absolute;top:400px;left:90px;width:670px;}
.page-template-music-room-tickets #pageContent p {color:#322d25;font-size:18px;font-family: 'Trade Winds', cursive;}
.page-template-music-room-tickets #facebookLink {position:absolute;top:580px;left:155px;}
.page-template-music-room-tickets #close {position:absolute;top:195px; right:0px;width:87px;
    height:87px;
    background:url('images/close.png') no-repeat left top;
    cursor:pointer;
    z-index:9999;
    -moz-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
}
.page-template-music-room-tickets #close:hover {animation-name:pulse;animation-duration: 1.25s;animation-iteration-count: infinite;animation-timing-function: linear;}

/*-- Map Styles --*/

.page-template-musicroom-map #close {position:absolute;top:10px; right:0px;width:87px;
    height:87px;
    background:url('images/close.png') no-repeat left top;
    cursor:pointer;
    z-index:9999;
    -moz-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
}
#festDetailsClose:hover,
.page-template-musicroom-map #close:hover {animation-name:pulse;animation-duration: 1.25s;animation-iteration-count: infinite;animation-timing-function: linear;}

.page-template-musicroom-map #truck {position:absolute;top:975px;left:670px;cursor:pointer;}
.page-template-musicroom-map #witney {position:absolute;top:950px;left:540px;cursor:pointer;}
.page-template-musicroom-map #wychwood {position:absolute;top:884px;left:522px;cursor:pointer;}
.page-template-musicroom-map #boa {position:absolute;top:605px;left:647px;cursor:pointer;}
.page-template-musicroom-map #bearded {position:absolute;top:630px;left:630px;cursor:pointer;}
.page-template-musicroom-map #blocout {position:absolute;top:550px;left:693px;cursor:pointer;}
.page-template-musicroom-map #ynot {position:absolute;top:477px;left:630px;cursor:pointer;}
.page-template-musicroom-map #rockblues {position:absolute;top:495px;left:710px;cursor:pointer;}
.page-template-musicroom-map #storming {position:absolute;top:66px;left:650px;cursor:pointer;}


.festLogo {-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}

.festLogo:hover {-moz-transform: scale(1.25) rotate(5deg);-webkit-transform: scale(1.25) rotate(5deg);-o-transform: scale(1.25) rotate(5deg);-ms-transform: scale(1.25) rotate(5deg);transform: scale(1.25) rotate(5deg);}

#festDetails {display:none;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:514px;height:803px;background:url('images/musicroom/map/mappopup.png') no-repeat center top;}
#festDetails.active {display:block;}
#festDetailsClose {position:absolute;top:60px; right:60px;width:87px;
    height:87px;
    background:url('images/close.png') no-repeat left top;
    cursor:pointer;
    z-index:9999;
    -moz-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
}
    
#festDetailsInner {padding:125px 110px;text-align:center;}
#festDetailsInner img {margin-bottom:20px;}
#festDetailsInner p.medium,
#festDetailsInner p.medium a {font-size:20px;}
#festDetailsInner p.large {font-size:24px;line-height:1.1em;}
#festDetailsInner a {color:#7d0d0e;}
#festDetailsInner a,
#festDetailsInner p {font-size:16px;font-family: 'IM Fell English', Arial, serif !important;}

#festDetailsInner > div {display:none;}
#festDetailsInner > div.active {display:block;}

/*-- Snug Styles --*/

#snugFire {position:absolute;top:620px;left:469px;}

#noticeBoardHover {position:absolute;top:330px;left:260px;width:219px;height:141px;cursor:pointer;}
#noticeBoardHover:hover {background:url('images/snug/noticeboardhover.png') no-repeat left top;animation-name:flashingLarge;animation-duration: 1.25s;animation-iteration-count: infinite;animation-timing-function: linear;}

#rulesHover {position:absolute;top:271px;left:828px;width:130px;height:223px;cursor:pointer;}
#rulesHover:hover {background:url('images/snug/ruleshover.png') no-repeat left top;animation-name:flashingLarge;animation-duration: 1.25s;animation-iteration-count: infinite;animation-timing-function: linear;}

#rules {display:none;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:800px;height:1000px;background:url('images/snug/rulescloseup.png') no-repeat left top;}
#rulesInner {
    height: 835px;
    padding: 35px 60px 0;
}

#rulesClose {position:absolute;top:0; right:5px;width:87px;
    height:87px;
    background:url('images/close.png') no-repeat left top;
    cursor:pointer;
    z-index:9999;
    -moz-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
}
#rulesClose:hover {animation-name:pulse;animation-duration: 1.25s;animation-iteration-count: infinite;animation-timing-function: linear;}

#editProfileHover {position:absolute;top:87px;left:502px;width:226px;height:315px;cursor:pointer;}
#editProfileHover:hover {background:url('images/snug/editprofilehover.png') no-repeat left top;animation-name:flashingLarge;animation-duration: 1.25s;animation-iteration-count: infinite;animation-timing-function: linear;}

#birthdayCard {position:absolute;top:413px;left:504px;}

#birthdayHover {position:absolute;top:406px;left:473px;width:150px;height:164px;z-index:99;cursor:pointer;}
#birthdayHover:hover {background:url('images/snug/birthdayhover.png') no-repeat left top;animation-name:flashingLarge;animation-duration: 1.25s;animation-iteration-count: infinite;animation-timing-function: linear;}

#clockClick {position:absolute;top:360px;left:-20px;width:90px;height:90px;cursor:pointer;}

#hourHand {
    position:absolute;
    top:373px;
    left:23px;
    width:6px;
    height:35px;
    background:url('images/snug/hourhand.png') no-repeat center top;
    background-size: contain;
    -ms-transform-origin:center 32px;
    -webkit-transform-origin:center 32px;
    transform-origin:center 32px;
}
#minuteHand {
    position:absolute;
    top:364px;
    left:22px;
    width:8px;
    height:44px;
    background:url('images/snug/minutehand.png') no-repeat center top;
    background-size: contain;
    -ms-transform-origin:center 41px;
    -webkit-transform-origin:center 41px;
    transform-origin:center 41px;
}

#loginFormHolder {float:right;margin:20px 20px 0 0;}
#loginFormHolder .login-remember {display:none;}
#loginFormHolder p a,
#loginFormHolder p {color:#b0b2b4;font-size:16px;font-family: 'IM Fell English', Arial, serif;margin:0 5px 0 0;float:left;}
#loginFormHolder input[type="text"],
#loginFormHolder input[type="password"] {
    padding:5px 10px;
    color:#b0b2b4;
    font-size:16px;
    font-family: 'IM Fell English', Arial, serif;
    background:rgba(0,0,0,0.6);
    border:1px solid #c5c5c5;
    opacity:0.8;
}
#loginFormHolder #submit {background:none;color:#b0b2b4;font-size:16px;font-family: 'IM Fell English', Arial, serif;border:none;cursor:pointer;}
#loginFormHolder #submit:hover {color:#fff;}
.login-submit {margin-top:6px !important;}

#loginFormHolder.failed #email,
#loginFormHolder.failed #password {
    border:1px solid #7a1000;
    opacity:1;
}

#scrollHolder {position:absolute;top:80px;left:0;right:0;margin:auto;display:table;table-layout:fixed;width:70%;height:940px;background:url('images/snug/scrollmiddle.png') no-repeat center top;-webkit-transition: all 1000ms ease;-moz-transition: all 1000ms ease;-ms-transition: all 1000ms ease;-o-transition: all 1000ms ease;transition: all 1000ms ease;-webkit-animation:openScroll ease-in 1;-moz-animation:openScroll ease-in 1; animation:openScroll ease-in 1;	-webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-duration:1s; -moz-animation-duration:1s; animation-duration:1s;z-index:9999999;}
#scrollHolder #scrollLHS {pointer-events:none;position:absolute;z-index:9999;top:0;left:-175px;width:311px;height:940px;background:url('images/snug/scrolllhs.png') no-repeat left top;}
#scrollHolder #scrollRHS {pointer-events:none;position:absolute;z-index:9999;top:0;right:-175px;height:940px;width:296px;background:url('images/snug/scrollrhs.png') no-repeat left top;}
#scrollHolder #scrollMiddle {position:absolute;top:0;left:0;width:100%;height:940px;overflow:hidden;}
#scrollHolder #scrollMiddle #scrollInner {position:absolute;top:150px;left:0;width:100%;text-align:center;opacity:0;-webkit-transition: all 1000ms ease;-moz-transition: all 1000ms ease;-ms-transition: all 1000ms ease;-o-transition: all 1000ms ease;transition: all 1000ms ease;-webkit-animation:fadeIn ease-in 1;-moz-animation:fadeIn ease-in 1; animation:fadeIn ease-in 1;	-webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-duration:1s; -moz-animation-duration:1s; animation-duration:1s;-webkit-animation-delay: 0.9s; animation-delay: 0.9s;}
#scrollHolder #scrollMiddle #scrollInner p {font-family: 'IM Fell English', Arial, serif;color:#fff;font-size:28px;line-height:1.25em;margin-bottom:5px;font-style:italic;}


@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }


@-webkit-keyframes openScroll { from { width:1%; } to { width:70%; } }
@-moz-keyframes openScroll { from { width:1%; } to { width:70%; } }
@keyframes openScroll { from { width:1%; } to { width:70%; } }

#purchaseMembership {display:block;margin:0 auto;width:450px;height:190px;background: url('images/snug/purchase.png') no-repeat left center;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}
#purchaseMembership:hover {-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}


.page-template-snug #pumpkin {position:absolute;top:690px;left:181px;}
.page-template-snug #candle {position:absolute;top:561px;right:-25px;}

#profilePreview {display:none;max-width:250px;}
#canvasPicture {position:absolute;top:141px;left:513px;width:203px;height:255px;background-repeat:no-repeat;background-size:cover;}
#canvasPictureOverlay {position:absolute;top:141px;left:513px;width:203px;height:255px;background:url('images/snug/paintingoverlay.png') no-repeat center top;background-size:cover;}

#ccw,
#cw {display:none;cursor:pointer;}
#cw {position:absolute;top:330px;right:95px;}
#ccw {position:absolute;top:330px;right:250px;}
#ccw .fa,
#cw .fa {font-size:26px;color:#f0da92;}

#memberEditProfileFields #cw {right:75px;}
#memberEditProfileFields #ccw {right:300px;}

#profilePreviewHolder {
    position:absolute;top:365px;right:90px;
    margin:0 auto;
    -ms-transform-origin:center center;
    -webkit-transform-origin:center center;
    transform-origin:center center;
    z-index:9999;
}
#memberEditProfileFields #profilePreviewHolder {
    right:75px;
}
#profilePreview {
    -ms-transform-origin:37.5% 50%;
    -webkit-transform-origin:37.5% 50%;
    transform-origin:37.5% 50%;
}
#profilePreviewHolder #profilePreview:before{ content:''; padding:50% 0; display:block;  background:red; position:relative; top:20px}

.rotate-90 {
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.rotate-180 {
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.rotate-270 {
  -moz-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}

.flip {
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
}

.flip-and-rotate-90 {
  -moz-transform: rotate(90deg) scaleX(-1);
  -webkit-transform: rotate(90deg) scaleX(-1);
  -o-transform: rotate(90deg) scaleX(-1);
  transform: rotate(90deg) scaleX(-1);
}

.flip-and-rotate-180 {
  -moz-transform: rotate(180deg) scaleX(-1);
  -webkit-transform: rotate(180deg) scaleX(-1);
  -o-transform: rotate(180deg) scaleX(-1);
  transform: rotate(180deg) scaleX(-1);
}

.flip-and-rotate-270 {
  -moz-transform: rotate(270deg) scaleX(-1);
  -webkit-transform: rotate(270deg) scaleX(-1);
  -o-transform: rotate(270deg) scaleX(-1);
  transform: rotate(270deg) scaleX(-1);
}

#editProfileTitle,
.requiredDetails h1 {
    font-family:"IM Fell English",Arial,serif;
    color:#fff;
    font-size:41px;    
}
#editProfileTitle {margin-bottom:20px;}
#nonEditable {margin-bottom:30px;}

#memberEditProfileFields p span,
#memberEditProfileFields p strong,
#memberEditProfileFields p,
.requiredDetails p span,
.requiredDetails p,
.requiredDetails p strong {font-family:"IM Fell English",Arial,serif !important; color:#fff !important; font-size:24px !important;}

#scrollInner #nonEditable p a,
#scrollInner #nonEditable p strong,
#scrollInner #nonEditable p {font-family:"IM Fell English",Arial,serif !important; color:#fff !important; font-size:18px !important;}

#memberEditProfileFields p span,
.requiredDetails p span {font-size:20px;}
#memberEditProfileFields,
#memberRequiredFields {text-align:left;padding:0 60px;}
#memberEditProfileFields .fileUpload span,
#memberRequiredFields .fileUpload span {display:block;width:130px;height:41px;background:url('images/snug/browse.png') no-repeat center center;}
#memberEditProfileFields .fileUpload {position:absolute;overflow: hidden;}
#memberRequiredFields .fileUpload {position:absolute;top:265px;right:150px;overflow: hidden;}

.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 30px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
#tsize,
#dobFields select {background:rgba(0,0,0,0.6);color:#f0da92;font-size:20px;border:none;padding:9px 5px 5px;font-family:"IM Fell English",Arial,serif;-webkit-appearance: none; -moz-appearance: none;appearance: none;cursor:pointer;}

#tsize::-ms-expand,
#dobFields select::-ms-expand {display: none;}

#memberEditProfileFields #submit,
#memberRequiredFields #submit {position:absolute;top:590px;left:300px;width:323px;height:114px;background:url('images/snug/submitbutton.png') no-repeat center top;cursor:pointer;border:none;}
#memberEditProfileFields #submit {left:100px !important;}
#memberEditProfileFields #submit.submitting,
#memberRequiredFields #submit.submitting {background:url('images/snug/submittingbutton.png') !important;}

#memberEditProfileFields #submitSpinner {left:102px !important;}

#submitSpinner {display:none;position:absolute;top:603px;left:302px;width:85px;height:85px;background:url('images/snug/snugsubmittingspinner.png') no-repeat center center;-webkit-animation-name: spin;
    -webkit-animation-duration: 3000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-name: spin;
    -moz-animation-duration: 3000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-out;
    -ms-animation-name: spin;
    -ms-animation-duration: 3000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: ease-out;
    
    animation-name: spin;
    animation-duration: 3000ms;
    animation-iteration-count: infinite;
    animation-timing-function: ease-out;}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg);
    transform: rotate3d(0, 0, 1, 360deg);
  }
  
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg);
    transform: rotate3d(0, 0, 1, 360deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg);
    transform: rotate3d(0, 0, 1, 360deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg);
    transform: rotate3d(0, 0, 1, 360deg);
  }

}

/*-- Snug NoticeBoard --*/

.page-template-snug-noticeboard #pins {position:absolute;top:188px;left:48px;pointer-events:none;}
.page-template-snug-noticeboard #topleft {position:absolute;top:300px;left:330px;pointer-events:none;}
.page-template-snug-noticeboard #postcard {position:absolute;top:620px;left:230px;pointer-events:none;}

.page-template-snug-noticeboard .articleLink {display:table-cell;vertical-align:middle;text-align:center;}
.page-template-snug-noticeboard .articleLink a {display:block;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;
transition: all 500ms ease;-moz-transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.page-template-snug-noticeboard .articleLink a:hover {-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}

.page-template-snug-noticeboard #article {display:table;position:absolute;top:320px;left:354px;width:255px;height:230px;z-index:999;-moz-transform: rotate(-17deg);-webkit-transform: rotate(-17deg);-o-transform: rotate(-17deg);-ms-transform: rotate(-17deg);transform: rotate(-17deg);}
.page-template-snug-noticeboard #article a {font-family: 'Kristi', cursive;font-size:52px;color:#000;line-height:1em;padding:10px;}

.page-template-snug-noticeboard #article1 {display:table;position:absolute;top:335px;left:595px;width:210px;height:145px;}
.page-template-snug-noticeboard #article1 a {font-family: "chemist-rough",sans-serif;font-size:43px;color:#000;line-height:0.8em;padding:10px;}

.page-template-snug-noticeboard #article2 {display:table;position:absolute;top:330px;left:858px;width:250px;height:170px;-moz-transform: rotate(-16deg);-webkit-transform: rotate(-16deg);-o-transform: rotate(-16deg);-ms-transform: rotate(-16deg);transform: rotate(-16deg);}
.page-template-snug-noticeboard #article2 a {font-family: 'Kristi', cursive;font-size:45px;color:#000;line-height:1em;}

.page-template-snug-noticeboard #article3 {display:table;position:absolute;top:583px;left:69px;width:220px;height:205px;-moz-transform: rotate(-7deg);-webkit-transform: rotate(-7deg);-o-transform: rotate(-7deg);-ms-transform: rotate(-7deg);transform: rotate(-7deg);}
.page-template-snug-noticeboard #article3 a {font-family: "chemist-rough",sans-serif;font-size:54px;color:#000;line-height:0.8em;}

.page-template-snug-noticeboard #article4 {display:table;position:absolute;top:541px;left:660px;width:205px;height:220px;-moz-transform: rotate(-10deg);-webkit-transform: rotate(-10deg);-o-transform: rotate(-10deg);-ms-transform: rotate(-10deg);transform: rotate(-10deg);}
.page-template-snug-noticeboard #article4 a {font-family: 'Just Another Hand', cursive;font-size:52px;color:#000;line-height:1em;}

.page-template-snug-noticeboard #article5 {display:table;position:absolute;top:685px;left:895px;width:157px;height:88px;-moz-transform: rotate(3deg);-webkit-transform: rotate(3deg);-o-transform: rotate(3deg);-ms-transform: rotate(3deg);transform: rotate(3deg);}
.page-template-snug-noticeboard #article5 a {font-family: 'Just Another Hand', cursive;font-size:28px;color:#000;line-height:1em;text-align:center;}

#noticeboardClose {position:absolute;top:135px; right:5px;width:87px;
    height:87px;
    background:url('images/close.png') no-repeat left top;
    cursor:pointer;
    z-index:9999999999;
    -moz-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
}
#noticeboardClose:hover {animation-name:pulse;animation-duration: 1.25s;animation-iteration-count: infinite;animation-timing-function: linear;}


.single-snugnoticeboard #outerPage {background-image:url('images/snug/snugnoticearticlebg.jpg');}
.single-snugnoticeboard #articleContent {-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;-webkit-column-gap: 40px;-moz-column-gap: 40px;column-gap: 40px;margin:20px 80px 20px 70px;height:530px;overflow-y:auto;overflow-x:auto;}
.single-snugnoticeboard #articleTitle {color: #000;display: block;float: left;font-family: "Kristi",cursive;font-size: 94px;margin: 200px auto 30px;padding: 0 75px;text-align: center;width: calc(100% - 150px);}
.single-snugnoticeboard #articleContent h1,
.single-snugnoticeboard #articleContent h2 {-webkit-column-span: all;column-span: all;}
.single-snugnoticeboard #articleContent img {border:3px solid #fff;}
.single-snugnoticeboard #articleContent h1,
.single-snugnoticeboard #articleContent h2,
.single-snugnoticeboard #articleContent h3,
.single-snugnoticeboard #articleContent h4,
.single-snugnoticeboard #articleContent h5,
.single-snugnoticeboard #articleContent h6,
.single-snugnoticeboard #articleContent p,
.single-snugnoticeboard #articleContent li,
.single-snugnoticeboard #articleContent a {font-family: 'IM Fell English', Arial, serif;color:#15151b;}
.single-snugnoticeboard #articleContent h2 {font-size:28px; text-transform: uppercase;margin-bottom:20px;}
.single-snugnoticeboard #articleContent p {font-size:17px;line-height:1.25em;}


/*-- Page Transition --*/

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

body.fadeOut {
    animation-name: fadeOut !important;
    animation-duration: 1s;
}

body {
    animation-name: fadeIn;
    animation-duration: 0.5s;
    transition-timing-function: ease-in;
    animation-fill-mode: both;
}

#outerPage {position:relative;padding-bottom:40px;}
#thinkinc {
    position: absolute;
    bottom:10px;
    right:0;
    left:0;
    width:130px;
    margin:auto;
    color:#fff;
    opacity:0.3;
    font-family: 'IM Fell English', Arial, serif;
    -webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;
}
#ppolLink {
    position: absolute;
    bottom:10px;
    right:0;
    width:130px;
    margin:auto;
    font-size:12px;
    color:#fff;
    font-family: 'IM Fell English', Arial, serif;
    -webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;
}
#ppolLink a {font-size:12px;
    opacity:0.3;
    color:#fff;
    font-size:12px;
    font-family: 'IM Fell English', Arial, serif;
}
#ppolLink a:hover,
#thinkinc:hover {
    opacity:1;
}

/*-- Carnival Page --*/

#boneyard {
  position:absolute;
  top:495px;
  left:990px;
  width:193px;
  height:167px;
  cursor:pointer;
  /*background:url('images/carnival/boneyard.png') no-repeat center top;*/
  z-index:9;
}
#boneyard .hover {
  position:absolute;
  top:0;
  left:0;
  width:197px;
  height:158px;
  background:url('images/carnival/boneyard-hover.png') no-repeat center top;
}
#freakshow {
  position:absolute;
  top:298px;
  left:445px;
  width:354px;
  height:462px;
  cursor:pointer;
  /*background:url('images/carnival/freakshow.png') no-repeat center top;*/
}
#freakshow .hover {
  position:absolute;
  top:205px;
  left:38px;
  width:199px;
  height:155px;
  background:url('images/carnival/freakshow-hover.png') no-repeat center top;
}
#claw {
  position:absolute;
  top:585px;
  left:365px;
  width:80px;
  height:125px;
  cursor:pointer;
  /*background:url('images/carnival/freakshow.png') no-repeat center top;*/
}
#claw .hover {
  position:absolute;
  top:-15px;
  left:-60px;
  width:199px;
  height:155px;
  background:url('images/carnival/claw-hover.png') no-repeat center top;
}
#hammer {
  position:absolute;
  top:485px;
  left:445px;
  width:80px;
  height:255px;
  cursor:pointer;
  /*background:url('images/carnival/freakshow.png') no-repeat center top;*/
}
#hammer .hover {
  position:absolute;
  top:50px;
  left:-65px;
  width:199px;
  height:155px;
  background:url('images/carnival/hammer-hover.png') no-repeat center top;
}
#ghosttrain {
  position:absolute;
  top:290px;
  left:610px;
  width:220px;
  height:230px;
  cursor:pointer;
  /*background:url('images/carnival/ghosttrain.png') no-repeat center top;*/
}
#ghosttrain .hover {
  position:absolute;
  top:50px;
  left:10px;
  width:204px;
  height:1559px;
  background:url('images/carnival/ghosttrain-hover.png') no-repeat center top;
}
#helterskelter {
  position:absolute;
  top:190px;
  left:250px;
  width:189px;
  height:354px;
  cursor:pointer;
  /*background:url('images/carnival/helterskelter.png') no-repeat center top;*/
}
#helterskelter .hover {
  position:absolute;
  top:100px;
  left:0;
  width:201px;
  height:159px;
  background:url('images/carnival/helterskelter-hover.png') no-repeat center top;
}
#manor {
  position:absolute;
  top:110px;
  left:470px;
  width:223px;
  height:264px;
  cursor:pointer;
  /*background:url('images/carnival/manor.png') no-repeat center top;*/
}
#manor .hover {
  position:absolute;
  top:100px;
  left:0;
  width:199px;
  height:161px;
  background:url('images/carnival/manor-hover.png') no-repeat center top;
}
#ship {
  position:absolute;
  top:596px;
  left:880px;
  width:315px;
  height:361px;
  background:url('images/carnival/ship.png') no-repeat center top;
  z-index:99;
  pointer-events:none;
}
#store {
  position:absolute;
  top:670px;
  left:220px;
  width:127px;
  height:150px;
  cursor:pointer;
  /*background:url('images/carnival/store.png') no-repeat center top;*/
}
#store .hover {
  position:absolute;
  top:-30px;
  left:-40px;
  width:200px;
  height:158px;
  background:url('images/carnival/store-hover.png') no-repeat center top;
}
#tarot {
  position:absolute;
  top:459px;
  left:927px;
  width:163px;
  height:135px;
  cursor:pointer;
  /*background:url('images/carnival/tarot.png') no-repeat center top;*/
}
#tarot .hover {
  position:absolute;
  top:-50px;
  left:-25px;
  width:201px;
  height:159px;
  background:url('images/carnival/tarot-hover.png') no-repeat center top;
}
#pumpkinShy {
  position:absolute;
  top:600px;
  left:820px;
  width:160px;
  height:135px;
  cursor:pointer;
  /*background:url('images/carnival/pumpkin-shy.png') no-repeat center top;*/
}
#pumpkinShy .hover {
  position:absolute;
  top:-50px;
  left:-25px;
  width:201px;
  height:159px;
  background:url('images/carnival/pumpkin-shy-hover.png') no-repeat center top;
}
/*.carnivalItem {border:3px solid #0f0;}*/
.carnivalItem .hover {
  display:none;
}
.carnivalItem:hover .hover {
  display:block;
}

#screensaverOverlay {
  display:none;
  position:absolute;
  top:0;
  left:0;
  right:0;
  margin:auto;
  width:1011px;
  height:970px;
  background:url('images/carnival/screensaver-overlay.png') no-repeat center top;
  z-index:999;
}
#screensaverOverlay #close {
  position:absolute;
  top:235px;
  right:0;
  width:87px;
  height:87px;
  background:url('images/close.png') no-repeat center top;
  cursor:pointer;
}
#mac {
    position:absolute;
    top:587px;
    left:106px;
    width:100px;
    height:122px;
    background:url('images/carnival/mac.png') no-repeat center top;
    cursor:pointer;
}
#win {
    position:absolute;
    top:587px;
    left:808px;
    width:95px;
    height:120px;
    background:url('images/carnival/win.png') no-repeat center top;
    cursor:pointer;
}
.flag {
    position:absolute;
    top:6px;
    left:508px;
    background:url('images/carnival/flagsprite.png') no-repeat center top;
    background-position:0 0;
    width:69px;
    height:55px;
    animation: flagPlay 1s steps(8) infinite;
}
@keyframes flagPlay {
   0% { background-position: 0 0; }
   100% { background-position: 0 -440px; }
}
#videoOuter {
  display:none;
  position:absolute;
  top:100px;
  left:0;
  right:0;
  margin:auto;
  width:1007px;
  height:789px;
  z-index:9999;
}
#videoOverlay {
  position:absolute;
  top:0;
  left:0;
  width:1007px;
  height:789px;
  background:url('images/carnival/video-overlay.png') no-repeat center top;
  pointer-events:none;
}
#videoOuter #close {
  position:absolute;
  top:115px;
  right:50px;
  width:87px;
  height:87px;
  background:url('images/close.png') no-repeat center top;
  cursor:pointer;
  z-index:999;
}
#videoHolder {
  position:absolute;
  top:175px;
  left:107px;
  width:788px;
  height:443px;
  background:#000;
}
#videoHolder.noVideo {
  background:url('images/carnival/novideo.jpg') no-repeat center top;
}
/*-- Halloween 2016 --*/

.jumpScare {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:99999999;
    background-size:contain;
}

.jumpScare#pumpkin {background:url('images/halloween2016/pumpking.png') no-repeat center bottom;}
.jumpScare#goblin {background:url('images/halloween2016/goblin.png') no-repeat center bottom;}
.jumpScare#fester {background:url('images/halloween2016/fester.png') no-repeat right bottom;background-size:auto 100%;}

/*-- Tshift offer --*/

#toffers .product {float:left;margin:20px 10px;width:calc(50% - 20px);}
#toffers .product .imageCol img {border:1px solid #8c7e64;}
#toffers .product h2 {font-size:24px !important;margin-bottom:3px !important;}
#toffers .product .code {font-size:18px !important; color:#771818 !important;margin-bottom:10px !important;}
#toffers .product .sizes {font-size:16px !important;margin:0 !important;}
#toffers .product p {font-size:14px;}
.col10 {width:10px;}


/*-- VR Styles --*/

.page-template-vr #lhsText {position:absolute;top:660px;left:120px;width:430px;background:rgba(0,0,0,0.7);box-shadow:0 0 10px #000;padding:10px;}
.page-template-vr #lhsText p {font-family:'IM Fell English',Arial, Serif;color:#da9f61;font-size:20px;line-height:1.25em;}
.page-template-vr #rhsText {position:absolute;top:420px;left:600px;width:520px;}
.page-template-vr #rhsText p {font-family:'IM Fell English',Arial, Serif;color:#fff;font-size:29px;line-height:1.25em;margin-bottom:0.5em;}
.page-template-vr #rhsText p a {color:inherit;font-family:inherit;font-size:25px;font-style:italic;}
.page-template-vr #rhsText p a:hover {color:#ff6618 !important;}
.page-template-vr #rhsText p a strong {font-size:29px;font-family:inherit;text-decoration:underline;font-style:normal;}

.mobileOnly {display:none !important;}
.mobile .desktopOnly {display:none !important;}
.mobile .mobileOnly {display:block !important;}


/*-- Hobmog Styles --*/

.page-template-christmasparty #wpcf7-f27209-o1 {position:absolute;top:450px;left:0;right:0;width:490px;margin:auto;}
.page-template-christmasparty #wpcf7-f27209-o1 textarea,
.page-template-christmasparty #wpcf7-f27209-o1 input {padding:5px;width:calc(100% - 10px);background:rgba(0,0,0,0.6);border:1px solid #aaaaae;color:#fff;font-size:18px;font-family: 'IM Fell English', Arial, serif ;}
.page-template-christmasparty #wpcf7-f27209-o1 p {margin-bottom:10px;}
.page-template-christmasparty #wpcf7-f27209-o1 textarea {height:150px;}
.page-template-christmasparty #wpcf7-f27209-o1 input[type="submit"] {display:block;margin:0 auto;width:204px;height:83px;background:url('images/christmas-submit.png') no-repeat center top;cursor:pointer;border:none;text-indent:-99999px;}
.page-template-christmasparty .wpcf7-response-output {color:#fff !important;}
.page-template-christmasparty input[type="checkbox"] {width:auto !important;margin-right:10px;}
.page-template-christmasparty label {color:#fff;font-family:'IM Fell English',Arial, Serif;}
.page-template-christmasparty a {color:#fff;text-decoration:underline;font-family:'IM Fell English',Arial, Serif;}
.page-template-christmasparty #thinkinc {bottom:-50px;}


/*-- Terms Styles --*/

.page-template-terms #staticLHS h1 {font-family:'IM Fell English', Arial, serif;font-size:40px;color:#000;text-align:center;margin-bottom:15px;}
.page-template-terms #staticLHS a {display:block;font-family:'IM Fell English', Arial, serif;font-size:20px;color:#000;text-align:center;text-decoration:underline;margin-bottom:5px;line-height:1.25em;}
.page-template-terms #staticLHS a.current,
.page-template-terms #staticLHS a:hover {font-weight:bold;text-transform:uppercase;}


.page-template-freepint {background:#017581 !important;}
.page-template-freepint #outerPage {background:url('images/freepint/background.jpg') no-repeat center top;background-size: contain !important;background-attachment:initial !important;}
/*.page-template-freepint #page {overflow:hidden;}*/
#stand {position:absolute;top:0;left:-505px;width:846px;height:823px;background:url('images/freepint/stand.png') no-repeat center top;}
#mats {position:absolute;top:60px;left:80px;width:781px;height:476px;background:url('images/freepint/mats.png') no-repeat center top;}
#pump {position:absolute;top:40px;right:-300px;width:256px;height:971px;background:url('images/freepint/pump.png') no-repeat center top;}

.products .post-39219 .price,
.postid-39219 .summary .price {display:none !important;}