.DetailsPicBlock, .DetailsNameBlock, .DetailsPriceBlock{
	display:inline;
	min-width:350px;
	min-height:450px;
}
.lSSlide{
	text-align:center!important;
}
.lSSlideOuter div ul li img{
    /*width: 100%!important;*/
	border: none!important;
	/*height: 100%!important;*/
	/*object-fit: contain;*/
	height:auto;
	/*max-height:300px;*/
}
	
.lightSlider.lsGrab>*{
	text-align:center;
}	
	
.lSPager li{
	text-align:center;
}

#productimage{
	border-radius:10px;
}
.products .addimg{
	border-radius:10px;
}
.lSPager li a img{
	border-radius:5px;
	opacity:0.6;
}

.lSPager li a img:hover{
	opacity:1;
}
	
	
.lSSlideWrapper{
    max-width: initial!important; 
}

.lightSlider{
	/*height:300px!important;*/
}

/* STRUCTURE */

.Longdesc{
	position:relative;
	overflow-x: hidden;
}

.OffClass2{
	top:-15px;
}

#YoutubeDiv{
	display:none;
	width:100%;
	height:auto;
	position:absolute;
	top:0;
	left:0;
}

#YoutubeDiv iframe{
	/*width:100%;*/
	/*height:51.5%;*/
	
}

#quickQR canvas{
	width:180px;
	height:180px;
}

#YouTubeLink, #PDFFileName{
	cursor:pointer;
	width:110px;
	font-size:12px;
	margin:5px;
	font-weight:bold;
	display:inline-block;
	margin-bottom:15px;
}

#PDFFileName{
	text-decoration:none;
	/*color:black!important;*/
	height:100%
}

#PDFFileName center span{
	/*position:absolute;*/
	/*margin-left:-40px;*/
}

#PDFFileName:hover{
	color:black!important;
}

.ExtraImg{
	width:50px;
	height:auto;
}

.ProductDetailsBox {
	padding: 5px;
	width: 700px;
}
.ProductDetailsBox header {
	height: 50px;
	padding: 0 15px;
	text-align:center;
	height: auto;
}
.ProductDetailsBox header h1 {
	margin-top:20px;
}
.ProductDetailsBox #content {
	width: 365px;
	float: left;
	padding: 5px 15px;
	/*min-height:300px;*/
}
.ProductDetailsBox #content img {
    width: auto;
    max-width: 100%;
	border:none;
}

.ProductDetailsBox .ProductDetailSpecial, .ProductDetailsBox .ProductDetailResell{
	font-size:30px;
}

.ProductDetailsBox .ProductDetailResell2{
	font-size:20px;
	text-decoration: line-through;
}

.ProductDetailsBox .ProductDetailPer{
	font-size:36px;
}

.ProductDetailPer{

}

.ProductDetailsBox #middle {
	width: 294px; /* Account for margins + border values */
	float: left;
	padding: 5px 15px;
	margin: 0px 5px 5px 5px;
	/*min-height:300px;*/
}

.ProductDetailsBox #middle .ProductCode {
	font-size:14px;
}

.ProductDetailsBox #sidebar {
	width: 270px;
	padding: 5px 15px;
	float: left;
	/*min-height:300px;*/
}
.ProductDetailsBox footer {
	clear: both;
	padding: 0 20px;
	height:auto;
}

.lSPager li a img{max-height:50px}
/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 980px or less */
@media screen and (max-width: 980px) {
		.fancybox-inner{
		overflow-y:auto!important;
	}
	
	.ProductDetailsBox {
		width: 94%;
	}
	.ProductDetailsBox #content {
		    width: 91.6%;
		padding: 1% 4%;
	}
	.ProductDetailsBox #middle {
		width: 40%;
		padding: 1% 4%;
		margin: 0px 0px 5px 5px;
		float: right;
	}
	
	.ProductDetailsBox #sidebar {
		clear: both;
		padding: 1% 4%;
		width: auto;
		float: none;
	}

	.ProductDetailsBox header, .ProductDetailsBox footer {
		padding: 1% 4%;
	}
}

/* for 700px or less */
@media screen and (max-width: 600px) {

	.ProductDetailsBox #content {
		width: auto;
		float: none;
	}
	
	.ProductDetailsBox #middle {
		width: auto;
		float: none;
		margin-left: 0px;
	}
	
	.ProductDetailsBox #sidebar {
		width: auto;
		float: none;
	}

}

/* for 480px or less */
@media screen and (max-width: 480px) {

	.ProductDetailsBox header {
		height: auto;
	}
	.ProductDetailsBox h1 {
		font-size: 2em;
	}
	.ProductDetailsBox #sidebar {
		/*display: none;*/
	}

}


.ProductDetailsBox #content, .ProductDetailsBox #sidebar, .ProductDetailsBox #middle, .ProductDetailsBox footer, .ProductDetailsBox header {
	background: white;
}
.ProductDetailsBox header, .ProductDetailsBox #content, .ProductDetailsBox #middle, .ProductDetailsBox #sidebar {
	margin-bottom: 5px;
}

.ProductDetailsBox, .ProductDetailsBox header, .ProductDetailsBox #content, .ProductDetailsBox #middle, .ProductDetailsBox #sidebar, .ProductDetailsBox footer {
	/*border: solid 1px rgb(204,204,204,0.1);*/
}

aside h3{margin-top:0px;}