body{background: #000; color: rgb(255, 204, 51);}

a:link  {color: #3C3; text-decoration: underline; background-color: #000;}
a:active  {color: #3F3; background: #000;}
a:visited {color: #C0C; background: #000;}
a:hover  {color: #FF3; background: #000;}

a.enlarge:link  {color: rgb(255, 204, 51); font-family: Arial, sans-serif; font-size: 12pt; background-color: #000; text-decoration: underline;}
a.enlarge:hover  {color: #fe7133; background: #000;}
a.enlarge:visited {color: #e6e6fa; background: #000;}

p {font-family: arial, sans-serif; font-size: 12pt; color: rgb(255, 204, 51); background-color: #000;}

.saleslink {position: absolute; left: 18%; top: 0;}

.images {position: absolute; left: 2%; top: 8%; width: 100px;}

.image {position: absolute; left: 12%; top: 2%;}

.nav {position: absolute; left: 4%; top: 340%; width: 600px;}

.button {position: absolute; left: 85%; top: 8%; background-color: #000; color: rgb(255, 204, 51);}

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

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

.thumbnail span{ /*CSS for enlarged image*/
position: fixed;
background-color: #000;
padding: 5px;
left: -1000px;
border: 0px;
visibility: hidden;
color: rgb(255, 204, 51);
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: 40%; /*position where enlarged image should offset horizontally */
top: 18%;
}