/* Encorp Pacific (Canada) 2011 Site Design (2015 Responsive Revision) - Screen Layout CSS */
/* Last Updated: 2016.12.08 ET */

/* Basic elements */

html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}

body {
	margin: 0em;
	background-color: rgb(148,163,199);
	background-image: url(../images/encp_2011_bkgd_body.gif);
	background-position: left top;
	background-repeat: repeat-x;
}

video, p img, div.pagecontent > img,
div.fullblock > img, div.threequarterblock > img, div.twothirdblock > img, div.halfblock > img,
div.thirdblock > img, div.threeeighthblock > img, div.quarterblock > img, div.sideblock > img {
	max-width: 100% !important;
	height: auto;
}

iframe.video16x9 {
	max-width: 100vw;
	max-height: 56.25vw;
}

/* Universal classes */

.help { cursor: help; }

.haslayout {
	position: relative;
	overflow: hidden;
}

.flexrow {
	clear: both;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.flexwrap {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.flexcol {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.flexgrow {
	-webkit-flex-grow: 1;
	flex-grow: 1;
}

.backlink {
	display: block;
	width: 100px;
	font-size: 10px;
	line-height: 110%;
	margin: 1em 0px 1em 20px;
	text-decoration: none;
}

.nextlink {
	display: block;
	float: right;
	font-size: 8pt;
}

.adminonly {
	background-color: rgba(255,159,0,0.2);
}

span.adminonly {
	display: inline-block;
	padding: 0.1em 0.7em;
	margin: 0em 1em;
}

.adminlink {
	font-size: 7pt !important;
	color: rgb(102,102,102) !important;
}

.adminlink a, .adminlink a:visited {
	color: rgb(204,102,0) !important;
}

.adminlink a:hover {
	color: rgb(255,159,0) !important;
}

.pagebreak {
	border-top: none;
	background-image: none;
	padding-top: 0px;
}

.htmlarea .toolbar td {
	padding: 0px;
}

/* Element classes */

a.sectlink, a.sectlink:visited {
	display: block;
	background-color: rgb(0,53,173);
	background-image: url(../images/encp_bkgd_blue-button-top-grad4.gif);
	background-repeat: repeat-x;
	color: white;
	font-size: 12px;
	line-height: 110%;
	text-decoration: none;
	padding: 4px 10px;
	border: 2px solid rgb(0,53,173);
}

a.sectlink:hover {
	background-image: none;
	background-color: rgb(255,159,0);
}

div.scrollcontainer {
	overflow: auto;
}

img.inlineimage {
	vertical-align: middle;
}

/* Headings */

h2.secthead, h2.brandsecthead {
	background-color: rgb(0,53,173);
	color: white;
	font-family: DIN, "Trebuchet MS", sans-serif;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.1em;
	text-transform: uppercase;
	padding: 16px 14px 12px;
	margin-bottom: 0.75em;
}

h2.brandsecthead {
	background-color: rgb(255,159,0);
}

h3.secthead, h3.brandsecthead {
	background-color: rgb(0,53,173);
	color: white;
	font-family: DIN, "Trebuchet MS", sans-serif;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.1em;
	text-transform: uppercase;
	padding: 14px 14px 10px;
	margin-bottom: 0.75em;
}

h3.brandsecthead {
	background-color: rgb(255,159,0);
}
body.milk h2.brandsecthead, h2.brandsecthead.milk { background-color: rgb(108,171,231); }
body.elec h2.brandsecthead, h2.brandsecthead.elec { background-color: rgb(102,155,63); }

h2.secthead + p, h2.brandsecthead + p {
	margin-top: -0.5em;
}

h2.secthead.compact, h2.brandsecthead.compact {
	padding: 0.7em 14px 0.6em !important;
}

h2.secthead a, h2.secthead a:visited,
h2.brandsecthead a, h2.brandsecthead a:visited {
	color: white;
	text-decoration: none;
}

h2.secthead a:hover, h2.brandsecthead a:hover {
	color: rgba(255,255,255,0.7);
}

div.bannerblock h1.mainhead {
	background-color: rgba(0,53,173,0.8);
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 50%;
	margin-bottom: 0px;
}

hgroup {
	position: relative;
	overflow: hidden;
}

hgroup + * { margin-top: 0; }

/* Block layout */

div.fullblock, div.threequarterblock, div.twothirdblock, div.halfblock,
div.thirdblock, div.threeeighthblock, div.quarterblock, div.sideblock {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: white;
	position: relative;
	overflow: hidden;
	float: left;
	padding: 10px;
	margin-right: 14px;
	margin-bottom: 13px;
	-moz-box-shadow: 4px 3px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 4px 3px 0px rgba(0,0,0,0.2);
	box-shadow: 4px 3px 0px rgba(0,0,0,0.2);
}

div.fullblock { width: calc(100% - 14px); }
div.threequarterblock { width: calc(75% - 14px); }
div.twothirdblock { width: calc(66.6% - 14px); }
div.fiveeighthblock { width: calc(62.5% - 14px); }
div.halfblock { width: calc(50% - 14px); min-width: 230px; }
div.threeeighthblock { width: calc(37.5% - 14px); min-width: 230px; }
div.thirdblock { width: calc(33.3% - 14px); min-width: 230px; }
div.quarterblock { width: calc(25% - 14px); min-width: 168px; }
div.sideblock { width: 230px; }

div.fullblock > p, div.threequarterblock > p, div.twothirdblock > p, div.halfblock > p,
div.thirdblock > p, div.threeeighthblock > p, div.quarterblock > p {
	margin-left: 0.25em;
	margin-right: 0.5em;
}

div.threequartercolumn, div.halfcolumn, div.quartercolumn, div.sidecolumn, div.maincolumn {
	position: relative;
	overflow: hidden;
	float: left;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}

div.threequartercolumn { width: 75%; }
div.halfcolumn { width: 50%; }
div.quartercolumn { width: 25%; min-width: 244px; }
div.sidecolumn { width: 244px; min-width: 244px; max-width: 244px; }
div.maincolumn { width: calc(100% - 244px); }
div.middlecolumn { width: calc(100% - 488px); }

div.threequartercolumn > div.threequarterblock,
div.halfcolumn > div.halfblock,
div.quartercolumn > div.quarterblock,
div.sidecolumn > div.sideblock, div.sidecolumn > div.quarterblock {
	width: calc(100% - 14px);
}

div.threequartercolumn > div.threeeighthblock, div.threequartercolumn > div.flexrow > div.threeeighthblock  {
	width: calc(50% - 14px);
}

div.sideblock + div.threequarterblock, div.sideblock + div.fullblock {
	width: calc(100% - 258px);
}

div.halfcolumn {
	width: calc(50% - 20px);
}
div.halfcolumn + div.halfcolumn {
	padding-left: 20px;
}

div.fullblock div.sectionmenu {
	position: relative;
	overflow: hidden;
	float: left;
	width: 210px;
	padding: 10px 10px 10px 0px;
	margin: 0px 10px 10px 0px;
	border-right: 4px solid rgb(204,204,204);
	border-bottom: 3px solid rgb(204,204,204);
}

div.fullblock div.subsectionmenu {
	position: relative;
	overflow: hidden;
	float: right;
	width: 150px;
	padding: 10px 10px 10px 0px;
	margin: 0px 0px 10px 20px;
	border-right: 4px solid rgb(204,204,204);
	border-bottom: 3px solid rgb(204,204,204);
}

div.pagecontent {
	position: relative;
	overflow: hidden;
	padding: 10px 1% 10px 10px;
}

.relative {
	position: relative;
	overflow: hidden;
}

/* Panel classes */

div.shadowbox {
	padding: 0px 10px 10px 0px;
	margin: 0px 0px 30px 0px;
	border-right: 4px solid rgb(204,204,204);
	border-bottom: 3px solid rgb(204,204,204);
}

div.dropdown {
	position: relative;
	overflow: hidden;
	display: none;
}

div.dropdown + div { clear: both; }

div.brandpanel, div.droppanel {
	position: relative;
	overflow: hidden;
	background-color: rgb(206,218,237);
	background-image: none;
	padding: 20px;
}
div.droppanel {
	padding-bottom: 60px;
}
body.bev div.brandpanel {
	background-color: rgb(255,159,0);
	min-height: 270px;
}
body.milk div.brandpanel {
	background-color: rgb(108,171,231);
	min-height: 270px;
}
body.elec div.brandpanel {
	background-color: rgb(102,155,63);
	min-height: 270px;
}

div.dropbrand {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
div.dropbrand div.brandpanel {
	-webkit-flex: 1 1 0px;
	flex: 1 1 0px;
	padding-bottom: 60px;
}
div.brandpanel.bev { background-color: rgb(255,207,128) !important; }
div.brandpanel.milk { background-color: rgb(181,213,243) !important; }
div.brandpanel.elec { background-color: rgb(178,208,159) !important; }

div.dropdown > h1, div.industrymenu > h1 {
	position: absolute;
	bottom: -10px;
	left: 20px;
	color: rgb(255,255,255);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
	font-family: DIN, "Trebuchet MS", sans-serif;
	font-weight: bold;
	font-size: 80px;
	line-height: 80px;
	text-transform: uppercase;
	letter-spacing: 4px;
	vertical-align: text-top;
	margin: 0px;
	padding: 0px;
	z-index: 4000;
}

div.subnavpanel, div.menupanel {
	position: relative;
	overflow: hidden;
	background-color: rgb(185,203,229);
}

div.subnavpanel {
	padding: 16px 0px;
}

div.menupanel {
	padding: 16px 20px;
}

div.panelright, div.panelleft {
	position: relative;
	overflow: hidden;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.flexrow div.panelright, .flexrow div.panelleft {
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
}

div.panelright div.contentpanel {
	position: relative;
	overflow: hidden;
	float: left;
	margin-right: 4px;
	-webkit-flex: 2 1 auto;
	flex: 2 1 auto;
}

div.panelright ul.subnav {
	position: relative;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	min-width: 210px;
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
}

div.panelright .sidebar {
	background-color: rgb(185,203,229);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	min-width: 210px;
	float: right;
	margin-left: 0px;
	padding: 10px;
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
}

div.panelright p {
	margin-right: 2em;
}

div.panelleft div.contentpanel {
	position: relative;
	overflow: hidden;
	float: right;
	margin-left: 4px;
	-webkit-flex: 2 1 auto;
	flex: 2 1 auto;
}

div.panelleft ul.subnav {
	position: relative;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	min-width: 210px;
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
}

div.panelleft .sidebar {
	background-color: rgb(185,203,229);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	min-width: 210px;
	float: left;
	margin-right: 24px;
	padding: 10px;
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
}

div.bannerblock {
	background-position: right top;
	background-size: cover;
	margin-bottom: 20px;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

div.continueprompt {
	text-align: right;
	margin-top: 10px;
	padding-top: 6px;
	border-top: 3px solid rgb(220,220,220);
}

div.breadcrumbs {
	line-height: 1.2em;
	padding-top: 3px;
	margin-bottom: 8px;
}

div.fullblock div.breadcrumbs {
	padding-left: 10px;
}

/* Modal dialogs */

div.dialog {
	display: none;
	position: fixed;
	width: 80vw;
	height: 45vw;
	left: 50vw;
	top: 50vh;
	margin-left: -40vw;
	margin-top: -23vw;
	background-color: white;
	-webkit-box-shadow: 1px 1px 20px black;
	-moz-box-shadow: 1px 1px 20px black;
	box-shadow: 1px 1px 20px black;
}

div.dialog iframe {
	display: block;
	width: 80vw;
	height: 45vw;
	border: none;
}

div.dialog.video16x9 {
	background-color: black;
	max-height: 80vh !important;
}

span.closer, a.closelink {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: -15px;
	right: -15px;
	display: block;
	width: 32px;
	height: 32px;
	background-color: black;
	border: 2px solid white;
	border-radius: 16px;
	cursor: pointer;
}

span.closer::before, a.closelink::before {
	content: '×';
	position: absolute;
	top: 0px;
	width: 28px;
	color: white;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 24px;
	line-height: 28px;
	text-align: center;
}

/* Navigation lists */

ul.tabbar {
	position: relative;
	overflow: hidden;
	list-style: none;
	background-color: white;
	margin: 0em;
	padding: 0em;
}

ul.tabbar li {
	float: left;
	margin: 0em;
	padding: 0em;
	margin-right: 2px;
}

ul.tabbar li a, ul.tabbar li a:visited {
	display: block;
	position: relative;
	overflow: hidden;
	color: white;
	background-color: rgb(0,53,173);
	font-family: DIN, "Trebuchet MS", sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height: 14px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	padding: 11px 14px 7px 14px;
	margin-bottom: 2px;
}

ul.tabbar li a:hover {
	background-color: rgb(144,144,144) !important;
	-moz-transition: background-color 0.3s;
	-webkit-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
	transition: background-color 0.3s;
}

ul.tabbar li.active a {
	padding-right: 40px;
}

ul.tabbar li.active a::before {
	content: '';
	position: absolute;
	right: 10px;
	top: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 18px;
	width: 18px;
	background-color: rgba(0,0,0,0.1);
	color: white;
	border-radius: 9px;
	margin-top: -9px;
}

ul.tabbar li.active a::after {
	content: '';
	position: absolute;
	right: 15px;
	top: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 8px;
	width: 8px;
	border-top: 3px solid white;
	border-right: 3px solid white;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
	margin-top: -4px;
}

ul.tabbar li.active a, ul.tabbar li.active a:visited { background-color: rgb(255,159,0); }
body.milk ul.tabbar li.active a, body.milk ul.tabbar li.active a:visited { background-color: rgb(108,171,231); }
body.elec ul.tabbar li.active a, body.elec ul.tabbar li.active a:visited { background-color: rgb(102,155,63); }

ul.tabbar li.milk a, ul.tabbar li.milk a:visited { background-color: rgb(108,171,231); }
ul.tabbar li.bev a, ul.tabbar li.bev a:visited { background-color: rgb(255,159,0); }
ul.tabbar li.elec a, ul.tabbar li.elec a:visited { background-color: rgb(102,155,63); }

/* ul.tabbar li.milk a:hover, ul.tabbar li.bev a:hover, ul.tabbar li.elec a:hover { background-color: rgb(0,53,173) !important; } */

ul.sectionnav {
	position: relative;
	list-style: none;
	font-size: 1.2em;
	line-height: 1.2em;
	margin: 0em;
	padding: 0em;
}

ul.sectionnav + ul.sectionnav {
	margin-top: 20px;
	font-size: 1em;
	line-height: 1.2em;
}

ul.sectionnav li {
	margin-bottom: 0.2em;
}

div.subsectionmenu ul.sectionnav li {
	margin-bottom: 0em;
	font-weight: bold;
}

ul.sectionnav li > a, ul.sectionnav li > a:visited {
	display: block;
	background-color: transparent;
	color: black;
	text-decoration: none;
	padding: 4px 14px;
}

ul.sectionnav li > a:hover, ul.sectionnav li.active > a,
ul.sectionnav li.active > a:visited {
	background-color: rgb(185,203,229);
	-moz-transition: background-color 0.3s;
	-webkit-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
	transition: background-color 0.3s;
}

ul.sectionnav:hover li.active > a, ul.sectionnav:hover li.active > a:visited {
	background-color: transparent;
}

ul.sectionnav:hover li.active > a:hover {
	background-color: rgb(180,180,180) !important;
}

ul.sectionnav li.heading {
	background-color: rgb(0,53,173);
	color: white;
	font-family: DIN, "Trebuchet MS", sans-serif;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.1em;
	text-transform: uppercase;
	margin-bottom: 0.5em !important;
	padding: 16px 14px 12px;
}

ul.sectionnav + ul.sectionnav li.heading {
	font-size: 16px;
	line-height: 1.1em;
	padding: 14px 14px 10px;
}

ul.sectionnav li.subheading {
	color: rgb(91,91,91);
	font-family: DIN, "Trebuchet MS", sans-serif;
	font-weight: bold;
	font-size: 1em;
	line-height: 1.1em;
	text-transform: uppercase;
	margin: 0.5em 0em !important;
	padding: 8px 0px 6px;
	border-top: 3px solid rgb(220,220,220);
	border-bottom: 3px solid rgb(220,220,220);
}
ul.sectionnav li.subheading:first-child { margin-top: 0em; }

ul.sectionnav + h2, ul.sectionnav + h3 {
	margin-top: 1em;
}

ul.sectionnav > li > ul {
	list-style: none;
	margin: 1px auto;
	padding: 0px;
}

ul.sectionnav > li > ul > li {
	font-size: 80%;
	margin: 0em;
	padding: 0px 0px 0px 14px;
}

ul.sectionnav > li > ul > li > a, ul.sectionnav > li > ul > li > a:visited {
	padding: 2px 10px;
}

ul.sectionnav > li > ul > li.active > a, ul.sectionnav > li > ul > li.active > a:visited,
ul.sectionnav > li > ul > li > a:hover {
	background-color: rgb(206,218,237);
}

ul.subnav {
	background-color: rgb(185,203,229);
	list-style: none;
	font-family: DIN, "Trebuchet MS",  sans-serif;
	font-weight: bold;
	line-height: 1.1em;
	margin: 0em;
	padding: 1em 0em 0.5em;
}

ul.subnav + ul.subnav {
	margin-top: 0.5em;
}

ul.subnav li {
	margin: 0em;
	margin-bottom: 0.5em;
	padding: 0em;
}

ul.subnav li a, ul.subnav li a:visited {
	display: block;
	position: relative;
	overflow: hidden;
	color: black;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0.6em 1.5em 0.4em;
}

ul.subnav li a:hover {
	color: white;
	background-color: rgb(0,53,173);
	-moz-transition: background-color 0.3s;
	-webkit-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
	transition: background-color 0.3s;
}

ul.subnav li span.optremove {
	position: absolute;
	left: -0.5em;
	z-index: 3000;
	background-color: rgb(255,159,0);
	padding: 0.6em 0.3em 0.4em;
	opacity: 0;
	cursor: pointer;
	-moz-transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

ul.subnav li:hover span.optremove {
	opacity: 1;
}

ul.panelnav {
	position: relative;
	overflow: hidden;
	float: left;
	list-style: none;
	line-height: 1.2em;
	margin: 0em;
	margin-right: 2em;
	margin-bottom: 2em;
	padding: 0em;
	max-width: 20em;
}

ul.panelnav li {
	margin-bottom: 0.25em;
	padding: 0em;
}

ul.panelnav li.heading {
	font-family: DIN, "Trebuchet MS", sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.2em;
	margin-bottom: 0.5em;
}

ul.panelnav li a, ul.panelnav li a:visited {
	color: black;
	text-decoration: none;
}

ul.panelnav li a:hover {
	color: rgb(0,53,173);
	text-decoration: underline;
}

li.menu a {
	font-size: 1.1em;
}

li.menu span.expiredlink {
	font-size: 110%;
	color: rgb(150,150,150);
	text-decoration: underline;
	cursor: not-allowed;
}

li.featured {
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0em;
	margin: 0em 0em 0em -40px;
	border: none;
	background-color: transparent;
}

li.featured small.linkstatus, li.featured input {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
	z-index: 300;
}

li.featured a.linkhead, li.featured a.linkhead:visited {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 50%;
	background-color: rgb(0,53,173);
	color: white;
	font-family: DIN, "Trebuchet MS", sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.1em;
	text-transform: uppercase;
	text-decoration: none;
	float: left;
	padding: 0.8em 0.8em 0.6em;
	margin-bottom: 1em;
}

li.featured span.expiredlink {
	background-color: rgb(210,210,210);
	color: white;
	font-family: DIN, "Trebuchet MS", sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.1em;
	text-transform: uppercase;
	text-decoration: none;
	float: left;
	padding: 0.8em 0.8em 0.6em;
	margin-bottom: 1em;
	cursor: not-allowed;
}

li.menu span.expiredreason {
	font-size: 80%;
	font-style: italic;
	margin-left: 2em;
}

li.featured span.expiredreason {
	display: block;
	clear: left;
	font-style: italic;
	margin-bottom: 0.5em;
}

li.featured div.teaser {
	clear: left;
	max-width: 70%;
}

ul li img.linkicon {
	max-width: 40% !important;
	height: auto;
	float: right;
	margin-left: 1em;
	margin-bottom: 0.5em;
}

ul li img.linkicon ~ a.linkhead,
ul li img.linkicon ~ a.linkhead:visited {
	max-width: 210px;
}

/* Other lists */

ul.locsectors {
	position: relative;
	overflow: hidden;
	list-style: none;
	text-align: center;
	padding: 0px;
	margin: 10px 0px;
}

ul.locsectors > li {
	position: relative;
	overflow: hidden;
	display: inline-block;
	padding: 0px;
	margin: 0px;
}

ul.locsectors > li > input[type="radio"] {
	position: absolute;
	top: 8px;
	left: 3px;
}

ul.locsectors > li > label {
	display: inline-block;
	background-color: rgb(206,218,237);
	font-size: 14px;
	line-height: 14px;
	padding: 10px 10px 10px 28px;
}

ul.locsectors > li.bev > label { background-color: rgb(255,207,128); }
ul.locsectors > li.milk > label { background-color: rgb(181,213,243); }
ul.locsectors > li.elec > label { background-color: rgb(178,208,159); }

ul.applist {
	list-style: none;
	margin: 0em auto;
	padding: 0em;
	max-width: 210px;
}

ul.applist > li {
	position: relative;
	overflow: hidden;
}

ul.applist li a, ul.applist li a:visited {
	color: black;
	text-decoration: none;
}

ul.applist li a:hover {
	color: rgb(0,53,173);
	text-decoration: underline;
}

ul.applist div.headline {
	width: 80px;
	font-weight: bold;
	font-size: 12px;
	line-height: 1.2em;
	text-align: center;
	float: left;
	clear: left;
}

ul.applist div.appicon {
	float: right;
	clear: right;
}

ul.selcblist {
	background-color: transparent;
	background-image: url(../images/encp_2011_bkgd_input-text.gif);
	list-style-type: none;
	height: 8.5em;
	overflow: auto;
	padding: 4px 0.5em !important;
	margin: 0em;
}

ul.selcblist li {
	margin-bottom: 0em;
	white-space: nowrap;
}

/* Tables */

table.data td {
	font-size: 9pt;
	line-height: 11pt;
	padding: 0.25em 0.5em;
}

table.data th {
	background-color: rgb(248,213,131);
	font-weight: normal;
	font-size: 9pt;
	line-height: 11pt;
	padding: 0.25em 0.5em;
}

table.data td.total, table.data tr.total td {
	font-weight: bold;
	color: rgb(0,53,173);
	border-top: 1px solid rgb(255,159,0);
}

table.data td.sectionhead {
	padding-left: 0em;
	padding-top: 1em;
	font-size: 13pt;
	font-weight: bold;
	color: rgb(255,140,0);
}

table.data tr.sect td {
	padding-top: 1em;
}

table.data th.hzsep, table.data td.hzsep {
	border-left: 6px solid white;
}

table.data td.note {
	font-size: 80%;
}

table.data + h3 {
	margin-top: 1.5em;
}

table.loginform div.note { margin-top: 0.5em; }

table.adminreportform {
	margin-bottom: 2em;
}

table.adminreportform tfoot th, table.adminreportform tfoot td {
	padding-top: 1em;
}

.datarowodd {
	background-color: rgb(245,245,245);
}

.dataroweven {
	background-color: rgb(225,225,225);
}

/* jQuery UI */

/* Required to hide the initial container, otherwise it appears empty at a random point across the page */
#ui-datepicker-div { display: none; }

div.ui-datepicker {
	background-color: white;
	padding: 5px;
	box-shadow: 0px 0px 6px rgba(0,0,0,0.4);
	margin-top: 5px;
}

a.ui-datepicker-prev {
	float: left;
	cursor: pointer;
}

a.ui-datepicker-prev > span.ui-icon-circle-triangle-w::before {
	content: '\276E';
	margin-right: 0.3em;
}

a.ui-datepicker-next {
	float: right;
	cursor: pointer;
}

a.ui-datepicker-next > span.ui-icon-circle-triangle-e::after {
	content: '\276F';
	margin-left: 0.3em;
}

div.ui-datepicker-title {
	font-weight: bold;
	text-align: center;
	width: 50%;
	margin: 0 25%;
}

table.ui-datepicker-calendar th {
	background-color: rgb(255,159,0);
	padding: 0.25em 0.5em;
	width: 14.3%;
	text-align: center;
}

table.ui-datepicker-calendar td {
	padding: 0em;
	width: 14.3%;
	text-align: right;
}

table.ui-datepicker-calendar tr:nth-child(odd) td {
	background-color: rgb(245,245,245);
}

table.ui-datepicker-calendar tr:nth-child(even) td {
	background-color: rgb(225,225,225);
}

table.ui-datepicker-calendar td > a {
	display: block;
	padding: 0.25em 0.5em;
	text-decoration: none;
	color: black;
}

table.ui-datepicker-calendar td > a.ui-state-active {
	background-color: rgb(255,207,128);
}

table.ui-datepicker-calendar td > a:hover {
	color: white;
	background-color: rgb(0,53,173);
}

table.ui-datepicker-calendar td.ui-datepicker-unselectable {
	color: rgb(200,200,200);
	padding: 0.25em 0.5em;
	cursor: not-allowed;
}

input.datepicker {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAMAAAAR8Wy4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphN2JiZjg5OS0wZGIwLTRkZDQtOTFhMy1lN2M3MzkxNmE4ZTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkJFNkRDNkFGRUFCMTFFNTg4OUJDMTUxOEYxN0E4NkIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkJFNkRDNjlGRUFCMTFFNTg4OUJDMTUxOEYxN0E4NkIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDphN2JiZjg5OS0wZGIwLTRkZDQtOTFhMy1lN2M3MzkxNmE4ZTciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6YTdiYmY4OTktMGRiMC00ZGQ0LTkxYTMtZTdjNzM5MTZhOGU3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Jv8LsAAAACFQTFRF/89/ADWt/58A+/v75eXl09PTqqqqvr6+4+PjZmZm////ri6EaAAAADhJREFUeNpi4EIDDFyMjFxcnGDABWIzYKpgYmJAQkABDg5mJAQUYGNjRUJAAXZ2FiRENy1oACDAAOt0BjlSSq8iAAAAAElFTkSuQmCC');
	background-repeat: no-repeat;
	background-position: center right 3px;
	padding-right: 26px;
}

/* Specific ID elements */

#page {
	margin: 14px 0px 14px 14px;
}

#logobox {
	position: relative;
	float: left;
	background-color: white;
	width: 210px;
	padding: 10px;
	margin-right: 14px;
	margin-bottom: 13px;
	-moz-box-shadow: 4px 3px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 4px 3px 0px rgba(0,0,0,0.2);
	box-shadow: 4px 3px 0px rgba(0,0,0,0.2);
}

#logobox img {
	display: block;
}

#logobox a {
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 120px;
	background-color: rgb(255,159,0);
}
body.milk #logobox a { background-color: rgb(108,171,231); }
body.elec #logobox a { background-color: rgb(102,155,63); }

#logobox.minimal, #logobox.minimal img, #logobox.minimal a {
	width: 105px;
	height: 60px;
}

#logobox.minimal a {
	padding: 0px !important;
}

#locform {
	margin: 0em;
	text-align: center;
}

#locform * {
	box-sizing: border-box;
}

#locform h3 {
	color: black;
	font-size: 1.3em;
	margin-bottom: 0em;
}

#locform h4 {
	color: black;
	font-size: 1.2em;
	margin-top: 1em;
	margin-bottom: 0.5em;
}

#locform h4::first-letter {
	text-transform: uppercase;
}

#postalcode {
	width: 140px;
}

#searchbutton {
	height: 26px;
	width: 60px;
}

#gpsbutton {
	display: none;
}

#loclogo {
	position: absolute;
	z-index: 100;
	top: 0px;
	right: 0px;
}

#menucheckbox, #menulabel {
	display: none;
}

#headerbar {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
	float: left;
	background-color: white;
	width: calc(100% - 258px);
	padding: 10px;
	margin-bottom: 13px;
	-moz-box-shadow: 4px 3px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 4px 3px 0px rgba(0,0,0,0.2);
	box-shadow: 4px 3px 0px rgba(0,0,0,0.2);
}

#headerbar.minimal {
	width: calc(100% - 153px);
}

#uppermenubar, #lowermenubar {
	background-color: rgb(206,218,237);
	position: relative;
	overflow: hidden;
	max-height: 32px;
}

#headerbar.minimal #uppermenubar {
	max-height: 60px;
	height: 60px;
}


#middlemenubar {
	position: relative;
	overflow: hidden;
	clear: both;
	height: 28px;
	margin: 14px 0px;
}

#brandnav {
	float: left;
}

#brandnav li a {
	border-bottom: none !important;
}

#generalnav {
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0em;
	margin: 11px 6px 0px 0px;
	float: right;
}

#generalnav li {
	float: left;
	margin: 0em;
	padding: 0em;
}

#generalnav img {
	vertical-align: top;
}

#generalnav li a, #generalnav li a:visited {
	display: block;
	background-color: rgb(206,218,237);
	color: black;
	font-family: DIN, "Trebuchet MS", sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height: 14px;
	text-decoration: none;
	padding: 0em 8px;
	border-left: 1px solid black;
}

#generalnav li:first-child a, #generalnav li:first-child a:visited {
	border-left: none;
}

#generalnav li a:hover {
	color: rgb(0,53,173);
	text-decoration: underline;
}

#socialnav {
	position: relative;
	overflow: hidden;
	float: left;
	list-style: none;
	padding: 0px;
	margin: 0px 0px 20px 0px;
}

#socialnav li {
	float: left;
	padding: 0em;
	margin: 0em;
	margin-right: 10px;
}

#socialnav img {
	display: block;
}

#primarynav {
	position: relative;
	overflow: hidden;
	width: 100%;
	list-style: none;
	padding: 0em;
	margin: 0em;
}

#primarynav li {
	float: left;
	padding: 0em;
	margin: 0em;
}

#primarynav li a, #primarynav li a:visited {
	display: block;
	color: black;
	background-color: rgb(206,218,237);
	font-family: DIN, "Trebuchet MS", sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height: 14px;
	text-decoration: none;
	padding: 11px 10px 7px;
}

#primarynav:hover li.active a, #primarynav:hover li.active a:visited {
	background-color: rgba(0,53,173,0.4) !important;
}

#primarynav li a:hover, #primarynav li.active a, #primarynav li.active a:visited, #primarynav li.active a:hover {
	color: white !important;
	background-color: rgb(0,53,173) !important;
	-moz-transition: background-color 0.3s;
	-webkit-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
	transition: background-color 0.3s;
}

#primarynav li.active a::before, #primarynav li.active a::after {
	display: none;
}

#favnav {
	position: absolute;
	top: 42px;
	right: 14px;
	width: 216px;
	background-color: white;
	padding: 10px;
	z-index: 9000;
	-moz-box-shadow: 4px 3px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 4px 3px 0px rgba(0,0,0,0.2);
	box-shadow: 4px 3px 0px rgba(0,0,0,0.2);
	display: none;
}

#favnav ul.subnav + ul.subnav {
	padding-top: 0.5em;
}

#favnav ul.subnav + ul.subnav > li {
	margin-bottom: 0;
}

#searchform {
	position: relative;
	overflow: hidden;
	float: right;
}

#translateform {
	display: inline;
}

#footer {
	font-size: 10px;
	line-height: 12px;
	background-color: rgb(0,53,173);
	color: rgb(153,174,222);
	padding: 20px;
	margin-top: 8px;
}

#footer:first-child { margin-top: 0px; }

#footerlogo {
	position: absolute;
	right: 26px;
	top: -50px;
}

#footer div.adminlink {
	color: rgb(248,213,131);
	float: right;
	margin-left: 2em;
	margin-bottom: 1em;
}

#footer a, #footer a:visited {
	color: rgb(248,213,131);
}

#footer a:hover {
	color: white;
}

#modal {
	display: none;
	position: fixed;
	z-index: 9000;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: rgba(0,0,0,0.5);
}

#siteindicator {
	position: fixed;
	top: 8px;
	left: 8px;
	width: 100px;
	background-color: rgb(255,0,0);
	color: white;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	padding: 0.2em 1em;
	border: 1px solid black;
	z-index: 400;
}

@media print { #logocover { display:none; } }

@media screen and (min-width: 900px) and (max-width: 1024px) {
	.homenav { display: none; }
}

@media only screen and (max-width : 1000px) {
	#loginaccessmenu { display: none; }
}

@media only screen and (max-width : 920px) {
	#translateform { display: none; }
}

@media only screen and (max-width : 900px) {
	div.dropdown > h1, div.industrymenu > h1 {
		bottom: -6px;
		font-size: 60px;
		line-height: 60px;
		letter-spacing: 2px;
	}
}

@media screen and (min-width: 780px) and (max-width: 900px) {
	#primarynav .optional { display: none; }
}

@media only screen and (max-width : 780px) {

	div.panelleft .sidebar.suggestion { display: none; }

	div.bannerblock h1.mainhead { max-width: 75%; }

}

@media screen and (min-width: 640px) and (max-width: 780px) {

	/* Generally tablets */

	.optional { display: none; }

	div.fullblock div.sectionmenu { width: 168px; }

	div.sectionmenu ul.sectionnav { font-size: 1em; line-height: 1.2em; }

	div.sidecolumn { width: 202px; min-width: 202px; max-width: 202px; }

	div.maincolumn { width: calc(100% - 202px); }

	ul.applist div.appicon img { width: 80px; height: 27px; }

	#searchbutton, #gpsbutton, #postalcode, #locform label { width: 140px; }

	#logobox { width: 168px; height: 120px; }

	#logobox img { width: 168px; height: 96px; }

	#logobox a { padding-top: 12px; }

	#loclogo { width: 47px; height: 25px; }

	#headerbar { width: calc(100% - 216px); }

}

/* Media and capability hiders */

.printonly { display: none; }

.jsonly { display: none; }