/*
root element for the scrollable.
when scrolling occurs this element stays still.
*/
.scrollable {
/* required settings */
position:relative;
overflow:hidden;
width: 378px;
height:60px;
/* custom decorations */
/*border:1px solid #ccc;
background:url(/images/scroller/h300.png) repeat-x;*/
}
/*
root element for scrollable items. Must be absolutely positioned
and it should have a extremely large width to accomodate scrollable items.
it's enough that you set the width and height for the root element and
not for this element.
*/
.scrollable .items {
/* this cannot be too large */
width:30000em;
position:absolute;
clear:both;
}
/* single scrollable item */
.scrollable img {
float:left;
margin:0px;
background-color:#fff;
padding:0px;
border:0px solid #ccc;
cursor:pointer;
width:54px;
height:54px;
}
/* active item */
.scrollable .active {
border:0px solid #000;
z-index:9999;
position:relative;
}