div#wn2	{ 
	position:relative; 
	width:700px; height:125px; 
	overflow:hidden;	
	}
    
 
/* for glide onclick scrolling to glide image into center of scroll area, 
set table width = width of td's X number of td's (images) */   
table#t2 {
    width:800px;
    }
table#t2 td {
    width:200px; vertical-align:bottom; text-align:center;
    }
    
table#t2 td img { 
    vertical-align:bottom; 
    }
    
div.scroll_controls {
    display:block; /* display:none initially */
    position:relative;
    margin:8px 0 2em 0px;
    width:700px;
    }
    
div#scrollLinks2 {
    margin-top:0;
    }
    
/* to position right arrows */
div.scroll_controls a.rt {
    right:0;
    }

/* needed for gecko-based browsers when using strict doctype (image gap issue) */   
div#scrollbar img {
    display:block;
    }
div#scrollbar { 
  position:relative; 
  width:700px; height:11px;
  font-size:1px; /* for ie5.5 */
  }
div#track { 
  position:absolute; left:12px; top:0;
  width:160px; height:11px; 
  background: #336;
  }
div#dragBar {
  position:absolute; left:1px; top:1px;
  width:20px; height:9px; 
  background-color:#ceced6
  }  
div#left { position:absolute; left:0; top:0; }  
div#right { position:absolute; right:0; top:0;  }