- needed to position the dropdown content */ .marcom__banner-largeFullImg {height: 488px; padding: 55px 24px 0 24px; background-size: 100%; background-repeat: no-repeat; background-position: top left;} background-repeat: repeat-x; .marcom__cardLink-scrollAction {height: 25px; width: 100%; background-color: #cccccc; text-align: center; padding: 5px; box-sizing: border-box} background-color: #000 \9; } .two-column #main-content.content-page-main-content {padding: 0;width: 100%} } display: table; You will still continue to receive non-promotional correspondence. right: 0; width: 100%; .marcom__h1-silo {padding: 10px 0} padding-bottom: 30px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); /* Icon Banners */ /* Social Cards */ border: 1px solid #fff; .marcom__marginTop-10 {margin-top: 10px} .marcom__iconBanner-cardIcon img {width: 40px; float: left} Browse by product index and brand to find Grainger's 1.6 million+ products. } .marcom__hero-playBtn-grow {transition: all .2s ease-in-out; width: 60px} } .marcom__dropdown { .marcom__card-headShot {width:100%} .marcom__featureCTA-headline {width: 100%; position: absolute; top: 0; padding: 7% 0 0 0; z-index: 2; text-align: center} background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); .marcom__tooltip-top:hover .marcom__tooltiptext-top, .marcom__tooltip-right:hover .marcom__tooltiptext-right, .marcom__tooltip-bottom:hover .marcom__tooltiptext-bottom, .marcom__tooltip-left:hover .marcom__tooltiptext-left {visibility: visible; opacity: 1;} See Also: Grainger catalog removal Show details. .marcom__sectionHero-thin { .marcom__card-commerce {background-color: #ffffff} .carousel-caption { Explore. To unsubscribe from our catalog mailing list, please complete the short form below with information from the back cover of your catalog/carrier sheet. } width: 12px; .marcom__bread-logo {color: #FFFFFF; font-size: 10px; margin-bottom: 16px} } .marcom__sectionHero-thin {width: 100%;height:350px; min-width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; margin-top: 0} .marcom__hero {width: 900px; height:300px; padding: 40px 15px; margin: 0 auto} width: 10px; .marcom__gradientSection {background-image: linear-gradient(to bottom, #a81d37, #c81b2e); width: 100%; min-width: 716px} .marcom__card-clickFull-commerceAlt {position: relative; border: 1px solid #cccccc; margin-left: -1px; margin-top: -1px; padding: 3px} .marcom__whiteCopy {color: #ffffff} .marcom__iconCard-content img.catImg {width: auto; height: 130px; margin-bottom: 24px} /* ========= VIDEO CLASSES ========== */ .marcom__card-socialIcon {height: 30px; margin: 10px 0 0 0} As of 2004, the company held the largest worldwide percentage of market share--about 5 . /* Full Width Secondary Banner */ /*Flush Fix*/ .marcom__breadW a {color: #10acd2; text-decoration: none} .marcom__text-centerLeft {text-align: left} .header-responsive-sprite2 {width: 35px; height: 28px;} -webkit-perspective: 1000px; .marcom__tooltip-left .marcom__tooltiptext-left::after {content: ""; position: absolute; bottom: 100%; left: 50%; margin-left: -5px; border-width: 10px; border-style: solid; border-color: transparent transparent #d8d8d8 transparent;} /* Icon Cards */ .marcom__lineHeight-bump2 {line-height: 2em !important} perspective: 1000px; margin-top: -10px; } .marcom__header-icon img {width: 100%; position: absolute; top: 00px} .marcom__5col-hack-commerceFull {width: 20%} .marcom__card-socialIcon {height: 50px} . #footer {display: none} } display: block; width: 100%; Company History: W.W. Grainger, Inc., is the largest distributor of maintenance, repair, and operating supplies to the commercial, industrial, contractor, and institutional markets in North America. /* Thin Header */ @grainger . By taking just a minute to update your information, you can help us avoid the cost and waste associated with delivering unwanted catalogs. } Marques Grainger novembre 2022. .marcom__header-iconLarge {float: left; width: 8%; position: relative; margin-top: -2px} .marcom__featureCTA {height: 240px} .marcom__tooltip-left .marcom__tooltiptext-left::after {top: 10px;} .marcom__anchorBumper-60 {height: 60px; margin-top: -60px} .marcom__banner-fullClick:hover {box-shadow: 0 4px 8px 1px rgba(0, 0, 0, 0.4), 0 6px 20px 1px rgba(0, 0, 0, 0.4)} backface-visibility: hidden; .marcom__hero-ctaContact {float: left; margin-left: 10px} /*Col/Card Colors*/ Catalog 414 Catalog 413 Residential and Multifamily Maintenance Safety Footwear Catalog 2022 - Buyers Guide .marcom__imgGrid-bottom10 {margin-bottom: 10px} display: inline-block; .marcom__featureCTA-button {bottom: 30px} .marcom__card-clickFull-dark {position: relative} .carousel-inner > .item.active.left { .marcom__tooltip-right .marcom__tooltiptext-right {margin-left: -150px; bottom: 125%; left: 50%;} /* Links inside the dropdown */ @media only screen and (min-width: 769px) { .userAccountSummary{ .marcom__homePage-feature img {width: 100%; overflow: hidden; margin-left: 0} /* Grid */ .marcom__gradientSection {background-image: linear-gradient(to bottom, #a81d37, #c81b2e); width: 100%; min-width: 0} #navSearchContainer {display: none} Unsubscribe from all Grainger Canada promotions and/or marketing emails. /* ========= CARD CLASSES ========== */ .two-column #main-content.content-page-main-content .content-title-container {display: none} .marcom__hero h1.heroTitle {font-size: 69px; line-height: 61px} margin-left: -10px; Upload. font-weight: 400; } .marcom__iconBanner-anchorImg img {width: 60px; float: left} Just choose the catalog you want and complete the form below. border-radius: 4px; height: 30px; .video-responsive{overflow:hidden; padding-bottom:56.25%; position:relative; height:0;} ul.marcom__listM {font-size: 14px; line-height: 18px; padding-bottom: 16px; margin: 0; list-style: disc; margin-left: 15px} /*.marcom__headline-icon {width: 25px; margin-right: 8px}*/ .marcom__banner-largeFullImg {height: 215px; padding: 50px 0 0 30px; background-size: 100%} margin: -1px; /* Search Show/Hide Div */ .marcom__headM-responsive {font-size: 16px; line-height: 20px; padding-bottom: 8px; margin: 0} .marcom__featuredVid-R a img {width: 100%} p.marcom__bodyS {font-size: 12px; line-height: 16px; font-weight: normal; /*padding-bottom: 16px;*/ margin: 0} .marcom__hero-wide {width: 100%;height:300px; min-width: 916px; background-size: cover; background-position: center; background-repeat: no-repeat; margin-top: -10px} .marcom__gradientSection-gray {background-image: linear-gradient(to bottom, rgba(238, 238, 238, 0.6), #eeeeee 99%); width: 100%; min-width: 716px} .marcom__header-iconLarge img {width: 100%; position: absolute; top: 5px} .carousel-control.left { background-image: url(https://grainger-prod.adobecqms.net/content/dam/grainger/gus/en/public/digital-tactics/gcom/onsite/W-CC411CR-Catalog-Page-PRINT_mOSH-375x205.jpg) -o-transition: 0.6s ease-in-out left; overflow: hidden; .marcom__arrowRight {transform: rotate(-45deg); -webkit-transform: rotate(-45deg);} .marcom__header-icon img {width: 100%; position: absolute; top: 5px} .marcom__section-full-noBox {width: 1116px; padding: 40px 8px 24px 8px; margin:0 auto} h2.heroSubTitle {font-size: 32px; line-height: 35px; margin:10px 0} On Monday, March 22, 2021, a Guy Brown/Grainger MRO Icon will replace the Grainger icon in SciQuest. .marcom__iconCard-content img.productImg {width: 100%; margin-bottom: 24px} .marcom__iconBanner-glyphAction {position: absolute; top: 5px; right: 5px; color: #cccccc; font-size: 14px;} a.marcom__cta-commerce {font-size: 11px; line-height: 22px; color: #ffffff; font-weight: bold; text-decoration: none; padding: 10px 10px; border-radius: 4px; background-color: #c8102e; min-width: 0;} .marcom__hero-ctaContact p.number {color: #ffffff; font-size: 16px; font-weight:bold;} .srchInput {float: left;margin-left: 2%;width: 68%;} .marcom__homePage-feature-gtIcon {margin-left: 5px; float: left} /* CTA Featurette */ /* UX Buttons*/ } p, .content {margin-bottom: 0} } } .marcom__hero-ctaHolder {color: #000000; font-size: 10px; font-weight:normal; padding:10px 15px; background-color: #ffffff; border-radius: 3px; float: left} h2.heroSubTitle-flush {font-size: 26px; line-height: 30px; margin: 10px 0; color: #ffffff} height: 12px; } background-color: #fff; width: 60%; /*Responsive Video*/ .carousel-control .glyphicon-chevron-right, .marcom__section-full {width: 100%; padding: 40px 0 16px 0; margin:0 auto} Check out the online versions of our catalogs or order online now. transform: translate3d(0, 0, 0); .marcom__seo-red {color: #be2122; font-weight: bold} Upload Join. .markCol-3 {width: 23.56%} .marcom__colAlign-center {text-align: center} Grainger Catalog, 1996, #387 Industrial and Commercial Equipment and Supplies by Unknown | Jan 1, 1996 No reviews Paperback Grainger Catalog No. .marketingShow-M {display: block;} Upload Join. .carousel-inner > .active { .markCol-2 {width: 16.66%;} } W.W. Grainger, Inc., with 2022 sales of $15.2 billion, is a leading broad line distributor with operations primarily in North America, Japan and the United Kingdom. width: 1100px; .marcom__banner-fullBG {height: 1870px; background-size: 100%; background-repeat: no-repeat; background-image: url(https://grainger-prod.adobecqms.net/content/dam/grainger/gus/en/public/digital-tactics/gcom/onsite/W-CTBR303_Services_mOSB_300x1500.png); background-position: bottom} .marcom__card-clickFull-commerce {position: relative; border: 1px solid #eeeeee; margin-left: -1px; margin-top: -1px; padding: 5px} /*Bottom Padding*/ /* ========= RESPONSIVE ADJUST CLASSES ========== */ /* Headings */ left: 50%; border: none; .carousel-inner > .item.active { .marcom__hero-wide {width: 100%; height:385px; min-width: 1116px; margin-top: -10px} /* Video with Description */ .markCol-8 {width: 64.92%;} .marcom__5col-hack-keepCol {width: 18.25%} .marcom__iconBanner-cardCopy p {padding: 0; margin: 0} } .carousel-inner > .item.next, #main-content {width: 100%;padding: 0} .marcom__hero-contact div {font-size: 1.8em; font-weight: bold; color: #ffffff} .marcom__banner-fullBGBody {width: 100%} /* ========= TYPE CLASSES ========== */ .epClear {margin: 0;height: 0;padding: 0;clear: both} min-width: 160px; .marcom__5col-hack-keepCol {width: 47.6%; float:left} clip: rect(0, 0, 0, 0); .marcom__vidDescription {padding: 8px} color: #fff; .carousel-inner > .item.prev, .marcom__hero-ctaContact p.number {font-size: 22px} .marcom__hero-ctaContact p.number {color: #ffffff; font-size: 16px; font-weight:bold;} .marcom__iconBanner-anchorImg {float:left; margin: 4px; width: 60px} left: 0; position: static; } .carousel-inner > .next, /* Icon Banners */ ul.marcom__listS {font-size: 12px; line-height: 16px; padding-bottom: 16px; margin: 0; list-style: disc; margin-left: 15px} .marcom__header-iconLarge img {width: 100%; position: absolute; top: 5px} .marcom__iFrame-Res { .marcom__headM {font-size: 20px; line-height: 26px; font-weight: normal; padding-bottom: 8px; margin: 0} .markCol-7 {width: 100%;} left: 0; .marcom__bread-thin a {color: #10ACD2; text-decoration: none} /* Full Width Secondary Banner */ .marcom__hero-thin {width: 700px; height: 150px; padding: 10px 15px 0 15px; margin:0 auto;} left: 100%; .marcom__banner-largeFullImg {height: 400px} @media only screen Please be sure to check the full Privacy Policy for more information about your choices. .marcom__iconBanner-static {background-color: #ffffff; float: left; margin: 8px; display: flex; align-items: center; position: relative} a.marcom__cta-secondarySolid:hover {background-color: #000000;} /* Show/Hide For Mobile */ .marcom__section-seo {max-width: 700px; padding: 24px 30px 40px 30px; margin:0 auto} /* Cards and Section Containers */ /* Social Cards */ .marcom__hero-thin h1.heroTitle-thinS {color: #ffffff; font-size: 22px; line-height: 26px; font-weight: bold; margin: 0} .marcom__featureCTA-headlineAdj {font-size: 1.5em; line-height: 1.1em; font-weight: bold} .carousel-inner > .prev { filter: alpha(opacity=50); .marcom__bread a {color: #00739e; text-decoration: none} .marcom__hero-contact {float: right; width: 55%} /* ========= SEO CLASSES ========== */ Free Grainger Catalog Unsubscribe Photos. .marcom__iconCard-content img.catImg {width: auto; height: 163px; margin-bottom: 24px} .marcom__featureCTA {height: 200px} .marcom__featuredVid-R {background-color: #eeeeee; margin-right: 8px} } bottom: 20px; background-color: #000000; h1.marcom__hero-wideHeading {border-bottom: 3px solid #CC1F31; float: left; color: #ffffff; font-size: 37px; line-height: 0; font-weight: bold; margin: 0; padding-bottom: 10px} Grainger's Wholesale Net Price Motorbook Catalog No. Ordering a free copy of a Grainger catalog is easy. .marcom__banner-largeBodyFullImg {width: 55%} .marcom__card-headShot {width:100%} The Grainger Help Desk - Grainger Industrial Supply | Help GRAINGER HELP DESK Check out popular help topics or call, email or chat with us. .marcom__headL {font-size: 28px; line-height: 34px; font-weight: normal; padding-bottom: 8px; margin: 0} } .marcom__section-hero {height:300px} padding-top: 20px; .marcom__5col-hack-commerceFull {width: 100%} and (max-device-width: 320px) { h1.marcom__heroTitle-Large {color: #ffffff; font-size: 28px; line-height: 28px; font-weight: bold; margin: 0} .marcom__banner-fullBG {height: 470px} .marcom__featurette {margin: 8px} .marcom__header-fixedImg {height: 244px} For information regarding interest-based ads, please visit Ads & Tracking. } .marcom__card-titleBox h3 {padding-bottom: 0; margin: 0} .marcom__card-clickFull-commerce:hover {border: 6px solid #eeeeee; padding: 0px} /* ========= SECTION CLASSES ========== */ Use the app to quickly narrow down your search, check account pricing,. padding: 0; and (max-device-width: 480px) { /* Hero Video */ Photos 153 Videos 53 Users 54. /* Video with Description */ left: 0; .marcom__5col-hack {width: 100%; float:left; padding: 8px} @media all and (transform-3d), (-webkit-transform-3d) { .marcom__graphicSection {min-width: 916px} Welcome to MSC, this site is screen reader friendly. .marcom__featuredVid-L {padding: 24px 32px; background-color: #eeeeee; margin: 0} .marcom__cardComplex-fullClick:hover {box-shadow: 0 4px 8px 0px rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)} .heroTitle-flush img {margin-right: 8px; width: 29px} } transition: transform 0.6s ease-in-out; .marcom__hero-wideContent {width: 1100px; height: 385px; margin: 0 auto; padding: 80px 0} .marcom__cardComplex-body {padding: 16px 24px} .carousel-control .icon-prev, left: 20%; .marcom__card-clickFull:hover {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)} .marcom__iFrame-Res { p.heroCopy-flush {font-size: 16px; line-height: 20px; margin:10px 0 20px 0; color: #ffffff}