div#wn1, div#wn3	{ 
	position:relative; 
	width:298px; height:163px; 	overflow:hidden;	
	}
div#wn2	{ 
	position:relative; 
	width: 288px; height:161px; 
	overflow:hidden;	
	}
    
/* needed when dw_scrollObj.printEnabled = true */
div#lyr1, div#lyr2, div#lyr3 {
    position:absolute;width: 288px;
    }
    
  

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:2px 5px 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:288px;height: 161px;
    }
table#t2 td {
    width:290px; text-align:center;
    }
    
div.scroll_controls {
    display:block; /* may be display:none initially */
    position:relative;
    margin-left:8px;
    width:288px;
    }
    
/* position right arrows */
div.scroll_controls a.rt {
    position:absolute;
    right:0;
	 width: 288px;
    }

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