/* root element for the whole scrollable setup */
div.scrollable {

    
    /* required settings */
    position:relative;
    overflow:hidden;     
    float: left;
    
    /* custom decoration */
    width: 576px;   
    height:130px;
    padding-top: 20px;   
    /*background-color:#efefef;*/
    /*-moz-border-radius:5px;*/       
}

/* 
    root element for scrollable items. It is 
    absolutely positioned with large width. 
*/
div.scrollable div.items {  
    position:absolute;
    width:20000px;  
    clear:both;

    
    /* decoration */
    margin-left:1px;
}

/* single scrollable item */
div.scrollable div.items div {
    float:left;
    
    /* custom decoration */
    text-align:center;
    width:162px;
    padding:0;
    height:105px;
    font-size:30px;
    font-family: 'bitstream vera sans';
    /*background-color: #ddd;*/
    margin-right: 14px; 
    /*-moz-border-radius:5px;*/
}

div.scrollable div.items img{
    height:105px;
    width:160px;
}

/* active item */
div.scrollable div.items div.active {

    /*border:1px inset #ccc; */     
    background-color:#fff;
}
a.prev, a.next {
    display:none;
    width:18px;
    height:18px;
    background:url(http://flowplayer.org/tools/img/arrow/left.png) no-repeat;

    float:left;
    margin:43px 10px;
    cursor:pointer;
}

a.next {
background-image:url(http://flowplayer.org/tools/img/arrow/right.png);
position:absolute;
top:740px;
left:1075px;
}

a.prev {
position:absolute;
top:740px;
left:521px;
}

a.prev:hover, a.next:hover {
    background-position:0px -18px;      
}


a.disabled {
    visibility:hidden !important;       
}