/* root element for the whole scrollable setup */
#thumbs{
  position:absolute;
  width:20000em;
  clear:both;
  border:0px solid #222;
}
/* custom positioning for navigational links */

#thumbs div{
  float:left;
  width:200px;
  height:230px;
  color:#fff;
  border-left:0px solid white;
  cursor:pointer;
  margin-left: 7px;
  margin-right: 7px;
}
/* style when mouse is over the item */

#thumbs div.active{
  background-color:white;
  cursor:default;
}

#thumbs div.hover{
  background-color:white;
}
/* style when element is active (clicked) */

#thumbs h3 em{
  font-style:normal;
  color:#666666;
}
/* this makes it possible to add next button beside scrollable */

#thumbs span{
  margin:13px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:13px;
  color:#666666;
}

a.disabled{
  visibility:hidden !important;
}
/* next button uses another background image */

a.next,a.nextPage{
  background-image:url(../imgs/right.png);
  clear:right;
}
/*********** navigator ***********/
/* position and dimensions of the navigator */

a.prev,a.next{
  margin-top:118px;
}
/* single item */

a.prev,a.next,a.prevPage,a.nextPage{
  display:block;
  width:18px;
  height:18px;
  background:url(../imgs/left.png) no-repeat;
  float:left;
  margin:43px 10px;
  cursor:pointer;
}
/* mouseover state */

a.prev:hover,a.next:hover,a.prevPage:hover,a.nextPage:hover{
  background-position:0px -18px;
}
/* disabled navigational button */

div.navi{
  width:100px;
  height:20px;
  position: static;
}
/* items inside navigator */

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

div.navi a.active{
  background-position:0 -16px;
}

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

div.scrollable{
  float:left;
  margin-left: 18px;
}
/* prev, next, prevPage and nextPage buttons */

div.scrollable{
  position:relative;
  overflow:hidden;
  width:640px;
  height:220px;
}
/*
	root element for scrollable items. It is
	absolutely positioned with large width.
*/