<style type="text/css">

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

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

.thumbnail:hover{ font-size: x-small; background-color: transparent; position: relative; z-index: 50; }

.thumbnail span{ /*CSS for enlarged image*/
position: absolute; background-color: #e8e8be; width: 210px; padding: 5px; border: solid 1px #e8e8be; visibility: hidden; color: black; text-decoration: none; left: -1000px; }

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

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
top: -20px; left: -190px; visibility: visible; /*position where enlarged image should offset horizontally */
*top: 30px; left: -190px; visibility: visible;

}

</style>
