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

.thumbnail
{
position: relative;
z-index: 0;
padding-left:40;
padding-right:40;
}

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

.thumbnail span /*CSS for enlarged image*/
{
position: absolute;
left: -1000px;
/*background-color: lightyellow;
padding: 5px;
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;
left: 20px; /*position where enlarged image should offset horizontally */
top: 10px;
}


/*Right Side of Page*/

.thumbnail2
{
position: relative;
z-index: 0;
padding-left:40;
padding-right:40;
}

.thumbnail2:hover
{
background-color: transparent;
z-index: 50;
text-decoration: none;
}

.thumbnail2 span /*CSS for enlarged image*/
{
position: absolute;
left: -1000px;
/*background-color: lightyellow;
padding: 5px;
border: 1px dashed gray;*/
visibility: hidden;
color: black;
text-decoration: none;
}

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

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