div#scrollbar1, div#scrollbar2, div#scrollbar3, div#scrollbar4 {
    display:block; /* initially display:none; to hide from incapable */
    }

div#wn1  { 
	  position:relative; 
	  width:437px; height:300px; 
	  overflow:hidden;
  }
div.contentxyz { 
	position:absolute; visibility:hidden;
	left:0px; top:0px; 
	z-index:1; 
	FONT-SIZE: 12px;
    COLOR: #333333;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
	}
div#wn2	{ 
	  position:relative; 
	  width:575px; height:150px; 
	  overflow:hidden;
	}
div#wn3	{ 
	  position:relative; 
	  width:575px; height:150px; 
	  overflow:hidden;
	}

div#wn4	{ 
	  position:relative; 
	  width:575px; height:150px; 
	  overflow:hidden;
	}
	

div#scrollbar1 { 
  position:relative;
  width:11px; height:300px; 
  font-size:1px;
  }
div#track1 { 
  position:absolute; left:4px; top:12px;
  width:11px; height:285px;
  
  }
div#dragBar1 {
  position:absolute; left:4px; top:1px;
  width:1px; height:1px;
  background-color:#ffffff;
  }  
div#up1 { position:absolute; left:0; top:0; }  
div#down1 { position:absolute; left:0; bottom:0; } 

/* vertical scrollbar for wn2 */    
div#scrollbar2 { 
  position:relative;
  width:11px; height:155px; 
  font-size:1px;
  }
div#track2 { 
  position:absolute; left:4px; top:12px;
  width:11px; height:130px;
  background-color:#ffffff;
  }
div#dragBar2 {
  position:absolute; left:4px; top:1px;
  width:1px; height:1px;
  background-color:#000000;
  }  
div#up2 { position:absolute; left:0; top:0; }  
div#down2 { position:absolute; left:0; bottom:0; } 
  
/* Horizontal scrollbar for wn3 */  
div#scrollbar3 { 
  position:relative;
  width:11px; height:155px; 
  font-size:1px;
  }
div#track3 { 
  position:absolute; left:4px; top:12px;
  width:11px; height:130px;
  background-color:#ffffff;
  }
div#dragBar3 {
  position:absolute; left:4px; top:1px;
  width:1px; height:1px;
  background-color:#000000;
  }  
div#up3 { position:absolute; left:0; top:0; }  
div#down3 { position:absolute; left:0; bottom:0; } 
  

/* Horizontal scrollbar for wn4 */  
div#scrollbar4 { 
  position:relative;
  width:11px; height:155px; 
  font-size:1px;
  }
div#track4 { 
  position:absolute; left:4px; top:12px;
  width:11px; height:130px;
  background-color:#ffffff;
  }
div#dragBar4 {
  position:absolute; left:4px; top:1px;
  width:1px; height:1px;
  background-color:#000000;
  }  
div#up4 { position:absolute; left:0; top:0; }  
div#down4 { position:absolute; left:0; bottom:0; } 


/* for safari, to prevent selection problem  */
div#scrollbar1, div#track1, div#dragBar1, div#up1, div#down1,
div#scrollbar2, div#track2, div#dragBar2, div#up2, div#down2,
div#scrollbar3, div#track3, div#dragBar3, div#up3, div#down3,
div#scrollbar4, div#track4, div#dragBar4, div#up4, div#down4,

/* 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#scrollbar1 img, div#scrollbar2 img, div#scrollbar3 img, div#scrollbar4 img {
    display:block; 
    }