.thumbnail, .thumbnail2, .thumbnail3{
position: relative;
z-index: 3;
}


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

.thumbnail span, .thumbnail2 span, .thumbnail3 span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -400px;
border: 1px dashed gray;
visibility: hidden;
color: #039;
font-size:10px;
text-decoration:underline;
text-align: center;
font-weight:bold;
z-index:4;
}

.thumbnail span img, .thumbnail2 span img, .thumbnail3 span img, .thumbnailtable span img{ /*CSS for enlarged image*/
border: 2px solid #6691CC;
padding: 2px;
margin: 10px 2px 2px 2px;
background: #FFFFFF;
float:left;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */
}



.thumbnail2:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -140px; /*position where enlarged image should offset horizontally */

}


.thumbnail3:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -390px; /*position where enlarged image should offset horizontally */

}

.thumbnailtable{
position: relative;
z-index: 1;
}

.thumbnailtable:hover{
background-color: transparent;
z-index: 1;
}

.thumbnailtable span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
border: 1px dashed #333;
visibility: hidden;
color: #990000;
font-size:100%;
text-decoration: none;
width:200px;
margin-left:90px;
}


.thumbnailtable:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 210px; /*position where enlarged image should offset horizontally */

}