header.main-et3a												{ margin: auto; padding: 0%; width: 100%; background-color: #FFFFFF; z-index: 10000; }

	header.main-et3a .flex											{ display: flex; }

	header.main-et3a .divide,
	header.main-et3a .divider										{ margin: 0% 0.938rem; }

	header.main-et3a .header-account								{ font-size: 0.75rem; line-height: 1.5em; font-weight: 300; color: #444444; }
	header.main-et3a .header-account span.icon						{ margin-right: 0.375rem; vertical-align: 0px; }
	header.main-et3a .header-account a > i							{ margin-right: 1rem; font-size: 0.875rem; font-weight: 300; }

	header.main-et3a .header-menu									{ padding-right: 34px; font-size: 0.75rem; line-height: 1.5em; font-weight: 300; color: #444444; }

	header.main-et3a .store-basket									{ margin-left: auto; padding: 6px 0% 5px 0%; max-width: 147px; font-family: 'Open Sans', sans-serif; font-size: 0.875rem; line-height: 1em; font-weight: 300; display: flex; align-items: center; color: #444444; background-color: #FFFFFF; border: 1px solid #444444; }
	header.main-et3a .store-basket > .basket-total					{ padding: 3px 19px 4px 32px; text-align: right; position: relative; flex: 1; color: inherit; }
	header.main-et3a .store-basket > .basket-total:before			{ content: '\f290'; font-family: 'Font Awesome 5 Pro'; font-size: 1.125rem; left: 12px; position: absolute; }
	header.main-et3a .store-basket > .basket-count					{ padding: 3px 16px 4px 14px; color: inherit; border-left: 1px solid #444444; }

	header.main-et3a .header-top									{ padding: 4px 0% 1px 0%; background-color: #FFFFFF; border-bottom: 1px solid #F5F5F5; }
	header.main-et3a .header-top > .flex > :first-child				{ margin-left: auto; }

	header.main-et3a .header-main									{ background-color: #FFFFFF; }
	header.main-et3a .header-main > .flex							{ align-items: center; }
	header.main-et3a .header-main .header-logo						{ padding: 4px 0% 1px 0%; width: 40%; text-align: center; }
	header.main-et3a .header-main .block-left						{ padding: 0% 0% 4px 30px; width: 30%; }
	header.main-et3a .header-main .block-right						{ padding: 0% 34px 4px 0%; width: 30%; }

	header.main-et3a .header-main .header-content					{ font-size: 1.125rem; font-weight: 700; color: #444444; }

	header.main-et3a .header-bottom									{ padding: 13px 0% 12px 0%; text-align: center; background-color: #F5F5F5; }
	header.main-et3a .header-bottom form.search						{ margin: 0% auto; max-width: 602px; }
	header.main-et3a .header-bottom form.search button				{ padding: 0% 0.938rem; height: 100%; min-width: 0px; top: 0px; right: 0px; font-size: 1rem; line-height: 100%; position: absolute; color: #444444; background-color: transparent; }
	header.main-et3a .header-bottom .search-container				{ background-color: #FFFFFF; border: 1px solid #E6E6E6; }
	header.main-et3a .header-bottom .search-container input			{ padding: 0.438rem 1.375rem 0.375rem 1.375rem; width: 100%; font-size: 0.75rem; line-height: 1em; color: #444444; background-color: #FFFFFF; border: 0px; }
	header.main-et3a .header-bottom .search-container .search-close	{ display: none; }

	nav.main-et3a													{ background-color: #FFFFFF; }
	nav.main-et3a ul												{ margin: 0%; padding: 0%; text-align: center; list-style: none; }
	nav.main-et3a ul li												{ display: inline-block; }
	nav.main-et3a ul li a											{ margin: 0%; padding: 0.375rem 1.938rem 0.563rem 1.938rem; font-size: 1rem; line-height: 1.5em; font-weight: 400; text-transform: uppercase; display: block; color: #444444; }
	nav.main-et3a ul li:hover a										{ color: #FFFFFF; background-color: #444444; }

	nav.main-et3a li .drop											{ margin: 0%; padding: 2rem 1.5rem; width: 100%; left: 0px; text-align: left; list-style-type: none; position: absolute; display: none; color: #FFFFFF; background-color: #444444; z-index: 10000; }
	nav.main-et3a li:hover .drop									{ display: block; }

	nav.main-et3a .drop .drop-column								{ width: 100%; display: inline-block; vertical-align: top; }
	nav.main-et3a .drop.categories.brands .drop-column				{ margin-left: 4.5%; width: 47.75%; }
	nav.main-et3a .drop.categories.brands .drop-column:first-child	{ margin-left: 0%; }

	nav.main-et3a .drop.categories.grouped_categories > div:first-child { margin-left: 0%; }
	nav.main-et3a .drop.categories.grouped_categories .drop-column 	{ margin: 0% 1.5% 1.5% 0%; }

	nav.main-et3a .drop.page_image .drop-column,
	nav.main-et3a .drop.category_image .drop-column					{ width: 38.5%; }
	nav.main-et3a .drop.category_image.categories.brands .drop-column { width: 17%; }
	nav.main-et3a .drop.page_image .drop-image,
	nav.main-et3a .drop.category_image .drop-image					{ margin-left: 4.5%; width: 57%; text-align: right; display: inline-block; vertical-align: top; }

	nav.main-et3a .drop .col-heading								{ padding: 0.5em 0.75em 0.375em; font-size: 0.875em; line-height: 1.25em; text-transform: uppercase; display: block; color: #FFFFFF; background-color: #231F20; }
	nav.main-et3a .drop ul											{ padding: 0.5em 0%; width: 100%; display: inline-block; vertical-align: top; overflow: hidden; }
	nav.main-et3a .drop.col_2 ul									{ width: 50%; }
	nav.main-et3a .drop.col_3 ul									{ width: 33.333%; }
	nav.main-et3a .drop.col_4 ul									{ width: 25%; }
	nav.main-et3a .drop.col_5 ul									{ width: 20%; }
	nav.main-et3a .drop.col_6 ul									{ width: 16.667%; }
	nav.main-et3a .drop ul li										{ margin: 0%; padding: 0%; text-align: left; display: list-item; border-left: 0%; }
	nav.main-et3a .drop ul li a										{ margin: 0%; padding: 0% 0.75em; font-size: 0.875em; line-height: 1.75em; font-weight: normal; }
	nav.main-et3a .drop ul li:hover a								{ color: #FFBF00; }

	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; }
	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: top; 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-et3a div.offset									{ padding: 0%; }

		header.main-et3a .header-main .header-logo,
		header.main-et3a.sticky .header-main .header-logo			{ width: 100%; height: 100px; text-align: center; position: relative; display: block; overflow: hidden; transition: height 0.3s ease 0s; }

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

		header.main-et3a .header-main .header-logo a > img,
		header.main-et3a.sticky .header-main .header-logo a > img	{ max-height: 100%; }

		header.main-et3a div.header-top								{ display: none; }
		header.main-et3a div.header-bottom							{ display: none; }

		header.main-et3a div.header-details							{ background-color: #444444; display: block; }

		header.main-et3a div.mobile-commerce						{ text-align: center; }
		header.main-et3a div.mobile-commerce .commerce-button		{ padding: 0.5rem; width: 33.33%; text-align: center; display: inline-block; position: relative; color: #FFFFFF; border-left: 0px; cursor: pointer; }
		header.main-et3a div.mobile-commerce .commerce-button .icon	{ display: block; }
		header.main-et3a div.mobile-commerce .commerce-button:first-child { border-left: 0; }

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

		#mobile-search-container									{ width: 100%; font-size: 1.25em; background-color: #EFEFEF; position: absolute; z-index: 1000; }
		#mobile-search-container .search-header						{ display: none; }
		#mobile-search-container .mobile-search-button				{ padding: 0.25em 0.75em; min-width: 0; font-size: 1em; float: right; }
		#mobile-search-container .mobile-search-button:before		{ content: ''; width: 0; height: 100%; vertical-align: middle; display: inline-block; }
		#mobile-search-container .search-fields						{ overflow: hidden; display: block; }
		#mobile-search-container .search-fields input				{ padding: 0.5em 0.75em; width: 100%; border: 0; background-color: transparent; }

		nav.main-et3a												{ display: none; }

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

		header.main-et3a div.mobile-commerce .commerce-button		{ font-size: 0.875em; }

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

		header.main-et3a div.mobile-commerce .commerce-button		{ font-size: 0.75em; }

	}