body {
	font-family: arial;
	/*font-family: ADLaM Display;
	font-family: Congenial Black;*/
	/*font-family: bangers;*/
	margin: 0;
	/*background-image: url("Images/BricksBackground.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;*/
	
}

#FaceBookIcon {
    width: 50px;
	height: 50px;
	text-align: center;
	text-decoration: none;
	background: #3B5998;
	color: white;
	font-size: 30px;
	line-height: 53px;
	border-radius: 45px;
	border: 3px solid white;
	position: fixed;
	top: 100px;
	right: 10px;
	z-index: 20;
	/*box-shadow: 1px 1px 8px black;*/
}
#FaceBookIcon:hover {
    opacity: 0.7;
}

.CellBlock {
	display: block;
	height: 100%;
	width: 100%;
}


.NavBarSpace {
	display: block;
	height: 84px;
	width: 100%;
	background-color: white;
}

.NavBarCellCart {
	position: fixed;
	z-index: 6;
	right: 0px;
	top: 0px;
	width: 200px;
	height: 80px;
}

.NavBar {
	display: block;
	position: fixed;
	z-index: 5;
	height: 80px;
	width: 100%;
	left: 0px;
	top: 0px;
	background-color: white;
	border-top: 4px solid calc();
	border-bottom: 4px solid #4e91c0;
	/*box-shadow: 0px 0px 8px black;*/
	/*border-bottom: 4px solid #fdea01;*/
}

.NavBar_Battery {
	display: block;
	position: fixed;
	z-index: 5;
	height: 80px;
	width: 100%;
	left: 0px;
	top: 0px;
	background-color: white;
	border-top: 4px solid #fdea01;
	border-bottom: 4px solid #fdea01;
	box-shadow: 0px 0px 8px black;
}
	.NavBarCell {
		display: table-cell;
		float: left;
		height: 100%;
		width: 200px;
		/*background-color: red;*/
		margin-left: 20px;
	}
	.NavBarCellHome {
		width: 248px;
		background-color: rgba(65,105,225,0.8);
		background-color: #4e91c0;
		/*background-color: rgba(78,145,192,0.8);*/
	}
	.NavBarCellHome_Battery {
		width: 250px;
		background-color: rgba(65,105,225,0.8);
		background-color: #fdea01;
	}
	#NavBarCellHome {
		margin-left: 0px;
	}

	

		.NavLinkImage {
			display: block;
			margin-left: auto;
			margin-right: auto;
			height: 100%;
			width: 100%;
			object-fit: contain;
		}
		.NavLinkImageChooseVehicle {
			display: block;
			margin-left: auto;
			margin-right: auto;
			position: relative;
			top: 50%;
			transform: translateY(-50%);
			height: 80%;
			width: 80%;
			transition: 0.25s;
		}
		.NavLinkImageChooseVehicle:hover {
			height: 90%;
			width: 90%;
		}

		.NavLinkImageContact {
			height: 90%;
			width: 90%;
			position: relative;
			top: 50%;
			transform: translateY(-50%);
			transition: 0.25s;
		}
		.NavLinkImageContact:hover {
			height: 100%;
			width: 100%;
		}

		.NavLinkImageTelephone {

		}

		.NavLinkImageTelephone:hover {
			animation: shake .5s;
		}
		@keyframes shake {
		  0% { transform: rotate(0deg); }
		  10% { transform: rotate(-5deg); }
		  20% { transform: rotate(-5deg); }
		  30% { transform: rotate(5deg); }
		  40% { transform: rotate(5deg); }
		  50% { transform: rotate(-5deg); }
		  60% { transform: rotate(-5deg); }
		  70% { transform: rotate(5deg); }
		  80% { transform: rotate(5deg); }
		  90% { transform: rotate(0deg); }
		  100% { transform: rotate(0deg); }
		}


	.NavLinkShopCart {
		transition: 0.25s;
	}
	.NavLinkShopCart:hover {

		background-color: #4e91c0;
	}
	/*.NavLinkShopCart_Battery:hover {
		background-color: #fdea01;
	}*/

	.NavLinkShopCart:hover .NavLinkRightCell {
		color: #fdea01;
	}
	/*.NavLinkShopCart_Battery:hover .NavLinkRightCell_Battery {
		color: white;
	}*/

		.NavLink {
			display: block;
			height: 100%;
			width: 100%;
			text-decoration: none;
		}

			.NavLinkLeftCell {
				display: table-cell;
				float: left;
				height: 100%;
				width: 60%;
			}

			.NavLinkRightCell {
				display: table-cell;
				float: left;
				height: 100%;
				width: 40%;
				color: #4e91c0;
				color: rgba(0,0,0,0.8);
				transition: 0.25s;
			}

			.NavLinkRightCell_Battery {
				display: table-cell;
				float: left;
				height: 100%;
				width: 40%;
				background-color: ;
				color: #fdea01;
				color: rgba(0,0,0,0.8);
				transition: 0.25s;
			}

			.NavBarImage {
				display: block;
				margin-left: auto;
				margin-right: auto;
				position: relative;
				top: 50%;
				transform: translateY(-50%);
				height: 60%;
				width: 60%;
				object-fit: contain;
			}
			#count-cart {
				display: block;
				margin-left: auto;
				margin-right: auto;
				position: relative;
				top: 50%;
				transform: translateY(-50%);
				font-size: 15px;
				font-size: 50px;
				font-weight: bold;
				text-align: center;
			}

.UnderNavBar {
	display: block;
	height: 50px;
	width: 100%;
	background-color: blue;
	height: 88px;
}


.NavBarCellHomeCell {
	dispaly: table-cell;
	float: left;
	height: 100%;
	width: 50%;
	background-color: white;
}
.NavBarCellHomeCell:hover {
	
}

.NavBarCellHomeCellLeft {

}
.NavBarCellHomeCellRight {
	background-color: #fdea01;
}




/*Small NavBar*/
/*
.SmallNavBarContainer {
	display: none;
}*/

.SmallNavBar {
	display: none;
	position: fixed;
	z-index: 5;
	height: 80px;
	width: 100%;
	left: 0px;
	top: 0px;
	background-color: white;
	border-top: 4px solid calc();
	border-bottom: 4px solid #4e91c0;
	/*box-shadow: 0px 0px 8px black;*/
	/*border-bottom: 4px solid #fdea01;*/
}

.NavDropDownCell {
	display: table-cell;
	float: right;
	height: 100%;
	width: 80px;
}
.NavDropDownCell:hover {
	cursor: pointer;
}

.NavDropDownCell:hover .NavBurgerImage {
	height: 100%;
	width: 100%;
}
	.NavBurgerImage {
		display: block;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		height: 90%;
		width: 90%;
		object-fit: contain;
		transition: 0.25s;
	}

/*Drop down of Small Nav*/

.SmallNavBarDropDown {
	background-color: white;
	display: none;
	/*height: 450px;*/
	height: auto;
	width: 100%;

	position: fixed;
	z-index: 4;
	/*margin-top: 88px;*/
	border-bottom: 4px solid #4e91c0;
}


	.SmallNavBarDropDownBlock {
		display: block;
		margin-left: auto;
		margin-right: auto;
		height: 33.33%;
		height: 150px;
		width: 100%;
		background-color: ;
		/*border-top: 2px solid #2e2d2b;
		border-bottom: 2px solid #2e2d2b;*/
		/*box-shadow: inset 0px 0px 4px black;*/
		transition: 0.25s;
	}
	.SmallNavBarDropDownBlock:hover {
		cursor: pointer;
		/*background-color: rgba(78,145,192,0.2);*/
	}
	.SmallNavBarDropDownBlock:hover .SmallNavBarDropDownBlockInside {
		height: 120px;
		width: 360px;
	}
		.SmallNavBarDropDownBlockInside {
			display: block;
			margin-left: auto;
			margin-right: auto;
			position: relative;
			top: 50%;
			transform: translateY(-50%);
			height: 100%;
			height: 100px;
			border-radius: 5px;
			border: 2px solid #4e91c0;
			width: 300px;
			transition: 0.25s;
		}











/*Vehicle Make Title*/

.UserVehicleMakeTitle {
	position: fixed;
	z-index: 3;
	left: 0px;
	top: 80px;
	width: 246px;
	border-right: 2px solid #4e91c0;
	height: 40px;
	background-color: #4e91c0;
	line-height: 40px;
}

.UserVehicleMakeTitleBatteries {
	background-color: #fdea01;
}

.UserVehicleMakeTitleWords {
	/*display: block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 50%;
	transform: translateY(-50%);*/

	font-size: 25px;
	font-weight: bold;
	color: rgba(0,0,0,0.8);
	color: white;
	text-align: center;
}


/*Search Block*/



.SearchBlock {
	display: block;
	height: 40px;
	width: 660px;
	position: fixed;
	z-index: 3;
	top: 84px;
	top: 80px;
	left: 248px;
	background-color: #4e91c0;
	/*background-color: white;*/
	/*border-radius: 5px;*/
	/*box-shadow: inset 0px 0px 4px black;*/
	border-radius: 0px 0px 5px 0px;
}
	.SearchArea {
		display: block;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		border: 2px solid #4e91c0;
		
		font-size: 18px;
		height: 30px;
		width: 90%;
		padding-left: 20px;
		/*box-shadow: 0px 0px 4px black;*/
	}














.HomePageWindscreenTopSection {
	display: block;
	height: calc(100vh - 88px);
	min-height: 500px;
	width: 100%;
	background-color: ;
	background-image: url("Images/CarBackground.png");
	background-image: url("Images/WindshieldRepairImage.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
	background-bottom: 0;
	background-width: 100%;
}
.HomePageWindscreenTopSection_Battery {
	background-image: url("Images/BtteryJumperCableBackground.jpg");
}
	
	.HomePageAboutSectionTitle {
		display: block;
		height: 50%;
		width: 100%;
		color: white;
	}

		.HomePageAboutSectionTitleImg {
			display: block;
			margin-left: auto;
			margin-right: auto;
			position: relative;
			top: 50%;
			transform: translateY(-50%);
			height: 80%;
			width: 80%;
			object-fit: contain;
		}

		.HomePageAboutSectionTitleWords {
			display: block;
			margin-left: auto;
			margin-right: auto;
			position: relative;
			top: 50%;
			transform: translateY(-50%);
			text-shadow: 2px 2px black;
			font-style: italic;
			text-align: center;
			font-size: 35px;
			font-weight: bold;
			background-color: rgba(78,145,192,1);
			border: 2px solid white;
			padding: 10px;
			width: 400px;
			border-radius: 90px;
			box-shadow: 0px 0px 8px black;
		}

	.HomePageAboutSection {
		display: block;
		margin-left: auto;
		margin-right: auto;
		height: 50%;
		width: 90%;
	}
		
		.HomePageAboutSectionWords {
			height: 100%;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: row;
			flex-wrap: wrap;
			font-size: 20px;
			font-weight: bold;
			color: white;
			text-shadow: 0px 0px 2px black;
		}

			.HomePageAboutSectionWordsItem {
				display: table-cell;
				float: left;
				height: 35px;
				width: 350px;
				width: 340px;
				background-color: rgba(0,0,0,0.8);
				border: 2px solid rgba(78,145,192,0.8);
				border: 2px solid white;
				box-shadow: 0px 0px 4px black;
				border-radius: 90px;
				margin: 5px;
				/*flex-grow: 1;
				flex-shrink: 0;*/
				flex-basis: 360px;
			}
				.HomePageAboutSectionWordsLeftCell {
					display: table-cell;
					float: left;
					height: 100%;
					width: 35px;
					height: 100%;
				}
					.bluedot {
						display: block;
						margin-left: auto;
						margin-right: auto;
						position: relative;
						top: 50%;
						transform: translateY(-50%);
						height: 25px;
						width: 25px;
						object-fit: contain;
						border-radius: 90px;
						box-shadow: 0px 0px 2px black;
					}

				.HomePageAboutSectionWordsRightCell {
					display: table-cell;
					float: left;
					width: 315px;
					height: 100%;
				}

					.HomePageAboutSectionWordsWord {
						display: block;
						margin-left: auto;
						margin-right: auto;
						position: relative;
						top: 50%;
						transform: translateY(-50%);
						padding-left: 10px;
						font-size: 20px;
					}
		

	.HomeButtonSection {
		display: block;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		margin-left: auto;
		margin-right: auto;
		width: 80%;
		height: 40%;
	}
		.HomeButtonSectionLeftCell {
			display: table-cell;
			float: left;
			height: 100%;
			width: 50%;
		}

		.BSGRef {
			display: block;
			position: relative;
			top: 50%;
			transform: translateY(-50%);
			margin-left: auto;
			margin-right: auto;
			height: 208px;
			width: 308px;
			border-radius: 5px;
			text-decoration: none;
		}

		.BATTERYINNRef {
			display: block;
			position: relative;
			top: 50%;
			transform: translateY(-50%);
			margin-left: auto;
			margin-right: auto;
			height: 208px;
			width: 308px;
			border-radius: 5px;
			text-decoration: none;
		}

			.HomePageBSGButton {
				display: block;
				position: relative;
				top: 50%;
				transform: translateY(-50%);
				margin-left: auto;
				margin-right: auto;
				background-color: white;
				height: 100%;
				width: 100%;
				border: 4px solid #4e91c0;
				border-radius: 5px;
				transition: 0.25s;
				box-shadow: 0px 0px 8px black;
			}
			.HomePageBSGButton:hover {
				cursor: pointer;
				box-shadow: 0px 0px 0px black;
			}

				.HomePageBSGButtonImg {
					display: block;
					margin-left: auto;
					margin-right: auto;
					height: 100%;
					width: 100%;
					object-fit: contain;
				}

		.HomeButtonSectionRightCell {
			display: table-cell;
			float: left;
			height: 100%;
			width: 50%;
		}
			.HomePageBATTERYINNButton {
				display: block;
				position: relative;
				top: 50%;
				transform: translateY(-50%);
				margin-left: auto;
				margin-right: auto;
				background-color: #fdea01;
				height: 200px;
				width: 300px;
				box-shadow: 0px 0px 8px black;
				transition: 0.25s;
				border: 4px solid white;
				border-radius: 5px;
			}
			.HomePageBATTERYINNButton:hover {
				cursor: pointer;
				box-shadow: 0px 0px 0px black;
			}

				.HomePageBATTERYINNButtonImg {
					display: block;
					margin-left: auto;
					margin-right: auto;
					height: 100%;
					width: 100%;
					object-fit: contain;
				}



.HomeServicesSection {
	display: block;
	height: calc(100vh - 88px);
	min-height: 500px;
	width: 100%;
}

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

	/*margin-top: 40px;
	margin-bottom: 40px;*/
}










/*Battery Section*/

.ChooseBatteryPage {
	display: black;
	height: 400px;
	width: 100vw;
	width: 100%;
	background-image: url("Images/BricksBackground.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

	.ChooseBatteryPageLeftCell {
		display: table-cell;
		float: left;
		width: 70%;
		height: 100%;
	}

	.ChooseBatteryPageRightCell {
		display: table-cell;
		float: left;
		width: 30%;
		height: 100%;
		background-color: rgba(253,234,1,1);
	}

		.ChooseBatteryPageImg {
			display: block;
			margin-left: auto;
			margin-right: auto;
			position: relative;
			top: 50%;
			transform: translateY(-50%);
			height: 100%;
			width: 100%;
			object-fit: contain;
		}

		.ChooseBatteryPageImg2 {
			display: block;
			margin-left: auto;
			margin-right: auto;
			position: relative;
			top: 50%;
			transform: translateY(-50%);
			height: 100%;
			width: 90%;
			object-fit: contain;
		}


.ChooseaBrandTitle {
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	height: 300px;
	width: 70%;
	object-fit: contain;
}

.BatteryBrandOptions {
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	height: 80%;
	width: 85%;
}
	.BatteryBrandOptionsCell {
		display: table-cell;
		float: left;
		height: 100%;
		width: 33.33%;
	}
		.BatteryBrandOptionButton {
			display: block;
			margin-left: auto;
			margin-right: auto;
			position: relative;
			top: 50%;
			transform: translateY(-50%);
			width: 300px;
			height: 200px;
			border: 4px solid #fdea01;
			box-shadow: 0px 0px 8px black;
			border-radius: 5px;
			transition: 0.25s;
			background-image: url("Images/BricksSmall.jpg");
			background-repeat: no-repeat;
			background-position: center center;
			background-size: cover;
		}
		.BatteryBrandOptionButton:hover {
			curosr: pointer;
			box-shadow: 0px 0px 0px black;
		}

			.BatteryBrandOptionButtonLink {
				height: 100%;
				width: 100%;
				text-decoration: none;
			}

				.BatteryBrandOptionImg {
					display: block;
					margin-left: auto;
					margin-right: auto;
					position: relative;
					top: 50%;
					transform: translateY(-50%);
					height: 90%;
					width: 90%;
					object-fit: contain;
				}















/*Contact Section*/

.ContactSection {
	display: block;
	height: calc(100vh - 88px);
	min-height: 500px;
	width: 100%;
	background-color: ;
	background-image: url("Images/WindshieldRepairImage.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
	background-bottom: 0;
	background-width: 100%;
	/*margin-top: 40px;
	margin-bottom: 40px;*/
}
.ContactSection_Battery {
	background-image: url("Images/BtteryJumperCableBackground.jpg");
}
.Panel6Middle {
	display: block;
	height: 100%;
	width: 100%;
}

	.Panel6MiddleCell {
		display: table-cell;
		float: left;
		height: 100%;
		width: 50%;
	}


	.Panel6MiddleCell1 {
		width: 30%;
		background-color: rgba(78,145,192,1);
	}
	.Panel6MiddleCell1_Battery {
		width: 30%;
		background-color: #fdea01;
	}

	.Panel6MiddleCell2 {
		width: 70%;
	}

		.ContactDetailsSection {
			display: block;
			margin-left: auto;
			margin-right: auto;
			position: relative;
			top: 50%;
			transform: translateY(-50%);
			background-color: ;
			height: 90%;
			width: 90%;

			text-align: left;
			/*font-style: italic;*/
		}
			.ContactDetailsSection1 {
				display: block;
				/*margin-left: auto;
				margin-right: auto;*/
				height: 30%;
				width: 100%;
				background-color: ;
			}
				.ContactDetailsSection1Words {
					display: block;
					height: 100%;
					width: 100%;
				}
					.ContactDetailsSection1Img {
						display: block;
						height: 100%;
						width: 100%;
						object-fit: contain;
					}

			.ContactDetailsSection2 {
				display: block;
				height: 10%;
				width: 100%;
			}
				.ContactDetailsSection2Words {
					display: block;
					margin-left: auto;
					margin-right: auto;
					position: relative;
					top: 50%;
					transform: translateY(-50%);
					font-size: 35px;
					font-weight: bold;
					text-align: center;
					color: white;
					text-shadow: 0px 0px 4px black;
					text-align: left;
				}
					.ContactDetailsSection2Wordsspan1 {
						
					}
					.ContactDetailsSection2Wordsspan2 {
						
					}

			.ContactDetailsSection3 {
				display: block;
				height: 10%;
				width: 100%;
			}

				.ContactDetailsSection3Words {
					display: block;
					margin-left: auto;
					margin-right: auto;
					position: relative;
					top: 50%;
					transform: translateY(-50%);
					font-size: 35px;
					font-weight: bold;
					text-align: center;
					color: white;
					text-shadow: 0px 0px 4px black;
					text-align: left;
				}

					.ContactDetailsSection3EmailLink {
						text-decoration: none;
						color: white;
					}

			.ContactDetailsSection4 {
				display: block;
				height: 10%;
				width: 100%;
			}
				.ContactDetailsSection4Words {
					display: block;
					margin-left: auto;
					margin-right: auto;
					position: relative;
					top: 50%;
					transform: translateY(-50%);
					font-size: 30px;
					font-weight: bold;
					text-align: center;
					color: white;
					text-shadow: 0px 0px 4px black;
					text-align: left;
				}
			
			.ContactDetailsSection5 {
				display: block;
				margin-left: auto;
				margin-right: auto;
				height: 40%;
				width: 100%;
				background-color: white;
			}

	.ContactForm {
		display: block;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		padding: 20px;
		width: 350px;
	}

	.ContactFormLabel {
		font-size: 25px;
		color: #4e91c0;
		color: black;
		color: white;
		padding-left: 10px;
		font-weight: bold;
	}

	.ContactFormLabel_Battery {
		color: #2e2d2b;
	}

	.ContactFormInput {
		display: block;
		padding-left: 10px;
		margin-top: 5px;
		margin-bottom: 5px;
		height: 35px;
		width: 300px;
		font-size: 20px;
		color: white;
		color: #4e91c0;
		font-weight: bold;
		border: 2px solid rgba(78,145,192,1);
		box-shadow: inset 0px 0px 2px, 0px 0px 2px black;
		border-radius: 5px;
		background-color: white;
	}

	.ContactFormInput_Battery {
		border: 2px solid #2e2d2b;
		color: #2e2d2b;
	}

	.ContactFormTextArea {
		display: block;
		height: 180px;
		width: 300px;
		font-size: 20px;
		color: white;
		color: #4e91c0;
		margin-top: 5px;
		font-weight: bold;
		border: 2px solid rgba(78,145,192,1);
		box-shadow: inset 0px 0px 2px, 0px 0px 2px black;
		border-radius: 5px;
		background-color: rgba(78,145,192,0.3);
		padding-left: 10px;
		background-color: white;
	}

	.HomeContactFormTextArea {
		display: block;
		height: 180px;
		width: 300px;
		font-size: 20px;
		color: white;
		color: #4e91c0;
		margin-top: 5px;
		font-weight: bold;
		border: 2px solid rgba(78,145,192,1);
		box-shadow: inset 0px 0px 2px, 0px 0px 2px black;
		border-radius: 5px;
		background-color: rgba(78,145,192,0.3);
		padding-left: 10px;
		background-color: white;
	}

	.ContactFormTextArea_Battery {
		border: 2px solid #2e2d2b;
		color: #2e2d2b;
	}

	.ContactFormSubmitButton {
		display: block;
		margin-left: 10px;
		margin-top: -5px;
		margin-bottom: 5px;
		height: 35px;
		width: 200px;
		font-size: 20px;
		font-weight: bold;
		line-height: 25px;
		border: 2px solid white;
		box-shadow: 0px 0px 8px black;
		transition: 0.5s;
		color: white;
		background-color: rgba(78,145,192,1);
		border-radius: 5px;

	}
	.ContactFormSubmitButton:hover {
		cursor: pointer;
		box-shadow: 0px 0px 0px black;
	}
	.ContactFormSubmitButton_Battery {
		background-color: #fdea01;
		background-color: #2e2d2b;
	}


	.ContactFormImage {
		display: block;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		height: 450px;
		width: 80%;
		width: 450px;
		object-fit: cover;
		border: 2px solid white;
		box-shadow: 0px 0px 8px rgba(78,145,192,1);
		border-radius: 5px;
	}







.ChooseAnotherBrand {
	text-decoration: none;
	display: block;
	position: fixed;
	height: 40px;
	width: 200px;
	border: 2px solid white;
	background-color: rgba(78,145,192,1);
	top: 5px;
	left: 5px;
	box-shadow: 0px 0px 4px black;
	border-radius: 5px;
	transition: 0.25s;
	z-index: 2;
}
.ChooseAnotherBrand:hover {
	cursor: pointer;
	box-shadow: 0px 0px 0px black;
	/*opacity: .7;*/
}
	.ChooseAnotherBrandWords {
		display: block;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		font-size: 18px;
		/*font-weight: bold;*/
		text-align: center;
		color: white;
	}







.LogOff {
	text-decoration: none;
	display: block;
	position: fixed;
	height: 40px;
	width: 200px;
	border: 2px solid white;
	background-color: rgba(0,0,0,.8);
	top: 5px;
	right: 5px;
	box-shadow: 0px 0px 4px black;
	border-radius: 5px;
	transition: 0.25s;
	z-index: 2;
}
.LogOff:hover {
	cursor: pointer;
	box-shadow: 0px 0px 0px black;
	/*opacity: .7;*/
}
	.LogOffWords {
		display: block;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		font-size: 18px;
		/*font-weight: bold;*/
		text-align: center;
		color: white;
	}










	.VehicleMakeTitle {
		display: block;
		height: 100%;

	}
		.VehicleMakeTitleWords {
			display: block;
			position: relative;
			top: 50%;
			transform: translateY(-50%);
			padding-left: 30px;
			font-size: 30px;
			font-weight: bold;
			color: rgba(0,0,0,0.8);
		}

.ShowEditOptionsPage {
	display: block;
	/*display: none;*/
	height: 100vh;
	height: 80vh;
	margin-top: 10vh;
	width: 100%;
	border: 20px 0px 0px 20px;
	/*background-color: rgba(78,145,192,1);*/
	/*background-image: url("Images/BricksBackground.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;*/
}

.SelectEditSectionContainer {
	display: block;
	height: 100%;
	height: calc(100vh - 88px);
	min-height: 500px;
	width: 100%;
}
	.SelectEditSectionLeftCell {
		display: table-cell;
		float: left;
		height: 70vh;
		width: 300px;
		position: fixed;
		z-index: 1;
		overflow: auto;
	}

	.SelectEditSectionRightCell {
		display: table-cell;
		float: left;
		height: 100%;
		width: calc(100% - 300px);
		margin-left: 300px;
		background-color: ;
	}


.PageContainer {
	display: block;
	height: 100%;
	width: 100vw;
	min-height: 400px;
	margin-left: auto;
	margin-right: auto;
	background-color: ;
}

	.GalleryPictureInputContainer {
		display: flex;
		align-items: stretch;
		justify-content: stretch;
		flex-direction: row;
		flex-wrap: wrap;
		height: 100%;
		width: 100%;
		overflow: auto;
		/*border-left: 2px solid rgba(78,145,192,1);
		border-right: 2px solid rgba(78,145,192,1);*/
		/*border: 2px solid rgba(78,145,192,1);*/
		border: 2px solid white;
		background-color: rgba(0,0,0,0.5);
		border-radius: 5px 0px 0px 5px;

		/*background-image: url("Images/BricksBackground.jpg");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;*/
	}
		.GalleryPictureInputCell {
			display: table-cell;
			float: left;
			min-height: 200px;
			margin: 10px;
			flex-grow: 1;
			flex-shrink: 0;
			flex-basis: 260px;
		}
			.EditProductsSection {
				width: 100%;
				height: 100%;
				display: flex;
				align-content: center;
				justify-content: center;
			}

				.EditProductButton {
					display: block;
					position: relative;
					top: 50%;
					transform: translateY(-50%);
					margin-left: auto;
					margin-right: auto;
					width: 260px;
					height: 190px;
					background: white;
					text-align: center;
					border-radius: 5px;
					box-shadow: 0px 0px 4px black;
					border: 3px dotted #4e91c0;
					transition: 0.25s;
				}
				.EditProductButtonBattery {
					border: 3px dotted #fdea01;
				}
				.EditProductButton:hover {
					cursor: pointer;
					box-shadow: 0px 0px 0px;
				}
					.EditProductButtonTopSection {
						display: block;
						height: 20%;
						width: 100%;
						background-color: #4e91c0;
						border-radius: 3px 3px 0px 0px;
					}
						.EditProductButtonTopSectionWords {
							display: block;
							font-size: 20px;
							font-weight: bold;
							color: rgba(0,0,0,0.8);
							position: relative;
							top: 50%;
							transform: translateY(-50%);
						}	

							.ProductNumberWords {
								font-size: 18px;
								color: white;
								padding-left: 10px;
							}

					.EditProductButtonBottomSection {
						display: block;
						height: 80%;
						width: 100%;
					}
						.EditProductButtonBottomSectionWords {
							display: block;
							margin-left: auto;
							margin-right: auto;
							position: relative;
							top: 50%;
							transform: translateY(-50%);
							font-size: 20px;
							font-weight: bold;
							font-family: calibri;
							color: rgba(0,0,0,0.8);
						}

						.EditProductButtonBottomSectionWords2 {
							font-size: 50px;
							color: #4e91c0;
						}

					.CurrentPrice_CheckProduct {
						display: none;
					}




/*PopUp Area*//*PopUp Area*/
/*PopUp Area*//*PopUp Area*/



.EditProductPopUp {
	display: none;
	/*display: block;*/
	height: 100vh;
	min-height: 500px;
	width: 100vw;
	position: fixed;
	left: 0;
	top: 0;
}
	.EditProductPopUpBox {
		display: block;
		height: 70%;
		min-height: 400px;
		width: 80vw;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		background-color: rgba(0,0,0,0.8);
		background-image: url("Images/BricksBackground.jpg");	
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		box-shadow: 0px 0px 8px black;
		border-radius: 5px 0px 20px 20px;
		border: 2px solid #4e91c0;
	}
		.EditProductPopUpBoxTitle {
			display: block;
			background-color: white;
			height: 35px;
			width: 100%;
			border-radius: 5px 5px 0px 0px;
		}
			.EditProductPopUpBoxTitleName {
				display: block;
				margin-left: auto;
				margin-right: auto;
				position: relative;
				top: 50%;
				transform: translateY(-50%);
				font-style: italic;
				font-weight: bold;
				color: rgba(0,0,0,0.8);
				padding-left: 30px;
				font-size: 20px;
			}

			.EditProductPopUpBoxTitleName2 {
				color: #4e91c0;
			}

		.EditProductPopUpBoxInside {
			display: block;
			height: calc(100% - 35px);
			width: 100%;
			margin-left: auto;
			margin-right: auto;
			background-color: rgba(0,0,0,0.5);
			border-radius: 0px 0px 18px 18px;
		}
			.EditProductPopUpBoxLeftCell {
				display: table-cell;
				float: left;
				height: 100%;
				width: 60%;
			}

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

				.EditProductPopUpBoxLeftCellTop {
					display: block;
					height: 30%;
					width: 100%;
					background-color: ;
				}
					.EditProductPopUpBoxLeftCellTopWords {
						display: block;
						width: 80%;
						position: relative;
						top: 50%;
						transform: translateY(-50%);
						margin-left: auto;
						margin-right: auto;
						font-size: 25px;
						font-weight: bold;
						color: rgba(0,0,0,0.8);
						color: white;
						-webkit-text-stroke: 1px #4e91c0;
						text-align: center;
						/*text-shadow: 0px 0px 4px black;*/
					}
					.EditProductPopUpBoxLeftCellTopWords span {
						font-size: 20px;
						color: #4e91c0;
						color: white;
						-webkit-text-stroke: 0px #4e91c0;
					}

				.EditProductPopUpBoxLeftCellBottom {
					display: block;
					height: 70%;
					width: 100%;

				}
					.DropArea {
						display: block;
						position: relative;
						top: 50%;
						transform: translateY(-50%);
						margin-left: auto;
						margin-right: auto;
						width: 90%;
						height: 90%;
						height: 300px;
						width: 450px;
						background: black;
						text-align: center;
						border-radius: 5px;
						box-shadow: 0px 0px 8px black;
						border: 2px solid cornflowerblue;
					}

						.drop_file_zone {
							display: block;
							position: relative;
							top: 50%;
							transform: translateY(-50%);
							margin-left: auto;
							margin-right: auto;
							width: 100%;
							height: 100%;
							border-radius: 5px;
							background: white;
							background-repeat: no-repeat;
							background-position: center center;
							background-size: contain;
						}

						.drop_file_zone img {
							width: 55px;
							margin-top: 25px;
						}

						.drag_upload_file_ {
							display: block;
							height: 100%;
							width: 100%;
						}

						.drag_upload_file_Button{
							display: block;
							height: 50px;
							width: 250px;
							background-color: rgba(65,105,225,0.8);
							background-color: #4e91c0;
							background-color: rgba(78,145,192,0.8);
							position: absolute;
							top: 130px;
							left: 100px;
							box-shadow: 0px 0px 8px black;
							border-radius: 5px;

							/*position: relative;
							top: 50%;
							transform: translateY(-50%);
							margin-left: auto;
							margin-right: auto;*/
						}

						.drag_upload_file_ButtonWords{
							display: block;
							position: relative;
							top: 50%;
							transform: translateY(-50%);
							text-align: center;
							background-color: ;
							color: white;
							font-weight: bold;
							font-size: 15px;
						}

						.selectfile {
							display: none;
						}

						.drag_upload_file_Button span{
							display: block;
							font-size: 10px;
							color: rgba(255,255,255,0.8);
							margin-top: 2px;
						}


			.EditProductPopUpBoxRightCell {
				display: table-cell;
				float: left;
				height: 100%;
				width: 40%;
			}
				.FormContainer {
					display: block;
					position: relative;
					top: 50%;
					transform: translateY(-50%);
					margin-left: auto;
					margin-right: auto;
					height: 100%;
					width: 90%;
					background-color: ;
				}
					.ProductEditForm {
						display: block;
						position: relative;
						top: 50%;
						transform: translateY(-50%);
						margin-left: auto;
						margin-right: auto;
						padding: 20px;
					}

						.FormLabel {
							display: block;
							width: 250px;
							margin-top: 5px;
							margin-bottom: 5px;
							height: 25px;
							/*background-color: rgba(78,145,192,1);*/
							line-height: 25px;
							font-size: 20px;
							font-weight: bold;
							color: #4e91c0;
							color: white;
							/*text-shadow: 0px 0px 4px black;*/
							/*padding: 5px*/;
							-webkit-text-stroke: 0.5px #4e91c0;
						}

						.FormInput {
							width: 250px;
							margin-top: 5px;
							margin-bottom: 5px;
							height: 30px;
							font-size: 20px;
							border: 1px solid #4e91c0;
							box-shadow: 0px 0px 2px black;
						}

						.SubmitButton {
							display: block;
							height: 35px;
							width: 150px;
							width: 180px;
							background-color: #4e91c0;
							font-size: 18px;
							font-weight: bold;
							color: white;
							margin-top: 5px;
							padding: 5px;
							box-shadow: 0px 0px 4px black;
						}

						.SubmitButton:hover {
							cursor: pointer;
							box-shadow: 0px 0px 0px black;
						}


	.ExitButton {
		display: block;
		position: absolute;
		top: 0%;
		right: 0px;
		height: 35px;
		width: 35px;
		line-height: 35px;
		font-size: 20px;
		font-weight: bold;
		text-align: center;
		background-color: white;
		border-left: 2px solid #4e91c0;
		color: #4e91c0;
		transition: 0.25s;
	}
	.ExitButton:hover {
		cursor: pointer;
		box-shadow: 0px 0px 0px black;
		background-color: rgba(78,145,192,1);
		color: white;
	}





/*Display Section*/
/*Display Section*/
/*Display Section*/
/*Display Section*/
/*Display Section*/
/*Display Section*/






.ShopLeftCell {
	display: none;
	/*position: fixed;
	z-index: 1;
	left: 0px;
	width: 250px;
	width: 248px;
	border-right: 2px solid #4e91c0;
	height: 100%;
	background-color: white;*/
}

	.PriceFilterPanel {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 90%;
		height: 600px;
	}

		.PriceFilterPanelSection {
			display: block;
			margin-left: auto;
			margin-right: auto;
			/*padding-top: 8px;
			padding-bottom: 8px;*/
			width: 100%;
			width: 204px;
			margin-top: 8px;
			margin-bottom: 8px;
			height: 39px;
		}
			.PriceFilterPanelSectionTitle {
				display: block;
				margin-left: auto;
				margin-right: auto;
				height: 30px;
				width: 100%;
				margin-top: 15px;
			}
				.PriceFilterPanelSectionTitleWords {
					display: block;
					margin-left: auto;
					margin-right: auto;
					position: relative;
					top: 50%;
					transform: translateY(-50%);

					font-size: 30px;
					font-weight: bold;
					color: rgba(0,0,0,0.8);
					text-align: center;
				}

			.PriceFilterBtn {
				display: block;
				margin-left: auto;
				margin-right: auto;
				height: 35px;
				width: 200px;
				border-radius: 5px;
				background-color: #4e91c0;
				transition: .25s;
				color: white;
				border: 2px solid white;
				
			}

			#PriceFilterBtnAll {
				background-color: white;
				border: 2px solid #4e91c0;
				color: #4e91c0;
			}

			.PriceFilterPanelSection .PriceFilterBtn:hover {
				cursor: pointer;
				background-color: rgba(65,105,225,0.8);
				background-color: #4e91c0;
				background-color: rgba(78,145,192,0.8);
			}
				.PriceFilterBtnWords {
					display: block;
					position: relative;
					top: 50%;
					transform: translateY(-50%);
					margin-left: auto;
					margin-right: auto;
					font-size: 17px;
					font-weight: bold;
					text-align: center;
				}


.ShopRightCell {
	/*display: block;
	margin-left: 250px;
	width: calc(100vw - 270px);
	height: 100%;*/

	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	height: 100%;
}


.DisplayGalleryContainer {
	min-height: 100vh;
	width: 100%;
}


.DisplayGalleryItemsContainer {
	display: flex;
	align-items: stretch;
	justify-content: stretch;
	flex-direction: row;
	flex-wrap: wrap;
	/*background-color: rgba(255,255,255,0.8);*/
	overflow: auto;

	padding-top: 20px;
	background-color: ;
}
	.DisplayProductItemCell {
		display: table-cell;
		float: left;
		min-height: 350px;
		min-height: 400px;
		margin: 10px;
		flex-grow: 1;
		flex-shrink: 0;
		flex-basis: 200px;


	}
		.DisplayProductItemBox {
			width: 100%;
			height: 100%;
			display: flex;
			align-content: center;
			justify-content: center;
		}

			.DisplayProductItem {
				display: block;
				position: relative;
				top: 50%;
				transform: translateY(-50%);
				margin-left: auto;
				margin-right: auto;
				width: 200px;
				height: 330px;
				height: 380px;
				background-color: white;
				text-align: center;
				border-radius: 5px;
			}

			.DisplayProductItem:hover {
				cursor: pointer;
			}
				.DisplayProductItemSection1 {
					display: block;
					height: 200px;
					width: 200px;
				}
					.DisplayProductItemImg {
						display: block;
						margin-left: auto;
						margin-right: auto;
						position: relative;
						top: 50%;
						transform: translateY(-50%);
						height: 180px;
						width: 180px;
						background-color: white;
						object-fit: contain;
					}

				.DisplayProductItemSection2 {
					min-height: 100px;
					width: 100%;
					background-color: ;
				}
					.DisplayProductItemSection2Words {
						font-size: 18px;
						font-weight: bold;
						color: rgba(0,0,0,0.8);
						text-align: left;
						margin-left: 5px;
						padding-top: 5px;
					}

				.DisplayProductItemSection3 {
					padding: 2px;
				}
					.DisplayProductItemSection3Words {
						font-size: 18px;
						font-weight: bold;
						color: rgba(0,0,0,0.8);
						text-align: left;
						padding-top: 5px;
						padding-left: 5px;
					}
					.Display_old_price {
						text-decoration: line-through;
					}
					.Display_current_price {
						color: #4e91c0;
						margin-left: 10px;
					}
					.Display_current_price_value {
						color: #4e91c0;
					}

				.DisplayProductItemSection4 {
					padding: 5px;
				}
					.AddToCartButton {
						display: block;
						margin-left: auto;
						margin-right: auto;
						height: 35px;
						width: 100%;
						border-radius: 5px;
						background-color: #4e91c0;
						transition: .25s;
					}
					.AddToCartButton:hover {
						cursor: pointer;
						background-color: rgba(65,105,225,0.8);
						background-color: #4e91c0;
						background-color: rgba(78,145,192,0.8);
					}
						.AddToCartButtonWords {
							display: block;
							position: relative;
							top: 50%;
							transform: translateY(-50%);
							margin-left: auto;
							margin-right: auto;
							font-size: 17px;
							font-weight: bold;
							color: white;
						}



/*Shop Footer Section - Under: DisplayGalleryContainer*/

.Shop_BSG_Footer {
	display: block;
	position: absolute;
	/*width: calc(100vw - 270px);*/
	width: 90vw;
	margin-left: 5vw;
	height: 280px;
	background-color: white;
}
	.Shop_BSG_FooterTitle {
		display: block;
		height: 50px;
		width: 100%;
		background-color: #2e2d2b;
	}
		.Shop_BSG_FooterTitleWords {
			display: block;
			margin-left: auto;
			margin-right: auto;
			height: 100%;
			width: 100%;
			object-fit: contain;
		}
	.Shop_BSG_FooterBody {
		display: block;
		height: 230px;
		width: 100%;
	}
		.Shop_BSG_FooterBodyCell {
			display: table-cell;
			float: left;
			height: 100%;
			width: 50%;
		}
		.Shop_BSG_FooterBodyCell1 {
			background-color: ;
		}
			.Footer1_ul_Shop_BSG {
				font-size: 15px;
			}

		.Shop_BSG_FooterBodyCell2 {
			background-color: ;
		}






/*Alert if Image is too big!*/

#Alert_ImageTooBig {
	display: none;
	position: absolute;
	z-index: 2;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 300px;
	width: 400px;
	background-color: white;
	border: 2px solid red;
	box-shadow: 0px 0px 8px black;
}

	.Alert_ImageTooBigWords {
		display: block;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		font-size: 30px;
		font-weight: bold;
		padding: 20px;
		color: red;
	}
		.Alert_ImageTooBigWords1 {

		}
		.Alert_ImageTooBigWords2 {
			color: rgba(0,0,0,0.8);
		}

	.AlertExitButton {
		display: block;
		position: absolute;
		top: 0%;
		right: 0px;
		height: 30px;
		width: 30px;
		line-height: 30px;
		font-size: 20px;
		font-weight: bold;
		text-align: center;
		background-color: white;
		color: red;
		box-shadow: 0px 0px 2px black;
		transition: 0.25s;
	}
	.AlertExitButton:hover {
		cursor: pointer;
		box-shadow: 0px 0px 0px black;
	}


.Alert_ImageWrongFormat {
	display: none;
	position: absolute;
	z-index: 2;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 300px;
	width: 400px;
	background-color: white;
	border: 2px solid red;
	box-shadow: 0px 0px 8px black;
}



#show-cart {
	display: none;
}



/*Alert if file-image is wrong format!*/











/*Footer Section*/



.Footer {
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 250px;
	width: 100%;
	background-color: white;
}
	.FooterCell {
		display: table-cell;
		float: left;
		height: 100%;
		width: 25%;
	}
		.Footer1 {
			display: block;
			height: 100%; 
			width: 100%;
			background-color: rgba(78,145,192,1);
		}
		.Footer1_Battery {
			height: 100%;
			width: 100%;
			background-color: #fdea01;
			background-image: url("Images/BricksSmall.jpg");
			background-repeat: no-repeat;
			background-position: center center;
			background-size: cover;
		}
			.Footer1_ulContainer {
				display: block;
				position: relative;
				top: 50%;
				transform: translateY(-50%);
				margin-left: auto;
				margin-right: auto;
				height: 100%;
				width: 100%;
			}
				.Footer1_ul {
					position: absolute;
					margin-top: 10px;
					background-color: ;
					font-weight: bold;
					font-size: 18px;
					color: white;
					text-shadow: 0px 0px 2px black;
				}

				.Footer1_BatteryImg {
					display: block;
					height: 100%;
					width: 100%;
					object-fit: contain;
				}

		.Footer2 {
			display: block;
			height: 100%;
			width: 100%;
			background-color: #fdea01;
			background-image: url("Images/BatteryInnFlagMedium.png");
			background-repeat: no-repeat;
			background-position: center center;
			background-size: contain;
		}
			.Footer2Inside_BSG {
				display: block;
				height: 100%;
				width: 100%;
				background-color: white;
			}
			.Footer2Inside_BATTERYINN {
				display: block;
				height: 100%;
				width: 100%;
				background-color: #fdea01;
			}
				.Footer2BSGImg {
					display: block;
					height: 100%;
					width: 100%;
					object-fit: contain;
				}

				.Footer2BATTERYINNImg {
					display: block;
					height: 100%;
					width: 100%;
					object-fit: contain;
				}
				.Footer2Words {
					display: block;
					margin-left: auto;
					margin-right: auto;
					position: relative;
					top: 50%;
					transform: translateY(-50%);
					font-weight: bold;
					text-align: center;
					font-style: italic;
					font-size: 30px;
					color: red;
					-webkit-text-stroke: 0.5px black;
				}

		.Footer3 {
			display: block;
			height: 100%;
			width: 100%;
			background-color: rgba(78,145,192,1);
		}
		.CellBlock3_Battery {
			background-color: white;
		}
			.Footer3_Battery {
				display: block;
				margin-left: auto;
				margin-right: auto;
				position: relative;
				top: 50%;
				transform: translateY(-50%);
				/*height: 95%;
				width: 95%;*/
				background-color: #fdea01;
				/*border: 2px solid #2e2d2b;
				box-shadow: 0px 0px 8px white;*/
				height: 100%;
				width: 100%;
				box-shadow: inset 0px 0px 4px black;
			}

			.Footer3WordsContainer {
				display: block;
				height: 100%;
				width: 100%;
			}

				.Footer3Words {
					display: block;
					margin-left: auto;
					margin-right: auto;
					position: relative;
					top: 50%;
					transform: translateY(-50%);
					color: white;
					font-weight: bold;
					padding-left: 20px;
					padding-right: 20px;
					font-size: 20px;
					text-shadow: 0px 0px 2px black;
				}

					.CallLink {
						text-decoration: none;
						color: white;
					}
					.EmailLink {
						text-decoration: none;
						color: white;
						font-size: 18px;
					}

		.Footer4 {
			display: block;
			height: 100%;
			width: 100%;
			background-color: white;
		}

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