#lbcontainer { position: absolute; width: 650px; height: 530px; top: 0px; left: 0px; margin-left: -30px; }
#lightbox { width: 760px; height: 800px; position: absolute; z-index: 100; top: 10px !important; left: -364px; margin: 0px 0px 0px 50%; text-align: center; line-height: 0; }
html>body #lightbox { position: fixed; }
#lightbox a img { border: none; }

#outerImageContainer { position: relative; width: 600px; height: 460px; top: 0px; left: 0px; background-color: #fff; margin: 0px auto; }
#imageContainer { padding: 5px; background: #fff; }

#loading { width: 100%; height: 25%; position: absolute; top: 40%; left: 0%; text-align: center; line-height: 0; }
/* border: 2px solid #ff0000; ->apply this border to #loading for testing, then "un-hide" it */


#imageDataContainer { margin: 0px auto; background-color: #fff; text-align: center; line-height: 13px; }

#imageData {padding: 0px 5px 10px 5px; }
	#imageData #imageDetails { text-align: left; padding: 10px 0px 10px 0px; float: left;}	
	#imageData #imageButtons { margin-bottom: 5px; text-align: right; }
		#imageData #imageButtons img { margin: 0px 3px; }
	#imageData #caption, #imageData #credits { font: normal 11px Arial, sans-serif; }
	#imageData #credits { font-style: italic; }
	#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
		

#overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	height:100%;
	width:100%;
	visibility: hidden;
}

* html #overlay { /* ie6 hack */
	position: absolute;
	top:50%;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}



#thumbnails { border: 2px solid white; position: absolute; top: 0px; left: 614px; width: 116px; height: 523px; background: #999999; clear: both;}
#thumbnails div {clear: both; height: 75px; padding: 15px 2px 0px 3px;}
#thumbnails img { clear: both;}
	
#thumbnails #tnailUpDiv, #thumbnails #tnailDownDiv {
		height: 20px;
		cursor: pointer;
	}
	
#lightbox #thumbnails #thumbnailImg3{ 
	clear: both;
	padding: 0px;
	margin-left: 2px;
	border: 4px solid white;
}

#lightbox #thumbnails #thumbnail0,
#lightbox #thumbnails #thumbnail1,
#lightbox #thumbnails #thumbnail2,
#lightbox #thumbnails #thumbnail4,
#lightbox #thumbnails #thumbnail5{
	clear: both;
	padding: 2px 5px 3px 5px;
}
	#galleryInfo { width: 94px; height: 15px; float: left; padding: 5px; background: #fff; font: bold 11px Arial, sans-serif; color: #333; }
		#galleryInfo a { padding: 0px 5px; text-decoration: none; color: #333; }

#adBanner { position: absolute; top: 550px; left: 0px; width: 728px; height: 90px; margin-left: 0px; background: #fff; }

.clearfix:after { height: 0; content: "."; display: block; clear: both; visibility: hidden; }
* html>body .clearfix { display: inline-block; width: 100%; }
* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}

	#nav{
		float: right;
		text-align: right; 
		height: 20px;
		border-style: inset;
		border-width: 0px;
		margin: 0px;
		padding: 0px;
	}
	#nav > *{
		margin: 0px;
		padding: 0px;
	}
	
	#numberDisplay{
		
		color: #787C82;
		margin-left: 3px;
	}
	#cartLink{
	
	}
	#nextLink{
		margin-left: 3px;
	}
	#prevLink{
		margin-left: 3px;
	}
	#bottomNavClose{
	 margin-left: 3px;
	}