@charset "utf-8";

@font-face {
    font-family: "Poppins";
    src: url("../Fonts/Poppins-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "Poppins Bold";
    src: url("../Fonts/Poppins-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "Open Sans Condensed";
    src: url("../Fonts/OpenSansCondensed-Light.ttf") format("truetype");
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../Fonts/glyphicons-halflings-regular.eot');
    src: url('../Fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../Fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../Fonts/glyphicons-halflings-regular.woff') format('woff'), url('../Fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../Fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

@font-face {
    font-family: 'fontello';
    src: url('../Fonts/fontello.eot?88803556');
    src: url('../Fonts/fontello.eot?88803556#iefix') format('embedded-opentype'), url('../Fonts/fontello.woff2?88803556') format('woff2'), url('../Fonts/fontello.woff?88803556') format('woff'), url('../Fonts/fontello.ttf?88803556') format('truetype'), url('../Fonts/fontello.svg?88803556#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CenturyGothic';
    src: url('../Fonts/CenturyGothic.eot');
    src: url('../Fonts/CenturyGothic.eot?#iefix') format('embedded-opentype'), url('../Fonts/CenturyGothic.woff') format('woff'), url('../Fonts/CenturyGothic.ttf') format('truetype');
}

@font-face {
    font-family: 'CenturyGothic-BoldItalic';
    src: url('../Fonts/CenturyGothic-BoldItalic.eot');
    src: url('../Fonts/CenturyGothic-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../Fonts/CenturyGothic-BoldItalic.woff') format('woff'), url('../Fonts/CenturyGothic-BoldItalic.ttf') format('truetype');
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    *:before,
    *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-calendar:before {
    content: "\e109";
}

.glyphicon-check:before {
    content: "\e067";
}

.glyphicon-unchecked:before {
    content: "\e157";
}

.glyphicon-chevron-left:before {
    content: "\e079";
}

.glyphicon-chevron-right:before {
    content: "\e080";
}

.glyphicon-chevron-up:before {
    content: "\e113";
}

.glyphicon-chevron-down:before {
    content: "\e114";
}

.glyphicon-triangle-right:before {
    content: "\e250";
}

.glyphicon-triangle-left:before {
    content: "\e251";
}

.glyphicon-triangle-bottom:before {
    content: "\e252";
}

.glyphicon-triangle-top:before {
    content: "\e253";
}

.glyphicon-menu-left:before {
    content: "\e257";
}

.glyphicon-menu-right:before {
    content: "\e258";
}

.glyphicon-menu-down:before {
    content: "\e259";
}

.glyphicon-menu-up:before {
    content: "\e260";
}

/* Generic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/Roboto-Light.eot'); /* IE9 Compat Modes */
    src: local('Roboto Light'), local('Roboto-Light'), url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Roboto-Light.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/Roboto-Light.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Roboto-Light.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Roboto-Light.svg#Roboto') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/Roboto-Regular.eot'); /* IE9 Compat Modes */
    src: local('Roboto'), local('Roboto-Regular'), url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Roboto-Regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/Roboto-Regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Roboto-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Roboto-Regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/Roboto-Bold.eot'); /* IE9 Compat Modes */
    src: local('Roboto Bold'), local('Roboto-Bold'), url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Roboto-Bold.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/Roboto-Bold.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Roboto-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Roboto-Bold.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* Generic */
/*
.{
    font-family: 'HelveticaNeue', 'Helvetica Neue', 'Roboto', Helvetica, Arial, 'Microsoft Yahei', sans-serif;
    font-weight:400;
}
.{
    font-family: 'HelveticaNeueBold', 'HelveticaNeue-Bold', 'Helvetica Neue Bold', 'HelveticaNeue', 'Helvetica Neue', 'Roboto', Helvetica, Arial, 'Microsoft Yahei', sans-serif;
    font-weight:700;
}
.{
    font-family: 'HelveticaNeueLight', 'HelveticaNeue-Light', 'Helvetica Neue Light', 'HelveticaNeue', 'Helvetica Neue', 'Roboto', Helvetica, Arial, 'Microsoft Yahei', sans-serif;
    font-weight:300;
}
*/

html {
    height: 100%;
    width: 100%;
    min-width: 320px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


body {
    background-color: #ffffff;
    font-family: "Poppins", "Open Sans Condensed", "Glyphicons Halflings", "Microsoft YaHei";
    font-weight: 400;
    font-size: 12px;
    color: #343434;
    height: 100%;
}

h4 {
    font-size: 22px;
}

h5 {
    font-size: 16px;
    font-weight: bold;
}

form, p {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

form, td, input, textarea {
    font-family: "Poppins", "Open Sans Condensed", "Glyphicons Halflings", "Microsoft YaHei";
    font-size: 12px;
    color: #343434;
}

form {
    height: 100%;
}

a {
    color: #343434;
    cursor: pointer;
}

    a:focus, a:hover {
        color: #f3be4b;
    }

h1.page-title {
    margin: 0 0 18px 0;
    padding: 0 0 0 0px;
    font-weight: 300;
    font-size: 34px;
}

h4.page-title {
    font-weight: bold;
}

h1.popup-page-title {
    margin: 0 0 18px 0;
    padding: 0 0 0 0px;
    font-weight: bold;
    font-size: 40px;
    color: #fff;
}

.clearfix {
    *zoom: 1;
}

.overlay-1 {
    z-index: 10;
}

.overlay-1-item {
    z-index: 11;
}

.overlay-2 {
    z-index: 100;
}

.overlay-2-item {
    z-index: 101;
}

.overlay-3 {
    z-index: 1000;
}

.overlay-3-item {
    z-index: 1001;
}

.overlay-4 {
    z-index: 10000;
}

.overlay-4-item {
    z-index: 10001;
}

input[type="text"], input[type="password"], input[type="number"], input[type="email"] {
    width: 100%;
    margin: 0px;
    padding: 5px 10px;
    border: 1px solid #a3a2a2;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}

    input[type="text"].required, input[type="password"].required, input[type="email"].required {
        /*-moz-outline: #fdb200 solid 2px;
            outline: #fdb200 solid 2px;
            border: none;
            outline-offset: -2px;*/
    }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.input-container {
    display: inline-block;
    position: relative;
}

.input-mandatory {
    position: relative;
}

    .input-mandatory:after {
        content: '*';
        color: red;
        font-size: 20px;
        position: absolute;
        top: -5px;
        right: 0px;
    }

.input-container .input-placeholder {
    position: absolute;
    line-height: 30px;
    top: 0px;
    color: #aaa;
    width: 100%;
    overflow: hidden;
    pointer-events: none;
    padding: 0px 0px 0px 10px;
    right: 10px;
    text-indent: 10px;
}

.btnLarge {
    width: 160px;
    height: 40px;
    margin-left: 20px;
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
}

.btnLarge-right {
    width: 160px;
    height: 40px;
    float: right;
    line-height: 40px;
}

.btnSmall {
    width: 120px;
    height: 30px;
    margin: 0 0 0 10px;
    display: inline-block;
    vertical-align: middle;
    line-height: 30px;
}

.btnLarge-stretch, .btnLarge-full {
    text-align: center;
    margin: 15px auto;
    height: 40px;
    line-height: 40px;
}

.btnSmall-stretch {
    text-align: center;
    height: 30px;
    line-height: 30px;
}

.btnSmall-stretch-right {
    height: 30px;
    float: right;
    line-height: 30px;
    margin: 0 0 0 10px;
    min-width: 120px;
}

.btnModify-external {
    width: 100%;
    margin: 0px;
    float: initial;
}

.button {
    display: inline-block;
    height: 100%;
    text-align: center;
    cursor: pointer;
    border: none;
    padding: 2px 40px 2px 40px;
    font-size: 18px;
    outline: none;
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;
}

.btnLarge .button, .btnLarge-right .button, .btnSmall .button, .btnLarge-full .button, .btnSmall-stretch-right .button {
    width: 100%;
}

.button-leftArrow:after {
    font-family: 'Glyphicons Halflings';
    content: "\e080";
    font-weight: normal;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0px 0px 0px 5px;
}

.button.button-grey {
    background-color: #dcd5cd;
}

    .button.button-grey, .button.button-grey:after {
        color: #333333;
    }

        .button.button-grey:hover {
            background-color: #333333;
        }

            .button.button-grey:hover, .button.button-grey:hover:after {
                color: #dcd5cd;
            }

.button.button-brown {
    background-color: #9a7642;
}

    .button.button-brown, .button.button-brown.button-leftArrow:after {
        color: #ffffff;
    }

        .button.button-brown:hover {
            background-color: #6c4a1a;
        }

        .button.button-brown:hover, .button.button-brown.button-leftArrow:hover:after {
            color: #ffffff;
        }

.button.button-orange {
    background-color: #f3be4b;
    color: #000000;
    width: 100%;
}

    .button.button-orange .button.button-orange.button-leftArrow:after {
        color: #ffffff;
    }

    .button.button-orange:hover {
        background-color: #987643;
    }

    .button.button-orange:hover, .button.button-orange.button-leftArrow:hover:after {
        color: #ffffff;
    }

.button.popup-button-orange {
    background-color: #f3be4b;
    color: #191919;
    width: 100%;
    padding: 5px;
    font-size: 22px;
}

    .button.popup-button-orange:hover {
        background-color: #987643;
        color: #fff;
        text-decoration: none;
    }

    .button.popup-button-orange:active, .button.popup-button-orange:visited, .button.popup-button-orange:focus {
        text-decoration: none;
    }

.button.popup-button-transparent {
    width: 40%;
    padding: 5px;
    font-size: 16px;
    border: 1px solid #cbcbcb;
    color: #cbcbcb;
}

    .button.popup-button-transparent:hover {
        background-color: #cbcbcb;
        color: #000;
    }

.button.button-white {
    border: 1px solid #997643;
}

    .button.button-white, .button.button-white:after {
    }

        .button.button-white:hover {
            background-color: #997643;
            border: 1px solid #997643;
            color: #ffffff;
            text-decoration: none;
        }

            .button.button-white:hover, .button.button-white:hover:after {
                color: #ffffff;
            }

.button#modifyBooking {
    font-size: 14px;
    font-weight: normal;
}

.price-container {
    font-weight: bold;
    font-size: 0;
}

    .price-container .price {
        font-size: 14px;
        display: inline-block;
        vertical-align: middle;
    }

    .price-container .currency {
        font-size: 14px;
        display: inline-block;
        vertical-align: middle;
        margin: 0px 5px 0px 0px;
    }

.colorbox.colorbox-fixed, #colorbox.colorbox-fixed {
    top: 50px !important;
    margin: 0 auto;
}

.colorbox.colorbox-datepicker {
    top: 45% !important;
}

.crs-gallery button#cboxClose {
    background: url('../Images/cross.png') no-repeat;
    height: 40px;
    width: 40px;
}

.checkbox-styled > input[type="checkbox"] {
    display: none;
}

.checkbox-styled {
    position: relative;
    cursor: pointer;
}

    .checkbox-styled:before {
        width: 25px;
        height: 25px;
        display: inline-block;
        border: 1px solid #9c793f;
        -moz-border-radius: 1px;
        -webkit-border-radius: 1px;
        border-radius: 1px;
        line-height: 13px;
        padding: 0px 0px 0px 2px;
        vertical-align: middle;
        content: "";
        /*content: url("../Images/icon-brown/checkbox-unchecked.png");*/
        margin: -4px 10px 0px 0px;
        /*-moz-transform: scale(.2);
        -ms-transform: scale(.2);
        -o-transform: scale(.2);
        -webkit-transform: scale(.2);
        transform: scale(.2);
        position: relative;
        top: -10px;
        left: -15px;*/
    }

    .checkbox-styled.checked:before {
        font-size: 25px;
        color: #9B7B4A;
        font-family: "fontello";
        content: "\e800";
        /*content: url("../Images/icon-brown/checkbox-checked.png");*/
        padding-top: 4px;
        /*-moz-transform: scale(.2);
        -ms-transform: scale(.2);
        -o-transform: scale(.2);
        -webkit-transform: scale(.2);
        transform: scale(.2);
        position: relative;
        top: -10px;
        left: -15px;*/
    }

    .checkbox-styled.disabled:before {
        font-size: 25px;
        color: #777;
        font-family: "fontello";
        content: "\e800";
        padding-top: 4px;
        cursor: not-allowed;
        border: 2px solid #777;
        background-color: #eee;
    }

div#container {
    width: 100%;
    min-height: 100%;
    padding: 75px 0 75px 0;
    position: relative;
}

div#main {
    width: 100%;
    background-color: #ffffff;
    position: relative;
    left: 0px;
}

    div#main .content {
        width: 974px;
        position: relative;
        margin: 0 auto 0 auto;
    }

        div#main .content .inner {
            top: 94px;
            width: 974px;
            margin: 0 auto 0 auto;
            min-height: 442px;
            background-color: #fafafa;
            border: 1px solid #bbb;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
        }

            div#main .content .inner .innerLeftShadow {
                position: absolute;
                top: 0px;
                left: -3px;
                width: 3px;
                height: 100%;
                background-color: #eee;
                background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(219,219,219,1) 21%, rgba(199,199,199,1) 50%, rgba(255,255,255,1) 100%);
            }

            div#main .content .inner .innerRightShadow {
                position: absolute;
                top: 0px;
                right: -3px;
                width: 3px;
                height: 100%;
                background-color: #eee;
                background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(219,219,219,1) 21%, rgba(199,199,199,1) 50%, rgba(255,255,255,1) 100%);
            }

.header {
    background-color: #ffffff;
    top: 0;
    position: fixed;
    width: 100%;
    z-index: 16;
}

    .header .header-top {
        height: 28px;
        line-height: 28px;
        background-color: #fff;
    }

.inner-width {
    margin: 0 auto;
    max-width: 1080px;
    min-width: 320px;
    width: 100%;
}

.header ul.nav-right {
    float: right;
    padding: 0;
    margin: 0;
    list-style: none;
}

    .header ul.nav-right > li {
        float: left;
        margin: 0px 7px;
    }

        .header ul.nav-right > li.divider::before {
            content: '';
            height: 10px;
            border-left: 1px solid #000;
        }
        
.nav-right a {
    color: #343434;
}

.nav-right a:hover {
    color: #f3be4b;
}

.header .header-container {
    height: 54px;
    background-color: #000;
    text-align: center;
    position: relative;
    z-index: -1;
}

    .header .header-container .menu-toggle {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        line-height: 50px;
        padding: 0 0 0 10px;
        cursor: pointer;
    }

.header .header-currency {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 50px;
}

    .header .header-currency ul.nav-right > li > a {
        color: #ffffff;
    }

.menu-toggle .menu-toggle-icon, .menu-toggle .menu-toggle-text {
    vertical-align: middle;
    display: inline-block;
    color: #fff;
}

.menu-toggle .menu-toggle-icon {
    margin: 0 5px -5px 0;
}

.menu-toggle-icon .menu-bar {
    height: 2px;
    width: 22px;
    background: #fff;
    margin: 0 0 5px 0;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.menu-toggle.active .menu-bar:first-child {
    -webkit-transform: rotate(-45deg) translate(-5px, 3px);
    -moz-transform: rotate(-45deg) translate(-5px, 3px);
    -ms-transform: rotate(-45deg) translate(-5px, 3px);
    -o-transform: rotate(-45deg) translate(-5px, 3px);
    transform: rotate(-45deg) translate(-5px, 3px);
}

    .menu-toggle.active .menu-bar:first-child + .menu-bar {
        opacity: 0;
    }

.menu-toggle.active .menu-bar:last-child {
    -webkit-transform: rotate(45deg) translate(-7px, -5px);
    -moz-transform: rotate(45deg) translate(-7px, -5px);
    -ms-transform: rotate(45deg) translate(-7px, -5px);
    -o-transform: rotate(45deg) translate(-7px, -5px);
    transform: rotate(45deg) translate(-7px, -5px);
}

#menu-nav {
    height: 100%;
    background: #000;
    position: fixed;
    width: 80%;
    min-width: 320px;
    max-width: 600px;
    top: 0;
    padding: 50px 0 0 0;
}


    #menu-nav.collapsing.width {
        height: 100%;
        width: 0;
        min-width: 0;
        -webkit-transition-property: width, visibility;
        -o-transition-property: width, visibility;
        transition-property: width, visibility;
    }

    #menu-nav ul.menu-nav-list {
        list-style: none;
        padding: 0px;
        white-space: nowrap;
    }

        #menu-nav ul.menu-nav-list > li {
        }

        #menu-nav ul.menu-nav-list li a, #menu-nav ul.menu-nav-list li a:hover {
            color: #fff;
            text-decoration: none;
            display: block;
            padding: 15px;
            font-size: 16px;
            line-height: 16px;
        }

    #menu-nav .menu-nav-language {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        text-align: center;
        font-size: 16px;
    }

        #menu-nav .menu-nav-language > ul {
            list-style: none;
            padding: 10px 0;
            background: #000;
            margin: 0;
            white-space: nowrap;
        }

            #menu-nav .menu-nav-language > ul > li {
                display: inline-block;
                vertical-align: middle;
            }

        #menu-nav .menu-nav-language li.divider {
            width: 2px;
            /*height: 14px;*/
            background-color: #fff;
        }

        #menu-nav .menu-nav-language > ul > li > a {
            color: #fff;
            padding: 10px;
            display: block;
            text-decoration: none;
        }

a.header-logo {
    display: inline-block;
}

.logo {
    cursor: pointer;
}

.logo-desktop {
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -69px;
    height: 95px;
}

    .logo-desktop.starworld {
        width: 200px;
        left: 50%;
        margin-left: -100px;
    }

.logo-mobile {
    height: 50px;
    width: 65px;
}

.footer {
    width: 100%;
    background: #000;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    position: absolute;
    bottom: 0px;
}

    .footer .innerFooter {
        padding: 10px 0 0 0;
    }

    .footer .footer-item {
        margin: 0 0 10px 0;
    }

.btn-expandable {
    font-size: 25px;
    font-family: none;
    color: #c38200;
    border: 1px solid #c38200;
    width: 27px;
    height: 27px;
    text-align: center;
    cursor: pointer;
    line-height: 25px;
}

    .btn-expandable:before {
        content: "+";
    }

    .btn-expandable.active:before {
        content: "\2212";
    }

.expandable-container {
    display: none;
}

.separator {
    height: 45px;
    float: left;
    border-right: 1px solid grey;
}

.summary-toogle, .make-new-booking, .currency-toggle {
    float: right;
    position: relative;
    margin-top: 12px;
}

.currency-toggle {
    min-width: 100px;
}

.newBooking-container {
    background: url('../Images/ico_header_newBooking_new.png') no-repeat right center;
}

.summary-toogle.active .summary-wrapper, .currency-toggle.active .currency-wrapper {
    background-color: #f4bd48;
    color: #fff;
}

.summary-toogle .summary-wrapper, .currency-toggle .currency-wrapper, .newBooking-container a {
    padding: 5px 15px 5px 15px;
    cursor: pointer;
    color: #fff;
}

.newBooking-container a {
    padding-right: 55px;
    display: block;
    text-decoration: none;
}

.summary-toogle .itinerary-count-text {
    border-radius: 100%;
    padding: 3px 6px;
    font-size: 11px;
    font-weight: bold;
    background: red;
    color: white;
    margin: 0px 0px 0px 8px;
    float: right;
}

.summary-toogle .summary-wrapper .booking-text {
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
}

.summary-toogle .summary-wrapper .summary-text {
    font-size: 15px;
    font-weight: bold;
    position: relative;
}

    .summary-toogle .summary-wrapper .summary-text:after {
        font-family: 'Glyphicons Halflings';
        content: "\e114";
        display: inline-block;
        right: -30px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-weight: normal;
        font-size: 16px;
        float: right;
        top: -2px;
        margin: 3px 0px;
    }

.summary-toogle.active .summary-wrapper .summary-text:after {
    content: "\e113";
    color: #fff;
}

.newBooking-container a .makenew-text {
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
}

.newBooking-container a .booking-text {
    font-size: 15px;
    font-weight: bold;
}

.summary-dropdown {
    background-color: #fff;
    position: absolute;
    width: 325px;
    -moz-box-shadow: 0px 2px 5px -1px rgba(1, 1, 1, 0.7);
    -webkit-box-shadow: 0px 2px 5px -1px rgba(1, 1, 1, 0.7);
    box-shadow: 0px 2px 5px -1px rgba(1, 1, 1, 0.7);
    padding: 10px 15px 10px 15px;
    display: none;
    border-top: 5px solid #f4bd48;
    right: 0px;
}

.summary-toogle.active .summary-dropdown {
    display: block;
}

.summary-dropdown .empty {
    padding: 10px;
}

.summary-dropdown .product-container {
    max-height: 400px;
    overflow: auto;
}

.summary-dropdown .product-title {
    font-size: 22px;
    font-weight: 300;
}

.summary-dropdown .product-details {
    border-bottom: solid 1px #E0E0E0;
    padding-bottom: 10px;
}

    .summary-dropdown .product-details .title {
        font-size: 16px;
        font-weight: bold;
    }

    .summary-dropdown .product-details .description {
        float: left;
        font-weight: 300;
    }

    .summary-dropdown .product-details .sub-total {
        float: right;
    }

.summary-dropdown .product-total {
    border-bottom: solid 1px #d0d0d0;
    margin: 10px 0 10px 0;
}

    .summary-dropdown .product-total .totalprice {
        float: right;
    }

        .summary-dropdown .product-total .totalprice .price, .summary-dropdown .product-total .totalprice .currency {
            font-size: 20px;
        }

    .summary-dropdown .product-total .total-text {
        font-weight: 300;
        font-size: 20px;
        float: right;
        margin-right: 15px;
        text-align: right;
    }

.summary-dropdown .view-details {
    height: 50px;
    line-height: 50px;
    margin-right: 10px;
    margin-bottom: 10px;
}

/*Currency DropDown*/
.currency-wrapper .currency-text {
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
}

.currency-wrapper .currency-current {
    font-size: 15px;
    line-height: 19px;
    font-weight: bold;
    position: relative;
}

    .currency-wrapper .currency-current:after {
        font-family: 'Glyphicons Halflings';
        content: "\e114";
        position: absolute;
        display: inline-block;
        left: 50px;
        font-weight: normal;
        font-size: 16px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.currency-toggle.active .currency-current:after {
    content: "\e113";
}

.currency-toggle .currency-DropDown {
    max-height: 350px;
    background: #fff;
    overflow-y: auto;
    overflow-x: hidden;
    -moz-box-shadow: 0 0 5px #aaa;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
    display: none;
    width: 270px;
    position: absolute;
    right: 0px;
}

.currency-toggle.active .currency-DropDown {
    display: block;
}

.currency-DropDown .local-currency {
    color: #333;
    text-decoration: none;
    display: block;
    padding: 5px 0;
}

    .currency-DropDown .local-currency:hover {
        background-color: #c1c1c1;
    }

.currency-DropDown .currencyItem {
    width: 250px;
}

.currency-DropDown .currencyCode {
    width: 50px;
    float: left;
    margin-left: 10px;
}

.currency-DropDown .currencyDesc {
    /*width:200px;*/
}

.currency-DropDown ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
    color: #333;
}

    .currency-DropDown ul li {
        margin: 0;
        padding: 0;
    }

        .currency-DropDown ul li:hover {
            background-color: #c38200;
        }

        .currency-DropDown ul li a {
            color: #343434;
            text-decoration: none;
            display: block;
            padding: 5px 0;
        }

.secStepIndication {
    width: 970px;
    margin: 0px auto 25px auto;
    padding: 25px 0px 0px 0px;
    position: relative;
    height: 75px;
}

    .secStepIndication.step-booking {
        background: url(../Images/steps-booking.png) no-repeat left bottom;
    }

    .secStepIndication.step-payment {
        background: url(../Images/steps-payment.png) no-repeat left bottom;
    }

    .secStepIndication.step-confirmation {
        background: url(../Images/steps-confirmation.png) no-repeat left bottom;
    }

    .secStepIndication .stepIndicator {
        float: left;
        height: 50px;
        line-height: 50px;
        font-size: 22px;
        color: #979692;
        position: relative;
    }

    .secStepIndication.step-booking .stepIndicator.stepBooking, .secStepIndication.step-payment .stepIndicator.stepPayment, .secStepIndication.step-confirmation .stepIndicator.stepConfirmation {
        color: #fff;
    }

    .secStepIndication.step-booking .stepIndicator.active {
        color: #fff;
    }

    .secStepIndication .stepIndicator.stepBooking {
        width: 240px;
    }

        .secStepIndication .stepIndicator.stepBooking .stepBooking-title {
            padding: 0px 0px 0px 90px;
        }

    .secStepIndication .stepIndicator.stepPayment {
        width: 240px;
    }

        .secStepIndication .stepIndicator.stepPayment .stepPayment-title {
            padding: 0px 0px 0px 110px;
        }

    .secStepIndication .stepIndicator.stepConfirmation {
        width: 290px;
    }

        .secStepIndication .stepIndicator.stepConfirmation .stepConfirmation-title {
            padding: 0px 0px 0px 110px;
        }

    .secStepIndication .lblBookingManagement {
        color: #fff;
        font-size: 20px;
        padding: 0px 30px 0px 70px;
        background: linear-gradient(to bottom, rgba(255,203,130,1) 0%, rgba(210,147,58,1) 48%, rgba(206,136,44,1) 88%, rgba(212,152,68,1) 100%);
        width: 300px;
        line-height: 50px;
        float: left;
        height: 100%;
        position: relative;
    }

    .secStepIndication img {
        position: absolute;
        top: 11px;
        left: 25px;
        width: 35px;
    }

    .secStepIndication .ManageBookingInfo {
        font-size: 20px;
        background-color: #fafafa;
        line-height: 50px;
        border: 1px solid #bbb;
        float: left;
        height: 100%;
        width: 670px;
        padding: 0px 0px 0px 50px;
    }

.ManageBookingInfo .confimationNo, .ManageBookingInfo .orderDate {
    font-size: 20px;
    color: #c58200;
    font-weight: bold;
}

.ManageBookingInfo .confimationNo {
    margin-left: 15px;
}

.detail-content .secMoreDetails {
    padding: 25px 15px;
    font-size: 14px;
}

.detail-content .roomtypedetail-featureList {
    padding: 10px;
    background-color: #f8f4f1;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

    .detail-content .roomtypedetail-featureList > span {
        font-weight: bold;
    }

    .detail-content .roomtypedetail-featureList .roomtypedetail-featurerow {
        margin-top: 20px;
    }

.detail-content .roomtypedetail-featurerow .roomtypedetail-feature {
    width: 24%;
    vertical-align: top;
    display: inline-block;
}

.detail-content .roomtypedetail-feature .roomtypedetail-featureTitle {
    min-height: 29px;
    font-size: 12px;
    background-repeat: no-repeat;
    padding-left: 35px;
    text-align: left;
    color: #906449;
    background-position: top left;
}

.detail-content .roomtypedetail-image {
    position: relative;
}

    .detail-content .roomtypedetail-image img {
        width: 100%;
        height: 100%;
    }

.roomtypeimage-overlay {
    display: none;
}

.rateplan-roomTypeImage:hover .roomtypeimage-overlay {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #eee;
    -moz-opacity: 0.7;
    opacity: 0.7;
}

.roomtypeimage-overlayContent {
    display: none;
}

.rateplan-roomTypeImage:hover .roomtypeimage-overlayContent {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
}

.roomtypeimage-overlayContent:before {
    content: " ";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.button.roomtypeimage-overlayTitle {
    vertical-align: middle;
    padding: 10px 20px;
    font-size: 14px;
    height: auto;
}

.detail-content .roomtypedetail-info {
    margin: 20px 0px;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.detail-content .secMoreDetails .pleasenote {
    margin-top: 35px;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

#colorbox.roomtypedetail #cboxContent {
    padding: 25px;
    background: #fff;
}

#colorbox.roomtypedetail #cboxPrevious {
    right: auto;
    left: 25px;
    top: 45%;
    height: 45px;
    width: 45px;
    text-indent: 0px;
    line-height: 1;
    background: #f4bd48;
    padding: 10px;
}

    #colorbox.roomtypedetail #cboxPrevious:focus {
        -moz-outline: none;
        outline: none;
    }

    #colorbox.roomtypedetail #cboxPrevious:before {
        font-family: 'Glyphicons Halflings';
        content: "\e079";
        position: relative;
        font-size: 25px;
        left: 0px;
        color: #fff;
    }

#colorbox.roomtypedetail #cboxNext {
    right: 25px;
    left: auto;
    top: 45%;
    height: 45px;
    width: 45px;
    text-indent: 0px;
    line-height: 1;
    background: #f4bd48;
    padding: 10px;
}

    #colorbox.roomtypedetail #cboxNext:focus {
        -moz-outline: none;
        outline: none;
    }

    #colorbox.roomtypedetail #cboxNext:before {
        font-family: 'Glyphicons Halflings';
        content: "\e080";
        position: relative;
        font-size: 25px;
        left: 0px;
        color: #fff;
    }

.img-hide {
    padding-top: 5px;
    float: right;
    display: inline;
    height: 49px;
    width: 49px;
}

/* Search Panel */
#panelBooking {
    width: 265px;
    margin: 0 0 0 27px;
    float: left;
    border: none;
}

    #panelBooking .input-container {
        display: block;
    }

    #panelBooking .secPaymentAccept .imgPaymentAccept {
        height: 30px;
        display: inline;
    }

.secContainerBg {
    padding-top: 15px;
    padding-bottom: 50px;
    margin-left: -15px;
    margin-right: -15px;
}

#panelBooking .secContainerBg .secHeader {
    color: #c58200;
    display: block;
    margin: 0 0 10px 0;
    font-weight: bold;
}

#panelBooking .secRow {
    margin: 0 0 15px 0px;
    position: relative;
}

#panelBooking .secDate {
    font-size: 0px;
    border-top: 1px solid #8e908f;
    border-bottom: 1px solid #8e908f;
    padding: 0px;
}

#panelBooking .colDate {
    display: inline-block;
    width: 50%;
    height: 80px;
    padding: 0px 5px;
    vertical-align: top;
    margin: 7px 0;
    font-size: 12px;
    position: relative;
}

    #panelBooking .colDate#secCheckInDate {
        border-right: 1px solid #8e908f;
    }

#panelBooking .secDate .dateHeader {
    background: url('../images/calender-a.png') no-repeat;
    display: block;
    padding: 4px 0px 4px 25px;
    -moz-background-size: 23px 23px;
    -o-background-size: 23px 23px;
    -webkit-background-size: 23px 23px;
    background-size: 23px 23px;
}

#panelBooking .colDate .colDate-day {
    display: inline-block;
    font-size: 40px;
    margin: 5px 3px 0px 10px;
    vertical-align: top;
}

#panelBooking .colDate .colDate-monthYear {
    display: inline-block;
    margin: 5px 0 0 0;
    vertical-align: top;
}

#panelBooking .colDate .colDate-month {
    display: block;
    font-size: 18px;
    color: #bababa;
}

#panelBooking .colDate .colDate-year {
    display: block;
    font-size: 14px;
    color: #bababa;
}

#ui-datepicker-div {
    z-index: 6 !important;
}

#panelBooking .childPopUpTrigger {
    float: right;
    background: url(../images/ui-icons_222222_256x240.png) no-repeat;
    background-position: -17px -145px;
    width: 14px;
    height: 14px;
    margin-top: -20px;
    margin-left: -5px;
    cursor: pointer;
}

#panelBooking .colContainer {
    font-size: 0; /*fix inline-block spacing*/
}

#panelBooking .colRoom, #panelBooking .colAdult, #panelBooking .colChild {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    font-size: 14px;
}

#panelBooking .colHeader {
    display: block;
    margin: 0px 0 15px 0px;
    padding: 0 0 0 20px;
}

#panelBooking .colRoom {
    width: 33.3333%;
}

    #panelBooking .colRoom .colHeader {
        background: url(../images/room-a.png) no-repeat;
        -moz-background-size: 20px;
        -o-background-size: 20px;
        -webkit-background-size: 20px;
        background-size: 20px;
    }


#panelBooking .colAdult {
    width: 33.3333%;
}

    #panelBooking .colAdult .colHeader {
        background: url(../images/adult-a.png) no-repeat;
        -moz-background-size: 20px;
        -o-background-size: 20px;
        -webkit-background-size: 20px;
        background-size: 20px;
    }

    #panelBooking .colAdult .selectboxit-container .selectboxit {
        border-left: none;
        border-right: none;
    }

#panelBooking .colChild {
    width: 33.3333%;
}

    #panelBooking .colChild .colHeader {
        background: url(../images/children-a.png) no-repeat;
        -moz-background-size: 20px;
        -o-background-size: 20px;
        -webkit-background-size: 20px;
        background-size: 20px;
    }

#panelBooking .secResetFilter {
    background-color: #5c6061;
    float: right;
    padding: 5px;
    font-size: 12px;
    color: #ffffff;
    cursor: pointer;
}

#panelBooking .secView {
    font-size: 0px;
    padding: 20px 5px 20px 5px;
    border-bottom: 1px solid #8e908f;
}

#panelBooking .colView {
    display: inline-block;
    border: 1px solid #c58200;
    width: 50%;
    font-size: 12px;
    text-align: center;
    padding: 10px;
    background: #ffffff;
}

    #panelBooking .colView.selected {
        background: #f6f2ef;
    }

    #panelBooking .colView:hover, #panelBooking .colView.selected {
        background: #f6f2ef;
    }

    #panelBooking .colView.view-room {
        border-right: none;
    }

    #panelBooking .colView > span {
        white-space: nowrap;
    }

#panelBooking .secPriceSlider {
    padding: 10px 10px 10px 10px;
    border-bottom: 1px solid #8e908f;
}

#panelBooking .secPhoneNo {
    font-size: 16px;
    font-weight: bold;
}

#panelBooking ul.secBookDirect {
    padding-left: 0px;
    list-style-type: none;
}

    #panelBooking ul.secBookDirect li:before {
        content: "\2713";
        font-size: 22px;
        margin-right: 5px;
    }

#panelBooking .inputType01Calender {
    width: 100%;
    height: 100%;
    border: none;
    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
}

#panelBooking #priceRange {
    margin: 30px 20px 15px 10px;
}

#priceRange.ui-slider .ui-slider-range {
    background: #9c693f;
}

#priceRange.ui-slider-horizontal {
    height: 5px;
}

    #priceRange.ui-slider-horizontal .ui-slider-handle {
        top: -.5em;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        border-radius: 50px;
    }

        #priceRange.ui-slider-horizontal .ui-slider-handle:focus {
            -moz-outline: none;
            outline: none;
        }

#priceRange.ui-widget-content {
    border: none;
    background: #e6e6e6;
    color: #222222 /*{fcContent}*/;
}

#panelBooking .priceRangeInputContainer > span {
    display: inline;
    margin: 0 5px;
}

.loader {
    position: relative;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100px;
    z-index: 9999;
    background: url('../Images/ajax-loader.gif') 50% 50% no-repeat rgb(249,249,249);
}

.radio { /* Added in 2013/08/19 */
    width: 26px;
    height: 26px;
    background: url(../images/bg_form_radioButton.gif) no-repeat;
    display: block;
    margin: 0 auto;
}

/* disable guest info by default*/
#divGuestInfo {
    display: none;
}

.process-payment {
    font-size: 26px;
    padding: 100px 0 0 0;
}

.please-dont {
    font-size: 30px;
    padding: 50px 0 100px 0;
    text-align: left;
}

.click-to-close {
    font-size: 16px;
    font-weight: bold;
    padding: 50px 50px 100px 50px;
    text-align: center;
    clear: both;
}

.errorMsg {
    font-size: 28px;
    padding: 100px 50px 0 50px;
    text-align: center;
}

.errorRef {
    padding: 50px 50px 0 50px;
    text-align: center;
}

.info-redirect {
    font-size: 24px;
    font-weight: bold;
    padding: 100px 50px 0 50px;
    text-align: center;
}

.info-redirect-note {
    font-size: 18px;
    padding: 75px 50px 0 50px;
    text-align: center;
}

/* Login Panel Starts */
.login-toogle {
    display: inline;
    float: right;
    position: relative;
    height: 20px;
}

.login-toogle-after-login {
    display: inline;
    float: right;
    position: relative;
    width: 850px;
}

.login-container {
    cursor: pointer;
    padding: 5px 10px 10px 10px;
    color: #343434;
}

    .login-container a .login-text {
        font-weight: normal;
        font-size: 12px;
        color: #343434;
        line-height: 22px;
    }

    .login-container a:hover {
        color: #333;
        text-decoration: underline;
    }

    .login-container.active {
        cursor: pointer;
        padding: 5px 10px 10px 10px;
    }

        .login-container.active a .login-text {
            font-size: 12px;
            color: #343434;
        }

#loginoption {
    border-top: rgba(141, 143, 140, 1) 5px solid;
    background: white;
    padding: 25px;
    position: absolute;
    left: -182px;
    top: 28px;
    -moz-box-shadow: 0 0 5px rgba(1, 1, 1, 0.7);
    -webkit-box-shadow: 0 0 5px rgba(1, 1, 1, 0.7);
    box-shadow: 0 0 5px rgba(1, 1, 1, 0.7);
    display: none;
    z-index: 10;
}

    #loginoption .secRow {
        margin: 0 0 8px 0px;
    }

    #loginoption .login-text {
        font-weight: 300;
        font-size: 18px;
    }

    #loginoption .loginID-text, #loginoption .password-text {
        font-weight: bold;
        display: block;
    }

    #loginoption .password-remind {
        font-weight: bold;
        color: #76581f;
        margin: 3px 0;
        display: block;
    }

    #loginoption .loginbutton {
        border-bottom: 1px solid grey;
        padding-bottom: 20px;
    }

#signupOption-container {
    margin-top: 20px;
}

    #signupOption-container .signup-header {
        font-size: 18px;
        line-height: 22px;
    }

    #signupOption-container .signup-desc {
        font-weight: 300;
    }

.menu-after-login {
    font-size: 12px;
    font-weight: normal;
    color: #343434;
    line-height: 28px;
    margin-left: 4px;
}

    .menu-after-login ul {
        list-style-type: none;
        padding: 0;
        float: right;
        margin: 0px;
    }

        .menu-after-login ul li {
            display: inline-block;
            margin: 0;
            padding-right: 10px;
            padding-left: 10px;
            border-left: 1px solid grey;
            line-height: 10px;
        }

            .menu-after-login ul li.first-item {
                padding-left: 0;
                border-left: 0;
            }

            .menu-after-login ul li a {
                text-decoration: none;
                font-size: 12px;
                color: #343434;
            }

                .menu-after-login ul li a:hover {
                    cursor: pointer;
                    text-decoration: underline;
                }

.req-indicator {
    font-size: 11px;
}

.popupSaveModifyWrapper {
    width: 370px;
    background: white;
    margin: 0 auto;
    padding: 15px 20px;
}

    .popupSaveModifyWrapper .info-continue, .popupSaveModifyWrapper .info-submit {
        margin: 0px 0px 20px 0px;
    }

    .popupSaveModifyWrapper .info-highlight {
        color: #1D86A3;
    }

.language-selection {
    line-height: 28px;
}

    .language-selection > a {
        color: #343434;
        text-decoration: none;
        margin: 0px 5px;
        font-size: 12px;
    }

/* Steps container */
.steps-container {
    padding: 15px 0 8px 0;
    margin-top: 20px;
}

.steps {
    list-style-type: none;
    padding: 0;
}

    .steps li {
        display: inline-block;
        margin-bottom: 3px;
        padding-left: 5px;
        padding-right: 0px;
        text-align: center;
    }

        .steps li div {
            background: #99763f;
            padding: 8px 0px;
            color: #ffffff;
            display: block;
            font-size: 21px;
            /*font-weight: bold;*/
            position: relative;
            text-indent: 12px;
        }

            .steps li div:hover {
                text-decoration: none;
            }

            .steps li div:before {
                border-bottom: 23px solid transparent;
                border-left: 14px solid #fff;
                border-top: 23px solid transparent;
                content: "";
                height: 0;
                width: 0;
                position: absolute;
                left: 0;
                top: 50%;
                margin-top: -23px;
            }

            .steps li div:after {
                border-bottom: 23px solid transparent;
                border-left: 14px solid #99763f;
                border-top: 23px solid transparent;
                content: "";
                height: 0;
                width: 0;
                position: absolute;
                left: 100%;
                top: 50%;
                margin-top: -23px;
                z-index: 1;
            }

            .steps li div .step-sm {
                border: 1px solid #000000;
                border-radius: 50%;
                padding: 2px 7px;
                background-color: #000000;
                color: #ffffff;
            }

        .steps li.active div {
            background: #f4bd48;
            color: #ffffff;
        }

            .steps li.active div:after {
                border-left: 14px solid #f4bd48;
            }

        .steps li.undone div {
            background: #eeeeee;
            color: #99763f;
        }

            .steps li.undone div:after {
                border-left: 14px solid #eeeeee;
            }

.step-first:before {
    border-left: 14px solid #99763f !important;
}

.step-last:after {
    border: 0 !important;
}

.active .step-first:before {
    /*border-left: 14px solid #f4bd48 !important;*/
    border-left: 14px solid #000000 !important;
}

.undone .step-first:before {
    /*border-left: 14px solid #eeeeee !important;*/
    border-left: 14px solid #cccccc !important;
}

.steps li:first-child {
    padding-left: 0;
}

.steps.step-select li.st-select div,
.steps.step-booking li.st-booking div,
.steps.step-payment li.st-payment div,
.steps.step-confirmation li.st-confirmation div {
    background: #000000;
    color: #ffffff;
}

    .steps.step-select li.st-select div:after,
    .steps.step-booking li.st-booking div:after,
    .steps.step-payment li.st-payment div:after,
    .steps.step-confirmation li.st-confirmation div:after {
        border-left: 14px solid #000000;
    }

.steps li.st-select div,
.steps li.st-booking div,
.steps li.st-payment div,
.steps li.st-confirmation div {
    background: #cccccc;
    /*color: #99763f;*/
    color: #000000;
}

    .steps li.st-select div:after,
    .steps li.st-booking div:after,
    .steps li.st-payment div:after,
    .steps li.st-confirmation div:after {
        border-left: 14px solid #cccccc;
    }

.steps.step-select li.st-select .step-first:before {
    border-left: 14px solid #000000 !important;
}

.steps li.st-select .step-first:before {
    border-left: 14px solid #cccccc !important;
}

.steps.step-confirmation li.st-confirmation .step-last:after {
    border: 0 !important;
}

.steps li.st-confirmation .step-last:after {
    border: 0 !important;
}

.steps.step-select li.st-select .step-active,
.steps.step-booking li.st-booking .step-active,
.steps.step-payment li.st-payment .step-active,
.steps.step-confirmation li.st-confirmation .step-active {
    display: block !important;
}

.steps.step-select li.st-select .step-active-sm,
.steps.step-booking li.st-booking .step-active-sm,
.steps.step-payment li.st-payment .step-active-sm,
.steps.step-confirmation li.st-confirmation .step-active-sm {
    display: none;
}

.dropDown-toggle {
    position: relative;
}

    .dropDown-toggle .dropDown-selected {
        width: 100%;
        border: 1px solid #cbcbcb;
        height: 35px;
        line-height: 35px;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        padding: 0 40px 0 0;
        white-space: nowrap;
        font-size: 13px;
        color: #cbcbcb;
        cursor: pointer;
    }

        .dropDown-toggle .dropDown-selected img {
            margin-right: 5px;
            margin-left: 5px;
            margin-top: -2px;
            vertical-align: text-top;
        }

        .dropDown-toggle .dropDown-selected.disabled {
            cursor: default;
            opacity: 0.65;
        }

        .dropDown-toggle .dropDown-selected:after {
            content: "\e252";
            position: absolute;
            font-family: 'Glyphicons Halflings';
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            right: 10px;
            font-size: 16px;
        }

    .dropDown-toggle.active .dropDown-selected:after {
        content: "\e253";
    }

    .dropDown-toggle .dropDown-dropdown {
        padding: 5px 0 5px 0;
        max-height: 350px;
        overflow-y: auto;
        overflow-x: hidden;
        -moz-box-shadow: 0 0 5px #aaa;
        -webkit-box-shadow: 0 0 5px #aaa;
        box-shadow: 0 0 5px #aaa;
        display: none;
        position: absolute;
        width: 100%;
        background-color: #fff;
        color: #cbcbcb;
        z-index: 999;
        font-size: 13px;
    }

    .dropDown-toggle.dropDown-small .dropDown-selected {
        height: 30px;
        line-height: 30px;
        -moz-background-size: 15px 15px;
        -o-background-size: 15px 15px;
        -webkit-background-size: 15px 15px;
        background-size: 15px 15px;
    }

    .dropDown-toggle.active .dropDown-dropdown {
        display: block;
    }

    .dropDown-toggle .dropDown-dropdown .dropDown-item, .checkboxlist .checkboxlist-item {
        padding: 5px 0px 5px 15px;
        text-align: left;
        cursor: pointer;
    }

        .dropDown-toggle .dropDown-dropdown .dropDown-item:hover {
            background-color: #f3be4b;
            color: #000;
        }

    .dropDown-toggle.dropDown-single .dropDown-dropdown .dropDown-item:hover {
        background-color: #f3be4b;
        color: #000;
    }

.dropDown-item .dropDown-checkBox, .checkboxlist .checkboxlist-item .checkboxlist-checkBox {
    width: 20px;
    height: 20px;
    display: inline-block;
    border: 2px solid #9c793f;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    line-height: 16px;
    padding: 0px 0px 0px 3px;
    vertical-align: middle;
    content: "";
}

.dropDown-item.selected .dropDown-checkBox:before, .checkboxlist-item.selected .checkboxlist-checkBox:before {
    font-size: 18px;
    color: #9B7B4A;
    font-family: "fontello";
    content: "\e800";
}

#hotelSelection .dropDown-item .dropDown-itemValue, .checkboxlist .checkboxlist-item .checkboxlist-itemValue {
    display: inline-block;
    vertical-align: middle;
    margin: 0px;
    padding: 0px 0px 0px 5px;
    max-width: 80%;
}

#adultSelection .dropDown-selected, #childSelection .dropDown-selected {
    border-left: none;
}

#calendar-wrapper {
    background-color: #fff;
}

.calendar-datepicker.datepick {
    background-color: #f5f5f5;
    color: #000;
    border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    font-family: Arial,Helvetica,Sans-serif;
    font-size: 90%;
}

.calendar-datepicker.datepick-rtl {
    direction: rtl;
}

.calendar-datepicker .datepick-popup {
    z-index: 1000;
}

.calendar-datepicker .datepick-disable {
    position: absolute;
    z-index: 100;
    background-color: white;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.calendar-datepicker.datepick a {
    color: #fff;
    text-decoration: none;
}

    .calendar-datepicker.datepick a.datepick-disabled {
        color: #888;
        cursor: auto;
    }

.calendar-datepicker.datepick button {
    margin: 0.25em;
    padding: 0.125em 0em;
    background-color: #fcc;
    border: none;
    border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    font-weight: bold;
}

.calendar-datepicker .datepick-nav, .calendar-datepicker .datepick-ctrl {
    float: left;
    width: 100%;
    background-color: #000;
    color: #fff;
    font-size: 90%;
    font-weight: bold;
}

.calendar-datepicker .datepick-ctrl {
    background-color: #600;
}

.calendar-datepicker .datepick-cmd {
    width: 30px;
    position: absolute;
    top: 15px;
}

    .calendar-datepicker .datepick-cmd:hover {
        /*background-color: #777;*/
    }

.calendar-datepicker .datepick-ctrl .datepick-cmd:hover {
    background-color: #f08080;
}

.calendar-datepicker .datepick-cmd-prevJump, .calendar-datepicker .datepick-cmd-nextJump {
    width: 8%;
}

.calendar-datepicker a.datepick-cmd {
    height: 30px;
}

.calendar-datepicker button.datepick-cmd {
    text-align: center;
}

.calendar-datepicker .datepick-cmd-prev, .calendar-datepicker .datepick-cmd-prevJump, .calendar-datepicker .datepick-cmd-clear {
    left: 30px;
}

    .calendar-datepicker .datepick-cmd-prev:before {
        font-family: 'Glyphicons Halflings';
        content: "\e079";
        position: relative;
        font-size: 25px;
        color: #000;
    }

.calendar-datepicker .datepick-cmd-current, .calendar-datepicker .datepick-cmd-today {
    float: left;
    width: 35%;
    text-align: center;
}

.calendar-datepicker .datepick-cmd-next, .calendar-datepicker .datepick-cmd-nextJump, .calendar-datepicker .datepick-cmd-close {
    right: 30px;
}

    .calendar-datepicker .datepick-cmd-next:before {
        font-family: 'Glyphicons Halflings';
        content: "\e080";
        position: relative;
        font-size: 25px;
        color: #000;
    }

.calendar-datepicker .datepick-rtl .datepick-cmd-prev, .calendar-datepicker .datepick-rtl .datepick-cmd-prevJump,
.calendar-datepicker .datepick-rtl .datepick-cmd-clear {
    float: right;
    padding-left: 0%;
    padding-right: 2%;
    text-align: right;
}

.calendar-datepicker .datepick-rtl .datepick-cmd-current, .calendar-datepicker .datepick-rtl .datepick-cmd-today {
    float: right;
}

.calendar-datepicker .datepick-rtl .datepick-cmd-next, .calendar-datepicker .datepick-rtl .datepick-cmd-nextJump,
.calendar-datepicker .datepick-rtl .datepick-cmd-close {
    float: left;
    padding-left: 2%;
    padding-right: 0%;
    text-align: left;
}

.calendar-datepicker .datepick-month-nav {
    float: left;
    background-color: #777;
    text-align: center;
}

    .calendar-datepicker .datepick-month-nav div {
        float: left;
        width: 12.5%;
        margin: 1%;
        padding: 1%;
    }

    .calendar-datepicker .datepick-month-nav span {
        color: #888;
    }

.calendar-datepicker .datepick-month-row {
    position: relative;
}

.calendar-datepicker .datepick-month {
    float: left;
    width: 420px;
    text-align: center;
    padding: 10px;
}

.calendar-datepicker .datepick-month-header, .calendar-datepicker .datepick-month-header select, .calendar-datepicker .datepick-month-header input {
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    font-weight: bold;
    color: #c58200;
}

    .calendar-datepicker .datepick-month-header select, .calendar-datepicker .datepick-month-header input {
        height: 1.4em;
        margin: 0em;
        padding: 0em;
        border: none;
        font-size: 100%;
    }

    .calendar-datepicker .datepick-month-header input {
        position: absolute;
        display: none;
    }

.calendar-datepicker .datepick-month table {
    width: 100%;
    border-collapse: collapse;
}

.calendar-datepicker .datepick-month thead {
}

.calendar-datepicker .datepick-month th, .calendar-datepicker .datepick-month td {
    margin: 0em;
    font-weight: normal;
    text-align: center;
    height: 50px;
    width: 14.28%;
    padding: 1px;
}

.calendar-datepicker .datepick-month th {
}

    .calendar-datepicker .datepick-month th, .calendar-datepicker .datepick-month th a {
        color: #333;
    }

.calendar-datepicker .datepick-month td {
}

    .calendar-datepicker .datepick-month td.datepick-week {
        border: 1px solid #777;
    }

        .calendar-datepicker .datepick-month td.datepick-week * {
            background-color: #777;
            color: #fff;
            border: none;
        }

.calendar-datepicker .datepick-month a {
    display: block;
    width: 100%;
    height: 100%;
    color: #000;
    text-decoration: none;
    padding-top: 5px;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    /*background: #f1e8e3;*/
    background: #ffffff;
}

.calendar-datepicker .datepick-month .calender-price {
    font-size: 11px;
    margin: 5px 0px 0px 0px;
}

.calendar-datepicker .datepick-month span {
    display: block;
    width: 100%;
    font-weight: bold;
    height: 100%;
    background: url(../Images/stripe.png);
    padding-top: 5px;
}

.calendar-datepicker .datepick-month th span {
    background: none;
    height: auto;
}

.calendar-datepicker .datepick-month td span {
    opacity: 0.4;
}

.calendar-datepicker .datepick-month td .datepick-other-month {
    background: #fff;
}

.calendar-datepicker .datepick-month td .datepick-weekend {
}

.calendar-datepicker .datepick-month td .datepick-today {
}

.calendar-datepicker .datepick-month td .datepick-highlight {
    /*background-image: url(../images/DatepickerHiglight.gif);
    color: black;*/
}

.calendar-datepicker .datepick-month a.CheckInHighlight {
    /*background-image: url(../images/DatepickerHiglightCheckIn.png);*/
    /*border: 3px #c38200 solid;*/
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: black;
    box-shadow: inset 0 0 0 3px #c38200;
}

.calendar-datepicker .datepick-month a.CheckOutHighlight {
    /*background-image: url(../images/DatepickerHiglightCheckOut.png);*/
    /*border: 3px #c38200 solid;*/
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: black;
    box-shadow: inset 0 0 0 3px #c38200;
}

.calendar-datepicker .datepick-month td .datepick-selected {
    /*background-image: url(../images/DatepickerSelected.png);
    color: #fff;*/
    background-color: #f9eccc;
    color: #000000;
}

.calendar-datepicker .datepick-month td .datepick-hovered {
    /*background-image: url(../images/DatepickerSelected.png);
    color: #fff;*/
    background-color: #f9eccc;
    color: #000000;
}

.calendar-datepicker .datepick-month th.datepick-week {
    background-color: #777;
    color: #fff;
}

.calendar-datepicker .datepick-status {
    clear: both;
    background-color: #ddd;
    text-align: center;
}

.calendar-datepicker .datepick-clear-fix {
    clear: both;
}

.secLegend {
    padding: 20px 50px;
    font-size: 12px;
    font-style: italic;
    text-align: center;
}

    .secLegend .secSelectedDate, .secLegend .secAvailableDate, .secLegend .secNotAvailableDate {
        display: inline-block;
        margin: 0px 40px 0px 0px;
        line-height: 20px;
        vertical-align: top;
    }

    .secLegend .selectedDate-icon {
        height: 16px;
        width: 16px;
        background: #f9eccc;
        margin: 0px 10px 0px 0px;
        display: inline-block;
        vertical-align: top;
    }

.secCheckDate .secLegend .selectedDate-icon {
    background: none;
    border: 3px solid #fdb200;
}

.secLegend .availDate-icon {
    height: 16px;
    width: 16px;
    margin: 0px 10px 0px 0px;
    background: #ffffff;
    display: inline-block;
    vertical-align: top;
}

.secLegend .notAvailDate-icon {
    height: 16px;
    width: 16px;
    margin: 0px 10px 0px 0px;
    background: url('../Images/stripe.png');
    display: inline-block;
    vertical-align: top;
}

#btnSignUpButton {
    font-size: 12px;
    color: #f3be4b;
}

#btnSignUpButton:hover {
    color: #987643;
}

#aLogin {
    cursor:pointer;
    font-size: 14px;
    color: #f3be4b;
}

#aLogin:hover {
    color: #987643;
    text-decoration: underline;
}

/*--------------------Booking Cart & Add-On--------------------*/
.cart-header {
    height: 50px;
    padding: 10px;
    background-color: #f0e9e1;
    line-height: 30px;
}

    .cart-header > div {
        display: inline-block;
        vertical-align: middle;
    }

    .cart-header .cart-headerDesc {
        margin: 0 15px;
        font-size: 18px;
        line-height: 25px;
    }

    .cart-header .cart-price {
        float: right;
    }

        .cart-header .cart-price .price {
            font-size: 30px;
        }

    .cart-header .linkSeparator {
        color: #8d6049;
    }

    .cart-header .cart-action > a {
        color: #8d6049;
    }

.cart-body {
    padding: 10px 10px 15px 10px;
    border-left: 1px solid #c8c8c8;
    background-color: #ffffff;
    border-top: none;
    border-right: 1px solid #c8c8c8;
}

    .cart-body .cart-image {
        display: inline-block;
        vertical-align: top;
        width: 300px;
        height: 100%;
        border: none;
        margin: 0 15px 0 0;
    }

    .cart-body .cart-infoList {
        display: inline-block;
        vertical-align: top;
    }

    .cart-body .cart-info {
        padding: 7px 0;
    }

    .cart-body .cart-infoTitle {
        font-weight: bold;
        display: inline-block;
        width: 110px;
    }

.cart-footer {
    background-color: #ffffff;
    border-left: 1px solid #c8c8c8;
    border-right: 1px solid #c8c8c8;
}

    .cart-footer .cart-footerAction {
        padding: 10px 5px 0 5px;
        margin: 0 10px;
    }

        .cart-footer .cart-footerAction a {
            display: inline-block;
            vertical-align: middle;
            color: #78491b;
            padding: 5px 10px 5px 10px;
            background: #f0e9e1;
            cursor: pointer;
            text-decoration: none;
            text-align: center;
            min-width: 151px;
            font-weight: bold;
        }

            .cart-footer .cart-footerAction a:after {
                content: "\e259";
                position: relative;
                top: 3px;
                display: inline-block;
                font-family: 'Glyphicons Halflings';
                font-size: 16px;
                line-height: 1;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                margin: 0 0 0 10px;
            }

        .cart-footer .cart-footerAction .selected a:after {
            content: "\e260";
        }

    .cart-footer .action-holder {
        display: inline-block;
        padding: 0 0 30px 0;
        position: relative;
    }

        .cart-footer .action-holder.selected:after {
            content: "\e253";
            position: absolute;
            bottom: -12px;
            font-family: 'Glyphicons Halflings';
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            color: #f1f1f1;
            font-size: 30px;
            left: 30%;
        }

.secGrandTotal {
    border-top: 1px solid #e1e1e1;
    padding: 15px;
    text-align: right;
}

    .secGrandTotal .secPriceContainer {
        color: #c47f1a;
        font-size: 30px;
        font-weight: bold;
        display: inline-block;
    }

    .secGrandTotal .price-container {
        display: inline-block;
        vertical-align: top;
    }

        .secGrandTotal .price-container .price {
            font-size: 30px;
        }

    .secGrandTotal .secTitle {
        margin: 0 15px 0 0;
        vertical-align: top;
    }

    .secGrandTotal .secNote {
        font-size: 10px;
        color: #333;
        text-align: left;
    }

.close {
    color: #ffffff;
    opacity: 1;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    background-color: #e0d5c6;
}

/*--------------------Responsive--------------------*/
@media (max-width:768px) {
    .header .header-container {
        z-index: 101;
    }

    div#container {
        padding-top: 50px;
    }

    .steps-container {
        margin-top: 0;
    }

    .steps li div {
        font-size: 13px;
        text-indent: 12px;
    }

        .steps li div:before, .steps li div:after {
            border-bottom: 18px solid transparent;
            border-top: 15px solid transparent;
            margin-top: -16px;
        }

    .hotel-booking-header {
        margin-right: initial;
        margin-left: initial;
    }

    .steps li div.step-active {
        text-indent: 0px;
        padding: 8px 0px;
    }

    .steps li.st-booking div.step-active {
        padding-left: 10px;
    }

    .menu-toggle-text {
        font-size: 17px;
    }

    ul.menu-nav-list {
        text-transform: uppercase;
    }
}

@media (min-width:768px) and (max-width:992px) {
    div#container {
        padding-top: 50px;
    }

    .steps li div {
        font-size: 11px;
        text-indent: 12px;
    }

        .steps li div:before, .steps li div:after {
            border-bottom: 16px solid transparent;
            border-top: 15px solid transparent;
            margin-top: -16px;
        }

    .hotel-booking-header {
        margin-right: initial;
        margin-left: initial;
    }

    .steps li div.step-active {
        text-indent: 0px;
        padding: 8px 0px;
    }

    .steps li.st-booking div.step-active {
        padding-left: 10px;
    }

    .menu-toggle-text {
        font-size: 17px;
    }

    ul.menu-nav-list {
        text-transform: uppercase;
    }
}

@media (max-width:991px) {
    .mobilehide-bottom {
        display: none;
    }
    div#container {
        padding-bottom: 0 !important;
    }
    .steps-container {
        margin-top: 0;
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .search-selection-box .col-criteria, .search-selection-box .col-button, .search-selection-box .col-promo {
        padding:8px !important;
    }
}

@media (min-width:1200px) {
}

/*--------------------Language--------------------*/
:lang(zh-CN) #panelBooking .colDate .colDate-month, :lang(zh-CHT) #panelBooking .colDate .colDate-month {
    font-size: 14px;
}

:lang(zh-CN) .dropDown-selected, :lang(zh-CHT) .dropDown-selected {
    font-size: 16px;
}

:lang(zh-CN) .dropDown-dropdown, :lang(zh-CHT) .dropDown-dropdown {
    font-size: 16px;
}

/*---------------------------------------StarWorld---------------------------------------*/

body#StarWorld .button.button-orange {
    background-color: #ffe600;
    color: #000;
}

    body#StarWorld .button.button-orange:hover {
        background-color: #fc8301;
        color: #fff;
    }

    body#StarWorld .button.button-orange.btn-search {
        background-color: #ffe600;
        color: #000;
    }

        body#StarWorld .button.button-orange.btn-search:hover {
            background-color: #fc8301;
            color: #fff;
        }

/*---------------------------------------Broadway---------------------------------------*/

body#Broadway .secCheckDate .secLegend .selectedDate-icon {
    background: none;
    border: 3px solid #f6008f;
}

body#Broadway a.header-logo.desktop {
    float: left;
    position: relative;
}

body#Broadway a {
    color: #c70075;
    cursor: pointer;
}

    body#Broadway a:focus, body#Broadway a:hover {
        color: #760248;
    }

body#Broadway form, td, input, textarea {
    font-family: "Poppins", "Open Sans Condensed", "Glyphicons Halflings", "Microsoft YaHei";
    font-size: 12px;
    color: #343434;
}

input {
    font-family: Helvetica, Arial;
}

body#Broadway .button.button-orange {
    background-color: #e30067;
    color: #fff;
}

    body#Broadway .button.button-orange:hover {
        background-color: #f6008f;
        color: #fff;
    }

    body#Broadway .button.button-orange.btn-search {
        background-color: #e30067;
        color: #fff;
    }

        body#Broadway .button.button-orange.btn-search:hover {
            background-color: #f6008f;
            color: #fff;
        }

body#Broadway .header {
    background-color: #e30067;
    top: 0;
    position: fixed;
    float: right;
    width: 100%;
}

body#Broadway .header .header-top {
        height: 28px;
        line-height: 28px;
        background-color: #e30067;
        color: #fff;
    }

body#Broadway .button.popup-button-orange {
    background-color: #e30067;
    color: #fff;
    width: 100%;
    padding: 5px;
    font-size: 22px;
}

    body#Broadway .button.popup-button-orange:hover {
        background-color: #f6008f;
        color: #fff;
        text-decoration: none;
    }

body#Broadway .button.button-brown {
    background-color: #999;
}

    body#Broadway .button.button-brown, body#Broadway .button.button-brown.button-leftArrow:after {
        color: #ffffff;
    }

        body#Broadway .button.button-brown:hover {
            background-color: #666;
        }

        body#Broadway .button.button-brown:hover, body#Broadway .button.button-brown.button-leftArrow:hover:after {
            color: #ffffff;
        }

body#Broadway .header .header-currency {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 50px;
}
    body#Broadway .currency-DropDown ul {
        margin: 0;
        padding: 0;
        list-style: none;
        text-align: left;
        color: #fff;
    }

        body#Broadway .currency-DropDown ul li {
            margin: 0;
            padding: 0;
        }

            body#Broadway .currency-DropDown ul li:hover {
                background-color: #760248;
            }

                body#Broadway .currency-DropDown ul li a {
                    color: #fff;
                    text-decoration: none;
                    display: block;
                    padding: 5px 0;
                }

body#Broadway .logo-desktop.broadway {
    
    top: 0px;
    
    margin-left: auto;
    
    height: 100px;
}

    body#Broadway .logo-desktop.broadway {
        width: auto;
    }

    body#Broadway .logo-mobile.broadway {
        height: 50px;
        width: auto;
    }

body#Broadway .checkbox-styled:before {
        width: 25px;
        height: 25px;
        display: inline-block;
        border: 1px solid #e30067;
        -moz-border-radius: 1px;
        -webkit-border-radius: 1px;
        border-radius: 1px;
        line-height: 13px;
        padding: 0px 0px 0px 2px;
        vertical-align: middle;
        content: "";
        margin: -4px 10px 0px 0px;
    }

    body#Broadway .checkbox-styled.checked:before {
        font-size: 25px;
        color: #e30067;
        font-family: "fontello";
        content: "\e800";
        padding-top: 4px;
    }

    body#Broadway .checkbox-styled.disabled:before {
        font-size: 25px;
        color: #777;
        font-family: "fontello";
        content: "\e800";
        padding-top: 4px;
        cursor: not-allowed;
        border: 2px solid #777;
        background-color: #eee;
    }

body#Broadway .button.button-white {
    border: 1px solid #e30067;
    color: #333;
}

    body#Broadway .button.button-white, body#Broadway .button.button-white:after {
    }

        body#Broadway .button.button-white:hover {
            background-color: #e30067;
            border: 1px solid #e30067;
            color: #ffffff;
            text-decoration: none;
        }

            body#Broadway .button.button-white:hover, body#Broadway .button.button-white:hover:after {
                background-color: #f6008f;
                color: #ffffff;
            }

body#Broadway .calendar-datepicker.datepick {
    background-color: #f5f5f5;
    color: #000;
    border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    font-family: Arial,Helvetica,Sans-serif;
    font-size: 90%;
}

body#Broadway .calendar-datepicker.datepick a {
    color: #000;
    text-decoration: none;
}

body#Broadway .calendar-datepicker .datepick-cmd-prev:before {
        font-family: 'Glyphicons Halflings';
        content: "\e079";
        position: relative;
        font-size: 25px;
        color: #fff;
    }

body#Broadway .calendar-datepicker .datepick-cmd-next:before {
        font-family: 'Glyphicons Halflings';
        content: "\e080";
        position: relative;
        font-size: 25px;
        color: #fff;
    }

body#Broadway #dateSelection .calendar-datepicker .datepick-month-header, body#Broadway #dateSelection .calendar-datepicker .datepick-month-header select, body#Broadway #dateSelection .calendar-datepicker .datepick-month-header input {
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    font-weight: bold;
    color: #f6008f;
}

body#Broadway #dateSelection .calendar-datepicker .datepick-month a.CheckInHighlight {
    /*background-image: url(../images/DatepickerHiglightCheckIn.png);*/
    /*border: 3px #c38200 solid;*/
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: black;
    box-shadow: inset 0 0 0 3px #f6008f;
}

body#Broadway #dateSelection .calendar-datepicker .datepick-month a.CheckOutHighlight {
    /*background-image: url(../images/DatepickerHiglightCheckOut.png);*/
    /*border: 3px #c38200 solid;*/
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: black;
    box-shadow: inset 0 0 0 3px #f6008f;
}

/*---------------------------------------Andaz---------------------------------------*/
body#Andaz .secCheckDate .secLegend .selectedDate-icon {
    background: none;
    border: 3px solid #f15f3f;
}

body#Andaz .button.button-orange {
    background-color: #f15f3f;
    color: #ffffff;
}

    body#Andaz .button.button-orange:hover {
        background-color: #b3422c;
    }

    body#Andaz .button.button-orange.btn-search {
        background-color: #f15f3f;
        color: #ffffff;
    }

        body#Andaz .button.button-orange.btn-search:hover {
            background-color: #b3422c;
        }

    body#Andaz .button.popup-button-orange {
    background-color: #f15f3f;
    color: #ffffff;
    width: 100%;
    padding: 5px;
    font-size: 22px;
}

    body#Andaz .button.popup-button-orange:hover {
        background-color: #b3422c;
        color: #fff;
        text-decoration: none;
    }

    body#Andaz .checkbox-styled:before {
        width: 25px;
        height: 25px;
        display: inline-block;
        border: 1px solid #f15f3f;
        -moz-border-radius: 1px;
        -webkit-border-radius: 1px;
        border-radius: 1px;
        line-height: 13px;
        padding: 0px 0px 0px 2px;
        vertical-align: middle;
        content: "";
        margin: -4px 10px 0px 0px;
    }

body#Andaz .header-container {
    height: 72px;
    background-color: white;
    border-top: 1px solid;
}

body#Andaz .logo-desktop {
    position: absolute;
    margin-left: 0px;
    height: 70px;
}


body#Andaz .header-logo {
    display: block;
    position: absolute;
    top: 30%;
    text-align: center;
}

body#Andaz .logo-mobile {
    height:45px;
    width: auto;
    margin-top:1px;
}

body#Andaz .checkbox-styled:before {
        width: 25px;
        height: 25px;
        display: inline-block;
        border: 1px solid #f15f3f;
        -moz-border-radius: 1px;
        -webkit-border-radius: 1px;
        border-radius: 1px;
        line-height: 13px;
        padding: 0px 0px 0px 2px;
        vertical-align: middle;
        content: "";
        margin: -4px 10px 0px 0px;
    }

    body#Andaz .checkbox-styled.checked:before {
        font-size: 25px;
        color: #b3422c;
        font-family: "fontello";
        content: "\e800";
        padding-top: 5px;
    }

    body#Andaz .checkbox-styled.disabled:before {
        font-size: 25px;
        color: #777;
        font-family: "fontello";
        content: "\e800";
        padding-top: 5px;
        cursor: not-allowed;
        border: 2px solid #777;
        background-color: #eee;
    }

body#Andaz .nav-right a:hover {
  color: #b3422c;
}

body#Andaz .dropdown-menu > li > a:hover {
    color:#fff;
}
body#Andaz a:focus,body#Andaz a:hover {
    color:#b3422c ;
}

body#Andaz .steps-container {
    margin-top: 10px;
}

body#Andaz .dropDown-item:hover {
    background-color: #b3422c;
}

body#Andaz #btnSignUpButton {
    color: #f15f3f;
}
    body#Andaz #btnSignUpButton:hover {
        color: #b3422c;
    }
    body#Andaz #btnForgotPassword {
    color: #f15f3f;
}
    body#Andaz #btnForgotPassword:hover {
        color: #b3422c;
    }

body#Andaz #aLogin {
    cursor:pointer;
    font-size: 14px;
    color: #f15f3f;
}

    body#Andaz #aLogin:hover {
        color: #b3422c;
        text-decoration: underline;
    }

body#Andaz .button.button-white {
  border: 1px solid #b3422c;
}
body#Andaz .button.button-white:hover {
  background-color: #b3422c;
  color:#fff;
}

body#Andaz .button.button-brown {
  background-color: #f15f3f;
}
body#Andaz .button.button-brown:hover {
  background-color: #b3422c;
  color:#fff;

}

body#Andaz .calendar-datepicker.datepick {
    color: #000;
    border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    font-family: Arial,Helvetica,Sans-serif;
    font-size: 90%;
}
body#Andaz .calendar-datepicker .datepick-month td .datepick-hovered {
    background-color: #f8b2ab;
}
body#Andaz #dateSelection .calendar-datepicker .datepick-month-header, body#Andaz #dateSelection .calendar-datepicker .datepick-month-header select, body#Andaz #dateSelection .calendar-datepicker .datepick-month-header input {
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    font-weight: bold;
    /*color: #f8b2ab;*/
    color: #f15f3f;
}

body#Andaz #dateSelection .calendar-datepicker .datepick-month a.CheckOutHighlight {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: black;
    box-shadow: inset 0 0 0 3px #f15f3f;
}

body#Andaz #dateSelection .calendar-datepicker .datepick-month a.CheckInHighlight {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: black;
    box-shadow: inset 0 0 0 3px #f15f3f;
}

body#Andaz .calendar-datepicker .datepick-month td .datepick-selected {
    background-color: #f8b2ab;
}

body#Andaz .calendar-datepicker .datepick-cmd-prev::before {
  font-family: 'Glyphicons Halflings';
  content: "\e079";
  position: relative;
  font-size: 25px;
  color: #FFF;
}

body#Andaz .calendar-datepicker .datepick-cmd-next::before {
  font-family: 'Glyphicons Halflings';
  content: "\e080";
  position: relative;
  font-size: 25px;
  color: #FFF;
}

body#Andaz .secLegend .selectedDate-icon {
  height: 16px;
  width: 16px;
  background: #f8b2ab;
  margin: 0px 10px 0px 0px;
  display: inline-block;
  vertical-align: top;
}

body#Andaz .datepick-selected , body#Andaz .datepick-hovered{
  background-color: #f8b2ab !important;

}

body#Andaz .calendar-datepicker .datepick-month td .datepick-selected {
    background-color: #;
    color: #000000;
}

body#Andaz h1.page-title {
    margin: 0 0 18px 0;
    padding: 10px 0 0 0px;
    font-weight: 300;
    font-size: 34px;
}

body#Andaz .dropDown-item .dropDown-checkBox, .checkboxlist .checkboxlist-item .checkboxlist-checkBox {
    width: 20px;
    height: 20px;
    display: inline-block;
    border: 2px solid #f15f3f;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    line-height: 16px;
    padding: 0px 0px 0px 3px;
    vertical-align: middle;
    content: "";
}

body#Andaz .dropdown-menu > li > a:focus, body#Andaz .dropdown-menu > li > a:hover {
    /*background-color: #e0d5c6;*/
    background-color: #f15f3f;
}

body#Andaz .dropDown-item.selected .dropDown-checkBox::before,body#Andaz .checkboxlist-item.selected .checkboxlist-checkBox::before {
    color:#f15f3f;
}

body#Andaz #menu-nav {
    height: 100%;
    background: #fff;
    position: fixed;
    width: 80%;
    min-width: 320px;
    max-width: 600px;
    top: 0;
    padding: 50px 0 0 0;
}

body#Andaz #menu-nav ul.menu-nav-list {
    list-style: none;
    padding: 0px;
    white-space: nowrap;
    background-color: #fff;
}

    body#Andaz #menu-nav ul.menu-nav-list > li {
    }

    body#Andaz #menu-nav ul.menu-nav-list li a, body#Andaz #menu-nav ul.menu-nav-list li a:hover {
        color: #000;
        text-decoration: none;
        display: block;
        padding: 15px;
        font-size: 16px;
        line-height: 16px;
    }

body#Andaz #menu-nav .menu-nav-language {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #000;
}

    body#Andaz #menu-nav .menu-nav-language > ul {
        list-style: none;
        padding: 10px 0;
        background: #fff;
        margin: 0;
        white-space: nowrap;
    }

        body#Andaz #menu-nav .menu-nav-language > ul > li {
            display: inline-block;
            vertical-align: middle;
        }

    body#Andaz #menu-nav .menu-nav-language li.divider {
        width: 2px;
        height: 14px;
        background-color: #000;
    }

    body#Andaz #menu-nav .menu-nav-language > ul > li > a {
        color: #000;
        padding: 10px;
        display: block;
        text-decoration: none;
    }

    body#Andaz .header .header-currency ul.nav-right > li > a {
        color: #000;
    }

body#Andaz .menu-toggle .menu-toggle-icon, body#Andaz .menu-toggle .menu-toggle-text {
    vertical-align: middle;
    display: inline-block;
    color: #000;
}

    body#Andaz .header .header-currency ul.nav-right > li > a {
        color: #000;
    }

body#Andaz .menu-toggle .menu-toggle-icon, body#Andaz .menu-toggle .menu-toggle-text {
    vertical-align: middle;
    display: inline-block;
    color: #000;
}

body#Andaz .menu-toggle .menu-toggle-icon {
    margin: 0 5px -5px 0;
}

body#Andaz .menu-toggle-icon .menu-bar {
    height: 2px;
    width: 22px;
    background: #000;
    margin: 0 0 5px 0;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

@media (min-width:1200px) {
    body#Andaz .sticky {
        top: calc(97px + 28px) !important;
    }
}

@media (max-width: 992px){
    body#Andaz .header .header-container {
      height: 51px;
    }

    body#Andaz .header-logo {
        display: contents;
        /*position: absolute;*/
        top: 0%;
        text-align: center;
    }
}

@media (max-width: 768px){
    body#Andaz .header .header-container {
      height: 51px;
    }
}

/*---------------------------------------Raffles---------------------------------------*/
body#Raffles .secCheckDate .secLegend .selectedDate-icon {
    background: none;
    border: 3px solid #ac906a;
}

body#Raffles .button.button-orange {
    border: 1px solid #ac906a;
    background-color: #ffffff;
    color: #ac906a;
}

    body#Raffles .button.button-orange:hover {
        border: 1px solid #ac906a;
        background-color: #ac906a;
        color: #ffffff;
    }

    body#Raffles .button.button-orange.btn-search {
        border: 1px solid #ffffff;
        background-color: #000000;
        color: #ffffff;
    }

        body#Raffles .button.button-orange.btn-search:hover {
            border: 1px solid #ac906a;
            background-color: #ac906a;
        }

    body#Raffles .button.button-orange.btn-select {
        border: 1px solid #ffffff;
        background-color: #000000;
        color: #ffffff;
    }

        body#Raffles .button.button-orange.btn-select:hover {
            border: 1px solid #ac906a;
            background-color: #ac906a;
        }

body#Raffles .button.popup-button-orange {
    border: 1px solid #ffffff;
    background-color: transparent;
    color: #ffffff;
    width: 100%;
    padding: 5px;
    font-size: 22px;
}

    body#Raffles .button.popup-button-orange:hover {
        border: 1px solid #ac906a;
        background-color: #ac906a;
        color: #fff;
        text-decoration: none;
    }

body#Raffles .checkbox-styled:before {
    width: 25px;
    height: 25px;
    display: inline-block;
    border: 1px solid #000000;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    line-height: 13px;
    padding: 0px 0px 0px 2px;
    vertical-align: middle;
    content: "";
    margin: -4px 10px 0px 0px;
}

body#Raffles .header-container {
    height: 72px;
    background-color: white;
    border-top: 1px solid;
}

body#Raffles .logo-desktop {
    position: absolute;
    margin-left: 0px;
    height: 72px;
}


body#Raffles .header-logo {
    display: block;
    position: absolute;
    top: 30%;
    text-align: center;
}

body#Raffles .logo-mobile {
    height: 56px;
    width: auto;
    margin-top: 1px;
}

body#Raffles .checkbox-styled:before {
    width: 25px;
    height: 25px;
    display: inline-block;
    border: 1px solid #000000;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    line-height: 13px;
    padding: 0px 0px 0px 2px;
    vertical-align: middle;
    content: "";
    margin: -4px 10px 0px 0px;
}

body#Raffles .checkbox-styled.checked:before {
    font-size: 25px;
    color: #ac906a;
    font-family: "fontello";
    content: "\e800";
    padding-top: 5px;
}

body#Raffles .checkbox-styled.disabled:before {
    font-size: 25px;
    color: #777;
    font-family: "fontello";
    content: "\e800";
    padding-top: 5px;
    cursor: not-allowed;
    border: 2px solid #777;
    background-color: #eee;
}

body#Raffles .nav-right a:hover {
    color: #ac906a;
}

body#Raffles .dropdown-menu > li > a:hover {
    color: #fff;
}

body#Raffles a:focus, body#Raffles a:hover {
    color: #ac906a;
}

body#Raffles .steps-container {
    margin-top: 10px;
}

body#Raffles .dropDown-item:hover {
    background-color: #ac906a;
}

body#Raffles #btnSignUpButton {
    color: #ffffff;
}

    body#Raffles #btnSignUpButton:hover {
        color: #ac906a;
    }

body#Raffles #btnForgotPassword {
    color: #ffffff;
}

    body#Raffles #btnForgotPassword:hover {
        color: #ac906a;
    }

body#Raffles #aLogin {
    cursor: pointer;
    font-size: 14px;
    color: #000000;
}

    body#Raffles #aLogin:hover {
        color: #ac906a;
        text-decoration: underline;
    }

body#Raffles .button.button-white {
    border: 1px solid #ac906a;
    color: #ac906a;
}

    body#Raffles .button.button-white:hover {
        background-color: #ac906a;
        color: #fff;
    }

body#Raffles .button.button-brown {
    background-color: #ffffff;
    border: 1px solid #ac906a;
    color: #ac906a;
}

    body#Raffles .button.button-brown:hover {
        background-color: #ac906a;
        color: #fff;
        text-decoration:none;
    }

body#Raffles .calendar-datepicker.datepick {
    color: #000;
    border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    font-family: Arial,Helvetica,Sans-serif;
    font-size: 90%;
}

body#Raffles .calendar-datepicker .datepick-month td .datepick-hovered {
    background-color: #f8b2ab;
}

body#Raffles #dateSelection .calendar-datepicker .datepick-month-header, body#Raffles #dateSelection .calendar-datepicker .datepick-month-header select, body#Raffles #dateSelection .calendar-datepicker .datepick-month-header input {
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    font-weight: bold;
    /*color: #f8b2ab;*/
    color: #ac906a;
}

body#Raffles #dateSelection .calendar-datepicker .datepick-month a.CheckOutHighlight {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: black;
    box-shadow: inset 0 0 0 3px #ac906a;
}

body#Raffles #dateSelection .calendar-datepicker .datepick-month a.CheckInHighlight {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: black;
    box-shadow: inset 0 0 0 3px #ac906a;
}

body#Raffles .calendar-datepicker .datepick-month td .datepick-selected {
    background-color: #f8b2ab;
}

body#Raffles .calendar-datepicker .datepick-cmd-prev::before {
    font-family: 'Glyphicons Halflings';
    content: "\e079";
    position: relative;
    font-size: 25px;
    color: #FFF;
}

body#Raffles .calendar-datepicker .datepick-cmd-next::before {
    font-family: 'Glyphicons Halflings';
    content: "\e080";
    position: relative;
    font-size: 25px;
    color: #FFF;
}

body#Raffles .secLegend .selectedDate-icon {
    height: 16px;
    width: 16px;
    background: #f9eccc;
    margin: 0px 10px 0px 0px;
    display: inline-block;
    vertical-align: top;
}

body#Raffles .datepick-selected, body#Raffles .datepick-hovered {
    background-color: #f9eccc !important;
}

body#Raffles .calendar-datepicker .datepick-month td .datepick-selected {
    background-color: #;
    color: #000000;
}

body#Raffles h1.page-title {
    margin: 0 0 18px 0;
    padding: 10px 0 0 0px;
    font-weight: 300;
    font-size: 34px;
}

body#Raffles .dropDown-item .dropDown-checkBox, .checkboxlist .checkboxlist-item .checkboxlist-checkBox {
    width: 20px;
    height: 20px;
    display: inline-block;
    border: 2px solid #ac906a;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    line-height: 16px;
    padding: 0px 0px 0px 3px;
    vertical-align: middle;
    content: "";
}

body#Raffles .dropdown-menu > li > a:focus, body#Raffles .dropdown-menu > li > a:hover {
    /*background-color: #e0d5c6;*/
    background-color: #ac906a;
}

body#Raffles .dropDown-item.selected .dropDown-checkBox::before, body#Raffles .checkboxlist-item.selected .checkboxlist-checkBox::before {
    color: #ac906a;
}

body#Raffles #menu-nav {
    height: 100%;
    background: #fff;
    position: fixed;
    width: 80%;
    min-width: 320px;
    max-width: 600px;
    top: 0;
    padding: 50px 0 0 0;
}

    body#Raffles #menu-nav ul.menu-nav-list {
        list-style: none;
        padding: 0px;
        white-space: nowrap;
        background-color: #fff;
    }

        body#Raffles #menu-nav ul.menu-nav-list > li {
        }

        body#Raffles #menu-nav ul.menu-nav-list li a, body#Raffles #menu-nav ul.menu-nav-list li a:hover {
            color: #000;
            text-decoration: none;
            display: block;
            padding: 15px;
            font-size: 16px;
            line-height: 16px;
        }

    body#Raffles #menu-nav .menu-nav-language {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        text-align: center;
        font-size: 16px;
        color: #000;
    }

        body#Raffles #menu-nav .menu-nav-language > ul {
            list-style: none;
            padding: 10px 0;
            background: #fff;
            margin: 0;
            white-space: nowrap;
        }

            body#Raffles #menu-nav .menu-nav-language > ul > li {
                display: inline-block;
                vertical-align: middle;
            }

        body#Raffles #menu-nav .menu-nav-language li.divider {
            width: 2px;
            height: 14px;
            background-color: #000;
        }

        body#Raffles #menu-nav .menu-nav-language > ul > li > a {
            color: #000;
            padding: 10px;
            display: block;
            text-decoration: none;
        }

body#Raffles .header .header-currency ul.nav-right > li > a {
    color: #000;
}

body#Raffles .menu-toggle .menu-toggle-icon, body#Raffles .menu-toggle .menu-toggle-text {
    vertical-align: middle;
    display: inline-block;
    color: #000;
}

body#Raffles .header .header-currency ul.nav-right > li > a {
    color: #000;
}

body#Raffles .menu-toggle .menu-toggle-icon, body#Raffles .menu-toggle .menu-toggle-text {
    vertical-align: middle;
    display: inline-block;
    color: #000;
}

body#Raffles .menu-toggle .menu-toggle-icon {
    margin: 0 5px -5px 0;
}

body#Raffles .menu-toggle-icon .menu-bar {
    height: 2px;
    width: 22px;
    background: #000;
    margin: 0 0 5px 0;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

@media (min-width:1200px) {
    body#Raffles .sticky {
        top: calc(97px + 28px) !important;
    }
}

@media (max-width: 992px) {
    body#Raffles .header .header-container {
        height: 51px;
    }

    body#Raffles .header-logo {
        display: contents;
        /*position: absolute;*/
        top: 0%;
        text-align: center;
    }
}

@media (max-width: 768px) {
    body#Raffles .header .header-container {
        height: 51px;
    }
}

/*---------------------------------------Capella---------------------------------------*/
body#Capella .secCheckDate .secLegend .selectedDate-icon {
    background: none;
    border: 3px solid #242f3a;
}

body#Capella .button.button-orange {
    border: 1px solid #242f3a;
    background-color: #ffffff;
    color: #242f3a;
}

    body#Capella .button.button-orange:hover {
        border: 1px solid #242f3a;
        background-color: #242f3a;
        color: #ffffff;
    }

    body#Capella .button.button-orange.btn-search {
        border: 1px solid #ffffff;
        background-color: #000000;
        color: #ffffff;
    }

        body#Capella .button.button-orange.btn-search:hover {
            border: 1px solid #242f3a;
            background-color: #242f3a;
        }

    body#Capella .button.button-orange.btn-select {
        border: 1px solid #ffffff;
        background-color: #000000;
        color: #ffffff;
    }

        body#Capella .button.button-orange.btn-select:hover {
            border: 1px solid #242f3a;
            background-color: #242f3a;
        }

body#Capella .button.popup-button-orange {
    border: 1px solid #ffffff;
    background-color: transparent;
    color: #ffffff;
    width: 100%;
    padding: 5px;
    font-size: 22px;
}

    body#Capella .button.popup-button-orange:hover {
        border: 1px solid #242f3a;
        background-color: #242f3a;
        color: #fff;
        text-decoration: none;
    }

body#Capella .checkbox-styled:before {
    width: 25px;
    height: 25px;
    display: inline-block;
    border: 1px solid #000000;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    line-height: 13px;
    padding: 0px 0px 0px 2px;
    vertical-align: middle;
    content: "";
    margin: -4px 10px 0px 0px;
}

body#Capella .header-container {
    height: 72px;
    background-color: white;
    border-top: 1px solid;
}

body#Capella .logo-desktop {
    position: absolute;
    margin-left: 0px;
    height: 72px;
}


body#Capella .header-logo {
    display: block;
    position: absolute;
    top: 30%;
    text-align: center;
}

body#Capella .logo-mobile {
    height: 56px;
    width: auto;
    margin-top: 1px;
}

body#Capella .checkbox-styled:before {
    width: 25px;
    height: 25px;
    display: inline-block;
    border: 1px solid #000000;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    line-height: 13px;
    padding: 0px 0px 0px 2px;
    vertical-align: middle;
    content: "";
    margin: -4px 10px 0px 0px;
}

body#Capella .checkbox-styled.checked:before {
    font-size: 25px;
    color: #242f3a;
    font-family: "fontello";
    content: "\e800";
    padding-top: 5px;
}

body#Capella .checkbox-styled.disabled:before {
    font-size: 25px;
    color: #777;
    font-family: "fontello";
    content: "\e800";
    padding-top: 5px;
    cursor: not-allowed;
    border: 2px solid #777;
    background-color: #eee;
}

body#Capella .nav-right a:hover {
    color: #242f3a;
}

body#Capella .dropdown-menu > li > a:hover {
    color: #fff;
}

body#Capella a:focus, body#Capella a:hover {
    color: #242f3a;
}

body#Capella .steps-container {
    margin-top: 10px;
}

body#Capella .dropDown-item:hover {
    background-color: #242f3a;
}

body#Capella #btnSignUpButton {
    color: #ffffff;
}

    body#Capella #btnSignUpButton:hover {
        color: #242f3a;
    }

body#Capella #btnForgotPassword {
    color: #ffffff;
}

    body#Capella #btnForgotPassword:hover {
        color: #242f3a;
    }

body#Capella #aLogin {
    cursor: pointer;
    font-size: 14px;
    color: #000000;
}

    body#Capella #aLogin:hover {
        color: #242f3a;
        text-decoration: underline;
    }

body#Capella .button.button-white {
    border: 1px solid #242f3a;
    color: #242f3a;
}

    body#Capella .button.button-white:hover {
        background-color: #242f3a;
        color: #fff;
    }

body#Capella .button.button-brown {
    background-color: #ffffff;
    border: 1px solid #242f3a;
    color: #242f3a;
}

    body#Capella .button.button-brown:hover {
        background-color: #242f3a;
        color: #fff;
        text-decoration: none;
    }

body#Capella .calendar-datepicker.datepick {
    color: #000;
    border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    font-family: Arial,Helvetica,Sans-serif;
    font-size: 90%;
}

body#Capella .calendar-datepicker .datepick-month td .datepick-hovered {
    background-color: #f8b2ab;
}

body#Capella #dateSelection .calendar-datepicker .datepick-month-header, body#Capella #dateSelection .calendar-datepicker .datepick-month-header select, body#Capella #dateSelection .calendar-datepicker .datepick-month-header input {
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    font-weight: bold;
    /*color: #f8b2ab;*/
    color: #242f3a;
}

body#Capella #dateSelection .calendar-datepicker .datepick-month a.CheckOutHighlight {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: black;
    box-shadow: inset 0 0 0 3px #242f3a;
}

body#Capella #dateSelection .calendar-datepicker .datepick-month a.CheckInHighlight {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: black;
    box-shadow: inset 0 0 0 3px #242f3a;
}

body#Capella .calendar-datepicker .datepick-month td .datepick-selected {
    background-color: #f8b2ab;
}

body#Capella .calendar-datepicker .datepick-cmd-prev::before {
    font-family: 'Glyphicons Halflings';
    content: "\e079";
    position: relative;
    font-size: 25px;
    color: #FFF;
}

body#Capella .calendar-datepicker .datepick-cmd-next::before {
    font-family: 'Glyphicons Halflings';
    content: "\e080";
    position: relative;
    font-size: 25px;
    color: #FFF;
}

body#Capella .secLegend .selectedDate-icon {
    height: 16px;
    width: 16px;
    background: #f9eccc;
    margin: 0px 10px 0px 0px;
    display: inline-block;
    vertical-align: top;
}

body#Capella .datepick-selected, body#Capella .datepick-hovered {
    background-color: #f9eccc !important;
}

body#Capella .calendar-datepicker .datepick-month td .datepick-selected {
    background-color: #;
    color: #000000;
}

body#Capella h1.page-title {
    margin: 0 0 18px 0;
    padding: 10px 0 0 0px;
    font-weight: 300;
    font-size: 34px;
}

body#Capella .dropDown-item .dropDown-checkBox, .checkboxlist .checkboxlist-item .checkboxlist-checkBox {
    width: 20px;
    height: 20px;
    display: inline-block;
    border: 2px solid #242f3a;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    line-height: 16px;
    padding: 0px 0px 0px 3px;
    vertical-align: middle;
    content: "";
}

body#Capella .dropdown-menu > li > a:focus, body#Capella .dropdown-menu > li > a:hover {
    /*background-color: #e0d5c6;*/
    background-color: #242f3a;
}

body#Capella .dropDown-item.selected .dropDown-checkBox::before, body#Capella .checkboxlist-item.selected .checkboxlist-checkBox::before {
    color: #242f3a;
}

body#Capella #menu-nav {
    height: 100%;
    background: #fff;
    position: fixed;
    width: 80%;
    min-width: 320px;
    max-width: 600px;
    top: 0;
    padding: 50px 0 0 0;
}

    body#Capella #menu-nav ul.menu-nav-list {
        list-style: none;
        padding: 0px;
        white-space: nowrap;
        background-color: #fff;
    }

        body#Capella #menu-nav ul.menu-nav-list > li {
        }

        body#Capella #menu-nav ul.menu-nav-list li a, body#Capella #menu-nav ul.menu-nav-list li a:hover {
            color: #000;
            text-decoration: none;
            display: block;
            padding: 15px;
            font-size: 16px;
            line-height: 16px;
        }

    body#Capella #menu-nav .menu-nav-language {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        text-align: center;
        font-size: 16px;
        color: #000;
    }

        body#Capella #menu-nav .menu-nav-language > ul {
            list-style: none;
            padding: 10px 0;
            background: #fff;
            margin: 0;
            white-space: nowrap;
        }

            body#Capella #menu-nav .menu-nav-language > ul > li {
                display: inline-block;
                vertical-align: middle;
            }

        body#Capella #menu-nav .menu-nav-language li.divider {
            width: 2px;
            height: 14px;
            background-color: #000;
        }

        body#Capella #menu-nav .menu-nav-language > ul > li > a {
            color: #000;
            padding: 10px;
            display: block;
            text-decoration: none;
        }

body#Capella .header .header-currency ul.nav-right > li > a {
    color: #000;
}

body#Capella .menu-toggle .menu-toggle-icon, body#Capella .menu-toggle .menu-toggle-text {
    vertical-align: middle;
    display: inline-block;
    color: #000;
}

body#Capella .header .header-currency ul.nav-right > li > a {
    color: #000;
}

body#Capella .menu-toggle .menu-toggle-icon, body#Capella .menu-toggle .menu-toggle-text {
    vertical-align: middle;
    display: inline-block;
    color: #000;
}

body#Capella .menu-toggle .menu-toggle-icon {
    margin: 0 5px -5px 0;
}

body#Capella .menu-toggle-icon .menu-bar {
    height: 2px;
    width: 22px;
    background: #000;
    margin: 0 0 5px 0;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

@media (min-width:1200px) {
    body#Capella .sticky {
        top: calc(97px + 28px) !important;
    }
}

@media (max-width: 992px) {
    body#Capella .header .header-container {
        height: 51px;
    }

    body#Capella .header-logo {
        display: contents;
        /*position: absolute;*/
        top: 0%;
        text-align: center;
    }
}

@media (max-width: 768px) {
    body#Capella .header .header-container {
        height: 51px;
    }
}


/*
body#StarWorld input[type="text"], body#StarWorld input[type="password"], body#StarWorld .selectboxit-container .selectboxit,
body#StarWorld .dropDown-toggle .dropDown-selected {
    border: 1px solid #9b7c46;
}

body#StarWorld .secStepIndication.step-booking {
    background: url(../Images/ProgressBar_BookingSelect.png) no-repeat left bottom;
}

body#StarWorld .secStepIndication.step-payment {
    background: url(../Images/ProgressBar_PaymentSelect.png) no-repeat left bottom;
}

body#StarWorld .secStepIndication.step-confirmation {
    background: url(../Images/ProgressBar_ConfirmationSelect.png) no-repeat left bottom;
}

body#StarWorld #panelBooking .secContainerBg .secHeader {
    color: #8a765b;
}

body#StarWorld .button.button-grey {
    background-color: #b59139;
}

    body#StarWorld .button.button-grey, body#StarWorld .button.button-grey.button-leftArrow:after {
        color: #ffffff;
    }

        body#StarWorld .button.button-grey:hover {
            background-color: #7b461a;
        }

        body#StarWorld .button.button-grey:hover, body#StarWorld .button.button-grey.button-leftArrow:hover:after {
            color: #ffffff;
        }

    body#StarWorld .summary-container-drop #btn-mini-summary, body#StarWorld .currency-toggle.active .currency-wrapper {
    background-color: #f8981f;
}

body#StarWorld #minisummary {
    border-top: 5px solid #f8981f;
}

body#StarWorld #panelBooking .colView {
    border: 1px solid #f4bd48;
}

    body#StarWorld #panelBooking .colView.selected {
        background: #e5e5e7;
    }

    body#StarWorld #panelBooking .colView:hover, #panelBooking .colView.selected {
        background: #e5e5e7;
    }

body#StarWorld #priceRange.ui-slider .ui-slider-range {
    background: #f8981f;
}

body#StarWorld #priceRange.ui-widget-content {
    background: #b59139;
}


body#StarWorld .dropDown-item .dropDown-checkBox, body#StarWorld .checkboxlist .checkboxlist-item .checkboxlist-checkBox {
    border: 2px solid #8a765b;
}

body#StarWorld .dropDown-item.selected .dropDown-checkBox:before, body#StarWorld .checkboxlist-item.selected .checkboxlist-checkBox:before {
    color: #8a765b;
}


body#StarWorld .btn-expandable {
    color: #f8981f;
    border: 1px solid #f8981f;
}

body#StarWorld .secStepIndication li.tabBookingManagement > div.lblBookingManagement {
    background: rgba(141,96,61,1);
    background: -moz-linear-gradient(top, rgba(142,96,61,1) 0%, rgba(142,96,61,1) 50%, rgba(123,70,30,1) 51%, rgba(123,70,30,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(142,96,61,1)), color-stop(50%, rgba(142,96,61,1)), color-stop(51%, rgba(123,70,30,1)), color-stop(100%, rgba(123,70,30,1)));
    background: -webkit-linear-gradient(top, rgba(142,96,61,1) 0%, rgba(142,96,61,1) 50%, rgba(123,70,30,1) 51%, rgba(123,70,30,1) 100%);
    background: -o-linear-gradient(top, rgba(142,96,61,1) 0%, rgba(142,96,61,1) 50%, rgba(123,70,30,1) 51%, rgba(123,70,30,1) 100%);
    background: -ms-linear-gradient(top, rgba(142,96,61,1) 0%, rgba(142,96,61,1) 50%, rgba(123,70,30,1) 51%, rgba(123,70,30,1) 100%);
    background: linear-gradient(to bottom, rgba(142,96,61,1) 0%, rgba(142,96,61,1) 50%, rgba(123,70,30,1) 51%, rgba(123,70,30,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e603d', endColorstr='#7b461e', GradientType=0 );
}

*/
body#StarWorld input[type="text"].required, body#StarWorld input[type="password"].required, body#StarWorld input[type="email"].required {
    /*-moz-outline: #fdb200 solid 2px;
    outline: #f9891f solid 2px;
    border: none;*/
}

body#StarWorld .selectboxit-container .selectboxit.required {
    /*border: #f9891f solid 2px;*/
}

.toggleButton {
    background-color: white;
    border: solid 1px #cbcbcb;
    text-align: center;
    cursor: pointer;
}

    .toggleButton.selected {
        background-color: #e5e5e5;
        color: #757575;
        cursor: text;
    }

.notify-gpc-guest {
    font-size: 12px;
    padding-bottom: 10px;
}

@media (max-width: 1200px) {
    /*---------------------------------------Broadway---------------------------------------*/
    body#Broadway a {
        color: #c70075;
        cursor: pointer;
    }

        body#Broadway a:focus, body#Broadway a:hover {
            color: #760248;
        }

    body#Broadway .header .header-container {
        background-color: #660c44;
    }

    .mobilehide {
        display: none;
    }

    .header .header-container {
        height: 51px;
    }

    .calendar-datepicker .datepick-month {
        width: 100% !important;
        padding-left: 0;
        padding-right: 0;
    }

    div.datepick-month-header {
        width: 100% !important;
        left: 0px !important;
    }

    .calendar-datepicker.datepick {
        width: 100% !important;
    }
}

@media (min-width: 768px) {
    #roomRateList.container {
        width: 100%;
    }
}

@media (min-width:1200px) {
     /*---------------------------------------Broadway---------------------------------------*/
    body#Broadway h3.page-title, body#Broadway #secEditGuestDetail h1.page-title, body#Broadway #secEditContactInfo h1.page-title {
        margin-top: 40px;
    }

    .desktophide {
        display: none;
    }

    .secContainerBg {
        margin-left: -45px;
        margin-right: -30px;
    }

    #colorbox {
        top: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        margin: auto;
    }
}

.secRefineFilter-mobile {
    margin-bottom: 20px;
    padding: 0px;
}

    .secRefineFilter-mobile .dropdown-menu {
        min-width: initial;
        left: 0;
        margin-top: 0px;
    }

    .secRefineFilter-mobile .dropdown-item {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .secRefineFilter-mobile .dropdown {
        padding-right: 0px;
        padding-left: 0px;
    }

    .secRefineFilter-mobile .dropdown-toggle {
        border: 1px solid darkgray;
        border-radius: 0;
        width: 100%;
        height: 31px;
        padding-right: 6px;
        padding-left: 6px;
    }

        .secRefineFilter-mobile .dropdown-toggle img {
            width: 14px;
            margin-top: 2px;
            float: right;
        }

        .secRefineFilter-mobile .dropdown-toggle span {
            float: left;
        }

.close {
    opacity: 0.8;
}

    .close:hover {
        opacity: 1;
    }

    .close:focus, .close:active {
        border: 0;
        outline: none;
    }

    .close img {
        height: 16px;
        width: 16px;
    }

.carousel-inner > .item > a > img, .carousel-inner > .item > img {
    margin: 0 auto;
}

@media (max-width:992px) {
    .btnConfirm, .btnCancel, .btnClose {
        width: 100%;
        margin: 0 10px 10px 0;
    }

        .btnCancel > a, .btnClose > a {
            width: 100%;
            max-width: 100%;
        }

    .btn-box {
        margin-left: 0;
    }
}

.circleArrow {
    background-color: rgba(0,0,0,.6);
    color: #fff;
    border: none;
    display: block;
    font-size: 30px;
    border-radius: 30px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin-left: 16px;
}

.circleArrowMobile {
    background-color: rgba(0,0,0,.6);
    color: #fff;
    border: none;
    display: block;
    font-size: 20px;
    border-radius: 30px;
    width: 40px;
    height: 40px;
    line-height: 38px;
    margin-left: 7px;
}