.roundabout-container {
    position: relative;
    display: block;
    width: 600px;
    height: 300px;
    padding-top:150px;
    margin:-1.5em auto 65px; /*space for dots*/
}
.roundabout-holder {
    list-style: none;
    padding: 0;   
    margin-left: auto;
    margin-right: auto;
}
.roundabout-moveable-item img {
    border:1px solid #4795b1;
    box-shadow: 0px 2px 0px -1px #4795b1, 0px 4px 0px -2px #4795b1, 0px 6px 0px -3px #4795b1, 0px 8px 0px -4px #4795b1, 0px 10px 0px -5px #4795b1, 0px 12px 0px -6px #4795b1, 0px 14px 0px -7px #4795b1, 0px 16px 0px -8px #4795b1;
}
.roundabout-container .btn {
    position: absolute;
    z-index: 1000;
    top: 50%;
}
.roundabout-container .btn-prev {
    left: -100px;
}
.roundabout-container .btn-prev:hover {   
}
.roundabout-container .btn-next {
    right: -100px;

}
.roundabout-container .btn-next:hover {
}
.roundabout-dots {
    position: relative;
    top: 90%;
    display: block;
    text-align: center;
    padding: 0px;
    margin: 0px;
    list-style: none;    
    width: auto;
    z-index: 300;
}
.roundabout-dots li {
    display: inline-block;
    background: url('images/SS_Dot.png') center center no-repeat;
    width: 20px;
    height: 23px;
    margin: 0px 5px 7px 5px;
}
.roundabout-dots li.active {
    background: url('images/SS_Dot_On.png') center center no-repeat;
    width: 47px;
    height: 53px;
    margin: 0px -2px 0px -12px;
}