div.viewer	{padding: 0; margin: 0; clear: both; border: 1px solid #ff00ff;}

.buttons	{margin-top: 4px; padding: 2px; text-align: center;}
span.link, span.nextImg {color:#959595;padding:0 5px;cursor:pointer;}
p.buttons span.active, p.buttons span:hover, #prevImg:hover, #nextImg:hover{ color:#000;}

.handles	{display: inline; text-align: center;}

#imgBox0, #imgBox1, #imgBox2, #imgBox3, #imgBox4, #imgBox5, #imgBox6, #imgBox7, #imgBox8, #imgBox9, #imgBox10	{position: relative; margin: 0; padding: 0; border: 0; }

.viewerbox img	{
	float:left;
	width: 576px;
	height: auto;
	margin: 0; 
}

.smallbclandscape img	{width: 280px;height: auto;}
.smallbcsquare img	{width: 280px;height: auto;}
.smallbcportrait img	{width: 280px;height: auto;}
.mediumaletterlandscape img	{width: 576px;height: auto;}
.mediumpcportrait img	{width: 320px;height: auto;}
.mediumpclandscape img	{width: 460px;height: auto;}
.mediumpcsquare img	{width: 460px;height: auto;}
.mediumletterportrait img	{width: 500px;height: auto;}
.mediumletterportraitfull img	{width: 870px;height: auto;}
.mediumletterportraitnotfull img	{width: 870px;height: auto;}

.mask	{
	position:relative;
	width: 280px;
	height: 180px;
	margin:auto;
	overflow:hidden;
	/*border: 1px solid #0000ff;*/ 
}

.masksmallbclandscape	{ width: 280px; height: 180px;}
.masksmallbcsquare	{ width: 280px; height: 280px;}
.masksmallbcportrait	{ width: 280px; height: 400px;}
.maskmediumaletterlandscape	{width: 576px;height: 400px;}
.maskmediumpcportrait	{width: 320px;height: 460px;}
.maskmediumpclandscape	{width: 460px;height: 320px;}
.maskmediumpcsquare	{width: 460px;height: 460px;}
.maskmediumletterportrait	{width: 500px;height: 708px;}
.maskmediumletterportraitfull	{width: 870px;height: 615px;}
.maskmediumletterportraitnotfull	{width: 870px;height: 400px;}

.mask img	{position:absolute; display:block; border:none;}
#imgBox { position:absolute;}