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

div#img-container { 
	width: 335px; height: auto; 
	margin: 0;  
	
}
#img0, #img1, #img2, #img3, #img4, #img5, #img6, #img7, #img8, #img9, #img10, #img11, #img12, #img13, #img14, #img15, #img16, #img17, #img18, #img19, #img20, #img21, #img22, #img23, #img24, #img25, #img26, #img27, #img28, #img29, #img30 { 
	position: absolute;
	width: 600px;
	height: 400px;
}

div#imgTools { 
	clear: both;
	width: 600px;
	margin: 405px 0 0 0; 
	padding: 0; 
}
div#imgTools p { margin: 0; padding: 0; } 
.fleft { float: left; }
.fright { float: right; }

div#thumbs {
	clear: both;
	margin: 5px 0;
	padding: 4px;
	width: 600px;
	height: auto;
	border: 1px solid #666;
}
div#thumbs ul {
	width: 2300px;
	margin: 4px 0 0 5px; padding: 0;
	overflow:hidden;
	o
}
div#thumbs li { 
	float: left;
	margin: 0; padding: 0 5px 0 0;
	list-style: none;
}
div#thumbs img { border: 0; }

.show { visibility: visible; }
.hide { visibility: hidden; }


/***** Clearing floats: http://www.positioniseverything.net/easyclearing.html *****/
#detail ul {clear: both; width: 580px; margin: 5px; padding: 0; list-style: none; }
#detail li { float: left; list-style: none; margin: 0; padding: 0 5px 0 0; }
#detail img { margin: 0; padding: 0; border: 0; }
#detail p { clear: both; margin: 5px; padding: 0; border: 0; }
#detail #moreviews { background-color: #CCC; margin: 0 0 0 5px; padding: 3px 5px; width: 100px; text-align: center; }


/***** Clearing floats: http://www.positioniseverything.net/easyclearing.html *****/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	
}
.c\learfix:after { line-height: 0; }
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 0%; }
.clearfix { display: block; }