/* Normalize */

html,
button,
input,
select,
textarea {
    color: #222;
    font-family: 'Oswald', sans-serif;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
img,
video {
    vertical-align: middle;
}

a {
    color: #A49A95;
    font-weight: bold;
}

a:hover {
    color: #A37F43;
    font-weight: bold;
}
/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
h1, h2, h3, h4, h5 {
    /*text-transform: uppercase;*/
}
h1 {
    font-size: 21px;
}
h2 {font-size: 18px;}
h3 {font-size: 15px;}
h4 {font-size: 14px;}
ul, ol {
    margin-left: 30px;
}
p {
    font-size: 13px;
}
.fade {
    background: rgb(10, 10, 10);
    background: rgba(10, 10, 10, 0.84) !important;

    /*background: #333333 !important;*/
    /*opacity: 1;*/
}
#maximage, #maximage img {
  z-index: -999;
  min-height: 100%;
  min-width: 1024px;
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
}

#left-nav {
    /*background: url("/images/left-bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);*/
    padding: 10px 0;
    /*min-width: 210px;*/
    height: 100%;
    position: fixed;
    width: 250px;
    z-index: 100;
}
/*.logo {width: 140px;}*/
.logo {margin: 0 20px 20px 20px;}

.nav-bar {
    height: auto;
    background-color: transparent;
    margin: 0;
    margin-top: -10px;
}

.nav-bar > li {
    float: none;
    border:none;
    box-shadow: none;
}

.nav-bar > li > a:first-child {
    color: #aeabab;
    text-transform: uppercase;
    font-weight: bold; 
    text-align: right;
    font-size: 14px;
}

.nav-bar > li > a:first-child:hover {
    color: #b59868; 
}

.nav-bar > li:hover {
    background: none;
}
.supporter {
	color: #fff;
	text-align: center;
}
.supporter img {
	display: inline-block;
	margin: 10px 6px;
}
.content-right .supporter, .welcome .supporter {
    padding: 20px 0 30px;
}
.welcome .supporter {padding-top: 20px;}
.search {
    background: none repeat scroll 0 0 #555353;
    position: absolute;
    left: 0;
    bottom: 90px;
    width: 250px;
}

.search form {
    padding: 15px;
}

.welcome {
    width: 16%;
    min-width: 200px;
    background: #333333;
    background: rgba(10, 10, 10, 0.75) !important;
    height: 100%;
    float: right;
}

.welcome p {
    color: #FFFFFF;
}
.form-block {
    display: inline-block;
    margin-right: 1%;
    width: 31.6%;
}
.form-block:last-child {
    margin-right: 0;
}
.search h3, .welcome h1 {
    background: none repeat scroll 0 0 #A37F43;
    color: #FFFFFF;
    font-size: 16px;
    margin: 0;
    padding: 10px 0;
    text-align: center;
}
.welcome h1 {
    text-align: left;
    padding: 10px 15px;
    font-size: 15px;
}
.welcome h2, .welcome h3 {
	color: #fff;
}

.welcome .more {
    float: right;
    color: #A37F43;
    font-weight: bold;
    display: none;
}
.welcome h4 {
    font-size: 14px;
    margin: 0 0 17px;
    color: #FFFFFF;
}

.welcome .contents {
    padding: 10px 15px;
}
.candy {
    /*border-top: 3px solid #A37F43;*/
    padding: 10px;
    bottom: 30px;
    height: 140px;
    position: fixed;
    right: 0;
    width: 365px;
    text-align: center;
    background: url("/images/left-bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.candy-block {
    width: 165px;
    height: 125px;
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
    position: relative;
}
.candy > a {margin-right: 7px;}
.candy > a:last-child{margin-right: 0;}
.candy-block:last-child {
    margin-right: 0;
}
.candy-content {
    position: fixed;
    bottom: 30px;
    right: 0;
    width: 270px;
}
.candy-block > p {
    background-color: #000000;
    bottom: 0;
    color: #AEABAB;
    font-size: 13px;
    font-weight: bold;
    line-height: 15px;
    margin-bottom: 0;
    opacity: 0.8;
    padding: 5px;
    position: absolute;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
}
.search .button {
    background-image: url("/images/btn-bg.png?v=2");
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: cover;
    border-radius: 5px 5px 5px 5px;
    font-size: 14px;
    font-weight: bold;
    margin-top: 15px;
    width: 100%;
    border:none;
}

.mainstreet {
    /*float: right;*/
    /*width: 85%;*/
    width: 100%;
    z-index: 0;
    padding-left: 250px;
    /*padding-bottom: 30px;*/
    background: none repeat scroll 0 0 #333333;
}

.mainstreet h1 {
    color: #A37F43;
    font-size: 21px;
    margin: 25px 35px 12px 0;
}

.page-header {
    color: #A37F43;
    font-size: 22px;
    margin: 25px 60px 12px 60px;
    text-transform: uppercase;
    padding: 0;
    font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    font-weight: bold;
    line-height: 1.1;
    text-rendering: optimizelegibility;
}

.main-content {
    padding: 20px 60px;
}
.bx-wrapper .bx-viewport {
    background: #FFFFFF;
    border: none;
    box-shadow: none;
    left: 0;
}
label {
    font-weight: bold;
    text-transform: uppercase;
    color: #FFFFFF;
}
.footerLinks {
    display: block;
    line-height: 30px;
    color: #AEABAB;
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin-right: 10px;
}

.footerLinks a {
    color: #AEABAB;
    margin-right: 5px;
    margin-left: 5px;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
}
.footerLinks a:hover {
    color: #A37F43;
}
.red a:hover {
    color: #A37F43;
}
.social {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    margin-right: 10px;
}
.social > a {
    display: inline-block;
    height: 22px;
    width: 23px;
    margin-right: 10px;
}

#footer {
    background: #0c0c16;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 30px;
    text-align: right;
    z-index: 1001;
}

.content-main {
    width: 79%;
    float: left;
    background: none repeat scroll 0 0 #FFFFFF;
}

.bx-wrapper {
    margin-bottom: 0;
}

.breadcrumbs {
    margin-bottom: 30px;
}
.breadcrumbs > a, .breadcrumbs > span {
    color: #000000;
    font-size: 12px;
    font-weight: normal;
    text-transform: uppercase;
}
.breadcrumbs > span {
    color: #A37F43;
}

.red {
    float: left;
    line-height: 30px;
    margin-left: 20px;
    color: #A49A95;
}

.red > a {
    color: #AEABAB;
    font-size: 11px;
}
.content-right {
    position: relative;
    background: none repeat scroll 0 0 #333333;
    float: right;
    height: 100%;
    width: 21%;
    z-index: 100;
}
.rhs {
    /*padding: 15px;*/
     border-bottom: 2px solid #A37F43;
    padding: 15px 15px 5px;
}

.phone {
    background: url("/images/phone.png?v=2") no-repeat scroll 18px 0 rgba(0, 0, 0, 0);
    color: #FFFFFF;
    font-size: 22px;
    font-weight: bold;
    height: 45px;
    padding-bottom: 5px;
    padding-right: 0;
    padding-top: 0px;
    text-align: left;
    margin-bottom: 10px;
    padding-left: 35px;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    background-position: left top;

}

.phone div:nth-of-type(1)  {
    font-size: 13px;
    font-weight: normal;
}

.phone div span {
    padding-left: 6px;
}

.location {
    color: #A37F43;
    font-size: 15px;
    font-weight: bold;
    text-align: left;
    padding-left: 0px;
}

#bx-pager a {
    width: 70%;
    display: block;
    float: none;
    margin: 0 auto 12px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

#bx-pager img {
    width: 100%;
}
.shade {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
#bx-pager .active .shade {
    display: none !important;
}
.jThumbnailScroller {
    background-color: #333333;
    border: none;
    border-radius: 0;
    margin: 0;
    width: 100%;
    height: 560px;
}
.jThumbnailScroller.horizontal {
    height: 110px;
}
.jThumbnailScroller .jTscroller a:first-child {
    margin-left: 0;
}
.jThumbnailScroller .jTscroller a {
    background: none;
    border: none;
    border-radius: 0;
    margin: 0;
}
.jThumbnailScroller.vertical .jTscrollerNextButton, .jThumbnailScroller.vertical .jTscrollerPrevButton {
    height: 30px;
    opacity: 1;
    border-radius: 0;
}
.jThumbnailScroller.vertical .jTscrollerNextButton:hover {
    background: url("/images/arrow_down.png"); 
    background-repeat: no-repeat;
    background-color: #333333;
    background-position: center center; 
}
.jThumbnailScroller.vertical .jTscrollerPrevButton:hover {
    background: url("/images/arrow_up.png"); 
    background-repeat: no-repeat;
    background-color: #333333;
    background-position: center center; 
}
.jThumbnailScroller.vertical .jTscrollerPrevButton {
    background: url("/images/arrow_up.png"); 
    background-repeat: no-repeat;
    background-color: #333333;
    background-position: center center; 
    position: absolute;
    top: 0;
    width: 100% !important;
    z-index: 200;
}
.jThumbnailScroller.vertical .jTscrollerNextButton {
    background: url("/images/arrow_down.png"); 
    background-repeat: no-repeat;
    background-color: #333333;
    background-position: center center; 
    position: absolute;
    bottom: 0;
    width: 100% !important;
    z-index: 200;
}

.jThumbnailScroller.horizontal .jTscrollerNextButton {
    background: url("/images/arrow-right.png") no-repeat scroll center center #333333;
    height: 100%;
    width: 40px !important;
    right: 0;
    bottom: 0;
    border-radius: 0;
    opacity: 1;
}
.jThumbnailScroller.horizontal .jTscrollerPrevButton {
    background: url("/images/arrow-left.png") no-repeat scroll center center #333333;
    height: 100%;
    width: 40px !important;
    left: 0;
    top: 0; 
    border-radius: 0;
    opacity: 1;    
}
.jThumbnailScroller.horizontal .jTscrollerNextButton:hover {
    background: url("/images/arrow-right.png"); 
    background-repeat: no-repeat;
    background-color: #333333;
    background-position: center center; 
}
.jThumbnailScroller.horizontal .jTscrollerPrevButton:hover {
    background: url("/images/arrow-left.png"); 
    background-repeat: no-repeat;
    background-color: #333333;
    background-position: center center; 
}
.standard {width: 100%;}

.welcome .contactList {
    padding: 10px 15px 6px;
}

.welcome .contactList .phone {
    width: 100%;
}

.welcome .contactList .location {

}

div.datepicker {z-index: 1000;}
.image-wrap {
    background-size: cover;
    height: 150px;
    position: relative;
}

.attraction-wrap {
    background-size: cover;
    position: relative;
    height: 400px;
    /*width: 750px;*/
}

.image-wrap > h3, .attraction-wrap > h3 {
    background: url("/images/left-bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 0;
    color: #AEABAB;
    font-size: 16px;
    margin: 0;
    padding: 10px 15px 15px;
    position: absolute;
    width: 100%;
}

.attraction-wrap > h3 {
    text-align: left;
}

.attraction {
    border-top: 2px solid #A37F43;
}

.rhs + .attraction {
    border-top: none;
}

.attraction > p {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    padding: 15px;
    text-transform: uppercase;
}

.more {
    color: #B59868;
    float: right;
    margin-top: 7px;
}

.map {
    border-top: 2px solid #A37F43;
}

.attract-desc {
    background: none repeat scroll 0 0 #F2F2F2;
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 25px;
    /*text-transform: uppercase;*/
    margin-bottom: 0;
}

.address {
    color: #868082;
    font-size: 15px;
    margin-bottom: 7px;
}
.main-content h2 {
    margin-bottom: 3px;
}
.social > a {
    background-repeat: no-repeat;
}
.google {
    background-image: url("/images/google.png");
}
.facebook {
    background-image: url("/images/facebook.png?v=2");
}
.trip-adviser {
    background-image: url("/images/trip-adviser.png?v=2");
}
.twitter {
    background-image: url("/images/twitter.png");
}

.google:hover {
    background-image: url("/images/google_hover.png");
}
.facebook:hover {
    background-image: url("/images/facebook_hover.png");
}
.trip-adviser:hover {
    background-image: url("/images/trip-adviser_hover.png");
}
.twitter:hover {
    background-image: url("/images/twitter_hover.png");
}

#horizontal-pager {
    background: none repeat scroll 0 0 #333333;
    padding: 5px;
}
#horizontal-pager img {width: 200px;}
div.datepicker table {background: #121212; border:none; border-radius: 0; margin: 0;}
.datepickerContainer table thead, table tfoot {background: #121212;}
table.datepickerViewDays tr:nth-child(2n), table.datepickerViewMonths tr:nth-child(2n), table.datepickerViewYears tr:nth-child(2n){background: #121212;}
table.datepickerViewDays th {
    padding: 3px;
    font-size: 15px;
}
.datepickerDays a {line-height: 20px;}

#date, #arrive, #depart, #group_submission_start_date, #group_submission_end_date {
    background: url("/images/calendar-icon.png?v=2") no-repeat scroll right center / 25px auto #FFFFFF;
    box-shadow: none;
    height: 23px;
    padding: 3px 3px;
}
.more-content {display: block;}
.welcome .contents {height: auto; }
.reviews-main .bx-wrapper .bx-viewport {
    background-color: transparent;
}
.reviews-main .bx-wrapper .bx-pager {
    display: none;
}

.group-form {
    padding-bottom: 80px;
}

.group-form label {
    color: #000000;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

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

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

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

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

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

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

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

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

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

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

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

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

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

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

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

    @page {
        margin: 0.5cm;
    }

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

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

.room-types-bar {
    width: 100%;
    background-color: #E4E4E4;
    padding: 30px;
    text-align: center;
}

.room-types-bar ul {
    margin: 0;
}

.room-types-bar li {
    list-style: none;
    width: 24%;
    background-color: #2E2E2E;
    color: #FFFFFF;
    font-weight: bold;
    text-transform: uppercase;
    display: inline-block;
    margin: 2px;
    /*min-height: 119px;*/
    min-width: 100px;
}

/*.room-types-bar li img {*/
    /*width: 100%;*/
    /*height: 200px;*/
/*}*/

.room-types-bar li .room-type-header {
    padding: 5px;
}

.menu-submenu {
    background: none repeat scroll 0 0 rgba(10, 10, 10, 0.84);
    display: none;
    position: absolute;
    right: -140px;
    top: 2px;
    width: 140px;
}
.nav-bar li ul.menu-submenu li {text-align: left;}

.reviews-main {
    background-color: #E4E4E4;
    padding: 20px 20px 50px 20px;
}

.review-content {
    position: relative;
    padding: 16px;
    background-color: #FFFFFF;
    margin-bottom: 12px;
    line-height: 1.5em;
}

.review-name {
    text-align: right;
    color: #A37F43;
}

.review-location {
    text-align: right;
    color: #AEABAB;
    margin-bottom: 16px;
}

.review-name, .review-location {
    padding: 2px 30px 2px 2px;
}

.review-triangle {
    position: absolute;
    right: 8px;
    bottom: -10px;
    
	width: 0; 
	height: 0; 
	border-right: 20px solid transparent;
	
	border-top: 20px solid #FFFFFF;
}

.menu-submenu li {
    border: none;
    background: transparent;
}

.menu-submenu li a, .menu-submenu a li {
    color: #FFFFFF;
}

.menu-submenu a:hover {
    color: #A37F43;
}

.menu-active {
    color: #A37F43;
}
.menu-submenu a {display: block;}
.menu-submenu > li:hover {background: rgba(10, 10, 10, 0.5);}
.menu-submenu > li:hover a {color: #A37F43;}
.attractions-description {
    width: 100%;
    background-color: #E4E4E4;
    padding: 30px;
    text-transform: uppercase;
    font-weight: bold;
}

.attraction-location {
    font-size: 14px;
    color: #666666;
    padding: 2px 0 6px;
}

.nav-bar > li {
    line-height: 32px;
}

#maps {
    height: auto;
    left: 0;
    min-height: 100%;
    min-width: 1024px;
    position: fixed !important;
    top: 0;
    width: 100%;
    z-index: -1;
}

/* Foundation Google Maps fix */
#maps *, #maps *:before, #maps *:after {
    -moz-box-sizing: content-box!important;
    -webkit-box-sizing: content-box!important;
    box-sizing: content-box!important;  
}
#maps img {
    max-width: none;
}
#maps label {
    width: auto;
    display: inline;
}

.transparent {
    background: transparent;
}

.fixed-header {
    background: transparent;
    position: fixed;
    left: 250px;
    top: 0;
}

.map-popup {
    border: 2px solid #555555;
    border-radius: 6px;
    background-color: #FFFFFF;
    text-align: center;
}

.map-location-name {
    font-size: 14px;
    font-weight: bold;
    padding: 3px;
    margin: 0;
}

.map-location-name a {
    color: #333333;
}

.map-location-name a:hover {
    color: #B59868
}

.map-address {
    color: #AAAAAA;
    font-size: 12px !important;
    margin: 0;
}

.map-description {
    margin: 0;
    font-size: 12px;
    line-height: 1.4em;
}

.map-info {
    padding: 6px 0;
}

.map-image-container {
    max-height: 100px;
    overflow: hidden;
    margin: 5px 0;
}

.map-image-container img {
    width: 100%;
}


.map-travel {
    background-color: #FDC220;
    font-size: 16px !important;
    padding: 10px;
    line-height: 16px;
}

* {
    font-family: "Helvetica Neue","Open Sans",Arial,sans-serif;
}

.details * {
    -moz-box-sizing: border-box;
}

.rhs-candy img {
    width: 100%;
}

.flyout {
    background: transparent;
}

.flyout a {
    color: #FFFFFF;
}

.page-header + .main-content .breadcrumbs {
    margin-top: -20px;
}

/*html, body, .mainstreet, .content-main, .main-content { height: 100%;}*/

#feedbackForm {
    width: 40%;
}

input.button {
    background-color: rgba(0, 0, 0, 0);
    background-image: url("/images/btn-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    border: medium none;
    border-radius: 5px;
    font-size: 14px;
    font-weight: bold;
    margin-top: 15px;
}

.room-facilities-bar {
    background-color: #E4E4E4;
    margin-bottom: 50px;
    padding: 20px 60px;
    text-align: center;
}

.room-facility {
    float: left;
}

.facilities {
    margin: auto;
}

.facility-image {
    padding: 4px;
    min-height: 60px;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 38px;
    margin: 0 auto 10px;
}

.facility-name {
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
    margin: auto;
    max-width: 110px;
}

.fade-content {
    color: #FFFFFF;
    padding: 20px 20px 50px 20px;
}

.fade-content h1 {
    text-transform: none;
    font-weight: normal;
    color: #A37F43;
    font-size: 21px;
}

.booking-form {
    width: 80%;
    margin: auto;
}

.booking-form label {
    padding: 5px 0 5px 0;
}

.booking-form select {
    margin-bottom: 12px;
}

.submit-button {
    background-image: url("/images/btn-bg.png");
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: cover;
    border-radius: 5px 5px 5px 5px;
    font-size: 14px;
    font-weight: bold;
    margin-top: 15px;
    border:none;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    line-height: 1;
    outline: medium none;
    padding: 10px 20px 11px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.15s ease-in-out 0s;
}

.submit-button:hover {
    color: #FFFFFF;
}

.candy-block img {
    height: 100%;
}

.rhs-page-promo-container {
    position: relative;
}

.rhs-page-promo {
    height: auto;
    max-width: 100%;
    padding-top: 12px;
    position: relative;
}

.rhs-page-promo h3 {
    background: url("/images/left-bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 0;
    color: #AEABAB;
    font-size: 16px;
    margin: 0;
    margin-right: 28px;
    padding: 8px 15px 8px;
    position: absolute;
    width: 100%;
}

.rhs-page-promo p {
    background-color: #000000;
    bottom: 0;
    color: #AEABAB;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 0;
    opacity: 0.8;
    padding: 10px 15px;
    position: absolute;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
}

.rhs-dynamic-pricebox {
	height: 175px;
	background-color: #fff;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
	.rhs-pricebox-overlay {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		width: 50%;
		min-width: 130px;
		padding: 10px 20px;
		padding-bottom: 0;
		background: #000;
		background: rgba(0,0,0,0.5);
		color: #fff;
		font-size: 16px;
		line-height: 1.2;
		font-weight: bold;
	}
		.rhs-pricebox-overlay .price {
			display: inline-block;
			text-align: center;
			font-size: 12px;
			margin: 10px 0;
		}
			.rhs-pricebox-overlay .price > span {font-size: 38px; line-height: 1;}
			.rhs-pricebox-overlay .price > div {font-weight: 400;}
			.rhs-pricebox-overlay .button {
				position: absolute;
				bottom: 10px;
				left: 20px;
				right: 20px;
				background-image: url("/images/btn-bg.png?v=2");
				background-repeat: no-repeat;
				background-color: rgba(0, 0, 0, 0);
				background-size: cover;
				border-radius: 5px 5px 5px 5px;
				font-size: 12px;
				font-weight: bold;
				margin-top: 15px;
				padding: 8px 5px;
  				font-size: 11px;
				display: block;
				width: auto;
				border: none;
			}
			
.arrive-depart {
    width: 48%;
    float: left;
}

.arrive-depart + .arrive-depart {
    float: right;
}

.fade-content img {
    padding: 0;
    margin: 2px;
}

.room-gallery-container {
    background-color: #E4E4E4;
    padding: 30px 11%;
    text-align: center;
    width: 100%;
}
.more-content h2 {
    color: #FFFFFF;
}

.more.hide {
    display: block;
    margin-bottom: 15px;
}
.nav-bar li a.active, .nav-bar li ul a.active li {
    color: #B59868;
}

.feedback-brown {
    color: #A37F43;
    font-size: 15px;
    font-weight: bold;
    text-align: left;
}

.feedback-brown-special {
    font-size: 12px;
    text-align: right;
    margin-bottom: -27px;
    color: #A49A95;
}

.feedback-title {
    color: #FFFFFF;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
}

.feedback-radio {
    margin-right: 50px;
}

.feedback-checkbox-text {
    float:left;
}

.feedback-checkbox {
    float:left;
    margin-left: 15px;
}

.feedback-checkbox-container {
    margin-top: 15px;
}

.feedback-submit-container {
    text-align: right;
}

.feedback-submit {
    margin-top: 0px !important;
}

.feedback-asterisk {
    margin-right: 5px;
    color: #A49A95;
}

.help {
    padding: 10px 0px;
}

.review-links {
    margin: 0px auto 10px;
    width: 160px;
    height:30px;
    display:inline-block;
}

.tripadvisor {
    background:transparent url('/images/social/tripadvisor.png') center top no-repeat;

}

.expedia {
    background:transparent url('/images/social/expedia.png') center top no-repeat;
}

.bookingcom {
    background:transparent url('/images/social/booking.png') center top no-repeat;
    margin-bottom: 0px !important;
}

.wotif {
    background:transparent url('/images/social/wotif.png') center top no-repeat;
    margin-top: -5px;
}

.tripadvisor:hover {
    background:transparent url('/images/social/tripadvisor_hover.png') center top no-repeat;
}

.expedia:hover {
    background:transparent url('/images/social/expedia_hover.png') center top no-repeat;
}

.bookingcom:hover {
    background:transparent url('/images/social/booking_hover.png') center top no-repeat;
    margin-bottom: 0px !important;
}

.wotif:hover {
    background:transparent url('/images/social/wotif_hover.png') center top no-repeat;
    margin-top: -5px;
}

.nav-bar > li > a.arrow:after {
    border-color: rgba(0, 0, 0, 0)  rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #959595;
    border-style: solid;
    border-width: 4px;
    content: "";
    position: absolute;
    right: 7px;
    bottom: 11px;
}
.nav-bar > li:hover > a.arrow:after {
    border-color: #A37F43 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    right: 7px;
    bottom: 9px;
}


.review-block {
    text-align: center;margin-top: 30px;
}
.mobile-banner-wrapper .bx-wrapper .bx-pager {
    display: none;
}

.mobile-banner-wrapper {display: none;}

.room-gallery-container .bx-viewport {height: auto !important;}


.roomy-container {
    margin-top: -38px;
}

.room-gallery-container .bx-wrapper {
    width: 80%;
}

#bx-pager {
    text-align: center !important;
}

.redprop-footer,.redprop-footer a:hover {
    color: #A49A95;
}

.redprop-footer a {
    color: #AEABAB;
    font-weight: normal;
}

.room-facilities-text {
    text-align: left;
    padding: 0px !important;
}

.map-travel p {
    font-size: 10px;
    padding: 0;
    margin-bottom: 10px;
}

.mobile-callaction {
    background-color: rgba(10, 10, 10, 0.84);
    padding: 5px;
    margin: 0 auto;
    text-align: center;
}

.mobile-callaction-button {

}

.mCSB_dragger_bar {
    background-color: #A37F43 !important;
}

.mCSB_scrollTools .mCSB_draggerRail {
    background: none repeat scroll 0 0 #DDDDDD;
}

/* FAQ */

#faq {

margin-bottom: 50px;

}

#faq ul li h3 {
    background: none repeat scroll 0 0 #E4E4E4;
    padding: 14px 14px 14px 30px;
    background-size: auto;
    cursor: pointer;
    color: #555555;
    font-family: arial;
    font-weight: normal;
    margin: 5px 0;
    border: none;
    border-radius: 5px;
    position: relative;
    width: 100%;
}
.faqArrow.opened {
    top: 18px;
}
.faqContent {
    padding: 0 0 0 31px;
    display: none;
    width: 100%;
}


.faqContent > ul {margin-left: 15px; margin-bottom: 17px; margin-top: 15px;}
.faqContent li {
    padding-left: 20px;
    font-size: 13px;
}

#faq p {
    font-family: "Helvetica Neue", "Open Sans", Arial, sans-serif;
    font-size: 13px;
    margin-top: 17px;
}

#faq > .row > .columns > ul {
    margin-left: 0px;
}

.topic {
    list-style-type: none;
}

.faqArrow {
    /*    margin-left: 5px;
        margin-right: 15px;
        vertical-align: -1px;*/
    position: absolute;
    left: 11px;
    top: 16px;
}

.faqContent ol li {
    padding-left: 0px;
    list-style: decimal;
}


/*Best Rates Guranteed*/
.bestrates {
    position: absolute;
    left: 0;
    bottom: 30px;
    width: 250px;
    height: 60px;
    display: table;
}

.bestrates-text {
    color: #B59868;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    vertical-align: middle;
    display: table-cell;
    background: url(/images/star.png) no-repeat right 25% center;
    padding: 0 25% 0 15%;
}

.mobile-bestrates-text {
    padding-right: 55px;
    background: url(/images/star.png) no-repeat right 75px center;
    color: #B59868;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    width: 390px;
    margin: 0 auto 10px;
    margin-left: -10px;

    width: 255px;
    margin: 0 auto;
    text-align: left;
    background-position: right center;
    padding: 0;
}
.mobile-callaction-button {margin: 0 5px;}

/* ------------------
Hub
------------------- */
.hub-mainstreet {
    opacity: .9;
}

.hubelement-wrap {
    margin-bottom: 80px;
}

.hubelement-wrap:after {
    content: "";
    display: table;
}

.hubelement-wrap:after {
    clear: both;
    content: "";
    display: table;
}

.hubelement-right {
    float: right;
    width: 56%;
}

.hubelement-left {
    float: left;
    width: 40%;
}

.hubelement-title {
    margin-top:0;
    min-height: 75px;
    font-size: 32px;
    text-transform: uppercase;
}

.hubelement-img {
    position: relative;
}

.hubelement-img-wrap {
    height: auto;
    max-width: 100%;
    padding-top: 5px;
    position: relative;
}

.hubelement-img-wrap img {
    width: 100%;
}
.specials-title {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 95px;
	height: 45px;
	padding: 10px 0 5px 20px;
	background: rgba(0,0,0,0.8);
	color: #fff;
	font-weight: bold;
	line-height: 1.3;
}
.specials-price {
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 2px 0 5px 0;
	height: 45px;
	left: 95px;
	background: rgba(163,127,67,0.9);
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 28px;
}
	.specials-price .sub {
		font-size: 10px;
		font-weight: normal;
	}
.hubelement-buttoncontainer {
    position: absolute;
    bottom: 0;
    background: url(/images/left-bg.png) repeat scroll 0 0 rgba(0,0,0,0);
    color: #aeabab;
    margin: 0;
    padding: 8px 15px;
    width: 100%;
    height: 80px;
    text-align: center;
}

.button.hubelement-button {
    background-image: url(/images/btn-bg.png?v=2);
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: cover;
    border-radius: 5px;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    margin: 0 auto;
    border: none;
    min-width: 50%;
    position: relative;
    margin-top: 10px;
}

.hub-rhscontent {
    padding: 25px;
    color: #FFF;
}

.hub-rhscontent h1 {
    font-weight: normal;
    margin: 0 0 10px;
    color: #A37F43;
}

.full-width {
    width: 100%;
}

label[for="group_submission_has_breakfast"], label[for="group_submission_has_lunch_dinner"] {
    line-height: 13px;
    padding-left: 20px;
}

.form-row {
    padding: 0px 4px 10px;
}








/* SUBSCRIBE BAR */
.lhs-bot {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
}
.bestrates, .search {position: static !important;}
.bestrates {height: auto; width: 100%;}
.bestrates-text {
    padding: 10px 0;
    background-size: auto 25px;
    background-position: right center;
    font-size: 15px;
}
.search h3, .subscribe h3 {padding: 10px 10px; text-align: center;}
.search h3 {
    position: relative;
}
.subscribe {
    background: #555353;
}
.subscribe h3 {
    position: relative;
    background: #A37F43;
    color: #FFFFFF;
    font-size: 16px;
    margin: 0;
}
.search form, .subscribe form {padding: 10px;}
.search .button {
    /*background-image: url(/images/btn-bg_yellow.png);*/
    background: #f5b602;
    box-shadow: none;
}
.subscribe form {
    padding-bottom: 0;
    overflow: hidden;
}
.subscribe .flexfield {margin-right: 80px;}
.subscribe .button {
    margin-top: 0;
    float: right;
    background-image: url(/images/btn-bg.png?v=2);
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: cover;
    border-radius: 5px 5px 5px 5px;
    font-size: 12px;
    font-weight: bold;
    font-size: 12px;
    padding: 9px;
    width: 70px;
    border: none;
}

@media only screen and (max-height: 800px) and (min-width: 925px) {
    .search h3, .subscribe h3 {cursor: pointer;}
    .search h3:before, .subscribe h3:before {
        content: "+";
        position: absolute;
        top: 0;
        right: 10px;
        font-size: 36px;
        line-height: 1;
        color: rgba(255,255,255,0.8);
    }
    .js-accordtog.active:before {
        content: "-";
    }
}
@media only screen and (max-width: 925px) {
    .lhs-bot {position: relative; bottom: 0;}
    .subscribe {display: none;}
}
@media only screen and (max-height: 680px) and (min-width: 925px) {
    .subscribe h3, .search h3 {font-size: 14px;}
    .subscribe h3:before, .search h3:before {font-size: 32px;}
    /*.nav-bar {margin-top: -78px;}*/
    .nav-bar > li {line-height: 28px;}
    .search .button {
        /*padding-top: 5px;
        padding-bottom: 5px;*/
        margin-top: 10px;
    }
}