.NavBar {
	border-bottom: 4px solid #fdea01;
}


.NavBarCellHomeCell {
	dispaly: table-cell;
	float: left;
	height: 100%;
	width: 50%;
	background-color: white;
	/*transition: 1s;*/
}
.NavBarCellHomeCell:hover {
	/*box-shadow: inset 0px 0px 8px black;*/
}

.NavBarCellHomeCellLeft {

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







.ShoppingCartHeading {
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 200px;
	width: 100%;
}
	.ShoppingCartHeadingCover {
		display: block;
		height: 100%;
		width: 100%;
	}
		/*.ShoppingCartHeadingTitle {
			display: block;
			margin-left: auto;
			margin-right: auto;
			font-size: 80px;
			font-weight: bold;
			text-align: left;
			color: #4e91c0;
			background-color: ;
			margin-left: 10%;
		}*/
		.ShoppingCartTitleImage {
			display: block;
			position: relative;
			top: 50%;
			transform: translateY(-50%);
			margin-left: auto;
			margin-right: auto;
			height: 90%;
			width: 90%;

			object-fit: contain;
		}





#show-cart {
	/*display: flex;
	flex-wrap: wrap; COULD BE ALL THAT IS NEEDED*/
	display: flex;
	flex-wrap: wrap;
	background-color: rgba(0,0,0,0.1);

	/*min-height: 300px;
	min-height: 350px;*/
	width: 80%;
	margin-left: 9%;
	border-radius: 5px;
	padding-top: 50px;
	padding-bottom: 50px;
	margin-bottom: 50px;
}
	.CartItemCell {
		display: table-cell;
		float: left;
		min-height: 350px;
		min=height: 400px;
		margin: 10px;
		flex-grow: 1;
		flex-shrink: 0;
		flex-basis: 220px;
		background-color: ;
	}
		.CartItemBlock {
			width: 100%;
			height: 100%;
			background-color: ;
			display: flex;
			align-content: center;
			justify-content: center;
		}
			.CartItem {
				display: block;
				position: relative;
				top: 50%;
				transform: translateY(-50%);
				margin-left: auto;
				margin-right: auto;
				width: 200px;
				/*height: 340px;*/
				background-color: white;
				text-align: center;
				border-radius: 5px;
				/*box-shadow: 0px 0px 4px black;*/
				/*border: 2px solid #4e91c0;*/
			}

				.CartItemImage {
					display: block;
					margin-left: auto;
					margin-right: auto;
					object-fit: contain;
					height: 180px;
					width: 180px;
					background-color: ;
					border: 2px solid #4e91c0;
					border-radius: 5px;
					margin-top: 7px;
				}

				.CartItemNameContainer {
					height: 40px;
					height: 80px;
					height: 70px;
				}

				.CartItemName {
					display: block;
					position: relative;
					top: 50%;
					transform: translateY(-50%);
					font-size: 18px;
					padding-top: 5px;
					padding-bottom: 5px;
					text-align: center;
					color: rgba(0,0,0,0.8);
					font-weight: bold;
					
				}

				.CartItemPrice {
					display: block;
					height: 30px;
					line-height: 30px;
					width: 100%;
					color: #4e91c0;
					font-size: 18px;
					font-weight: bold;
				}

				.AddAndDeleteContainer {
					display: block;
					margin-left: auto;
					margin-right: auto;
					height: 40px;
					width: 100%;
					background-color: ;
				}
					.AddAndDeleteLeftCell {
						display: table-cell;
						float: left;
						width: 25%;
						height: 100%;
						background-color: ;
					}
						.subtract-item {
							display: block;
							margin-left: auto;
							margin-right: auto;
							position: relative;
							top: 50%;
							transform: translateY(-50%);
							height: 35px;
							width: 35px;
							border-radius: 5px;
							background-color: #4e91c0;
							transition: .25s;
							color: white;
							font-weight: bold;
							text-align: center;
							line-height: 35px;
							font-size: 18px;
						}
						.subtract-item:hover {
							cursor: pointer;
							background-color: rgba(65,105,225,0.8);
						}

					.AddAndDeleteCenterCell {
						display: table-cell;
						float: left;
						height: 100%;
						width: 50%;
						background-color: ;
					}
						.Count-Display {
							display: block;
							margin-left: auto;
							margin-right: auto;
							position: relative;
							top: 50%;
							transform: translateY(-50%);
							height: 100%;
							width: 100%;
							font-size: 20px;
							line-height: 40px;
							text-align: center;
							font-weight: bold;
							color: #4e91c0;
						}
					.AddAndDeleteRightCell {
						display: table-cell;
						float: left;
						width: 25%;
						height: 100%;
						background-color: ;
					}
						.plus-item {
							display: block;
							margin-left: auto;
							margin-right: auto;
							position: relative;
							top: 50%;
							transform: translateY(-50%);
							/*margin-top: 2.5px;*/
							height: 35px;
							width: 35px;
							border-radius: 5px;
							background-color: #4e91c0;
							transition: .25s;
							color: white;
							font-weight: bold;
							text-align: center;
							line-height: 35px;
							font-size: 22px;
							box-shadow: 0px 0px 0px black;
						}
						.plus-item:hover {
							cursor: pointer;
							background-color: rgba(65,105,225,0.8);
							box-shadow: 0px 0px 0px black;
						}

				.delete-item {
					display: block;
					margin-left: auto;
					margin-right: auto;

					height: 35px;
					margin-top: 5px;
					margin-bottom: 5px;
					border-radius: 5px;
					background-color: white;
					border: 2px solid #4e91c0;
					color: #4e91c0;
					font-weight: bold;
					font-size: 18px;
					text-align: center;
					line-height: 35px;
					transition: .25s;

					width: 180px;
				}
				.delete-item:hover {
					cursor: pointer;
					background-color: rgba(65,105,225,0.8);
					border: 2px solid rgba(65,105,225,0.8);
					color: white;
				}










/*Form, Totals, and Payment*/

.ContactUs {
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 550px;
	width: 80%;
	background-color: white;
	/*background-image: url("Images/WindshieldBackground.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;*/

	border-radius: 20px;
	/*box-shadow: 0px 0px 8px black;*/
	/*border: 4px solid #4e91c0;*/
}
	.ContactFormContainer {
		display: block;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		height: 100%;
		width: 100%;
	}
		.ContactFormContainerLeftCell {
			display: table-cell;
			float: left;
			height: 100%;
			width: 50%;
			/*box-shadow: inset 0px 0px 4px #4e91c0;*/
			border-radius: 20px 0px 0px 20px;
		}
			.ContactForm {
				display: block;
				margin-left: auto;
				margin-right: auto;
				position: relative;
				top: 50%;
				transform: translateY(-50%);
				/*height: 90%;*/
				padding: 20px;
				width: 90%;
				background-color: ;
			}

				.ContactFormLabel {
					display: block;
					/*margin-left: auto;
					margin-right: auto;*/
					margin-left: 50px;
					margin-top: 10px;
				}
					.ContactFormLabelWords {
						font-size: 20px;
						font-weight: bold;
						color: #4e91c0;
						padding: 5px;
						padding-left: 7px;
					}
				.ContactFormInput {
					display: block;
					/*margin-left: auto;
					margin-right: auto;*/
					height: 35px;
					width: 200px;
					border-radius: 5px;
					background-color: white;
					color: #4e91c0;
					padding-left: 5px;
					font-size: 18px;
					/*font-weight: bold;*/
					border: 2px solid #4e91c0;
					box-shadow: 0px 0px 4px black;
					margin-left: 50px;
				}

				.ContactFormTextArea {
					display: block;
					/*margin-left: auto;
					margin-right: auto;*/
					/*margin-top: 10px;*/
					background-color: white;
					border-radius: 5px;
					border: 2px solid #4e91c0;
					box-shadow: 0px 0px 4px black;
					font-size: 18px;
					color: #4e91c0;
					/*font-weight: bold;*/
					padding-left: 5px;
					height: 150px;
					width: 300px;
					margin-left: 50px;
					margin-top: 10px;
					margin-bottom: 10px;
				}

				.ContactFormSubmitButton {
					display: block;
					margin-left: 50px;
					font-size: 20px;
					background-color: #4e91c0;
					color: white;
					border: 3px solid #fdea01;
					box-shadow: 0px 0px 4px black;
					text-align: center;
					font-weight: bold;
					width: 180px;
					height: 35px;
					border-radius: 5px;
					border: 2px solid white;
					transition: 0.25s;
					padding: 5px;
					margin-top: 10px;
				}
				.ContactFormSubmitButton:hover {
					cursor: pointer;
					/*color: #4e91c0;*/
					/*background-color: rgba(65,105,225,0.8);*/
					box-shadow: 0px 0px 0px ;

				}


		.ContactFormContainerRightCell {
			display: table-cell;
			float: left;
			height: 100%;
			width: calc(50% - 4px);
			border-left: 4px solid #4e91c0;
			/*box-shadow: inset 0px 0px 4px #4e91c0;*/
			border-radius: 0px 20px 20px 0px;
		}

			.NumberOfItems {
				display: block;
				margin-left: auto;
				margin-right: auto;
				font-size: 25px;
				color: rgba(0,0,0,0.8);
				text-align: center;
				margin-top: 5px;
				margin-bottom: 5px;
				font-weight: bold;
			}
				#Count-Cart {
					color: #4e91c0;
					font-size: 30px;
				}

			.TotalAmount {
				display: block;
				margin-left: 52px;
				font-size: 35px;
				font-weight: bold;
				color: color: rgba(0,0,0,0.8);;
				margin-top: 5px;
				margin-top: 25px;
				margin-bottom: 5px;
			}
				.TotalAmountJustTitle {
					color: #4e91c0;
				}
				#total-cart {
					color: rgba(0,0,0,0.8);
				}

			.ShippingCost {
				display: block;
				margin-left: 52px;
				font-size: 20px;
				font-weight: bold;
				color: #4e91c0;
			}
				.ShippingCostP {
					/*color: rgba(0,0,0,0.8);*/
				}

			.TotalTotalAmount {
				display: block;
				margin-left: 52px;
				font-size: 35px;
				font-weight: bold;
				color: rgba(0,0,0,0.8);;
				margin-top: 25px;
				margin-bottom: 5px;
			}
				.TotalTotalAmountJustTitle {
					color: #4e91c0;
				}
				#total-cart-shipping {
					color: rgba(0,0,0,0.8);
				}

			.CartPictureCartPage {
				display: block;
				/*margin-left: auto;
				margin-right: auto;*/
				margin-left: 52px;
				height: 200px;
				width: 200px;
				margin-top: 50px;
			}
				.CartPagePicture {
					display: block;
					margin-left: auto;
					margin-right: auto;
					position: relative;
					top: 50%;
					transform: translateY(-50%);
					height: 100%;
					width: 100%;
					object-fit: contain;
				}