﻿div.scrollingHotSpotLeft,
div.scrollingHotSpotRight {
    min-width: auto;
    background-color: transparent;
    background-image: none;
    background-repeat: no-repeat;
    cursor: pointer;
    overflow: visible;
}

div.scrollingHotSpotLeftVisible {
    background-image: url('arrow-left.png');
    background-color: transparent;
    background-position: 0 50%;
    left: -25px;
    opacity: 1 !important;
}

div.scrollingHotSpotRightVisible {
    background-image: url('arrow-right.png');
    background-color: transparent;
    background-position: 100% 50%;
    right: -25px;
    opacity: 1 !important;
}

div.scrollWrapper {
    width: 667px;
    margin: 0 auto;
}

div.scrollableArea > div {
    float: left;
}