@charset "UTF-8";.publish-url-button{display:block;text-align:center;margin:auto;margin-top:5px}
.asset-publishurl-text-content{min-width:30rem;min-height:10rem}
@charset "UTF-8";body{background:#eee;color:#000;font-family:'Roboto',sans-serif;font-size:12px;line-height:17px;font-weight:400}
#khContainer h1{font-size:2.2em;line-height:1.1em;letter-spacing:.2px;font-weight:300;margin-bottom:15px}
#khContainer h2{font-size:1.9em;line-height:1.2em;font-weight:400;letter-spacing:.2px}
#khContainer h3{font-size:1.3em;line-height:1.4em;font-weight:700;letter-spacing:.2px;margin-bottom:10px}
#khContainer h3.headZero{margin-bottom:0}
#khContainer h4{font-size:1.3em;line-height:1.4em;font-weight:700;letter-spacing:.2px;margin-bottom:10px}
#khContainer h4{font-size:1.3em;line-height:1.4em;font-weight:700;letter-spacing:.2px;margin-bottom:10px}
#khContainer p{font-size:1.3em;line-height:1.4em;margin-bottom:10px}
#khContainer ul,#khContainer ol{margin-left:-15px}
#khContainer li{font-size:1.4em;line-height:1.4em;margin-bottom:10px}
#khContainer li li{font-size:1em}
#khContainer .khFloat-R{float:right}
#khContainer .khFloat-L{float:left}
.article-content--body img{max-width:100%}
#articleBody img{max-width:100%}
.article-content--leadin{font-family:"Roboto Condensed",sans-serif;font-size:1.3em;font-weight:700}
.article-content--leadin p{line-height:1.2em !important}
#khContainer table{border:1px solid black;padding:5px;border-collapse:collapse;width:100%;margin:10px 0 20px 0}
#khContainer table.tableMedium{border:1px solid black;padding:5px;border-collapse:collapse;width:66%;margin:10px auto 20px auto}
#khContainer table.tableSmall{border:1px solid black;padding:5px;border-collapse:collapse;width:33%;margin:10px auto 20px auto}
#khContainer tbody{font-family:'Roboto',sans-serif;font-weight:300}
#khContainer th,td{font-size:.8em;line-height:1.2em;padding:10px;border:1px solid black}
#khContainer th{text-align:center;background-color:#fff}
#khContainer th.tableLeft{text-align:left}
#khContainer td.centerCell{text-align:center}
#khContainer tr:nth-child(even){background-color:#fff}
#khContainer tr:nth-child(odd){background-color:#eee}
#khContainer caption{font-family:'Roboto',sans-serif;letter-spacing:2px;font-size:18px;line-height:22px;font-weight:bold;margin:8px 0}
#khContainer tfoot{column-span:all;font-size:10px;line-height:14px;font-style:italic;border-left:hidden;border-right:hidden;border-bottom:hidden}
#khContainer .tcornerClear{border-top:hidden;border-left:hidden}
.khShow-DT{display:none}
.khShow-M{display:block}
#khContainer a.btn-KH{font-size:14px;font-weight:bold;color:#fff;letter-spacing:.5px;text-decoration:none;float:right;background-color:#be2122;border:0;border-radius:4px;padding:10px 10px;margin-left:0}
#khContainer a.btn-KH:hover{background-color:#98191a}
#khContainer a.btn-KH-commerce{display:block;font-size:14px;font-weight:700;color:#fff;letter-spacing:.5px;text-decoration:none;text-align:center;background-color:#29333b;border:0;border-radius:4px;padding:10px;margin:10px 0}
#khContainer a.btn-KH-commerce:hover{background-color:#000}
#khContainer a.btn-Large{font-size:18px;padding:6px 28px}
::-webkit-input-placeholder{color:#72777d;opacity:1}
::-moz-placeholder{color:#72777d;opacity:1}
:-ms-input-placeholder{color:#72777d;opacity:1}
:-moz-placeholder{color:#72777d;opacity:1}
input[type=submit]{font-size:14px;letter-spacing:.5px;font-weight:bold;font-family:'Roboto',sans-serif;width:100%;background-color:#be2122;color:white;padding:12px 20px;margin:0;border:0;border-radius:4px;cursor:pointer}
input[type=submit]:hover{background-color:#98191a}
.borderClear{border:0}
.paddingClear{padding:0 !important}
.sectionBreak{width:100%;height:4px;background-color:#29333b;margin:15px 0}
.subSectionBreak{width:100%;height:4px;background-color:#29333b;margin:0 0 15px 0}
@media only screen and (min-width:480px){body{font-size:14px;line-height:19px}
#khContainer h4{font-size:1.1em;line-height:1.6em;font-weight:700;letter-spacing:.2px;margin-bottom:10px}
#khContainer p{font-size:1.2em;line-height:1.4em;margin-bottom:10px}
#khContainer ul,#khContainer ol{margin-left:-10px}
#khContainer li{font-size:1.2em;line-height:1.5em;margin-bottom:10px}
#khContainer th,td{font-size:.8em;line-height:1.2em}
#khContainer a.btn-KH{padding:12px 20px;margin-left:15px}
input[type=submit]{font-size:13px;padding:12px 10px}
.khShow-DT{display:block}
.khShow-M{display:none}
.article-content--leadin{font-family:"Roboto Condensed",sans-serif;font-size:1.3em;font-weight:700}
.article-content--leadin p{line-height:1.2em !important}
}
@media only screen and (min-width:1025px){#khContainer th,td{font-size:1em;line-height:1.4em}
#khContainer p{font-size:1.4em;line-height:1.6em;margin-bottom:10px}
#khContainer li{font-size:1.3em;line-height:1.5em;margin-bottom:10px}
input[type=submit]{font-size:14px;padding:12px 20px}
.article-content--leadin{font-family:"Roboto Condensed",sans-serif;font-size:1.6em;font-weight:700}
.article-content--leadin p{line-height:1.1em !important}
}
@charset "UTF-8";#khContainer{width:100%;min-width:0}
@media only screen and (min-width:480px){#khContainer{min-width:768px}
}
@media only screen and (min-width:1025px){#khContainer{min-width:1260px}
}
@charset "UTF-8";[id*=khSection]{background-color:#fff;width:100%;padding:0 5px;margin:0}
[id*=khSectionR]{background-color:transparent;width:100%;padding:0 5px;margin:0}
[id*=khSection].pad0{padding:0}
[id*="khRow-"]{background-color:#fff;padding:0}
.khRow-0{padding-bottom:0 !important}
[id*="khRowR-"]{background-color:transparent;padding:0}
[id*="khRow-"]::after{content:"";clear:both;display:table}
[class*="khCol-"]{width:100%;float:left;padding:10px 5px}
.khCol-3-f{width:50%;float:left;padding:0 5px}
.khCol-4-f{width:50%;float:left;padding:0 5px}
@media only screen and (min-width:480px){[id*=khSection],[id*=khSection].pad0{width:768px;padding:0 50px;margin:0 auto}
[id*="khRow-"]{padding-bottom:25px}
.khTightRow{padding-bottom:5px !important}
[class*="khCol-"]{float:left;padding:15px 5px}
.khCol-1{width:8.33%}
.khCol-2{width:16.66%}
.khCol-3{width:25%}
.khCol-4{width:33.33%}
.khCol-5{width:41.66%}
.khCol-6{width:50%}
.khCol-7{width:58.33%}
.khCol-8{width:66.66%}
.khCol-9{width:75%}
.khCol-10{width:83.33%}
.khCol-11{width:91.66%}
.khCol-12{width:100%}
.khCol-3-f{width:25%}
.khCol-4-f{width:33.33%}
}
@media only screen and (min-width:1025px){[id*=khSection],[id*=khSection].pad0{width:1300px;padding:0 80px;margin:0 auto}
}
@charset "UTF-8";*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,fieldset,form,label,legend,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0}
input{-webkit-appearance:none;-moz-appearance:none;appearance:none}
@charset "UTF-8";#khContainer #barTop{width:100%;position:fixed;top:0;left:0;background:#000;z-index:999}
#khContainer #barTop #barTopInner{max-width:1440px;min-width:0;padding:10px 10px;margin:0 auto}
#khContainer #barTop #barTopInner::after{content:"";clear:both;display:table}
#khContainer #barTop #barTopInner div#searchIcon{margin-top:10px;height:24px;width:24px;background-image:url(grainger-know-how/img/kh-mag.png);background-size:fill;float:right}
#khContainer .srchDivDT{text-align:center;padding:0;position:fixed;top:59px;left:0;width:100%;height:75px;background-color:#29333b;z-index:99;display:none}
#khContainer .srchDivDT a{text-decoration:none}
#khContainer #barTop #barTopInner img{margin-top:10px;height:20px}
#khContainer #barTop #barTopInner div.seperator{width:1px;height:40px;margin:0 10px;float:left}
#khContainer #searchPane{width:750px;margin:15px auto}
#khContainer #searchPane div{width:700px;float:left}
#khContainer .searchBar{width:100%;border:1px inset #ccc;padding:5px;background-color:#fff}
#khContainer .searchBar::after{content:"";clear:both;display:table}
#khContainer .searchBar input[type=text]{font-size:20px;padding:4px 0 0 10px;width:90%;border:0;float:left}
#khContainer .searchBar input[type=submit]{height:30px;width:10%;border-radius:0;border:0;margin:0;padding:0 10px;color:#000;background:url(grainger-know-how/img/kh-mag.png) #fff center center;background-repeat:no-repeat;float:left}
#khContainer #searchPane a div{width:45px;float:right;border:1px solid #fff;font-size:20px;font-weight:700;color:#fff;padding:10px 0 11px 0}
#khContainer #barTop-m{width:100%;position:fixed;top:0;left:0;background:#000;z-index:999}
#khContainer #barTop-m #barTopInner-m{max-width:1440px;min-width:0;padding:10px 10px;margin:0 auto}
#khContainer #barTop-m #barTopInner-m::after{content:"";clear:both;display:table}
#khContainer #barTop-m #barTopInner-m img{margin:10px 0 0 15px;float:right}
#khContainer #barTop-m #barTopInner-m a:first-child img{margin:2px;float:left;height:33px}
#khContainer #barTop-m #barTopInner-m div.kh-logo-m{background-image:url(grainger-know-how/img/kh-grainger-logo-m.png);width:142px;height:35px;margin:2px;float:left}
#khContainer #barTop-m #barTopInner-m div#searchIcon-m{background-image:url(grainger-know-how/img/kh-mag.png);background-size:fill;width:24px;height:24px;margin:10px 0 0 15px;float:right}
#khContainer #barTop-m #barTopInner-m div#hamburger{background-image:url(grainger-know-how/img/hamburger.png);width:24px;height:24px;margin:10px 0 0 15px;float:right}
#khContainer .shopFix{margin-top:9px}
#khContainer .srchDiv{text-align:center;padding:0;position:fixed;top:59px;left:0;width:100%;height:70px;background-color:#29333b;z-index:99;display:none}
#khContainer .srchDiv a{text-decoration:none}
#khContainer .menuDiv{text-align:center;padding:0;font-size:1.5em;line-height:3em;position:fixed;top:59px;left:0;width:100%;height:100%;background-color:#29333b;z-index:99;display:none}
#khContainer .menuDiv a{color:#ccc;text-decoration:none}
#khContainer .menuDiv div{width:100%;height:2px;background-color:#ccc}
#khContainer strong.menuClose{border:2px solid #ccc;padding:2px 4px;font-size:.6em;border-radius:3px}
#khContainer #searchPaneM{width:95%;margin:15px auto}
#khContainer #searchPaneM div{width:85%;float:left}
#khContainer #searchPaneM .searchBarM{width:100%;border:1px inset #ccc;padding:5px;background-color:#fff}
#khContainer #searchPaneM .searchBarM::after{content:"";clear:both;display:table}
#khContainer #searchPaneM .searchBarM input[type=text]{font-size:14px;padding:4px 0 0 10px;width:90%;border:0;float:left}
#khContainer #searchPaneM .searchBarM input[type=submit]{height:24px;width:10%;border-radius:0;border:0;margin:0;padding:0 10px;color:#000;background:url(grainger-know-how/img/kh-mag.png) #fff center center;background-repeat:no-repeat;float:left}
#khContainer #searchPaneM a div{width:14%;float:right;border:1px solid #fff;font-size:16px;font-weight:700;color:#fff;padding:8px 0 9px 0}
#khContainer #barNav{width:100%;background:#29333b;margin-top:58px}
#khContainer #barNav #barNavInner{max-width:1440px;min-width:0;padding:10px 10px;margin:0 auto}
#khContainer #barNav #barNavInner a{font-size:.9em;letter-spacing:0;text-align:center;color:#fff;text-decoration:none;width:20%;float:left;background-image:none;padding:8px 0}
#khContainer #barNav #barNavInner a.active{text-align:center;color:#000;text-decoration:none;width:20%;float:left;background-image:url(grainger-know-how/img/kh-bar-nav-bg.png);background-repeat:no-repeat;background-size:100% 100%;padding:8px 0}
#khContainer #barNav #barNavInner a:hover{color:#000;background-image:url(grainger-know-how/img/kh-bar-nav-bg.png);background-repeat:no-repeat;background-size:100% 100%}
@media only screen and (min-width:480px){#khContainer #barTop #barTopInner{padding:10px 50px}
#khContainer #barNav{margin-top:60px}
#khContainer #barNav #barNavInner{padding:10px 50px}
#khContainer .shopFix{margin-top:0}
}
@media only screen and (min-width:1025px){#khContainer #barTop #barTopInner{min-width:960px;padding:10px 150px}
#khContainer #barNav #barNavInner{padding:10px 150px}
#khContainer #barNav #barNavInner a{font-size:1.2em;letter-spacing:.4px}
}
@charset "UTF-8";#khContainer #articleIntro .introCopy{height:auto;border-bottom:0}
#khContainer #articleIntro h3{font-size:.8em;line-height:1em;background-color:#eee;padding:5px 10px;margin-bottom:5px;display:inline-block;position:relative;top:0;left:0}
#khContainer #articleIntro h3 a{color:#000;text-decoration:none}
#khContainer #articleIntro h3 a:hover{text-decoration:underline}
#khContainer #articleIntro h1{font-family:'Roboto',sans-serif;font-size:2.2em;line-height:1.1em;letter-spacing:.2px;padding-right:10px;font-weight:700;margin:5px 0 10px 0}
#khContainer #articleIntro p{color:#72777d;margin-bottom:5px;font-size:1.1em}
#khContainer #articleIntro .introImg{height:auto;width:100%;overflow:hidden}
#khContainer #articleIntro img{height:auto;width:100%}
@media only screen and (min-width:480px){#khContainer #articleIntro .introCopy{height:242px;border-bottom:2px solid #d8d8d8;position:relative}
#khContainer #articleIntro h1{font-size:1.9em;line-height:1.1em;padding-right:20px;position:absolute;bottom:70px}
#khContainer #articleIntro p{color:#72777d;position:absolute;bottom:10px;font-size:1em}
#khContainer #articleIntro .introImg{height:242px;width:100%;overflow:hidden}
#khContainer #articleIntro img{height:auto;width:100%}
}
@media only screen and (min-width:1025px){#khContainer #articleIntro .introCopy{height:420px}
#khContainer #articleIntro .introImg{height:420px}
#khContainer #articleIntro h1{font-size:2.9em;line-height:1.1em;padding-right:40px;position:absolute;bottom:150px}
#khContainer #articleIntro p{position:absolute;bottom:40px;font-size:1.1em}
}
@charset "UTF-8";#khContainer .khfooterBG{width:100%;background-color:#000;margin-bottom:0;border-top:6px solid #fff}
#khContainer #khFooter::after{content:"";clear:both;display:table}
#khContainer #khFooter h3{color:#fff;padding:0 0 20px 20px}
#khContainer #khFooter p{color:#fff;padding:0 0 5px 20px}
#khContainer #khFooter .footGrainger img,#khContainer #khFooter .footKH img{padding-bottom:20px}
#khContainer #khFooter .footGrainger a,#khContainer #khFooter .footKH a{display:block;color:#fff;text-decoration:none;line-height:14px}
#khContainer #khFooter a:hover{color:#ccc;text-decoration:underline}
#khContainer #khFooter .footConnect a.btn-KH{float:none;margin:0 20px 20px 20px;padding:4px 20px}
#khContainer #khFooter .footConnect a.btn-KH:hover{text-decoration:none !important}
#khContainer #khFooter .footGrainger{border-right:1px solid #fff;border-bottom:0;margin:10px 0 0 0;height:265px;padding:20px 0 0 0}
#khContainer #khFooter .footKH{border-right:0;border-bottom:0;margin:10px 0 0 0;height:265px;padding:20px 0 0 0}
#khContainer #khFooter .footConnect{border-right:1px solid #fff;border-bottom:0;margin:0 0 10px 0;padding-top:20px;text-align:left;height:165px}
#khContainer #khFooter .footConnect::after{content:"";clear:both;display:table}
#khContainer #khFooter .footConnect span{font-weight:300}
#khContainer #khFooter .footConnect div div{float:left;margin:0 0 10px 20px;width:40px;height:40px}
#khContainer #khFooter .socialClear{clear:both;height:0 !important;width:0 !important;margin:0 !important}
#khFooter .footConnect div.socialFB{background-image:url(grainger-know-how/img/facebook.svg);background-size:cover}
#khFooter .footConnect div.socialLI{background-image:url(grainger-know-how/img/linkedin.svg);background-size:cover}
#khFooter .footConnect div.socialTW{background-image:url(grainger-know-how/img/twitter.svg);background-size:cover}
#khFooter .footConnect div.socialEML{background-image:url(grainger-know-how/img/youtube.svg);background-size:cover}
#khContainer #khFooter .footQuestions{margin:0 0 10px 0;text-align:left;height:165px;padding-top:20px}
#khContainer #khCopyright::after{content:"";clear:both;display:table}
#khContainer #khCopyright p{font-size:.8em;color:#fff;text-align:center;padding-bottom:30px}
#khContainer #mNews{border-top:1px solid #fff;border-bottom:1px solid #fff;padding:15px 0 10px 0}
#khContainer #mNews p{font-size:1.4em;line-height:1.4em;margin:0;padding:0 0 20px 0}
#khContainer #mNews span{font-weight:300}
#khContainer #mNews a{float:none;margin-bottom:10px;display:block;width:90%;text-decoration:none !important}
#khContainer #khFooter .footGrainger-alt img,#khContainer #khFooter .footKH img{padding-bottom:20px}
#khContainer #khFooter .footGrainger-alt a,#khContainer #khFooter .footKH a{display:block;color:#fff;text-decoration:none;line-height:14px}
#khContainer #khFooter .footGrainger-alt{border-right:0;border-bottom:1px solid #fff;margin:10px 0 0 0;height:265px;padding:20px 0 0 0}
#khContainer .mobileBar{width:100%;background-color:#000;padding:5px 0 4px 0;border-top:6px solid #72777d;position:fixed;bottom:0;z-index:999}
#khContainer .mobileBar::after{content:"";clear:both;display:table}
#khContainer #khMobileBar div div{width:25%;float:left;position:relative;padding:0;margin:0}
#khContainer #khMobileBar div div div{width:35px;height:35px;position:relative;left:25%}
#khContainer #khMobileBar div.socialFB{background-image:url(grainger-know-how/img/facebook.svg);background-size:cover}
#khContainer #khMobileBar div.socialLI{background-image:url(grainger-know-how/img/linkedin.svg);background-size:cover}
#khContainer #khMobileBar div.socialTW{background-image:url(grainger-know-how/img/twitter.svg);background-size:cover}
#khContainer #khMobileBar div.socialEML{background-image:url(grainger-know-how/img/email.svg);background-size:cover}
#khContainer.footerFix{margin-bottom:-18px}
@media only screen and (min-width:480px){#khContainer #khFooter a{padding-bottom:0}
#khContainer #khFooter .footGrainger{border-right:1px solid #fff;border-bottom:0;margin:10px 0}
#khContainer #khFooter .footKH{border-right:1px solid #fff;border-bottom:0;margin:10px 0}
#khContainer .khfooterBG{margin-bottom:0;border-top:6px solid #72777d}
#khContainer #khFooter .footGrainger{height:265px;margin:10px 0}
#khContainer #khFooter .footKH{height:265px;margin:10px 0}
#khContainer #khFooter .footConnect div{margin:0 0 40px 10px}
#khContainer #khFooter .footConnect div::after{content:"";clear:both;display:table}
#khContainer #khFooter .footConnect{border-right:1px solid #fff;border-bottom:0;margin:0;padding-top:25px;text-align:left;height:265px}
#khContainer #khFooter .footConnect a.btn-KH{float:left;margin:0 20px;padding:4px 20px}
#khContainer #khFooter .footConnect div div{float:left;margin:0 0 0 10px;width:20px;height:20px}
#khFooter .footConnect div.socialFB{background-image:url(grainger-know-how/img/facebook.svg);background-size:cover}
#khFooter .footConnect div.socialLI{background-image:url(grainger-know-how/img/linkedin.svg);background-size:cover}
#khFooter .footConnect div.socialTW{background-image:url(grainger-know-how/img/twitter.svg);background-size:cover}
#khFooter .footConnect div.socialEML{background-image:url(grainger-know-how/img/youtube.svg);background-size:cover}
#khContainer #khFooter .footQuestions{height:265px;text-align:left;margin:10px 0;padding:15px}
#khContainer .mobileBar{background-color:transparent;padding:0;border-top:0}
#khContainer #khFooter .footGrainger-alt{border-right:1px solid #fff;border-bottom:0;height:265px;margin:10px 0}
}
@media only screen and (min-width:1025px){#khContainer #khFooter .footConnect div div{width:30px;height:30px}
}
@charset "UTF-8";#khContainer #articleBody p{padding-right:20px;margin-bottom:20px}
#khContainer #articleBody blockquote{font-size:1.6em;line-height:1.4em;margin:0 20px 20px 0;padding:15px;background-color:#eee}
#khContainer #articleCard-N{height:150px;width:100%;min-width:0;border:2px solid #be2122;border-radius:0 0 3px 3px;position:relative}
#khContainer #articleCard-N div{width:160px;height:146px;overflow-y:hidden;overflow-x:hidden;position:absolute;top:0;left:0}
#khContainer #articleCard-N div img{width:150%;margin-left:0}
#khContainer #articleCard-N h1{width:100%;padding:5px 10px;font-size:1.6em;line-height:1.2em;font-weight:normal;position:absolute;bottom:25px;left:0;overflow:hidden}
#khContainer #articleCard-N h2{padding:5px 10px;font-size:.9em;font-weight:400;background-color:#fff;position:absolute;bottom:0;left:60px;min-width:100px;display:inline-block}
#khContainer #articleCard-N h3{padding:5px 10px;font-size:.9em;font-weight:400;color:#72777d;position:absolute;bottom:0;right:0;z-index:1}
#khContainer #articleCard-N h4{color:#fff;position:absolute;top:0;left:0;width:100%;padding:5px;text-align:center;background-color:#be2122;z-index:2}
#khContainer #articleCard-N a{font-size:1.5em;line-height:1.2em;font-weight:400;color:#000;text-decoration:none;display:block;width:100%;height:150px;position:absolute;padding:30px 10px 5px 175px;z-index:9}
#khContainer #articleCard-N a:hover{text-decoration:underline}
@media only screen and (min-width:480px){#khContainer #articleCard-N{height:200px;position:relative}
#khContainer #articleCard-N div{width:100%;height:178px}
#khContainer #articleCard-N div img{width:100%;margin-left:0}
#khContainer #articleCard-N h2{bottom:96px;left:0;min-width:0}
#khContainer #articleCard-N h3{padding:0 10px;bottom:0;left:0}
#khContainer #articleCard-N h4{color:#fff;position:absolute;top:0;left:0;width:100%;padding:5px;text-align:center;background-color:#be2122}
#khContainer #articleCard-N a{font-size:1em;height:200px;padding:105px 10px 5px 10px}
#khContainer #articleCard-N h6 a{font-size:1.4em;line-height:1.2em}
#khContainer #articleBody blockquote{font-size:1.6em;line-height:1.5em;margin:0 20px 20px 0;padding:20px;background-color:#eee}
#khContainer .sticky{position:sticky;top:0;right:10%}
}
@media only screen and (min-width:1025px){#khContainer #articleCard-N{height:300px}
#khContainer #articleCard-N{min-width:220px}
#khContainer #articleCard-N div img{width:100%;margin-left:0}
#khContainer #articleCard-N h2{bottom:118px}
#khContainer #articleCard-N a{font-size:1.6em;height:300px;padding:188px 10px 5px 10px}
#khContainer #articleCard-N h6 a{font-size:2.2em}
#khContainer #articleBody blockquote{font-size:2em;line-height:1.4em;margin:0 20px 20px 0;padding:30px;background-color:#eee}
}
@charset "UTF-8";#khContainer #khRecRead{width:100%;padding:15px 0;border-top:2px solid #ccc;border-bottom:2px solid #ccc}
#khContainer #khRecRead::after{content:"";clear:both;display:table}
#khContainer #articleCard{height:150px;width:100%;min-width:0;border:2px solid #ccc;border-radius:0 0 3px 3px;position:relative}
#khContainer #articleCard div{width:160px;height:146px;overflow-y:hidden;overflow-x:hidden;position:absolute;top:0;left:0}
#khContainer #articleCard div img{width:150%;margin-left:0}
#khContainer #articleCard h1{width:100%;padding:5px 10px;font-size:1.6em;line-height:1.2em;font-weight:400;position:absolute;bottom:25px;left:0;overflow:hidden}
#khContainer #articleCard h2{padding:5px 10px;font-size:.9em;font-weight:400;background-color:#fff;min-width:100px;position:absolute;bottom:0;left:60px;display:inline-block}
#khContainer #articleCard h3{padding:5px 10px;font-size:.9em;font-weight:400;color:#72777d;position:absolute;bottom:0;right:0}
#khContainer #articleCard h4{color:#fff;position:absolute;top:0;left:0;width:100%;padding:5px;text-align:center;background-color:#be2122}
#khContainer #articleCard h6 a{font-size:2.3em;line-height:1.2em;font-weight:400;color:#000;position:relative}
#khContainer #articleCard a{text-decoration:none;display:block;width:100%;height:150px;position:absolute;padding:10px 10px 5px 175px;z-index:9}
#khContainer #articleCard a:hover{text-decoration:underline}
@media only screen and (min-width:480px){#khContainer #khRecRead{width:75%}
#khContainer #articleCard{height:200px;position:relative}
#khContainer #articleCard div{width:100%;height:178px}
#khContainer #articleCard div img{width:100%;margin-left:0}
#khContainer #articleCard h2{bottom:98px;left:0;min-width:0}
#khContainer #articleCard h3{padding:0 10px;bottom:0;left:0}
#khContainer #articleCard h4{color:#fff;position:absolute;top:0;left:0;width:100%;padding:5px;text-align:center;background-color:#be2122}
#khContainer #articleCard a{height:200px;padding:105px 10px 5px 10px}
#khContainer #articleCard h6 a{font-size:1.4em;line-height:1.2em}
}
@media only screen and (min-width:1025px){#khContainer #articleCard{height:300px}
#khContainer #articleCard{min-width:220px}
#khContainer #articleCard div img{width:100%;margin-left:0}
#khContainer #articleCard h2{bottom:118px}
#khContainer #articleCard a{height:300px;padding:188px 10px 5px 10px}
#khContainer #articleCard h6 a{font-size:2.2em}
}
@charset "UTF-8";@media only screen and (min-width:480px){#khContainer #khSection-socialTab{padding:0}
#khContainer #khSection-socialTab #socialTab{position:fixed;top:180px;margin-left:-2px;background-color:#fff;border:2px solid #eee;padding:7px 7px 7px 3px;border-radius:3px;z-index:9}
#socialTab a div{margin-bottom:5px;width:25px;height:25px}
#socialTab a:last-child div{margin-bottom:0}
#socialTab div.socialFB{background-image:url(grainger-know-how/img/facebook.svg);background-size:cover}
#socialTab div.socialLI{background-image:url(grainger-know-how/img/linkedin.svg);background-size:cover}
#socialTab div.socialTW{background-image:url(grainger-know-how/img/twitter.svg);background-size:cover}
#socialTab div.socialEML{background-image:url(grainger-know-how/img/email.svg);background-size:cover}
}
@media only screen and (min-width:1025px){#khContainer #khSection-socialTab #socialTab{padding:10px 10px 10px 5px}
#socialTab a div{margin-bottom:5px;width:35px;height:35px}
#socialTab a:last-child div{margin-bottom:0}
}
@charset "UTF-8";#khContainer .khSolidBG{width:100%;background-color:#29333b}
#khContainer #khNewsletter::after{content:"";clear:both;display:table}
#khContainer #khNewsletter h1{font-size:2em;line-height:1em;font-weight:400;text-align:center;color:#fff;padding:0 20px 0 0}
#khContainer #khNewsletter p{font-size:1em;line-height:1.3em;font-weight:300;text-align:center;color:#fff;padding:0 20px 0 0}
#signUp .newsMail{width:100%;padding:0 5px;float:left}
#signUp .newsMail div{width:100%}
#signUp .newsMail div input[type=email]{font-family:Arial;font-size:13px;line-height:18px;width:100%;border-radius:3px;border:0;padding:5px 16px}
#signUp #khSelect{width:100%;margin-top:5px}
#signUp .khBtn{width:100%;padding:10px 5px;float:left}
#khContainer #newsHero{color:#fff;position:relative;height:250px;overflow:hidden;background-color:#29333b}
#khContainer #newsHero div:first-child{height:100%}
#khContainer #newsHero div img{height:100%}
#khContainer #newsHero::after{content:"";clear:both;display:table}
#khContainer #newsHero h1{font-size:2.6em;line-height:1em;text-align:center;position:absolute;top:10px;width:100%;padding:0 50px}
#khContainer #newsHero div:last-child{position:absolute;bottom:30px;width:100%}
#khContainer #newsHero a{float:none;margin:0}
#ieSelect{display:none}
.custom-select{position:relative;font-family:Arial;font-size:13px;line-height:18px}
.custom-select select{display:none}
.select-selected{background-color:#fff;border-radius:3px}
.select-selected:after{position:absolute;content:"";top:13px;right:10px;width:0;height:0;border:6px solid #000;border-color:#00739e transparent transparent transparent}
.select-selected.select-arrow-active:after{border-color:transparent transparent #00739e transparent;top:8px}
.pushArrow .select-selected:after{right:20px !important}
.select-selected{color:#72777d;padding:5px 16px;cursor:pointer;user-select:none}
.select-items{line-height:18px;color:#72777d;padding:8px 16px;position:absolute;width:100%;background-color:#fff;top:100%;left:0;right:0;z-index:99;border:1px solid;border-color:transparent #72777d #72777d #72777d}
.nudgeRight .select-items{margin-left:10px}
.nudgeLeft .select-items{margin-right:10px}
.select-hide{display:none}
.select-items div:hover{color:#00739e;cursor:pointer}
@media only screen and (min-width:480px){#khContainer #khNewsletter h1{font-size:1.8em;line-height:1em;text-align:left}
#khContainer #khNewsletter p{font-size:.9em;line-height:1.3em;text-align:left}
#signUp .newsMail{width:60%}
#signUp .khBtn{width:40%;padding:10px}
#khContainer #newsHero{height:330px}
#khContainer #newsHero h1{padding:0 50px;top:50px}
#khContainer #newsHero div:last-child{bottom:50px}
}
@media only screen and (min-width:1025px){#khContainer #khNewsletter h1{font-size:2em;line-height:1em}
#khContainer #khNewsletter p{font-size:1em;line-height:1.3em}
#khContainer #newsHero h1{font-size:3em;line-height:1.2em;padding:0 400px}
}
.labelHide{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
@charset "UTF-8";#khContainer #searchFrame{width:100%;margin:15px auto}
#khContainer #searchFrame .searchBox{width:100%;border:1px solid #29333b;border-radius:3px;padding:5px;background-color:#fff}
#khContainer #searchFrame .searchBox::after{content:"";clear:both;display:table}
#khContainer #searchFrame .searchBox input[type=text]{font-size:20px;padding:4px 0 0 10px;width:90%;border:0;float:left}
#khContainer #searchFrame .searchBox input[type=submit]{height:30px;width:10%;border-radius:0;border:0;margin:0;padding:0 10px;color:#000;background:url(grainger-know-how/img/kh-mag.png) #fff center center;background-repeat:no-repeat;float:left}
#khContainer h2.searchTitle{margin-top:40px}
#khContainer #khSectionSearch .backRev{background-color:#29333b !important}
.tab{overflow:hidden;border:0;background-color:#fff}
.tab button{background-color:inherit;float:left;border:1px solid #ccc;outline:0;cursor:pointer;padding:14px 16px;transition:.3s;font-size:17px;width:50%}
.tab button:hover{background-color:#ddd}
.tab button.active{background-color:#ccc}
.tabcontent{display:none;padding:6px 12px;border:0;border-top:0}
@media only screen and (min-width:480px){#khContainer #khSectionSearch .backRev{background-color:#fff !important}
}
@charset "UTF-8";#khContainer a.btn-ghost{font-size:14px;font-weight:700;text-align:center;color:#29333b;letter-spacing:.5px;text-decoration:none;background-color:transparent;border:2px solid #29333b;border-radius:4px;display:block;padding:10px 0;margin-left:0}
#khContainer a.btn-ghost:hover{background-color:#000;color:#fff}
#khContainer #khSectionMissing img{width:50%}
#khContainer #khSectionMissing #missCopy{padding:0 60px}
#khContainer #khSectionMissing #missCopy h1{text-align:center}
#khContainer #khSectionMissing #missCopy p{text-align:center}
@media only screen and (min-width:480px){#khContainer #khSectionMissing img{width:100%}
#khContainer #khSectionMissing #missCopy{padding:30px 20px}
}
@media only screen and (min-width:1025px){#khContainer #khSectionMissing #missCopy{padding:60px 20px}
}
@charset "UTF-8";.video-responsive{overflow:hidden;padding-bottom:56.25%;position:relative;height:0}
.video-responsive iframe{left:0;top:0;height:100%;width:100%;position:absolute}
#khContainer #videoIntro .introCopy{height:auto}
#khContainer #videoIntro h3{font-size:.8em;line-height:1em;background-color:#eee;padding:5px 10px;margin-bottom:5px;display:inline-block;position:relative;top:0;left:0}
#khContainer #videoIntro h3 a{color:#000;text-decoration:none}
#khContainer #videoIntro h3 a:hover{text-decoration:underline}
#khContainer #videoIntro h1{font-family:'Roboto',sans-serif;font-size:2.2em;line-height:1.1em;letter-spacing:.2px;padding-right:10px;font-weight:700;margin:5px 0 10px 0}
#khContainer #videoIntro p{color:#72777d;margin-bottom:5px}
@media only screen and (min-width:480px){#khContainer #videoIntro h1{padding-right:20px;margin:15px 0 15px 0}
}
@media only screen and (min-width:1025px){#khContainer #videoIntro h1{font-size:2.9em;line-height:1.1em;padding-right:40px}
}
@charset "UTF-8";#khContainer .khProdBox-H{width:100%;border:2px solid #ccc}
#khContainer .khProdBox-H::after{content:"";clear:both;display:table}
#khContainer .khProdBox-H h2{font-size:1.3em;font-weight:700;text-align:center;width:100%;padding:10px 20px;background-color:#eee}
#khContainer .khProdBox-H div{width:100%;padding:10px 5px;border-bottom:0;float:left}
#khContainer .khProdBox-H div.item{width:96%;padding:10px 1%;margin:10px 2%;border-bottom:2px solid #eee}
#khContainer .khProdBox-H div.item:nth-of-type(1){border-top:0}
#khContainer .khProdBox-H div.item div:nth-of-type(odd){float:left;width:35%;padding:10px 0;margin-right:5px;margin-bottom:2px}
#khContainer .khProdBox-H div.item div:nth-of-type(even){float:right;width:60%;padding:10px 12px;margin-bottom:2px}
#khContainer .khProdBox-H img{display:block;width:70%;margin-bottom:5px}
#khContainer .khProdBox-H a.commerce{font-size:1.3em;display:block;color:#000;text-decoration:none;margin-bottom:10px}
#khContainer .khProdBox-H a.commerce:hover{text-decoration:underline}
#khContainer .khProdBox-V{width:100%;border:2px solid #ccc}
#khContainer .khProdBox-V::after{content:"";clear:both;display:table}
#khContainer .khProdBox-V h2{font-size:1.3em;font-weight:700;text-align:center;width:100%;padding:10px 20px;background-color:#eee}
#khContainer .khProdBox-V div{width:100%;padding:10px 5px;border-bottom:0;float:left}
#khContainer .khProdBox-V div.item{width:96%;padding:10px 1%;margin:10px 2%;border-bottom:2px solid #eee}
#khContainer .khProdBox-V div.item:nth-of-type(1){border-top:0}
#khContainer .khProdBox-V div.item div:nth-of-type(odd){float:left;width:35%;padding:10px 0;margin-right:5px;margin-bottom:2px}
#khContainer .khProdBox-V div.item div:nth-of-type(even){float:right;width:60%;padding:10px 12px;margin-bottom:2px}
#khContainer .khProdBox-V img{display:block;width:70%;margin-bottom:5px}
#khContainer .khProdBox-V a.commerce{font-size:1.3em;display:block;color:#000;text-decoration:none;margin-bottom:10px}
#khContainer .khProdBox-V a.commerce:hover{text-decoration:underline}
@media only screen and (min-width:480px){#khContainer .khProdBox-H h2{font-size:1.5em;font-weight:700;text-align:left;width:100%;padding:10px 20px;background-color:#eee}
#khContainer .khProdBox-H div{width:33%;border-bottom:0;float:left}
#khContainer .khProdBox-H div.item{width:33%;margin:10px 0;padding:0 10px;border-right:1px solid #eee;border-bottom:0}
#khContainer .khProdBox-H div.item:nth-of-type(1){border-top:0}
#khContainer .khProdBox-H div.item div:nth-of-type(odd){float:left;width:96%;margin:2px 2%}
#khContainer .khProdBox-H div.item div:nth-of-type(even){float:left;width:96%;margin:2px 2%}
#khContainer .khProdBox-H div:last-child{border-right:0}
#khContainer .khProdBox-H img{display:block;width:70%;margin-bottom:5px}
#khContainer .khProdBox-H a.commerce{font-size:1em;display:block;color:#000;text-decoration:none;margin-bottom:10px}
#khContainer .khProdBox-H a.commerce:hover{text-decoration:underline}
#khContainer .khProdBox-V h2{font-size:1.1em;font-weight:700;text-align:center;width:100%;padding:10px 20px;background-color:#eee}
#khContainer .khProdBox-V div{width:100%;padding:0 5px;border-right:0;float:left}
#khContainer .khProdBox-V div.item{width:98%;padding:0 1%;margin:0 1%;border-bottom:2px solid #eee}
#khContainer .khProdBox-V div.item:nth-of-type(1){border-top:0}
#khContainer .khProdBox-V div.item div:nth-of-type(odd){float:left;width:96%;margin:2px 2%;padding:2px 14px}
#khContainer .khProdBox-V div.item div:nth-of-type(even){float:left;width:96%;margin:2px 2%}
#khContainer .khProdBox-V img{display:block;width:70%;margin-bottom:5px}
#khContainer .khProdBox-V a.commerce{font-size:1em;display:block;color:#000;text-decoration:none;margin-bottom:10px}
#khContainer .khProdBox-V a.commerce:hover{text-decoration:underline}
}
@charset "UTF-8";#khContainer .heroBanner{width:100%;height:280px;overflow:hidden;position:relative;border-radius:4px;background:#be2122}
#khContainer .heroBanner img.khBG{display:none}
#khContainer .heroBanner img.khBG-M{display:block;position:static;height:auto;width:100%;-webkit-transform:translate(0,-10%);-ms-transform:translate(0,-10%);transform:translate(0,-10%);z-index:9}
#khContainer .heroBanner div{position:absolute;top:125px;left:10px;z-index:99}
#khContainer .heroBanner div:last-child{position:absolute;top:123px;left:45px;z-index:99}
#khContainer .heroBanner div img{width:80%}
#khContainer .heroBanner div.homeAlt{position:absolute;z-index:99;width:90%}
#khContainer .heroBanner div.homeAlt:last-child{top:115px;left:15px}
#khContainer .heroBanner div h1{color:#fff;font-size:2.1em;font-weight:700;margin-bottom:8px}
#khContainer .heroBanner div h3{color:#fff;font-size:1.3em;line-height:1.4em;font-weight:300;margin:0 0 10px 0}
#khContainer .heroBanner div p{color:#fff;font-size:1.1em;line-height:1.3em;font-weight:300;margin:0 0 10px 0}
#khContainer .heroBanner p.heroCopy{color:#fff;font-size:1.5em;line-height:1.2em;font-weight:300;margin:0 0 10px 0}
#khContainer .heroBanner div ul{color:#fff;font-weight:300;margin:0 0 0 20px}
#khContainer .solutionBox{background-color:#eee;border-bottom:1px dotted}
#khContainer .solutionBox::after{content:"";clear:both;display:table}
#khContainer .solutionBox h3{text-align:left;text-transform:uppercase;padding:10px;background-color:#000;color:#fff}
#khContainer .solutionBox h3:empty{display:none}
#khContainer .solutionBox div div{width:50%;min-height:0;padding:10px;float:left}
#khContainer .solutionBox div div:first-child{border-left:1px dotted #000;border-right:1px dotted #000;border-bottom:1px dotted #000}
#khContainer .solutionBox div div:last-child{border-right:1px dotted #000;border-bottom:1px dotted #000}
#khContainer .solutionBox div div img{display:block;margin:0 auto 10px auto;width:80%}
#khContainer .solutionBox div div a{color:#000;text-decoration:none;display:block;font-size:1em;line-height:1.4em;text-transform:uppercase;text-align:center}
#khContainer .solutionBox div div a:hover{text-decoration:underline}
@media only screen and (min-width:480px){#khContainer .heroBanner{height:380px}
#khContainer .heroBanner img.khBG-M{-webkit-transform:translate(0,-10%);-ms-transform:translate(0,-10%);transform:translate(0,-10%)}
#khContainer .heroBanner div{position:absolute;top:165px;left:20px;z-index:99}
#khContainer .heroBanner div:last-child{position:absolute;top:165px;left:55px;z-index:99}
#khContainer .heroBanner div img{width:80%}
#khContainer .heroBanner div.homeAlt:last-child{top:150px;left:20px}
#khContainer .heroBanner div h1{font-size:2.1em;margin-bottom:8px}
#khContainer .heroBanner div h3{font-size:1.5em;font-weight:300;margin:0 0 10px 0}
#khContainer .heroBanner div p{color:#fff;font-size:1.3em;line-height:1.4em;font-weight:300;margin:0 0 10px 0}
#khContainer .heroBanner div ul{color:#fff;font-size:1em;font-weight:300;margin:0 0 0 20px}
#khContainer .solutionBox div div:first-child{border-left:1px dotted #000;border-right:1px dotted #000;border-bottom:0}
#khContainer .solutionBox div div:last-child{border-right:1px dotted #000;border-bottom:0}
#khContainer .solutionBox div div a{display:block;font-size:.7em;line-height:1.5em}
}
@media only screen and (min-width:1025px){#khContainer .heroBanner{height:280px}
#khContainer .heroBanner img.khBG{display:block;position:absolute;left:50%;top:50%;height:100%;width:auto;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:9}
#khContainer .heroBanner img.khBG-M{display:none}
#khContainer .heroBanner{background:0}
#khContainer .heroBanner div img{width:100%}
#khContainer .heroBanner div.homeAlt:last-child{top:35px;left:30px}
#khContainer .heroBanner div{position:absolute;top:55px;left:20px;z-index:99}
#khContainer .heroBanner div:last-child{position:absolute;top:50px;left:60px;z-index:99}
#khContainer .heroBanner div h1{font-size:2.8em;margin-bottom:8px}
#khContainer .heroBanner div h3{font-size:1.5em;font-weight:300;margin:0 0 10px 0}
#khContainer .heroBanner p.heroCopy{color:#fff;font-size:1.3em;line-height:1.2em;font-weight:300;margin:0 0 10px 0}
#khContainer .heroBanner div ul{color:#fff;font-size:1em;font-weight:300;margin:0 0 0 20px}
}
#subNav::after{content:"";clear:both;display:table}
#subNav div{text-align:center;margin:5px 5px 5px 0;padding:5px 10px;float:left;background:#ccc;transform:skewX(10deg)}
#subNav div div{transform:skewX(-10deg);text-decoration:underline;margin:0;padding:0;background:transparent}
#subNav div:hover{background:#29333b}
#subNav div.active{background:#29333b;color:#fff}
#subNav a{color:#000;text-decoration:underline;background-color:transparent}
#subNav a:hover{color:#fff}
#khContainer [id*="articleSec"]{display:block;height:80px;margin-top:-80px}
#knContainer #khHeaderBg{width:100%;background-color:#000;height:5px;margin-bottom:20px}
#khContainer #mainArticles{width:100%;padding:0}
#khContainer #mainArticles::after{content:"";clear:both;display:table}
#sectionHeader{width:98%;margin-left:2%;border-top:4px solid #29333b}
#sectionHeader div{color:#fff;text-align:left;margin:-4px 0 0 -2%;padding:8px 40px 10px 30px;display:inline-block;background:#29333b;transform:skewX(10deg)}
#sectionHeader div div{transform:skewX(-10deg);margin:0;padding:0}
#sectionHeader div div a{color:#fff}
#khContainer #khPagi{text-align:center;position:relative}
#khContainer #khPagi a{text-align:center;font-size:1.1em;color:#29333b;text-decoration:none}
#khContainer #khPagi a:hover{text-decoration:underline}
#khContainer #khPagi a.disabled{color:#ccc;text-decoration:none;cursor:default}
#khContainer .khPagi-M{width:50%;float:left;padding:0 5px;position:relative}
@media only screen and (min-width:480px){#khContainer #anchorNav #anchorNavInner a{font-size:.6em}
#khContainer #khPagi a{text-align:center;font-size:1.1em;color:#29333b;text-decoration:none}
#khContainer #khPagi a.disabled{text-align:center;font-size:1.1em;color:#ccc;text-decoration:none}
}
@media only screen and (min-width:1025px){#khContainer #anchorNav #anchorNavInner a{font-size:.9em}
}
@media print{.khCol-5{width:45% !important;display:inline;float:right}
.khCol-7{width:45% !important;display:inline;float:left}
.article-content--body img{width:45%}
#barTopInner{content:url(https://grainger-prod.adobecqms.net/content/dam/grainger/know-how-images/know-how-grainger-logo-for-print.png);width:40%;height:auto;float:left}
#barTop{position:relative !important}
#barNavInner{-webkit-print-color-adjust:exact;background:#222;color:#fff}
#khSection-RecRead,#khRow-RecArticles,#khSectionRNewletter,#khRowR-newsletter,#newsHero,#articleCard-N,.mobileBar,.khShow-M,#khSectionMobileBar,.sectionBreak,.subSectionBreak,#player,.video-embed-field-responsive-video,.btn-KH,#searchIcon,.khfooterBG,.khProdBox-V{display:none !important}
#barNav,#barNavInner,#barTopInner,#barTop-m,#barTop{display:block;padding:10px 0;background:#000 !important}
}