/**
 * Module Annual Pass
 * Description Specials List
 **/

#apSpecialsListPage {
    padding: 0;
}

#apSpecialsListPage .pageHeader {
    padding: 15px 10px 20px;
}

#apSpecialsListPage .pageHeader .pageTitle {
    font-size: 24px;
    font-weight: 100;
    line-height: 30px;
    margin: 0 0 10px;
}

#apSpecialsListPage .pageHeader .resultsText {
    font-size: 14px;
    font-weight: 100;
    line-height: 18px;
}

#apSpecialsListPage .specialsListing {
    margin: 0;
    padding: 0;
}

#apSpecialsListPage .specialsCard {
    position: relative;
    border-top: 1px solid #D0D7DE;
    list-style-type: none;
    padding: 0;
}

#apSpecialsListPage .specialsCard .cardLinkOverlay {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    text-indent: -9999em;
    z-index: 1;
}

#apSpecialsListPage .specialsCard .cardLinkOverlay:focus {
    outline: 1px dotted #000;
    outline-offset: -2px;
}

#apSpecialsListPage .specialsCard .cardBlock {
    padding: 20px;
}

#apSpecialsListPage .specialsCard .cardBlock a:hover,
#apSpecialsListPage .specialsCard .cardBlock a:focus {
    text-decoration: underline;
}

#apSpecialsListPage .specialsCard .cardLeft,
#apSpecialsListPage .specialsCard .cardContainerInfo {
    display: block;
    margin: 0;
}

#apSpecialsListPage .specialsCard .cardLeft {
    position: relative;
}

#apSpecialsListPage .specialsCard .cardImg {
    display: block;
    min-width: 100%;
}

#apSpecialsListPage .specialsCard .cardContainerInfo {
    position: relative;
    margin-top: 10px;
    padding: 0;
    width: auto;
}

#apSpecialsListPage .hasLink .cardLeft,
#apSpecialsListPage .hasLink .cardContainerInfo {
    display: table-cell;
    float: none;
    margin: 0;
    vertical-align: top;
}

#apSpecialsListPage .hasLink .thumbnail {
    position: relative;
    display: block;
    height: 55px;
    width: 55px;
    overflow: hidden;
}

#apSpecialsListPage .hasLink .cardImg {
    min-height: 55px;
    min-width: 55px;
}

#apSpecialsListPage .hasLink .cardContainerInfo {
    padding: 0 24px 0 15px;
    width: 100%;
}

#apSpecialsListPage .specialsCard .cardName {
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    margin-bottom: 10px;
}

#apSpecialsListPage .specialsCard .cardInfo {
    font-size: 14px;
    line-height: 18px;
}

#apSpecialsListPage .specialsCard .cardInfo p {
    margin-bottom: 10px;
}

#apSpecialsListPage .specialsCard .cardInfo p:last-child {
    margin-bottom: 0;
}

#apSpecialsListPage .specialsCard .cardInfo ol {
    padding-left: 15px;
}

#apSpecialsListPage .specialsCard .caret,
#apSpecialsListPage .specialsCard .collapse .collapsedHidden,
#apSpecialsListPage .specialsCard .collapse.in .collapsedShown {
    display: none;
}

#apSpecialsListPage .specialsCard .collapse.in .collapsedHidden {
    display: block;
}

#apSpecialsListPage .specialsCard .cardAction {
    position: relative;
    z-index: 2;
}

#apSpecialsListPage .specialsCard .cardAction:hover,
#apSpecialsListPage .specialsCard .cardAction:focus {
    text-decoration: underline;
}

#apSpecialsListPage .specialsCard .cardLinkOverlay + .cardBlock .caret {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    margin: -9px 0 0;
    color: #D0D7DE;
    font-size: 15px;
    line-height: 15px;
}

#apSpecialsListPage .specialsCard .cardLinkOverlay:hover + .cardBlock .cardName,
#apSpecialsListPage .specialsCard .cardLinkOverlay:focus + .cardBlock .cardName,
#apSpecialsListPage .specialsCard .cardLinkOverlay:hover + .cardBlock .cardInfo,
#apSpecialsListPage .specialsCard .cardLinkOverlay:focus + .cardBlock .cardInfo,
#apSpecialsListPage .specialsCard .cardLinkOverlay:hover + .cardBlock .caret,
#apSpecialsListPage .specialsCard .cardLinkOverlay:focus + .cardBlock .caret {
    color: #0079BC;
    transition: color 150ms ease-out;
}