/* CSS Document */
@charset "UTF-8";
/* CSS Document */


/*4 pics can fit inside a ThumbnailRow*/

.ThumbnailRow{
    height:100px;
    padding-top:2px;
	padding-bottom:2px;
    clear:both;
    float:left;
}

/*This is the actual thumbnail div - */

.Thumbnail{
    padding-left:2px;
	text-align:center;
    float:left;
}

/*Thumbnail div for the highlighted image
.Thumbnail-Highlight{
    width:137px;
    height:180px;
    padding-left:2.4px;
    float:left;
    padding-top:2px;
}*/

/*The next 2 classes dictate the image opacity, except on hover when opacity is 1 (or normal). Note: the first code is to handle IE*/

.Thumbnail img {
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.Thumbnail a:hover img {
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
    opacity: 1;
}