/* general settings for both scrollables */
div.items { 
    width:20000em;  
    position:absolute;
    clear:both;
}

/* next/prev buttons */
div.navi {
    background-image:url(../images/hori_large.png);
    width:30px;
    height:30px;
    float:left;
    margin-top:47px;
}

div.navi:hover          { background-position:-30px 0; }
div.navi:active         { background-position:-60px 0; }
div.nextPage            { background-position: 0 -30px; clear:right; }
div.nextPage:hover  { background-position:-30px -30px; }
div.nextPage:active     { background-position:-60px -30px; } 


div.navi.disabled {
    visibility:hidden;      
}

/* the thumbnail scrollable */
#thumbnails {
    position:  relative;
    overflow:  hidden;      
    float:     left;    
    width:     615px;   
    height:    90px;
    margin:    15px 0;
    -moz-outline-radius:4px;
}

#thumbnails div.items div.item {
    float:left;     
    margin:5px 5px 0 4px;
}


/* single item styles */
div.item div {
    background-color: #E2E9F3;
    overflow: hidden; 
    width: 154px; 
    height: 83px;
    margin: 0px;
}

/* active item */ 
#thumbnails div.items div.item.active .headline {
    background-color: #386FA7;    
}

.item .headline {
    font-size:11px;
    height:16px;
    padding-top:2px;
    padding-left:0px;
    text-align:center;
}

div.item img {
    border: 0px none ; 
    display: block
    width: 155px;
    height: 65px;    
}

div.item a {
    border-style: none;
    color:  #386FA7;
    font-weight: bold;
    text-decoration: none;
}
div.item.active a {
    color:  #FFFFFF;
}