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




table.colorchips { border-top:1px dashed #999999; 
border-spacing:0px; padding:0px; text-align:left; margin-bottom:10px; padding-left:6px;}

.instruction {position:relative; top:100px; left:275px; padding:10px; border:1px dashed #999999; width:250px;}

table.colorchips td {width:57px;  height:20px; font:bold 6.5pt "verdana", arial, sans-serif; color:#016870; vertical-align:top;}

.gallerycontainer{
position: relative; top:-60px;  height:420px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}
.gallerycontainer h2 {font-size:1.1em; }



.thumbnail img{
border: 0;
margin: 10px 0 0 0; 
}

.thumbnail:hover{
background-color: white; text-decoration:none;
}

.thumbnail:hover img{
border: 0;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute; 
background-color: #E6E6E6;
padding: 0;
border: 0;
visibility: hidden;
}

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

.thumbnail span { /*CSS for enlarged text*/
color:#016870;
padding: 10px 4px 4px 24px;
}
.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 84px;
left: 275px; /*position where enlarged image should offset horizontally */
z-index:2; width:324px;height:390px;
font-size:1.4em; text-align:left; text-decoration:none;
}