.carousel.scrollable {
    display:inline-block;
    vertical-align: middle;
}

.carousel-inner {
    overflow: hidden;
    width: 100%;
    position: relative;
    text-align: center;
}
.carousel-inner .scrollable a {
	display: block;
	width: 100%;
	height: auto;
}

.carousel-inner .row [class*="span"] {
	margin-left: 3px;
	margin-right: 3px;
	width: auto;
	display:inline-block;
}

.carousel-inner > .carousel-next  {
    background: url(https://t7.leapfrog.com/images/cq-png-alpha-no-resize/right-arrow-med.png) no-repeat center center;
    width: 18px;
    height: 36px;
    display: inline-block;
    cursor: pointer;
}

.carousel-inner > .carousel-prev {
    background: url(https://t7.leapfrog.com/images/cq-png-alpha-no-resize/left-arrow-med.png) no-repeat center center;
    width: 18px;
    height: 36px;
    display: inline-block;
    cursor: pointer;
}

.carousel-item  {
	margin-top: 5px;
	margin-bottom: 5px
}

.carousel a .grey:hover,
.carousel a .grey:active{
	text-decoration: underline;
    color: #757575;
}


.carousel a:active span.grey,
.carousel a:focus span.grey {
	text-decoration: underline;
	color: #757575;
	padding: 0 5px;
	display: inline-block;
}