/* 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 { display:block; width:18px; height:18px; background: url(left.png) no-repeat;cursor:pointer; }

a.prev{ position:absolute; left:2px; top:85px}
a.next{ position:absolute; right:3px; top:85px}

/* 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(right.png); clear:right; }

/*********** navigator ***********/


/* position and dimensions of the navigator */
div.navi { left:110px; position:absolute; width:200px; height:8px; top:23px}

/* items inside navigator */
div.navi a { width:8px; height:8px; float:left; margin:3px; background:url(navigator.png) 0 0 no-repeat; cursor:pointer; }

/* mouseover state */
div.navi a:hover { background-position:0 -8px; }

/* active state (current page state) */
div.navi a.active { background-position:0 -16px; }