@font-face {
    font-family: 'Eaton';
    src: url('/media/fonts/Eaton/Regular/font.eot');
    src: url('/media/fonts/Eaton/Regular/font.eot?#iefix') format('embedded-opentype'),
        url('/media/fonts/Eaton/Regular/font.woff2') format('woff2'),
        url('/media/fonts/Eaton/Regular/font.woff') format('woff'),
        url('/media/fonts/Eaton/Regular/font.ttf') format('truetype'),
        url('/media/fonts/Eaton/Regular/font.svg#Eaton-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Eaton';
    src: url('/media/fonts/Eaton/Medium/font.eot');
    src: url('/media/fonts/Eaton/Medium/font.eot?#iefix') format('embedded-opentype'),
        url('/media/fonts/Eaton/Medium/font.woff2') format('woff2'),
        url('/media/fonts/Eaton/Medium/font.woff') format('woff'),
        url('/media/fonts/Eaton/Medium/font.ttf') format('truetype'),
        url('/media/fonts/Eaton/Medium/font.svg#Eaton-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Eaton';
    src: url('/media/fonts/Eaton/Bold/font.eot');
    src: url('/media/fonts/Eaton/Bold/font.eot?#iefix') format('embedded-opentype'),
        url('/media/fonts/Eaton/Bold/font.woff2') format('woff2'),
        url('/media/fonts/Eaton/Bold/font.woff') format('woff'),
        url('/media/fonts/Eaton/Bold/font.ttf') format('truetype'),
        url('/media/fonts/Eaton/Bold/font.svg#Eaton-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Univers LT Pro';
    src: url('/media/fonts/Univers LT Pro/Condensed/font.eot');
    src: url('/media/fonts/Univers LT Pro/Condensed/font.eot?#iefix') format('embedded-opentype'),
        url('/media/fonts/Univers LT Pro/Condensed/font.woff2') format('woff2'),
        url('/media/fonts/Univers LT Pro/Condensed/font.woff') format('woff'),
        url('/media/fonts/Univers LT Pro/Condensed/font.ttf') format('truetype'),
        url('/media/fonts/Univers LT Pro/Condensed/font.svg#UniversLTPro-Condensed') format('svg');
    font-weight: normal;
    font-style: normal;
	font-stretch: condensed;
}

@font-face {
    font-family: 'Univers LT Pro';
    src: url('/media/fonts/Univers LT Pro/Light/font.eot');
    src: url('/media/fonts/Univers LT Pro/Light/font.eot?#iefix') format('embedded-opentype'),
        url('/media/fonts/Univers LT Pro/Light/font.woff2') format('woff2'),
        url('/media/fonts/Univers LT Pro/Light/font.woff') format('woff'),
        url('/media/fonts/Univers LT Pro/Light/font.ttf') format('truetype'),
        url('/media/fonts/Univers LT Pro/Light/font.svg#UniversLTPro-45Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Univers LT Pro';
    src: url('/media/fonts/Univers LT Pro/Bold/font.eot');
    src: url('/media/fonts/Univers LT Pro/Bold/font.eot?#iefix') format('embedded-opentype'),
        url('/media/fonts/Univers LT Pro/Bold/font.woff2') format('woff2'),
        url('/media/fonts/Univers LT Pro/Bold/font.woff') format('woff'),
        url('/media/fonts/Univers LT Pro/Bold/font.ttf') format('truetype'),
        url('/media/fonts/Univers LT Pro/Bold/font.svg#UniversLTPro-65Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Univers LT Pro';
    src: url('/media/fonts/Univers LT Pro/Regular/font.eot');
    src: url('/media/fonts/Univers LT Pro/Regular/font.eot?#iefix') format('embedded-opentype'),
        url('/media/fonts/Univers LT Pro/Regular/font.woff2') format('woff2'),
        url('/media/fonts/Univers LT Pro/Regular/font.woff') format('woff'),
        url('/media/fonts/Univers LT Pro/Regular/font.ttf') format('truetype'),
        url('/media/fonts/Univers LT Pro/Regular/font.svg#UniversLTPro-55Roman') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Univers LT Pro';
    src: url('/media/fonts/Univers LT Pro/Light Oblique/font.eot');
    src: url('/media/fonts/Univers LT Pro/Light Oblique/font.eot?#iefix') format('embedded-opentype'),
        url('/media/fonts/Univers LT Pro/Light Oblique/font.woff2') format('woff2'),
        url('/media/fonts/Univers LT Pro/Light Oblique/font.woff') format('woff'),
        url('/media/fonts/Univers LT Pro/Light Oblique/font.ttf') format('truetype'),
        url('/media/fonts/Univers LT Pro/Light Oblique/font.svg#UniversLTPro-45LightOblique') format('svg');
    font-weight: 300;
    font-style: italic;
}

* {
	box-sizing: border-box;
}

html,
body {
	width: 100%;
	height: 100%;

	font-family: 'Univers LT Pro', Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000;
}

body {
	padding: 0 4rem;
}

::placeholder {
	color: #1D1D1B;
}

.button {
	display: inline-flex;
    justify-content: center;
    align-items: center;
	float: none;
	margin: .75rem;

	cursor: pointer;
	background-color: #0067CD;
	color: #FFF;
	font-family: Eaton, Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 1rem;
	line-height: 1em;
}

.section_pantone-431c .button { background-color: #636B70; }
.page_pantone-431c .button { background-color: #636B70; }
.section_pantone-300c .button { background-color: #0067CD; }
.page_pantone-300c .button { background-color: #0067CD; }
.section_pantone-326c .button { background-color: #00B0AB; }
.page_pantone-326c .button { background-color: #00B0AB; }
.section_pantone-390c .button { background-color: #B5BA05; }
.page_pantone-390c .button { background-color: #B5BA05; }
.section_pantone-123c .button { background-color: #FCC917; }
.page_pantone-123c .button { background-color: #FCC917; }
.section_pantone-144c .button { background-color: #DE8703; }
.page_pantone-144c .button { background-color: #DE8703; }
.section_pantone-1795c .button { background-color: #D12421; }
.page_pantone-1795c .button { background-color: #D12421; }
.section_pantone-432c .button { background-color: #424A52; }
.page_pantone-432c .button { background-color: #424A52; }
.section_pantone-2955c .button { background-color: #003D6E; }
.page_pantone-2955c .button { background-color: #003D6E; }
.section_pantone-5545c .button { background-color: #4F6E5E; }
.page_pantone-5545c .button { background-color: #4F6E5E; }
.section_pantone-363c .button { background-color: #338C26; }
.page_pantone-363c .button { background-color: #338C26; }
.section_pantone-1255c .button { background-color: #A68200; }
.page_pantone-1255c .button { background-color: #A68200; }
.section_pantone-1525c .button { background-color: #D07326; }
.page_pantone-1525c .button { background-color: #D07326; }
.section_pantone-201c .button { background-color: #9C1F2E; }
.page_pantone-201c .button { background-color: #9C1F2E; }
.section_pantone-7543c .button { background-color: #A8ADB0; }
.page_pantone-7543c .button { background-color: #A8ADB0; }
.section_pantone-7458c .button { background-color: #82B8C9; }
.page_pantone-7458c .button { background-color: #82B8C9; }
.section_pantone-5645c .button { background-color: #B5BFB0; }
.page_pantone-5645c .button { background-color: #B5BFB0; }
.section_pantone-578c .button { background-color: #BFD199; }
.page_pantone-578c .button { background-color: #BFD199; }
.section_pantone-127c .button { background-color: #F0E07D; }
.page_pantone-127c .button { background-color: #F0E07D; }
.section_pantone-7409c .button { background-color: #E8B012; }
.page_pantone-7409c .button { background-color: #E8B012; }
.section_white .button { background-color: #FFF; color: #000; border-top: 1px solid #000; }
.page_white .button { background-color: #FFF; color: #000; border-top: 1px solid #000; }
.section_black .button { background-color: #000; }
.page_black .button { background-color: #000; }

.button:hover {
	filter: brightness(120%);
}

.button:active,
.button:hover:active {
	filter: brightness(80%);
}

.button.disabled {
	pointer-events: none;
	cursor: not-allowed;
	filter: brightness(60%);
}

.button a,
.button a:visited,
.button input {
	flex-grow: 1;
	float: none;
	width: auto;
	height: auto;
	min-width: 8em;
	padding: .75em;
    margin: 0;

	-webkit-appearance: none;
	background-color: transparent !important;
	color: inherit;
	font-family: inherit;
	font-weight: inherit;
	font-size: inherit;
	line-height: inherit !important;
	text-align: center;
}

form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
select {
	width: 100%;
	padding: .75em 1em;
    margin-bottom: .75em;

	-webkit-appearance: none;
	border-radius: 0;
	border: 1px solid #A8ADB0;
    font-size: .75em;
	background-color: #FFFFFF;
}

#maintable {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

#container {
	padding: 0 0 1em 0;
	border-bottom: 4px solid #003D6E;
}

#edit_content .button {
	background-color: transparent;
}

#edit_content .button a {
	min-width: 0;
}

/* ------------ */
/* -- Header -- */
/* ------------ */

#header,
#login_header {
	display: flex;
	justify-content: space-between;
	padding: 2rem;
}

#header #homelink,
#login_header #homelink {
	display: block;
	float: none;
    width: 266px;
	height: 85px;

	background-image: url(/media/images/eaton-logo.svg);
	background-position: center;
	background-repeat: no-repeat;
}

#header #site_title,
#login_header #site_title {
	margin: 0;
	align-self: flex-end;

	font-family: Eaton, Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 1.5em;
	color: #424A52;
}

#header #logo,
#login_header #logo {
	display: none;
}

/* --------------- */
/* -- Subheader -- */
/* --------------- */

#subheader {
	display: flex;
	flex-wrap: wrap-reverse;
	align-items: center;
	padding: 0 2px;

	background-color: #0067CD;
}

#search {
    padding-right: 1rem;
}

#search > form {
	display: flex;
	position: relative;
	margin: .25em;
}

#search .search_query {
	order: 1;
	float: none;
	margin: 0 0 0 2rem;
}

#search .search_query input {
	height: 100%;
    margin: 0;
    padding: .33em;
	background-image: none;
}

#search .search_button {
	order: 2;
}

#search .search_button::before {
	content: '';
	position: absolute;
	left: 0;
	display: block;
	height: 1.5rem;
	width: 1.5rem;

	background-image: url(/media/images/search.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 1.25rem auto;
}

#search .search_button a {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	padding: .5em;

	background-color: #003D6E;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75rem;
}

#subheader .nav {
	height: 100%;
}

#subheader .nav a {
	color: #FFF;
}

#subheader .nav .menu {
	display: flex;
	padding: 0;
	height: 100%;
}

#subheader .nav li {
	float: none;
	margin: 2px 0;
	height: 100%;
	height: 2.75rem;
}

#subheader .nav li a {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 7em;
	padding: .5em 1em;

	font-family: Eaton, Arial, Helvetica, sans-serif;
	font-size: .8rem;
	font-weight: 500;
}

#subheader .nav li a::after {
	display: flex;
	justify-content: center;
	align-items: center;
	top: -6px;
	padding: .2em .5em;

	background-color: #D12421;
    font-family: 'Univers LT Pro', Arial, Helvetica, sans-serif;
    font-size: .66rem;
    font-weight: normal;
    border-radius: 0;
}

#subheader .nav li a[data-total="0"]:after {
	display: none;
}

#subheader #nav {
	flex-grow: 1;
	margin-right: auto;
}

#subheader #nav li:first-child,
#subheader #nav li + li {
	border-left: 3px solid #003D6E;
	-webkit-border-image: -webkit-linear-gradient(left, #003D6E 87.5, #FFFFFF 87.5) 0 100%;
	-o-border-image: -o-linear-gradient(left, #003D6E 87.5, #FFFFFF 87.5) 0 100%;
	border-image: linear-gradient(90deg, #003D6E 87.5%, #FFFFFF 87.5%) 0 100%;
}

#subheader #nav li:last-child {
	border-right: 3px solid #003D6E;
}

#notificationsAlert svg {
	fill: #FFFFFF;
}

#subheader #global_nav {
	margin-left: auto;
}

#subheader #global_nav li a {
	background-color: #003D6E;
}

#subheader #global_nav li + li {
	border-left: 3px solid #0067CD;
	-webkit-border-image: -webkit-linear-gradient(left, #0067CD 87.5, #FFFFFF 87.5) 0 100%;
	-o-border-image: -o-linear-gradient(left, #0067CD 87.5, #FFFFFF 87.5) 0 100%;
	border-image: linear-gradient(90deg, #0067CD 87.5%, #FFFFFF 87.5%) 0 100%;
}

/* ---------------- */
/* -- Breadcrumb -- */
/* ---------------- */

#breadcrumb ul {
	height: auto;
	margin: 1rem;
}

#breadcrumb li {
	display: inline-block;
	float: none;

	font-size: .8rem;
}

#breadcrumb li,
#breadcrumb a {
	color: #48474B;
}

/* ------------------ */
/* -- Main Content -- */
/* ------------------ */

#content {
	position: relative;
	display: flex;
	padding: 0;

	background-color: rgba(168, 173, 176, .2);
}

body#popup #content {
	padding: 2rem;
}

#column1 {
	width: 130px;
}

#column2 {
	flex-grow: 1;
	padding: 1rem;
}

/* -- Forms -- */

form.fieldset {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	max-width: 31rem;
	margin-bottom: 1rem;
	padding: 0 .5rem;
}

form.fieldset > * {
	flex-basis: 100%;
}

form.fieldset > .recordset {
	margin: 0 0 1rem 0;
	float: none;
}

form.fieldset > .button {
	flex-basis: auto;
}

.recordset ul {
	padding: 0;
}

#content_form li {
	margin-bottom: .75em;
}

.recordset h4 {
	padding: .5em;
	margin-bottom: .75em;

	background-color: #0067CD;
	font-family: Eaton, Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 1.25rem;
}

form.fieldset ul li {
	display: flex;
	flex-wrap: wrap;;
    align-items: center;
	margin-bottom: .75em;
}

form.fieldset ul li > label:first-child {
	display: block;
	float: none;
	flex-basis: 100%;

	font-weight: bold;
}

form.fieldset ul > li > input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
form.fieldset ul > li > select,
form.fieldset ul > li > textarea {
	flex-grow: 1;
	width: auto;
}

.vtip:empty {
    display: none !important;
}

form.fieldset ul > li > input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]) + .vtip,
form.fieldset ul > li > select + .vtip,
form.fieldset ul > li > textarea + .vtip,
#my_details #captcha > .vtip {
	margin-left: .5em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 2em;
    font-size: .75em;
    line-height: 1em;
    padding: .5em;
}

/* ------------ */
/* -- Footer -- */
/* ------------ */

#footer #foot {
	display: block;
	padding: 2rem 0;
}

#footer #foot #foot_text {
	display: flex;
}

#footer #foot #foot_text > * {
	flex-basis: 50%;
	font-size: .75em;
}

#footer #foot #foot_text > #user-details {
	color: #1D1D1B;
}

#footer #foot #foot_text > #site-links {
	text-align: right;
	color: #868686;
}

#footer #foot #foot_text > #site-links:first-child {
	flex-basis: 100%;
}


#footer #foot #foot_text > #site-links a {
	color: #868686;
}

/* -------------- */
/* -- Messages -- */
/* -------------- */

body#message .success > .button,
body#message .warning > .button {
	display: flex;
	margin-left: auto;
	margin-right: auto;
}

/* ----------- */
/* -- Pages -- */
/* ----------- */

/* -- Login -- */

#loginpage #content {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 50% 50%;
	grid-template-columns: 50% 50%;
}

#loginpage #content::before {
	content: '';
	-ms-grid-column: 1;
	grid-column: 1;
	-ms-grid-row: 1;
	-ms-grid-row-span: 99;
	grid-row: 1 / span 99;

	min-height: 60vh;

	background-image: url(/media/images/cityscape.jpg);
	background-size: cover;
	background-position: center;
}

#loginpage #content > * {
	-ms-grid-column: 2;
	grid-column: 2;
}

#loginpage #dialog {
	-ms-grid-row: 1;
	-ms-grid-row-span: 99;
    grid-row: 1 / span 99;
	display: flex;
	flex-direction: column;
	padding: 2rem;
}

#loginpage #dialog > h1 {
	display: none;
}

#loginpage #dialog::after {
	content: 'We make what matters work.';

	font-family: Eaton, Arial, Helvetica, sans-serif;
	font-size: 2rem;
	color: #0067CD;
	text-align: right;
}

#loginpage #dialog > .content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-grow: 1;
    margin: 0 auto;
	padding: 0;
}

#loginpage #login {
	text-align: center;
}

#loginpage #login_text {
	display: block;
	margin-bottom: 1.25em;

	font-family: Eaton, Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 1.5rem;
	color: #1D1D1B;
}

#loginpage #login_form > ul {
	margin: 0;
}

#loginpage #login_form ul li input {
	width: 100%;
	padding: .75em 1em;
}

#loginpage form#login > .ok_button {
	display: none;
}

#loginpage form#login > #submit_button {
	display: inline-block;
	margin-left: 0;
	margin-right: 0;
}

#loginpage #login_links {
	width: 100%;
}

#loginpage #login_links > * {
	display: block;
	float: none;
	margin: .5em 0;
}

#loginpage #login_links a {
	font-size: .75rem;
	text-decoration: underline;
}

#loginpage #login_links .forgot a {
	color: #0067CD;
}

#loginpage #login_links .register a {
	color: #1D1D1B;
}

/* -- Retrieve Password -- */

#loginpage form#forgot {
	display: grid;
	-ms-grid-columns: auto 1fr auto;
	grid-template-columns: auto 1fr auto;
	-ms-grid-rows: auto auto 1fr;
	grid-template-rows: auto auto 1fr;
	justify-content: center;
	align-items: center;
	padding: 2rem;
	max-width: none;
}

#loginpage form#forgot .recordset,
#loginpage form#forgot .error {
	-ms-grid-column: 1;
	-ms-grid-column-span: 3;
	grid-column: 1 / span 3;
}

#loginpage form#forgot .recordset {
	max-width: 32rem;
	width: 100%;
    margin: 0 0 1rem 0;
}

#loginpage form#forgot .recordset > h4 {
	display: block;
	margin-bottom: 1.25em;
	padding: 0;

	font-family: Eaton, Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 1.5rem;
	color: #1D1D1B;
	background-color: transparent;
}

#loginpage form#forgot .recordset > h3 {
	display: block;
	margin-bottom: 1.25em;

	text-align: left;
	font-weight: normal;
	font-size: 1rem;
	color: #1D1D1B;
}

#loginpage form#forgot .recordset > ul {
	padding: 0;
}

#loginpage form#forgot .error {
	text-align: center;
}

#loginpage form#forgot > .button {
	margin: 0 0 1rem 0;
	-ms-grid-column: 3;
	grid-column: 3;
	align-self: start;
}

#loginpage form#forgot > .button.back {
	-ms-grid-column: 1;
	grid-column: 1;
}

#loginpage form#forgot > .clear {
	display: none;
}

/* -- Register -- */

body#loginpage #content > h1,
body#page_mydetails #column2 > h1 {
	max-width: 32rem;
    padding: 1rem;
    width: 100%;
    margin: 0 auto;
}

body#loginpage #content :not(#login_form) > .error:nth-child(-n+2):not(:empty) {
	order: -1;
	flex-basis: 100%;
	padding: .75em 0 .75em 50%;
	margin: 0;
}

body#loginpage form#my_details {
	max-width: 32rem;
	padding: 1rem;
}

body#loginpage form#my_details + .error:not(:empty) {
	flex-basis: 100%;
    padding: .75em 0 .75em 50%;
	margin: 0;
}

#my_details #captcha {
	display: grid;
	grid-template-columns: auto 1fr auto;
	align-items: center;
}

#my_details #captcha h2,
#my_details #captcha .button {
	grid-column: 1 / span 3;
}

#my_details #captcha h2 {
	margin-bottom: .5em;
}

#my_details #captcha input {
	margin-bottom: 0;
	margin-left: .5em;
}

#my_details #captcha .button {
	margin-inline: 0;
	user-select: none;
}

body#loginpage #my_details[action$="/register"] ~ .error:not(:empty) {
	padding-left: 0;
}

/* -- My Details -- */

form#my_details input[name="dealer\[address2\]"],
form#my_details input[name="dealer\[address3\]"] {
	margin-top: -3em;
}

form#my_details #register_button {
	margin-left: auto;
	margin-right: 0;
}

/* -- Change Password -- */

form#password_change > .button {
	margin-left: auto;
	margin-right: 0;
}

/* --  Cookie Policy -- */
body.cookie-policy #content {
	flex-direction: column;
	padding: 2rem;
}

/* ------------- */
/* -- Modules -- */
/* ------------- */


/* -- Content -- */

body.section #content,
body.page #content,
body#pagesearch-result #content,
body#pagewhatsnew #content,
body#page-event-booking-basket #content,
body#page-event-booking-checkout #content {
	margin-top: 2rem;
}

#section_sideways_header {
	width: 300px;
    height: 100px;
    margin-bottom: 210px;
    transform: translateY(-20px);
    position: relative;
    -webkit-transform: rotate(-90deg) translate(-85px, -70px);
    -moz-transform: rotate(-90deg) translate(-85px, -70px);
    -ms-transform: rotate(-90deg) translate(-85px, -70px);
    -o-transform: rotate(-90deg) translate(-85px, -70px);
	transform: rotate(-90deg) translate(-85px, -70px);
    z-index: 1;
}

#section_sideways_header::before {
	content: '';
	position: absolute;
	z-index: -1;
	height: 100px;
	width: 15px;
	background-color: #000;
	right: 0px;
	top: -7px;
	transform: skew(0deg, 45deg);
}

#section_sideways_header > #sideways_header_text {
	display: flex;
    align-items: flex-end;
    height: 100%;
    width: 100%;
    padding: .75em 1.5em;

    background-color: #0067CD;
    font-family: Eaton;
    font-weight: 500;
    font-size: 1.25rem;
    color: #fff;
}

.section_pantone-431c #section_sideways_header > #sideways_header_text { background-color: #636B70; }
.section_pantone-300c #section_sideways_header > #sideways_header_text { background-color: #0067CD; }
.section_pantone-326c #section_sideways_header > #sideways_header_text { background-color: #00B0AB; }
.section_pantone-390c #section_sideways_header > #sideways_header_text { background-color: #B5BA05; }
.section_pantone-123c #section_sideways_header > #sideways_header_text { background-color: #FCC917; }
.section_pantone-144c #section_sideways_header > #sideways_header_text { background-color: #DE8703; }
.section_pantone-1795c #section_sideways_header > #sideways_header_text { background-color: #D12421; }
.section_pantone-432c #section_sideways_header > #sideways_header_text { background-color: #424A52; }
.section_pantone-2955c #section_sideways_header > #sideways_header_text { background-color: #003D6E; }
.section_pantone-5545c #section_sideways_header > #sideways_header_text { background-color: #4F6E5E; }
.section_pantone-363c #section_sideways_header > #sideways_header_text { background-color: #338C26; }
.section_pantone-1255c #section_sideways_header > #sideways_header_text { background-color: #A68200; }
.section_pantone-1525c #section_sideways_header > #sideways_header_text { background-color: #D07326; }
.section_pantone-201c #section_sideways_header > #sideways_header_text { background-color: #9C1F2E; }
.section_pantone-7543c #section_sideways_header > #sideways_header_text { background-color: #A8ADB0; }
.section_pantone-7458c #section_sideways_header > #sideways_header_text { background-color: #82B8C9; }
.section_pantone-5645c #section_sideways_header > #sideways_header_text { background-color: #B5BFB0; }
.section_pantone-578c #section_sideways_header > #sideways_header_text { background-color: #BFD199; }
.section_pantone-127c #section_sideways_header > #sideways_header_text { background-color: #F0E07D; }
.section_pantone-7409c #section_sideways_header > #sideways_header_text { background-color: #E8B012; }
.section_white #section_sideways_header > #sideways_header_text { background-color: #FFF; color: #000; border-top: 1px solid #000; }
.section_black #section_sideways_header > #sideways_header_text { background-color: #000; }
.page_pantone-431c #section_sideways_header > #sideways_header_text { background-color: #636B70; }
.page_pantone-300c #section_sideways_header > #sideways_header_text { background-color: #0067CD; }
.page_pantone-326c #section_sideways_header > #sideways_header_text { background-color: #00B0AB; }
.page_pantone-390c #section_sideways_header > #sideways_header_text { background-color: #B5BA05; }
.page_pantone-123c #section_sideways_header > #sideways_header_text { background-color: #FCC917; }
.page_pantone-144c #section_sideways_header > #sideways_header_text { background-color: #DE8703; }
.page_pantone-1795c #section_sideways_header > #sideways_header_text { background-color: #D12421; }
.page_pantone-432c #section_sideways_header > #sideways_header_text { background-color: #424A52; }
.page_pantone-2955c #section_sideways_header > #sideways_header_text { background-color: #003D6E; }
.page_pantone-5545c #section_sideways_header > #sideways_header_text { background-color: #4F6E5E; }
.page_pantone-363c #section_sideways_header > #sideways_header_text { background-color: #338C26; }
.page_pantone-1255c #section_sideways_header > #sideways_header_text { background-color: #A68200; }
.page_pantone-1525c #section_sideways_header > #sideways_header_text { background-color: #D07326; }
.page_pantone-201c #section_sideways_header > #sideways_header_text { background-color: #9C1F2E; }
.page_pantone-7543c #section_sideways_header > #sideways_header_text { background-color: #A8ADB0; }
.page_pantone-7458c #section_sideways_header > #sideways_header_text { background-color: #82B8C9; }
.page_pantone-5645c #section_sideways_header > #sideways_header_text { background-color: #B5BFB0; }
.page_pantone-578c #section_sideways_header > #sideways_header_text { background-color: #BFD199; }
.page_pantone-127c #section_sideways_header > #sideways_header_text { background-color: #F0E07D; }
.page_pantone-7409c #section_sideways_header > #sideways_header_text { background-color: #E8B012; }
.page_white #section_sideways_header > #sideways_header_text { background-color: #FFF; color: #000; border-top: 1px solid #000; }
.page_black #section_sideways_header > #sideways_header_text { background-color: #000; }

/* Boxes */

#boxes {
	display: flex;
    flex-wrap: wrap;
}

#boxes > .clear {
	display: none;
}

/* Styles */

.box.pantone-431c > h3, #page-search-results .box.pantone-431c > label { background-color: #636B70; }
.box.pantone-300c > h3, #page-search-results .box.pantone-300c > label { background-color: #0067CD; }
.box.pantone-326c > h3, #page-search-results .box.pantone-326c > label { background-color: #00B0AB; }
.box.pantone-390c > h3, #page-search-results .box.pantone-390c > label { background-color: #B5BA05; }
.box.pantone-123c > h3, #page-search-results .box.pantone-123c > label { background-color: #FCC917; }
.box.pantone-144c > h3, #page-search-results .box.pantone-144c > label { background-color: #DE8703; }
.box.pantone-1795c > h3, #page-search-results .box.pantone-1795c > label { background-color: #D12421; }
.box.pantone-432c > h3, #page-search-results .box.pantone-432c > label { background-color: #424A52; }
.box.pantone-2955c > h3, #page-search-results .box.pantone-2955c > label { background-color: #003D6E; }
.box.pantone-5545c > h3, #page-search-results .box.pantone-5545c > label { background-color: #4F6E5E; }
.box.pantone-363c > h3, #page-search-results .box.pantone-363c > label { background-color: #338C26; }
.box.pantone-1255c > h3, #page-search-results .box.pantone-1255c > label { background-color: #A68200; }
.box.pantone-1525c > h3, #page-search-results .box.pantone-1525c > label { background-color: #D07326; }
.box.pantone-201c > h3, #page-search-results .box.pantone-201c > label { background-color: #9C1F2E; }
.box.pantone-7543c > h3, #page-search-results .box.pantone-7543c > label { background-color: #A8ADB0; }
.box.pantone-7458c > h3, #page-search-results .box.pantone-7458c > label { background-color: #82B8C9; }
.box.pantone-5645c > h3, #page-search-results .box.pantone-5645c > label { background-color: #B5BFB0; }
.box.pantone-578c > h3, #page-search-results .box.pantone-578c > label { background-color: #BFD199; }
.box.pantone-127c > h3, #page-search-results .box.pantone-127c > label { background-color: #F0E07D; }
.box.pantone-7409c > h3, #page-search-results .box.pantone-7409c > label { background-color: #E8B012; }
.box.white > h3, #page-search-results .box.white > label { background-color: #FFF; color: #000; }
.box.black > h3, #page-search-results .box.black > label { background-color: #000; }

.box svg * { fill: #FFF; }
.box.white svg * { fill: #000; }

.box {
	position: relative;
}

.box > h3,
#page-search-results .box > label {
	background-color: #0067CD;
	color: #FFF;
}

#content_form .box > h3 {
	margin: 0;
}

.box > a > span.border {
	display: none;
}

#preview.box > a > span#thumbnail {
	display: block;
    height: 100%;
    width: 100%;
}

.box.standard {
    width: 310px;
    height: 175px;
    margin: 1rem;

    border: 2px solid #FFF;
	-webkit-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, .5);
	-moz-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, .5);
	box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, .5);
}

.box.standard > h3,
#page-search-results .box.standard > label {
    position: absolute;
	z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    width: 110px;
    margin: 0;
    padding: 0;

    font-family: Eaton, Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 1rem;
    line-height: 1.25;
}

.box.standard > h3 > a,
#page-search-results .box.standard > label > a {
	display: block;
	height: 100%;
	width: 100%;
	padding: .75rem;
	color: inherit;
}

.box.standard > a {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.box.standard > a img {
	display: block;
    height: 100%;
    width: 100%;
}

.box.square {
	position: relative;
    width: 175px;
    height: 175px;
    margin: 1rem;

    -webkit-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, .5);
	-moz-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, .5);
	box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, .5);
}

.box.square > h3,
#page-search-results .box.square > label {
    position: absolute;
    top: 0;
	right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;

    font-family: Eaton, Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 1rem;
    line-height: 1.25;
}

.box.square > h3 > a,
#page-search-results .box.square > label > a {
	display: block;
	height: 100%;
	width: 100%;
	padding: .75rem;
	padding-right: calc(.75rem + 70px);
	color: inherit;
}

.box.square > a {
    display: flex;
	justify-content: center;
	align-items: center;
    position: absolute;
    top: 0;
    right: 0;
	width: 70px;
	height: 70px;
}

.box.square > a > #thumbnail {
	width: 100%;
    height: 100%;
}

.box.square > a img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	padding: .5em;
}

.box.box-button {
	margin: 1rem;
}

.box.box-button > h3,
#page-search-results .box.box-button > label {
	display: block;
    width: auto;
    min-width: 8rem;
	margin: 0;

	font-family: Eaton, Arial, Helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
}

.box.box-button > h3:hover {
	filter: brightness(120%);
}

.box.box-button > h3:active,
.box.box-button > h3:hover:active {
	filter: brightness(80%);
}

.box.box-button > h3 > a,
#page-search-results .box.box-button > label > a {
	display: block;
	padding: .75em;

	color: inherit;
	text-decoration: none;
}

.box.box-button > a {
	display: none;
}

/* Admin */

body.content-admin #column2 {
	display: flex;
	flex-wrap: wrap;
}

body.content-admin #column2 form#content_form {
	max-width: none;
}

body.content-admin #column2 form,
body.content-admin #column2 form > ul,
body.content-admin #column2 .clear,
body.content-admin #column2 h3 {
	flex-basis: 100%;
}

body.content-admin #column2 form {
	display: flex;
	flex-wrap: wrap;
}

body.content-admin #column2 form table#sections + div[style*="float:right"],
body.content-admin #column2 > .button:first-child,
body.content-admin #column2 .clear + .button {
	margin-left: auto;
}

body#page-content-admin-section #column2 .button:nth-child(2),
body.content-admin #column2 form table#sections ~ .button:last-child {
	margin-right: 0;
}

body.content-admin #column2 form#content_form ul#content-preview + .clear + ul,
body.content-admin #column2 form#content_form ul[data-module="contactus"] {
	display: flex;
	flex-wrap: wrap;
    align-items: flex-start;
	margin: 0 -.5em;
    flex-basis: calc(100% + 1em);
}

body.content-admin #column2 form#content_form ul#content-preview + .clear + ul > li,
body.content-admin #column2 form#content_form ul[data-module="contactus"] > li {
	flex-basis: 100%;
	padding: 0 .5em;
}

body.content-admin #column2 form#content_form ul#content-access,
body.content-admin #column2 form#content_form ul#content-true-role,
body.content-admin #column2 form#content_form ul#content-preview + .clear + ul > li#content-name,
body.content-admin #column2 form#content_form ul#content-preview + .clear + ul > li#content-type,
body.content-admin #column2 form#content_form ul#content-preview + .clear + ul > li#content-remove-image,
body.content-admin #column2 form#content_form ul#content-preview + .clear + ul > li#content-is-new,
body.content-admin #column2 form#content_form ul#content-preview + .clear + ul > li#content-keywords,
body.content-admin #column2 form#content_form ul#content-preview + .clear + ul > li#content-url,
body.content-admin #column2 form#content_form ul#content-preview + .clear + ul > li#content-is-published,
body.content-admin #column2 form#content_form ul#content-preview + .clear + ul > li#content-starts,
body.content-admin #column2 form#content_form ul#content-preview + .clear + ul > li#content-expires,
body.content-admin #column2 form#content_form ul[data-module="contactus"] > li {
	flex-basis: 50%;
}

body.content-admin #column2 form#content_form ul#content-access {
	padding-right: .5em;
}

body.content-admin #column2 form#content_form ul#content-true-role {
	padding-left: .5em;
}

body.content-admin #column2 form#content_form ul#content-preview + .clear + ul > li#content-remove-image,
body.content-admin #column2 form#content_form ul#content-preview + .clear + ul > li:not(#content-custom-modules) + li#content-is-published,
body.content-admin #column2 form#content_form ul#content-preview + .clear + ul > li:not(#content-url) + li#content-custom-modules + li#content-is-published {
	margin-right: 50%;
}

body.content-admin #column2 form#content_form ul li#content-style,
body.content-admin #column2 form#content_form ul li#content-remove-image {
	order: 0;
}

body.content-admin #column2 form#content_form ul li#content-name,
body.content-admin #column2 form#content_form ul li#content-type,
body.content-admin #column2 form#content_form ul li#content-is-new,
body.content-admin #column2 form#content_form ul li#content-keywords,
body.content-admin #column2 form#content_form ul li#content-content,
body.content-admin #column2 form#content_form ul li#content-url,
body.content-admin #column2 form#content_form ul li#content-is-published,
body.content-admin #column2 form#content_form ul li#content-starts,
body.content-admin #column2 form#content_form ul li#content-expires {
	order: 1;
}

body.content-admin #column2 form#content_form ul li#content-custom-modules {
	order: 2;
}

body.content-admin #column2 form#content_form ul li #boxes {
	justify-content: flex-start;
}

body.content-admin #column2 form#content_form ul li #boxes .box {
	margin: 0;
}

body.content-admin #column2 form#content_form ul li #thumbnail_link {
	display: block;
	margin-top: -40px;
}

body.content-admin #column2 form#content_form ul#content-preview[disabled] {
	pointer-events: none;
}

body.content-admin #column2 form#content_form ul#content-preview[disabled] ~ ul #content-thumnail-upload {
	pointer-events: none;
	text-decoration: line-through;
}

body.content-admin #column2 form#content_form ul li#content-style > #color-picker\[style_id\] {
	display: flex;
	flex-wrap: wrap;
}

body.content-admin #column2 form#content_form ul li#content-style > #color-picker\[style_id\] > .style:not(:last-child) {
	margin-right: 1rem;
}

body.content-admin #column2 form#content_form ul li#content-style > #color-picker\[style_id\] .row {
	display: flex;
	flex-wrap: wrap;
}

body.content-admin #column2 form#content_form ul li#content-style > #color-picker\[style_id\] .row > .color-block,
body.content-admin #column2 form#content_form ul li#content-style > #color-picker\[style_id\] .row > #icon-picker\[style_id\] .icon-block {
	position: relative;
	width: 50px;
	height: 50px;
	margin: 1px;

	cursor: pointer;
	border: 2px solid #FFF;
	-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
	transition: transform .5s ease, box-shadow .5s ease;
}

body.content-admin #column2 form#content_form ul li#content-style > #color-picker\[style_id\] .row > .color-block.selected,
body.content-admin #column2 form#content_form ul li#content-style > #color-picker\[style_id\] > .style.selected > .row > #icon-picker\[style_id\] .icon-block.selected {
	z-index: 1;
    transform: scale(1.1);
    -webkit-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.75);
}

body.content-admin #column2 form#content_form ul li#content-style > #color-picker\[style_id\] .row > .color-block.pantone-431c { background-color: #636B70; }
body.content-admin #column2 form#content_form ul li#content-style > #color-picker\[style_id\] .row > .color-block.pantone-300c { background-color: #0067CD; }
body.content-admin #column2 form#content_form ul li#content-style > #color-picker\[style_id\] .row > .color-block.pantone-326c { background-color: #00B0AB; }
body.content-admin #column2 form#content_form ul li#content-style > #color-picker\[style_id\] .row > .color-block.pantone-390c { background-color: #B5BA05; }
body.content-admin #column2 form#content_form ul li#content-style > #color-picker\[style_id\] .row > .color-block.pantone-123c { background-color: #FCC917; }
body.content-admin #column2 form#content_form ul li#content-style > #color-picker\[style_id\] .row > .color-block.pantone-144c { background-color: #DE8703; }
body.content-admin #column2 form#content_form ul li#content-style > #color-picker\[style_id\] .row > .color-block.pantone-1795c { background-color: #D12421; }
body.content-admin #column2 form#content_form ul li#content-style > #color-picker\[style_id\] .row > .color-block.pantone-432c { background-color: #424A52; }
body.content-admin #column2 form#content_form ul li#content-style > #color-picker\[style_id\] .row > .color-block.pantone-2955c { background-color: #003D6E; }
body.content-admin #column2 form#content_form ul li#content-style > #color-picker\[style_id\] .row > .color-block.pantone-5545c { background-color: #4F6E5E; }
body.content-admin #column2 form#content_form ul li#content-style > #color-picker\[style_id\] .row > .color-block.pantone-363c { background-color: #338C26; }
body.content-admin #column2 form#content_form ul li#content-style > #color-picker\[style_id\] .row > .color-block.pantone-1255c { background-color: #A68200; }
body.content-admin #column2 form#content_form ul li#content-style > #color-picker\[style_id\] .row > .color-block.pantone-1525c { background-color: #D07326; }
body.content-admin #column2 form#content_form ul li#content-style > #color-picker\[style_id\] .row > .color-block.pantone-201c { background-color: #9C1F2E; }
body.content-admin #column2 form#content_form ul li#content-style > #color-picker\[style_id\] .row > .color-block.pantone-7543c { background-color: #A8ADB0; }
body.content-admin #column2 form#content_form ul li#content-style > #color-picker\[style_id\] .row > .color-block.pantone-7458c { background-color: #82B8C9; }
body.content-admin #column2 form#content_form ul li#content-style > #color-picker\[style_id\] .row > .color-block.pantone-5645c { background-color: #B5BFB0; }
body.content-admin #column2 form#content_form ul li#content-style > #color-picker\[style_id\] .row > .color-block.pantone-578c { background-color: #BFD199; }
body.content-admin #column2 form#content_form ul li#content-style > #color-picker\[style_id\] .row > .color-block.pantone-127c { background-color: #F0E07D; }
body.content-admin #column2 form#content_form ul li#content-style > #color-picker\[style_id\] .row > .color-block.pantone-7409c { background-color: #E8B012; }
body.content-admin #column2 form#content_form ul li#content-style > #color-picker\[style_id\] .row > .color-block.white { background-color: #FFF; }
body.content-admin #column2 form#content_form ul li#content-style > #color-picker\[style_id\] .row > .color-block.black { background-color: #000; }

body.content-admin #column2 form#content_form ul li#content-style > #color-picker\[style_id\] .row > .color-block.standard::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 25%;
	background-color: #FFF;
}

body.content-admin #column2 form#content_form ul li#content-style > #color-picker\[style_id\] .row > .color-block.standard.white::after {
	background-color: #000;
}

body.content-admin #column2 form#content_form ul li#content-style > #color-picker\[style_id\] .row > .color-block.box-button {
	height: 35px;
	text-align: center;
	color: #FFF;
	font-weight: bold;
}

body.content-admin #column2 form#content_form ul li#content-style > #color-picker\[style_id\] .row > .color-block.box-button.white {
	color: #000;
}

body.content-admin #column2 form#content_form ul li#content-style > #color-picker\[style_id\] .row > .color-block.box-button::after {
    content: '~';
    text-align: center;
}

body.content-admin #column2 form#content_form ul li#content-style > #color-picker\[style_id\] .row > #icon-picker\[style_id\] {
	margin-top: 1em;
}

body.content-admin #column2 form#content_form ul li#content-style > #color-picker\[style_id\] .row > #icon-picker\[style_id\] .icon-block {
	display: flex;

	background-color: #FFF;
}

body.content-admin #column2 form#content_form ul li#content-style > #color-picker\[style_id\] .row > #icon-picker\[style_id\] .icon-block svg {
	max-width: 100%;
    max-height: 100%;
    padding: .25em;
    margin: auto;
    flex-grow: 1;
}

body.content-admin #column2 form#content_form ul li#content-content > .mce-container {
	flex-grow: 1;
	width: auto;
}

body.content-admin #column2 form#content_form > .button {
	order: 2;
    margin-right: 0;
}

body.content-admin #column2 form#content_form > .button.left {
	order: 1;
	float: none;
}

body#popup form[action*="corethumb/crop_existing_image"] > #select_image > li:first-child > h3,
body#popup form[action*="corethumb/upload"] > ul:first-child > li:first-child > h3 {
	margin-top: 0;
}

body#popup form[action*="corethumb/crop_existing_image"] #select_image #boxes .box {
	margin: 0;
}

body#popup form[action*="corethumb/crop_existing_image"] + h3 {
	padding: 0 1rem;
	margin-top: 0;
	line-height: 1.9em;
}

#crop_buttons {
    display: flex;
    flex-wrap: wrap;
}

#crop_buttons div.button {
	display: inline-flex;
}

body#popup form[action*="corethumb/do_crop"] {
	display: flex;
    flex-wrap: wrap;
    position: relative;
}

body#popup form[action*="corethumb/do_crop"] #preview_container {
    display: flex;
    justify-content: space-between;
	flex-basis: 100%;
}

body#popup form[action*="corethumb/do_crop"] #boxes_container,
body#popup form[action*="corethumb/do_crop"] #crop_container {
	flex-basis: 50%;
    margin-right: .5em;
}

body#popup form[action*="corethumb/do_crop"] > .button {
	position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
}

body#popup form[action*="corethumb/do_crop"] #boxes .box {
	margin: 0;
}

/* Contact Us */

body#page16 #boxes .box {
	flex-basis: 100%;
    text-align: center;
}

body#page16 #boxes .box > h3 {
    display: inline-block;
}

/* Search */

body#page-search input[type="submit"] {
	display: inline-flex;
    justify-content: center;
    align-items: center;
	float: none;
	margin: .75rem;

	cursor: pointer;
	border: none;
	background-color: #0067CD;
	color: #FFF;
	font-family: Eaton, Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 1rem;
	line-height: 1em;

	flex-grow: 1;
	float: none;
	width: auto;
	height: auto;
	min-width: 8em;
	padding: .75em;
	margin: 0;
}

body#page-search input[type="submit"]:hover {
	filter: brightness(120%);
}

body#page-search input[type="submit"]:active,
body#page-search input[type="submit"]:hover:active {
	filter: brightness(80%);
}

body#pagesearch-result #column2 {
	display: flex;
	flex-direction: column;
}

body#pagesearch-result #column2 > h4 {
	order: -1;
}