/* root element for scrollable */
div.scrollable{height:160px;margin: 0 2px/* vertical scrollers have typically larger height than width */ overflow:hidden;/* required settings */ position:relative;width:236px;}
/* root element for scrollable items */
div.scrollable div.items{height:20000em;/* this time we have very large space for height */ position:absolute;}
/* 
same settings as in horizontal scroller except that these items 
are not floated
*/
div.scrollable div.items div{padding-bottom:3px; height: 55px;}
/* active item */
div.scrollable div.items div.active{}
/* this makes it possible to add next button beside scrollable */
div.scrollable{}
/* prev,next,prevPage and nextPage buttons */
a.prev,a.next,a.prevPage,a.nextPage{background:url(img/left.png) no-repeat;cursor:pointer;display:block;float:right;height:18px;width:18px;}
a.prev,a.prevPage{float:left;margin-left:76px;}
a.next,a.nextPage{float:right;margin-right:76px;}
div.navi{float:left;margin:6px 5px;}
/* mouseover state */
a.prev:hover,a.next:hover,a.prevPage:hover,a.nextPage:hover{background-position:0px -18px;}
/* disabled navigational button */
a.disabled{visibility:hidden !important;}
/* next button uses another background image */
a.next,a.nextPage{background-image:url(img/right.png);}
/*********** navigator ***********/
/* position and dimensions of the navigator */
div.navi{height:8px;}
/* items inside navigator */
div.navi a{background:url(img/navigator.png) 0 0 no-repeat;cursor:pointer;float:left;height:8px;margin:0 3px;width:8px;}
/* mouseover state */
div.navi a:hover{background-position:0 -8px;}
/* active state (current page state) */
div.navi a.active{background-position:0 -16px;}