#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#up, div#down {
    -moz-user-select: none;
    -khtml-user-select: none;
}


/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img{display:block;}

.scrollContainerHorizontal{background-image:url(scroller_bg.jpg); text-align:center; height: 106px; width:454px;margin:0 auto;margin-top:6px;}
.scrollBtnsHorizontal{width:20px;height:106px;background:#f1f1f1; margin-top:0px; background-repeat:no-repeat; background-position:center;}
.scrollBtnsHorizontalLt{background-image:url(slider_prev.png);}
.scrollBtnsHorizontalRt{background-image:url(slider_next.png);}
.horizontalDiv{position:relative; width:410px; height:98px; overflow:hidden; border:0px solid yellow;top: 4px;}