/* LIGHTBOX: overlay with opacity
-------------------------------------------------------------------------------------------------- */	

#overlay {
position:absolute;
top:0;
left:0;
z-index:90;
width:100%;
height:500px;
background-color:#000;
filter:alpha(opacity=10);
-moz-opacity:0.1;
opacity:0.1;
}


/* LIGHTBOX: position the lightbox over the overlay
-------------------------------------------------------------------------------------------------- */	

#lightbox {
position:absolute;
top:20px;
left:0;
width:100%;
z-index:100;
line-height:0;
}


/* LIGHTBOX: wrappers for product info and extra thumbnail conatainers
-------------------------------------------------------------------------------------------------- */	

#lightbox #imageDataContainer {
margin:0 auto;
padding-top:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
line-height:100%;
background-color:#fff;
text-align:center;
border-left:4px solid #555;
border-right:4px solid #555;
border-top:4px solid #555;
}

#lightbox #imageDataContainer #imageData {
margin:0px 20px;
}


/* LIGHTBOX: product info wrapper
-------------------------------------------------------------------------------------------------- */	

#lightbox #imageDataContainer #imageData #imageDetails {
}	

#lightbox #imageDataContainer #imageData #imageDetails #windowClose {
float:right;
text-align:right;
}
	
#lightbox #imageDataContainer #imageData #imageDetails #windowClose #close {
}

#lightbox #imageDataContainer #imageData #imageDetails #numberDisplay {
display:block;
padding-top:10px;
}	

#lightbox #imageDataContainer #imageData #imageDetails #textforlightbox {
text-align:left;
}

#lightbox #imageDataContainer #imageData #imageDetails #textforlightbox p {
margin:0px 0px 10px 0px;
padding:0px;
}

#lightbox #imageDataContainer #imageData #imageDetails #textforlightbox .sku {
font-size:90%;
}

#lightbox #imageDataContainer #imageData #imageDetails #textforlightbox .price {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:90%;
font-weight:bold;
}


/* LIGHTBOX: extra thumbs
-------------------------------------------------------------------------------------------------- */	

#lightbox #imageDataContainer #imageData #imageDetails #extraThumbs {
padding:5px 0px;
clear:both;
text-align:center; 
}

#hidethisimagelist {

}

#hidethisimagelist img {
margin:0px;
height:6em;
border:3px solid white;
}
	
#hidethisimagelist {
display:none;
}

.inline {
display:inline !important;
}


/* LIGHTBOX: hovering next and previous links
-------------------------------------------------------------------------------------------------- */	

#lightbox #hoverNav {
display:none;
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
z-index:10;
}

#lightbox>#hoverNav {
left:0;
}

#lightbox #hoverNav a {
outline:none;
}

#lightbox #hoverNav #prevLink, 
#lightbox #hoverNav #nextLink {
display:block;
width:49%;
height:100%;
background:transparent url(../graphics/blank.gif) no-repeat; /* Trick IE into showing hover */
}

#lightbox #hoverNav #prevLink:hover, 
#lightbox #hoverNav #prevLink:visited:hover { 
background:url(../graphics/prevlabel.gif) left 15% no-repeat; 
}

#lightbox #hoverNav #nextLink:hover, 
#lightbox #hoverNav #nextLink:visited:hover { 
background: url(../graphics/nextlabel.gif) right 15% no-repeat; 
}


/* LIGHTBOX: wrapper around main image container with a white background
-------------------------------------------------------------------------------------------------- */	

#lightbox #outerImageContainer {
position:relative;
margin:0 auto;
width:250px;
height:250px;
background-color:#fff;
border-left:4px solid #555;
border-right:4px solid #555;
border-bottom:4px solid #555;
}


/* LIGHTBOX: main image container padded in to create border
-------------------------------------------------------------------------------------------------- */	

#lightbox #outerImageContainer #imageContainer {
padding:15px;
}


/* LIGHTBOX: main image pre loader
-------------------------------------------------------------------------------------------------- */	

#lightbox #outerImageContainer #imageContainer #loading {
position:absolute;
top:20%;
left:0%;
height:25%;
width:100%;
line-height:0;
text-align:center;
}