/* Styles for scrolling layers  
	 Specify width and height in hold and wn, and in clip for wn. 
   hold div height accommodates scrollbar in this example    
*/
/* ///////////////////////////////////////////////////////////////////////////  */
/* /set 01////////////////////////////////////////////////////////////////////  */
/* ///////////////////////////////////////////////////////////////////////////  */
div#hold	{
	position:relative;
	overflow:hidden;
	width:804px;
	height:380px;
	z-index:100;
	top: 110px;
	left: 80px;
	}
	
div#wn	{ 
	position:absolute; 
	left:0px; top:0px; 
	width:804px; height:380px; 
	clip:rect(0px, 804px, 380px, 0px); 
	overflow:hidden;	
	z-index:1; 
	}

div#lyr1	{ 
	position:absolute; visibility:hidden; 
	left:0px; top:0px; 
	z-index:1; 
	}

/* ///////////////////////////////////////////////////////////////////////////  */
/* /set 02////////////////////////////////////////////////////////////////////  */
/* ///////////////////////////////////////////////////////////////////////////  */
div#hold2	{
	position:relative;
	overflow:hidden;
	width:800px;
	height:400px;
	z-index:100;
	top: 110px;
	left: 80px;
	}
	
div#wn2	{ 
	position:absolute; 
	left:0px; top:0px; 
	width:800px; height:340px; 
	clip:rect(0px, 800px, 340px, 0px); 
	overflow:hidden;	
	z-index:1; 
	}
	
div#lyr2	{ 
	position:absolute; visibility:hidden; 
	left:0px; top:0px; 
	z-index:1; 
	}
	
div#scrollbar2 {
	position:relative;
	width:414px;
	height:13px;
	font-size:1px;
	z-index:2;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 170px;
	top: 370px;
  }
	
/* ///////////////////////////////////////////////////////////////////////////  */
/* Set small font-size or size/position of div's will be off in some browsers  */
/* ///////////////////////////////////////////////////////////////////////////  */

  
div#scrollbar {
	position:relative;
	width:414px;
	height:13px;
	font-size:1px;
	z-index:2;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 170px;
	top: 345px;
  }
div#track {
	position:absolute;
	left:9px;
	top:0;
	width:396px;
	height:13px;
	z-index:1;
	background-color: #BAB19B;
	background-image: url(../images/product_nav/bar_track.gif);
	background-repeat: no-repeat;
  }
div#dragBar {
	position:absolute;
	left:0px;
	top:0px;
	width:50px;
	height:11px;
	z-index:1;
	background-color:#4A2120;
	background-image: url(../images/product_nav/bar_scrub.gif);
	background-repeat: repeat-x;
  }
  div#dragBarGrip {
	position:relative;
	margin:0 auto 0 auto;
	top:3px;
	width:17px;
	height:5px;
	z-index:1;
	background-color:#4A2120;
	background-image: url(../images/product_nav/bar_scrub_grip.gif);
  }  
div#left { position:absolute; left:50; top:0; z-index:2 }  
div#right { position:absolute; right:0; top:0; z-index:3 }
  
/* Styles for demo, not necessary for scrolling layers   
body { 
  overflow:hidden; margin:14px;
  font: 12px verdana, arial, helvetica, sans-serif;
  }
h1 { 
  font-size:1.4em; 
  margin:0 0 2em 0; 
  }
a:link { color:#33c }	
a:visited { color:#339 }	
a img { border:none }
*/