<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */


.thumbnail{
	position: relative;
	z-index: 0;
}

.thumbnail:hover{
	background-color: transparent;
	z-index: 50;
}

.thumbnail span{ /*CSS for enlarged Image*/
	position: absolute;
	background-color: white;
	background:#333; 
	padding: 5px;
	left: -1000px;
	border: 1px solid gray;
	visibility: hidden;
	text-decoration: none;
	text-align:left;
	display:block; 
	color:#ddd;
	border-right:1px solid #fff;
	line-height:20px; 
	font-size:11px;
	font-weight: normal;
}

.thumbnail span img{ /*CSS for enlarged Image*/
	border-width: 0;
	padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged Image on hover*/
	visibility: visible;
	position: absolute;
	left: 25%;
	/*top: clientY;
	/*left: 25px; /*position where enlarged Image should offset horizontally */
	/*left: 125px; /*position where enlarged Image should offset horizontally */
}

</style>

