@charset "UTF-8";


----------------------------------------------- */

#previews {
	width: 704px;
}
#thumbnails {
	width:720px;
	clear: both;
	margin: 0 auto;
}

#thumbnails div {
	position: relative;
	width: 65px;
	height: 65px;
	float: left;
	margin: 5px;
	padding: 0;
	float: left;
	display:inline;
}

#thumbnails img {
	width: 65px;
	height: 65px;
	position: absolute;
	border: solid 1px #5E9B2B;
}

#picture {
	padding-left: 15px;
	width: 480px;
	height:470px;
}


#comment {
	width: 720px;
	padding:4px 0;
	text-align:center;
	background:#23584F;
	color:#ffffff;
}


#mainImageOutline {
	margin: 0 auto;
	background: #fff url(indicator_medium.gif) no-repeat;
	background-position: center center ;
	border: solid 0px #9A9A9A;
	padding: 10px; 
	overflow: hidden; 
}

#mainImage {
	width: 100%;
	height: 100%;
}

#picture img {
	border: 0px solid #999;
}

.selectedThumbnail {
	border: solid 2px #5E9B2B !important;
}

.inFocus {
	border: solid 2px #5E9B2B !important;
}


/* Utility IDs, classes, and HTML selectors
----------------------------------------------- */
.clear {
	visibility: hidden;
	display: block;
	clear: both;
	height: 0px;
	margin: 0;
	padding: 0;
	}

.ClearAll {
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
}