/* this makes it possible to add next button beside scrollable */
div.scrollable{float:left;}
/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage{display:block; width:9px; height:18px; background: url(left.png) no-repeat; float:left; margin:43px 4px; cursor:pointer; font-size:1px;}
/* 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;}
/* position and dimensions of the navigator */
div.navi{margin-left:328px; width:200px; height:20px;}
/* items inside navigator */
div.navi a{width:8px; height:8px; float:left; margin:3px; background: url(navigator.png) 0 0 no-repeat; display:block; font-size:1px; color:#fff;}
/* mouseover state */
div.navi a:hover{background-position:0 -8px;}
/* active state (current page state) */
div.navi a.active{background-position:0 -16px;}
/*#pagewrapper{background: url(images/yourimage.jpg) top left no-repeat}*/
/*a:active{outline:none;}*/
:focus{-moz-outline-style:none;}
div.scrollable{position:relative; overflow:hidden; width: 912px; height:148px;}
#thumbs {position:absolute;	width:20000em; clear:both;}
a.prev, a.next{margin-top:48px;}
#thumbs div{float:left; width:300px; height:140px; margin-right:3px; color:#000; cursor:pointer; border:1px solid #333;}
#thumbs img{border:1px solid #606060;}
#thumbs div.hover{}
#thumbs div.active{cursor:default;}
#thumbs h3{margin:3px 0 6px 1px; font-size:12px; font-weight:700; color: #2c4b6a; display:block; overflow:hidden; text-transform:uppercase; height:18px;}
#thumbs p{padding:0px !important; margin:0px !important; display:block; height:1px;}
#thumbs td.flowfeatured{font-size:12px;}