/* Styles for scrolling layers  
	 Specify width and height in hold and wn, and in clip for wn */
.scroll1 {position:relative; clear:left; overflow:hidden; top:7px; left:170px; height:200px; width:320px;}
.scrollcont {position:relative; height:220px;}

div#hold	{
	width:200px;
	height:152px;
	z-index:100;
	background-image: url(../images/thumbnails.gif);
	margin-right: auto;
	position: absolute;
	left: 0px;
	top: 0px;
	}
div#header	{
	position:absolute;
	left:0px;
	top:0px;
	width:200px;
	height:14px;
	z-index:1;
	font: 10px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
	text-align: left;
	color: #000000;
	padding-top: 6px;
}
div#btnLeft	{
	position:absolute;
	left:0px;
	width:30px;
	z-index:5;
	visibility: visible;
	top: 50px;
	height: 30px;
	}
div#btnRight	{
	position:absolute;
	left:290px;
	width:30px;
	z-index:5;
	visibility: visible;
	top: 50px;
	height: 30px;
	}
div#wn2	{
	position:absolute;
	width:300px;
	height:150px;
	clip:rect(0px, 600px, 160px, 0px);
	overflow:hidden;
	margin-left:20px;
	left: -10px;
	top: 0px;

}
div#wn1	{
	position:absolute;
	width:300px;
	height:150px;
	clip:rect(0px, 600px, 160px, 0px);
	overflow:hidden;
	margin-left:20px;
	left: -10px;
	top: 0px;

}
div#wn4	{
	position:absolute;
	width:300px;
	height:150px;
	clip:rect(0px, 600px, 160px, 0px);
	overflow:hidden;
	margin-left:20px;
	left: -10px;
	top: 0px;

}
div#wn3	{
	position:absolute;
	width:300px;
	height:150px;
	clip:rect(0px, 600px, 160px, 0px);
	overflow:hidden;
	margin-left:20px;
	left: -10px;
	top: 0px;

}

div#lyr1 {
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
	height: auto;
	padding-top: 0px;
	overflow: hidden;
	width: 900000px;
	}
div#lyr2 {
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
	height: auto;
	padding-top: 0px;
	overflow: hidden;
	width: 900000px;
	}
	
	div#lyr3 {
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
	height: auto;
	padding-top: 0px;
	overflow: hidden;
	width: 900000px;
	}
div#lyr4 {
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
	height: auto;
	padding-top: 0px;
	overflow: hidden;
	width: 900000px;
	}
div#thumbTitle {
	max-width:60;
	font-size: 10px;
	width: 120px;
	overflow: hidden;
}  
table#t1 td { width:150px; vertical-align:middle; text-align:center }
table#t2 td { width:150px; vertical-align:middle; text-align:center }
table#t3 td { width:150px; vertical-align:middle; text-align:center }
table#t4 td { width:150px; vertical-align:middle; text-align:center }

/* Styles for demo, not necessary for scrolling layers */  
body { overflow:hidden; text-align:center; }
body, td {
	font: 12px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
}
h1 { 
  font-size:1.4em; 
  margin:1.5em 0 2em 0; 
  }
a:link { color:#33c }	
a:visited { color:#339 }	
a img { border:none }

table.main {
	margin:auto;
	background-color:#FFFFFF;
	border:1px solid #666;
}
td.arrows a { padding:0 1em }
td.spacer { width:38px }
td.footer { text-align:center; margin:.8em 0 .6em }  
div#headerleft {
	position:absolute;
	left:0px;
	top:0px;
	width:200px;
	height:14px;
	z-index:1;
	font: 10px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
	text-align: left;
	color: #000000;
	padding-top: 6px;
}
div#headerright {
	position:absolute;
	left:200px;
	top:0px;
	width:200px;
	height:14px;
	z-index:1;
	font: 10px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
	text-align: right;
	color: #000000;
	padding-top: 6px;
}