/* 
root element for the scrollable. 
when scrolling occurs this element stays still. 
*/
    div.scrollable{/* required settings */height:90px; overflow:hidden; position:relative; width: 630px;  /* custom decorationsbackground-color:#efefef; border:1px solid #ccc;  */ height: 102px; background: #ffffff; border: 1px solid #ccc;}

/* 
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 #Videos{clear:both; margin: 0px 10px; position:absolute; width:20000em}

/* single scrollable item */
    div.scrollable #Videos div{float:left; /* custom decoration */ border-right:1px solid #ccc; font-size:12px; font-family:Arial; margin: 0px; padding: 6px; text-align:left; height: 120px; }

/* single scrollable item */
    div.scrollable #Videos div.hover{background-color:#ebebeb;}

/* active item */
    div.scrollable Videos div.active{background-color:#fff; border:1px inset #ccc}