/*		Hints		*/



#previewimageid{

	position: absolute;

	visibility: hidden;

	left: 0px;

	top: 0px;

	width: 250px;

	z-index: 200;

	text-align: left;

	border: 1px solid #FD6500;

}

#previewimageid dl{

	background: url('bg_infobox.png') repeat-x top;

	margin: 0px;

	border: 1px solid #FFF; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px

}

#previewimageid dt{

	font-size: 120%;

	padding-bottom: .3em;

	margin: 0;

	color: #FD6500;



	border-bottom: 1px solid #DDD;

	font-weight: bold;

}

#previewimageid dd{

	border-top: 1px solid #FFF;

	padding: .3em 0 0 0;

	margin: 0;

	color: #666;

	font-size: 90%;

}

.td-st1 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	background-color: #FEF4CD;

	border-top: 1px solid #FFFFFF;

	border-right: 1px solid #000000;

	border-bottom: 1px solid #000000;

	border-left: 1px solid #FFFFFF;

	color: #333333;







}



.thumbnail{

position: relative;

z-index: 0;

}



.thumbnail:hover{

background-color: transparent;

z-index: 50;

}



.thumbnail span{ /*CSS for enlarged image*/

position: absolute;

background-color: #FFFFE0;

padding: 5px;

left: -1000px;

border: 1px dashed gray;

visibility: hidden;

color: black;

text-decoration: none;

}



.thumbnail span img{ /*CSS for enlarged image*/

border-width: 0;

padding: 2px;

}



.thumbnail:hover span{ /*CSS for enlarged image on hover*/

visibility: visible;

top: 0;

left: 60px; /*position where enlarged image should offset horizontally */



}

<!--

td {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #000000;

}

   a:link{text-decoration: none; color:#ffffff}

-->