@media screen {
    /*---------------- Start Core Styles ----------------*/
    /*-- Cookie policy Styling --*/
    #cookie-consent {
        background: #CAB37D;
        background: rgba(202, 179, 125, 0.9);
        border-top: 1px solid #F0F1A2;
        font-size: 0.9em;
        z-index: 99998;
        -webkit-box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.42);
        -moz-box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.42);
        box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.42)
        }
    #cookie-consent p:first-child {
        color: #fff !important;
        font-size: 1em;
        margin-top: 0
        }
    #cookie-consent .ym-wbox {
        padding: 1.3em 4em 1.3em 1em
        }
    #cookie-consent .close {
        background: #fff;
        border: 1px solid #ccc;
        color: #bcbf00;
        font-size: 0.6em;
        height: 20px;
        line-height: 20px;
        top: 1em;
        width: 20px
        }
    #datepicker[type="text"] {
        background: #FFF url(/includes/img/vic-clndr.gif) no-repeat right center;
        border-width: 1px;
        padding: 2px
        }
    #cookie-consent .close:hover {
        border: 1px solid #fff;
        color: #fff
        }
    #cookie-consent a {
        text-decoration: underline
        }
    #cookie-consent a:hover {
        text-decoration: none
        }
    .breadcrumb a {
        color: #191916;
        font-size: 10px;
        text-transform: uppercase
        }
    /*-- Mobile Booking Button --*/
    .mobilebook {
        display: none
        }
    /* ---- Special offer pages edits Start ---- */
    .page_layout_special_offers #supersized, .page_layout_special_offers #supersized-loader, .page_layout_special_offers .quickbook, .page_layout_special_offers .scrolldown-wrapper, .page_layout_special_offers .tagline, .page_layout_special_offers .rates, .page_layout_special_offers .breadcrumb {
        display: none
        }
    .template_menu .offer_div {
        margin: 20px 0 0 0;
        height: 150px;
        width: 640px;
        border: 1px solid #e5e5e5;
        background: #F0F0F2
        }
    .template_menu .offer_div .offer_left {
        float: left
        }
    .template_menu .offer_div .offer_right {
        height: 149px
        }
    .template_menu .offer_div .offer_right .offer_title {
        background: #FCFAFA;
        border-bottom: 1px solid #ebebeb;
        color: #BCBF00;
        padding: 10px 0 10px 220px
        }
    .template_menu .offer_div .offer_right .offer_desc {
        font-size: 12px;
        height: 64px;
        padding: 10px 0 0 220px
        }
    .template_menu .offer_div .offer_right .offer_bottom {
        float: right;
        margin-right: 10px
        }
    .template_menu .offer_div .offer_right .offer_bottom a {
        color: white;
        background: #BCBF00;
        text-decoration: none;
        padding: 5px 10px;
        text-transform: uppercase
        }
    /* ---- Special offer pages edits End ---- */
    /* ---- Fullscreen Gallery Page Start ---- */
    body.template_gallery {
        background: #000
        }
    .template_gallery #main, .template_gallery nav.navbottom, .template_gallery footer, .template_gallery .scrolldown, .template_gallery #slidecounter {
        display: none
        }
    .template_gallery #progress-back {
        /*bottom:67px;*/
        z-index: 18990 !important
        }
    .template_gallery #progress-bar {
        background: url(../supersized_images/progress-bar.png) repeat-x;
        height: 6px
        }
    .template_gallery #tray-button {
        border-left: 0;
        background: url(../supersized_images/bg-hover.png) repeat-x 0 44px
        }
    .template_gallery #prevslide, .template_gallery #nextslide {
        height: 64px;
        margin-top: 110px;
        width: 64px
        }
    .template_gallery #prevslide {
        left: 10px;
        background: url(../supersized_images/back.png)
        }
    .template_gallery #nextslide {
        right: 10px;
        background: url(../supersized_images/forward.png)
        }
    .template_gallery #controls-wrapper {
        background: #000
        }
    .template_gallery #thumb-tray {
        background: #000;
        border-top: 4px solid #E4C982
        }
    .template_gallery ul#slide-list li a {
        background: url(../supersized_images/nav-dot.png) no-repeat 0 -24px
        }
    .template_gallery ul#thumb-list {
        margin: 0
        }
    .template_gallery .quickbook {
        display: block
        }
    .template_gallery #play-button {
        background: url(../supersized_images/bg-hover.png) repeat-x 0 44px;
        border-right: 0
        }
    .template_gallery #thumb-back {
        background: url(../supersized_images/thumb-back.png) no-repeat center center
        }
    .template_gallery #thumb-forward {
        background: url(../supersized_images/thumb-forward.png) no-repeat center center
        }
    /* ---- Fullscreen Gallery Page End ---- */
    /*-- H1 on Sub Page - Full Width Content --*/
    .content h1 {
        border-bottom: 2px dotted #ccc;
        margin: 22px 0 0 0;
        padding-bottom: 20px
        }
    /*-- H1 on Home Split Page --*/
    .template_split h1 {
        border-bottom: 0 !important;
        margin: 32px 0 0 20px
        }
    /*-- H1 on Sub Page - Menu on Left --*/
    .template_menu h1, .template_iframe h1 {
        /*border-bottom:2px dotted #ccc;*/
        margin: 0;
        padding-bottom: 20px
        }
    /*-- H1 on Sub Page - No Image No Menu on Left --*/
    .page_layout_text_and_link_list h1 {
        padding-top: 20px
        }
    /*-- H2 - Adjusts sizing so it's more suitable --*/
    h2, .offer_title {
        color: #8f9b36;
        font: 20px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        margin: 0;
        padding: 25px 0 0 0
        }
    /*-- Removes Background from Hover Links --*/
    a:hover, a:focus {
        background-color: transparent;
        color: #191916
        }
    /*-- Home Page Sections on 1024 resolution --*/
    #main .template-split .ym-gl {
        margin-right: 1px
        }
    /*-- Cannot rememeber what this is for - INVESTIGATE --*/
    #main .template-menu .ym-gr .ym-gbox {
        padding: 25px 20px 50px 40px
        }
    /*-- Main Nav - Move over to the right --*/
    nav.navtop .ym-wbox {
        padding-right: 12px
        }
    /*-- Main Nav - Adjust the Spacing between items --*/
    nav li {
        padding: 0 0 0 0.3em
        }
    /*-- Main Nav - Dropdown Styling --*/
    nav li {
        text-align: left
        }
    nav .firstlevel > li li a {
        font-size: 11px;
        padding: 0 40px 0 20px
        }
    .footer_logo {
        height: 38px;
        width: 220px
        }
    /*-- Content Throughout Site --*/
    p {
        line-height: 20px
        }
    p:first-child {
        margin-top: 1.5em
        }
    /*-- Quickbook Error Highlighting --*/
    .ym-form .ym-error input, .ym-form .ym-error select, .ym-form .ym-error textarea {
        background: #ffe2e2;
        border: 1px solid #C02;
        color: #C02
        }
    /*-- Home Split Page Scrolling Content Spacing --*/
    #main .template-split .scrollbox {
        height: 290px;
        margin: 16px 15px 0 20px
        }
    /*-- Home Split Page - Content Images text spacing --*/
    .content-images .text .title {
        margin: 20px 25px 15px 25px
        }
    .content-images .text .description {
        margin: 0 25px 0 25px
        }
    .content-images-imagewithtext > div:first-child .booknow {
        left: 35px
        }
    .content-images .booknow {
        bottom: 30px;
        right: 35px
        }
    /*-- Wedding Dates? --*/
    #w_frame {
        display: block;
        width: 600px;
        height: 525px
        }
    .ui-widget-overlay {
        display: none !important
        }
    /*-- Sub Page - Menu on Left Breadcrumb Nav Styling --*/
    .breadcrumb {
        top: 20px;
        right: 0
        }
    nav.fixed .firstlevel {
        text-align: right
        }
    /*-- Logo - Update z-index to sit above Main Nav --*/
    header .logo {
        position: fixed;
        z-index: 14000
        }
    /*-- Logo - Becomes smaller when user scrolls down the page
    .fixed_qb .logo{
    	background: #000 url(../img/logo-gnh-scroll.gif);
    	border-right: 1px solid #444;
    	height: 84px;
    	position: fixed;
    }--*/
    /*-- Logo - Smaller on load for certain page types --*/
    .fixed_qb .logo, .template_iframe .logo, .page_layout_sitemap_selected .logo, .page_layout_text_and_link_list .logo, .page_layout_gallery_simple .logo, .page_layout_special_offers .logo, .template_gallery .logo {
        background: #000 url(../img/logo-vic-scroll.gif);
        height: 84px;
        /*position: fixed;*/
        }
    /*-- Links Page Type - remove gap at top of content --*/
    .page_layout_text_and_link_list #main .ym-wbox {
        padding-top: 0
        }
    /*-- Links Page Type Styling - adds gap for content start and H1 --*/
    .content_text {
        margin-top: 20px
        }
    /*-- Links Page Type Styling - styles links on link page --*/
    div.content_links .text {
        color: #8a8a8a;
        display: block;
        font-size: 85%;
        margin-bottom: 10px
        }
    /*-- Content without Images Page Type - Sitemap, Links, etc. Styling - Edit Padding in Content Space --*/
    .page_layout_gallery_simple #main .ym-wbox, .page_layout_sitemap_selected #main .ym-wbox, .page_layout_text_and_link_list #main .template-menu .ym-gr .ym-gbox {
        padding: 1px 30px 20px 30px
        }
    /*-- Content without Images Page Type - Sitemap, Links, etc. Styling - Display Fixed Quickbook on Scroll --*/
    .page_layout_gallery_simple .quickbook.fixed, .page_layout_sitemap_selected .quickbook.fixed, .page_layout_text_and_link_list .quickbook.fixed {
        display: block
        }
    /*-- Remove highlight row on mouse over --*/
    tbody tr:hover th, tbody tr:hover td {
        background: transparent
        }
    /*-- Sitemap - Spacing adjustments --*/
    .page_layout_sitemap_selected .sitemap ul {
        margin: 0 0 0 6px
        }
    .page_layout_sitemap_selected .sitemap > ul > li > a {
        line-height: 32px
        }
    /*-- Gallery Simple - Spacing adjustments --*/
    .gallery_simple {
        margin: 1.5em 0 0 0
        }
    .gallery_simple li {
        border: 1px solid #ddd
        }
    /*-- iframe Page Type - Hide Scroll Icon --*/
    /*.template_iframe .scrolldown {
    	background:transparent!important;
    	width:1px;
    }*/
    /*---------------- End Core Styles ----------------*/
    /*---------- Begin Custom GNH Styles ----------*/
    body {
        background: #cab37d;
        color: #8a8a8a;
        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif
        }
    h1 {
        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-size: 2em;
        color: #191916
        }
    p {
        font-size: 0.85em
        }
    a {
        color: #191916
        }
    header a, nav a, footer a {
        color: #191916
        }
    nav .firstlevel ul {
        background: #222;
        background: rgba(255, 255, 255, 0.9)
        }
    /*---------- Logo ----------*/
    header .logo {
        background: #bcbf00 url(../img/logo-victoriahouse.gif);
        height: 166px;
        top: 0;
        width: 222px
        }
    /*---------- Banner ----------*/
    header {
        background: #cab37d
        }
    header .header_nav li:after {
        color: #8f9b36
        }
    nav {
        background: #cab37d
        }
    nav a {
        text-transform: uppercase;
        font-weight: bold
        }
    nav li.active:hover {
        background-color: #e4c982
        }
    nav .firstlevel > li:after {
        content: none
        }
    nav.navtop {
        border-bottom: 4px solid #e4c982;
        background: #CAB37D
        }
    nav li:hover {
        background-color: #e4c982
        }
    .scrolldown {
        background: url(../img/scroll-icon-new.png);
        margin-left: 79px;
        width: 80px;
        height: 81px;
        margin-bottom: 3px
        }
    div.quickbook.fixed ul li .bookteetime {
        display: none
        }
    /*---------- Content Background ----------*/
    #main .template-split .ym-gl {
        background: #fff url(../img/content-bg-victoria-1.jpg);
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.15)
        }
    #main .template-split .ym-gr .ym-gbox > div, .rates .ym-wbox {
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.15)
        }
    /*---------- Content Scrollbar ----------*/
    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background: rgba(25, 25, 25, 1)
        }
    .mCSB_scrollTools .mCSB_draggerRail {
        background: rgba(0, 0, 0, 0.1)
        }
    .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight {
        background-image: url(../img/mCSB_buttons.png)
        }
    /*---------- Quickbook Section ----------*/
    .template_iframe .quickbook {
        right: 13px;
        top: 128px;
        /*display: none;*/
        }
    .template_iframe .quickbook.fixed {
        right: 0;
        top: 38px
        }
    .quickbook {
        background: #cab37d;
        /* IE */
        color: #000
        }
    .quickbookheader {
        background: #cab37d;
        border-bottom: 2px dotted #ddd;
        color: #191916;
        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-size: 130%;
        margin-bottom: 0;
        text-transform: uppercase
        }
    .quickbook .date {
        display: inline-block;
        zoom: 1
        }
    .quickbook .date input#datepicker {
        cursor: pointer
        }
    .quickbookcontent .ym-button {
        text-transform: uppercase;
        width: 218px
        }
    .quickbook .date .ui-datepicker-trigger {
        display: none
        }
    /*-- Select Box Styling --*/
    input, select, textarea {
        border: 1px solid #abadb3;
        color: #666;
        font-size: 12px;
        margin-right: 2px;
        padding: 4px;
        width: 4.5em
        }
    input.form_error, select.form_error, textarea.form_error {
        border: 1px solid #B42F34
        }
    /*-- Date Box Styling --*/
    #datepicker[type="text"] {
        padding: 5px 16px 5px 5px
        }
    /*-- Calendar Text Box Styling --*/
    #datepicker {
        width: 9.5em
        }
    /*-- Month / Year Box Styling --*/
    #ci_ym {
        width: 9.3em
        }
    /*-- Quickbook Container --*/
    .quickbook {
        border: 2px solid #eee;
        margin: 0 auto;
        text-align: left;
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.25)
        }
    /*-- Stacks all rows one on top of the other --*/
    .hselector, .hoptions, .clndrdates, .clndr, nightsrooms, .nightsselect, .nightsroomsselect, .occupancy, .occupancyselect, .booknow {
        float: left;
        margin: 2px 0;
        width: 100%
        }
    /*-- Individual row properties (adjust if required) --*/
    .clndr {
        width: auto
        }
    .nightsselect {
        float: right;
        width: auto
        }
    .nightsroomsselect {
        width: auto
        }
    .booknow {
        float: right;
        width: auto
        }
    .occupancyselect select {
        float: left;
        margin-right: 13px;
        width: 4.2em
        }
    /*-- Calendar Customise Colours --*/
    .ui-widget {
        font-family: Verdana, Arial, sans-serif /*{ffDefault}*/;
        font-size: 0.9em /*{fsDefault}*/
        }
    .ui-widget .ui-widget {
        font-size: 1em
        }
    .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
        font-family: Verdana, Arial, sans-serif /*{ffDefault}*/;
        font-size: 1em
        }
    .ui-widget-content {
        border: 1px solid #CAB37D /*{borderColorContent}*/;
        background: #fff /*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png) /*{bgImgUrlContent}*/ 50% /*{bgContentXPos}*/ 50% /*{bgContentYPos}*/ repeat-x /*{bgContentRepeat}*/;
        color: #9da916 /*{fcContent}*/
        }
    .ui-widget-content a {
        color: #222 /*{fcContent}*/
        }
    .ui-widget-header {
        border: 1px solid #CAB37D /*{borderColorHeader}*/;
        background: #CAB37D /*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) /*{bgImgUrlHeader}*/ 50% /*{bgHeaderXPos}*/ 50% /*{bgHeaderYPos}*/ repeat-x /*{bgHeaderRepeat}*/;
        color: #000 /*{fcHeader}*/;
        font-weight: bold
        }
    .ui-widget-header a {
        color: #ccc /*{fcHeader}*/
        }
    .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
        border: 1px solid #CAB37D /*{borderColorHighlight}*/
        }
    /*---------- Scroll Quickbook ----------*/
    .quickbook.fixed {
        border: 0;
        background: #CAB37D;
        border-bottom: 4px solid #e4c982
        }
    .quickbook.fixed .quickbookcontent {
        padding: 0.1em 0.8em 0.5em 1.8em
        }
    .quickbook.fixed .ym-form > div:first-child {
        padding-left: 20.2em
        }
    .quickbook.fixed .ym-form label {
        font-size: 11px;
        padding: 0 0.4em 0 0
        }
    .quickbook.fixed .ym-form > div.date {
        padding-left: 0
        }
    .quickbook.fixed .ym-form select, .quickbook.fixed .ym-form input {
        font-size: 11px;
        padding: 2px
        }
    .quickbook.fixed .ym-button {
        margin-left: 4px;
        width: 90px
        }
    .quickbook.fixed .ym-form > div.hotel label, .quickbook.fixed .ym-form > div.location label, .quickbook.fixed .ym-form > div.date label {
        display: none
        }
    .quickbook.fixed .ym-form > div {
        padding-left: 0
        }
    .quickbook.fixed #datepicker[type="text"] {
        padding: 3px
        }
    .quickbooklinks {
        /*background:#fff;*/
        color: #494949;
        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-size: 115%;
        list-style-type: none;
        margin: 0;
        padding: 0;
        text-align: left
        }
    .page_layout_sitemap_selected .content {
        background: #CAB37D
        }
    .page_layout_sitemap_selected .sitemap ul ul a {
        color: #191916;
        font-size: 11px
        }
    .quickbooklinks a.corplogin {
        display: none !important
        }
    .quickbooklinks li {
        border-top: 1px dotted #ddd;
        margin-left: 0
        }
    .quickbooklinks a.corplogin {
        display: none !important
        }
    .quickbooklinks a {
        display: block;
        padding: 2px 0 2px 12px;
        font-size: 90%
        }
    .quickbooklinks a:hover, .quickbooklinks a:active {
        background: #191916;
        color: #fff
        }
    .quickbooklinks span {
        background: #191916;
        border-radius: 100%;
        color: #fdf4e3;
        float: right;
        font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
        font-size: 100%;
        height: 12px;
        margin: 0 12px 0 10px;
        padding: 0 2px 10px 5px;
        text-decoration: none !important;
        width: 16px
        }
    div.quickbook.fixed ul li .promocode, div.quickbook.fixed ul li .corplogin {
        display: none
        }
    div.quickbook.fixed ul li .nobookingfee {
        left: 50%;
        margin: -38px 0 0 265px;
        position: absolute
        }
    div.quickbook.fixed ul li {
        border-top: 0
        }
    div.quickbook.fixed ul li .bestrate {
        left: 50%;
        margin: -38px 0 0 305px;
        position: absolute
        }
    div.quickbook.fixed ul li .nofee {
        display: none;
        left: 50%;
        margin: -38px 0 0 265px;
        position: absolute
        }
    /*---------- Image Sequencer Shadow ----------*/
    #supersized {
        -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.42);
        -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.42);
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.42)
        }
    /*---------- Tagline ----------*/
    #slidecaption {
        background: rgba(255, 255, 255, 0.75);
        color: #333;
        /*font-family: 'Dancing Script', cursive;*/
        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-size: 26px;
        font-weight: bold
        }
    /*---------- Special Offer Section ----------*/
    .rates > div {
        background: #cab37d
        }
    .rates {
        /*background: #fff;*/
        background: rgb(255, 255, 255);
        /* Fall-back for browsers that don't support rgba */
        background: rgba(255, 255, 255, 0.8);
        /*opacity:0.8;
        	filter:alpha(opacity=80);  For IE8 and earlier */
        -moz-box-shadow: 0 0 4px 0 #ccc;
        -webkit-box-shadow: 0 0 4px 0 #ccc;
        box-shadow: 0 0 4px 0 #ccc
        }
    .rates .text .title {
        font: 22px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        color: #191916
        }
    .rates .text .description {
        font-size: 100%
        }
    .rates .text span {
        font-size: 120%
        }
    .rates .booknow {
        bottom: 8px;
        right: 8px
        }
    /*background: url( /includes_template4/img/offer-grad.png ) repeat-y right top;*/
    .rates .text {
        color: #191916
        }
    .rates.rates-imagewithbutton .text {
        background: #191916;
        border-bottom: 1px dotted #eee;
        bottom: auto;
        height: 32px;
        top: 0
        }
    .rates.rates-imagewithbutton .text .title {
        color: #fff;
        font-size: 18px;
        margin: 6px 8px
        }
    /*-- Content Offers --*/
    .content-images > div {
        background: #191916
        }
    .content-images .text .title {
        font: 22px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        color: #191916
        }
    .content-images .text .description {
        color: #8a8a8a;
        font-size: 0.85em
        }
    .content-images .booknow, .rates.rates-imagewithtext .booknow, .ym-button, .template_menu .offer_div .offer_right .offer_bottom a {
        background-color: #191916;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #191916), color-stop(100%, #191916));
        background-image: -webkit-linear-gradient(top, #191916, #191916);
        background-image: -moz-linear-gradient(top, #191916, #191916);
        background-image: -ms-linear-gradient(top, #191916, #191916);
        background-image: -o-linear-gradient(top, #191916, #191916);
        background-image: linear-gradient(top, #191916, #191916);
        border: 1px solid #191916;
        border-bottom: 1px solid #191916;
        border-radius: 3px;
        -webkit-box-shadow: inset 0 1px 0 0 #191916;
        box-shadow: inset 0 1px 0 0 #191916;
        color: #fff;
        /*font: bold 11px/1 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;*/
        font: 14px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        height: auto;
        padding: 5px;
        text-align: center;
        /*text-shadow: 0 -1px 0 #4c9021;*/
        min-width: 80px
        }
    .content-images:hover .booknow:hover, .rates.rates-imagewithtext .booknow:hover, .ym-button:hover, .template_menu .offer_div .offer_right .offer_bottom a:hover {
        background-color: #191916;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #191916), color-stop(100%, #191916));
        background-image: -webkit-linear-gradient(top, #191916, #191916);
        background-image: -moz-linear-gradient(top, #191916, #191916);
        background-image: -ms-linear-gradient(top, #191916, #191916);
        background-image: -o-linear-gradient(top, #191916, #191916);
        background-image: linear-gradient(top, #191916, #191916);
        -webkit-box-shadow: inset 0 1px 0 0 #191916;
        box-shadow: inset 0 1px 0 0 #191916;
        cursor: pointer;
        color: #fff
        }
    .content-images:active .booknow:active, .rates.rates-imagewithtext .booknow:active {
        border: 1px solid #a7aa00;
        border-bottom: 1px solid #538c27;
        -webkit-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eee;
        box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eee
        }
    /*---------- Sub Page - Menu on Left ----------*/
    nav.navside li {
        border-bottom: 1px dotted #e1e1e1
        }
    nav.navside li:hover > a {
        color: #333
        }
    nav.navside li.active {
        background: #fff
        }
    nav.navside a {
        color: #333;
        text-transform: none
        }
    .breadcrumb a {
        color: #191916;
        font-size: 10px;
        text-transform: uppercase
        }
    .breadcrumb li:after {
        color: #c7c7c7
        }
    #main .template-menu .ym-gr {
        background-color: transparent;
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 1%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(1%, rgba(255, 255, 255, 1)), color-stop(70%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 0)));
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 1%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 100%);
        background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 1%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 100%);
        background: -ms-linear-gradient(left, rgba(255, 255, 255, 1) 1%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 1) 1%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 100%)
        }
    .content table {
        border-bottom: 0;
        border-top: 0
        }
    .content tbody td {
        border-top: 1px dotted #ccc
        }
    .content h2 {
        color: #191916;
        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif
        }
    .content a {
        text-decoration: underline
        }
    .content a:hover {
        color: #000
        }
    .navside li a {
        color: #191916;
        text-decoration: none
        }
    .navside li a:hover {
        color: #000;
        text-decoration: none
        }
    .phone {
        position: absolute;
        top: 4em;
        left: 18em;
        z-index: 11100
        }
    /*---------- Sub Page - Full Width ----------*/
    .page_layout_sitemap_selected .sitemap > ul > li {
        min-width: 240px
        }
    /*---------- Sitemap Page ----------*/
    .page_layout_sitemap_selected .sitemap > ul > li > a {
        font-size: 16px
        }
    .page_layout_sitemap_selected .sitemap > ul > li > a:hover {
        color: #000
        }
    .page_layout_sitemap_selected .sitemap ul ul a:hover {
        color: #000
        }
    /*---------- Footer Section ----------*/
    footer {
        margin-bottom: -20px
        }
    .navbottom {
        background: #cab37d;
        border-bottom: 1px solid #cab37d;
        font-size: 11px
        }
    footer {
        background: #cab37d;
        color: #FFF;
        font-size: 90%
        }
    .address {
        font-size: 12px
        }
    .address a:hover {
        color: #191916
        }
    .address h1 {
        color: #191916;
        font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
        font-size: 12px;
        margin: 0;
        padding-bottom: 8px
        }
    .footer_logo {
        display: none;
        background: url(../img/staypoints.png) no-repeat 0 -6px;
        width: 85px
        }
    /*.footer_logo a:hover,a:focus{
    	background-color:#999 !important;
    }*/
    .footerleftaddress {
        border-right: 0 dotted #fff;
        float: left;
        font-size: 11px;
        line-height: 24px;
        margin: 32px 80px 0 10px;
        padding: 0 80px 0 0;
        text-align: left
        }
    .footerrightlogo {
        float: right;
        margin: 21px 0 0 0;
        text-align: right
        }
    .greatnightin {
        display: block;
        float: right;
        margin: 4px 14px 0 0;
        text-align: right
        }
    .footerspiderlogo {
        float: left;
        margin: 34px 0 0 -79px
        }
    .footerclear {
        border-bottom: 2px dotted #fff;
        clear: both;
        padding: 0 0 20px 0
        }
    .footerbottomhotels {
        color: #fff;
        font-size: 11px;
        margin: 20px 0 0 0;
        line-height: 26px;
        padding-bottom: 40px
        }
    .footerbottomhotels h1 {
        color: #bcbf00;
        font-size: 14px;
        padding: 0 0 10px 0
        }
    .footerbottomhotels span {
        color: #fff;
        font-size: 10px
        }
    /*fix 3rd level nav start*/
    nav .firstlevel > li li {
        display: block
        }
    nav .firstlevel ul ul, nav .firstlevel > li:last-child ul ul, nav .firstlevel > li:nth-last-child(2) ul ul {
        left: -200px
        }
    /*fix 3rd level nav end*/
    }
@media screen and (max-width: 990px) {
    /*---------------- Begin Custom GNH Styles ----------------*/
    #page {
        background: #CAB37D
        }
    #main .template-split .ym-gr, .template_gallery .quickbook {
        display: none
        }
    header .logo, .template_iframe .logo {
        background: #CAB37D url(../img/logo-vic-scroll.gif);
        height: 84px;
        left: auto;
        right: 0;
        width: 83px;
        z-index: 22000
        }
    .content h1 {
        border-bottom: 2px dotted #ccc
        }
    .template_split h1 {
        margin: 0 0 0 20px;
        padding-bottom: 15px
        }
    #main, nav.navbottom {
        margin-top: 0
        }
    nav.navbottom ul li {
        text-align: center
        }
    .footer_logo {
        float: none;
        margin: 0 auto
        }
    .footerspiderlogo {
        margin: 34px 0 0 12px
        }
    .footerleftaddress {
        text-align: center;
        margin: 32px 38px 0 0;
        padding: 0 44px 0 0
        }
    .address h1 {
        margin: 0
        }
    .page_layout_special_offers .linearize-level-1-1, .page_layout_special_offers .linearize-level-1-1 > [class*="ym-g"] {
        display: block;
        float: none;
        padding: 0;
        margin: 0;
        width: 100% !important
        }
    .page_layout_special_offers .linearize-level-1-1 > [class*="ym-g"] > [class*="ym-gbox"] {
        padding: 20px 0;
        margin: 0
        }
    .template_iframe .quickbook {
        top: auto;
        right: auto
        }
    .phone {
        position: absolute;
        top: 1em;
        left: 18em;
        z-index: 11100
        }
    #w_frame {
        display: block;
        width: 600px;
        height: 537px;
        margin-left: -61px
        }
    /*---------------- Begin Custom GNH Styles ----------------*/
    header .logo, .template_iframe .logo {
        position: absolute
        }
    #main {
        background: #F1F1F3
        }
    #main .template-split .ym-gl {
        background: #FFF
        }
    #main .template-split .scrollbox {
        height: auto
        }
    .linearize-level-1, .linearize-level-1 > [class*="ym-g"] {
        display: block;
        float: none;
        padding: 0;
        margin: 0;
        width: 100% !important
        }
    .linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"] {
        padding: 20px 0;
        margin: 0
        }
    #main .template-split .ym-gr {
        margin: 20px 0;
        margin-left: 0
        }
    .quickbook .ym-form > div.date {
        min-width: 120px
        }
    .ui-widget-content {
        z-index: 99999 !important
        }
    }
/*---------------- Special Offers Page - Separate Media Query for Tablet Portait Orientation ----------------*/
@media screen and (max-width: 770px) {
    /*-- Was 750px --*/
    .template_gallery .quickbook, .phone {
        display: none
        }
    /*.template_gallery #supersized {
    		height: 800px!important;
    	}*/
    .template_menu .offer_div, .template_menu .offer_div .offer_right {
        margin: auto;
        height: auto;
        width: auto
        }
    .template_menu .offer_div .offer_left {
        float: none;
        text-align: center
        }
    .template_menu .offer_div .offer_right .offer_title {
        padding: 15px 10px;
        text-align: center
        }
    .template_menu .offer_div .offer_right .offer_desc {
        height: auto;
        padding: 10px 10px 15px 10px;
        text-align: center
        }
    .template_menu .offer_div .offer_right .offer_bottom {
        float: none;
        text-align: center;
        margin: auto;
        height: 30px
        }
    .template_menu .offer_div {
        margin: 30px 0
        }
    /*-- Header Links position --*/
    header .header_links {
        left: 5px;
        right: auto
        }
    /*-- Header Spacing for Logo --*/
    header .ym-wbox {
        height: 42px
        }
    /*-- Logo Full Size --*/
    header .logo, .template_iframe .logo {
        width: 222px
        }
    /*-- Book Now Button adjust width --*/
    .quickbookcontent .ym-button {
        width: 118px
        }
    /*-- Adjust Position of Footer --*/
    .footerleftaddress {
        margin-top: 40px
        }
    }
@media screen and (max-width: 600px) {
    /*------------ Start Core Styles ------------*/
    /*
    .template_gallery #supersized {
    	height: 400px!important;
    }
    */
    /*-- Logo Full Size --*/
    header .logo, .template_iframe .logo {
        /**/
        width: 213px
        }
    /*-- Mobile Booking Button --*/
    .mobilebook {
        display: block;
        margin: 0 auto;
        padding: 10px 0;
        text-align: center;
        width: 90%
        }
    .quickbooklinks {
        border-bottom: 2px dotted #ddd
        }
    .quickbook .ym-button {
        font-size: 130%;
        min-width: 50%;
        padding: 10px 30px
        }
    /*-- Page with only Content Padding --*/
    .page_layout_text_and_link_list .content {
        padding: 1px 20px 0 20px
        }
    /*-- Items to be hidden --*/
    .rates, .breadcrumb, .quickbookcontent, nav.navside, header ul.header_nav, .template_gallery .quickbook {
        display: none
        }
    /*-- Re-instate Side Nav on Special Offers Page --*/
    .page_layout_special_offers nav.navside {
        display: block
        }
    /*-- So Table Columns will stack up on Mobile --*/
    tbody td {
        border-top: 0;
        float: left
        }
    /*-- re-positions Social Media Links --*/
    header .header_links {
        right: auto;
        left: 5px
        }
    /*-- Content Background change to solid white --*/
    #main .template-menu .ym-gr {
        background: #fff
        }
    /*-- Content Section Padding - Outer --*/
    #main .ym-wbox {
        padding: 0
        }
    /*-- Content Section Padding - Inner --*/
    #main .template-menu .ym-gr .ym-gbox {
        padding: 20px
        }
    /*-- Fullscreen Gallery Back / Next Button Positions --*/
    .template_gallery #prevslide, .template_gallery #nextslide {
        margin-top: 0
        }
    #w_frame {
        display: block;
        width: 399px;
        height: 537px;
        margin-left: -61px
        }
    .footerleftaddress {
        border-right: 0;
        float: none;
        margin: 40px 0 0 0;
        padding: 0
        }
    .phone {
        position: absolute;
        top: 1em;
        left: 18em;
        z-index: 11100
        }
    /*-- Footer Logo Alignment --*/
    .footerrightlogo, .footerspiderlogo {
        float: none;
        text-align: center
        }
    /*------------ End Core Styles ------------*/
    .linearize-level-1-1, .linearize-level-1-1 > [class*="ym-g"] {
        display: block;
        float: none;
        padding: 0;
        margin: 0;
        width: 100% !important
        }
    .linearize-level-1-1 > [class*="ym-g"] > [class*="ym-gbox"] {
        padding: 20px 0;
        margin: 0
        }
    }