/* outmost wrapper element */
#scrollable {
 background-color:#efefef;
 border:1px solid #ddd;
 height:65px;
}
/* container for the scrollable items */
div.items {
 height:68px;
 margin-left:8px;
 float:left;
 width:284px !important;
 margin-top: 5px;
}
/* single item */
div.items a {
 display:block;
 float:left;
 margin-right:5px;
 width:90px;
 height:68px;
 background:url(item.gif) 0 0 no-repeat;
 color:#ccc;
 line-height:68px;
 text-decoration:none;
 text-align:center;
 cursor:pointer;
}
div.items a:hover {
	color:#999;
}
div.items a.active {
	background-position:-174px 0;
	color:#555;
	cursor:default;
}
/* next / prev buttons */
a.prev, a.next {
 display:block;
 width:30px;
 height:30px;
 float:left;
 background-repeat:no-repeat;
 margin:0;
}
a.prev {
	background:url(button-left.gif);
}
a.prev:hover {
	background:url(button-left-over.gif);
}
a.next {
	background:url(button-right.gif);
}
a.next:hover {
	background:url(button-right-over.gif);
}
/* navigator */
ul.navi {
 width:60px;
 height:0px;
}
/* items inside navigator */
ul.navi span {
 width:8px;
 height:8px;
 float:left;
 margin:3px;
 background:url(../img/side/btn_circle01.gif) no-repeat 0 0;
 cursor:pointer;
}
ul.navi li:hover span { background: url(../img/side/btn_circle01_act.gif) no-repeat 0 0; 
}
ul.navi li.active span { background: url(../img/side/btn_circle01_act.gif) no-repeat 0 0; 
}