/* Customizations Here */

.logo-container {
    background-color: #e98b39;
    box-shadow: 0 2px 10px black;
}

.headerLogo {
    background-color: black;
    text-align: center;
    width: 100%;
}

.headerLogo img {
    height: 225px;
}

.additionalRates {
    display: none;
}

/* New multiple rooms on hold open cart */
.slideControl .notification {
    display: none;
}

.WBGroupHoldCart {
    right: 0 !important;
}

.slide {
    right: -288px !important;
}


@media screen and (min-width:800px) {
    .ArnPropThumb {
        height: 225px;
    }

    .ArnPropThumb img {
        margin-top: 40px;
    }

    .ArnPropNumber {
        top: 45px;
    }

    #theDatePrompt {
        left: 50%;
    }
}

.message {
    background-color: white;
    border: 1px solid #ddd;
    font-size: 18px;
    font-weight: bold;
    margin: 25px 28px 0;
    padding: 20px 0;
    text-align: center;
}

.message h1 {
    font-size: 18px;
    margin: 10px auto;
}

.SearchHotels .ArnPrimarySearchOuterContainer, .ArnQuadSearchContainer.ArnPrimarySearchContainer, .SinglePropDetail .SimpleSearch {
    background-color: #000;
}

.submit, .ArnShowRatesLink, .ArnShowRatesLink:hover, .SinglePropDetail .bookRoom, .SinglePropDetail .holdRoom {
    background: #000 none repeat scroll 0 0;
}

.SinglePropDetail .ArnPropName {
    border-top: 2px solid #344a60;
}

.GroupHoldForm #bookRoomButton input {
    background: #000 none repeat scroll 0 0;
}

#bookRoomButton span {
    position: absolute;
    left: 88px;
    bottom: 47px;
    font-weight: bold;
    color: #fff;
}

.ArnSortByDealPercent, .ArnSortByDealAmount {
    display: none !important;
}

.ArnProperty, .ArnSortContainer, .ArnPropertyMap, .message {
    width: 97.5%;
}

.ArnRightExtraContainer {
    display: none;
}

.ArnRightContainer {
    width: 160px;
}

.SearchHotels .ArnRightExtraContainer {
    display: inline-block;
    margin: 0 10px;
    width: 160px;
}

.SearchHotels #searchForm {
    width: 285px;
}

#searchForm.stick .yui3-u-1-2, .yui3-u-12-24 {
    display: block !important;
}

#searchForm.stick .yui3-calendar-content {
    left: 0 !important;
}

.yui3-skin-sam .yui3-calendar-header-label {
    font-size: smaller;
}

.ArnAvailability {
    top: 100px;
    right: 35px;
}

.howtos {
    margin: 10px 0px 10px 0px;
}

.howtos strong {
    font-weight: bold;
    font-size: 16px;
}

.howtos button {
    width: 100%;
    font-size: 12px;
    font-weight: bold;
    background-color: #000;
    border-radius: 5px;
    border: none;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    padding: 10px 5px 10px 5px;
    margin: 5px 0px 5px 0px;
}

.howtos button:hover {
    background-color: #000;
}

.howtocontent {
    font-size: 13px;
}

.howtocontent button {
    background-color: #000;
}

.howtocontent button:hover {
    background-color: #000;
}

.ARN_ServiceLinks.lowRateLink,
.roomCount {
    display: none;
}

.ArnSupportLinks.ArnSupportBottom .dvd:nth-child(2) {
    display: none;
}


@media screen and (max-width:1800px) {
    .ArnProperty, .ArnSortContainer, .ArnPropertyMap, .message {
        width: 95.5%;
    }
}

@media screen and (max-width:1220px) {
    .SearchHotels .ArnRightExtraContainer {
        display: block;
        margin: 0 auto;
        width: 99%;
    }

    .ArnRightContainer {
        width: 100%;
    }
}

@media screen and (max-width:800px) {
    .ArnProperty, .ArnPropertyMap {
        width: 98%;
    }

    .message {
        width: 100%;
        margin: 28px 0 0;
    }

    .ArnSortContainer {
        width: 100%;
    }

    .howtos strong {
        border-top: 1px solid black;
        display: block;
        margin: 0;
        padding: 15px 0 0;
        text-align: center;
    }
}

/* Special Event rate Label */

.specialEventRate {
    color: white;
    background-color: purple;
    display: inline-block;
    padding: 0 10px 2px;
    text-align: center;
    font-size: 16px;
}

@media screen and (max-width:1280px) {
    .specialEventRate {
        margin: 5px 0 0;
    }
}

@media screen and (max-width:800px) {
    .specialEventRate {
        font-size: 14px;
        width: 96px;
    }

    #bookRoomButton span {
        bottom: 40px;
    }
}

@media screen and (min-width:800px) {
    #theDatePrompt {
        left: 50%;
    }

    .headerLogo img {
        height: 225px;
    }

    .SearchHotels .ArnLeftSearchContainer {
        display: inline-block;
        width: 270px;
    }

    #searchForm.stick {
        position: fixed;
        left: 0;
        top: 0;
        width: 269px;
        overflow-y: scroll;
        height: 100%;
    }
}





.SearchHotels .ArnProperty:hover {
    background-color: white;
}

.SearchHotels .ArnProperty .ArnContentButtonContainer {
    position: relative;
}

.SearchHotels .ArnProperty .ArnContentButtonContainer div {
    display: inline-block;
    width: 16.6666%;
    font-size: 16px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 10px 2%;
    text-align: center;
    background-color: #eee !important;
    cursor: pointer;
}

.SearchHotels .ArnProperty .ArnContentButtonContainer div.active {
    background-color: transparent !important;
    border-bottom: 1px solid transparent;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.SearchHotels .ArnProperty .ArnContentButtonContainer a {
    position: absolute;
    top: 40px;
    right: 20px;
}

.SearchHotels .ArnProperty .ArnContentButtonContainer a div {
    border: none;
    color: red;
    background-color: transparent;
}

.SearchHotels .ArnProperty .ArnContentButtonContainer img {
    display: none;
}

.SearchHotels .ArnProperty .ArnContentContainer {
    padding: 2%;
}

.SearchHotels .ArnProperty .ArnRateList {
    width: 100%;
}

.SearchHotels .ArnProperty .ArnContentContainer {
    font-size: 1.4em;
}

.SearchHotels .rateRow {
    border-bottom: 2px solid #eee;
    padding: 0 0 25px 0;
    margin: 0 0 25px 0;
}

.SearchHotels .ArnProperty .ArnRateCalendar {
    margin: 5px 0 0;
    margin: 0 auto 0 0;
    width: 100%;
}

.SearchHotels .ArnProperty .ArnRateCalendar td {
    background-color: rgba(1, 1, 1, 0.05);
    border: 5px solid #fff;
    color: #7f7f7f;
    padding: 5px 10px;
    text-align: center !important;
    width: initial !important;
    padding: 5px;
}

.SearchHotels .ArnNightlyRate strong {
    font-size: 25px;
}

.SearchHotels .ArnRateCalendar .roomsAvail {
    font-size: 12px;
    color: red;
}

.SearchHotels .PropertyImages .ArnPhotoContainer {
    width: 100%;
}

.SearchHotels .ArnPhotoContainer .ArnMildText {
    display: block;
}

.SearchHotels .ArnPhotoContainer .ArnMildText:last-child {
    margin-top: -40px;
}

.SearchHotels .ArnPhotoContainer .ArnMildText:last-child img {
    bottom: 0;
    height: auto;
    left: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

.SearchHotels .ArnPhotoContainer .ArnMildText:last-child div {
    background-color: #eee;
    font-size: 0;
    height: 480px;
    min-height: 450px;
    position: relative;
    text-align: center;
    width: 100%;
}

.SearchHotels .PropertyImages .ArnPhotoContainer .ArnMildText:first-child {
    font-size: 9px !important;
    padding: 0;
    text-align: right;
}

.SearchHotels .PropertyImages .ArnPhotoContainer .propThumbs div {
    background-size: 40px auto !important;
    border: 1px solid white;
    height: 44px !important;
    outline: 1px solid transparent;
    width: 44px !important;
}

#theCouponFieldset {
    display: none;
}

/* iPhone 6, 6S, 7 and 8 Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
    .ArnRateCell {
        float: right;
    }
}

/* iPhone 6+, 7+ and 8+ Portrait and Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
    .ArnRateCell {
        float: right;
    }
}

/* ----------- iPhone X ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) {
    .ArnRateCell {
        float: right;
    }
}

/* hide message file on root search */

.RootBody .IntroMessage {
    display: none;
}