img.small {border: none; text-decoration: none;}
/* displays no border around images on the left */

div#sizes a img.large {height: 0; width: 0; border-width: 0;}
/* hide the larger image by setting its height and width to zero */

div#sizes a:hover img.large {position: absolute; top: 68px; left: 170px; height: 389px; width: 500px; border: none;}
/*make the large image appear in the same space as the frame on the right when a user hovers over one of the smaller images on the left side of the web page */

p {margin-bottom: 26px; margin-top: 26px; font-size: small; font-family: Verdana, Arial, sans-serif; color: #100375;}
/* add bottom and top margins to p element so they are somewhat aligned with the large image */