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

/*
 * The jgal div contains the product thumbnails in the gallery view.  
 */
 
#jgal{width:1050px;min-height:450px;float:left;padding:50px 20px 0px 20px;}


/*
 *  itemImage div class is used to contain a thumbnail and hidden rollover image.  The imgPlace subclass is used for relative
 *  positioning of the rollover image
 */	

.itemImage {
	position:relative;
	float:left;
	width:150px;
	height:150px;
	margin:0px 30px 60px 30px;
	text-decoration:none;
			}
			
.itemImage a {outline:none;}
.itemImage img {border:none;}					
.itemImage :hover .imgPlace1 {visibility: visible; top:-150px; left:200px; z-index:150;}
.itemImage .imgPlace1{position:absolute; visibility:hidden;width:auto;}
.itemImage :hover .imgPlace2 {visibility: visible; top:-150px; left:200px; z-index:150;}
.itemImage .imgPlace2 {position:absolute; visibility:hidden;width:auto;}
.itemImage :hover .imgPlace3 {visibility: visible; top:-150px; right:200px; z-index:150;}
.itemImage .imgPlace3 {position:absolute; visibility:hidden;width:auto;}
.itemImage :hover .imgPlace4 {visibility: visible; top:-150px; right:200px; z-index:150;}
.itemImage .imgPlace4 {position:absolute; visibility:hidden;width:auto;}
.itemImage :hover .imgPlace0 {visibility: visible; top:-150px; right:200px; z-index:150;}
.itemImage .imgPlace0 {position:absolute; visibility:hidden;width:auto;}

#styleGal{position:relative; width: 950px;min-height:600px;float:left;padding-top:20px;padding-bottom:20px;}
.styleItem{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	text-decoration:none;
	height:200px;
	margin:10px 0px 10px 0px;
	overflow:auto;
}
.styleItem a{text-decoration:none;color:white;width:500px;}
.styleItem img {vertical-align:text-top;margin:5px 20px 5px 50px;width:auto;height:auto;float:left;border:1px solid white;}
.styleContent {padding:0px 40px 10px 40px;margin-left:130px;}
.styleContent .styleHeader {font-size:1.2em;font-weight:200;line-height:2em;}

