touchcarousel.css

.touchcarousel { position: relative; height: 400px; overflow: hidden }
.touchcarousel .touchcarousel-container { position: relative; margin: 0 auto; padding: 0; list-style: none; left: 0 }
.touchcarousel .touchcarousel-wrapper { position: relative; overflow: hidden; width: 100%; height: 100% }
.touchcarousel .touchcarousel-item { margin: 0; padding: 0; float: left }
.touchcarousel .touchcarousel-item.last { margin-right: 0!important }
.touchcarousel .arrow-holder { height: 100%; width: 45px; position: absolute; top: 0; display: block; cursor: pointer; z-index: 25 }
.touchcarousel .arrow-holder.left { left: 0; background: url('img/arrow-left.png') no-repeat center center; background-size: 30px; }
.touchcarousel .arrow-holder.right { right: 0; background: url('img/arrow-right.png') no-repeat center center; background-size: 30px; }
.touchcarousel .arrow-icon { width: 45px; height: 90px; top: 50%; margin-top: -45px; position: absolute; cursor: pointer }
.touchcarousel .arrow-holder.disabled { cursor: default }
.touchcarousel .arrow-holder.disabled .arrow-icon { cursor: default }
.touchcarousel .scrollbar-holder { position: absolute; z-index: 30; left: 6px; right: 6px; bottom: 5px; height: 4px; overflow: hidden }
.touchcarousel .scrollbar { position: absolute; left: 0; height: 4px; bottom: 0 }
.touchcarousel .scrollbar.dark { background-color: #828282; background-color: rgba(0,0,0,0.5) }
.touchcarousel .scrollbar.light { background-color: #d2d2d2; background-color: rgba(255,255,255,0.5) }
.touchcarousel .auto-cursor { cursor: auto }