@charset "UTF-8";

/* Links
----------------------------------------------- */
a img { border-style: none; }

/* Layout Rules
----------------------------------------------- */
#wrap {
	background-color:#F4F4F4;
	width: 368px;
}

#codesample #wrap { width: auto; }

/* Gallery
----------------------------------------------- */
#previews {
	padding:15px 0px 0px 18px;
	width: 353px;
	float: left;
	display:inline;
}
#thumbnails {
	clear: both;
}
#thumbnails div {
	position: relative;
	width: 50px;
	height: 50px;
	padding-right: 20px;
	padding-bottom: 15px;
	float: left;
}
#thumbnails img {
	width: 50px;
	height: 50px;
	position: absolute;
	border: solid 1px #CCCCCC;
}
#ref_container{
	background-color:#333333;
	padding-bottom:5px;
}
#hans_container{
	width:340px;
	margin-bottom:5px;
	padding: 14px 14px 14px 14px;
	background-color:#F4F4F4;
}
#mainImageOutline {
	margin: 0 auto;
	padding: 0;
	background-color: #F4F4F4;
	overflow: hidden; 
}
#mainImage {
	width: 100%;
	height: 100%;
}

.selectedThumbnail {  border: solid 2px #7b7b7b !important; }
.inFocus {  border: solid 1px #a8937e !important; }


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