.scrollable { position:relative; overflow:hidden; width: 530px; height:530px;}
.scrollable .items { width:20000em; position:absolute; clear:both}
.items div {float:left;width:530px;text-align:center}
.scrollable .dimg {float:left; margin:20px 5px 20px 21px; background-color:#fff; padding:2px; border:1px solid #ccc; -moz-border-radius:4px; -webkit-border-radius:4px}
.scrollable .active {border:2px solid #000; position:relative; cursor:default}


.scrollable {float:left}
a.browse {background:url(hori_large.png) no-repeat; display:block; width:30px; height:30px; float:left; margin:5px 10px; cursor:pointer; font-size:1px}
a.right {background-position: 0 -30px; clear:right; margin-right: 0px}
a.right:hover {background-position:-30px -30px}
a.right:active {background-position:-60px -30px}
a.left {margin-left: 0px}
a.left:hover {background-position:-30px 0}
a.left:active {background-position:-60px 0}
a.up, a.down {background:url(vert_large.png) no-repeat; float: none; margin: 10px 50px}
a.up:hover {background-position:-30px 0}
a.up:active {background-position:-60px 0}
a.down {background-position: 0 -30px}
a.down:hover  {background-position:-30px -30px}
a.down:active {background-position:-60px -30px}
a.disabled {visibility:hidden !important}