div#scrollbar_01, div#scrollbar_02, div#scrollbar_03
    {
        display:block; /* initially display:none; to hide from incapable */
        float: left;
        margin: 0px 0px 0px 10px;;
    }
div#wn_01
    {
        position:relative;
        width:851px;
        height:300px;
        overflow:hidden;
        float: left;
    }
div#wn_02, div#wn_03
    {
        position:relative;
        width:405px;
        height:300px;
        overflow:hidden;
        float: left;
    }
div#scrollbar_01, div#scrollbar_02, div#scrollbar_03
    {
        position:relative;
        width:11px;
        height:300px;
        font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
    }
div#track_01, div#track_02, div#track_03
    {
        position:absolute;
        left:0;
        top:12px;
        width:11px;
        height:275px;
        background: #a8a37b;
        cursor: pointer;
      }
div#dragBar_01, div#dragBar_02, div#dragBar_03
    {
        position:absolute; left:1px; top:1px;
        width:9px; height:20px;
        background-color: #4a4847;
      }
div#up_01, div#up_02, div#up_03
    {
    position:absolute; left:0; top:0;
    }
div#down_01, div#down_02, div#down_03
    {
        position:absolute; left:0; bottom:0;
    }

/* 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_01 img, div#scrollbar_02 img
    {
        display:block;
    }