div#scrollbar {
    display:block; /* initially display:none; to hide from incapable */
    }

div#wn	{
    position:relative;
    width:375px; height:336px;
    margin: 0 0 10px 0;
    overflow:hidden;
	}

div#scrollbar {
  position:relative;
  }

div#up a { display: block; width: 70px; height: 20px; background: url(../images/scroller-arrow-up.gif) 0 0; margin: 0 10px 10px 145px; }
div#down a { display: block; width: 70px; height: 20px; background: url(../images/scroller-arrow-down.gif) 0 0; margin: 0 10px 10px 145px; float: left; }

div#up a:hover, div#down a:hover { background-position: 0 -20px; }

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

/*second instance */
div#scrollbar2 {
    display:block; /* initially display:none; to hide from incapable */
    }

div#wn2	{
    position:relative;
    width:375px; height:336px;
    margin: 0 0 10px 0;
    overflow:hidden;
	}

div#scrollbar2 {
  position:relative;
  }

div#up2 a { display: block; width: 70px; height: 20px; background: url(../images/scroller-arrow-up.gif) 0 0; margin: 0 10px 10px 145px; }
div#down2 a { display: block; width: 70px; height: 20px; background: url(../images/scroller-arrow-down.gif) 0 0; margin: 0 10px 10px 145px; float: left; }

div#up2 a:hover, div#down2 a:hover { background-position: 0 -20px; }

/* for safari, to prevent selection problem  */
div#scrollbar2, div#track, div#dragBar, div#up2, div#down2 {
    -moz-user-select: none;
    -khtml-user-select: none;
}