header.main-et1b														{ margin: auto; padding: 0; width: 100%; background-color: #FFFFFF; position: relative; z-index: 10000000; }

	header.main-et1b div.header-quickbar									{ text-align: right; }

	header.main-et1b button.search-open										{ margin-right: 1em; min-width: 0; vertical-align: middle; background-color: transparent; }
	header.main-et1b button.search-open img									{ display: block; }
	header.main-et1b div.header-account										{ padding: 0.4375em 0 0.5em; font-size: 0.875em; color: #969696; vertical-align: middle; display: inline-block; }
	header.main-et1b div.header-account img									{ margin-right: 1em; vertical-align: bottom; }
	header.main-et1b div.header-account .welcome							{ margin-left: 0.5rem; }

	header.main-et1b div.header-ribbon										{ width: 100%; min-height: 76px; color: #FFFFFF; background-color: #000000; }
	header.main-et1b div.header-ribbon .offset								{ display: table; }

	header.main-et1b div.header-logo										{ padding: 0; width: 20.5%; vertical-align: middle; display: table-cell; position: relative; z-index: 10; }
	header.main-et1b div.header-logo img									{ margin: -3.6% 0; max-width: 100%; display: block; }

	header.main-et1b.sticky													{ position: fixed; }
	header.main-et1b.sticky div.header-logo									{ height: 100%; left: 0; top: 0; position: absolute; z-index: 10; }
	header.main-et1b.sticky div.header-logo a								{ height: 100%; display: block; position: relative; }
	header.main-et1b.sticky div.header-logo img								{ margin: 0; max-height: 100%; }

	header.main-et1b.sticky div.header-details								{ margin: 0 0 0 auto; display: block; transition: padding 0.5s ease 0s; }
	
	nav.main-et1b															{ margin: 0; padding: 0 0 0 6%; width: 66.5%; vertical-align: middle; display: table-cell; position: relative; }
	nav.main-et1b ul														{ margin: 0; padding: 0; min-height: 76px; list-style-type: none; text-align: left; position: relative; }
	nav.main-et1b li														{ margin: 0; padding: 0; height: 76px; text-align: center; vertical-align: top; display: inline-block; position: relative; }
	nav.main-et1b li a														{ margin: 0; padding: 0.5em; height: 100%; font-size: 1.25em; color: #FFFFFF; text-align: left; display: block; }
	nav.main-et1b li a:before												{ width: 0; height: 100%; content: ''; vertical-align: middle; display: inline-block; }
	nav.main-et1b li:hover a												{ background-color: #202020; }
	nav.main-et1b li a.current												{ color: #8B8B8B; }

	nav.main-et1b li.temp													{ display: none; }

	nav.main-et1b li .drop													{ margin: 0; padding: 2.75% 3.5%; width: 100%; min-width: 300px; max-width: 500px; top: 100%; background-color: #303030; list-style-type: none; text-align: left; display: none; position: absolute; z-index: 10000000; }
	nav.main-et1b li:hover .drop											{ display: block; }
	nav.main-et1b .drop ul													{ min-height: 0; display: block; }
	nav.main-et1b .drop li													{ height: auto; display: block; }
	nav.main-et1b .drop li a												{ height: auto; background-color: transparent; }

	header.main-et1b .header-ribbon .basket-container						{ width: 13%; vertical-align: middle; display: table-cell; }
	header.main-et1b .header-ribbon .store-basket							{ margin: 0 0 0 auto; border: 1px solid #969696; border-radius: 1px; vertical-align: middle; display: table; }
	header.main-et1b .header-ribbon .store-basket .basket-total				{ padding: 0.5em 29px 0.5em 48px; font-size: 0.875em; background-color: #CBCBCB; background-image: url("../images/basket-icon.png"); background-position: 11px center; background-repeat: no-repeat; vertical-align: middle; display: table-cell; }
	header.main-et1b .header-ribbon .store-basket .basket-count				{ padding: 0.5em 0.875em; font-size: 0.875em; background-color: #969696; vertical-align: middle; display: table-cell; }

	header.main-et1b .header-quickbar .store-basket,
	header.main-et1b .header-quickbar .store-basket .basket-count			{ vertical-align: middle; display: inline-block; }

	header.main-et1b .header-quickbar .store-basket							{ margin-left: 1.5em; }
	header.main-et1b .header-quickbar .store-basket .basket-count			{ margin-left: 0.75em; }

	header.main-et1b .slicknav_nav li.slicknav_open > a > span.slicknav_arrow:after   { transform: rotate(-180deg); }
	header.main-et1b .slicknav_nav li .slicknav_arrow:after                 { content: '\f078'; display: inline-block; font-family: 'Font Awesome 5 Pro'; transform: rotate(0deg); transition: transform 300ms ease; }
	header.main-et1b .slicknav_nav li .slicknav_arrow img                   { display: none; }

	div.page .search-popup													{ width: 100%; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(216, 217, 218, 0.9); text-align: center; display: none; position: fixed; z-index: 10000; }
	div.page .search-popup:before											{ margin-left: 0; width: 0; height: 100%; content: ""; vertical-align: middle; display: inline-block; }
	div.page .popup-container												{ padding: 1em 1em 1em 1em; width: 100%; max-width: 682px; height: 100%; max-height: 323px; text-align: right; vertical-align: middle; white-space: normal; position: relative; display: inline-block; }

	div.page .search-popup form												{ border-bottom: 1px solid #000000; }
	div.page .search-popup input											{ padding: 0.25em; width: 86.6%; font-size: 1.75em; color: #000000; background-color: transparent; border: 0px none; vertical-align: middle; display: inline-block; }
	div.page .search-popup button											{ padding: 0.25em; width: 13.4%; min-width: 0; font-size: 1.75em; background-color: transparent; border: 0px none; vertical-align: middle; display: inline-block; }
	div.page .search-popup button img										{ margin-left: auto; width: 24px; max-width: 100%; display: block; }

	div.page .search-popup .close											{ margin-bottom: 1em; max-width: 24px; vertical-align: middle; cursor: pointer; display: inline-block; }
	div.page .search-popup .close img										{ max-width: 100%; display: block; }


	@media only screen and (min-width: 0px) and (max-width: 800px) {

		header.main-et1b div.header-quickbar								{ display: none; }

		header.main-et1b div.header-logo									{ padding: 0; width: 50%; vertical-align: middle; display: inline-block; }
		header.main-et1b div.header-logo a									{ margin: 0; position: relative; }
		header.main-et1b div.header-logo img								{ margin: 0; }
		header.main-et1b div.header-logo,
		header.main-et1b.sticky div.header-logo								{ width: 100%; height: 100px; text-align: center; vertical-align: middle; position: relative; display: block; overflow: hidden; transition: height 0.3s ease 0s; }

		header.main-et1b div.header-logo a,
		header.main-et1b.sticky div.header-logo a							{ margin: 0; padding: 0.5em 0; max-height: 100%; vertical-align: top; display: inline-block; position: relative; }

		header.main-et1b div.header-ribbon									{ min-height: 0; display: block; }

		header.main-et1b div.mobile-commerce								{ text-align: center; }
		header.main-et1b div.mobile-commerce .commerce-button				{ padding: 0.5em; width: 33.33%; border-left: 2px solid #525252; text-align: center; display: inline-block; position: relative; cursor: pointer; }
		header.main-et1b div.mobile-commerce .commerce-button .icon			{ display: block; }
		header.main-et1b div.mobile-commerce .commerce-button:first-child	{ border-left: 0; }

		header.main-et1b div.mobile-commerce.col_4 .commerce-button			{ width: 25%; }
		header.main-et1b div.mobile-commerce.col_5 .commerce-button			{ width: 20%; }

		nav.main-et1b														{ display: none; }

	}