/* This file is used for product videos */
/* Global Resets */
*{

    margin: 0;
    padding: 0;
    outline: none;
}
a.disabled, a.disabled:hover{

    background-color: transparent;
	color: grey;
}
.ProductImageName{

    text-align: center;
    margin-top: 0;
}
.ImageCarousel{

    width: auto !important;
    text-align: center;
}
.ProductTinyImageList{

    margin-top: 0;
}
.ProductTinyImageList,
.ProductTinyImageList ul,
.ProductTinyImageList li{

    width: auto !important;
    height: auto !important;
    float: none !important;
    display: inline-block;
}
img, 
a img{

	border:none;
}
/* Page Breadcrumbs */
.Nav{

	text-align: center;
	padding: 10px 20px;
	background: rgba(0,0,0,0.5);
	color: #fff;
}
.Nav a{

	color: inherit;
}
.ImageCount{

	color: #fff;
	background: rgba(0,0,0,0.5);
	text-align: center;
	padding: 10px 20px;
}
.ProductZoomImageBox{

    height: auto !important;
    width: auto !important;
}
.ProductZoomImageBox img:hover{

	opacity: 1;
}
.ProductZoomImageBox, 
.ProductZoomImageBox *{

	margin:auto;
	vertical-align: middle;
	max-width: 100%;
	text-align: center;
	max-height: 65vh;
	width: auto;
	height: auto !important;
}
.ProductZoomImage{

}
.ProductTinyImageList ul{

	margin: 0pt;
	padding: 0pt;
	position: relative;
	list-style-type: none;
	white-space:nowrap;
}
#ImageScrollPrev,
#ImageScrollNext{

	float: left;
	background:none;
	border:none;
	cursor:pointer;
	display: none;
}
.ProductTinyImageList{

	margin:10px auto 0 auto;
	white-space:nowrap;
	overflow: hidden;
}
#ProductImagePopup footer{
	
	padding: 10px 0;
	z-index: 99999;
	width: 100%;
	background: rgba(0,0,0,0.1);
	transition: all 200ms linear;
}
#ProductImagePopup footer:hover{

	opacity: 1;
}
.group:after{

  content: "";
  display: table;
  clear: both;
}

@media screen and ( min-width: 768px ){

	.ImageCount{
		
		position: absolute;
		top: 0;
		left:0;
	}
	.Nav{

		position: absolute;
		top: 0;
		right: 0;
	}
	#ProductImagePopup footer{
		
		opacity: 0.5;
		/*position: fixed;*/
		bottom: 0;
		left: 0;
		right: 0;
	}
}