@charset "utf-8";
/* DEBUG: * { outline: 1px solid hotpink !important; } */

@font-face {
    font-family: "Myriad Pro";
    src: url("/Fonts/myriadpro-regular.woff") format("woff");
}
body {
	background-color: #FFFFFF;
	background-image: none;
	color: #6E6E6E;
    font-family: Helvetica, Arial, Myraid Pro, "sans-serif";
	margin: 0;
	padding: 0;
	overflow-x: hidden;
}
.hexbolts { background-position: right; background-size: 80px; }
.anchorbolts { background-position: right; background-size: 80px; }
.steelscrews { background-position: right; background-size: 80px; }
.carriagebolts { background-position: right; background-size: 80px; }
.hexnuts { background-position: right; background-size: 80px; }
.concreteanchors { background-position: right; background-size: 80px; }
.glovesmasks { background-position: right; background-size: 80px; }
.ubolts { background-position: right; background-size: 80px; }
.rigging { background-position: right; background-size: 80px; }
.center { text-align: center; }
div.center { margin: 0 auto; }
.mobilehidden, .hidden, .print { display: none; }
.mobile { display: inherit; }
.noprint { visibility: visible; }
.clear { clear: both; }
.highlight { background-color: #FFFFE9; }
.jumplink { text-align: right; }
img { border: none; }
:focus { outline: 0; }
#header {
	height: 100%;
	margin: 0 auto;
	position: relative;
	width: 100%;
}
#header .contactinfo {
	color: #00275D;
	font-family: Arial Black, sans-serif;
	font-size: 115%;
	display: inline-block;
	font-weight: bold;
	width: 100%;
	height: 5%;
	margin: 0 auto 15px auto;
	padding: 5px 0 5px 0;
	text-align: center;
}
#header .contactinfo p, #header .contactinfo a {
	color: #00275D;
	text-decoration: none;
	border-bottom: none;
}
#header .contactinfo a:hover, #header .contactinfo a:active {
	color: #5069B1;
	text-decoration: none;
}
#header .logo {
	margin: 25px auto 25px auto;
	text-align: center;
}
#header .logo img {
	width: 85%;
	height: 85%;
}
#menu {
	background-color: #000000;
	width: 100%;
}
#menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 100%;
}
#menu ul li {
	border-bottom: 1px solid #444444;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 100%;
}
#menu ul li:last-child {
	border-bottom: none;
}
#menu ul li a {
    font-size: 115%;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    display: block;
    border-right: 1px solid #000000;
    padding: 10px 0 10px 0;
    margin: 0;
	width: 100%;
}
#menu ul li a:hover {
	color: #FFFFFF;
    background: linear-gradient(to bottom, rgba(66,66,66,1.00) 0%, rgba(115,113,115,1) 50%, rgba(66,66,66,1.00) 51%, rgba(115,113,115,1) 100%);
}
#menu ul li a:active {
	color: #FFFFFF;
    background: linear-gradient(to bottom, rgba(66,66,66,1.00) 0%, rgba(115,113,115,1) 50%, rgba(66,66,66,1.00) 51%, rgba(115,113,115,1) 100%);
}
#slider { display: none; }
#content {
	background-color: #FFFFFF;
	margin: 0;
	height: inherit;
	padding-top: 15px;
	width: 100%;
}
#container {
	background-color: #FFFFFF;
	width: 100%;
	margin: 0;
}
#container a, #content a {
	color: #6E6E6E;
	text-decoration: none;
}
#container p, #content p {
	color: #6E6E6E;
	font-size: 120%;
	line-height: 1.3em;
}
#container p a, #content p a {
	border-bottom: 1px solid #6E6E6E;
}
#container p a:active, #container p a:hover, #content p a:active, #content p a:hover {
	background-color: none;
}
#container .expandlink, #container .expandlink a, #container .expandlink a:hover, #container .expandlink a:active {
	font-size: 105%;
	font-weight: bold;
	clear: both;
	color: #FFFFFF;
	display: block;
	width: 100%;
	margin: 0 auto 5px auto;
	padding: 3px 0 3px 0;
	text-align: center;
	background-color: #5069B1;
	text-decoration: none;
	border-bottom: none;
}
#container .skiplink, #container .skiplink a, #container .skiplink a:hover, #container .skiplink a:active {
	font-size: 100%;
	clear: both;
	color: #6E6E6E;
	display: block;
	width: 100%;
	margin: 0 auto 5px auto;
	padding: 3px 0 3px 0;
	text-align: center;
	background-color: #EAEAEA;
	text-decoration: none;
	border-bottom: none;
}
#content table {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #6E6E6E;
	margin: 0 5px 15px 10px;
}
#content table.featured {
	background-color: #FFFFEE !important;
}
#content table a {
	text-decoration: none;
}
#content table caption {
	color: #6E6E6E;
	font-size: 100%;
	font-weight: bold;
	padding: 5px 0 5px 0;
	text-align: left;
	text-transform: uppercase;
}
#content table.featured caption {
	background-color: #FFFFEE !important;
}
#content table th {
	background-color: #000000;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	font-size: 100%;
	font-weight: bold;
	padding: 2px;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
}
#content table tr.evenrow {
	background-color: #FAFAFA;
}
#content table tr.oddrow {
	background-color: #FFFFFF;
}
#content table td {
	border: 1px solid #6E6E6E;
	color: #6E6E6E;
	font-size: 100%;
	padding: 1px 2px 1px 2px;
}
#content table td a:hover {
	background-color: #EBF5FF;
	border-bottom: 1px dashed #990000;
}
#content abbr {
	cursor: help;
}
/* This class is for a soft line break to wrap text to another line. */
#content span.break {
	display: block;
}
/* This class is for the PDF icon for links to PDF documents. */
#content span.pdf {
	background-image: url("/Images/Icons/pdf_icon.png");
	background-position: top left;
	background-repeat: no-repeat;
	color: #606060;
	font-size: 75%;
	padding: 2px 2px 2px 18px !important;
}
#content ul.quicklinks {
	margin: 0 5px 5px 5px;
	padding: 0;
}
#content ul.quicklinks li a {
	border-right: 1px solid #C0C0C0;
	color: #990000;
	font-size: 80%;
	padding: 3px 5px 3px 5px;
	text-decoration: none;
	text-transform: uppercase;
}
/* These classes creates columns within the container. */
#content .column1 {
	float: none;
	width: 100%;
}
#content .column2 {
	float: none;
	width: 100%;
}
#content .address {	width: 100%; text-align: center; }
#content .mailingaddress {
	font-family: "Courier New", monospace;
	margin-bottom: -1px;
	margin-top: -1px;
	text-transform: uppercase;
}
#content fieldset input[type="text"]:invalid { border: 2px solid #C96D6E; }
#content h1 {
	/*border-bottom: 1px solid #FAFAFA;*/
	color: #6E6E6E;
	font-size: 135%;
	margin: auto auto 25px auto;
	padding: 10px 10px 5px 10px;
	text-align: center;
}
#content h2 {
	color: #6E6E6E;
	font-size: 125%;
	margin: 0;
	padding: 10px 10px 5px 10px;
	text-align: center;
}
#content h3 {
	color: #414E8C;
	font-size: 115%;
	margin: 0;
	padding: 10px 10px 5px 10px;
}
#content h4 {
	color: #6E6E6E;
	font-size: 110%;
	margin: 0;
	padding: 10px 10px 5px 15px;
}
#content p {
	margin: 0;
	padding: 10px 10px 5px 10px;
}
#content p a {
	color: #003366;
}
#content p a:hover {
	border-bottom: #6E6E6E;
}
#content ul, #content ol {
	margin: 5px 5px 5px 35px;
	padding: 0;
}
#content ul li, #content ol li {
	font-size: 100%;
	padding: 0 0 10px 0;
}
#content dl {
	color: #6E6E6E;
	margin: 5px 0 10px 5px;
	padding: 2px;
}
#content dl a {
	color: #003366;
}
#content dl dt {
	font-size: 135%;
	font-weight: bold;
	margin: 0 0 0 2px;
	padding: 0;
}
#content dl dd {
	font-size: 100%;
	margin: 2px 0 4px 2px;
	padding: 0;
}
#content ul {
	list-style-type: none;
}
#content ul li:before {
	content: "\25BA";
	font-family: "Arial, Helvetica, sans-serif";
	font-size: 75%;
	line-height: 1.25em;
	list-style-type: none;
	padding-right: 5px;
	vertical-align: middle;
}
#carousel { width: 100%; margin: 0 auto; box-sizing: border-box; }
#accordion h2 { font-size: 110%; width: 100%; background-color: #EEEEEE; text-align: left; text-transform: uppercase; box-sizing: border-box; }
#accordion h3 { font-size: 105%; width: 100%; background-color: #DBDCDF; text-align: left; text-transform: uppercase; box-sizing: border-box; }
#accordion h2:focus {
	background-color: #EBEBEB;
	cursor: pointer;
}
#accordion h2:before, #accordion h3:before, #accordion h4:before {
	content: "\25BC";
	font-family: "Arial, Helvetica, sans-serif";
	font-size: 60%;
	line-height: 1.25em;
	padding: 0 5px 0 0;
	vertical-align: middle;
}
#accordion p {
	margin-left: 10px;
}
form fieldset { border: none; }
form fieldset.mainfield {
	width: 100%;
	margin: 0 auto 0 -5px;
	box-sizing: border-box;
}
form legend { display: none; }
form legend.mainlegend {
	color: #6E6E6E;
	font-size: 85%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
form fieldset.subfield {
	margin: 0;
	padding: 3px;
}
form legend.sublegend {
	color: #6E6E6E;
	font-size: 80%;
	margin: 0 0 3px 0;
	padding: 0;
}
form label {
	display: block;
	font-size: 80%;
	font-weight: bold;
	margin: 3px 0 0 5px;
	text-transform: uppercase;
}
form label.radiolabel, form label.checklabel {
	display: inline;
	font-weight: normal;
	text-transform: none;
}
form span.requiredfield {
	color: #EE1B2E;
}
form input, form select, form textarea {
	background-color: #FAFBFB;
	border: 1px solid #EAEAEA;
    width: 100%;
}
form input:focus, form textarea:focus, form select:focus, form input:hover, form textarea:hover, form select:hover {
	background-color: #D5EAF5;
	border: 1px solid #A5C5DE;
}
form div.buttons {
	width: 98%;
	margin: 15px auto 5px auto;
	text-align: center;
}
form div.buttons label {
	display: none;
}
form div.buttons input:hover {
	background-color: #2082CF;
}
form input.input {
	margin: 0 5px 3px 5px;
	padding: 5px;
	width: 95%;
}
form input.radio {
	margin: 0 0 0 5px;
}
form input.checkbox {
	margin: 0 0 0 5px;
}
form select.input {
	margin: 5px 5px 3px 5px;
	width: 95%;
}
form textarea.input {
	margin: 5px auto 3px 5px;
	width: 98%;
}
form input.button {
	background-color: #207DC5;
	border: none;
	color: #FFFFFF;
	font-weight: bold;
	width: 95%;
	height: 3.5em;
	text-align: center;
	text-transform: uppercase;
}
form div.fieldnote {
	font-size: 75%;
	margin: 3px 5px 3px 5px;
}
form div.fieldnote a {
	border-bottom: 1px dashed #6E6E6E;
}
form div.fieldnote a:active, form div.fieldnote a:hover {
	background-color: #EBF5FF;
}
.icon {
	background-position: left center;
	background-repeat: no-repeat;
	color: #606060;
	font-size: 75%;
	margin: 0 2px;
	padding: 2px 2px 2px 18px !important;
}
.icontext {
	background-position: left center;
	background-repeat: no-repeat;
	margin: 0 2px;
	padding: 2px 2px 2px 18px !important;
}
.iconlink {
	background-position: left center;
	background-repeat: no-repeat;
	margin: 0 2px;
	padding: 2px 2px 2px 18px !important;
}
.pdf {
	background-image: url("/Images/Icons/pdf_icon.png");
}
.doc, .docx {
	background-image: url("/Images/doc_icon.png");
}
.xls, .xlsx {
	background-image: url("/Images/Icons/xls_icon.png");
}
.zip {
	background-image: url("/Images/Icons/zip_icon.png");
}
.vcf {
	background-image: url("/Images/Icons/vcard_icon.png");
}
#footer {
    background-color: #00275E;
    border-top: 1px solid #EBEBEB;
    height: 120px;
    clear: both;
}
#footer ul {
	list-style-type: none;
	margin: 2px 0 2px 0;
	padding: 0;
	text-align: center;
}
#footer ul li {
	display: inline;
	text-align: center;
}
#footer ul li a {
	color: #FFFFFF;
	font-size: 75%;
	text-decoration: none;
}
#footer ul.quicklinks {
	margin: 0 5px 5px 5px;
	padding: 0;
}
#footer ul.quicklinks li a {
	border-right: 1px solid #FFFFFF;
	color: #FFFFFF;
	font-size: 85%;
	padding: 3px 5px 3px 5px;
	text-decoration: none;
	text-transform: uppercase;
}
#footer ul li a:last-child {
	border-right: none;
}
#footer p {
	font-size: 80%;
	color: #FFFFFF;
	margin: 10px 5px 0 5px;
	padding: 0;
	text-align: center;
}
#footer p.footerlogo {
	margin-top: 85px;
}
#footer p.footerlogo img { width: 65%; height: 65%; }
#footer p.legalstatement { color: #FFFFFF; font-size: 75%; text-transform: uppercase; }
#footer p a {
	color: #FFFFFF;
	border-bottom: none;
	text-decoration: none;
}
#footer p a:active, #footer p a:hover {
	color: #5069B1;
	text-decoration: none;
}