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

.thumbnail:hover {
background-color: transparent;
text-shadow: #FFFFFF 0px 0px 0px;
}

.thumbnail span { /*CSS for enlarged image*/
position: absolute;
font-size: 12px;
line-height: 12px;
color: #000066;
font-family: verdana, arial, helvetica, helve, sans-serif;
background-color: #99F;
border: 1px solid #000099;
padding: 16px;
visibility: hidden;
text-decoration: none;
}

.thumbnail:hover span.back { /*CSS for enlarged image on hover*/
visibility: visible;
position: fixed;
Top: 160px;
right: 40px;
width: 200px;
height: 260px;
z-index: 50;
opacity: 0.60; /*position where enlarged image should offset horizontally */

}

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

.thumbnail:hover span.pic { /*CSS for enlarged image*/
visibility: visible;
position: fixed;
Top: 180px;
right: 65px;
z-index: 60;
opacity: 1.00;
}


.thumbnail2{
position: relative;
z-index: 0;
background-color: transparent;
}

.thumbnail2:hover {
background-color: transparent;
}

.thumbnail2 span { /*CSS for enlarged image*/
position: absolute;
font-size: 12px;
line-height: 12px;
color: #000066;
font-family: verdana, arial, helvetica, helve, sans-serif;
background-color: #CCF;
border: 1px solid #000099;
padding: 16px;
visibility: hidden;
text-decoration: none;
}

.thumbnail2:hover span.back { /*CSS for enlarged image on hover*/
visibility: visible;
position: fixed;
Top: 160px;
left: 540px;
width: 200px;
height: 260px;
z-index: 50;
opacity: 0.60; /*position where enlarged image should offset horizontally */

}

.thumbnail2 span.pic { /*CSS for enlarged image*/
background-color: transparent;
border-width: 0;
padding: 2px;
}

.thumbnail2:hover span.pic { /*CSS for enlarged image*/
visibility: visible;
position: fixed;
Top: 180px;
left: 565px;
z-index: 60;
opacity: 1.00;
}