div#wn1, div#wn3	{ 
	position:absolute;
	width:950px; height:238px; 
	overflow:hidden;
	margin-left:21px;	
	}
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:160px; 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:0; top:0;  }


/* space images in first and third scroll areas */
table#t1 td, table#t3 td {
    padding: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;
    width:990px;
    }
    
/* 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:200px; height:100px; 
    }