.scrollable {

    /* required settings */
    position:relative;
    overflow:hidden;
    min-width: 336px;
    height: 146px;
    margin: 0 auto;
    background: #EBE8DD;

}

.Full .scrollable {    
    min-width: 596px;
    height: 195px;
}

.scrollable .items {
    /* this cannot be too large */
    width:20000px;
    position:absolute;
    clear:both;
}

.scrollable img {
    width:336px;
    height:146px;    
}

.Full .scrollable img {
    width:596px;
    height:195px;    
}

.items div {
    float:left;
    width:2000px;
}

/* single scrollable item */
.scrollable img {}
/* active item */
.scrollable .active {}

/**/


/* position and dimensions of the navigator */
.navi {
    height:20px;
    text-align: center;
}


/* items inside navigator */
.navi a {
    width:8px;
    height:8px;
    margin:3px;
    background:url(/images/global/navigator1.png) 0 0 no-repeat;
    display:inline-block;
    font-size:1px;
    text-indent:-9999px;
}

/* mouseover state */
.navi a:hover {
    background-position:0 -8px;     
}

/* active state (current page state) */
.navi a.active {
    background-position:0 -16px;    
}