/* Styles for Gallery/Slideshow */

#imageContainer {
	position:		    relative;
	width:			    auto;
	margin: 		    0 auto;
	margin-bottom: 	    10px;
	text-align: 	    center;
    background-color:   #e2e0e1;

}

#imageContainer #loading {
	position:		        absolute;
	width:			        55px;
	height:			        55px;
	padding:                8px 10px 10px 7px;
	margin-top:		        -33px;
	margin-left:	        -33px;
    top:			        100px;
	left:			        50%;
	z-index:		        200;
    background-color:		transparent;
	background-image:       url(ajax-loa.png);
	background-repeat:      no-repeat;
	background-position:    50%;
}
* html #imageContainer #loading {
    padding:                0px 10px 10px 1px;
	background-image:       none;
    filter:					progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/ajax-loader-bg.png", sizingMethod="image");
}
#imageDescription {
	width:		        378px;
	margin: 	        0 auto;
	padding: 	        10px 50px;
	text-align:         center;
	color:		        #666666;
	font-weight:        normal;
	font-size:	        11px;
	font-family:        Verdana, Arial, Helvetica, sans-serif;
}
#currentImage {
    width:            554px;  /*500px;*/  
	/*height:			375px;*/
}
#galThumbsOuter {
	position:		    relative;
	/*border:			1px solid orange;*/
	margin: 		    0 auto;
	width:			    554px; /*512px;*/
}


#galThumbs {
	position:		    relative;
	overflow: 		    hidden;
	margin:			    0 25px;	
	height:			    80px;
	/*border:		    1px solid #333333;*/
	padding: 		    0;
	/*border:			1px solid blue;*/
}
#galThumbsInner {
	position:		    absolute;
	top:			    0;
	left:			    -4px;
	width:			    5000px;
	/*border:			1px solid red;*/
}

.thumb, .thumb_selected {
	margin: 		    4px 4px;
	vertical-align:	    middle;
	height:			    65px;
	cursor:			    pointer;
	padding: 		    3px;
}
.thumb_selected {
	padding:            0;
	border:			    3px solid #999999;
}

#scrollRightButton {
	position:		    absolute;
	right:			    0px;
	top:			    50%;
    margin-top:         -38px;
	cursor:			    pointer;
}
#scrollLeftButton {
	position:		    absolute;
	left:			    0px;
	top:			    50%;
    margin-top:         -38px;
	cursor:			    pointer;
}

#showHeader {
	width:			    auto; /*500px;*/
	margin:			    0 auto;
}
#showHeader h2 {
	padding-top:	    0;
	margin:			    0 0 5px 4px;
	font-family:	    Verdana, Arial, Helvetica, sans-serif;
	color:              #09055C;
	font-size:          12px;
	line-height:        12px;
	font-weight:        bold;
}
#showHeader a {
    text-decoration:    none;
}
#showHeader a img {
    border:             none;
}

#showControls {
	display:            none;
	float:			    right;
	text-align:		    right;
	padding:		    0;
}
#showControls img {
	cursor:			    pointer;
	margin:			    3px;
}