div.scrollable { position:relative; overflow:hidden; width:855px; height:124px; background:#fff; }
div.scrollable div.items { width:20000em; position:absolute; clear:both; }
div.scrollable div.items div { float:left; width:163px; }
div.scrollable div.items div.active { border:1px inset #ccc; background-color:#fff; }
div.scrollable { float:left; }
a.prev, a.next, a.prevPage, a.nextPage { display:block; width:18px; height:124px; background:#eee url(../img/arrow/left.png) 0 50% no-repeat; float:left; cursor:pointer; }
a.prev, a.prevPage { margin:0 10px 0 0; }
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover { background-position:-18px 53px; }
a.disabled { visibility:hidden !important; }
a.next, a.nextPage { background-image:url(../img/arrow/right.png); clear:right; }
a.next, a.nextPage { margin:0 0 0 9px; }
#slider { border:1px solid #6CF; }
#slider ul, #slider li, #slider2 ul, #slider2 li{ margin:0; padding:0; list-style:none; }
#slider2{ margin-top:1em; }
#slider li, #slider2 li{ width:568px; height:215px; overflow:hidden; }

/* numeric controls */
ol#controls{ margin:1em 0; padding:0; height:28px; }
ol#controls li{ margin:0 6px 0 0;  padding:0; float:left; list-style:none; height:28px; line-height:28px; }
ol#controls li a{ float:left; height:28px; line-height:28px; background:#6CF; color:#fff; padding:0 10px; text-decoration:none; }
ol#controls li.current a{ background:#999; }
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}