/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable { position:relative; overflow:hidden; width: 252px; height:260px;}
.scrollable .items { width:20000em; position:absolute; clear:both;  }
.scrollable img { float:left; margin:0px 120px 0px 0px; cursor:pointer;}
.scrollable .active { border:0; position:relative; }
.navi { width:200px; height:20px; }
.navi a { width:8px; height:8px; float:left; margin:3px; background:url(/images/navigator.gif) 0 0 no-repeat; display:block; font-size:1px; cursor:pointer; }
.navi a:hover { background-position:0 -8px; }
.navi a.active { background-position:0 -16px; }