/**
 * Table of Contents:
 *
 *  1. Reset
 *  2. Fonts
 *  3. Responsive Grid System
 *  4. Root styles
 *  5. Child overridden
 *  6. Page specific
 *     6.1 Home
 *     6.2 Gallery
 *     6.3 Find Us
 *     6.4 Menu
 *     6.5 About us
 *     6.6 Jobs/Feedback
 *     6.7 Archive
 *     6.8 Join the club
 *  7. Helper clasess
 *  8. Frontend plugins
 *     8.1 Flexslider
 *     8.2 Fancybox
 *     8.3 quform
 *  9. Media queries
 *     9.1 For responsive
 *     9.2 For print
 * 10. IE
 */


/* 1. 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: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

img {
    vertical-align: middle;
}

/* 2. Fonts
-------------------------------------------------------------- */


/* 3. Responsive Grid System
 * Note: RGS media queries have been moved to the media queries
 *       section for consistency
-------------------------------------------------------------- */
/*  SECTIONS  */
.section { clear: both; padding: 0px; margin: 0px; }

/*  COLUMN SETUP  */
.col { display: block; float:left; margin: 1% 0 1% 1.6%; }
.col:first-child { margin-left: 0; }



.span_8_of_8 { width: 100%; }
.span_7_of_8 { width: 87.3%; }
.span_6_of_8 { width: 74.6%; }
.span_5_of_8 { width: 61.9%; }
.span_4_of_8 { width: 49.2%; }
.span_3_of_8 { width: 36.5%; }
.span_2_of_8 { width: 23.8%; }
.span_1_of_8 { width: 11.1%; }

.span_10_of_10 { width: 100%; }
.span_9_of_10 { width: 89.84%; }
.span_8_of_10 { width: 79.68%; }
.span_7_of_10 { width: 69.52%; }
.span_6_of_10 { width: 59.36%; }
.span_5_of_10 { width: 49.2%; }
.span_4_of_10 { width: 39.04%; }
.span_3_of_10 { width: 28.88%; }
.span_2_of_10 { width: 18.72%; }
.span_1_of_10 { width: 8.56%; }

.span_12_of_12 { width: 100%; }
.span_11_of_12 { width: 91.46%; }
.span_10_of_12 { width: 83%; }
.span_9_of_12 { width: 74.54%; }
.span_8_of_12 { width: 66.08%; }
.span_7_of_12 { width: 57.62%; }
.span_6_of_12 { width: 49.16%; }
.span_5_of_12 { width: 40.7%; }
.span_4_of_12 { width: 32.24%; }
.span_3_of_12 { width: 23.78%; }
.span_2_of_12 { width: 15.32%; }
.span_1_of_12 { width: 6.86%; }

/*  GROUPING  */
.group:before, .group:after { content:""; display:table; }
.group:after { clear:both; }

/* 4. Root styles
-------------------------------------------------------------- */
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    font: 80%/1.6 'Domine', Georgia, serif;
    padding-bottom: 2em;
    background:url(images/cocomomo/bg.jpg);
}

a,
a:link,
a:active {
    -moz-transition: color 0.2s ease;
    -o-transition: color 0.2s ease;
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease;
    color: #333;
    font-weight: bold;
    text-decoration: none;
}

a:hover {
    color: #000;
}

a:visited {
    color: #4B4B4B;
}

h1 {
    font-size: 1.8em;
}
h2 {
    font-size: 1.4em;
}
h3 {
    font-size: 1.2em;
}
h4 {
    font-size: 1em;
}

h1,h2,h3,h4 {
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

p {
    margin: 0.4em 0 1em;
}

input, select, textarea {
    font-family: sans-serif;
}

#page {width: 940px; margin: 1em auto 0; z-index: 2; }
#branding {
    text-align: center;
}
#branding .logo {display: block;  font-size: 1.4em; margin: 1em auto 2em; overflow: hidden; width: 290px; }
#branding .social {margin: 0.2em 0 1em; display: inline-block;}
.social .social-link {display: inline-block; margin: 0 4px; height: 100%; }
.social .social-link img {max-height:100%; width: auto; }
.nav-container {}
#nav {height: 3.2em; clear: left; font-size: 1em;  position: relative; z-index: 2; }
.nav-container ul {overflow: hidden; zoom: 1; }
#nav ul {margin: 0;text-align: center;font-weight: bold;}
#mobile_nav ul {margin:  0;clear: left;padding: 1em 0 0;display: none;}
.nav-container li {display: inline-block;}
.nav-container li.home {display: none;}
.nav-container li a,.nav-container li .seperator{padding: 1em 0.4em 1em 0.6em;line-height: 1.2;display: block;}
.nav-container li a {text-decoration: none;  color: #231f20; font-weight: bold; text-transform: uppercase;letter-spacing: 1px;float: left;font-family: 'Open Sans', sans-serif;}
.nav-container .sub-primary li a,.nav-container .sub-primary li .seperator {font-weight:normal;padding: 0.3em 0.4em 0.3em 0.6em;}
.nav-container li .seperator {float: right; }
.nav-container li:last-child .seperator {display:none;}
.nav-container li.home a {padding: 0.5em 0.3em; }
.nav-container li a:hover, #nav li.current-menu-item a {color: #aaa98a; }
#mobile_nav {display: none; overflow: hidden;}
#main {position: relative;    overflow: hidden;margin: 2.5em 0;}
#content { }
#content img {max-width: 100%; }
.sidebar {width: 23%; float: right; background-color: #f00; color: #f00; font-size: 85%; display: none;}
.sidebar img {max-width: 100%; }
.sidebar .widget {padding: 0.8em; }
.sidebar .widget p:last-child {margin-bottom: 0; }
.sidebar a {font-weight: bold; font-style: italic; text-decoration: none; color: #fff; }
#sidebar-upper { position: relative; z-index: 3;   margin-right: 1%; }
#sidebar-upper .widget {padding-top: 0.5em; }
#sidebar-lower {    float: right;margin-right: 1%;}
/* Simulate margin when the absolutely positioned sidebar extrudes below the page */
#sidebar-lower:after {content: ""; position: absolute; top: 100%; height: 40px; width: 1px; display: block; }
#sidebar-lower .widget:last-child {border-top: 1px solid; border-bottom: 1px solid; margin: 0.8em; padding-left: 0; padding-right: 0; }
.sidebar .widget-title {font-size: 1.2em; text-align: center; border: 1px solid; border-width: 1px 0; margin: 0 0 0.4em; font-weight: normal; line-height: 1.8; padding: 0.3em 0 0.2em; }
footer.main, .box-footer-contact, .box-footer-feedback, .box-footer-sustainability, footer.main .copyright, .footer-secondary, .box-footer-opentableaward, .box-footer-tripadvisor { border-image: url(images/cocomomo/border-dotted.png) 5 5 repeat; }
footer.main .box-footer-opentableaward { padding: 1.8em 1.4em 2em; border-top: 5px dotted black; }
footer.main { border-top:5px solid; color: #333; width: 940px; margin: 25px auto 0; padding: 0.2em 0; z-index: 1;}
footer.main .box-title { margin-bottom: 0; font-size: 2em; padding-left: 0;}
footer.main .wrap {margin: 0 1%; padding: 0 0 0.4em; }
#page, footer.main {position: relative; }
#page:after, footer.main:after { width: 23%; height: 100%; padding: 0 0.5px; }
footer.main:after {top: -25px; padding-top: 25px; }
#page:after {top: 0px; z-index: 1; }
footer.main .copyright {clear: left; border-top: 5px dotted black; border-bottom: 5px dotted black; padding: 0.9em 0 0.7em; text-align: center; font-weight: normal; font-size: 0.9em;position: relative;}
footer.main .tghp-bug {position:absolute;right: 2em;font-weight: normal;top: 0.9em;}
footer.main .faf-bug {position:absolute;left: 2em;font-weight: normal;top: 0.9em;}
footer.main p {margin: 0.2em 0 0.2em; }
footer.main .locations-grid .box-title {margin-bottom: 0; }
footer.main h3 {text-transform:uppercase; font-family: 'Open Sans', sans-serif; font-size: 1.6em; margin-bottom: 0.8em;font-weight: 600;}
footer.main .locations-grid { width: 66%; }
footer.main .footer-secondary { width: 32.4% }
.box-footer-contact,.box-footer-feedback,.box-footer-sustainability, .box-footer-feedback { padding: 1.1em 1.4em 2em; border-bottom: 5px dotted black; overflow:hidden;}
.box-footer-contact .address {text-transform:uppercase;margin:0 2em 0.6em 0;}
.box-footer-contact .cocomomo-logo {width: 180px; max-width:100%; margin-bottom: 0.8em;}
.box-footer-feedback {margin-bottom: 1.6em; }
.box-footer-feedback .footer-feedback-title {display:block; margin-bottom: 1em; }
.box-footer-feedback .feedback-text { margin-bottom: 1em; position: relative; }
.box-footer-feedback .footer-feedback-bio { }
.box-footer-feedback .footer-feedback-button { display: block; text-align: right; }
.box-footer-feedback .footer-feedback-button a {background: #333;color: #fff;padding: 0.7em 1.5em;display: block;float: right;letter-spacing: 1px;}
.box-footer-feedback .footer-feedback-button img {max-width: 100%; }
footer.main .tghp-logo {float: right; }
.locations-grid .faf-locations li {float: left; width: 20%; margin: 0 2.5%; text-align: center; height: 15em;  line-height: 1.3; }
.locations-grid .faf-locations {margin: 1em 0 1em -2.5%; }
.locations-grid .faf-locations li .location-logo {margin-bottom: 1em; max-width: 100%; height: auto; }
.faf-locations a { text-decoration: none; font-weight: normal; font-family: 'Domine', Georgia, Times New Roman, serif; font-weight: bold;}
.box-title {padding: .3em .4em; color: #333; font-size: 1.2em; margin-bottom: .5em; font-family: 'Open Sans'; font-weight: 700;  text-transform: uppercase;}
.decorative-title { line-height: 1.8; }
.sansserif-title {font-weight:bold; font-style: italic; line-height: 1.8; font-family: sans-serif; }
.form-title { position: relative; font-family: 'Open Sans'; text-transform: uppercase; font-weight: 600; }
.minor-hero-1 {margin-bottom: 1em; }
#footer-nav, .box-footer-sustainability, .box-footer-tripadvisor { }

.box-footer-tripadvisor .TA_certificateOfExcellence,
.box-footer-tripadvisor .TA_rated {width: 153px; overflow: hidden; margin: 0 auto; max-width: 100%; }
.box-footer-tripadvisor .TA_certificateOfExcellence .widCOE {margin: 0 !important; padding: 0 !important; }
#footer-nav a {color: white; text-decoration: none; line-height: 1; }
#footer-nav .footer-nav-title {display:block; margin-bottom: 1em; }
.box-footer-sustainability { border-bottom: none; border-image: none;}
.box-footer-sustainability-ribbon {float:right; margin-left: 1em;}
.box-footer-tripadvisor { border-top: 5px dotted black; margin: 1.4em 0 0.4em; padding-top: 1.6em; padding-bottom: 1.4em; }
.sidebar .pub_book_table .book-button {width: 100%; display: block; text-decoration: none; border-radius: 0; box-shadow: none; border: none; line-height: 2.5; margin-top: .5em; color: #fff; }
.sidebar .pub_book_table div.book-button {cursor: default; font-weight: bold; font-style: italic; }
.sidebar .pub_book_table .book-info {text-align: center; padding: 0.4em 0 0.1em; }
.sidebar .pub_opening_times {line-height: 1.2; }
.sidebar .pub_opening_times h4 {text-align: center; font-weight: bold; font-style: italic; font-size: 1.2em; margin: 0.5em 0; }
.sidebar .pub_opening_times .opening-group .opening-period, .sidebar .pub_opening_times .opening-group .opening-times {display: block; text-align: center; margin: 0; }
.sidebar .pub_opening_times .opening-group .opening-times {font-weight: normal; margin-bottom: 0.2em; }
.sidebar .pub_opening_times .opening-group .opening-time {text-align: center; }
.sidebar .pub_opening_times .opening-group .opening-period {font-weight: bold; }
.sidebar .pub_opening_times .before-times-content {text-align: center; font-weight: bold; margin-bottom: 0.5em; }

.menu-attachment {
    text-align: center;
    margin: 0.4em 0;
    background: #ccc;
    padding: 0.6em;
    font-size: 1.4em;
}

.menu-attachment a {
    color: #000;
}

.menu-attachment img {
    max-width: 100%;
}

.button-grey,
.iphorm-submit-wrap button,
.iphorm-uniform-theme-default div.uploader span.action,
.button-black {
    font-size: 1.3em;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    cursor: pointer;
    text-align: center;
    overflow: visible;
    white-space: nowrap;
    font-style: normal;
}

.button-grey,
.iphorm-submit-wrap button,
.iphorm-uniform-theme-default div.uploader span.action {
    background: #C5C5C5;
    color: #5C5C5C;
    border: none;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}

.button-black {
    color: #fff;
    background: #2e3123;
    background: -moz-linear-gradient(top,  #2e3123 0%, #161813 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2e3123), color-stop(100%,#161813));
    background: -webkit-linear-gradient(top,  #2e3123 0%,#161813 100%);
    background: -o-linear-gradient(top,  #2e3123 0%,#161813 100%);
    background: -ms-linear-gradient(top,  #2e3123 0%,#161813 100%);
    background: linear-gradient(to bottom,  #2e3123 0%,#161813 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e3123', endColorstr='#161813',GradientType=0 );
}

.whole { width: 100%; }
.half { width: 50%; }
.third { width: 33.3%; }
.fourth { width: 25%; }
.fifth { width: 20%; }
.sixth { width: 16.6%; }
.seventh { width: 14.2%; }
.eighth { width: 12.5%; }
.ninth { width: 11.1%; }
.tenth { width: 10%; }

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    margin: 0.4em 0 1em;
    height: 0;
    overflow: hidden;
    clear: both;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#cookie-prompt {
    display: none;
    padding: 1em 0.5em 1.2em;
    text-align: center;
    background: #333;
    color: #fff;
    position: relative;
    z-index: 9999;
    font-size: 0.95em;
}

#cookie-prompt span {
    padding-right: 1em;
}

#cookie-prompt .button {
    padding: 0.3em;
    font-size: 1em;
}

.no-js #cookie-prompt {
    display: block !important;
}

.cookie-prompt-info {
    font-style: italic;
    font-size: 0.9em;
    margin: 0.8em 1em 0 1em;
    display: none;
}

/* 5. Child overridden
-------------------------------------------------------------- */
.faf-menus .menu-course-title { }

/* 6. Page specific
-------------------------------------------------------------- */
.page .entry-title {
    border-bottom: 4px solid #3f3c3c;
    padding-bottom: 0.2em;
    margin-bottom: 0.6em;
}

/* 6.1 Home
   ----------------------------------------------------------- */
.home-slider {
    margin-top: 0;
    margin-bottom: 1.2em;
}

.home-slider .flex-direction-nav {
    display: none;
}

.home-grid .col {
    width: 301px;
    height: 355px;
    background: #e6e7e8;
    margin: 10px 9px;
    position: relative;
}

.home-grid .col .full-image {
    width: 100%;
    height: 100%;
}

.home-grid-content {
    margin: 1.4em 1.6em;
    color: #333;
    position: relative;
    line-height: 1.35;
}

.home-grid-content h2 {
    font-family: 'Open Sans', sans-serif;
    font-weight:600;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 1.4em;
    color: #4d4d4f;
    line-height: 1.3;
}

.home-grid-content p:last-child {
    margin-bottom: 0;
}

.home-grid-content a {
    font-weight: normal;
}

.home-grid-content .badge {
    float:right;
    margin-left: 0.9em;
}

.home-grid-book .phone {
    font-size: 1.8em;
    margin-top: -0.2em;
}

.home-grid div.col-1,.home-grid div.col-4,.home-grid div.col-7 {margin-left: 0;}
.home-grid div.col-3,.home-grid div.col-6,.home-grid div.col-9 {margin-right: 0;}

.home-grid-opening h4 {
    text-transform: uppercase;
}

.home-grid-opening h4:first-child {
    display:none;
}

.home-grid-opening .before-times-content {
    font-weight: bold;
    line-height: 1.4;
    margin: 0.2em 0 0.1em;
}

.home-grid-opening .opening-period {
    float: left;
    margin-right: 0.5em;
}

.home-grid-join p, .home-grid-voucher p {overflow:hidden;}

.home-grid-join, .home-grid-voucher, .home-grid-hire {
    position: absolute;
    bottom: 0;
}

.home .box-title {
}
.home .box-home-news article,

.home .box-home-news article {
    margin: 0 0.8em;
}

.home .box-home-news article.first {
    border-bottom: 1px dashed #ccc;
    margin-bottom: 1em;
    padding-bottom: 1em;
}

.box-home-news .entry-title {
    border: none;
}

.box-home-news a {
    color: #333;
    text-decoration: none;
}

.box-home-news h2 a {
    color: white;
}

.home .box-home-news .entry-title,
.home .box-home-news .seperator,
.home .box-home-news .entry-meta {
    display: inline;
    font-size: 1.2em;
    font-weight: bold;
    font-style: italic;
    margin: 0;
    padding: 0;
}

.home .entry-link {
    display: block;
    text-align: right;
    font-weight: bold;
    font-style: italic;
    font-size: 1.1em;
    color: #333;
    text-decoration: none;
}

.home .entry-summary {
    font-weight: normal;
    margin-bottom: 0.4em;
}

.home .entry-summary p {
    margin: 0;
    padding: 0;
}

.home-full-join-club {
    clear: both;
    background: #e6e7e8;
    padding: 12px 29px 10px;
    overflow: hidden;
    margin-bottom: 0.8em;
}
.home-full-join-club img {
    float: right;
}
.home-full-join-club h2 {
    font-size: 2.1em;
    letter-spacing: 2px;
    color: #4d4d4f;
    font-weight: 400;
    font-family: 'Open Sans';
    margin-top: 0.4em;    
}

.home-full-join-club p {
    font-size: 1.2em;
    margin: 0.2em 0 0;
}

.lower-heroes { clear:both; }
.lower-heroes > div { clear:both; }
.box-meet-the-manager .box-title {display: none; }
.home .meet-the-manager-bio {margin: 1em 0 0.6em 0.6em; }
.box-home-tweet {background: #333 url(images/twitter-background.png) no-repeat 0 0; }
.box-home-tweet .box-content {color: #fff; text-align: center; line-height: 1; padding: 0.7em 0.8em 0.8em 0; font-weight: bold; }
.box-home-tweet .box-title {margin: 0; padding: 0.1em 1.6em 0.1em 70px; float: left; font-size: 1.8em; background: none; }
.box-home-tweet a {color: #fff; }
.home-cta1-left {margin-right: 0.8%; }
.home-cta1-right {margin-left: 0.8%; }
.hero-image23, .hero-image32 { float:left; }
.hero-image23 {width:50%;}
.hero-image32 {width:33.3%;}

.home-message {
    background-color: #e6e7e8;
    clear: both;
    margin: 0 0 20px;
    padding: 20px 30px;
    font-size: 1.4em;
}

/* 6.2 Gallery
   ----------------------------------------------------------- */
#gallery_enlarge {
    display:none;
}
   
.ngg-galleryoverview {
    overflow: hidden;
    zoom: 1;
}

.ngg-gallery-thumbnail {
    border: 1px solid #ccc;
    padding: 2.5%;
    background: #fff;
}

.ngg-gallery-thumbnail-box {
    float: left;
    width: 31.5%;
    margin: 0.8%;
    box-shadow: 1px 1px 1px 0 rgba(100,100,100,0.3);
}

.ngg-gallery-thumbnail-box a {
    display: block;
    border: 1px solid rgb(131, 129, 129);
    box-shadow: 0 0 1px 1px #d6d6d6;
    border-radius: 1px;
}

.ngg-gallery-thumbnail-box img {
    min-width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0;
}

.ngg-gallery-thumbnail-box img.gallery-nonlinked {
    display: none;
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    overflow: hidden;
    z-index: 8010;
    background: url('images/fancybox_overlay.png');
}

.fancybox-loading {
    background: rgba(255, 255, 255, 0.5) url(http://www.foodandfuel.co.uk/our-cafes/coco-momo-kensington/wp-content/themes/foodandfuel-pub/images/loading-animated.gif) no-repeat center center;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 9999;
    width: 100%;
}

#gallery-flexslider {
    width: 80%;
    position: relative;
    left: 10%;
}

#gallery-flexslider .flex-direction-nav a {
    opacity: 1;
}

.flex-viewport .slides li {
    text-align: center;
    height: 100%;
    position: relative;
}

.flex-viewport .slides li img {
    max-width: 100%;
    max-height: 100%;
    /*height: inherit;*/
}

.flex-viewport .slides li img:after {
    display: block;
    content: '';
    box-shadow: inset 0 0 9px 3px rgba(0,0,0,1);
    width: 100%;
    height: 120%;
    position: absolute;
    background: red;
}

/* 6.3 Find Us
   ----------------------------------------------------------- */
#findus_map {
    width: auto;
    height: 440px;
    border: 1px solid black;
    padding: 1px;
}

#findus_map img {
    max-width: none;
}

#findus_map_image {
    display:none;
}

#findus_map_image img {
    border: 1px solid black;
}

#findus_map_canvas {
    width: 100%;
    height: 100%;
}

.findus-howto {
    margin: 2.5em 0;
}

.findus-howto-heading {
    font-weight: normal;
    font-size: 1.3em;
    margin: 0 0 0 0.7em;
}

.findus-details {
    line-height: 1.8;
    font-size: 1.2em;
    margin: 0 0 0.6em 0.2em;
}

.nearest-travel {
    margin: 1.2em 0;
    overflow: hidden;
    zoom: 1;
}

.nearest-travel-icon {
    float: left;
    margin-right: 0.9em;
}

.nearest-travel-title {
    font-size: 1.3em;
    float: left;
    margin-top: 0.8em;
}

.nearest-travel-divider {
    float: left;
    font-size: 0.8em;
    line-height: 2;
    margin: 1.3em 0.6em 0;
}

.nearest-travel-content {
    overflow: hidden;
    margin: 1.4em 0 0;
}

.pub-map-bubble {
    width: 14em;
    line-height: 1.2em;
    height: 8em;
}

.pub-map-bubble img {
    max-width: 100% !important;
}

.pub-map-bubble .logo {
    margin-bottom: 1em;
}

.findus-directions {
    margin-top: .5em;
}

#findus_directions_startaddress {
    width: 70%;
    padding: 1%;
    font-size: 1.2em;
}

#findus_directions_submit {
    width: 25.6%;
    padding: 1%;
    font-size: 1.2em;
    position: relative;
    left: 1%;
}


/* 6.4 Menu
   ----------------------------------------------------------- */
.menu-image {
    margin: 4em 0 2em; 
}
   
.faf-menus {
    border: 1px solid black;
}

.faf-menus .faf-menu {
    padding: 1.5em 0.6em 0.8em;
}

.faf-menus .menu-link {
    display: block;
    float: left;
    background: #edebeb;
}

.faf-menus .menu-link span {
    display:block;
    border: 1px solid #000;
    border-width: 0 1px 1px 0;
    text-align:center;
    padding: .5em 0;
    text-transform: uppercase;
}

.faf-menus .menu-links .last span {
    border-right: none;
}

.faf-menus .menu-links .current {
    background: white;
}

.faf-menus .menu-links .current span {
    border-bottom: none;
}

.faf-menus .menu-link span span {
    display: inline;
    border: none;
    padding: 0;
}

.faf-menus .menu-links .current span span {
    position: relative;
}

.faf-menus .menu-links .current span span:after {
    content: '';
    background: #5a5959;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    top: 100%;
    margin-top: -0.5em;
}

.faf-menus .menu-title {
    display: none;
}

.faf-menus .menu-for {
    border: 1px solid black;
    padding: 0.8% 1%;
    text-align: center;
    font-style: italic;
    font-size: 1.1em;
    margin: .4% .4% 1.4em;
}

.faf-menus .menu-course {
    margin-bottom: 2.5em;
}

.faf-menus .menu-course-title {
    margin: .4em 0 .8em;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.1em;
}

.faf-menus .menu-course-description {
    padding: 0 2.8%;
    text-align: center;
    overflow: hidden;
    zoom: 1;
}

.faf-menus .menu-course-items {
    padding: 0 2.8%;
}

.faf-menus .menu-course-item {
    margin-bottom: 0.3em;
}

.faf-menus .menu-course-item-name,
.faf-menus .menu-course-item-price {
    float: left;
}

.faf-menus .menu-course-item-name {
    width: 70%;
}

.faf-menus .menu-course-item-extra-info {
    font-style: italic;
    font-size: 0.95em;
    margin-bottom: 0.3em;
}

.faf-menus .menu-course-item-price {
    width: 28%;
    padding-left: 2%;
    font-weight: bold;
    font-style: italic;
}

.faf-menus .menu-before-content {
    padding: 0.2em;
    margin-bottom: 1.2em;
}

.faf-menus .menu-after-content {
    margin-top: 1.8em;
}

.todays-menu {
    text-align: center;
    display: block;
    margin: 0 0 1em 0;
}

/* 6.5 About us
   ----------------------------------------------------------- */
.meet-manager,
.meet-headchef,
.meet-history {
    clear: both;
    margin-bottom: 2em;
}

.meet-manager .staff-photo,
.meet-headchef .staff-photo {
    width: 28%;
}

.meet-history .history-photo {
    width: 46%;
}

.meet-manager .staff-photo,
.meet-history .history-photo {
    float: left;
    margin: 0 2% 2% 0;
}

.meet-headchef .staff-photo {
    float: right;
    margin-left: 1.5em;
    margin: 0 0 2% 2%;
}

.meet-heading {
    font-weight: normal;
    margin: 1em 0;
    font-size: 1.6em;
}

.meet-history .meet-heading {
    font-size: 1.8em;
}

.meet-bio {
    line-height: 1.3;
    overflow: hidden;
}

/* 6.6 Jobs/Feedback
   ----------------------------------------------------------- */
.feedback-link-widget {
    margin-bottom: 1.2em;
    background: #fff;
    border: 1px solid #D5D5D5;
}

.feedback-link-widget h3 {
    text-align: center;
    margin-bottom: 0.6em;
    padding-top: 0.7em;
}

a.feedback-link-widget-button {
    display: block;
    background: #D5D5D5;
    font-weight: bold;
    font-style: italic;
    text-decoration: none;
    text-align: center;
    padding: 0.6em 0.2em 0.4em;
}

#feedback-promo {
    margin: 1em 0;
}

/* 6.7 Archive
   ----------------------------------------------------------- */
.archive #content h1 {
    border-bottom: 3px solid #3f3c3c;
    margin-bottom: 0.5em;
    padding-bottom: 0.7em;
}

.archive .post {
    border-bottom: 3px solid #3f3c3c;
    margin-bottom: 1.5em;
    padding: 0 0.8em 1.5em;
    overflow: hidden;
    zoom: 1;
}

.archive .entry-title,
.archive .entry-title a {
    color: #333;
    text-decoration: none;
    font-size: 1.4em;
}

.archive .entry-meta {
    font-weight: bold;
    font-style: italic;
}

.archive .entry-link {
    display: none;
}

.archive .entry-attachment {
    width: 20%;
    border: 3px solid #3f3c3c;
    float: left;
    margin: 0.3em 1.2em 1.2em 0;
}

.archive .entry-attachment img {
    width: 100%;
    height: auto;
}

.archive-pagination {
    overflow: hidden;
    zoom: 1;
}

.archive-pagination .next-link {
    float: right;
}

.archive-pagination .previous-link {
    float: left;
}

.single .entry-title {
    border-bottom: 3px solid #3F3C3C;
    margin-bottom: 0.5em;
    padding-bottom: 0.7em;
}

.entry-header a .entry-title,  .entry-header a .entry-meta {
    color: black;
}

/* 6.8 Join the club
   ----------------------------------------------------------- */
.previous-offers-heading {
    margin-bottom: 0.5em;
}

.club-intro-image {
    margin-bottom: 1em;
}

.box-previous-offers {
    background: #333;
    color: #fff;
    font-weight: bold;
    font-style: italic;
    line-height: 1.2;
}

.previous-offers {
    padding: 0.8em;
}

.previous-offers .previous-offer {
    padding-bottom: 0.5em;
    margin-bottom: 0.5em;
    border-bottom: 1px dashed #fff;
}

.previous-offers .previous-offer:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.box-join-club-form .iphorm-element-spacer span {
    display: block;
}

.page-template-page-join-club-php p.decorative-title {
    display: none;
}

/* 7. Helper classes
-------------------------------------------------------------- */
/* Image replacement */
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

/* Hide from both screenreaders and browsers: h5bp.com/u  */
.hidden {
    display: none !important;
    visibility: hidden;
}

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*  Hide visually and from screenreaders, but maintain layout */
.invisible {
    visibility: hidden;
}

/* Clearfix: contain floats */
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

img.full-image {
    max-width:100%;
    min-width:100%;
    height:auto;
}

/*.post .entry-content img {
    margin: 0 0 1.5em 0;
}

.post .entry-attachment img {
    margin: 0;
}*/

.alignnone, img.alignnone,
.f100, img.f100,
.alignl50, img.alignl50,
.alignr50, img.alignr50,
.alignl30, img.alignl30,
.alignr30, img.alignr30 {
    display:block;
    height: auto;
}

.alignnone, img.alignnone,
.alignf100, img.alignf100 {
    margin: 2% 0;
}

.alignnone, img.alignnone {
    margin-left: auto;
    margin-right: auto;
}

.alignf100, img.alignf100 {
    width:100%;
    min-width: 100%;
}

.alignl50, img.alignl50,
.alignr50, img.alignr50 {
    width: 48%;
}

.alignl50, img.alignl50 {
    float:left;
    margin: 2% 2% 2% 0;
}

.alignr50, img.alignr50 {
    float:right;
    margin: 2% 0 2% 2%;
}


.alignl30, img.alignl30,
.alignr30, img.alignr30 {
    width: 33%;
}

.alignl30, img.alignl30 {
    float:left;
    margin: 2% 2% 2% 0;
}

.alignr30, img.alignr30 {
    float:right;
    margin: 2% 0 2% 2%;
}

.wp-caption {
    text-align: center;
    margin-bottom: 1.5em;
}
.wp-caption img {
    border: 0 none;
    margin: 0;
    padding: 0;
}
.wp-caption p.wp-caption-text {
    margin: 0;
}
.wp-smiley {
    max-height: 1em;
    margin:0 !important;
}
.gallery dl {
    margin: 0;
}
.gallery-caption {
    margin:-1.5em 0 0 0;
}

blockquote.left {
    float: left;
    margin-left: 0;
    margin-right: 20px;
    text-align: right;
    width: 33%;
}
blockquote.right {
    float: right;
    margin-left: 20px;
    margin-right: 0;
    text-align: left;
    width: 33%;
}

/* 8. Frontend plugins
-------------------------------------------------------------- */
/* 8.1 Flexslider
   ----------------------------------------------------------- */
/* jQuery FlexSlider v2.0 - http://www.woothemes.com/flexslider/ - Copyright 2012 WooThemes - Free to use under the GPLv2 license. - http://www.gnu.org/licenses/gpl-2.0.html - Contributing author: Tyler Smith (@mbmufffin) */
/* Browser Resets */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus  {outline: none;}
.slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;}
.slides { background: #fff; max-height: 100%; height: 100%; }
.flexslider {margin: 0; padding: 0;}
.flexslider .slides li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
.flexslider { position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; border: 1px solid #666; box-shadow: 2px 2px 1px 0 rgba(0, 0, 0, 0.1); height: 100%; position: relative; padding-bottom: 30px; padding-top: 30px; background: white; }
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.carousel li {margin-right: 5px}
/* Fix flash of content */
.flexslider .slides > li:first-child{ display:block; }
/* Layout */
.flex-image { height: 100%; width: 90%; position: relative; left: 5%; }
.flex-caption { position: absolute; top: 100%; line-height: 1; font-weight: bold; font-style: italic; color: #333; padding-top: 7px; left: 0; width: 100%; text-align: right; }
.flex-image-inner { display: table; table-layout: fixed; position: absolute; width: 100%; height: 100%; }
.flex-image-wrap { display: table-cell; vertical-align: middle; width: 100%; text-align: center; }
/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 59px; height: 59px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -35px; }
.flex-direction-nav .flex-prev {left: -35px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
@media screen and (max-width: 860px) { .flex-direction-nav .flex-prev {opacity: 1; left: 0;} .flex-direction-nav .flex-next {opacity: 1; right: 0;} }

/* 8.2 Fancybox
   ----------------------------------------------------------- */
/*! fancyBox v2.1.3 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; }
.fancybox-opened { z-index: 8030; }
.fancybox-outer, .fancybox-inner { position: relative; }
.fancybox-inner { overflow: hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('images/fancybox_sprite.png'); }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }
#fancybox-loading div { width: 44px; height: 44px; background: url('images/fancybox_loading.gif') center center no-repeat; }
.fancybox-close { background-image: url(images/gallery-close.png); position: absolute; top: 4px; right: 4px; width: 73px; height: 25px; cursor: pointer; z-index: 8040; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('images/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }
.fancybox-prev span { left: 10px; background-position: 0 -36px; }
.fancybox-next span { right: 10px; background-position: 0 -72px; }
.fancybox-nav:hover span { visibility: visible; }
.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }
/* Overlay helper */
.fancybox-lock { overflow: hidden; }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }
/* Title helper */
.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
.fancybox-title-inside-wrap { padding-top: 10px; }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }

/* 8.3 quform
   ----------------------------------------------------------- */
.iphorm-elements .iphorm-element-wrap { clear: left; }
.iphorm-elements .half-width { width: 50%; float:left; clear:none; }
.iphorm-elements .half-width .iphorm-element-text { width: 91%; padding: 2% 4.5%; }
.iphorm-elements .iphorm-element-text { width: 96%; padding: 1% 2%; }
.iphorm-elements .iphorm-element-textarea { width: 97%; padding: 1% 1.5%; }
.iphorm-inner { margin: 1.4em 0 1.2em; }
.iphorm-outer { overflow: hidden; zoom: 1; }
.iphorm-element-spacer { margin-right: 1.2em; margin-bottom: 0.8em; }
.iphorm-elements .iphorm-element-text, .iphorm-elements .iphorm-element-textarea, .iphorm-uniform-theme-default div.selector { border: 1px solid #E7E7E7; color: #919191; font-weight: bold; font-size: 1.25em; }
.iphorm-uniform-theme-default div.selector { width: 100%; background: none; }
.iphorm-uniform-theme-default div.selector select { min-width: 100%; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; border: solid 1px #fff; }
.iphorm-uniform-theme-default div.selector.disabled span { color: #bbb; }
.iphorm-uniform-theme-default div.selector span { background: #fff; border:none; }
.iphorm-uniform-theme-default div.selector select { top: 0; left: 0; position: absolute; cursor: pointer; }
.iphorm-elements label { color: #666; font-weight: bold; font-style: italic; display: block; }
.iphorm-input-wrap-file { background: #fff; padding: 0.5em 0.8em; border: 1px solid #999; position: relative; }
.iphorm-input-wrap div.selector { width: 96%; position: relative; background: #FFF url(images/select-dropdown.png) no-repeat right bottom; padding: 1% 1.8% 0.3%; }
.iphorm-edit-form-wrap { display: none; }
.iphorm-element-wrap p.iphorm-description { color: #666; font-weight: bold; font-size: 1em; font-style: italic; margin: 0.7em 0; padding: 0; }
.iphorm-submit-input-wrap { clear: both; text-align: right; margin-right: 1.2em; }
.iphorm-element-file { width: 100%; cursor: pointer; opacity: 1!important; }
.iphorm-uniform-theme-default div.uploader span.action, .iphorm-uniform-theme-default div.uploader span.filename { display:none; }
.iphorm-uniform-theme-default div.uploader { overflow: hidden; margin: 0 auto; }
/* Clearfix code */
.iphorm-clearfix:before, .iphorm-clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.iphorm-clearfix:after {clear: both;}
.iphorm-clearfix {zoom: 1;} /* IE < 8 */
/*Cross browser fixes*/
.iphorm-inner input[type="checkbox"], input[type="radio"] { vertical-align: middle; }
.iphorm-inner label { vertical-align: middle; display: inline-block; min-height: 20px; margin-right: 60px; }
.iphorm-inner button::-moz-focus-inner {border: 0;}
:focus, .iphorm-inner a:focus{outline: 0}/* removes gray dotted outline */
.iphorm-inner input.middle:focus, .iphorm-inner select.middle:focus, .iphorm-inner textarea.middle:focus {outline-width: 0;}
.iphorm-inner input:focus, .iphorm-inner select:focus, .iphorm-inner textarea:focus {outline: none;}
.iphorm-inner textarea {overflow: auto} /* IE7 fix */
.iphorm-inner button, .iphorm-innerinput{ /* IE7 extra spacing fix */ width: auto; overflow: visible }
/*Main Wrappers*/
.iphorm-inner .iphorm-elements { margin: 0; padding: 0; }
.iphorm-element-spacer { padding-bottom: 10px; position: relative; }
/*Hidden*/
.iphorm-hidden { display: none }
/*Required*/
.iphorm-element-wrap label span.iphorm-required { color: #999; position: absolute; right: 0; top: 0; }
/*Default input, selects and textareas*/
.iphorm-elements .iphorm-element-wrap-text input,
.iphorm-elements .iphorm-element-wrap-captcha input,
.iphorm-elements .iphorm-element-wrap-password input,
.iphorm-elements .iphorm-element-wrap select,
.iphorm-elements .iphorm-element-wrap textarea { margin: 0; margin-bottom: 3px; max-width: 100%; }
.iphorm-elements .iphorm-element-wrap-text input:focus,
.iphorm-elements .iphorm-element-wrap textarea:focus { box-shadow: inset 0 0 0 2px #999; }
/* Default Label*/
.iphorm-element-wrap > label { font-weight: bold; padding: 0 0 4px 0; display: inline-block; }
/*File uploads*/
.iphom-upload-progress-wrap { display: none; background: #eee; border: 1px solid #ddd; padding: 5px; margin: 0 5px 5px 0; line-height: 14px; }
.iphorm-upload-progress-bar-wrap { background: #eee; border: 1px solid #ccc; padding: 1px; }
.iphorm-upload-progress-bar { width: 0; height: 10px; background: #7ec100; }
.iphorm-upload-info { padding-top: 3px; }
.iphorm-upload-info > div { float: left; display: inline-block; padding: 0 10px; font-size: 11px; line-height: 15px; }
.iphorm-upload-error { display: none; padding: 3px; background: #F3CAC7; }
.iphorm-upload-info > div:first-child { padding-left: 2px; }
.iphorm-file-queue { display: none; padding-bottom: 5px; } .iphorm-upload-queue-file { float: left; display: inline-block; background: #eee; border: 1px solid #ddd; padding: 5px; margin: 0 5px 5px 0; position: relative; overflow: hidden; } .iphorm-upload-queue-filename { float: left; max-width: 200px; overflow: hidden; white-space: nowrap; margin-right: 20px; } .iphorm-upload-queue-remove { font-size: 10px; font-weight: bold; color: #000; cursor: pointer; position: absolute; right: 0; top: 50%; margin: -8px 4px 0 0; height: 17px; width: 17px; line-height: 17px; text-align: center; display: block; } .iphorm-upload-queue-success { font-size: 10px; font-weight: bold; color: #000; position: absolute; right: 0; top: 50%; margin: -8px 4px 0 0; height: 17px; width: 17px; line-height: 17px; text-indent: -99999px; background: url(images/file-upload-tick.png) no-repeat center center; display: block; }
/*File browse button*/
.iphorm-swfupload { position: relative; margin-bottom: 8px; display: none; border: 1px solid #999; }
.iphorm-swfupload object.swfupload { position: absolute; left: 0; bottom: 0; }
/*add styles to your button*/
.iphorm-swfupload-browse { background: #EEE; border: solid 1px #DDD; text-align: center; min-width: 80px; min-height: 20px; line-height: 20px; padding: 1px 10px; display: inline-block; cursor: pointer; float: left; position: relative; }
/*add styles to add another button*/
.iphorm-add-another-upload { margin-top: 5px; }
.iphorm-add-another-upload span.iphorm-add-another-upload-button { background: #EEE; border: solid 1px #DDD; text-align: center; cursor: pointer; padding: 4px 10px; margin: 3px 0; float: left; line-height: 1; }
.iphorm-add-another-upload span.iphorm-add-another-upload-button:hover { background: #ddd; }
/*Headings*/
h3.iphorm-title { font-size: 22px; font-weight: bold; margin: 0; padding-bottom: 8px; }
/*Form Description*/
p.iphorm-description { font-size: 12px; color: #666; margin: 0; padding-bottom: 20px; }
/*Check box and radio buttons*/
.iphorm-input-checkbox-ul, .iphorm-input-radio-ul { margin: 0; padding: 0; }
.iphorm-input-checkbox-ul .iphorm-input-checkbox-li, .iphorm-input-radio-ul .iphorm-input-radio-li { margin: 0; padding: 0; height: 25px; height: auto; min-height: 25px; }
.iphorm-input-checkbox-ul .iphorm-input-checkbox-li label, .iphorm-input-radio-ul .iphorm-input-radio-li label { position: relative; }
.iphorm-elements .iphorm-element-wrap .iphorm-input-checkbox-ul .iphorm-input-checkbox-li input, .iphorm-elements .iphorm-element-wrap .iphorm-input-radio-ul .iphorm-input-radio-li input { border: none; opacity: 1 !important; }
.iphorm-input-checkbox-li label, .iphorm-input-radio-li label { line-height: 23px; }
.iphorm-input-wrap label { font-weight: normal; font-style: normal; }
/*Radio and checkboxes inline option*/
.iphorm-options-inline > .iphorm-input-checkbox-li, .iphorm-options-inline > .iphorm-input-radio-li { display: inline; padding: 0 15px 5px 0; float: left; }
.iphorm-options-inline .iphorm-input-checkbox-li label, .iphorm-options-inline .iphorm-input-radio-li label {white-space: nowrap;}
.iphorm-element-wrap-radio .radio { float: left; margin-right: 0.5em; }
/*Captcha*/
.iphorm-captcha-image-wrap { position: relative; }
.ifb-captcha-image-inner { position: relative; float: left; background: #fff url(images/captcha-refresh-icon.png) no-repeat center center; cursor: pointer; }
.ifb-captcha-image-inner img { max-width: 100%; display: block; }
/*Groups*/
.iphorm-group-title-description-wrap { margin-bottom: 10px; }
.iphorm-group-title { font-size: 17px; font-weight: bold; margin: 0; padding-bottom: 5px; }
p.iphorm-group-description { font-size: 13px; color: #666; margin: 0; padding-bottom: 0; }
.iphorm-group-style-bordered > .iphorm-group-elements { border: solid 1px #CCC; padding: 10px 10px 0; }
.iphorm-group-row { padding: 0; }
.iphorm-group-row > .iphorm-element-wrap, .iphorm-group-row > .iphorm-group-wrap { display: inline-block; float: left; padding: 0; }
.iphorm-group-alignment-proportional > .iphorm-group-elements > .iphorm-group-row-1cols > .iphorm-element-wrap, .iphorm-group-alignment-proportional > .iphorm-group-elements > .iphorm-group-row-1cols > .iphorm-group-wrap { width: 100%; }
.iphorm-group-alignment-proportional > .iphorm-group-elements > .iphorm-group-row-2cols > .iphorm-element-wrap, .iphorm-group-alignment-proportional > .iphorm-group-elements > .iphorm-group-row-2cols > .iphorm-group-wrap { width: 49.9%; }
.iphorm-group-alignment-proportional > .iphorm-group-elements > .iphorm-group-row-3cols  > .iphorm-element-wrap, .iphorm-group-alignment-proportional > .iphorm-group-elements > .iphorm-group-row-3cols > .iphorm-group-wrap { width: 33.3%; }
.iphorm-group-alignment-proportional .iphorm-group-row-4cols > .iphorm-element-wrap, .iphorm-group-alignment-proportional .iphorm-group-row-4cols > .iphorm-group-wrap { width: 25%; }
.iphorm-group-alignment-proportional .iphorm-group-row-5cols > .iphorm-element-wrap, .iphorm-group-alignment-proportional .iphorm-group-row-5cols > .iphorm-group-wrap { width: 20%; }
.iphorm-group-alignment-left > .iphorm-group-elements > .iphorm-group-row > .iphorm-element-wrap, .iphorm-group-alignment-left > .iphorm-group-elements > .iphorm-group-row > .iphorm-group-wrap { float: left; width: auto; }
.iphorm-group-alignment-left > .iphorm-group-elements > .iphorm-group-row > .iphorm-group-alignment-proportional { width: 100%; clear: both; }
/*Default Spacing in groups*/
.iphorm-group-alignment-proportional > .iphorm-group-elements > .iphorm-group-row > .iphorm-element-wrap .iphorm-element-spacer { padding: 0 10px 10px 0; }
.iphorm-group-alignment-proportional > .iphorm-group-elements > .iphorm-group-row > .iphorm-element-wrap.last-child .iphorm-element-spacer, .iphorm-group-alignment-proportional > .iphorm-group-elements > .iphorm-group-row.iphorm-group-row-1cols > .iphorm-element-wrap .iphorm-element-spacer, .iphorm-group-alignment-left > .iphorm-group-elements > .iphorm-group-row > .iphorm-element-wrap.last-child .iphorm-element-spacer, .iphorm-group-alignment-left > .iphorm-group-elements > .iphorm-group-row.iphorm-group-row-1cols > .iphorm-element-wrap .iphorm-element-spacer { padding: 0 0 10px 0; }
/*Left Spacing in groups*/
.iphorm-group-alignment-left > .iphorm-group-elements > .iphorm-group-row > .iphorm-element-wrap .iphorm-element-spacer { padding: 0 10px 10px 0; }
.iphorm-group-alignment-proportional > .iphorm-group-elements .iphorm-group-wrap > .iphorm-group-elements { margin-right: 10px; }
.iphorm-group-alignment-proportional > .iphorm-group-elements .iphorm-group-wrap.last-child > .iphorm-group-elements, .iphorm-group-alignment-proportional > .iphorm-group-elements .iphorm-group-row-1cols > .iphorm-group-wrap > .iphorm-group-elements { margin-right: 0; }
.iphorm-group-alignment-proportional > .iphorm-group-elements .iphorm-group-wrap.last-child { margin-right: -10px; min-width: 1px; }
.iphorm-group-style-bordered.iphorm-group-wrap { margin-bottom: 15px; }
.iphorm-group-wrap > .iphorm-group-elements .iphorm-group-row .iphorm-group-style-bordered.iphorm-group-wrap { margin-bottom: 0; }
.iphorm-group-style-plain.iphorm-group-wrap { margin: 0; }
.iphorm-group-wrap .iphorm-group-row > .iphorm-group-style-plain.iphorm-group-wrap { margin: 0; }
.iphorm-group-wrap .iphorm-group-row > .iphorm-group-style-bordered.iphorm-group-wrap { padding: 0 0 10px 0; float: left; }
.iphorm-group-alignment-left > .iphorm-group-elements > .iphorm-group-row > .iphorm-group-style-bordered.iphorm-group-wrap { margin-right: 10px; }
.iphorm-group-alignment-left > .iphorm-group-elements > .iphorm-group-row > .iphorm-group-style-bordered.iphorm-group-wrap.last-child { margin-right: 0; }
/*Submit button*/
.iphorm-submit-wrap { margin: 10px 0 }
.iphorm-submit-wrap button { width: 12em; height: 2.8em; }
.iphorm-submit-wrap button span, button em { display: block; margin: 0; cursor: pointer; font-style: normal; }
/*Loading the submit*/
.iphorm-loading-wrap { display: none; float: left; height: 20px; line-height: 20px; text-align: center; padding-top: 5px; }
.iphorm-loading-wrap .iphorm-loading { font-style: italic; text-indent: -9999px; display: block; min-width: 30px; background: transparent url(images/default-loading.gif) no-repeat center center; }
/*Errors*/
.iphorm-errors { display: none; }
.iphorm-errors-list { margin: 0; padding: 3px 0 6px 0; }
.iphorm-errors-list > .iphorm-error { padding: 3px 10px 3px 25px; margin: 0; line-height: 16px; background: #F3CAC7 url(images/error.png) no-repeat 3px center; color: #000; font-size: 12px; font-weight: normal; border: 1px solid #fa8b83; width: auto; }
.iphorm-labels-left > .iphorm-element-spacer > .iphorm-errors-wrap {margin-left: 150px;}
.iphorm-labels-left > .iphorm-element-spacer > .iphorm-errors-wrap .iphorm-errors-list > .iphorm-error {margin-left: 10px !important;}
.iphorm-labels-above > .iphorm-element-spacer > .iphorm-errors-wrap .iphorm-errors-list .iphorm-error, .iphorm-labels-inside > .iphorm-element-spacer > .iphorm-errors-wrap .iphorm-errors-list .iphorm-error {margin-left: 0 !important;}
/*File upload errors*/
.iphorm-queue-errors { display: none; }
.iphorm-queue-errors { margin: 0; padding: 0 0 10px 0; }
.iphorm-queue-errors-list > .iphorm-queue-error { padding: 3px 10px 3px 25px; margin: 0; line-height: 16px; background: #F3CAC7 url(images/error.png) no-repeat 3px center; color: #000; font-size: 12px; font-weight: normal; display: inline-block; border: 1px solid #fa8b83; float: left; }
/*Success message*/
.iphorm-success-message { background: #cef4a9 url(images/success.png) no-repeat 14px center; padding: 8px 20px 8px 45px; line-height: 18px; margin: 10px 0; border: 1px solid #80bb48; font-weight: normal; color: #000; }
/*iPhorm referal link*/
.iphorm-referral-link a { text-decoration: none; color: #0F83CA; }
.iphorm-referral-link a:hover { color: #292929; }
/*Datepicker*/
.iphorm-input-wrap-date-select-wrap { float: none; }
.iphorm-datepicker-icon { display: none !important; }
.iphorm-input-wrap-date-select-wrap div.selector { float: left; width: 122px; padding: 0.5% 1.8% 0.1%; margin-right: 0.5em; }
/*This can't be namespaced*/
.ui-datepicker { z-index: 25000 !important; }
/*Fixes for consistent browsing*/
.iphorm-input-wrap .selector select {margin: 0!important; width: auto!important; height: 30px;}
.iphorm-input-wrap .iphorm-element-file-inner input[type="file"] {text-shadow: none !important;}
*:first-child+html .iphorm-input-wrap select {background: transparent !important; color:#000 !important;}
*:first-child+html .iphorm-input-wrap select option {background: #fff !important; color:#000 !important;}
.iphorm-input-radio-li input[type="radio"] {background: transparent !important; border: none transparent !important;}
.iphorm-input-checkbox-li input[type="checkbox"] {background: transparent !important; border: none transparent !important;}
/*Tooltip icons*/
.iphorm-tooltip-icon { width: 15px; height: 15px; background: url(images/help-icon.png) no-repeat right bottom; display: inline-block; cursor: pointer; }
.iphorm-element-wrap-text.iphorm-labels-inside > .iphorm-element-spacer > label .iphorm-tooltip-icon, .iphorm-element-wrap-textarea.iphorm-labels-inside > .iphorm-element-spacer > label .iphorm-tooltip-icon, .iphorm-element-wrap-password.iphorm-labels-inside > .iphorm-element-spacer > label .iphorm-tooltip-icon, .iphorm-element-wrap-captcha.iphorm-labels-inside > .iphorm-element-spacer > label .iphorm-tooltip-icon { position: absolute; right: -20px; top: 0; }
.iphorm-tooltip-icon-content { display: none; }
/*Conditional logic*/
.iphorm-js .iphorm-has-logic { visibility: hidden; }
/*Fancybox*/
#fancybox-content .iphorm-inner { padding: 15px; }
#fancybox-content .iphorm-edit-form-wrap { display: none; }
/*User defind widths don't work in IE7 - reverts back to auto*/ *:first-child+html .selector > span {width: auto !important;}
*:first-child+html .selector > select {width: auto !important;}

/* 9. Media queries
-------------------------------------------------------------- */
/* 9.1 For responsive
   ----------------------------------------------------------- */
@media only screen and (min-width: 1250px) {

    body {
        font-size: 85%;
    }

    #branding .logo {
        /* width: 30em; */
        /* margin-top: 0.8em; */
    }

    #page,
    footer.main {
        width: 1120px;
    }
    
    .home-grid-content {line-height: 1.8;}
    
    .home-grid-content h2 {
        font-size: 1.9em;
    }
    
    .home-grid .col {
        width: 361px;
        height: 425px;
        margin: 10px 9px;
    }
    
    .home-full-join-club h2 {
        margin-top: 0;
        font-size: 2.7em; 
    }

}

@media only screen and (max-width: 1250px) {

    body {
        font-size: 85%;
    }

}

@media only screen and (max-width: 1253px) {

    .sidebar,
    #page:after,
    footer.main:after {
        width: 24%;
    }

    .box-home-lower-heros {
        width: 70.54%;
    }

    .box-meet-the-manager {
        width: 27.78%;
    }
    
    .box-footer-sustainability-ribbon {
        width: 60px;
    }

}

@media only screen and (max-width: 1170px) {

    .sidebar,
    #page:after,
    footer.main:after {
        width: 25%;
    }

    .iphorm-elements .half-width {
        width:auto;
        float:none;
    }

}

@media only screen and (max-width: 1080px) {


    .box-home-lower-heros {
        width: 67.54%;
    }

    .box-meet-the-manager {
        width: 30.78%;
    }

    #nav {
        /* font-size: 0.9em; */
    }

    #nav li.home a {
        padding: 0.4em 0.3em;
    }

}

@media only screen and (max-width: 1030px) {

}

@media only screen and (max-width: 990px) {

}

@media only screen and (max-width: 970px) {

    #nav li.home a {
        padding: 0.6em 0.3em;
    }

    .box-meet-the-manager,
    .box-home-lower-heros {
        width: 100%;
        margin-left: 0;
    }

    .box-meet-the-manager .meet-the-manager-photo {
        width: 30%;
        max-width: none;
        min-width: 0;
        float: left;
        margin-right: 2%;
    }

    .box-home-tweet .box-content {
        clear: both;
        margin-left: 70px;
        text-align: left;
        padding-top: 0;
    }

    .ngg-gallery-thumbnail-box {
        width: 48%;
    }

    #nav:before,
    #nav:after {
        display: none;
    }

    body {
        font-size: 80%;
    }

    #page,
    footer.main {
        width: 700px;
    }

    #branding {
        height: auto;
    }

    #nav {
        font-size: 0.9em;
    }

    #nav ul {
        margin: 0 0.5em;
    }

    #nav li a {
        padding-left: 0.4em;
        padding-right: 0.4em;
    }

    .sidebar,
    #page:after,
    footer.main:after {
        width: 28%;
    }

    #sidebar-upper {
        margin-top: -1.82em;
        margin-right: 0;
        height: auto;
    }

    #sidebar-lower,
    #page:after,
    footer.main:after {
        margin-right: 0;
    }

    .meet-bio {
        overflow: visible;
    }

    footer.main .locations-grid {
        width: 60.4%;
    }

    footer.main .footer-secondary {
        width: 38%;
    }

    footer.main .locations-grid .faf-locations li {
        height: 13em;
    }

    .box-footer-feedback .footer-feedback-bio {
        margin: 0 0.3em;
    }

    #cookie-prompt span {
        display: block;
        margin-bottom: 0.6em;
    }
    
    .home-grid .col {
        width: 341px;
        height: 402px;
    }
    
    .home-grid div.col-8 { display: none;}
    
    .home-grid div.col-1, .home-grid div.col-3, .home-grid div.col-5, .home-grid div.col-7 {
        margin-left: 0;
        margin-right: 9px;
    }
    .home-grid div.col-2, .home-grid div.col-4, .home-grid div.col-6, .home-grid div.col-9 {
        margin-right: 0;
        margin-left: 9px;
    }
    
    footer.main .tghp-bug {position:static; display:block;}
    footer.main .faf-bug {position:static; display:block;}
    
    .home-full-join-club {
        padding: 6px 20px;
    }
    
    .home-full-join-club h2 {
        font-size: 1.5em; 
        margin-top: 1.3em
    }
    
    .home-full-join-club p {
        font-size: 1em; 
    }

}


@media only screen and (max-width: 860px) {

    .box-footer-feedback {
        /* width: auto; */
        /* float: none; */
        /* font-size: 1.2em; */
    }

    #footer-nav {
        width: auto;
        float: none;
        margin: 1em 1%;
        font-size: 1.2em;
        overflow: hidden;
        zoom: 1;
    }

    #footer-nav li {
        width: 48%;
        margin: 1%;
        float: left;
    }

    footer.main .footer-secondary, footer.main .locations-grid {
        width: auto;
        float: none;
        clear: left;
    }

    .box-footer-feedback .footer-feedback-title,
    #footer-nav .footer-nav-title,
    .box-footer-sustainability img {
        min-width: 0;
        margin-left: auto;
        margin-right: auto;
    }

    footer.main .footer-secondary {
        padding-top: 1em;
    
        border-top: 5px dotted black;
        margin-left: 0;
}

}


@media only screen and (max-width: 760px) {

    body {
        font-size: 75%;
    }

    .nearest-travel-title {
        float:none;
    }

    .nearest-travel-divider {
        display:none;
    }

    #nav {
        font-size: 0.9em;
    }

    #nav li.home a {
        padding: 0.5em 0.3em;
    }

    #nav li.home a img {
        width: 22px;
        height: 23px;
    }

    .box-feedback-form, .box-feedback-buttons {
        width: auto;
        float: none;
        margin: 1%;
    }

    .box-feedback-buttons {
        padding-top: 1em;
    }

    .box-job-apply,
    .box-job-apply-form {
        width: auto;
        float: none;
    }

    .box-home-news {
        width: auto;
        float: none;
        padding: 0.5em 0;
        clear: left;
    }

    .box-home-upper-hero {
        width: auto;
        float: none;
        text-align: center;
        margin: 1em auto;
    }

    .box-home-upper-hero img {
        min-width: 0;
    }

    .iphorm-elements .half-width {
        width: auto;
        float: none;
    }

}

@media only screen and (max-width: 720px) {

    #page,
    footer.main {
        width: 480px;
    }
    
    #main {
        margin-top: 3em;
    }

    #findus_directions_submit {
        font-size: 0.8em;
        padding: 1.8%;
    }
    
    #branding .logo {
        margin-bottom: 0.4em;
    }
    
    #branding .logo, #branding .social {
        position: relative;
        left: -19px;
    }
    
    #branding .social {
        margin-bottom: 0;
    }
    
    #branding {
        margin-left: 38px;
        margin-bottom: -38px;
    }

    #nav, .show-menu #mobile_nav ul {
        display: none;
    }

    #mobile_nav, .show-menu #nav {
        display: block;
    }

    #nav {
        margin: 0;
        position: absolute;
        top: 0;
        left: 38px;
        background: #202020;
        height: auto;
    }

    #nav ul {
        margin: 0;
    }

    #nav li a {
        background: #444343;
        color: #fff;
        line-height: 1;
        margin: 1px;
        padding: 15px 13px;
        float: none;
        font-size: 1.2em;
        font-weight: 100;
    }
    
    #nav li .seperator {
        display: none;
    }
    
    #nav li {
        margin: 0;
        padding: 0;
        width: 100%;
    }
    #nav li.home a {
        padding: 6px 13px;
    }
    #nav li.home a:after {
        content: 'Home';
        margin-left: 0.8em;
    }

    .nav-container {
        position: relative;
        z-index: 5;
    }

    #show_menu {float: left; background: #b2b194;  cursor: pointer;}
    #show_menu img {margin: 10px 7px;}
    
    .home-grid div.col-8 {
        display: block;
    }
    
    .home-grid div.col-1, .home-grid div.col-2, .home-grid div.col-5, .home-grid div.col-6, .home-grid div.col-7, .home-grid div.col-8 {
        margin-left: 0;
        margin-right: 9px;
        width: 230px;
        height: 271px;
    }

    .home-grid div.col-2, .home-grid div.col-6, .home-grid div.col-8, .home-grid div.col-9 {
        margin-right: 0;
        margin-left: 9px;
    }
    
    .home-grid div.col-3, .home-grid div.col-4, .home-grid div.col-9 {
        width: auto;
        margin-left: 0;
        margin-right: 0;
        height: auto;
    }
    
    .home-grid-join, .home-grid-voucher, .home-grid-hire {
        position: static;
    }
    
    .home-full-join-club h2 {
        font-size: 1.4em; 
        line-height: 1.2;
        margin-top: 0.9em
    }
    
}

/*
 * One column
 */
@media only screen and (max-width: 540px) {

    h1 {
        font-size: 1.4em;
    }
    h2 {
        font-size: 1.2em;
    }
    h3 {
        font-size: 1.1em;
    }

    /* Responsive Grid System */
    .span_8_of_8,
    .span_7_of_8,
    .span_6_of_8,
    .span_5_of_8,
    .span_4_of_8,
    .span_3_of_8,
    .span_2_of_8,
    .span_1_of_8,
    .span_10_of_10,
    .span_9_of_10,
    .span_8_of_10,
    .span_7_of_10,
    .span_6_of_10,
    .span_5_of_10,
    .span_4_of_10,
    .span_3_of_10,
    .span_2_of_10,
    .span_1_of_10,
    .span_12_of_12,
    .span_11_of_12,
    .span_10_of_12,
    .span_9_of_12,
    .span_8_of_12,
    .span_7_of_12,
    .span_6_of_12,
    .span_5_of_12,
    .span_4_of_12,
    .span_3_of_12,
    .span_2_of_12,
    .span_1_of_12 {
        width: auto;
        padding: 1% 0;
        margin: 0;
        float: none;
        clear: both;
    }

    footer.main .locations-grid,
    footer.main .footer-secondary {
        width: auto;
    }

    #branding,
    #main {
        border:none;
        height: auto;
    }

    #sidebar-upper,
    #sidebar-lower {
        position: static;
        height: auto;
        margin-top: 0;
        left: 0;
        float: none;
        padding-top: 1em;
    }

    .sidebar {
        width: auto;
        padding: 1% 0;
        font-size: 100%;
        overflow: hidden;
    }

    .sidebar .widget {
        padding: 1%;
    }

    #sidebar-lower .widget {
        float: left;
        width: 48%;
    }

    #sidebar-lower .widget:nth-child(odd) {
        clear: left;
    }

    #sidebar-lower .widget:nth-child(odd):last-child {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    #content {
        width: auto;
        padding: 2%;
    }

    /*#nav {
        margin-top: 0;
        margin-bottom: 2em;
        font-size: 1em;
        height: auto;
        overflow: hidden;
        zoom: 1;
    }

    #nav ul {
        margin: 0;
        overflow: hidden;
        zoom: 1;
    }

    #nav li {
        width: 48%;
        float: left;
        padding: 1%;
    }*/

    footer.main .wrap {
        padding-right: 0;
    }

    .box-home-tweet {
        margin: 0 2%;
    }

    .box-home-news {
        width: 59.2%;
    }

    .box-home-upper-hero {
        width: 39.2%;
    }

    .box-home-news,
    .box-home-upper-hero {
        float: left;
        margin: 1% 0 1% 1.6%;
        clear: none;
        padding: 0;
    }
    /*
        .box-footer-feedback {
            width: 64%;
            float: left;
            margin-right: 5%;
            font-size: 1.4em;
        }
    */

    /*
        #footer-nav {
            font-size: 1.3em;
            float: left;
            width: 31%;
        }
    */
    footer.main .locations-grid .faf-locations li {
        height: 16em;
    }

    footer.main .copyright {
        padding: 0.7em 0 0.6em;
    }

    footer.main .tghp-logo {
        margin-top: -0.2em;
    }

    .meet-manager .staff-photo,
    .meet-headchef .staff-photo {
        float: none;
        width: auto;
        display: block;
    }

    .meet-manager .staff-photo {
        margin: 0 auto 0 0;
    }

    .meet-headchef .staff-photo {
        margin: 0 0 0 auto;
    }

    .meet-heading .arrow {
        display:none;
    }

    .meet-heading .name {
        display: block;
        font-size: 1.2em;
    }

    .meet-headchef .meet-heading {
        text-align: right;
    }

    .flex-viewport {
        border: none;
    }

    .fancybox-overlay {
        background: #000;
    }

    #gallery-flexslider {
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .flex-caption-title,
    .flex-caption-position
    {
        float: none;
        text-align:center;
    }

    .flex-direction-nav a {
        background: url(images/bg_direction_nav_small.png);
        width: 30px;
        height: 30px;
    }

    #findus_map {
        display:none;
    }

    #findus_map_image {
        display:block;
    }

    #findus_directions_startaddress,
    #findus_directions_submit {
        margin: 0 auto;
        display: block;
    }

    #findus_directions_startaddress {
        width: 80%;
    }

    #findus_directions_submit {
        width: 50%;
        margin-top: 0.5em;
        left: 0;
    }

    .findus-directions {
        padding: 1.5em 0.9em;
        margin-top: 0;
        border-bottom: 1px solid #ECECEC;
    }

    .pub_book_table .widget-title,
    .pub_book_table .book-info {
        display: none;
    }

    .pub_book_table .book-no-url .widget-title,
    .pub_book_table .book-no-url .book-info {
        display: block;
    }

    #sidebar-upper .pub_book_table .book-button {
        margin-top: 0;
    }

    #sidebar-upper {
        padding-top: 0.1em;
    }

    .ngg-gallery-thumbnail-box img.gallery-nonlinked {
        display: inline;
        display: inline-block;
    }

    .ngg-gallery-thumbnail-box a.gallery-linked {
        display: none;
    }

    #gallery_enlarge,
    .fancybox-overlay {
        display: none !important;
    }

    .hero-image32, .hero-image23, .hero-image32:first-child {
        width: auto;
        margin: 1% 1% 1.6%;
        float: left;
        clear: none;
    }
   
    .home-full-join-club {
        padding: 5px 18px 20px;
    }
   
    .home-full-join-club img {
        display: none;
    }
    
    .home-full-join-club h2 {
        font-size: 1.2em; 
        line-height: 1.2;
        margin-top: 0.9em;
    }
    
    .home-full-join-club p {
        font-size: 0.9em; 
    }

}

@media only screen and (max-width: 560px) {

    footer.main .locations-grid .faf-locations li {
        height: 15em;
    
        width: 45%;
}

}

@media only screen and (max-width: 580px) {
    #page,
    footer.main {
        width: 320px;
    
}

    .home-grid div.col {
        width: auto;
        margin-left: 0;
        margin-right: 0;
        height: auto;
    }
    
    #branding .logo {
        left: 0;
        width: 85%;
    
        margin-bottom: 0;
}
}


@media only screen and (max-width: 460px) {

    .home-slider,
    .box-home-news,
    .box-home-upper-hero {
        float: none;
        width: auto;
        margin: 0;
        padding: 1%;
        clear: both;
    }

    .home-slider,
    .box-home-news,
    .box-home-upper-hero,
    .box-home-tweet,
    .box-home-lower-heros img,
    .box-meet-the-manager {
        margin-bottom: 4em;
    }

    .home-slider {
        margin-bottom: 1em;
    }

    .home-cta1-right {
        margin-bottom: 3em;
    }

    .ngg-gallery-thumbnail-box {
        width: 98%;
    }

    .box-home-tweet .box-content {
        line-height: 1.2;
    }

    .home .box-title {
        font-size: 1.1em;
    }

    .box-home-tweet .box-title {
        font-size: 1.4em;
    }

    footer.main .locations-grid .faf-locations li {
        width: 98%;
        margin: 0 2%;
        height: auto;
        line-height: 1.1em;
        margin-bottom: 1.8em;
    }

    /* Please don't hate me for this, I've been forced into a corner */
    #recaptcha_image img {
        width: 68% !important;
        height: 67% !important;
        position: relative !important;
        top: 19% !important;
    }

    td.recaptcha_r2_c2 {
        position: relative!important ;
        left: -100px !important;
        top: 1px !important;
        background-repeat: repeat-y !important;
        height: 62px !important;
    }

    div#recaptcha_area {
        width: 215px !important;
        overflow: hidden !important;
    }

    td.recaptcha_r1_c1 {
        position: relative !important;
        top: 2px !important;
    }

    .hero-image32, .hero-image32:first-child {
        width: auto;
        float: none;
        clear: both;
    }
}

@media only screen and (max-width: 400px) {

    #sidebar-lower .widget {
        padding: 1%;
        float: none;
        width: auto;
    }

    #nav li a {
        font-size: 1.1em;
    }



}


@media only screen and (max-width: 340px) {

    #findus_directions_startaddress {
        width: 97%;
    }

    #findus_directions_submit {
        width: 50%;
        margin: 0.5em auto 0;
        display: block;
        left: 0;
    }

    .findus-directions {
        padding: 1.5em 0.9em;
        margin-top: 0;
        border-bottom: 1px solid #ECECEC;
    }

}

@media only screen and (max-width: 280px) {

    #branding .logo {
        margin: 0.5em;
    }

    #nav li {
        width: auto;
        float: none;
        padding: 1%;
    }

    #nav li a {
        font-size: 1em;
    }

    .box-home-tweet .box-title {
        font-size: 1.2em;
    }

}

/* 9.2 For print
   ----------------------------------------------------------- */
@media print {

    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    #page {
        margin: 0.5em;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

}

/* 10. IE
-------------------------------------------------------------- */
.ie-notice {
    clear: both;
    height: 45px;
    position: relative;
    text-align: center;
}

/* 6 */
.lt-ie7 #branding .logo img {
    width: 100%;
}

.lt-ie7 #branding .social img {
    width: 50%;
}

.lt-ie7 #sidebar-upper {
    margin-bottom: -3em;
}

.lt-ie7 #sidebar-lower img {
    width: 100%;
    height: auto;
}

.lt-ie7 img.full-image {
    width: 100%;
}

/* 7- */

.lt-ie8 .ngg-gallery-thumbnail a {
    width: 205px;
}

.lt-ie8 #branding {
    position: static;
}

.lt-ie8 #branding .social {
    margin-top: 1.5em;
    text-align: right;
}

.lt-ie8 #sidebar-upper {
    position: relative;
    height: 13.7em;
}

.lt-ie8 footer.main .wrap {
    padding-right: 18%;
}

.lt-ie8 .iphorm-element-wrap-select .selector {
    padding-left: 3%;
    padding-right: 3%;
}

.lt-ie8 .iphorm-element-wrap-select .selector span {
    display:none;
}

.lt-ie8 .iphorm-element-wrap-select .selector select {
    display:block;
    filter: alpha(opacity=100) !important;
    width: 100% !important;
    opacity: 1;
    position: static;
    border:none;
}

.lt-ie8 .iphorm-input-wrap div.selector {
    background: none;
}

.lt-ie8 .iphorm-elements .half-width {
    width: 49.5% !important;
    zoom: 1;
}

.lt-ie8 footer.main .copyright {
    width: 100%;
}

/* 8- */

.lt-ie9 .iphorm-element-file-inner .uploader input {
    display:block;
    filter: alpha(opacity=100) !important;
    height: 20px !important;
    opacity: 1;
    position: static;
    border: 1px solid #999;
}

.lt-ie9 .iphorm-input-wrap-radio input {
    filter: alpha(opacity=100) !important;
    opacity: 1;
}

.lt-ie9 #branding .social .social-link {
    display:inline;
}

.lt-ie9 .findus-details .telephone {
    display:block;
}