/* root element for the scrollable. when scrolling occurs this element stays still. */
.scroll-container{width:650px; height:80px; margin:0 auto;}
.prevPage, .nextPage{float:left; margin-top:20px; cursor:pointer;}
div.scrollable{	
  /* required settings */
  position:relative;
  overflow:hidden;	 	
  width:550px;	
  height:80px;
  /* custom decorations */
  background:none;
  float:left;
  margin-right:5px;
  margin-left:5px;
}
/* root element for scrollable items. Must be absolutely positioned
   and it should have a super large width to accomodate scrollable items.
   it's enough that you set width and height for the root element and
   not for this element.*/
div.scrollable div.items{
  /* this cannot be too large */
  width:20000em;	
  position:absolute;
  clear:both;
  /* decoration */
/*  margin-left:5px;*/
}
/* single scrollable item */
div.scrollable div.items div{
  float:left;
  /* custom decoration */
  text-align:left;
  width:91px;
  height:58px; 
  padding:10px;
}
/* active item */
div.scrollable div.items div.active{
  background:none;
}
/* single scrollable item */
div.scrollable div.items a{
  float:left;
  /* custom decoration */
  text-align:left;
  width:91px;
  height:82px;
  padding:10px;
}
div.scrollable div.items img{border:3px solid #E5EFCC;}
/* active item */
div.scrollable div.items a.active{
 background:none;
}
div.scrollable div.items strong{color:#000;}