/*
    root element for the scrollable.
    when scrolling occurs this element stays still.
*/
div.scrollable {
    /* required settings */
    position:relative;
    overflow:hidden;
	width: 277px;
	height: 66px;
	float: left;
}

div.scrollableLarge {
    /* required settings */
    position:relative;
    overflow:hidden;
	width: 277px;
	height: 135px;
	float: left;
}

/*
    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 */
    position:absolute;
	 height:20000em;
}

/*
    a single item. must be floated on horizontal scrolling
    typically this element is the one that *you* will style
    the most.
*/
div.scrollable div.itemsLarge div {
    float:left;
}


/*
    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.scrollableLarge div.itemsLarge {
    /* this cannot be too large */
    position:absolute;
	 height:20000em;
}

/*
    a single item. must be floated on horizontal scrolling
    typically this element is the one that *you* will style
    the most.
*/
div.scrollableLarge div.items div {
    float:left;
}


/* you may want to setup some decorations to active item */
div.items div.active {


}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	height:32px;
	width: 11px;
	cursor:pointer;
	float: left;
}

a.prevLarge, a.nextLarge {
	height:65px;
	width: 11px;
	cursor:pointer;
	float: left;
}