#Category 
{
    height: 100%;
    width: 90%;	
    overflow: hidden;
    position:relative;
    margin:0 auto;
    display:block;
}
#Thumbnails
{
    height: 100%;
    width: 100%;
    position:relative;
    display:inline-block;
    vertical-align: top;
    overflow: auto;
    overflow-x: hidden;
    -ms-overflow-x: hidden;
}

.ThumbnailFrame {
    background:rgb(0,0,0);
	background: transparent\3;
	background:rgba(0,0,0,0);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000);
	zoom: 1;
	padding:10px;
}
.ThumbnailFrame:nth-child(n) {
	filter: none;
}

.ThumbnailFrame
{
	display:inline-block;
    vertical-align: top;
    position:relative;
    margin-right:5px;
}
#FullscreenViewPort
{
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	position:fixed;
	z-index:-50;
}
.CategoryImagesDisplay
{
	height: 100%;
    width: 100%;
    position:relative;
}
.CategoryItem, .ThumbnailItem
{
    position:absolute;
}
.CategoryImage
{
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	border:5px solid #e7e7e7;
	margin: 0;
    padding: 0;
    width: 100%;
    height: 90%;
    margin-bottom: 2px;
}
 .ThumbnailImage
{
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	border:3px solid #e7e7e7;
	margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}
.CategoryHeaderHolder
{
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	background-color:#e7e7e7;
	width:100%;
	height:10%;
	margin: 0;
    padding: 0;
    overflow:hidden;
}
.CategoryHeader
{
	color:#353535;
    text-transform:uppercase;
    font-family:Myriad Pro;
    vertical-align:middle;
    padding-left:7px;
}

.CategoryItem:hover .CategoryImage, .ThumbnailItem:hover .ThumbnailImage
{
	border-color:#bebebe;
}
.CategoryItem:hover .CategoryHeaderHolder
{
	background-color:#bebebe;
}
.CategorySelector, .ThumbnailSelector
{
	width:100%;
	height:100%;
	margin: 0;
    padding: 0;
}
.ViewPort
{
	display:inline-block;
	vertical-align: top;
}
.blueimp-gallery>.indicator>li
{
	width:30px;
	height:30px;
	background-repeat:no-repeat;
    background-size:contain;
    background-position:center;
}
.picture-item
{
    height:200px;
}

#ThumbnailHiddenHolder
{
	width:100%;
	position:fixed;
	bottom:0;
}
#ThumbnailHiddenHolder .ThumbnailFrame
{
	background: white;
}
#ThumbnailImagesPlaceholder
{
	background: white;
	border-top: 1px solid #dedede;
}
#ThumbnailImageBar
{
	border-top: 1px solid #dedede;
	background: #fff;
	padding: 10px;
	height:80px;
}
#ThumbnailToggleButton
{
	padding:20px;
	border:0px;
	border-left: 1px solid #dedede;
	position:absolute;
	top:15px;
	right:0;
	outline:0;
	width:70px;
}
.ThumbnailToggleButtonClosed
{
	color:transparent;
	background:url('../../../Default/Images/Icons/Gallery/gallery_grid_02_grey.png.ashx?width=30&height=auto') center center no-repeat;
}
.ThumbnailToggleButtonClosed:hover
{
	background:url('../../../Default/Images/Icons/Gallery/gallery_grid_02_black.png.ashx?width=30&height=auto') center center no-repeat;
}
.ThumbnailToggleButtonOpen
{
	color:transparent;
	background:url('../../../Default/Images/Icons/Gallery/gallery_close_01_grey.png.ashx?width=30&height=auto') center center no-repeat;
}
.ThumbnailToggleButtonOpen:hover
{
	background:url('../../../Default/Images/Icons/Gallery/gallery_close_01_black.png.ashx?width=30&height=auto') center center no-repeat;
}
.Hidden_Thumbnail_Header
{
	background-color:White;
	padding-left:20px;
	font-size:20px;
}
.Hidden_Thumbnail_Descrition
{
	background-color:White;
	padding-left:20px;
	font-size:14px;
}