.galleria{list-style:none;width:470px;margin:10px 0 0 0;padding:0;}
.galleria li{display:block;width:64px;height:48px;overflow:hidden;float:left;margin:0 0px 0px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px;margin-bottom:10px;}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}

.caption{display:block;min-height:10px;width:460px;border:1px solid #cccccc;padding:5px;margin-top:5px;}

* html .galleria li div span{width:400px} /* MSIE bug */
/* No, you're using fixed-sizes which stretch/squeeze images, reducing quality,
instead of fixing max bounds for width and height instead - SMB 08.12.08 */
/* I've left in case it conflicts with anything else, but adjusted the following img.replaced class */

img.replaced
{
	max-width:460px;
	max-height:345px;
	border:1px solid #630060;
	padding: 5px;
	margin: 0;
}

.galleria li
{
	text-align:center;
	/*padding:4px;
	border:1px solid #630060;*/
	border:2px solid #ffffff;
}

.galleria li.active
{
	border:2px solid #8BCC3F;
}

.galleria li.hover
{
	border:2px solid #630060;
}