div.scrollable {height: 180px; overflow: hidden; position: relative; width: 960px;}
div.scrollable div.items {clear: both; margin-left: 10px; position: absolute; width: 20000em;}
div.scrollable div.items div {background: #ddd; float: left; height: 90px; margin-right: 10px; text-align: center;}
div.scrollable div.items div a img {border: none; width: 128px;}
div.scrollable div.items div a .boxoffice-hit {margin-left: 84px; margin-top: 136px; text-indent: -3000px; overflow: hidden; background: url(../media/images/boxoffice-hit_small.png) no-repeat; height: 85px; width: 85px; position: absolute;}
div.scrollable div.items div a .in-development {margin-left: 84px; margin-top: 136px; text-indent: -3000px; overflow: hidden; background: url(../media/images/in-development_small.png) no-repeat; height: 85px; width: 85px; position: absolute;}
div.scrollable div.items div a .new {margin-left: 84px; margin-top: 136px; text-indent: -3000px; overflow: hidden; background: url(../media/images/new_small.png) no-repeat; height: 85px; width: 85px; position: absolute;}
div.scrollable {float: left;}
a.prev, a.next, a.prevPage, a.nextPage {background: url(/assets/media/images/slide-sprite-arrow-left.jpg) no-repeat; cursor: pointer; display: block; float: left; font-size: 1px; height: 20px; margin: 80px 10px; width: 18px;}
a.next, a.nextPage {margin-left: 20px;}
a.disabled {visibility:hidden !important;}
a.next, a.nextPage {background: url(/assets/media/images/slide-sprite-arrow-right.jpg); clear: right;}
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover { background-position: 0px -20px;}