.scrollable {float:left;}
a.browse { background: url(../img/hori_large.png) no-repeat; display:block; width:30px; height:30px; float:left; margin:40px 15px; 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: 0px;*/ }
a.left:hover  { background-position:-30px 0; }
a.left:active { background-position:-60px 0; }


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