.thumbnailn{ position: relative ;z-index: 0;}
.thumbnailn:hover{ background-color: transparent; z-index: 15; }
.thumbnailn span{ /*CSS for enlarged image*/ position: absolute; background-color: #333333; padding: 5px; left: -1000px; top: 0px; border: 1px solid black;
          visibility: hidden; color: white; font-variant: bold; text-decoration: none; font-size: small;}
.thumbnailn span img{ /*CSS for enlarged image*/ border-width: 0; padding: 10px;}
.thumbnailn:hover span{ /*CSS for enlarged image on hover*/ width: 250px; z-index: 15; visibility: visible; top: 39px; left: -50px; /*position where enlarged image should offset horizontally */}


.thumbnailc{ position: relative ;z-index: 0;}
.thumbnailc:hover{ background-color: transparent; z-index: 15; }
.thumbnailc span{ /*CSS for enlarged image*/ position: absolute; background-color: #666666; padding: 5px; left: -1000px; top: 0px; border: 1px solid black;
          visibility: hidden; color: white; font-variant: bold; text-decoration: none; font-size: small;}
.thumbnailc span img{ /*CSS for enlarged image*/ border-width: 0; padding: 10px;}
.thumbnailc:hover span{ /*CSS for enlarged image on hover*/ width: 200px; z-index: 15; visibility: visible; top: -100px; left: -65px; /*position where enlarged image should offset horizontally */}


.thumbnailr{ position: relative ;z-index: 0;}
.thumbnailr:hover{ background-color: transparent; z-index: 15; }
.thumbnailr span{ /*CSS for enlarged image*/ position: absolute; background-color: #666666; padding: 5px; left: -1000px; top: 0px; border: 1px solid black;
          visibility: hidden; color: white; font-variant: bold; text-decoration: none; font-size: small;}
.thumbnailr span img{ /*CSS for enlarged image*/ border-width: 0; padding: 10px;}
.thumbnailr:hover span{ /*CSS for enlarged image on hover*/ width: 200px; z-index: 15; visibility: visible; top: 0px; left: -210px; /*position where enlarged image should offset horizontally */}

.thumbnailf{ position: relative ;z-index: 0;}
.thumbnailf:hover{ background-color: transparent; z-index: 15; }
.thumbnailf span{ /*CSS for enlarged image*/ position: absolute; background-color: #666666; padding: 5px; left: -1000px; top: 0px; border: 1px solid black;
          visibility: hidden; color: white; font-variant: bold; text-decoration: none; font-size: small;}
.thumbnailf span img{ /*CSS for enlarged image*/ border-width: 0; padding: 10px;}
.thumbnailf:hover span{ /*CSS for enlarged image on hover*/ width: 200px; z-index: 15; visibility: visible; top: -75px; left: -210px; /*position where enlarged image should offset horizontally */}

.thumbnaile{ position: relative ;z-index: 0;}
.thumbnaile:hover{ background-color: transparent; z-index: 15; }
.thumbnaile span{ /*CSS for enlarged image*/ position: absolute; background-color: #666666; padding: 5px; left: -1000px; top: 0px; border: 1px solid black;
          visibility: hidden; color: white; font-variant: bold; text-decoration: none; font-size: small;}
.thumbnaile span img{ /*CSS for enlarged image*/ border-width: 0; padding: 10px;}
.thumbnaile:hover span{ /*CSS for enlarged image on hover*/ width: 250px; z-index: 15; visibility: visible; top: 50px; left: -75px; /*position where enlarged image should offset horizontally */}

.thumbnailo{ position: relative ;z-index: 0;}
.thumbnailo:hover{ background-color: transparent; z-index: 20; }
.thumbnailo span{ /*CSS for enlarged image*/ position: absolute; background-color: black; padding: 5px; left: -1000px; top: 0px; border: 1px solid black;
          visibility: hidden; color: white; font-variant: bold; text-decoration: none; font-size: small;}
.thumbnailo span img{ /*CSS for enlarged image*/ border-width: 0;}
.thumbnailo:hover span{ /*CSS for enlarged image on hover*/  padding-top: 300px; padding-left: 100px; width: 400px; height: 600px; z-index: 20; visibility: visible; top: -373px; left: 105px; /*position where enlarged image should offset horizontally */}

.thumbnaila{ position: relative ;z-index: 0;}
.thumbnaila:hover{ background-color: transparent; z-index: 15; }
.thumbnaila span{ /*CSS for enlarged image*/ position: absolute; background-color: #666666; padding: 5px; left: -1000px; top: 0px; border: 1px solid black;
          visibility: hidden; color: white; font-variant: bold; text-decoration: none; font-size: small;}
.thumbnaila span img{ /*CSS for enlarged image*/ border-width: 0;}
.thumbnaila:hover span{ /*CSS for enlarged image on hover*/width: 250px; z-index: 15; visibility: visible; top: 0px; left: 75px; /*position where enlarged image should offset horizontally */}

.thumbnailp{ position: relative ;z-index: 0;}
.thumbnailp:hover{ background-color: transparent; z-index: 15; }
.thumbnailp span{ /*CSS for enlarged image*/ position: absolute; background-color: #666666; padding: 5px; left: -1000px; top: 0px; border: 1px solid black;
          visibility: hidden; color: white; font-variant: bold; text-decoration: none; font-size: small;}
.thumbnailp span img{ /*CSS for enlarged image*/ border-width: 0;}
.thumbnailp:hover span{ /*CSS for enlarged image on hover*/width: 250px; z-index: 15; visibility: visible; top: -200px; left: 260px; /*position where enlarged image should offset horizontally */}