/* Fixed Top Menu ... Scrolling paragraph text (below header) code removed ... add in if needed: https://www.w3schools.com/howto/howto_css_fixed_menu.asp */
		#navbar_top {
			overflow: hidden;
			background-color: #000066;

			position: relative;
			transition: 0.6s;

			width: 100%;
			z-index: 2000; /* High number to ensure it is drawn at the very front */
		}

		#navbar_top_inner {
			position: relative;
			/* width: 70%; */ /* set in ... 1) home_page.css & ... 2) product_detail_page.css ... 3) customer_sign_up.css */
			margin: 0 auto;

				/* border: 2px solid red; */ /* if displaying border ... the CSS below is required */
		}

		#navbar_top_inner::after {
			/* IMPORTANT: Fixes parent-container border ... which doesn't expand to contain its child elements ... when child elements are ... floated */
			/* solution 1 (2nd post) ... https://stackoverflow.com/questions/218760/how-do-you-keep-parents-of-floated-elements-from-collapsing */
			 content: " ";
			 display: block;
			 height: 0;
			 clear: both;
		}

		#navbar_text_left, #navbar_text_right { /* display ... set up for mobile 1st */
			display: none;
			float: left;
			margin-right: 5%;
			/* border: 1px solid yellow; */
		}

		/* SOMEHOW FLOATING PARENT DIVs such as "navbar_text_left" & "navbar_text_right" above ... fixes the problem where the parent-container border does not expand to contain its child elements */

		#navbar_text_left a, #navbar_text_right a, .plain_info {	/* float ... set up for mobile 1st */
			display: block;
			float: none;
			font-size: 15px;
			color: #f2f2f2;
			text-decoration: none;
			padding: 7px 15px 7px 15px; /* top .. right .. bottom .. left */
				/* border: 1px solid red; */
		}
    #navbar_top a:hover {
			background: #eae4d7;
			color: black;
		}
		#nav_top_mobile {
			display: block;
			float: right;
			/* border: 1px solid yellow; */
		}
		#nav_mobile_button {
			display: block; /* (inline-block also works) ... required to eliminate some kind of button default top padding */
			font-size: 20px;
		}
    .vat_excluded	{
			background: #157928;
			cursor: pointer;
		}
		.vat_included	{
			background: #9B2F2F;
			cursor: pointer;
		}

		/* ALSO! Change px value in ... "navbar_top_fixed.php" (@media at bottom of page) */
		/* -----------------------------------------------------------------------------  */
		@media only screen and (min-width: 1600px) { /* Bootstrap breakpoints: (down page a bit) https://getflywheel.com/layout/css-breakpoints-responsive-design-how-to/ */
			#nav_top_mobile {
				display: none;
			}
			#navbar_text_left {
				display: block;
			}
			#navbar_text_right{
				display: block;
				float: right;
				margin-right: 0;
			}
			#navbar_text_left a, .plain_info {
				float: left;
				padding: 9px 15px 9px 15px; /* top .. right .. bottom .. left */
			}
			#navbar_text_right a, .plain_info {
				float: right;
				padding: 9px 15px 9px 15px; /* top .. right .. bottom .. left */
			}
    }
    .plain_info {
      /* color: #c5f5c9; */
    }