body {
	font-family: calibri;
	/**/
	background-image: url("Images/PictureBackground.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

	/*Scroll Style*//*Not Supported on IE or FireFox*/

	/*Width*/
	::-webkit-scrollbar {
		width: 10px;
	}
	/*Track*/
	::-webkit-scrollbar-track {
		box-shadow: inset 0 0 5px palegreen;
		border-radius: 10px;
	}
	/*Handle*/
	::-webkit-scrollbar-thumb {
		/*background: grey;*/
		background: cyan;
		background: rgb(78,78,78);
		border-radius: 10px;
	}
	/*Handle on hover*/
	::-webkit-scrollbar-thumb:hover {
		background: palegreen;
	}


.EmptyDiv {
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 60px;
	font-size: 40px;
	font-weight: bold;
	color: white;
	text-shadow: 2px 2px rgba(0,0,0,0.5);
	text-align: center;
	line-height: 60px;
	color: turquoise;
	text-shadow: 2px 2px black;
	background-color: rgba(64,224,208,0.3);
	background-color: purple;
	background-color: palegreen;
	background-color: rgba(64,224,208,0.8);
	/*background-color: plum;*/
	color: white;
	border: 2px solid white;
	outline: 2px solid rgba(0,0,0,0.2);
	/*opacity: 0.8;*/
	margin-top: -10px;
	text-decoration: none;
	/*Perhaps make position: fixed;*/
}
.EmptyDiv:hover {
	outline: none;
	cursor: pointer;
}
	.EmptyDivInner {
		height: 60px;
		width: 100%;
		display: inline-block;
		/*background-color: rgba(0,0,0,0.4);*/
		position: relative;
		top: 50%;
		transform: translateY(-50%);
	}
		.ProductsNameHeadingDiv {
			line-height: 60px;
			position: relative;
			top: 50%;
			transform: translateY(-50%);
			/*background-color: green;*/
		}


.BackToProductPgDiv {
	width: 200px;
	height: 60px;
	display: block;
	background-color: rgba(0,0,0,0.4);
	margin-top: -62px;
	margin-left: 2px;
	position: absolute;
}
	.ProductPgBackBtnCell {
		display: table-cell;
		float: left;	
		height: 60px;
		width: 70px;
	}
		.ProductPgBackBtnBlock {
			height: 60px;
			width: 70px;
			display: inline-block;
		}
			.ProductPgBackBtn {
				height: 50px;
				border-radius: 90px;
				background-color: rgb(78,78,78);
				width: 50px;
				border: 2px solid white;
				display: block;
				/*margin-left: 8px;*/
				margin-left: auto;
				margin-right: auto;
				line-height: 50px;
				color: white;
				text-align: center;
				text-decoration: none;
				font-size: 35px;
				font-weight: bold;
				position: absolute;
				box-shadow: 1px 1px 8px black;
				position: relative;
				top: 50%;
				transform: translateY(-50%);
				background-image: url("Images/BOL LOGO.jpg");
				background-repeat: no-repeat;
				background-position: 45% 50%;
				background-size: 83px 57px;
			}

	.GoBackToPPWritingCell {
		display: table-cell;
		float: left;
		height: 60px;
		width: 130px;
	}
		.GoBackToPPWritingBlock {
			height: 60px;
			width: 130px;
			display: inline-block;
		}
			.GoBackToPPWriting {
				display: block;
				font-weight: bold;
				color: white;
				text-shadow: 1px 1px black;
				font-family: calibri;
				font-style: italic;

				position: relative;
				top: 50%;
				transform: translateY(-50%);
				text-decoration: none;
			}





	.SmallNavBurger {
		height: 49px;
		width: 49px;
		display: block;
		/*margin-right: 100px;*/
		margin-left: 80%;
		/*float: right;*/
		margin-top: -59px;
		position: absolute;
		/*position: relative;
		top: 50%;
		transform: translateY(-50%);*/
		border: 2px solid rgba(0,0,0,0.4);
		border-radius: 4px;
		box-shadow: 1px 1px 2px royalblue;
	}
	.SmallNavBurger:hover {
		cursor: pointer;
	}
		.SmallNavBurgerLine {
			height: 9px;
			display: block;
			width: 80%;
			margin-left: auto;
			margin-right: auto;
			background-color: rgb(78,78,78);
			border-radius: 20px;
			box-shadow: 1px 1px 2px royalblue;
		}
		#SmallNavBurgerTopLine {
			margin-top: 5.5px;
			margin-bottom: 5.5px;
			background-color: rgba(0,0,0,0.4);
		}
		#SmallNavBurgerMiddleLine {
			margin-bottom: 5.5px;
			background-color: rgba(0,0,0,0.4);
		}
		#SmallNavBurgerBottomLine {
			margin-bottom: 5.5px;
			background-color: rgba(0,0,0,0.4);
		}

/*Small DropDown Page*/
.BurgerDropDownPage {
	height: 205px;
	height: 250px;
	/*width: 100%;*/
	width: 50%;
	margin-left: 50%;
	right: 9px;

	display: none;
	/*position: fixed;*/
	position: absolute;
	z-index: 1;
	/*background-color: pink;*/
	/*border-radius: 20px;*/
	/*margin-top: 92px;*/
}
#BurgerDropDownPageID {
	border-left: 2px solid rgb(78,78,78);
	border-right: 2px solid rgb(78,78,78);
	border-bottom: 2px solid rgb(78,78,78);
	border-radius: 0px 0px 20px 20px;
	z-index: 5;
}
	.SmallDropDownMenuItem {
		/*height: 40px;*/
		height: 50px;
		width: 100%;
		display: block;
		text-decoration: none;
		/*background-color: white;*/
		color: grey;
		/*text-shadow: 0.4px 0.4px blue;*/
		/*border: 1px solid grey;
		border-top: 0px solid black;*/
		background-color: rgba(0,255,255,0.3);

		/*line-height: 40px;*/
		line-height: 50px;
		font-size: 30px;
		text-align: center;
	}
	.SmallDropDownMenuItem:hover {
		/*background-color: rgba(78,78,78,1);*/
		color: white;
	}
	#SmallDropDownMenuItemLast {
		border-radius: 0px 0px 20px 20px;
	}



/*TOP BANNER DONE*/







/*
.OtherProductOptionsDiv {
	height: 40px;
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	background-color: lightgrey;
	margin-top: 4px;
	margin-bottom: 30px;
	display: table;
}*/
.ProductOptionTableContainer {
	/*height: 90px*/
	height: 50px;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: rgba(0,0,0,0.5);
	/*display: block;*/
}

.ProductOptionTable {
	height: 44px;
	width: 80%;
	display: block;
	margin-left: auto;
	margin-right: auto;

	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
	.ProductOptionTableCell {
		height: 40px;
		width: 20%;
		/*background-color: lightblue;*/
		display: table-cell;
		float: left;
		/*border: 1px solid black;*/
	}
		.ProductOptionLink {
			text-decoration: none;
			/*background-color: rgba(0,0,0,1);*/
		}
		.ProductOption {
			display: block;
			width: 90%;
			margin-left: auto;
			margin-right: auto;
			height: 40px;
			/*margin-top: 0.5px;
			margin-bottom: 0.5px;*/
			background-color: coral;
			background-color: lightgrey;
			/**/background-color: rgba(152,251,152,0.3);
			/**/background-color: rgba(0,255,255,1);
			border-radius: 10px;
			border: 2px solid white;
			/**/border: 2px solid rgba(152,251,152,1);
			/**/border: 2px solid rgba(0,255,255,1);
			/*outline: 2px solid rgba(0,0,0,0.3);*/
			box-shadow: 2px 2px rgba(0,0,0,0.5);


			line-height: 40px;
			text-align: center;
			font-size: 20px;
			font-weight: bold;
			color: white;
			text-decoration: none;
			text-shadow: 1px 1px black;

			/*color: rgb(78,78,78);
			text-shadow: 1px 1px white;*/
		}
		.ProductOption:hover {
			cursor: pointer;
			transform: scale(1.1);
			background-color: grey;

			background-color: rgba(152,251,152,0.5);
			background-color: rgba(0,255,255,0.5);
		}
		#ProductOptionCapsules {
			background-color: rgb(78,78,78);
		}
		#ProductOptionPills {
			background-color: rgb(78,78,78);
		}
		#ProductOptionPowders {
			background-color: rgb(78,78,78);
		}
		#ProductOptionCreamsBalmsOils {
			background-color: rgb(78,78,78);
		}
		#ProductOptionLiquids {
			background-color: rgb(78,78,78);
		}



/*Back Arrow For PoPUp*/
.PoPUpTableExitDiv {
	position: fixed;
	/*margin-top: -598px;*/
	margin-left: 4px;
	width: 40px;
	height: 40px;
	background-color: white;
	border-radius: 10px;
	border: 2px solid palegreen;
	z-index: 5;
	display: none;
}
.PoPUpTableExitDiv:hover {
	cursor: pointer;
	background-color: rgba(0,0,0,0.4);
}
	.PoPUpTableExitTriangle {
		display: block;
		height: 40px;
		width: 40px;
	}
		.LeftTriangle {
			width: 0;
			height: 0;
			border-top: 7.5px solid transparent;
			border-bottom: 7.5px solid transparent;
			border-right: 15px solid rgba(0,255,255,1);
			margin-left: 2px;

			position: relative;
			top: 50%;
			transform: translateY(-50%);
			z-index: 7;
		}
		.ArrowLine {
			height: 5px;
			width: 15px;
			background-color: rgba(0,255,255,1);
			margin-left: 17px;

			position: relative;
			top: 6.5%;
			transform: translateY(-6.5%);
			z-index: 7;

			border-radius: 0px 2px 2px 0px;
		}
		#LeftTriangleShadow {
			border-right: 15px solid rgba(0,0,0,0.4);
			margin-left: 4px;
			position: relative;
			top: -17%;
			transform: translateY(17%);
			z-index: 6;
		}
		#ArrowLineShadow {
			background-color: rgba(0,0,0,0.4);
			margin-left: 19px;
			position: relative;
			top: -40%;
			transform: translateY(40%);
			z-index: 6;

			border-radius: 0px 2px 2px 0px;
		}



/*Main Table*/
.Table {
	display: table;
	height: 600px;
	/*height: 100%;*/
	width: 100%;
	/**/
	border-bottom: 2px solid palegreen;
	/**/
}

/*Table Left*/
	.TableLeft {
		display: table-cell;
		width: 20%;
		width: 310px;
		/*width: 100%;*/
		height: 600px;
		background-color: purple;
		background-color: turquoise;
		background-color: rgba(255,255,255,0.8);
		background-color: rgba(152,251,152,0.5);
		background-color: rgba(0,255,255,0.8);

		/*overflow: hidden;*/
		/*border-right: 5px solid grey;*/
	}
		.TableLeftInside {
			display: inline-block;
			vertical-align: middle;
			width: 310px;
			height: 600px;
			display: none;
			overflow: auto;
			/*overflow-x: hidden;*/
		}
		#TableLeftInsideDefault {
			display: inline-block;
		}
			.PBlockContainer {
				margin: 5px;
			}
				.PBlock {
					width: 300px;
					display: block;
					border-top: 2px solid palegreen;
				}
				#PBlockDefault {
					border-bottom: 2px solid palegreen;
				}
					.PImageBlock {
						width: 300px;
						/**/
						background-color: white;
						/*object-fit: cover;*/
						/**/
						/*height: 300px;*/
						background-color: rgba(152,251,152,0.3);
						background-color: rgba(0,255,255,0.3);
					}

						.PImage {
							width: 300px;
							object-fit: cover;/*Was Contain*/
							/**/
							/*width: 250px;*/
							display: block;
							margin-left: auto;
							margin-right: auto;
							/**/
							height: 300px;
							object-fit: contain;
						}

			.DescriptionTitle {
				font-size: 40px;
				text-align: center;
				color: rgb(78,78,78);
				font-weight: bold;
				/*padding-bottom: 10px;*/
				color: skyblue;
				/*text-shadow: 2px 2px black;*/
				background-color: rgba(152,251,152,0.3);

				border-top: 2px solid palegreen;
				/*border-bottom: 2px solid palegreen;*/

				/**/
				font-size: 32px;
				color: rgb(78,78,78);
				color: cyan;
				text-shadow: 2px 1px 2px black;
				/*height: 45px;*/
				line-height: 45px;
				/*border-bottom: 2px solid rgb(78,78,78);*/
				/**/
			}
			.SeeMoreBtn {
				float: right;
				height: 20px;
				width: 90px;
				/*background-color: cyan;*/
				background-color: palegreen;
				border-radius: 5px;
				border: 1px solid grey;
				text-align: center;
				box-shadow: 1px 1px black;
				color: black;
				/*color: white;*/
				/*text-shadow: 1px 1px white;*/
				text-shadow: 1px 1px white;
			}
			.SeeMoreBtn:hover {
				cursor: pointer;
				/*border: 2px solid cyan;*/
				border: 1px solid palegreen;
				/*background-color: lightgrey;*/
				background-color: rgba(152,251,152,0.3);

			}

			.WhatItDoes {
				/*font-size: 22px;*/
				/**/
				font-size: 17px;
				color: white;
				text-shadow: ;
				font-weight: bold;
				text-shadow: 1px 1px 2px black;
							
				/**/
				display: block;
				margin-left: auto;
				margin-right: auto;
				padding-left: 10px;
			}
			.AciveIngredients {

			}
				.AciveIngredientsTitle {
					font-size: 27px;
					/**/
					font-size: 24px;
					text-shadow: 1px 1px 2px palegreen;
					/**/
					margin-left: 20px;
					font-weight: bold;
					color: rgb(78,78,78);
					margin-top: 10px;
					text-align: center;
				}
				.ActiveIngredientsList {
					font-size: 22px;
					/**/
					font-size: 20px;
					/**/
					font-size: 19px;
					/**/
					font-weight: bold;
					color: white;
					text-shadow: 1px 1px 2px black;


					/**/
					width: 50%;
					display: block;
					margin-top: -1px;
					margin-left: 40px;
					list-style-type: circle;
				}

			.Allergens {

			}
				.AllergensTitle {
					font-size: 27px;
					/**/
					font-size: 24px;
					text-shadow: 1px 1px 2px palegreen;

					/**/
					text-align: center;
					font-weight: bold;
					color: rgb(78,78,78);
				}
				.AllergensInfo {
					font-size: 22px;
					/**/
					font-size: 20px;
					/**/
					text-align: center;
				}
			.StandardDoseAndRetailPrice {
				background-color: rgba(152,251,152,0.4);
				margin-top: 5px;
			}
				.StadardDose {
					display: table;
					/*margin-top: 10px;*/
				}
					.StandardDoseTitle {
						display: table-cell;
						float: left;
						width: 170px;
						font-size: 27px;
						padding-left: 10px;
						font-weight: bold;
						color: rgb(78,78,78);

						text-shadow: 1px 1px white;
						/**/
						font-size: 19px;
						/**/
					}
					.StandardDoseInfo {
						display: table-cell;
						float: left;
						font-size: 27px;
						font-size: 20px;
						/**/
						font-size: 19px;
						/**/
						text-align: center;
						font-weight: bold;
						color: rgb(0,0,0);
						padding-left: 20px;
						color: yellow;
						color: white;
						text-shadow: 1px 1px black;
					}

				.RetailPrice {
					display: table;
				}
					.RetailPriceTitle {
						display: table-cell;
						float: left;
						width: 170px;
						font-size: 27px;
						padding-left: 10px;
						font-weight: bold;
						color: rgb(78,78,78);

						text-shadow: 1px 1px white;
						/**/
						font-size: 19px;
						/**/

					}
					.RetailPriceInfo {
						display: table-cell;
						float: left;
						font-size: 27px;
						font-size: 20px;
						/**/
						font-size: 19px;
						/**/
						text-align: center;
						font-weight: bold;
						color: rgb(0,0,0);
						padding-left: 20px;
						color: yellow;
						color: white;
						text-shadow: 1px 1px black;
					}



/*Table Right*/

	.TableRight {
		display: table-cell;
		width: 80%;
		height: 600px;
		/*background-color: green;*/
	}
		.TableRightInside {
			display: inline-block;
			vertical-align: middle;
			width: 100%;
			height: 600px;
			/*ackground-color: blue;*/
		}
			.ProductPageMainBodyInside {
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
				justify-content: stretch;
				align-items: stretch;
			
				overflow: auto;
				background-color: ;
				height: 100%;
				width: 100%;
			}
				.ProductBlockContainer {
					margin: 5px;
					flex-grow: 1;
					flex-shrink: 0;
					flex-basis: 100px;


				}
					.ProductBlock {
						width: 300px;
						/**/width: 250px;
						display: block;
						margin-left: auto;
						margin-right: auto;

						/*border: 2px solid grey;*/
						border-radius: 10px;

						
					}
						.ProductImageBlock {
							width: 300px;
							/**/width: 250px;
							width: 174px;
							
							display: block;
							margin-left: auto;
							margin-right: auto;

						}
							.ProductImage {
								width: 246px;
								width: 174px;
								/*height: 175px;*/
								height: 174px;
								
								object-fit: contain;
								object-fit: cover;
								border-radius: 10px;
								border: 1.4px solid palegreen;

								/*background-image: url("Images/BOL LOGO.jpg");
								background-repeat: no-repeat;
								background-position: contain;
								background-size: cover;*/

								font-weight: bold;
							}
					.ProductImageBlockNP {
						width: 300px;
						/**/width: 250px;

					}
						.ProductImageNP {
							width: 246px;
							/*height: 175px;*/
							height: 174px;
							object-fit: contain;
							/*object-fit: cover;*/
							border-radius: 10px;
							border: 1.4px solid palegreen;

							background-image: url("Images/BOL LOGO.jpg");
							background-repeat: no-repeat;
							background-position: contain;
							background-size: cover;

							font-weight: bold;
						}

							.ProductName {
								display: inline-block;
								background-color: rgba(255,255,255,0.5);

								/*line-height: 175px;*/
								line-height: 174px;
								width: 246px;
								text-align: center;
								font-size: 30px;
								border-radius: 10px;

								color: palegreen;
								text-shadow: 2px 2px black;
								/**/
								color: rgb(78,78,78);
								text-shadow: 2px 2px palegreen;

							}

							#ProductNameAntiOxidantBlend {
								font-size: 25px;
							}
							#ProductNameCalciumGluconate {
								font-size: 25px;
							}
							#ProductNameCalendulaPowder {
								font-size: 28px;
							}
							#ProductNameKiddiesCandida {
								font-size: 28px;
							}

						.ProductTitle {
							margin-top: 2px;

							font-weight: bold;
							padding-left: 10px;
							padding-right: 10px;
							color: turquoise;
							color: palegreen;
							text-shadow: 1px 1px 2px black;
							/*font-size: 20px;*/

							
						}
						.ProductTitle:hover {
							/*transform: scale(1.1);*/
						}

						
						#ProductTitleCG {
							/*font-size: 14px;*/
							font-size: 14px;
							padding-left: 2px;
						}
						#ProductTitleFS {
							font-size: 14px;
							padding-left: 2px;
						}

						#ProductTitleSlipElm100 {
							padding-left: 2px;
						}
						#ProductTitleSlipElm500 {
							padding-left: 2px;
						}
						#ProductTitleColloidalSilver {
							padding-left: 5px;
						}
						#ProductTitleKiddiesNoseDrops {
							padding-left: 2px;
						}



						.ProductDescription {
							padding-left: 10px;
							padding-right: 10px;
							background-color: ;
							height: 110px;

							border-radius: 10px;
							margin-top: 5px;
							color: black;
							color: white;
							text-shadow: 1px 1px 2px black;
							font-size: 17px;
							/*color: turquoise;*/

							border: 1.4px solid rgba(152,251,152,1);
							border-radius: 20px;
							background-color: rgba(152,251,152,0.3);
							background-color: rgba(152,251,152,0.5);

							font-weight: bold;
							
						}


/*PopUpTable*/
/*
.PopUpTable {
	display: table;
	height: 600px;
	width: 100%;
	background-color: rgba(0,0,0,0.8);
	margin-top: 45px;
	margin-bottom: -600px;
	z-index: 4;
	position: absolute;
}*/


/*.PopUpTable {
	display: none;
	margin-left: 10%;
	height: 600px;
	width: 100%;
	width: 80%;
	background-color: rgba(0,0,0,0.8);
	margin-top: 45px;
	z-index: 4;
	position: fixed;
}*/
	/*.PopUpTableItem {
		display: block;*//*Should be inline-block*//*
		width: 310px;
		height: 600px;
		background-color: rgba(0,255,255,0.5);
		background-color: white;
		margin-left: auto;
		margin-right: auto;

		overflow: auto;
		z-index: 5;
	}*/


.QWFooterContainer {
	background-image: url("Images/milky-way.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;

	height: 50px;
	width: 100%;
}
	.QWFooter {
		display: block;
		height: 50px;
		width: 100%;
		background-color: rgba(78,78,78,1);
		background-color: rgba(0,0,0,0.5);
		/*background-color: grey;*/
		/*background-color: rgba(0,0,0,1);*/
		border-top: 2px solid rgb(78,78,78);
		border-top: 1px solid white;

		/*width: 350px;
		margin-left: auto;
		margin-right: auto;*/
	}
		.QWFooterInfo {
			display: block;
			height: 50px;
			width: 400px;
			margin-left: auto;
			margin-right: auto;
		}
			.QWFooterLeftCell {
				display: table-cell;
				float: left;
				height: 100%;
				width: 50%;
				width: 150px;
				background-color: ;
			}
				.QWFooterLeftCellBlock {
					display: block;
					margin-left: auto;
					margin-right: auto;
					height: 100%;
					width: 100%;
				}

					.QWImageReference {
						display: block;
						margin-left: auto;
						margin-right: auto;
						text-decoration: none;
						/*background-color: grey;*/
						/*padding-left: 10px;
						padding-right: 10px;*/
						width: 80px;
						height: 50px;
						width: 100%;
						height: 100%;
						border-radius: 20px;
						background-color: ;
					}
						.QWFooterLogo {
							display: block;
							margin-left: auto;
							margin-right: auto;
							/*height: 50px;
							width: 200px;*/
							width: 100%;
							height: 90%;
							/*width: 140%;
							height: 140%;*/
							object-fit: contain;
							/*margin-top: 2.5px;
							margin-bottom: 2.5px;*/

							border-radius: 20px;
							background-color: ;
							text-decoration: none;

							/*width: 400px;*/

							position: relative;
							top: 50%;
							transform: translateY(-50%);
						}


			.QWFooterRightCell {
				display: table-cell;
				float: left;
				height: 100%;
				width: 50%;
				width: 250px;
				background-color: ;
			}			
				.QWFooterRightCellBlock {
					display: block;
					margin-left: auto;
					margin-right: auto;
					height: 100%;
					width: 100%;
					height: 80%;
					height: 70%;

					position: relative;
					top: 50%;
					transform: translateY(-50%);
				}
					.QWFooterRightCellBlockTop {
						display: block;
						margin-left: auto;
						height: 50%;
						width: 100%;

						margin-top: 2px;
					}
						.DevelopedBy {
							display: block;
							margin-left: auto;
							margin-right: auto;
							text-align: center;
							/*height: 15px;
							line-height: 15px;*/
							color: white;
							font-weight: ;
							font-size: 10px;
							/*text-shadow: 1px 1px 8px white;*/
							color: rgba(0,0,0,0.5);
							color: white;
							/*line-height: 25px;*/
							position: relative;
							top: 50%;
							transform: translateY(-50%);

						}


					.QWFooterRightCellBlockBottom {
						display: block;
						margin-left: auto;
						margin-right: auto;
						height: 50%;
						width: 100%;
					}
						.QWWebsite {
							display: block;
							margin-left: auto;
							margin-right: auto;
							text-align: center;
							/*height: 15px;
							line-height: 15px;*/
							/*height: 50%;*/

							color: white;
							font-weight: ;
							font-size: 10px;
							/*text-shadow: 1px 1px 8px white;*/

							color: rgba(0,0,0,0.5);
							color: white;

							text-decoration: none;

							/*width: 400px;*/
							/*padding-left: 10px;
							padding-right: 10px;*/

							/*line-height: 25px;*/
							position: relative;
							top: 50%;
							transform: translateY(-50%);
						}