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


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