div#wn1, div#wn3	{ 
	position:relative; 
	width:900px; height:400px; 
	overflow:hidden;	
	}
div#wn2	{ 
	position:relative; 
	width:200px; height:48px; 
	overflow:hidden;	
	}
    
/* needed when dw_scrollObj.printEnabled = true */
div#lyr1, div#lyr2, div#lyr3 {
    position:absolute;
    }
    
/* needed for gecko-based browsers when using strict doctype (image gap issue) */   
div#scrollbar img {
    display:block;
    }
div#scrollbar { 
    position:relative; 
    width:184px; height:11px;
    font-size:1px; /* for ie5.5 */
    }
div#track { 
    position:absolute; left:12px; top:0;
    width:860px; height:11px; 
    background-color: #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:-701px; top:0px;  }


/* space images in first and third scroll areas */
table#t1 td, table#t3 td {
    padding:2px 12px 0;
    }
    
/* for glide onclick scrolling to glide image into center of scroll area
when images are different sizes, 
set table width = width of td's X number of td's (images) */   
table#t2 {
    width:800px;
    }
table#t2 td {
    width:200px; text-align:center;
    }
    
div.scroll_controls {
    display:block; /* may be display:none initially */
    position:absolute;
    margin-left:8px;
    width:184px;
		
    }
    
/* position right arrows */
div.scroll_controls a.rt {
    position:absolute;
    right:0;
    }

/* demo and description  */
div#text p.wn_info { 
    text-align: left;
    margin:0 .5em 0 210px;
    }
    
div.holder { 
    float:left; 
    width:900px; height:500px; 
    }
    
p.clearer { clear:left; }
h2.demoHd { margin-bottom: 1.2em; }