.slider {
    text-align: center;
    margin-bottom: 1em;
    /* Prevent controls from wrapping onto a newline */
    white-space: nowrap;
    min-width: 200px;
}

    .slider ol {
        vertical-align: top;
        display: inline-block;
        padding: 0px;
    }

        .slider ol li {
            width: 111px;
            height: 80px;
            line-height: 80px;
            border-radius: 8px;
            overflow: hidden;
            border: 1px solid #cee0f6;
            box-shadow: #c6d0dc 2px 2px 6px;
            display: inline-block;
            margin-left: 6px;
        }

            .slider ol li:first-child {
                margin-left: 0px;
            }

            .slider ol li * {
                max-width: 100px;
                max-height: 70px;
            }

    .slider .slider-control {
        vertical-align: top;
        width: 42px;
        height: 78px;
        background-color: transparent;
        border: 0px;
    }

        .slider .slider-control.left {
            background-image: url('/hois/Content/Images/Controls/chevron-left.png');
        }

        .slider .slider-control.right {
            background-image: url('/hois/Content/Images/Controls/chevron-right.png');
        }

        .slider .slider-control[disabled] {
            outline: none;
            pointer-events: none;
        }

            .slider .slider-control.left[disabled] {
                background-image: url('/hois/Content/Images/Controls/chevron-left-disabled.png');
            }

            .slider .slider-control.right[disabled] {
                background-image: url('/hois/Content/Images/Controls/chevron-right-disabled.png');
            }