/* START Style Guide */
#moreInfo .appear {color:#c7254e; border-radius:8px;}
#moreInfo .htmlcode_container pre {margin:2em auto; width:80%;}
#moreInfo h3.codeTemp {text-align:center; font-size:35px; color:#fb05ad; font-weight:bold; text-transform:uppercase; margin:1.2em auto;}
#moreInfo .hidden-div > div {display:none;}
#moreInfo .visible-div > div {display:block;}
#moreInfo .mid {text-align:center; margin:10px auto !important; display:block; align-self:center; vertical-align:middle; position:relative;}
/* END Style Guide */

/* START 3 column hero banner */
/* flex container */
#moreInfo .hero-flex {
  clear: both;
  position: relative;
  display: flex;
  flex-direction: row nowrap;
  justify-content: center;
  margin-bottom: 1em;
} @media (max-width:740px) {
  #moreInfo .hero-flex {flex-wrap: wrap;}
}

/* 1st column */
#moreInfo .hero-block1 {
  flex: 0 1 auto;
  display:none;
} @media (min-width:1025px) {
  #moreInfo .hero-block1 {display:block;}
} @media (min-width:741px) and (max-width:1024px) {
  #moreInfo .hero-block1 {display:block;}
} @media (max-width:740px) {
  #moreInfo .hero-block1 {display:none;}
}

/* 3rd column */
#moreInfo .hero-block2 {
  flex: 0 1 auto;
  display: block;
  position: relative;
} @media (max-width:740px) {
  #moreInfo .hero-block2 {flex: 0 1 100%; width: 100%;}
}

/* center text column */
#moreInfo .hero-text {
  position: relative;
  display: block;
  flex: 0 1 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-box-pack: center;
  box-pack: center;
} @media (max-width:740px) {
  #moreInfo .hero-text {max-height:50%; flex: 0 1 100%;}
}

/* title h2 */
#moreInfo h2.hero {
  color:#0a0ff7;
  font-size:27px;
  margin: 1em;
  text-align: center;
  min-width: 0;
  display: block;
  position: relative;
  font-weight: bold;
} @media (min-width:1025px) {
  #moreInfo h2.hero {font-size:28px; margin: 1em 0;}
} @media (min-width:741px) and (max-width:1024px) {
  #moreInfo h2.hero {font-size:24px; margin: .5em 0;}
} @media (max-width:740px) {
  #moreInfo h2.hero {font-size:24px;}
}

/* subtitle h3 */
#moreInfo h3.hero {
  font-size: 19px;
  margin: 0 1em;
  text-shadow: 0 1px 1px rgba(0,0,0,.4);
  text-align: center;
  min-width: 0;
  display: block;
  position: relative;
} @media (min-width:1025px) {
  #moreInfo h3.hero {font-size:20px;}
} @media (min-width:741px) and (max-width:1024px) {
  #moreInfo h3.hero {font-size:17px;}
} @media (max-width:740px) {
  #moreInfo h3.hero {font-size:16px;}
}
/* END responsive 2 column hero banner */

/* //////////////////////OLD MoreInfo FIX////////////////////// */
#moreInfo p {flex: 0 1 100%; line-height: 1.1; padding-bottom: 5px;}
#moreInfo p.bold {font-weight: bold;}
#moreInfo p.italic {font-style: italic;}
#moreInfo p.pad {padding: 10px; line-height: 1.5;}
#moreInfo span.b {font-weight: bold;}
#moreInfo span.i {font-style: italic;}
#moreInfo span.cap {font-weight: bolder; text-transform: uppercase;}
#moreInfo span.redtxt {font-weight: bold; color: #ec010a;}
#moreInfo span.greentxt {font-weight: bold; color: #019f17;}
#moreInfo span.bluetxt {font-weight: bold; color: #0000EE;}
#moreInfo span.purpletxt {font-weight: bold; color: #7e5db2;}
#moreInfo span.asterisk {text-align: center; font-style: italic; font-size: 8pt; margin: 0 auto; display:block; position: relative; flex: 0 1 100%; padding: 10px auto;}
#moreInfo img.noMarg {margin:0 !important;}
#moreInfo blockquote {
  background: #fbfbfb;
  border-left: 1px dashed #a5a4a4;
  /*color: #a5a4a4;*/
  font-style: italic;
  padding: 20px 40px 30px 40px;
  line-height: 1.8em;
  font-size: 19px;
} #moreInfo blockquote .icon-quotes-left:before {
  content: "\e977";
  font-family: 'icomoon';
  font-display: block;
  font-size: 60px;
  color: #d6d6d6;
  display: block;
  margin-bottom: 7px;
} #moreInfo blockquote .icon-quotes-right:before {
  content: "\e978";
  font-family: 'icomoon';
  font-display: block;
  font-size: 60px;
  color: #d6d6d6;
  display: block;
  margin-bottom: 7px;
} #moreInfo blockquote span {display:block; text-align:right; line-height:1.2em; font-size:19px;} #moreInfo blockquote span.quote-name {font-weight:bold; margin-top:.2em;} #moreInfo blockquote p {line-height:1.8em; font-size:19px;}
#moreInfo table { max-width: 100% !important; width: 100% !important; table-layout: fixed; margin: 1em auto; border-collapse: collapse; border-spacing: 0; border: 0; }
.checky:before{
	display: inline-block;
	content: "\2f";
	font-family: 'icomoon';
	font-display: block;
	font-size: 20px;
	line-height: 28px;
	font-style: normal;
}
#moreInfo table th { overflow: auto; text-transform: uppercase; font-weight: bold; padding: 10px 2px; }
#moreInfo table td { max-width: 100% !important; white-space: normal; overflow: auto; padding: 5px 2px; line-height: 1.2; border-collapse: collapse; }
#moreInfo table img { margin: 2px !important; }
#moreInfo table.tcard { border: 1px solid #ccc; }
#moreInfo table.tcard tr { border: 1px solid #ddd; padding: 5px; }
#moreInfo table.tcard th {background-color: #efefef;}
#moreInfo table.tcard th.brk { overflow-wrap: break-word; }
#moreInfo table.tcard th, table.tcard td { padding: 10px; text-align: center; } @media only screen and (max-width: 1023px) {
#moreInfo table.tcard { border: 0; }
#moreInfo table.tcard thead { display: none; }
#moreInfo table.tcard tr { margin-bottom: 10px; display: block; border-bottom: 2px solid #ddd; }
#moreInfo table.tcard td { border: 0; display: block; text-align: right; border-bottom: 1px dotted #ccc; }
#moreInfo table.tcard td:last-child { border-bottom: 0; }
#moreInfo table.tcard td:before { content: attr(data-label); float: left; text-transform: uppercase; font-weight: bold; }
#moreInfo table.tcard td:before img { margin: 0 !important; }
#moreInfo table.tcard > tbody > tr > td:first-child {background-color: #efefef;}
}

#moreInfo table.tabr1 { max-width: 100% !important; width: 100% !important; border-collapse: collapse; border-spacing: 0; border: 1px solid #ddd; padding: 5px;}
#moreInfo table.tabr1 th { overflow: auto; text-transform: uppercase; font-weight: bold; padding: 10px; }
#moreInfo table.tabr1 td { max-width: 100% !important; padding: 5px; line-height: 1.2; border-collapse: collapse; border: 1px solid #ddd; }
#moreInfo table.tabr1 img { margin: 2px !important; }
#moreInfo table.cellpad td { border: 1px solid #d6d6d6; border-collapse: collapse; padding: 7px 12px !important; line-height: 1.2; }
/* white background table */
#moreInfo table.whitebg tr { background-color:white; }

/* FLEX containers */
#moreInfo div.dbox {
  clear: both;
  display: flex;
  flex-flow: row wrap;
  width: 100%;
}
#moreInfo div.cbox {
  clear: both;
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  justify-content: center;
  align-items: center;
}
#moreInfo div.pbox {
  clear: both;
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  margin: 0 auto;
  font-size: larger;
  line-height: 2.5;
}
/* FLEX colored containers */
#moreInfo div.bluebox {
  background: rgb(240, 242, 255) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAO0lEQVQoU2NkIAIwElLz69ev/3gVgRSwsbExEjQJZBNWRTATYE7BUISuAKdJ6J6Bm4TNBBTr8CkAKQQAo6UX90SZzuUAAAAASUVORK5CYII=) repeat;
  padding: 5px 20px;
  margin-top: 0;
  margin-bottom: 0;
}
#moreInfo div.purplebox {
  background: rgb(246, 240, 255) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAANElEQVQoU2NkIAIw/vr16z8bGxsjPrVgSUIK8ZoAMx1FES4TMUzCppB065B9iGwiXpNgCgEW2BgKKGCz8gAAAABJRU5ErkJggg==) repeat;
  padding: 5px 20px;
  margin-top: 0;
  margin-bottom: 0;
}
#moreInfo div.pinkbox {
  background: rgb(255, 240, 254) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAKElEQVQYV2NkQAO/fv36z4gsBhJgY2NjhAvCBECKwIIwAbhKZBUwBQCLuhvgoGBi7AAAAABJRU5ErkJggg==) repeat;
  padding: 5px 20px;
  margin-top: 0;
  margin-bottom: 0;
}
#moreInfo div.redbox {
  background: rgb(255, 240, 240) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAAPUlEQVQoU2NkQAO/fv36z8bGxogujiIAU4RNMVwhuiQ6H6wQl3XI4oy4FMHcCJPHcDS6J2A2EqUQpJhohQAH8yf2AcpD+QAAAABJRU5ErkJggg==) repeat;
  padding: 5px 20px;
  margin-top: 0;
  margin-bottom: 0;
}
#moreInfo div.orangebox {
  background: rgb(255, 244, 226) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAM0lEQVQoU2P8DwQMOAAjCIAUgGh0NTBxuAJkk5A1oihAlsBqAlEKYG7B6waYIry+gCkCAKYiUAl92J85AAAAAElFTkSuQmCC) repeat;
  padding: 5px 20px;
  margin-top: 0;
  margin-bottom: 0;
}
#moreInfo div.yellowbox {
  background: rgb(255, 254, 240) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAHUlEQVQYV2P88OHDTAEBgXQGKGCEMTAEYCoxVAAAYEUIBVYLP2sAAAAASUVORK5CYII=) repeat;
  padding: 20px;
  margin-top: 0;
  margin-bottom: 0;
}
#moreInfo #machineWarrantyPopup {
  padding: 20px;
}
#moreInfo div.greenbox {
  background: rgb(240, 255, 241) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQ0lEQVQoU2NkIAL8BwJGQurAikAAn0KYIpAanAqRFeFUiK4Iq0KQIrAEmrNQrEY2CafV2KzD8Aw2RbDQgAcPPkXIigFt3TgDQUjS2wAAAABJRU5ErkJggg==) repeat;
  padding: 5px 20px;
  margin-top: 0;
  margin-bottom: 0;
}
#moreInfo div.greybox {
  background: rgb(245, 245, 245, 0.5) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAPElEQVQoU2NkwAL+AwEjECBLoXCQJdAV41QI0oSsGK9CZMUYCrG5DyyGUwKbZ4hRDLeakGIUN+JTTLRnANi3QAPSkG5tAAAAAElFTkSuQmCC) repeat;
  padding: 5px 20px;
  margin-top: 0;
  margin-bottom: 0;
}
#moreInfo div.whitebox {
  background: rgb(255, 255, 255) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAHUlEQVQYV2P88OFDmoCAwCwGKGCEMTAEYCoxVAAAXq0IBQ5V+hsAAAAASUVORK5CYII=) repeat;
  padding: 5px 20px;
  margin-top: 0;
  margin-bottom: 0;
}

/* FLEX items */
#moreInfo div.rowflex {
  display: flex;
  margin: 1em auto;
  flex-flow: row wrap;
  justify-content: space-betweeen;
  align-items: center;
  align-content: center;
}
#moreInfo div.nowrapflex {
  display: flex;
  margin: 10px auto;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: flex-start;
  align-content: center;
} @media (max-width:1024px) {
  #moreInfo div.nowrapflex { flex-wrap: wrap;}
}
#moreInfo div.fcol {
  flex: 0 1 auto;
  padding: 5px;
  max-width: 100%;
} @media (min-width: 741px) and (max-width: 1024px) {
  #moreInfo div.fcol {flex: 0 1 33%;}
} @media (min-width: 521px) and (max-width: 740px) {
  #moreInfo div.fcol {flex: 0 1 50%;}
} @media (max-width: 520px) {
  #moreInfo div.fcol {flex: 0 1 100%;}
}
#moreInfo div.fcolc {
  flex: 0 1 auto;
  padding: 10px;
  align-self: center;
  text-align: center;
} @media (max-width:520px) {
  #moreInfo div.fcolc {flex: 0 1 100%;}
}
#moreInfo div.fcol4 {
  clear: both;
  flex: 0 1 25%;
  padding: 0 10px 15px 0;
  align-self: baseline;
} @media (min-width: 521px) and (max-width: 1024px) {
  #moreInfo div.fcol4 {flex: 0 1 50%;}
} @media (max-width: 520px) {
  #moreInfo div.fcol4 {flex: 0 1 100%;}
}

#moreInfo div.cTxt {
  align-self: center;
  line-height: 2.5;
  vertical-align: center;
  padding: 20px;
  flex: 0 1 50%;
  clear: both;
  font-size: larger;
} @media (max-width: 1024px) {
  #moreInfo div.cTxt {flex: 1 1 100%;}
} @media (min-width: 741px) and (max-width: 1024px) {
  #moreInfo div.cTxt {line-height: 1.1; padding: 5px; font-size: medium;}
} @media (min-width: 521px) and (max-width: 740px) {
  #moreInfo div.cTxt {line-height: 1.1; padding: 5px; font-size: 90%; flex: 1 1 100%;}
} @media (max-width: 520px) {
  #moreInfo div.cTxt {padding-bottom: 5px;}
}
#moreInfo div.cTxt dl.smp dt, dd {font-size: medium;}
#moreInfo div.cTxt.pad p, #moreInfo div.cTxt.pad ul, #moreInfo div.cTxt.pad ol, #moreInfo div.cTxt.pad span, #moreInfo div.cTxt.pad dl, #moreInfo div.cTxt.pad h2, #moreInfo div.cTxt.pad h4 {line-height: 1.6;}
#moreInfo div.cTxt.full {
  flex:1 1;
} @media (max-width: 1024px) {
  #moreInfo div.cTxt.full {flex: 1 1 100%;}
}
#moreInfo div.cTxt2 {
  align-self: center;
  line-height: 2.5;
  vertical-align: center;
  padding: 20px;
  flex: 0 1 50%;
  clear: both;
  font-size: larger;
} @media (max-width: 1024px) {#moreInfo div.cTxt2 {flex: 1 1 100%;}
} @media (min-width: 741px) and (max-width: 1024px) {
  #moreInfo div.cTxt2 {line-height: 1.1; padding: 5px; font-size: medium;}
} @media (max-width: 520px) {
  #moreInfo div.cTxt2 {font-size: larger; line-height: 1.5;}
}
#moreInfo div.dcol2 {
  clear: both;
  flex: 0 1 50%;
  padding: 0 15px 15px 0;
  align-self: baseline;
} @media (max-width: 740px) {
  #moreInfo div.dcol2 {flex: 0 1 100%; padding-bottom:0;} #moreInfo div.dcol2 ul, div.dcol2 ol {margin-bottom:0;}
} #moreInfo div.dcol2 img {vertical-align: bottom;}

#moreInfo div.dcol2c {
  clear: both;
  flex: 0 1 50%;
  padding: 0 10px 15px 10px;
  align-self: baseline;
  text-align: center;
  margin: 0 auto;
  display: block;
  position: relative;
} @media (max-width: 520px) {
  #moreInfo div.dcol2c {flex: 0 1 100%;}
} #moreInfo div.dcol2c img {vertical-align: bottom;}

#moreInfo div.dcol3 {
  clear: both;
  flex: 0 1 33.33%;
  padding: 0 15px 15px 0;
  align-self: baseline;
} @media (min-width:521px) and (max-width: 740px) {
  #moreInfo div.dcol3 {flex: 0 1 50%;}
} @media (max-width: 520px) {
  #moreInfo div.dcol3 {flex: 0 1 100%;}
} #moreInfo div.dcol3 img {vertical-align: bottom;}

#moreInfo div.dcol3c {
  clear: both;
  flex: 0 1 33.33%;
  padding: 0 10px 15px 10px;
  align-self: baseline;
  text-align: center;
  margin: 0 auto;
  display: block;
  position: relative;
} @media (min-width:521px) and (max-width: 740px) {
  #moreInfo div.dcol3c {flex: 0 1 50%;}
} @media (max-width: 520px) {
  #moreInfo div.dcol3c {flex: 0 1 100%;}
} #moreInfo div.dcol3c img {vertical-align: bottom;}

#moreInfo div.dcol4 {
  clear: both;
  flex: 0 1 25%;
  padding: 0 10px 15px 0;
  align-self: baseline;
} @media (min-width: 521px) and (max-width: 1024px) {
  #moreInfo div.dcol4 {flex: 0 1 50%;}
} @media (max-width: 520px) {
  #moreInfo div.dcol4 {flex: 0 1 100%;}
} #moreInfo div.dcol4 img {vertical-align: bottom;}

#moreInfo div.dcol4c {
  clear: both;
  flex: 0 1 25%;
  padding: 0 5px 15px 5px;
  align-self: baseline;
  text-align: center;
  margin: 0 auto;
  display: block;
  position: relative;
} @media (min-width: 521px) and (max-width: 1024px) {
  #moreInfo div.dcol4c {flex: 0 1 50%;}
} @media (max-width: 520px) {
  #moreInfo div.dcol4c {flex: 0 1 100%;}
} #moreInfo div.dcol4c img {vertical-align: bottom;}

#moreInfo div.dcol66 {clear:both; flex:0 1 66%; padding:0 1em 1em 0; align-self:baseline;
} @media (max-width: 740px) {
  #moreInfo div.dcol66 {flex:0 1 100%;}
} #moreInfo div.dcol66 img {vertical-align: bottom;}

#moreInfo div.dcol75 {clear:both; flex:0 1 75%; padding:0 1em 1em 0; align-self:baseline;
} @media (max-width: 1024px) {
  #moreInfo div.dcol75 {flex:0 1 100%;}
} #moreInfo div.dcol75 img {vertical-align: bottom;}

#moreInfo div.smp2 {
  clear: both;
  flex: 0 1 50%;
  padding: 0 15px 15px 0;
  align-self: baseline;
} @media (max-width: 520px) {
  #moreInfo div.smp2 {flex: 0 1 100%;}
}
#moreInfo div.smp3 {
  clear: both;
  flex: 0 1 33.33%;
  padding: 0 15px 15px 0;
  align-self: baseline;
} @media (max-width: 520px) {
  #moreInfo div.smp3 {flex: 0 1 100%;}
}
#moreInfo div.smp4 {
  clear: both;
  flex: 0 1 25%;
  padding: 0 10px 15px 0;
  align-self: baseline;
} @media (min-width: 521px) and (max-width: 740px) {
  #moreInfo div.smp4 {flex: 0 1 50%;}
} @media (max-width: 520px) {
  #moreInfo div.smp4 {flex: 0 1 100%;}
}

/* Links */
#moreInfo a {
  color: #ec010b !important;
  text-transform: capitalize;
}
#moreInfo a h2 {
  color: #ec010b !important;
  font-weight: normal;
  line-height: 2.2;
}
#moreInfo .noTrans {
  text-transform: none;
} #moreInfo .noTrans a {text-transform: none;}

/* Headlines */
#moreInfo h1.smp2 {flex: 0 1 100%;}
#moreInfo h2 {
  flex: 0 1 100%;
  font-weight: bold;
  margin: 10px 0;
  font-size: 15px;
  text-transform: uppercase;
  color: #890e1c;
}
#moreInfo h2.smp21 {
  flex: 0 1 100%;
  font-weight: bold;
  font-size: 25px;
  text-transform: none;
}
#moreInfo h2.smp22 {
  flex: 0 1 100%;
  font-weight: bold;
  font-size: 23px;
  text-transform: none;
}
#moreInfo h2.smp23 {
  flex: 0 1 100%;
  font-weight: bold;
  font-size: 21.5px;
  text-transform: none;
}
#moreInfo h2.smp24 {
  flex: 0 1 100%;
  font-family: "Quicksand",Arial Narrow,Arial,sans-serif;
  font-display: auto;
	font-size: 21px;
  text-align: center;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
	margin: 5px;
  clear: both;
	display: block;
  text-transform: uppercase;
	padding: 10px 0;
  color: black;
} #moreInfo h2.smp24.noTrans {text-transform: none;} #moreInfo h2.smp24.noPad {padding:0;}
#moreInfo h4 {
  flex: 0 1 100%;
  font-weight: bolder;
  margin: 10px 0;
  font-size: 15px;
  text-transform: uppercase;
}
#moreInfo h3 {
  flex: 0 1 100%;
}
#moreInfo h3.smp3 {
  background-color: #7e5db2;
  color: white;
  font-size: 18px;
  padding: 10px;
}
#moreInfo h3.smp36 {
  font-size: 36px;
} @media (min-width: 521px) and (max-width: 740px) {
  #moreInfo h3.smp36 {font-size: 24px;}
} @media (max-width: 520px) {
  #moreInfo h3.smp36 {font-size: 18px;}
}

/* hr */
#moreInfo div.dbox hr, #moreInfo div.cbox hr, #moreInfo div.pbox hr, #moreInfo div.rowflex hr, #moreInfo div.nowrapflex hr, #moreInfo div.cTxt hr, #moreInfo div.cTxt2 hr {
  flex: 0 1 100%;
}

#moreInfo hr.smp, #moreInfo hr.smp2, #moreInfo hr.smp3, #moreInfo hr.smp4 {
  border: 0;
  height: 1px;
  background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(102,102,102,0.75), rgba(0,0,0,0));
  background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(102,102,102,0.75), rgba(0,0,0,0));
  background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(102,102,102,0.75), rgba(0,0,0,0));
  background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(102,102,102,0.75), rgba(0,0,0,0));
	width: 80%;
	margin: 1em auto;
	clear: both;
  flex: 0 1 100%;
} #moreInfo hr.hat {margin-bottom: 0 !important;} #moreInfo hr.shoe {margin-top: 0 !important;}

/* iframe */
#moreInfo iframe {
  margin: 1em auto;
  align-self: center;
  position: relative;
}

/* img */
#moreInfo img {
  float: none !important;
  margin: 0 10px 10px 0 !important;
  clear: both;
  align-self: flex-start;
}
#moreInfo img.smp650 {
  align-self: center;
  display: block;
  position: relative;
  margin: 10px auto !important;
  max-width: 100%;
  /*height: auto;*/
  min-width: 0;
  flex: 0 0 auto;
}
img.gal400 {
  max-width: 400px;
} @media (min-width:521px) {
  .gal400 {max-width: 400px !important;}
} @media (max-width:520px) {
  .gal400 {max-width: 100% !important;}
}

#moreInfo img.smp21left {border: 1px solid #d6d6d6; border-collapse: collapse;}
#moreInfo img.smp21right {border: 1px solid #d6d6d6; border-collapse: collapse;}
#moreInfo img.smp3left {padding: 1ex; border: solid medium #890e1c;}
#moreInfo img.smp3right {padding: 1ex; border: solid medium #890e1c;}
#moreInfo img.smp4left {padding: 1ex; border: double medium #890e1c;}
#moreInfo img.smp4right {padding: 1ex; border: double medium #890e1c;}
#moreInfo img.smp5left, #moreInfo img.smp51left {border: thin solid #d6d6d6;}
#moreInfo img.smp5right {border: thin solid #d6d6d6;}
#moreInfo img.smp51right {border: 1px solid #d6d6d6; border-collapse: collapse;}
#moreInfo .bord1 {border: 1px solid #d6d6d6; border-collapse: collapse;}
#moreInfo .bordL {border-left: 1px solid #d6d6d6; border-collapse: collapse;}
#moreInfo .bordR {border-right: 1px solid #d6d6d6; border-collapse: collapse;}
#moreInfo .bordT {border-top: 1px solid #d6d6d6; border-collapse: collapse;}
#moreInfo .bordB {border-bottom: 1px solid #d6d6d6; border-collapse: collapse;}
#moreInfo .bord2 {border-top:1px solid #666666; border-bottom:1px solid #666666; border-collapse: collapse;}

/* link */
#moreInfo a {
  color: #ec010b;
}

/* list */
#moreInfo ul,
ul.dlist,
#moreInfo ol,
ol.dlist {
  line-height: 1.2;
  max-width: 100%;
  flex: 0 1 100%;
  margin-block-end: 15px;
}
#moreInfo li+ul {margin-left: -15px;}
#moreInfo li+ol {margin-left: -15px;}
#moreInfo ul > ul,
ul.dlist > ul,
#moreInfo ul > ol,
ul.dlist > ol,
#moreInfo ol > ol,
ol.dlist > ol,
#moreInfo ol > ul,
ol.dlist > ul {margin-block-end: 0;}

/* PerfectStitch table */
div.dbox #whiteTable {
	border: 1px solid #ffffff !important;
	border-spacing: 0;
	padding: 10px;
	border-collapse: collapse;
	text-align: left;
	width: 100% !important;
	background-color: transparent;
	margin: 0;
}
div.dbox #whiteTable th {
	font-size: larger;
	font-style: bold;
	border: 1px solid #ffffff !important;
	border-spacing: 0;
	border-collapse: collapse;
	padding: 10px 2px;
}
div.dbox #whiteTable td {
	border: 1px solid #ffffff !important;
	border-spacing: 0;
	border-collapse: collapse;
	padding: 2px;
}

/* defined list */
#moreInfo dt.smp2 { font-weight: bold;  margin-top: 10px; }
#moreInfo dd.smp2 { margin-left: 0; }                     /* Removes dd indent - use smp4 to add back in */

#moreInfo dt.smp3 { font-weight: normal; margin-left: 0; margin-top: 0.7em; padding-left: 1em; padding-right: 1em; }
#moreInfo dd.smp3 { font-weight: normal; margin-left: 0; margin-top: 0.5ex; padding-left: 1em; padding-right: 1em; }          /* dt has bigger upper margin than dd */

#moreInfo dt.smp4 { font-weight: bold; margin-top: 1em; }    /* Greater spacing between blocks than smp2 */
#moreInfo dd.smp4 { margin-left: 10px; }

/* /////////////////////// USE DL classes INSTEAD of DD & DT from NOW ON /////////////////////// */
#moreInfo dl.smp dt { font-weight: bold; margin-top: 10px;}
#moreInfo dl.smp dd { margin-top: 2px;}
#moreInfo dl.smp2 dd { margin-left: 0;}
#moreInfo dl.smp2 dt { font-weight: bold; margin-top: 10px;}
#moreInfo dl.smp2 dd { margin-left: 0;}
#moreInfo dl.smp3 dt { font-weight: normal; margin-left: 0; margin-top: 0.7em; padding-left: 1em; padding-right: 1em;}
#moreInfo dl.smp3 dd { font-weight: normal; margin-left: 0; margin-top: 0.5ex; padding-left: 1em; padding-right: 1em;}
#moreInfo dl.smp4 dt { font-weight: bold; margin-top: 1em;}
#moreInfo dl.smp4 dd { margin-left: 10px;}
.single-column-center img {
  max-width: 300px;
}
.single-column-center h3 {
  background-color:#F89E59;
  padding:15px;
  color:white;
  text-align:left;
}
.single-column-center p {
  text-align:left;
}
.single-column-center {
  max-width:650px;
  text-align:center;
  margin:0 auto;
}

/* The Modal (background) */
#moreInfo .modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1000000000000; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(255,255,255); /* Fallback color */
  background-color: rgba(255,255,255,0.97); /* Black w/ opacity */
}
#moreInfo #myModal {padding-right: 0 !important;}
#moreInfo .btn-cnt {
  text-transform: none;
  margin: 10px auto;
  display: block;
} @media (max-width: 540px) {
  #moreInfo .btn-lg {padding:12px 20px !important;}
}

/* Modal Content */
#moreInfo .modal-dialog {
  margin: 0 auto;
} #moreInfo .modal-dialogUrl {margin: 0 auto; width:80%;
} @media (min-width:741px) and (max-width:1024px) {
  #moreInfo .modal-dialogUrl {margin: 0 auto; width:90%;}
} @media (max-width:740px) {
  #moreInfo .modal-dialogUrl {margin: 0 auto; width:95%;}
}
#moreInfo .modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 0;
  width: 100%;
  height: 80%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s;
  -moz-border-radius: 15px;
  border-radius: 15px;
} @media (max-width:1024px) {
  #moreInfo .modal-content {width:90%;}
} @media (min-width:741px) and (max-width:1024px) {
  #moreInfo .modal-content iframe {height:450px;}
} @media (max-width:740px) {
  #moreInfo .modal-content iframe {height:350px;}
}
/* Add Animation */
#moreInfo @-webkit-keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}
#moreInfo @keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}
/* The Close Button */
#moreInfo .close {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
#moreInfo .close:hover,
#moreInfo .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
#moreInfo .modal-header {
  padding: 2px 16px;
  background-color: #cacaca;
  color: white;
  border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  margin-bottom: 5px;
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
} #moreInfo .modal-header img#modal-brand {display:inline-flex; align-self:center; margin:10px 10px 10px 0 !important;}
#moreInfo .modal-header .close {margin-top:0; margin:0 auto; align-self:flex-start;}
#moreInfo .modal-title {display:inline-flex !important; margin:20px 0 !important; font-size:18px;}
#moreInfo .modal-body {padding:2px 16px;}
#moreInfo .modal-body > .wrapper {margin:0 auto; padding:0; padding-top:10px;}
#moreInfo .modal-footer {
  padding: 10px 16px;
  background-color: #cacaca;
  color: white;
  border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  margin-top: 5px;
} #moreInfo .modal-footer button {border-radius: 5px; -moz-border-radius: 2px;}

/* Download Button */
#dwnButton {
  padding: 8px 13px;
  margin: 10px 10px 10px 0;
  text-align: center;
  display: inline-block;
  border-radius: 5px;
  border-collapse: collapse;
  background: #ec010b;
} #dwnButton > h4 {color: white; flex: none; text-align: center; margin: 5px auto;}

/* 'Back to top' Button */
#bk2top {
  text-align: right;
  margin-top: -20px;
  margin-bottom: 20px;
  text-transform:none;
}
#bk2top a {
  text-transform:none;
}
#bk2top a .icon-arrowup::before {
  display: inline-block;
  position: relative;
  bottom: -1px;
}
/* Video 250px image overlay */
#moreInfo .video-thumbnail {
  position: absolute;
  display: inline-block;
  cursor: pointer;
  top: 50%;
  left: 50%;
  color: #eee;
  font-size: 75px;
  opacity: .7;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  text-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
  /* z-index: 1000000000; */
}
#moreInfo .video-thumbnail:before {color: #fff;}
#moreInfo .video-thumbnail:hover:before {color: #ec010b; opacity: .8;}

#moreInfo div#overlayDiv {
  display: block;
  position: relative;
  vertical-align: middle;
  flex: 0 1 100%;
}
/* #moreInfo div#overlayDiv img {margin:0 !important;} */

#moreInfo #overlayVid iframe {
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100% !important;
}

#moreInfo .noPad {
  padding: 0;
}
#moreInfo .noMargin {
  margin: 0;
}
@media (max-width: 1023px) {
  #machineWarrantyPopup h3 {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  #machineWarrantyPopup h3 {
    font-size: 16px;
  }
}

.product_review .comments {
  line-height: 1.5;
}

// discontinued products block
div.discont {background-color:red; border:2px solid black; padding:5px; color:white;}
div.discont p {color:white;} div.discont a {color:blue;}