/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset 
{margin: 0;padding: 0;}
img, fieldset {border:0;}
/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
/* IOS OVER RIDE */
input[type="text"], input[type="submit"] { -webkit-appearance:none; -webkit-border-radius:0; }
/************************************************************************************
GENERAL STYLING
*************************************************************************************/
html {background-color:#fff;}
body {font: .81em/150% Arial, Helvetica, sans-serif;color: #666;}
a {color: #026acb;text-decoration: none;outline: none;}
a:hover {text-decoration: underline;}
p {margin: 0 0 1.2em;padding: 0;}
li {margin-bottom: 0.5em;}
h1, h2, h3, h4, h5, h6 {line-height: 1.4em;margin: 20px 0 .4em;color: #000;}
h1 {font-size: 2em;}
h2 {font-size: 1.6em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}
blockquote {font-family:serif; font-size:1.5em; font-weight:bold;font-style:italic;color:#999;margin:32px 20px 32px 20px;}
/* FONT STYLING */
.content{font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;}
.content p,
.content li {font-size:16px;font-weight:normal;color:#666;line-height:28px;}
.content h1 {font-size:35px;font-weight:normal;color:#000;margin:12px 0 4px 0;}
.content h2 {font-size:35px;font-weight:normal;color:#000;margin:12px 0 4px 0;}
.content h3 {font-size: 32px;font-weight:normal;color:#000;}
.content header p {font-weight: bold;font-style:italic;}
/* reset webkit search input styles */
input[type=search] {-webkit-appearance: none;outline: none;}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {display: none;}
/* BRANDED BACKGROUND COLOURS */
.lwb {background-color:#0094A7;}
.whd {background-color: #7D398B;}
.lhh {background-color: #113D2C;}
.wbi {background-color: #B2AA7C;}
.mid {background-color: #242225;}
.EL {background-color: #484D53;}
.NavigationStrip.EL,  .NavigationStrip.EL .EL{background-color: #14184C;}
/************************************************************************************
STRUCTURE
*************************************************************************************/
#OuterWrapper {position:relative;overflow:hidden;text-align:center;background-color:#fff;margin-top:106px;}
/*#pagewrap {max-width: 980px;margin:0 auto;text-align:left;overflow:hidden;}*/
/************************************************************************************
HEADER
*************************************************************************************/
#header {position: fixed;left:0;top: 0px;z-index:4000;width:100%;height:104px;margin:0 auto;text-align:center;background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6c757d), to(#474c52));background-image: -webkit-linear-gradient(top, #6c757d, #474c52); background-image:    -moz-linear-gradient(top, #6c757d, #474c52);background-image:     -ms-linear-gradient(top, #6c757d, #474c52);background-image:      -o-linear-gradient(top, #6c757d, #474c52);border-style: solid;border-width: 2px 0px 0px 0px;-moz-border-image: url(../css-images/coloured-strip.gif) 2 0 0 repeat;-webkit-border-image: url(../css-images/coloured-strip.gif) 2 0 0 repeat;-o-border-image: url(../css-images/coloured-strip.gif) 2 0 0 repeat;border-image: url(../css-images/coloured-strip.gif) 2 0 0 fill repeat;}
/*#header {position: fixed;left:0;top: 0px;z-index:2000;width:100%;height:104px;margin:0 auto;text-align:center;background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6c757d), to(#474c52));background-image: -webkit-linear-gradient(top, #6c757d, #474c52); background-image:    -moz-linear-gradient(top, #6c757d, #474c52);background-image:     -ms-linear-gradient(top, #6c757d, #474c52);background-image:      -o-linear-gradient(top, #6c757d, #474c52);border-style: solid;border-width: 2px 0px 0px 0px;-moz-border-image: url(../css-images/coloured-strip.gif) 2 0 0 repeat;-webkit-border-image: url(../css-images/coloured-strip.gif) 2 0 0 repeat;-o-border-image: url(../css-images/coloured-strip.gif) 2 0 0 repeat;border-image: url(../css-images/coloured-strip.gif) 2 0 0 fill repeat;}*/
#headerInner {width:100%;max-width:980px;height:auto;text-align:left;margin:0 auto;position:relative;}
/* site logo */
#site-logo{display:block;position: absolute;top:17px;left:1.428571428%;width:181px;height:38px;text-indent:-2000px;background:transparent url(../css-images/logos/el-logo.png) top left no-repeat;background-position:6px 6px;padding:6px;border:1px solid transparent;border-radius:3px;}
a#site-logo:hover{width:181px;height:38px;background-color:#6A727A;border:1px solid #7d8287;}
/************************************************************************************
MAIN NAVIGATION
*************************************************************************************/
.menu-link {display:none;float:right;text-decoration:none;padding:0;width:100px;height:78px;background:transparent url(../css-images/3-lines.png) top right no-repeat;background-position:58px 50%;text-indent:-2000px;}
.menu-link:hover {opacity:0.6;filter:alpha(opacity=60); }
.menu {margin:72px auto;width: 100%;float: left;background-color:transparent;background-position:relative;}
.menu ul {/*padding:0px;margin:0px;*/list-style:none;width:100%;}
.menu li:first-child a {background:transparent url(../css-images/home-icon.png) top center no-repeat;background-position:50% -7px;text-indent:-2000px;border-left: none;}
.menu li:last-child a {border-right: none;}
.menu li:first-child a:hover {background:transparent url(../css-images/home-icon.png) top center no-repeat;background-position:50% -42px;	}
/* Add background image to sub level menu and adjust positioning*/
.menu li ul {min-height:172px;background:#474C52 url(../css-images/mega-menu-titles.png) top center no-repeat;background-position:0 0;width:77.5510205%;padding:64px 0 64px 22.44897959%;}
.menu li:nth-child(2) > ul,.menu li.offersMenu ul {background:#474C52 url(../css-images/mega-menu-titles.png) top center no-repeat;background-position:0 0;}
.menu li:nth-child(3) > ul,.menu li.hotelMenu ul {background:#474C52 url(../css-images/mega-menu-titles.png) top center no-repeat;background-position:0 -300px;}
.menu li:nth-child(4) > ul,.menu li.diningMenu ul {background:#474C52 url(../css-images/mega-menu-titles.png) top center no-repeat;background-position:0 -600px;}
.menu li:nth-child(5) > ul,.menu li.leisureMenu ul {background:#474C52 url(../css-images/mega-menu-titles.png) top center no-repeat;background-position:0 -900px;}
.menu li:nth-child(6) > ul,.menu li.christmasMenu ul  {background:#474C52 url(../css-images/mega-menu-titles.png) top center no-repeat;background-position:0 -1200px;}
.menu li:nth-child(7) > ul,.menu li.conferenceMenu ul  {background:#474C52 url(../css-images/mega-menu-titles.png) top center no-repeat;background-position:0 -1500px;}
.menu li:nth-child(8) > ul,.menu li.weddingMenu ul  {background:#474C52 url(../css-images/mega-menu-titles.png) top center no-repeat;background-position:0 -1800px;}
.menu > li > ul.sub-menu {min-width: 10em;position: absolute;bottom:0;left:0;width:77.5510205%;padding:64px 0 64px 22.44897959%;}
.menu ul:after {content:"";clear:both;display: block;}
.menu ul li {/*padding:0;*/margin:0;float:left;display:block;background-color:transparent;width:12.4489796%;}
.menu > ul > li { display: inline-block;}
.menu ul li a { display: block;text-decoration: none;color:#fff;font-size:12px;text-align:center;background-color: transparent;border-right: 1px solid #676B70;border-left: 1px solid #3C3D40;}
.menu ul li > a {line-height:16px;padding:8px 12px 8px 12px;}
.menu ul ul { display:none; position:absolute; left:0;min-width:160px;}
.menu ul li:hover > ul {display: block;}
.menu ul li:hover a {color:#7D897E;background-color:#474C52;	}
.menu ul li:hover ul > li a {color:#fff;background-color:#50565C;	}
.menu ul ul > li {position: relative;width:43.8356164%;margin:4px 2.73972603% 4px 2.73972603%;height:auto;line-height:16px;}
/*Full Screen Drop list a item*/
.menu ul ul > li a {padding: 8px 15px 8px 10px;line-height:16px;background-color: #50565C;text-align:left;border:none;}
.menu ul li ul li:first-child a {background-color: #50565C;background-image:none;text-indent:0;}
.menu ul li:hover ul > li a:hover,
.menu ul ul > li a:hover,
.menu ul li ul li:first-child a:hover {background-color:#6A727A;background-image:none;color:#fff;}
@media screen and (max-width: 768px) {
a.menu-link {display: block;color:#fff;background-color: transparent;}
a.menu-link.active {opacity:0.6;filter:alpha(opacity=60);}
.menu {clear: both;min-width:inherit;float:none;max-width:60em;border-top:1px solid #808080;}
.menu, .menu > ul ul {overflow:hidden;max-height:0;background-color: #f4f4f4;}
.menu ul li {float:none;width:auto;}
.menu ul li:hover a {color:#fff;background-color:#50565C;}
.menu > li > ul.sub-menu {padding:0px;border:none;}
.menu.active,.menu > ul ul.active {max-height:155em;}
.menu ul {display: inline;}
.menu > ul {border-top: 1px solid #808080;}
.menu li, .menu > ul > li {display: block;}
.menu ul ul > li {position: relative;width:auto;margin:0;}
.menu ul li a  {display:block;padding:0.8em 12px 0.8em 12px;border-bottom:1px solid #808080;position:relative;text-align:left;background-color:#474C52;color:#fff;}
.menu li:first-child a,.menu li:first-child a:hover {background-color:#474C52;background-image:none;text-indent:0;text-align:left;}
.menu li a,.menu li a:hover,.menu li a.active,.menu li:first-child a:hover {background-color:#50565C;}
/* Expand & Collapse Icons */
.menu li.has-submenu > a:after {content:'+';position:absolute;top:0;right:0;display:block;font-size:12px;line-height:16px;font-weight:bold;padding:9px 21px 0 0.5em;}
.menu li.has-submenu > a.active:after {content: "-";}
.menu li ul {min-height:0;background:#474C52 none;width:auto;padding:0;}
.menu ul ul > li a,.menu ul li:hover ul > li a {background-color:#595F66;padding:8px 18px 8px 30px;border-bottom:1px solid #808080;color:#fff;}	
.menu ul li ul li:first-child a {background-color:#595F66;background-image:none;text-indent:0;}	
.menu ul ul,.menu ul ul ul {display:inherit;position:relative;left:auto;top:auto;border:none;}
}
/************************************************************************************
NEW CSS ONLY MENU
*************************************************************************************/
        .fullwidthContent.NavigationStrip {max-width:100%;height:72px;}
        .fullwidthContent.NavigationStrip .menuWrapper {margin:0 auto; width:100%;max-width:980px;text-align:left;position:relative;overflow:visible;font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;}
        .hotelName {font-size: 24px;color: #fff;display: block;line-height:48px;}
        nav.hotelMenu > ul {float: left;list-style:none;width:100%;}
        nav.hotelMenu ul li {margin-bottom:0;}
        nav.hotelMenu > ul > li {line-height: 24px;width:16.66666666%;}
        nav.hotelMenu > ul li ul li {width:100%;line-height:32px;text-align: left;background-color:rgba(0, 0, 0, 0);transition: background .25s ease-in-out;-moz-transition: background .25s ease-in-out;-webkit-transition: background .25s ease-in-out;}
        nav.hotelMenu ul li:hover {cursor: pointer;position: relative;}
        nav.hotelMenu ul li:hover > ul {display: block;z-index:1000;}
        nav.hotelMenu > ul > li > a {font-size:16px;cursor: pointer;display: block;outline: none;width: 100%;text-decoration: none;color:rgba(255, 255, 255, 0.8);}
        nav.hotelMenu ul li:hover > a {text-decoration: none;color:rgba(255, 255, 255, 1);}
        nav.hotelMenu ul li:hover > ul > li > a {color:rgba(255, 255, 255, 0.8);}
        nav.hotelMenu ul li:hover > ul > li:hover {background-color:rgba(0, 0, 0, 0.1);}
        nav.hotelMenu ul li:hover > ul > li:hover > a {color:rgba(255, 255, 255, 1);}
        nav.hotelMenu > ul > li {float: left;}
        nav.hotelMenu > ul li ul {display: none;position: absolute;left:-10px;top: 100%;width: 100%;z-index: 2000;list-style:none;}
        nav.hotelMenu > ul li ul li > a {text-decoration: none;font-size:14px;display:block;width:90%;padding-left:5%;padding-right:5%;}
        nav.hotelMenu [type="checkbox"],nav.hotelMenu label {display: none;}
/************************************************************************************
CONTENT
*************************************************************************************/
/* Top Flexi Image */
#topImage {width: 100%;}
#topImage img{max-width: 100%;}
/* Content Div */
/*#content{float:left;background:#fff;width:63.26530612%;padding:0 4.081632653% 64px 2.040816326%;}*/
/* STRUCTURE */
.content{/*float:none;*/width:95.9183673%;padding:0 2.04081633% 64px 2.04081633%;background-color:#fff;}
/* MODULAR CONTENT STYLING */
.content{max-width: 980px;width:95.9183673%;padding:0 2.04081633% 16px 2.04081633%;background-color:transparent;}
.content{margin:0 auto;text-align:left;overflow:hidden;}
        
.twoColumn{max-width:50%;width:50%;padding:0;float:left;overflow:hidden;}
/*Make offers images fullwidth*/
.twoColumn img.Image.fullwidth {width: 100%;}
.fullwidthContent{max-width:100%;}
.fullwidthContent.content {padding-right:0;padding-left:0;width:100%;} /*Override the styling applied by the .content class*/
/* Address Details */
#contactDetails {text-align:left;}
#contactDetails .telephone{color:#666;}
/* Hide/Show specific contacts in footer */
.footer .conferenceContact, .footer .weddingContact, .footer .diningContact, .footer .watersportsContact, .footer .christmasContact, .footer .partyContact, .footer .newyearContact{display:none;}
       .conferenceContact .footer .conferenceContact, .weddingContact .footer .weddingContact, .diningContact .footer .diningContact, .watersportsContact .footer .watersportsContact,.christmasContact .footer .christmasContact,.partyContact .footer .partyContact,.newyearContact .footer .newyearContact {display: block;}
/* IMAGE STYLING */
.fullwidthImage {width:100%;margin-bottom:16px;}
/* FULLWIDTH & DEPTH ELEMENT WITH BACKGROUND IMAGE */
.fillScreen {/*height:87vh;*/height:67vh;background-color:transparent;background-position: top center; background-repeat: no-repeat;background-size:cover;width:100%;}
/* FULLWIDTH ELEMENT TEXT */
.headlineWrapper {-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;}
.fillScreen p.headline {font-size:56px;font-weight:normal;color:#fff;margin:0;text-align:center;position: relative;top: 50%;transform: translateY(-50%);font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;}
/* BRANDED BACKGROUND COLOURS */
.lwb {background-color:#0094A7;}
.whd {background-color: #7D398B;}
.lhh {background-color: #113D2C;}
.wbi {background-color: #B2AA7C;}
.mid {background-color: #242225;}
.EL {background-color: #484D53;}
.lightGrey {background-color:#ededed;}
/************************************************************************************
SIDEBAR
*************************************************************************************/
.breadcrumb {margin-top: 24px;}
.breadcrumb p {color:#000;}
.breadcrumb a {text-decoration:underline;}
.breadcrumb a:hover {text-decoration:none;}
.breadcrumbTrail {display:block;width:100%;overflow:hidden;margin-top:24px;}
        .breadcrumbTrail ol li {display:inline-block;width:auto;list-style:none;font-size:12px;margin-right:5px;}
        .breadcrumbTrail ol li::after {content: " >";padding-left:5px;}
        .breadcrumbTrail ol li:last-of-type::after {content: "";padding-left:0;}
        .breadcrumbTrail ol li:last-of-type a {color: #000;}
        .breadcrumbTrail ol li:last-of-type a:hover {text-decoration:none;cursor:default;}
/************************************************************************************
SIDEBAR
*************************************************************************************/
#sidebar {width:28.57142857%;float:right;margin:96px 2.040816326% 32px 0;}
/* Branding */
#sidebar.mid{background:#fff url(../css-images/logos/midland-logo.jpg) top center no-repeat;padding-top:168px;}
#sidebar.lhh{background:#fff url(../css-images/logos/lancaster-logo.jpg) top center no-repeat;padding-top:168px;}
#sidebar.wbi{background:#fff url(../css-images/logos/the-wild-boar-logo.jpg) top center no-repeat;padding-top:168px;}
#sidebar.lwb{background:#fff url(../css-images/logos/low-wood-bay-logo.jpg) top center no-repeat;padding-top:168px;}
#sidebar.whd{background:#fff url(../css-images/logos/waterhead-logo.jpg) top center no-repeat;padding-top:168px;}
#sidebar.el{background:#fff url(../css-images/logos/el-logo.jpg) top center no-repeat;padding-top:168px;}
/* Sub Navigation Tool */
.supplimentaryNavigation ul {margin-top:37px;margin-bottom:31px;border-bottom: solid 1px #eee;}
.supplimentaryNavigation li {margin-bottom:0;list-style:none;clear:both;border-top: solid 1px #eee;}
.supplimentaryNavigation li a{display:block;padding:6px 0 6px 0;}
.supplimentaryNavigation li a:hover{background-color:#eee;text-decoration:none;}
/* Contact Phone Numbers */
.main-telephone {font-size:24px;color:#666;text-align:center;padding-top:7px;padding-bottom:7px;margin-bottom:0;}
.alternativeTelephone {text-align:center;}
/* Facebook Wrapper */
#likebox-wrapper * {width: 100% !important;padding-top:0px;padding-bottom:16px;}
/* Google plus Wrapper */
#google-plus1 {padding-top:32px; padding-bottom:18px; padding-left:10px;}
/************************************************************************************
MEDIA TOOL - 360s, Videos, Image Galleries
*************************************************************************************/	
div.galleryAside{width:100%;height:auto;overflow:hidden;}
div.galleryAside div.tabs{width:100%;}
/* Added to fix iPad issue */
div.galleryAside div.tabs{position:relative;overflow:visible;height:auto;}
/* Added to fix iPad issue */
/* Top Tabbing */
ul.tabNavigation{overflow:hidden;width:100%;list-style:none;
height:40px;/* Added to fix iPad issue */
}
div.galleryAside ul.tabNavigation li{float:left;line-height:16px;margin:0;text-align:center;height:auto;width:33.33333333%}
div.galleryAside ul.tabNavigation.fourTabs li.mobileHide{display:none;}/* Default hidden set to display block when greater than 768px */
div.galleryAside ul.tabNavigation li a{display:block;text-decoration:none;width:100%;height:40px;background-color:#fff;line-height:40px;font-size:18px;color:#6C747D;font-weight:bold;}
div.galleryAside ul.tabNavigation li a:hover{background-color:#fff;text-decoration:underline;}
div.galleryAside ul.tabNavigation li a.selected{background-color:#ccc;width:100%;color:#6C747D;cursor:default;}
div.galleryAside ul.tabNavigation li a.selected:hover{text-decoration:none;}
ul.tabNavigation li a:focus{outline: 0;}
/* Media Tool Content Area */
div.galleryAside div.tabs div.tabContent {width:100%;height:auto;background-color:#ccc;padding-top:8px;}
/* Added to fix iPad issue */
div.galleryAside div.tabs div.tabContent {z-index:10;position:absolute;top:0px;left:0;visibility:hidden;}
/* Added to fix iPad issue */
/* Vertical Text Background Wording */    
div.galleryAside div.tabs div.tabContent.photos{background:#ccc url(../css-images/image-tabbing-tool/title-photos.png)top right no-repeat;}
div.galleryAside div.tabs div.tabContent.video{background:#ccc url(../css-images/image-tabbing-tool/title-video.png)top right no-repeat;}
div.galleryAside div.tabs div.tabContent.virtualTour{background:#ccc url(../css-images/image-tabbing-tool/title-360s.png)top right no-repeat;}
div.galleryAside div.tabs div.tabContent.brochureViewer{background:#ccc url(../css-images/image-tabbing-tool/brochure.png)top right no-repeat;}
/* Content Description */	
div.galleryAside div.tabs div.tabContent p{text-align:center;margin:0 0 0 60px;line-height:48px;}
/* Video Player iFrame */    
div.galleryAside div.tabs div.tabContent iframe#videoPlayerFrame,div.galleryAside div.tabs div.tabContent iframe#videoPlayerFrame #my-video{visibility:hidden;opacity: 0; }
div.galleryAside div.tabs div.tabContent iframe#videoPlayerFrame{width:0;height:0; }
/* Added to fix iPad issue */
div.galleryAside div.tabs div.tabContent.selected {z-index:1000;position:relative;top:0px;left:0;visibility:visible;}
/* Added to fix iPad issue */
div.galleryAside div.tabs div.tabContent.selected iframe#videoPlayerFrame{width:100%;height:100%; }
div.galleryAside div.tabs div.tabContent.selected iframe#videoPlayerFrame,div.galleryAside div.tabs div.tabContent iframe#videoPlayerFrame #my-video{visibility:visible;opacity: 1.0;}
div.mediaToolWrapper {clear:both;background-color:transparent;padding-top:0;overflow:visible;width:100%;height:auto;position:relative;}
.photoGallery{position:relative; overflow:hidden; width:86.666666%; margin-right:13.333333%;}
.photoGallery a img{width:100%;}
.brochure{position:relative; overflow:hidden; width:86.666666%; margin-right:13.333333%;}
.brochure a img{width:100%;}
.credit {float:right; margin-right:5px;}
.virtualTour360{width:86.666666%; margin-right:13.333333%; position:relative; overflow:hidden;}
.virtualTour360 a img{width:100%;}
.videoOuter {width:86.666666%; margin-right:13.333333%; overflow:hidden;}
.enlargeAndView{display:block;z-index:500;text-indent:-2000px;position:absolute;left:44.9626866%;bottom:50%;width:53px;height:53px;background:#CC0099 url(../css-images/image-tabbing-tool/magnify-icon.png) top left no-repeat;background-position:50% 50%;}
a.galleryImage:hover span.enlargeAndView,a.various:hover span.enlargeAndView{background-color:#000000;}

/* Not Sure where used */
.video-container {height:0;overflow:hidden;padding-bottom:56.25%;padding-top:30px;position:relative;}
.video-container iframe, .video-container object, .video-container embed {height:100%;left:0;position:absolute;top:0;width:100%;}
.video-wrapper {max-width:100%;width:600px;}
.video-wrapper2 {max-width:100%;width:500px;}


/* 360 tour styles */
/*#pano {width:96%;height:90vh;margin:0 2%;}*/
#virtualtour, .virtualtour {width:100%;height:75vh;}
@media only screen and (orientation: portrait) {#virtualtour {height:60vh;}.virtualtour {height:40vh;}}

/************************************************************************************
Updated tabtool
*************************************************************************************/

        .tabTool {margin: 24px 0;}/* Style the parent div/element */
        .tabTool input[type="radio"] {position: absolute;opacity: 0;}/* Hide the buttons */
        .tabTool .tabs {overflow: hidden;margin:0;list-style:none;}
        .tabTool .tabs li {float:left;margin:0;text-align:center;line-height:40px;font-weight:bold;}/* style label parent */
        .tabTool .twoTabs li{width: 50%;}
        .tabTool .threeTabs li{width: 33.33333333%;}
        .tabTool .fourTabs li{width: 25%;}
        .tabTool .tabs li label {display:block;background-color:#fff;color:#666;width:100%;cursor: pointer;}/* default label style */
        .tabTool .tabs li label:hover {opacity:0.7;}/* Hover effect on label */
        
        /* Put the CSS to show the tab button is active here */
        .tabTool input:nth-child(1):checked ~ .tabs li:nth-child(1) label, .tabTool input:nth-child(2):checked ~ .tabs li:nth-child(2) label, .tabTool input:nth-child(3):checked ~ .tabs li:nth-child(3) label,.tabTool input:nth-child(4):checked ~ .tabs li:nth-child(4) label {background-color:#ccc;color:#fff;cursor: default;}
        
        /* Override Hover effect on label */
        .tabTool input:nth-child(1):checked ~ .tabs li:nth-child(1) label:hover, .tabTool input:nth-child(2):checked ~ .tabs li:nth-child(2) label:hover, .tabTool input:nth-child(3):checked ~ .tabs li:nth-child(3) label:hover, .tabTool input:nth-child(4):checked ~ .tabs li:nth-child(4) label:hover {opacity:1.0;}
        .tabTool .sections ul {overflow:hidden;}/* Force the ul to wrap it's children */
        .tabTool .sections li {display: none;}/* Default li elements to hidden */
        
        /* Put the CSS to show the tab content is active here */
        .tabTool input:nth-child(1):checked ~ .sections li:nth-child(1),.tabTool input:nth-child(2):checked ~ .sections li:nth-child(2),.tabTool input:nth-child(3):checked ~ .sections li:nth-child(3),.tabTool input:nth-child(4):checked ~ .sections li:nth-child(4) {display:block;background-color:#ccc;padding-top:8px;}
        
        /* Child elements */
        .tabTool .sections li .videoOuter {width:100%;}
        .tabTool .sections li img {width:100%;}
        .tabTool .sections li a.imageWrapper {position:relative;display:block;}
        .tabTool .sections li h3 {margin-top:0;}
        .tabTool .sections li p {margin:0;padding:8px 10px;text-align:center;}
        
        /* Enlarge Icon over images */
        .enlargeAndView{display:block;z-index:500;text-indent:-2000px;position:absolute;left:44.9626866%;bottom:50%;width:53px;height:53px;background:#CC0099 url(../css-images/image-tabbing-tool/magnify-icon.png) top left no-repeat;background-position:50% 50%;}
        a.galleryImage:hover span.enlargeAndView,a.various:hover span.enlargeAndView{background-color:#000000;}
        .tabTool a.imageWrapper span.enlargeAndView{bottom:44.9626866%;}
        .tabTool a.imageWrapper:hover span.enlargeAndView{background-color:#000000;}
/************************************************************************************
IMAGE USED AS TRIGGER FOR A GALLERY
*************************************************************************************/
        /* GALLERY IMAGE */
        .galleryImage {display:block;overflow:hidden;position:relative;}
        .galleryImage img{margin-bottom:0;-webkit-transition: all 0.5s ease-in-out;}
        .galleryImage:hover img{opacity:0.7;transform: scale(1.1); }

        .galleryTrigger {display:block;z-index:500;position:absolute;left:0;top:100%;margin-top:-69px;width:auto;height:64px;padding:0 40px 0 60px;background:rgba(204, 0, 153, 0.8) url(../css-images/image-tabbing-tool/magnify-icon.png) top left no-repeat;background-position:20px 50%;color:#fff;font-size:24px;font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;line-height:64px;font-weight:normal;}
        a.galleryImage:hover span.galleryTrigger{/*background-color:#D940B3;*//*background-color:#A8007E;*/background-color:rgba(204, 0, 153, 1);}
/************************************************************************************
Map
*************************************************************************************/
#map, #map-canvas {width:100%;height:300px;}
/************************************************************************************
CSS For elements used as anchors
*************************************************************************************/
@media screen and (min-width:800px) {
.jumptarget:target:before {content:"";display:block;background-color:#fff;height:104px;/* fixed header height*/margin:-104px 0 0; /* negative fixed header height */}
}
.jumptarget:target h3 {background-color:#ccc;/* CSS to style the focused/target element */}
/************************************************************************************
Offers & Events Box in content area
*************************************************************************************/
#offersandevents {padding:8px 45.1612903% 40px 3.22580645%; margin:24px 0 24px 0;}
#offersandevents.weddings {background:#ccc url(../css-images/offerEvents/wedding-offers-events.jpg) top right no-repeat;}
#offersandevents.conferences {background:#ccc url(../css-images/offerEvents/conference-offers-events.jpg) top right no-repeat;}
#offersandevents.hotels {background:#ccc url(../css-images/offerEvents/package-offers.jpg) top right no-repeat;}
#offersandevents ul{list-style:none;padding-top:24px;}
#offersandevents ul li{overflow:hidden;background-color:#ccc;padding:8px;border-bottom:2px solid #bbbbbb;}
#offersandevents ul li a{display:inline-block;background-color:#cc0099;padding:4px 10px 4px 10px;color:#fff;font-weight:bold;margin-top:8px;}
#offersandevents ul li a:hover{background-color:#000;}
#offersandevents ul li h4{margin:0; font-size:14px;line-height:16px; color:#000;padding-bottom:8px;}
#offersandevents h3{margin:0; color:#fff;padding-bottom:14px;border-bottom:2px solid #fff;}
/************************************************************************************
FOOTER
*************************************************************************************/
/* FOOTER STYLING */
.content.footer {padding-bottom:8px;}

/* LINK STYLING IN THE FOOTER */
.footer a {text-decoration:underline;}
.footer a:hover {text-decoration:none;}

/* VOUCHERS LINK IN THE FOOTER */
/*.footer .vouchers {width:30%; padding-right:20%; background: transparent url(/css/css-images/vouchers.png) top right no-repeat;}*/
.footer .twoColumn.vouchers {width:28.97959184%; padding-right:20%;background: transparent url(/css/css-images/vouchers.png) top right no-repeat;}

#footer {clear:both;color:#000;font-size:85%;background:#fff;margin:30px 0 30px;padding:20px 35px;width:auto;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);-moz-box-shadow:0 1px 3px rgba(0,0,0,.4);box-shadow:0 1px 3px rgba(0,0,0,.4);}
#footer a {color:#fff;}
#master-footer {height:auto;width:100%;text-align:center;background-color:#6C757D;color:#ccc;margin:0;clear:both;overflow:hidden;padding-top:16px;margin-top:32px;}
#master-footer {overflow: visible;margin-top:0px;position:relative;margin-bottom:-19px;}
#master-footer a {color:#fff;}
#master-footer nav{display:block;overflow:hidden;margin:0 auto;text-align:center;width:100%;height:auto;max-width:980px;}
#master-footer nav.footer-nav ul{list-style:none;margin-right:20.40816326%;margin-left:20.40816326%;width:59.18367346%;overflow:hidden;}
#master-footer nav.footer-nav ul li{width:31.03448275%;margin:0 3.448275862% 0 0;line-height:32px;float:left;padding:0;}
#master-footer nav.footer-nav ul li:nth-child(3),#master-footer nav.footer-nav ul li:nth-child(6){margin-right:0;}
#master-footer nav.footer-nav ul#backToTop{list-style:none;width:28.57142857%;max-width:980px;text-align:center;margin:16px 35.71428571% 16px 35.71428571%;}
#master-footer nav.footer-nav ul#backToTop li{width:100%;margin:0;padding:0;background-color:#898F95;float:left;}
#master-footer nav.footer-nav ul#backToTop li a{width:100%;display:block;background-color:#898F95;line-height:56px;font-weight:bold;}
#master-footer nav.footer-nav ul#backToTop li a:hover{background-color:#767E85;text-decoration:none;color:#ccc;}
#master-footer nav.footer-nav ul#bestPriceGuarantee, #master-footer ul#bestPriceGuarantee{display:none;}
#master-footer small{width:100%;text-align:center;clear:both;}
#master-footer ul#bestPriceGuarantee {display:block;list-style:none;}
#master-footer ul#bestPriceGuarantee li {width:60%;background-color:#fff;margin:16px 20% 24px 20%;-moz-border-radius: 16px;border-radius: 16px;}
#master-footer ul#bestPriceGuarantee li a {color:#666;padding:8px 10px 8px 10px;overflow:hidden;display:block;text-align:center;}
#master-footer ul#bestPriceGuarantee li a:hover {text-decoration:none;}
#master-footer ul#bestPriceGuarantee li a strong {font-weight:bold;color:#cc0099;}
#master-footer ul#bestPriceGuarantee li a img {width:64px;height:64px;margin-bottom:8px;}
#master-footer ul#bestPriceGuarantee li a span {display:block;clear:left;}

#master-footer ul#bestPriceGuaranteed {display:block;list-style:none;margin-top:-16px;overflow: visible;height:40px;background-color:#6C757D;border-top:40px solid #fff;}
#master-footer ul#bestPriceGuaranteed {margin-top:-56px;height:80px;background-color:transparent;border-top:none;z-index: 1;}
#master-footer ul#bestPriceGuaranteed li {width:180px; height:80px;background:transparent url(../../../../css/css-images/logos/best-price-guarantee-v2.png) top left no-repeat;margin:-40px auto 0 auto;-moz-border-radius:0;border-radius:0;}
#master-footer ul#bestPriceGuaranteed li {margin-top:0px;}
#master-footer ul#bestPriceGuaranteed li a {color:#666;padding:8px 10px 8px 10px;overflow:hidden;display:none;text-align:center;}
#master-footer ul#bestPriceGuaranteed li a {display:block;text-indent:-5000px;}
#master-footer ul#bestPriceGuaranteed li a:hover {text-decoration:none;}
#master-footer ul#bestPriceGuaranteed li a strong {font-weight:bold;color:#cc0099;}
#master-footer ul#bestPriceGuaranteed li a img {width:64px;height:64px;margin-bottom:8px;}
#master-footer ul#bestPriceGuaranteed li a span {display:block;clear:left;}


/************************************************************************************
CLEARFIX
*************************************************************************************/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; zoom: 1; }

/************************************************************************************
SOCIAL MEDIA ICONS 
*************************************************************************************/
        ul#socialMediaIcons {list-style:none;overflow:hidden;margin-top:32px;}
        ul#socialMediaIcons li {list-style:none;float:left;margin-right:10px;}
        ul#socialMediaIcons li a {display:block;width:40px;height:40px;overflow:hidden;text-indent:-2000px;background:transparent url(/css/css-images/logos/social-media-icons.gif) no-repeat;}
        ul#socialMediaIcons li a#pinterest {background-position: 0 0}
        ul#socialMediaIcons li a#instagram {background-position: 0 -48px}
        ul#socialMediaIcons li a#twitter {background-position: 0 -96px}
        ul#socialMediaIcons li a#facebook {background-position: 0 -144px}
        ul#socialMediaIcons li a#youtube {background-position: 0 -192px}
/************************************************************************************
SOCIAL MEDIA ICONS IN FOOTER
*************************************************************************************/
nav.socialMedia {text-align:center;padding-bottom:8px;overflow:hidden;}
nav.socialMedia ul {padding:16px auto 16px auto;overflow:hidden;}
nav.socialMedia ul li {width:40px;height:40px;background-color:transparent;display:inline-block;margin-right:18px;text-indent:-2000px;list-style:none;}
nav.socialMedia ul li a{display:block;width:40px;height:40px;}
nav.socialMedia ul li a.facebook,nav.socialMedia ul li a.googleplus,nav.socialMedia ul li a.twitter,nav.socialMedia ul li a.rss,nav.socialMedia ul li a.pinterest,nav.socialMedia ul li a.youtube {background:transparent url(../css-images/social-media-icons.png) top left no-repeat;}
nav.socialMedia ul li a.facebook {background-position:0 0;}
nav.socialMedia ul li a.googleplus {background-position:0 -80px;}
nav.socialMedia ul li a.twitter {background-position:0 -120px;}
nav.socialMedia ul li a.rss {background-position:0 -40px;}
nav.socialMedia ul li a.pinterest {background-position:0 -160px;}
nav.socialMedia ul li a.youtube {background-position:0 -200px;}
nav.socialMedia ul li a.facebook:hover,nav.socialMedia ul li a.googleplus:hover,nav.socialMedia ul li a.twitter:hover,nav.socialMedia ul li a.rss:hover,nav.socialMedia ul li a.pinterest:hover,nav.socialMedia ul li a.youtube:hover{zoom:1;filter:alpha(opacity=50);opacity: 0.5;}
/************************************************************************************
VOUCHERS PROMOTION
*************************************************************************************/
a.vouchers{display:block;width:100%;padding-top:228px;background:transparent url(../css-images/vouchers.jpg) top left no-repeat;text-align:center;font-weight:bold;background-position:50% 0;}
a.vouchers:hover {zoom: 1;filter: alpha(opacity=100);opacity: 1.0;}
/************************************************************************************
TRIP ADVISOR RATINGS
*************************************************************************************/
.tripadvisorRatings {padding-left:74px;background:transparent url(../css-images/tripadvisor.gif) top left no-repeat;}
.tripadvisorRatings.fourStars{background-position:-6px -50px;}
.tripadvisorRatings.fourandhalfStars{background-position:-6px -28px;}
.travellersChoice {display:block;width:228px;padding:20px 0 0 50px;background:#fff url(../css-images/logos/travellers-choice.gif)top left no-repeat;}
/*.certOfExcellence {float:left;}
img.certOfExcellence+p.tripadvisorRatings {margin-left:190px;margin-top:32px;}*/
p.certOfExcellence {color:#000;margin-top:16px;padding-left:22px;background:transparent url(../css-images/logos/cert-of-excellence.gif)top left no-repeat;}
/************************************************************************************
HOTEL FACILITIES LIST
*************************************************************************************/
ul.withIcons {list-style: none;padding-bottom:16px;overflow:hidden;}
ul.withIcons li {line-height:16px;margin-bottom:8px;padding-left:20px;width:40%;float:left;background:transparent url(../css-images/hotel-icon-sprite.png) center left no-repeat;} 
ul.withIcons li {padding-left:34px;margin-bottom:16px;padding-top:4px;padding-bottom:4px;background:transparent url(../css-images/hotel-icon-sprite2.png) center left no-repeat;} 
ul li.smokehouse {background-position:0 0;}
ul li.twentyFourHour {background-position:0 -56px;}
ul li.restaurant {background-position:0 -112px;}
ul li.woodland {background-position:0 -168px;}
ul li.rosette {background-position:0 -224px;}
/*ul li.noMinStay {background-position:0 -240px;}*/
ul li.wifi {background-position:0 -280px;}
ul li.parking {background-position:0 -336px;}
ul li.checkIn {background-position:0 -392px;}
ul li.leisureClubs {background-position:0 -448px;}
ul li.dogFriendly {background-position:0 -504px;}
ul li.familyFriendly {background-position:0 -560px;}
ul li.bedrooms {background-position:0 -616px;}
ul li.spa {background-position:0 -672px;}
/***********************************************************************************
COOKIE STATEMENT
************************************************************************************/		
#cookieNote {display:block;margin-top:16px;width:100%;padding-top:6px;padding-bottom:8px;border-top:2px solid #fff;line-height:24px;font-size:12px;color:#fff;text-align:center;background-color:#898F95;}
#cookieNote a {color:#FFF;font-weight:bold;background-color:#cc0099;}
/***********************************************************************************
GUEST REVIEWS
************************************************************************************/
.guestReviews { margin:64px 20px;border-top:1px solid #ccc;padding-top:16px;}
.reviewDetails {width:20%;padding-right:5%;float:left;}
.review {width:75%;margin-left:25%;}
.GuestReview {clear:both;overflow:hidden;padding:16px 0;border-bottom:1px solid #ccc;list-style:none;}
.date {text-align: right;}
/***********************************************************************************
*                  ACCORDION STYLE PAGES FOR OFFERS & EVENTS CONTENT               *
************************************************************************************/	
/* Containing Element */
article.offers {overflow:hidden;width:93.2258065%;padding:20px 3.22580645% 20px 3.22580645%;background:#f8f8f8 none;border:1px solid #ccc;-moz-border-radius: 16px;border-radius: 16px;}
article.offers h2{color:#cc0099;margin:0;}
article.offers article {width:93.2258065%;padding:12px 3.22580645% 12px 3.22580645%;background:#fff none;margin-bottom:24px;position:relative;border:1px solid #ccc;-moz-border-radius: 12px;border-radius: 12px;}
article.offers article img.logoImage{float:left;margin:7px 20px 8px 0;}/* Hotel Logo */
article.offers article section{background-color:#f8f8f8;padding:16px 3.7037037% 16px 3.7037037%;border:1px solid #ccc;width:92.22222222%;clear:both;margin-top:8px;margin-bottom:8px;-moz-border-radius: 8px;border-radius: 8px;display:none;}
article.offers article h3,
article.offers article h4{color:#cc0099;margin:0;}
article.offers article h4{color:#666;}

article.offers {width:93.2258065%;padding:12px 3.22580645% 12px 3.22580645%;background:#fff none;margin-bottom:24px;position:relative;border:1px solid #ccc;-moz-border-radius: 12px;border-radius: 12px;}
article.offers img.logoImage{float:left;margin:7px 20px 8px 0;}/* Hotel Logo */
article.offers section{background-color:#f8f8f8;padding:16px 3.7037037% 16px 3.7037037%;border:1px solid #ccc;width:92.22222222%;clear:both;margin-top:8px;margin-bottom:8px;-moz-border-radius: 8px;border-radius: 8px;display:none;}
article.offers h3,
article.offers h4{color:#cc0099;margin:0;}
article.offers h4{color:#666;}
/* Open and Close Button */
article.offers article header span.OpenOfferDetails{font-style:bold;color:#fff;float:right;display:block;background-color:#cc0099;overflow:hidden;padding:4px 10px 4px 10px;margin-bottom:8px;-moz-border-radius: 4px;border-radius: 4px;}
article.offers article header span.CloseOfferDetails{font-style:bold;color:#fff;display:none;float:right;background-color:#cc0099;padding:4px 10px 4px 10px;margin-bottom:8px;-moz-border-radius: 4px;border-radius: 4px;}
article.offers article header.active span.OpenOfferDetails{display:none;}
article.offers article header.active span.CloseOfferDetails{display:block;}
article.offers article header span.OpenOfferDetails:hover,article.offers article header.active span.CloseOfferDetails:hover{text-decoration:underline;background-color:#666;cursor:pointer;}

article.offers header span.OpenOfferDetails{font-weight:bold;color:#fff;float:right;display:block;background-color:#cc0099;overflow:hidden;padding:4px 10px 4px 10px;margin-bottom:8px;-moz-border-radius: 4px;border-radius: 4px;}
article.offers header span.CloseOfferDetails{font-weight:bold;color:#fff;display:none;float:right;background-color:#cc0099;padding:4px 10px 4px 10px;margin-bottom:8px;-moz-border-radius: 4px;border-radius: 4px;}
article.offers header.active span.OpenOfferDetails{display:none;}
article.offers header.active span.CloseOfferDetails{display:block;}
article.offers header span.OpenOfferDetails:hover,article.offers header.active span.CloseOfferDetails:hover{text-decoration:underline;background-color:#666;cursor:pointer;}

/* Offer or Event Content Area Title*/
article.offers section h4 {color:#cc0099;margin-bottom:16px;}
article.offers section ul{list-style:none;}
article.offers section ul li{margin-bottom:48px;}
/* Contact Area */
article.offers article footer {clear:none;padding:8px 0 8px 0;overflow:hidden;width:100%;}
article.offers article footer img{float:right;-moz-border-radius: 4px;border-radius: 4px;}
article.offers article footer p{margin-bottom:0;padding-bottom:0;}
article.offers article footer strong{color:#cc0099;font-size:14px;}

article.offers footer {clear:none;padding:8px 0 8px 0;overflow:hidden;width:100%;}
article.offers footer img{float:right;-moz-border-radius: 4px;border-radius: 4px;}
article.offers footer p{margin-bottom:0;padding-bottom:0;}
article.offers footer strong{color:#cc0099;font-size:14px;}
/* Check Availability Button */
a.offerUrl{display:inline-block;padding-left:10px;padding-right:10px;background-color:#cc0099;color:#fff;font-weight:bold;}
a.offerUrl[href=""]{display:none;/*Hides the link if the href is empty*/} 	
/************************************************************************************
Landing Pages
*************************************************************************************/
#fixedbg{height:100%;width:100%;position:fixed;z-index:-1;top:0;}
body.weddings div#fixedbg{background: url(../../../visual-media/images/el/weddings/wedding-group-outside-midland.jpg) no-repeat top center fixed;}
body.conferences div#fixedbg{background: url(../../../visual-media/images/el/conferences/coniston-room.jpg) no-repeat top center fixed;}
body.christmas div#fixedbg{background: url(../../../visual-media/images/el/christmas/log-fire-super-large.jpg) no-repeat top center fixed;}
body.partyNights div#fixedbg{background: url(../../../visual-media/images/el/party-nights/dancers.jpg) no-repeat top center fixed;}
body.newYearBreaks div#fixedbg{background: url(../../../visual-media/images/el/new-year-breaks/new-year-breaks-homepage-background.jpg) no-repeat top center fixed;}
body.restaurants div#fixedbg{background: url(../../../visual-media/images/el/restaurants/steaks.jpg) no-repeat top center fixed;}
body.landingPage #OuterWrapper {background-color:rgba(255,255,255,0.3);padding-top:20px;margin-top:492px;overflow:visible;/*ipad*/}
body.landingPage #content {background-color:transparent;width:95.91836734%;padding:0 2.040816326% 0 2.040816326%;	}
body.landingPage #content article header {width:95.74468085%;background-color:rgba(255,255,255,0.5);padding:20px 2.127659574% 20px 2.127659574%;margin-bottom:24px; }
body.landingPage #content article header h2{color:#666;}
body.landingPage .content {background-color:rgba(255,255,255,0.9);overflow:hidden;}
body.landingPage #content article header div.content {width:91.11111111%;padding:20px 4.44444444% 20px 4.44444444%;}
body.landingPage .content h3{margin-top:0;}
.hotelOptions{list-style:none;}
.hotelOptions li{width:95.74468085%;background-color:rgba(255,255,255,0.8);padding:20px 2.127659574% 20px 2.127659574%; margin-bottom:88px;}	
.hotelOptions li div.content {background-color:#ccc;/*padding:0;*/position:relative;/*margin:0;*/}
body.weddings .hotelOptions li div.content {background:#ccc url(../css-images/weddings-venues-bckgrnd.png) no-repeat top right;}
.hotelOptions li div.content .Image {float:left;width: 53.3333333%;}
.hotelOptions li div.content .Image img{max-width: 100%;}
.hotelOptions li div.content div.textBox{float:right;width:30.4347826%;padding:40px 8.695652173% 100px 6.52173913%;}
.hotelOptions li div.content div.textBox h3{color:#fff;}
.hotelOptions li div.content div.textBox a{position:absolute;bottom:40px;right:6.52173913%;width:34.78260869%;color:#fff;padding-top:8px;padding-bottom:8px;background-color:#cc0099;text-align:center;display:block;}
.hotelOptions li div.content div.textBox a strong{display:block;font-size:20px;}
body.landingPage #master-footer {border-top:2px solid #fff;}
/************************************************************************************
HOMEPAGE ELEMENTS STYLING
*************************************************************************************/
.hotelSection{float:none;width:83.6734694%;padding:70px 8.16326531% 0 8.16326531%;background:transparent url(../../../../css/css-images/vertical-home-text.png) no-repeat top right;}
.hotelList{list-style:none;}
.hotelList li{width:100%;background-color:#fff;padding:0; margin-bottom:64px; overflow:hidden;}	
.hotelList li div.content {background-color:#fff;position:relative;overflow:hidden;}
.hotelList li div.content .Image {float:left;width:41.4634146%;margin-right:2.43902439%;overflow:hidden;}
.hotelList li div.content .Image img{max-width: 100%;}
.hotelList li div.content div.textBox{width:56.097561%;padding:0;float:right;padding-bottom:4.92307692em;}
.hotelList li div.content div.textBox h2{color:#000; margin-top:0;}
.hotelList li div.content div.textBox h2 span{display:block;clear:left;margin: 0 0 1.2em;padding:0;font-size:13px;line-height:16px;font-weight:normal;color:#666;}
.hotelList li div.content div.textBox a.button{position:absolute;bottom:0;right:6.52173913%;right:9.75609756%;width:36.5853659%;color:#fff;padding-top:8px;padding-bottom:8px;background-color:#cc0099;text-align:center;display:block;}
.hotelList li div.content div.textBox a.button strong{display:block;font-size:20px;}
.offersSection {border-top:2px solid #E0E0E0;width:83.6734694%;padding:0 8.16326531% 64px 8.16326531%;background:transparent url(../../../../css/css-images/vertical-offers-text.png) no-repeat top right;}
.activitiesSection {float:none;width:83.6734694%;padding:70px 8.16326531% 0 8.16326531%;background:transparent url(../../../../css/css-images/vertical-activities-text.png) no-repeat top right;}
.offersSection ul {list-style:none;}
.offersSection h2 {color:#666; font-size:32px;font-weight:normal;}
.offersSection ul li p a.button {display:inline-block;background-color:#cc0099;padding:8px 20px;text-align:center;color:#fff;font-weight:bold;}
body.homePage #content{background-color:#fff;width:100%;padding:0 0 0 0;}
body.homePage #content article header { margin-bottom:56px;}  
body.homePage #content article header p {margin: 0 0 1.2em;padding: 0;font-size: 1.333em;font-style:italic;color: #8c8c8c;}
body.homePage #content article header h1 {font-size: 1.333em;line-height: 1em;margin: 0 0 1.2em;color: #8c8c8c;padding: 0; display:inline; font-style:italic;}
/************************************************************************************
HOMEPAGE ELEMENTS STYLING VERSION 2
*************************************************************************************/
        /*Layout*/
        body.topLevelPage .panel {width:100%;text-align:center;}
        body.topLevelPage.generic .panel {border-bottom:4px solid #ccc;}
        body.topLevelPage .panel article {max-width: 940px;margin:0 auto;text-align:left;padding:64px 0;border-left:20px solid transparent;border-right:20px solid transparent;}
        body.topLevelPage.generic .panel section {margin-bottom: 40px;}
        body.topLevelPage.generic .panel section.newContent {background:url(../css-images/logos/2014-content.gif) bottom right no-repeat;}/*Add a small logo to inform that the content has been updated*/
        body.topLevelPage .Christmas section ul, body.topLevelPage .ourOffers ul, body.topLevelPage .VouchersSection section ul {max-width:940px;list-style:none;overflow:hidden;}
        body.topLevelPage .Christmas section ul li, body.topLevelPage .ourOffers ul li, body.topLevelPage .VouchersSection section ul li {width:31.9148936%;margin-right:2.12765957%;float:left;}
        body.topLevelPage .ourOffers.TwoColumn ul li {width:47.91666666%;margin-right:2.083333333%;}
        body.topLevelPage .Christmas section ul li:last-child, body.topLevelPage .ourOffers ul li:last-child, body.topLevelPage .ourOffers.TwoColumn ul li:last-child,body.topLevelPage .VouchersSection section ul li:last-child {margin-right:0;}
        body.topLevelPage .lakeslancs article header, body.topLevelPage .lakeslancs article section {width:48.9361702%;}
        body.topLevelPage .panel.vouchers {background-color: #999900;border-top: 4px solid #fff;color: #fff;}
        body.topLevelPage .panel.vouchers section{margin-bottom:40px;}
        .ourHotels div.text {width:100%;}
        /*Small set of thumbnails stretching full page width*/
        body.topLevelPage .fullwidthImage {width:100%;}
        body.topLevelPage .fullwidthImage img{max-width:100%;}
        /*Top Image Fix*/
        body.topLevelPage #topImage img{margin-bottom:-4px;}/*counters issue with picture fill adding padding*/
        /*Headings*/
        body.topLevelPage .panel h1,body.topLevelPage .panel h2{font-size:4.16666667em;/*54px*/font-weight:normal;margin-top:-0.26041667em;line-height:1.2307em;/*64px*/}
        body.topLevelPage .panel h3 {font-size:2.4691358em;/*32px*/line-height:1.25em;/*40px*/font-weight:normal;margin-bottom:24px;}
        body.topLevelPage h2, body.topLevelPage h1s {color:#000;}
        body.topLevelPage .Christmas h2, body.topLevelPage .Christmas h3, body.topLevelPage .panel.vouchers h2 {color:#fff;}
        /*Body Copy*/
        body.topLevelPage .panel article header p {font-size:1.2345679em;/*16px*/font-weight:bold;margin:0 0 1.5em 0;line-height:1.5em;/*24px*/}
        body.topLevelPage .panel article section p {font-size:1.08024691em;/*14px*/margin:0 0 1.71428571em 0;line-height:1.71428571em;/*24px*/}
        body.topLevelPage .Christmas article section p {color:#fff;}
        body.topLevelPage .ourHotels article section p b{color:#000;}
        /*Backgrounds and Borders styling*/
        body.topLevelPage .Christmas{background-color:#AC0118;}
        body.topLevelPage .lakeslancs article {background:#fff url(../../visual-media/images/el/homepage/lake-district-lancashire/montage-2.png) top right no-repeat;background-size:48.9361702% auto;background-position:100% 64px;}
        body.topLevelPage .ourHotels{background-color:#fff;border-top:4px solid #ccc;}
        /*Styling for the large button*/
        body.topLevelPage a.button {display:inline-block;padding:8px 20px 8px 20px;background-color:#cc0099;color:#fff;}
        body.topLevelPage.generic a.button {display: block; width: 40%;margin-left: 30%;margin-right: 30%;margin-top:32px; text-align:center;padding-left:0;padding-right:0;}
        body.topLevelPage a.button strong {display:block;}
        body.topLevelPage .panel.vouchers .button {width: 50%;margin-left: 25%;padding-left: 0;padding-right: 0;text-align:center;font-weight:bold;}
        /*Carousel Styling - Owl Carousel*/
        .carouselWrapper {overflow:visible;position:relative;padding-left:10px;padding-right:0;margin-left:-10px;margin-right:-10px;}
        .ourHotels ul {overflow: hidden;list-style: none;}
        .ourHotels ul li {margin-left:10px;margin-right:10px;}
        .ourHotels ul li img {width:100%;height:auto;}
        .ourHotels ul li a.button {display:block;width:100%;padding:0 0 8px 0;text-align:center;background-color:#cc0099; color:#fff;}
        .ourHotels ul li a.button strong{display:block;padding-top:8px;}
        /*Social Media*/
        .socialMediaSection {width:100%;padding:0 0 60px 0;overflow:hidden;background-color:transparent;border-top:4px solid #ccc;}
        body.topLevelPage .socialMediaSection article {padding-bottom:0;}
        #newMedia {width:100%;list-style:none;margin:0;overflow:hidden;}
        #newMedia li#twitter{float:left;width:48.7804878%;margin:0;margin-right:2.43902439%;}
        #newMedia img.autosized-media{min-width:100%;}
        #newMedia li#blog{float:left;width:48.7804878%;margin:0;}
        #newMedia li#blog ul li{list-style:none;}
        #newMedia li#blog ul li h4{font-size:1.543209876em;/*20px*/font-weight:normal;line-height:1.6em;/*32px*/margin:8px 0 0 0; padding:0;}
        #newMedia li#blog ul li p{ font-size:1.08024691em;/*14px*/margin:0 0 1.71428571em 0;/*24px*/line-height:1.71428571em;/*24px*/}
        #newMedia iframe[id^='twitter-widget-']{ width:100%;}

/************************************************************************************
OFFERS ELEMENTS STYLING
*************************************************************************************/
body#offerpage h1, body#offerpage h2{color:#cc0099;}
body#offerpage h3, body#offerpage h4 {color:#666;}
/* Styling for the structuring elements */
body#offerpage .content {width:100%;margin:0 auto;overflow:hidden;padding-top:40px;padding-bottom:60px;overflow:hidden;text-align:center;}
body#offerpage .ninetynineofferWrapper {background:transparent url(../css-images/whd/bedroom.jpg) center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
body#offerpage .midWinterofferWrapper {margin-top:4px;background:transparent url(../css-images/offers/midwinteroffer/robin.jpg) top center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;text-align:center;border-bottom:8px solid #C5E5EA;}
body#offerpage .offerInnerWrapper{max-width:980px; margin:0 auto; overflow:hidden;text-align:left;}
body#offerpage .autumnofferWrapper {margin-top:4px;background:transparent url(../css-images/offers/daffodils/daffodils-bckgrnd.jpg) center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;border-bottom:8px solid #D6CB2D;}
/*body#offerpage .autumnofferWrapper {background: transparent url(../css-images/offers/summer/daisy.jpg) center center fixed;}
body#offerpage .autumnofferWrapper {background: transparent url(../css-images/offers/sunsets/morecambe-pier-and-bay.jpg) center center fixed;}*/
body#offerpage .flashsaleofferWrapper {background:transparent url(../css-images/offers/derwentwater/derwentwater-bckgrnd.jpg) center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;border-bottom:8px solid #473228;}
/* Generic styling for the article tags */
body#offerpage .offer {display:block;border:8px solid #C5E5EA;-moz-border-radius:16px;border-radius: 16px;}
/* Specific styling for the article tags */
body#offerpage .offerIntro{padding:12px 4.08163265% 40px 4.08163265%;width:71.4285714%;margin:0 auto 40px auto;background:rgba(255,255,255,1.0);}
body#offerpage .ninetynineoffer {padding:12px 28.5714286% 60px 4.08163265%;width:46.9387755%;margin:0 auto;background:rgba(255,255,255,0.9);background-image:url(../css-images/offers/99offer/99-double-deal.png),url(../css-images/offers/99offer/jars.png);background-repeat:no-repeat,no-repeat;background-position:100% 40px,100% 100%;}
body#offerpage .midWinteroffer {padding:12px 4.08163265% 40px 4.08163265%;width:71.4285714%;margin:0 auto;background:rgba(255,255,255,0.4);}
body#offerpage .autumnoffer {padding:12px 4.08163265% 40px 4.08163265%;width:71.4285714%;margin:0 auto;background:rgba(255,255,255,0.7);}
body#offerpage .flashsaleoffer {padding:12px 4.08163265% 40px 4.08163265%;width:71.4285714%;margin:0 auto;background:rgba(255,255,255,0.7);border:8px solid #473228;}
body#offerpage .autumnoffer.offer {border:8px solid #D6CB2D;}
/* Styling for the button elements */
body#offerpage .button {display:block;background-color:#cc0099;color:#fff;text-align:center;}
body#offerpage .ninetynineoffer a.button {width:80%;padding:16px 0 16px 0;margin-left:10%;margin-top:40px;}
body#offerpage .midWinteroffer a.button {display:inline-block;min-width:160px;font-weight:bold;width:auto;padding:4px 20px 4px 20px;margin-right:20px;}
body#offerpage .autumnoffer a.button {display:inline-block;font-weight:bold;width:auto;padding:4px 20px 4px 20px;margin-right:20px;}
body#offerpage .flashsaleoffer a.button {display:inline-block;font-weight:bold;width:auto;padding:4px 20px 4px 20px;margin-right:20px;}
/* Styling for the accordion elements containg the terms and condition */
body#offerpage .offer footer {display:none;}
body#offerpage .CloseOfferDetails, .OpenOfferDetails {color:#026acb; text-decoration:underline; cursor:pointer;}
body#offerpage .CloseOfferDetails:hover, .OpenOfferDetails:hover {text-decoration:none;}
body#offerpage span.CloseOfferDetails {display:none;}
body#offerpage p.active span.CloseOfferDetails {display:block;}
body#offerpage p.active span.OpenOfferDetails {display:none;}

/************************************************************************************
JUMBOTRON STYLING
*************************************************************************************/
        /* JUMBOTRON STRUCTURE & STYLING */
        .jumbotron {background-color:#ededed;position:relative;margin:24px 0 12px 0;}
        .jumbotron div.wrapper {padding:0 20px 20px 20px;}
        
        /* HOTEL BRANDING COLOURS */
        .jumbotron.lwb {background-color:#0094A7;}
        .jumbotron.whd {background-color: #7D398B;}
        .jumbotron.lhh {background-color: #113D2C;}
        .jumbotron.wbi {background-color: #B2AA7C;}
        .jumbotron.mid {background-color: #242225;}
        
        /* FONT STYLING */
        .jumbotron {font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;}
        .jumbotron p,
        .jumbotron li {font-size:16px;font-weight:normal;color:#666;line-height:28px;}
        .jumbotron h2 {font-size:35px;font-weight:normal;color:#000;margin:12px 0 4px 0;}
        .jumbotron h3 {font-size: 32px;font-weight:normal;color:#666;}
        .jumbotron h4 {clear:both;}
        .jumbotron a {text-decoration:underline;}
        .jumbotron a:hover {text-decoration:none;}

        /* STYLING FOR LIST ITEMS */
        .jumbotron ul li {margin-left:15px;}

        /* MAIN IMAGE */
        .jumbotron .Image {width:48.936170212%;height:auto;}
        .jumbotron .Image.TopRight {float:right;margin-left:20px;}

        /* PROMPT TO BOOK ONLINE OR PHONE */
        .jumbotron p.BookingNote {color: #000;text-align:center;margin:24px 0 8px 0;clear:both;}
        .jumbotron p.onlineBooking {font-weight:bold;padding-top:40px;}
        .jumbotron .telephone {display:block;color: #000;font-weight: bold;font-size:35px;margin:4px 0 0 0;}
        .jumbotron .telephone a {color:inherit;text-decoration:none;}
        
        /* PINK BUTTON */
        .jumbotron a.button {display: block;padding: 12px 0;background-color: #CC0099; width: 33%;margin-left: 33%;text-align:center; font-weight:bold; color:#fff;margin-top:24px;margin-top:8px;font-size:16px;}
        .jumbotron a.button:hover {background-color: rgba(204, 0, 153, 0.50);}
        .jumbotron a.button[href=""] {display:none;}

        /* LIST OF PINK BUTTONS */
        .jumbotron ul.buttonArray {list-style:none;width:100%;clear:both;overflow:hidden;margin-top:0;padding:0;}
        .jumbotron ul.buttonArray li {width:49%;float:left;text-align:left;margin:4px 1% 4px 0;}
        .jumbotron ul.buttonArray li:nth-child(even) {margin:4px 0 4px 1%;}
        .jumbotron ul.buttonArray li a.button {display: block;text-decoration:underline;padding: 12px 2%;text-align:left; width:96%;margin:0;overflow:hidden;}
        .jumbotron ul.buttonArray li a.button span {float: right;}
        .jumbotron ul.buttonArray li a.button:hover {text-decoration:none;}

        /* MAIN LIST OUTLING EVENTS OR OFFERS ETC */
        .listHeading {margin:0;width:100%;text-align:center;clear:both;padding-top:40px;}
        .listHeading+ul {overflow:hidden;margin-top:40px;list-style:none;margin-left:-20px;}
        .listHeading+ul li {overflow:hidden;margin-bottom:40px;margin-left:0;}
        .listHeading+ul li h3{margin:0;font-weight:normal;}
        .listHeading+ul li img {width:30.71428571%;float:left;margin-right:20px;}
        .listHeading+ul li a {text-decoration: underline;}
        .listHeading+ul li a:hover {text-decoration: none;}
        .listHeading+ul li a.moreDetails {font-style: italic;}

        /* ACCORDION TRIGGER LINK */
        .accordionToggle {font-style: italic;color:#0066ff;text-decoration:underline;cursor:pointer;margin-bottom:0;}
        .accordionToggle:hover {text-decoration:none;}
        .accordionToggle span.CloseAccordionContent {display:none;}
        .accordionToggle.active span.OpenAccordionContent {display:none;}
        .accordionToggle.active span.CloseAccordionContent {display:block;}
        
        /* ACCORDION TARGET/CONTENT */
        .jumbotron footer {display: none;}

        /* STYLING FOR LIGHT TEXT ON DARK BACKGROUND*/
        .jumbotron.lightText h2,
        .jumbotron.lightText h3,
        .jumbotron.lightText p,
        .jumbotron.lightText li,
        .jumbotron.lightText .telephone,
        .jumbotron.lightText .accordionTrigger,
        .jumbotron.lightText a {color:#fff;}

        /* STYLING FOR LIGHT TEXT ON DARK BACKGROUND*/
        .lightText h2,
        .lightText h3,
        .lightText h4,
        .lightText h5,
        .lightText p,
        .lightText li,
        .lightText .telephone,
        .lightText .accordionTrigger,
        .lightText a {color:#fff;}

        /* TABLE STYLING */
        .jumbotron table {width:100%;font-size:100%;text-align:center;}
        .jumbotron tr {background-color: #e5e5e5;}
        .jumbotron thead tr th {background-color: #ccc;color:#000;}
        .jumbotron thead tr th:first-of-type, .jumbotron tr td:first-of-type {text-align:left;}
        .jumbotron tr td, .jumbotron tr th {padding:8px;}

/*********************************************************************************************** 
Grid Rotator Styling
***********************************************************************************************/
.ri-grid{margin: 30px auto 30px;margin:1px auto 0px;position: relative;height: auto;}
.ri-grid ul {list-style: none;display: block;width: 100%;margin: 0;padding: 0;}
/* Clear floats by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.ri-grid ul:before,.ri-grid ul:after{content: '';display: table;}
.ri-grid ul:after {clear: both;}
.ri-grid ul {zoom: 1; /* For IE 6/7 (trigger hasLayout) */} 
.ri-grid ul li {-webkit-perspective: 400px;-moz-perspective: 400px;-o-perspective: 400px;-ms-perspective: 400px;perspective: 400px;margin: 0;padding: 0;float: left;position: relative;display: block;overflow: hidden;background-color:#fff;}
.ri-grid ul li a{display: block;outline: none;position: absolute;left: 0;top: 0;width: 100%;height: 100%;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-o-backface-visibility: hidden;-ms-backface-visibility: hidden;backface-visibility: hidden;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-o-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;background-size: 100% 100%;background-position: center center;background-repeat: no-repeat;background-color: #333;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;margin-left:1px;/*Added by Tim*/}
/* Grid wrapper sizes */
.ri-grid-size-1{width: 55%;}
.ri-grid-size-2{width: 100%;}
.ri-grid-size-3{width: 100%;margin-top: 0px;}
/* Shadow style */
.ri-shadow:after,.ri-shadow:before{content: "";position: absolute;z-index: -2;bottom: 15px;left: 10px;width: 50%;height: 20%;max-width: 300px;max-height: 100px;box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);-webkit-transform: rotate(-3deg);-moz-transform: rotate(-3deg);-ms-transform: rotate(-3deg);-o-transform: rotate(-3deg);transform: rotate(-3deg);}
.ri-shadow:after{right: 10px;left: auto;-webkit-transform: rotate(3deg);-moz-transform: rotate(3deg);-ms-transform: rotate(3deg);-o-transform: rotate(3deg);transform: rotate(3deg);}
.ri-grid-loading:after,.ri-grid-loading:before{display: none;}
.ri-loading-image{display: none;}
.ri-grid-loading .ri-loading-image{position: relative;width: 30px;height: 30px;left: 50%;margin: 100px 0 0 -15px;display: block;}
/************************************************************************************
ACCORDION STYLING 
*************************************************************************************/
.accordionWrapper {background-color:#f8f8f8;}
.accordionWrapper header {padding:4px 0 0 20px;}
.accordionWrapper header h4{font-size:12px;color:#666;font-weight:bold;line-height:16px;margin:0;padding:8px 0 8px 0;}
.accordionContent {display:none; padding:20px;}
p.accordionTrigger {margin-left:20px;padding:4px 20px;background-color:#cc0099;display:inline-block;}
p.accordionTrigger span.CloseOfferDetails, p.accordionTrigger span.OpenOfferDetails {color:#fff; text-decoration:underline; cursor:pointer;}
p.accordionTrigger span.CloseOfferDetails:hover, p.accordionTrigger span.OpenOfferDetails:hover {text-decoration:none;}
p.accordionTrigger span.CloseOfferDetails {display:none;}
p.accordionTrigger.active span.CloseOfferDetails {display:block;}
p.accordionTrigger.active span.OpenOfferDetails {display:none;}

/************************************************************************************
BEDROOM & TARIFF PAGES 
*************************************************************************************/
.roomType {background-color:#ededed;padding:1px 20px 20px 20px;position:relative;margin:24px 0 12px 0;}
.roomType h3 {font-size: 32px;font-weight:normal;color:#666;}
.roomType h4{clear:both;}
.roomType ul li{margin-left:15px;}
/* IMAGE */
.roomImage {overflow:hidden;display:block;position:relative;width:48.936170212%;height:auto;float:right;margin-top:-1px;margin-right:-20px;margin-left:20px;}
.roomImage img{width: 100%;height:auto;}
.roomImage .enlargeAndView{left:0;bottom:5px;text-align:center;}
/* TABLE OF TARIFFS */
.roomType table {width:100%;font-size:100%;text-align:center;}
.roomType tr {background-color: #e5e5e5;}
.roomType thead tr th {background-color: #ccc;padding:4px 0;color:#000;}
.roomType thead tr th:first-of-type, .roomType tr td:first-of-type {padding:4px 8px;text-align:left;}
/* PINK BUTTON */
.roomType a.button {display: block;padding: 12px 0;background-color: #CC0099; width: 33%;margin-left: 33%;text-align:center; font-weight:bold; color:#fff;margin-top:24px;}
.roomType a.button:hover {background-color: rgba(204, 0, 153, 0.50);}

/************************************************************************************
SUBSCRIPTION AND RELISH FORM STYLING 
*************************************************************************************/
.subscriptionForm div{font-family: Arial; font-weight:normal; font-size:12px; color: #515151; margin-bottom:8px;}
.subscriptionForm span{display:inline-block; min-width:100px; text-align:right;}
.subscriptionForm input{margin-left:10px; margin-right:10px;}
.subscriptionForm input.submitButton{font-family: Arial; font-weight:bold; font-size:16px; color: #fff; background-color: #CC0099; width:160px; height:48px; margin-left:110px; margin-top:24px; border:none;}
.subscriptionForm label.error {display:block; margin-left:116px; color:#CC0099; margin-top:4px;}
/************************************************************************************
GENERAL STATEMENTS
*************************************************************************************/
.noListStyle {list-style:none;}
.hide {display:none;}
.clearBoth {clear: both;}
.left {float: left;}
img.left {margin-right: 20px;margin-bottom: 16px;}
.right {float: right;}
.Thumbnail {width:80px;height:80px;margin:8px 0 16px 10px;}
/************************************************************************************
larger than 1366
*************************************************************************************/
@media screen and (min-width: 1366px) {.galleryImage {
            max-width:980px;
            margin:0 auto;
        }
        }
/************************************************************************************
smaller than 1024
*************************************************************************************/
@media screen and (max-width: 1024px) {
.fillScreen {height:61vh;width:100%;}
/*NAVIGATION*/
.hotelName {margin-left: 2.040816326%;}
nav.hotelMenu > ul {margin-left: 2.040816326%;width:97.959183674%;}
}
/*@media screen and (max-width: 1024px) and (orientation: portrait)  {#pano {width:100%;height: 50vh;margin:0;}}*/
/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width:900px) {
            nav.hotelMenu > ul > li > a {font-size:14px;}
        }
@media screen and (max-width: 980px) and (min-width: 801px) {	
#pagewrap {width:100%;}
.video embed,.video object,.video iframe {width:100%;height:auto;min-height: 300px;}
}
/************************************************************************************
larger than 800
*************************************************************************************/
@media screen and (min-width: 800px) {
#map {height:500px;}
.twoColumn {width: 48.9795918%;margin-right: 1.02040816%;}
.twoColumn:last-child {width: 48.9795918%;margin-left: 1.02040816%;margin-right: 0;}
}

 @media screen and (max-width: 768px) {
.jumbotron a.button {width: 70%;margin-left: 15%;}
.twoColumn {width:100%;float:none;max-width:100%;}
.footer, .footer .vouchers  {width:100%; padding-right:0; background: transparent none;}
.footer .twoColumn.vouchers {width:100%; padding-right:0;background: transparent none;}
.fillScreen {height:50vh;width:100%;}
/*NAVIGATION*/
            .fullwidthContent.NavigationStrip{height:auto;}
            .hotelName {line-height:64px;}
            nav.hotelMenu ul {display: none;margin-left:0;width:100%;background-color:inherit;}
            nav.hotelMenu label {display: block;background:transparent;width: 40px;height: 40px;cursor: pointer;position: absolute;right:2.040816326%;top:12px;}
            nav.hotelMenu label:after {content: '';display: block;width: 30px;height: 5px;background: #fff;margin: 7px 5px;box-shadow: 0px 10px 0px #fff, 0px 20px 0px #fff;}
            nav.hotelMenu label:hover {opacity:0.8;}
            nav.hotelMenu [type="checkbox"]:checked ~ ul {display: block;z-index: 9999;position: absolute;right:0;left:0;}
            nav.hotelMenu ul li {display: block;float: none;width: 100%;text-align: left;text-indent: 2.040816326%;padding-left:0;}
            nav.hotelMenu > ul > li {margin-left: 0px;}
            nav.hotelMenu > ul > li > a {color:rgba(255, 255, 255, 1.0);font-weight:bold;cursor:default;font-size:16px;}
            nav.hotelMenu > ul li ul li {display: block;float: none;text-indent:0;}
            nav.hotelMenu > ul li ul li a {color:rgba(255, 255, 255, 0.8);font-size:16px;}
            nav.hotelMenu > ul li ul {display: block;position: relative;width: 100%;z-index: 9999;float: none;left:0;padding-bottom:16px;}
}

@media screen and (max-width: 768px) and (orientation: portrait) {
.fillScreen {height: 33vh;}
}

 @media screen and (max-width: 768px)and (orientation: landscape) {
.fillScreen {height:75vh;width:100%;}
}

 
/************************************************************************************
larger than 768
*************************************************************************************/
@media screen and (min-width: 768px) {
#master-footer ul#bestPriceGuarantee li {width:50%;margin-left:25%;margin-right:25%;}
.ourHotels div.text {columns: 100px 2;-webkit-columns: 100px 2; /* Safari and Chrome */-moz-columns: 100px 2; /* Firefox */}
body.topLevelPage.generic .panel section .text{columns: 100px 2;-webkit-columns: 100px 2; /* Safari and Chrome */-moz-columns: 100px 2; /* Firefox */}
body.topLevelPage .panel.vouchers header, .panel.vouchers section{width:50%;}
body.topLevelPage .panel.vouchers article {background: transparent url(http://englishlakes.co.uk/visual-media/images/el/homepage/vouchers/vouchers-bckgrnd.jpg) top left no-repeat;background-position:77.6699029% 210px;}	
div.galleryAside ul.tabNavigation.fourTabs li{width:25%;}
div.galleryAside ul.tabNavigation.fourTabs li.mobileHide{display:block;}
}

/************************************************************************************
smaller than 600
*************************************************************************************/
@media screen and (max-width: 600px) {.enlargeAndView {left: 50%;top: 50%; margin-left:0;margin-top: -26px;padding:0;text-indent:-2000px;line-height:52px;left:44.9626866%;bottom:50%;width:53px;height:53px;background-position:50% 50%;}}
/************************************************************************************
iPad overides
*************************************************************************************/
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (min-width: 769px)
{
body{padding:0;}
#OuterWrapper {margin-top:0;padding-top:106px;} 	
/*#header{height:auto;overflow:visible;position:absolute;top:-492px;margin-bottom:0;}*/
#header{height:auto;overflow:visible;position:absolute;margin-bottom:0;}
body.landingPage #header{top:-492px;}
.menu  {margin:0 auto;padding-top:72px;height:36px; }
}