/* 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    
*/

div#window1
{ 
    height:122px;
}
div#outerLayer1
{
    height: 134px;    
}
.image1-petite
{
    height: 110px;
    margin-top: 5px;
    margin-left: 10px;
    margin-right: 10px;
    /*
    max-height: 122px;
    height:expression(this.clientHeight > 122 ? 122: true );
    */
}
.image1
{
    height: 122px;
    /*
    max-height: 122px;
    height:expression(this.clientHeight > 122 ? 122: true );
    */
}

div#window2
{ 
    height:122px;
}
div#outerLayer2
{
    height: 134px;    
}
.image2
{
    height: 122px;
    /*
    max-height: 122px;
    height:expression(this.clientHeight > 122 ? 122: true );
    */
}
/* long bases */
div#window3
{
    
    height:72px;
}
div#outerLayer3
{
    height: 84px;    
}
.image3
{
    height: 72px;
    /*
    max-height: 72px;
    height:expression(this.clientHeight > 72 ? 72: true);
    */
}

div#window4
{
 
    height:178px;
}
div#outerLayer4
{
    height: 190px;    
}
.image4
{
    height: 178px;
    /*
    max-height: 178px;
    height:expression(this.clientHeight > 178 ? 178: true );
    */
}
/* normal or single */

div#window5
{
 
    height:230px;
}
div#outerLayer5
{
    height: 242px;    
}
.image5
{
    height: 230px;
    /*
    max-height: 230px;
    height:expression(this.clientHeight > 230 ? 230: true );
    */
}
td.picture
{
    padding-right: 5px;
    padding-left: 5px;
}

div.scrollPadding
{
    padding-top: 3px;
}

div.outerLayer
{
    border: solid 1px #dfdbd9;
    width: 515px;
    position: relative;    
}
div.hold	{ 
	position:relative; overflow:hidden;
    width: 518px;
	left: 20px;
    
	}
div.window	{ 
	position:absolute; 
	top:5px; 
	left:6px; 
	overflow:hidden;	
	width: 500px;
	}
div.layer	
{ 
	position:absolute; visibility:hidden;
}



/* Set small font-size or size/position of div's will be off in some browsers  */
div.scrollbar 
{
    position: relative;
  width:514px; height:11px;
  font-size:1px; z-index:2;
  }
div.track { 
  position:absolute; left:12px; top:0;
  width:492px; height:9px; z-index:1;
  background: url(images/track.gif) repeat;
  }
div.dragBar {
  position:absolute; left:1px; top:1px;
  width:20px; height:9px; z-index:1;
  background-color:#665e53;
  }  
div.left { position:absolute; left:0; top:0; z-index:2 }  
div.right { position:absolute; left:503; top:0; z-index:3 }




/* start vertical */

/* Styles for scrolling layers and scrollbars  */
div#holder9 { 
  float: left;
  position:relative; overflow: hidden; 
  width:720px; height:350px; }
div#wn9  { 
  position:absolute; left:0; top:0;
  width:720px; height:350px; ); 
  overflow:hidden;
  }
/* op7 needs width set here too (?) */  
div#lyr9 { width:520px }
div.contentx { 
  position:absolute; 
  left:0; top:0; 
  }  

/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar9 { 
  position:relative;
  float:left;
  width:11px; height:350px; 
  font-size:1px; z-index: 2;
  }
div#track9 { 
  position:absolute; left:0; top:12px;
  width:11px; height:326px;
  background: url("images/vtrack.gif") repeat;

  }
div#dragBar9 {
  position:absolute; left:1px; top:1px;
  width:9px; height:30px; z-index:1;
  background-color:#665e53;

  }  
div#up9 { position:absolute; left:0; top:0; z-index:2 }  
div#down9 { position:absolute; left:0; bottom:0; z-index:3 }