#imageViewer{
    padding: 0px;
    position: absolute;
    margin-left: 210px;
    top: 170px;
	text-align: center;
	font: 11px/1.5em Helvetica, Arial, Verdana, sans-serif;
	color: #212121;
	letter-spacing:0px;
}

#imageHolder{
	background: white;
/*	opacity: 0.90;
	filter: alpha(opacity=90);*/
    width: 500px;
    height: 410px;
    text-align: center;
    position: relative;
}

#comment{
    padding: 5px 3px 5px 3px;
    height: 16px;
    font-family:sans-serif;
    position: relative;
    top: 15px;
}

#slideShow{
	border: 2px solid #FC3;
    height: 300px;
    min-width: 200px;
    position: relative;
    top: 15px;
}

#thumbnailsHolder{
    background-color:#000;
	opacity: 0.60;
	filter: alpha(opacity=60);
    width:100%;
    position: absolute;
    top: 360px;
	padding:0px;
}

.thumbnail{
    max-height:40px;
}

.selectedThumbnail{
    border: 2px solid red;
    max-height:40px;
}

#thumbnails td{
    height: 50px;
    width: 60px;
    background: black;
}

#thumbnails {
    position: relative;
    margin-left: 50px;
    margin-right: 50px;
}

/** own **/

/** main image control buttons **/
div.controls a {
	text-indent: -5000px;
	overflow: hidden;
	outline: none;
	position: absolute;
	top: 0;
	width: 50%;
	height: 70%;
	background-position: center center;
	background-repeat: no-repeat;
	opacity: 0;
	filter: alpha(opacity=0);
	z-index:1;
}

div.controls a#prevB {
	left: 0;
	background-image: url('../img/controller/controller_prev.png');
}

div.controls a#nextB {
	right: 0;
	background-image: url('../img/controller/controller_next.png');
}

div.controls a:hover {
	opacity: 0.40;
	filter: alpha(opacity=40);
	z-index:1;
}

/** thumbs control buttons **/
div.controls2 a {
	/*text-indent: -5000px;*/
	/*overflow: hidden;*/
	outline: none;
	position: absolute;
	top: 0;
	height: 100%;
	background-position: center left;
	background-repeat: no-repeat;
	/*opacity: 0;
	filter: alpha(opacity=0);
	z-index:1;*/
}

div.controls2{
	background: red;
}

div.controls2 a#prevThumbA {
	left: 0px;
	width: 40px;
	top: 10px;
}

div.controls2 a#nextThumbA {
	right: 0px;
	width: 40px;
	top: 10px;
}

div.controls2 img#prevThumb {
	left: 0px;
	width: 40px;
	border:0px;
}

div.controls2 img#nextThumb {
	right: 0px;
	width: 40px;
	border:0px;
}

div.controls2 a:hover {
	/*opacity: 1;
	filter: alpha(opacity=40);
	z-index:1;*/
}