.scrollable {float: left;}
.action { float: right; overflow: hidden;}
a.browse { background: url(../img/hori_large.png) no-repeat; display:block; width:30px; height:30px; float:left; margin:15px 10px 0; cursor:pointer; font-size:1px;}
/* right */
a.right { background-position: 0 -30px; clear:right; }
a.right:hover { background-position:-30px -30px; }
a.right:active { background-position:-60px -30px; }
/* left */
a.left { margin-left: 11px; }
a.left:hover  { background-position:-30px 0; }
a.left:active { background-position:-60px 0; }


/* ------------------------ */
.scrollable { position:relative; overflow:hidden; width: 710px; height:59px;}
.scrollable .items { width:20000em; position:absolute; clear:both;}
.items div { float:left; width: 710px;}
.scrollable img { float:left; margin:0; width: 710px; height:59px; padding: 0; }
.scrollable .active { border:2px solid #000; position:relative; cursor:default;}