/* erlee 10-mar-2017 hide the siteorigin attrib & insert of own  */

#colophon #theme-attribution {
  text-indent: -9999px;
  line-height: 0;
}

#theme-attribution::after {
  /* visibility:visible; */
  display: block;
  line-height: initial;
  /* New content takes up original line height */
  text-indent: 0;
  content: 'Fire Safety Equipment 2017';
  color: white;
}

/* do some formatting on the footer links */
#text-4.widget.widget_text { font-size: 10px; }

/* links */
a:link { color: black; }
a:hover { color: red; }
a:focus { color: black; }
a:active { color: black; }
a:visited { color: black; }

.fp1 { text-decoration: none; color: black; text-align: left; font-size: 1.1em; padding-left: 10px;}
.fp1:hover { color: red; text-decoration: none; font-weight: 700; }
.fp2 { text-decoration: none; color: black; text-align: left; font-size: 1.3em; padding: 2px 0px 4px 6%; }
.fp3 { text-decoration: none; color: black; text-align: justify; font-size: 1.3em; padding-left: 3%; padding-right: 3%; }

/* Some Custom formatting for the site */
.textl { text-align: justify; padding-left: 10px; padding-right: 10px; }
.textlb { text-align: justify; padding-left: 10px; padding-right: 10px; font-size: +1; font-weight: bold; }
.textcb { text-align: center; padding-left: 10px; padding-right: 10px; font-size: +1; font-weight: bold; }
.textl30 { text-align: left; padding-left: 30px; }
.textr { text-align: right; padding-right: 10px; }
.download { background: #e8e8e8; color: white; text-decoration: none; text-align: center; padding: 1px 10px; border-radius: 0;  border: 0; border-bottom: 1px solid #044dc3; font-size: 11px; display: inline-block; }
.download:hover { background: white; color: black; font-weight: bold; }
.image-link { background: #bed8e2; color: white; text-decoration: none; text-align: center; padding: 0px 10px; border-radius: 5px;  border: 1px solid #044dc3; font-size: 11px; display: inline-block; }
.image-link:hover { background: white; color: black; font-weight: bold; }
.head { background: black; color: white; text-align: center; font-weight: bold; font-size: 13px; border: 1px solid white; }
.head:hover {background: black; }
.head1 { background: #9d9796; color: white; text-align: center; font-weight: bold; font-size: 13px; border: 1px solid white; }.norm { text-align: justify; font-size: 13px; background: white; }
.head1:hover {background: #9d9796; }
.head2 { background: #d34628; color: white; text-align: center; font-weight: bold; font-size: 13px; border: 1px solid white; }.norm { text-align: justify; font-size: 13px; background: white; }
.head2:hover {background: #d34628; }
.norm { text-align: justify; font-size: 13px; }
.norm30 { text-align: justify; font-size: 13px; padding-left: 30px; }

.logo60 img { height: 60px; width: auto; padding: 0px; margin: 0px; align-items: center; }
.logo50 img { height: 50px; width: auto; padding: 0px; margin: 0px; }
.logo40 img { height: 40px; width: auto; padding: 0px; margin: 0px; align-items: center; }
.logo25 img { height: 25px; width: auto; padding: 0px; margin: 0px; align-items: center; }
.logo35 img { height: 35px; width: auto; padding: 0px; margin: 0px; align-items: center; }
.logo20 img { height: 20px; width: auto; padding: 0px; margin: 0px; align-items: center; }
.logo15 img { height: 15px; width: auto; padding: 0px; margin: 0px; align-items: center; }
.pic020 img { height: 20px; width: auto; padding: 0px; margin: 0px; align-items: center; }
.pic025 img { height: 25px; width: auto; padding: 0px; margin: 0px; align-items: center; }
.pic030 img { height: 30px; width: auto; padding: 0px; margin: 0px; align-items: center; }
.pic035 img { height: 35px; width: auto; padding: 0px; margin: 0px; align-items: center; }
.pic040 img { height: 40px; width: auto; padding: 0px; margin: 0px; align-items: center; }
.pic045 img { height: 45px; width: auto; padding: 0px; margin: 0px; align-items: center; }
.pic050 img { height: 50px; width: auto; padding: 0px; margin: 0px; padding: 0px 0px 0px 0px; align-items: center; }
.pic060 img { height: 60px; width: auto; padding: 0px; margin: 0px; align-items: center; }
.pic080 img { height: 80px; width: auto; padding: 0px; margin: 0px; align-items: center; }
.pic100 img { height: 100px; width: auto; padding: 0px; margin: 0px; align-items: center; }
.pic120 img { height: 120px; width: auto; padding: 0px; margin: 0px; align-items: center; }
.pic150 img { height: 150px; width: auto; padding: 0px; margin: 0px; align-items: center; }
.pic200 img { height: 200px; width: auto; padding: 0px; margin: 0px; align-items: center; }
.pic250 img { height: 250px; width: auto; padding: 0px; margin: 0px; align-items: center; }
.pic300 img { height: 300px; width: auto; padding: 0px; margin: 0px; align-items: center; }
.pic450 img { height: 450px; width: auto; padding: 0px; margin: 0px; align-items: center; }

.icon20 img { height: 20px; width: auto; padding: 0px; margin: 0px; align-items: center; }
.icon20:hover { background: #003399; }
.icon30 img { height: 30px; width: auto; padding: 0px; margin: 0px; align-items: center; }
.icon30:hover { background: #003399; }
.icon35 img { height: 35px; width: auto; padding: 0px; margin: 0px; align-items: center; }
.icon35:hover { background: #003399; }
.icon40 img { height: 40px; width: auto; padding: 0px; margin: 0px; align-items: center; }
.icon40:hover { background: #003399; }
.icon50 img { height: 50px; width: auto; padding: 0px; margin: 0px; align-items: center; }
.icon50:hover { background: #003399; }
.icon60 img { height: 60px; width: auto; padding: 0px; margin: 0px; align-items: center; }
.icon60:hover { background: #003399; }
.icon80 img { height: 80px; width: auto; padding: 0px; margin: 0px; align-items: center; }
.icon80:hover { background: #003399; }
.icon100 img { height: 100px; width: auto; padding: 0px; margin: 0px; align-items: center; }
.icon100:hover { background: #003399; }
.icon120 img { height: 120px; width: auto; padding: 0px; margin: 0px; align-items: center; }
.icon120:hover { background: #003399; }
.icon150 img { height: 150px; width: auto; padding: 0px; margin: 0px; align-items: center; }
.icon150:hover { background: #003399; }
.icon200 img { height: 200px; width: auto; padding: 0px; margin: 0px; align-items: center; }
.icon200:hover { background: #003399; }
.icon250 img { height: 250px; width: auto; padding: 0px; margin: 0px; align-items: center; }
.icon250:hover { background: #003399; }
.icon300 img { height: 300px; width: auto; padding: 0px; margin: 0px; align-items: center; }
.icon300:hover { background: #003399; }


.fp050 img { height: 50px; width: auto; padding: 0px; margin: 0px; align-items: center; }
.fp050:hover { border-bottom: 5px solid; border-bottom-color: #003399; }
.fp100 img { height: 100px; width: auto; padding: 0px; margin: 0px; align-items: center; }
.fp100:hover { border-bottom: 10px solid; border-bottom-color: #003399; }
.fp150 img { height: 150px; width: auto; padding: 0px; margin: 0px; align-items: center; }
.fp150:hover { border-bottom: 10px solid; border-bottom-color: #003399; }

/* table formatting */
table, tbody, tr, th, td { line-height: 1.5em; font-size: 11px; text-align: center; vertical-align: middle; }
tr:nth-child(even) { background: #e3e3e3; }
tbody td:hover, tbody td:focus { background: #b8e4ff; }
td:hover { background-color: #b8e4ff; }
table { margin: 0 0 0 0; width: 100%; }

/* Define the hover highlight color for the table row */
.hoverTable tr:hover { background-color:  #b8e4ff; }

/* do some formatting on the tables */
a.button,.button, input, select, textarea { padding: 5px 10px; }