/* 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; */
		}
		
		.vat_excluded
		{
			background: #157928;
			cursor: pointer;
		}
		
		.vat_included
		{
			background: #9B2F2F;
			cursor: pointer;
		}		

		/* 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 {	/* 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_text_left a:nth-child(5) {
			color: #89B565;
		}
		
		#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;			
		}

		#navbar_top a:hover {
			background: #eae4d7;
			color: black;
		}		
		
		/* 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 {
				float: left;
				padding: 9px 15px 9px 15px; /* top .. right .. bottom .. left */
			}			
			#navbar_text_right a {
				float: right;
				padding: 9px 15px 9px 15px; /* top .. right .. bottom .. left */
			}