/* CAROUSEL SKIN */

.jcarousel-container { position: relative; }
.jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; }
.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; }
.jcarousel-list li, .jcarousel-item { float: left; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 75px; height: 75px; }

.jcarousel-next { z-index: 3; display: none; }
.jcarousel-prev { z-index: 3; display: none; }

.jcarousel-skin .jcarousel-container-horizontal { width: 698px; padding: 20px 100px 20px 146px; }
.jcarousel-skin .jcarousel-clip-horizontal { width:  698px; height: 150px; }
.jcarousel-skin .jcarousel-item { width: 328px; height: 150px; background-color: #98cdd7; padding: 6px; }
.jcarousel-skin .jcarousel-item-horizontal { margin-right: 16px; }
.jcarousel-skin .jcarousel-item-placeholder { background: #fff; color: #000; }

.jcarousel-skin .jcarousel-next-horizontal { position: absolute; top: 80px; right: 12px; width: 66px; height: 52px; cursor: pointer; background: transparent url('../images/casestudies/next-horizontal.png') no-repeat 0 0; }
.jcarousel-skin .jcarousel-next-horizontal:hover { background-position: 0px -52px; }
.jcarousel-skin .jcarousel-next-horizontal:active { background-position: 0px -104px; }
.jcarousel-skin .jcarousel-next-disabled-horizontal, .jcarousel-skin .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: 0px -104px; }
.jcarousel-skin .jcarousel-prev-horizontal { position: absolute; top: 80px; left: 25px; width: 66px; height: 52px; cursor: pointer; background: transparent url('../images/casestudies/prev-horizontal.png') no-repeat 0 0; }
.jcarousel-skin .jcarousel-prev-horizontal:hover { background-position: 0px -52px; }
.jcarousel-skin .jcarousel-prev-horizontal:active { background-position: 0px -104px; }
.jcarousel-skin .jcarousel-prev-disabled-horizontal, .jcarousel-skin .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: 0px -104px; }