.offers-detail .page-nav
{
    margin-bottom: 23px;
    overflow:hidden;
}

.offers-detail .back-button
{
    float: left;
    line-height: 11px;
}

.offers-detail .pagination
{
    float:right;
}

    .offers-detail .pagination li
    {
        float:left;
        border-left:solid 1px #ccc;
        line-height: 10px;
        padding:0 8px;
    }

    .offers-detail .pagination li:first-child
    {
        border-left:solid 0 #ccc;
    }

.offers-detail .partial-share
{
    width: 500px;
    float: right;
}

.offers-detail .details > .description
{
    padding:0 110px 0 15px;
}

    @media only screen and (max-width: 1279px)
    {
        .offers-detail .details > .description
        {
            padding: 0 0 0 15px;
        }
    }

    .no-mediaqueries.mq-1024px .offers-detail .details > .description
    {
        padding: 0 0 0 15px;
    }

    .offers-detail .details > .description a.upcase
    {
        margin-top: 20px;
        display: block;
    }

/*
*   Spa/Dining
*/
.offers-detail .infobox .button
{
    margin-bottom:20px;
    width:100%;
    padding: 10px 20px;
}


/*
*   DatePicker
*/
.offers-detail .room-info form {
    border: solid 1px #afa593;
    padding: 29px;
    min-height: 202px;
}

.offers-detail .room-info .date:hover
{
    border: solid 1px #ae9e83;
    cursor:pointer;
}

.offers-detail .room-info form.dates .error {
    display:none;
    padding: 5px;
    text-align: center;
}

.offers-detail .room-info .date {
    border: solid 1px #e5e2dc;
    width: 112px; height: 93px;
    display: inline-block;
    text-align: center;
}
    .offers-detail .room-info .date .label {
        font: 14px "Minion Regular", Times, "Times New Roman", serif;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        background: #fff;
        display: inline-block;
        padding: 0 3px;
        position: relative;
        top: -11px;
        color:#000;
    }
    .offers-detail .room-info .date .month {
        display: block;
        font: 15px/15px "Minion Italic", Times, "Times New Roman", serif;
    }
    .offers-detail .room-info .date .day {
        display: block;
        font: 38px/46px "Minion Regular", Times, "Times New Roman", serif;
        color: #000;
    }
            
    .offers-detail .room-info .date.empty .month,
    .offers-detail .room-info .date.empty .day
    {
        display: none;
    }


    .offers-detail .room-info .date .select {
        display: none;
        font: 15px/55px "Minion Italic", Times, "Times New Roman", serif;
    }
    .offers-detail .room-info .date.empty .select {
        display: block;
    }

.offers-detail .room-info .arrival {
    float: left;
}
.offers-detail .room-info .departure {
    float: right;
}
.offers-detail .room-info .rates {
    clear: both;
    text-align:center;
    padding: 15px 0;
    color:#000;
}
.offers-detail .room-info button {
    margin: 0 auto;
    display: block;
    width: 215px;
}

@media only screen and (max-width: 1279px) {
    .offers-detail .room-info form
    {
        padding: 25px 20px;
    }

    .offers-detail .room-info .date {
        width: 90px;
    }
        .offers-detail .room-info .date .label
        {
            font-size: 12px;
        }

        .offers-detail .room-info .date .select {
            font-size: 14px;
            line-height:55px;
        }

    .offers-detail .room-info button
    {
        width: 195px;
        padding: 10px 30px;
    }
}

    .no-mediaqueries.mq-1024px .offers-detail .room-info form
    {
        padding:29px 20px;
    }

    .no-mediaqueries.mq-1024px .offers-detail .room-info .date {
        width: 90px;
    }
        .no-mediaqueries.mq-1024px .offers-detail .room-info .date .label
        {
            font-size: 12px;
        }
        
        .no-mediaqueries.mq-1024px .offers-detail .room-info .date .select {
            font-size: 14px;
            line-height:55px;
        }
        
    .no-mediaqueries.mq-1024px .offers-detail .room-info button
    {
        width: 195px;
        padding: 10px 30px;
    }
/* Related Offers */
.offers-detail .related-offers .promo-tile .info
{
    min-height: 135px;
}
@media only screen and (max-width: 1279px)
{
    .offers-detail .related-offers .promo-tile .info
    {
        min-height: 156px;
    }
}
    .no-mediaqueries.mq-1024px .offers-detail .related-offers .promo-tile .info {
        min-height: 156px;
    }