#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 200;
top: 500;
width: auto;
/*padding: 2px 2px 2px 2px;*/
padding: 3px;
/*padding-bottom: 0;*/
margin: 0px 0px 0px 0px;
background-color: #cc9c41;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#footerbar{ 
/*display:none;*/
height: 25px;
/*background: url('img/closebox.gif') no-repeat center left;*/
font: bold 12px Tahoma;
/*letter-spacing: 5px;*/
/*line-height: 1.1em;*/
color: #413830;
text-align: center;
margin: 0px 0px 0px 0px;
padding: 3px 0px 0px 0px;
}

#footerleft{
	float:left;
}

#footerright a{
	float:right;
	width:24px;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}
#footerright a:hover{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
 background-color: white; 
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
margin: 0px 0px 0px 0px;
z-index: 5;
}

#thumbBox{
/*	overflow: hidden;
	position: relative;*/
	height: auto;
	}


#thumbImage{
/*	height: 100%;*/
	height: auto;
	}


#thumbBox a
{
	font-size: 100%;
	text-decoration: none;
	color: inherit;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;	
}

#right, #left
{
	position: absolute;
	height: 99%;
	width: 15%;
	cursor: pointer;
	z-index:10;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

* html #right, * html #left
{
	filter:alpha(opacity=50);
}

#thumbBox a:link, #thumbBox a:visited {
	text-decoration: none;
	color: #000;
}

#thumbBox a:hover, #thumbBox a:visited:hover
{
	text-decoration:underline;
	text-indent: 0;
	color: #00f;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

#left
{
	position: absolute;
	left: 0;
	top: 0;
	background: url('img/fleche1.png') no-repeat center left;
}

* html #left { background: url('img/fleche1.gif') no-repeat center left; }

#right
{
	position: absolute;
	right: 0;
	top: 0;
	background: url('img/fleche2.png') no-repeat center right;
}

* html #right { background: url('img/fleche2.gif') no-repeat center right; }