/* Thumbnail border colors */

div.xxfilmstrip
{

	width: 10px;
	margin-left: 2px;
	white-space: nowrap;
	overflow: auto;
}

iframe.filmstrip
{
	white-space: nowrap;
	overflow: auto;
}

.imgBrdr{}

.imgInsideBorder{}

.totals
{
	color: #666666;
}

body.thumbNail
{
	margin: 4px;
	color: #FFFFFF;
}

/* Thumbnail border colors */
.imgOn
{

	border: 3px solid #660000;
	margin: 4px;
}

.imgOff
{
	border: 3px solid white ;
	margin: 4px;
}

.imgBrdr{}

.imgInsideBorder{}

.totals{color:#666666;}

/* the width:1000000 is a FireFox hack because it was not displaying images that were out of view*/
.filmstripContainer
{

/*	width: 1000000px;*/
	width: 700px;
	height: 150px;
	white-space: nowrap !important;
	position: relative;
	left: 10px;
	overflow: auto !important;
}

#filmStripIframe
{
	width: 90%;
	height: 170px;
	width: 90%;
}

.largeImageContainer, div#gimg
{
	margin: 0 !important;
	padding: 0 !important;
	width: 100%;
	height: 500px !important;
}

div.largeImageContainer img
{
/*	margin: 0 !important;
	padding: 0 !important;
	width: auto !important;
	height: auto !important;*/
/*	left: 0 !important;*/
/*	border: 2px solid yellow !important;
	display: block !important;
	margin-left: auto !important;
	margin-right: auto !important;*/
}

#gal_buts
{
	position: relative !important;
	top: 0;
	left: 325px;
	width: 120px;
	text-indent: 0;
}
#gal_buts img
{
	left: 0;
	height: 45px!important;
	width: 45px !important;
}

img.big_pic
{
	margin: 0 !important;
	padding: 0 !important;
	width: auto !important;
	height: auto !important;
	display: block !important;
	margin-left: auto !important;
	margin-right: auto !important;
	border: 0;
}

table#gallery
{
	position: relative;
	left: 10px;
}

table#gallery td
{
	vertical-align: middle;
	border: 0;
}

#but_lf, #but_rt
{
	width: 45px !important;
}

#but_lf img
{
	left: 0;
	height: 32px!important;
	width: 45px !important;
}

#but_rt img
{
	left: 0;
	height: 32px!important;
	width: 45px !important;
}

td#disp_img
{
	width: 660px !important;
	text-align: center !important;
}