.timelineItem {
    width: 175px;
    float: left;
    text-align: center;
}

#scrollbar1 { clear: both; margin: 0px auto }
#scrollbar1 .viewport { width: 744px; height: 200px; overflow: hidden; position: relative; margin: 0px auto;}
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0;}
#scrollbar1 .thumb .end,
/*#scrollbar1 .thumb { background-image: url('Images/slide.png'); background-repeat: no-repeat; }*/
#scrollbar1 .scrollbar { position: relative; width: 15px; margin:0px auto;}
#scrollbar1 .track { background-image: url('Images/slider_bg.jpg'); background-repeat: no-repeat; height: 22px; width:13px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { height: 13px; width: 13px; cursor: pointer; overflow: hidden; position: absolute; top: 0; margin-top: 2.5px; margin-left: 4px;}
#scrollbar1 .thumb .end { overflow: hidden; height: 5px; width: 13px; }
#scrollbar1 .disable{ display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

.scrollbarBackground {
    margin: 0px auto;
    background-image: url('Images/timeline.png');
    background-repeat: no-repeat;
    height: 69px;
    padding-top: 25px;
}

.thumbLeft {
    float: left;
    background-image: url('Images/thumbLeft.png');
    width: 8px;
    height: 13px;
}

.thumbRight {
    float: right;
    background-image: url('Images/thumbRight.png');
    width: 7px;
    height: 13px;
}

.thumbCenter {
    margin-left:8px;
    margin-right:7px;
    background-image:url('Images/thumbCenter.png');
    background-repeat: repeat-x;
    height: 13px;
}

/* BACKUP 
#scrollbar1 { clear: both; margin: 0px auto }
#scrollbar1 .viewport { width: 744px; height: 200px; overflow: hidden; position: relative; margin: 0px auto;}
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; width: 2000px;}
#scrollbar1 .thumb .end,
#scrollbar1 .thumb { background-image: url('Images/slide.png'); background-repeat: no-repeat;  }
#scrollbar1 .scrollbar { position: relative; float: right; width: 15px; margin:0px auto;}
#scrollbar1 .track { background-image: url('Images/slider_bg.jpg'); background-repeat: no-repeat; height: 22px; width:13px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { height: 13px; width: 13px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbar1 .thumb .end { overflow: hidden; height: 5px; width: 13px; }
#scrollbar1 .disable{ display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }*/