.teaser-scrollable-nav {
    clear: both;
    height: auto;
    padding-bottom: 18px;
}

.teaser-scrollable-nav a.prev, .teaser-scrollable-nav a.next, .teaser-scrollable-nav a.prevPage, .teaser-scrollable-nav a.nextPage {
    display: block;
    width: 18px;
    height: 18px;
    background: url(arrow/up.png) no-repeat;
    cursor: pointer;
    text-decoration: none;
    margin: 0px;
    float: right;
}

.teaser-scrollable-nav a.prev {
    margin: 0px;
    display: block;
}

/* mouseover state */
.teaser-scrollable-nav a.prev:hover, .teaser-scrollable-nav a.next:hover, .teaser-scrollable-nav a.prevPage:hover, .teaser-scrollable-nav a.nextPage:hover {
    background-position: 0px -18px;
    display: block;
    text-decoration: none;
}

.teaser-scrollable-nav a.prev:active, .teaser-scrollable-nav a.next:active, .teaser-scrollable-nav a.prevPage:active, .teaser-scrollable-nav a.nextPage:active {
    text-decoration: none;
}

.teaser-scrollable-nav a.prev:focus, .teaser-scrollable-nav a.next:focus, .teaser-scrollable-nav a.prevPage:focus, .teaser-scrollable-nav a.nextPage:focus {
    text-decoration: none;
}

/* disabled navigational button */
.teaser-scrollable-nav a.disabled {
    visibility: hidden !important;
}

/* next button uses another background image */
.teaser-scrollable-nav a.next, .teaser-scrollable-nav a.nextPage {
    background-image: url(arrow/down.png);
    display: block;
}

.teaser-scrollable-item-container {
    margin-top: -10px;
    margin-bottom: -20px;
}