@import url('https://fonts.googleapis.com/css?family=Nunito Sans');
@font-face {
	font-family: "Shelby";
	font-weight: bold;
	src: url("https://www.asmark.org/ttf/laura-worthington-shelby.otf")
	format("opentype");
}
/* Root Variables */
:root {
	--aii-fontfamily0: "Nunito Sans", "calibri-light", "sans-serif";
	--aii-fontfamily1: "Shelby","calibri-light","sans-serif";
}

/* CSS Definitions */
html {
	height: 100%;
}
body {
	margin: 0px;
	padding: 0px;
	background-image: url(/images/Page-BgSimpleGradient.jpg);
	background-repeat: repeat-x;
	background-color: #EEEEEE;
/*	overflow: visible; */
	height: 100%;
}
/*
* New Header CSS
*/
#Header {
	position: relative;	/* These two lines keep the menu on top */
	z-index: 1000;		/* These two lines keep the menu on top */
	height: 300px;
	/* width: 960px; */
}
#Header-Text {
	display: block;
}
#Header-Commitment {
	position: absolute;
	top: 175px;
	left: 25px;
	background-color: #FFFFFF;
	display: none;
}
#Header-Understanding {
	position: absolute;
	top: 205px;
	left: 115px;
	background-color: #FFFFFF;
	display: none;
}
#Header-Experience {
	position: absolute;
	top: 175px;
	left: 235px;
	background-color: #FFFFFF;
	display: none;
}
#Header-Innovation {
	position: absolute;
	top: 205px;
	left: 335px;
	width: 120px;
	background-color: #FFFFFF;
	display: none;
}
#Header-Better {
	position: absolute;
	top: 190px;
	left: 5px;
	background-color: #FFFFFF;
	display: none;
}
#Header-Loc {
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #616161;
	letter-spacing: 1px;
	right: 23px;
	top: 15px;
}
/*
* New Header CSS end
*/
#Body {
	padding-bottom: 20px;
	margin: 0px 0px 16px 0px;
	min-height: 500px;
	font-size: 12px;
/*	width: 940px;
	height: 780px;
	margin: 0px auto; */
	position: relative;
}


#Container {
	/*width: 960px;*/
	margin: 0px auto 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	position: relative;
	background-color: #FFFFFF;
	
		
/*	min-height: 100%; */
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-left-color: #999999;
}
/************** Facebox **********************/
#Facebox-Container {
	width: 600px;
	margin: 10px auto 16px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	position: relative;
	background-color: #FFFFFF;
}
.FaceboxContainer {
	display: none;
	z-index: 9999;
	position: absolute;
	padding: 10px;
	background: url('/images/Shadow-40.png');
}
.FaceboxBox {
	z-index: 10000;
	border: 2px solid #A40000;
	background: #FFFFFF;
	box-shadow: 0px 0px 5px 5px #555555;
}
.FaceboxTitle {
	font-weight: bold;
	font-size: 16px;
	color: #FFFFFF;
	background: #A40000;
	padding: 5px 0px 5px 10px;
}
.FaceboxForm {
	padding: 15px;
}
.FaceboxClose {
	padding: 3px 10px 5px 0px;
	font-weight: bold;
	border-top: 2px solid #A40000;
	background: #DDDDDD;
}
.FaceboxCloseButton {
	cursor: pointer;
	float: right;
}
#Step1, #Step2, #Step3 {
	clear: both;
	margin-top: 200px;
}
#Menu {
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	letter-spacing: 1px;
	text-align: center;
	height: 29px;
	padding-left: 30px;
	padding-right: 30px;
	line-height: 29px;
	width: 900px;
	top: 237px;
	left: 0px;
}
.SubGroup {
	font-weight: bold;
	font-size: 13px;
	padding: 10px 0px;
	clear: both;
}
.FormParagraph {
	text-align: justify;
	margin-top: 10px;
	margin-bottom: 10px;
}
#Footer {
	position: relative;
	clear: both;
}
#FooterCustom {
	position: relative;
	background-color: #CCCCCC;
	text-align: center;
	font-size: 10px;
	line-height: 16px;
	color: #7E7E7E;
	/* width: 960px; */
	clear: both;
}
#FooterList {
	background-color: #CCCCCC;
	text-align: center;
	font-size: 10px;
	line-height: 16px;
	color: #7E7E7E;
}
#FooterList a {
	text-decoration: none;
	color: #7E7E7E;
}
#FooterList a:hover {
	color: #000000;
}
#Snapshots_Footer a {
	color: #7E7E7E;
	font-weight: bold;
	text-decoration: none;
}
#FooterCustom a, #Snapshots_Footer a {
	color: #7E7E7E;
	font-weight: bold;
	text-decoration: none;
}
#Snapshots_Footer a:hover {
	color: #000000;
}
#FooterCustom a:hover, #Snapshots_Footer a:hover {
	color: #000000;
}
#Copyright {
	background-color: #7E7E7E;
	text-align: center;
	font-size: 10px;
	line-height: 16px;
	color: #FFFFFF;
}
input[type='text'], input[type='number'], input[type='file'], input[type='password'], select, textarea, input[type='tel'] {
	background-color: #DDDDDD;
	border: 1px solid #000000;
}
input[type='text'], input[type='number'], input[type='file'], input[type='password'], textarea, input[type='tel'] {
	padding: 2px 1px;
}
textarea {
	resize: none;
}
.AllCaps {
	text-transform: uppercase;
}
.SubmitBar {
	text-align: center;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	clear: both;
}
.PageTitle {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 20px;
}
.PageTitle2 {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	padding-top: 15px;
	padding-bottom: 20px;
}
.StepTitle {
	clear: both;
        font-size: 16px;
        font-weight: bold;
        margin-top: 20px;
        margin-bottom: 20px;
}
.TableColumn_Spacer {
	padding-top: 4px;
	padding-bottom: 4px;
}

.TableRow {
	display: table-row;
}
.TableCell {
	display: table-cell;
}
.SmallText {
	font-size: 10px;
}
.TinyText {
	font-size: 8px;
}
.RedText {
	color: #A40000;
}
.AsmarkRed {
	color: #A40000;
}
.Bold {
	font-weight: bold;
}
.Underline {
	text-decoration: underline;
}
.AcceptanceTitle {
	font-size: 24px;
	font-weight: bold;
	color: #A40000;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 30px;
}
.AcceptanceText {
	font-size: 14px;
	text-align: justify;
	padding-bottom: 10px;
}
.Italic {
	font-style: italic;
}
.popupTitle {
        background: #00349A;
        padding: 4px 4px 6px 4px;
        color: #FFFFFF;
        font-weight: bold;
}
.fauxlink {
	text-decoration: underline;
	color: #0000FF;
	cursor: pointer;
}
.fauxlink-red {
	text-decoration: underline;
	color: #A40000;
	cursor: pointer;
}
.fauxTextbox {
	font-family: Lucida, Arial;
        border: 1px solid #000000;
        text-align: left;
        background: #DDDDDD;
        color: #000000;
        height: 18px;
        font-size: 13px;
        vertical-align: bottom;
        padding-left: 2px;
        padding-right: 2px;
        padding-top: 2px;
        float: left;
}
a.green-link, a.green-link:visited, a.green-link:active, a.green-link:hover, a.green-link:link {
	color: #118B19;
}
a.black-link, a.black-link:visited, a.black-link:active, a.black-link:hover, a.black-link:link {
	color: #000000;
}
.grayText {
	color: #888888;
}
.div-table {
	display: table;
}
.div-table-row {
	display: table-row;
}
.div-table-column {
	display: table-cell;
}
#VeriSign {
	position: absolute;
	right: 0px;
	top: 20px;
	width: 104px;
	height: 60px;
	background: #FFDDFF;
	background: url('/images/VeriSignTrusted.gif'); 
}
.LeftField {
	position: absolute;
	top: 0px;
	left: -10000px;
}
.RoundedImage {
	margin-right: 10px;
	border: 1px solid #000000;
	box-shadow: 3px 3px 5px 2px #555;
	border-radius: 10px;
}
.button-gray {
	padding: 3px 5px;
	border: 1px solid #000000;
	color: #000000;
	background: #CCCCCC;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
}
.button-gray:hover {
	color: #FFFFFF;
	background: #777777;
}
.CellButton {
	display: table-cell;
	font-size: 12px;
	text-align: center;
	border: 1px solid #555555;
	background-color: #EEEEEE;
	border-radius: 4px;
	vertical-align: middle;
	cursor: pointer;
	background-image: url(/images/ButtonBackground10.png);
	background-position: center;
}
.CellButton:hover {
	background-color: #D9F0FC;
}
.debug {
	position: fixed;
	top: 10px;
	left: 10px;
	z-index: 1000000;
	background: #AA0000;
	color: #FFFFFF;
	font-weight: bold;
	padding: 2px 2px 2px 2px;
}
.DivButton {
	border: 1px solid #7E7E7E;
	background: #A40000;
	padding: 2px;
	font-weight: bold;
	cursor: pointer;
	color: #FFFFFF;
	text-align: center;
}
.DivButton:hover {
	background: #000000;
	color: #FFFFFF;
}
/* Agrium Retail */

.RegionList, .RegionTitle {
	display: block;
	background-color: #A40000;
	border: 1px solid #000000;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	height: 20px;
	margin-bottom: 5px;
	margin-top: 10px;
	padding-bottom: 2px;
	padding-left: 3px;
	padding-top: 2px;
	text-decoration: none;
	position: relative;
}
.RegionList:hover {
	color: #D9D3BC;
}
.EHSList, .EHSTitle {
	display: block;
	background-color: #D10000;
	border: 1px solid #000000;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	margin-bottom: 5px;
	margin-top: 10px;
	padding-left: 23px;
	text-decoration: none;
	position: relative;
}
.EHSList:hover {
	color: #D9D3BC;
}
.LocationList, .LocationTitle {
	border-bottom: 1px solid #dddddd;
	font-weight: bold;
	padding-bottom: 3px;
	padding-top: 3px;
	text-decoration: none;
	display: table;
	width: 800px;
	background-color: #FFFFFF;
	color: #000000;
}
.LocationListEven {
	background-color: #EEEEEE;
}
.LocationList:hover {
	background-color: #CCCCCC;
}
.inputTextDate {
	width: 70px;
}
.BlueText {
	color: #00409A;
}
.ColorRedText {
	color: #A40000;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	
}
/* Site Search */
#SiteSearch {
	float: right;
	margin-top: 5px;
	cursor: pointer;
}
#SiteSearchFrame {
	width: 900px;
	height: 500px;
	border: 0px;
}
#SearchTop {
	position: absolute;
	top: -3px;
	right: 0px;
	width: 400px;
	padding-right: 130px;
}
#SearchTop label, #SearchTop input, #SearchTop button {
    font-size: inherit;
    padding: 0.1em;
    margin: 0.1em 0.2em;
    /* the following ensures they're all using the same box-model for rendering */
    -moz-box-sizing: content-box; /* or `border-box` */
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    font-size: 12px;
}
/* CSP fixes */
#JavascriptWarning {
	border: 1px solid #FF0000;
	margin: 5px 0px;
	padding: 10px;
	text-align: center;
	color: #FF0000;
	font-weight: bold;
}
#errorContainer-errorTitle-FormErrors {
	position: absolute; top: 2px; left: 5px;
}
#errorContainer-errorTitle-Close {
	position: absolute; top: 4px; right: 30px; cursor: pointer;
}
#errorContainer-close-x {
	width: 15px; height: 15px; border: 1px solid #FFFFFF; position: absolute; top: 2px; right: 5px; cursor: pointer; text-align: center;
}
#header-bar-2021 {
	/* width: 960px; margin: 0px auto; */
}
#header-bar-2021-logo-holder {
	height: 237px; background-color: #CCCCCC; background-size: cover; background-image: url(/images/header-2021-2.png); position: relative;
}
#header-bar-2021-logo-holder img {
	position: absolute; top: 30px; left: 30px; width: 210px;
}
#header-bar-2021-background-bar {
	background-color: #126062; height: 27px; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;
}
#Menu-home-link {
	width: 150px;
}
#footer-2021-gold-bar {
	width: 70%; border-top: 1px solid #E6AC23; padding: 10px 0px 10px 0px; margin: 0px auto;
}
#footer-2021-contact-frame {
	width: 200px; padding: 10px 0px 20px 0px; margin: 0px auto;
}
#aii-google-tag-manager-iframe {
	display:none;
	visibility:hidden
}