/*
 root element for the scrollable.
 when scrolling occurs this element stays still.
 */
 div.scrollable {

     /* required settings */
     position:relative;
     overflow:hidden;
     width: 735px;
     height:90px;
 }

 /*
 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;
 }

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

 /* you may want to setup some decorations to active item */
 div.items div.active {
     border:1px inset #ccc;
     background-color:#fff;
 }

 #media_selector{
     overflow: hidden;
     position: relative;

 }
 .media_nav{
     position:absolute;
     top: 30px;
     z-index: 3;
 }
 #previous{
     left:0px;
 }
 #next{
     right:0px;
 }