.marcom__hero-thin {width: 700px; height: 150px; padding: 10px 15px 0 15px; margin:0 auto;} height: 12px; You can also set your e-mail options to prevent the automatic downloading of images that may contain tracking technologies. . .marcom__hero-break {width: 100%; height:2px; background-color: #be2122} Explore. .marcom__card-socialIcon {height: 50px} #container {min-width: 0;padding: 0} Upload. Grainger Canada has been Canada's premiere industrial supplier for over 125 years. .marcom__iconBanner-staticAlt {background-color: #eeeeee; float: left; margin: 8px; display: flex; align-items: center; position: relative} .marcom__seo-bodyL {text-align: left; padding: 8px;} .header-responsive-sprite2 {width: 35px; height: 28px;} .marcom__iconBanner-anchorCopy {float:left; margin: 4px; width: 80%} .marcom__header-iconLarge {float: left; width: 8%; position: relative; margin-top: -5px} .marcom__5col-hack-keepCol {width: 18.56%; float:left; padding: 8px} .marcom__bread-logo a {color: #00739e; text-decoration: none} .marcom__levelPad-24 {padding: 24px 8px !important} .marcom__banner-fullBG {height: 1480px} } No reviews. .marcom__card-socialIcon {height: 30px; margin: 20px 0 10px 0} } left: 0; .marcom__breadW a {color: #10acd2; text-decoration: none} .carousel-inner > .item { Please click below to visit the relevant page on the Grainger website to complete your opt-out request. bottom: 20px; background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5))); } } display: block; width: 20px; } .marcom__bread a:hover {text-decoration: underline} p.marcom__bodyM {font-size: 14px; line-height: 18px; font-weight: normal; /*padding-bottom: 16px;*/ margin: 0} padding-bottom: 20px; h1.marcom__hero-wideHeading {border-bottom: 3px solid #CC1F31; float:left; color: #ffffff; font-size: 36px; line-height: 40px; font-weight: bold; margin: 0; padding-bottom: 5px} .marcom__featureCTA-body {width: 100%; position: absolute; top: 0; padding: 21% 0 0 0; z-index: 2; text-align: center} h2.heroSubTitle-thin {font-size: 20px; line-height: 24px; margin:10px 0} /* ========= BANNER CLASSES ========== */ .marcom__hero-body {width: 90%; float: right} .marcom__breadW {color: #FFFFFF; font-size: 12px; margin-bottom: 16px} Photos 101 Videos 53 Users 52. a.marcom__cta-secondary:hover { color: #000000; background-color: #eeeeee;} .marcom__card-icon {width: 12%; float: left; margin-right: 8px} .carousel-control .glyphicon-chevron-right { Property Maintenance May 2022. .heroTitle-flush img {margin-right: 16px; width:49px} .marcom__headL {font-size: 28px; line-height: 34px; font-weight: normal; padding-bottom: 8px; margin: 0} /*================carousel==================*/ .marcom__mobile-showDT {display: block} .header-responsive-sprite3 {width: 29px;height: 28px;} background-color: #000 \9; .marcom__vidDescription {padding: 16px 24px} } .marcom__text-center {text-align: center} .marcom__graySection {min-width: 916px} clip: auto .marcom__headerFlush-body {width: 35%} p.marcom__bodyL {font-size: 16px; line-height: 20px; font-weight: normal; /*padding-bottom: 16px;*/ margin: 0} bottom: 0; /* SEO */ .carousel-control .icon-prev:before { .userAccountSummary { .marcom__headS {font-size: 18px; line-height: 21px; font-weight: normal; padding-bottom: 8px; margin: 0} width: 620px; .markCol-6 {width: 48.56%} .carousel-control .icon-prev { .marcom__headerFlush-body {width: 43%} Grainger. p.marcom__bodyL {font-size: 16px; line-height: 20px; font-weight: normal; /*padding-bottom: 16px;*/ margin: 0} top: 0; background-color: rgba(0, 0, 0, 0); color: #fff; Grainger Catalog Form. margin-top: -10px; .marcom__colPad-5 {padding: 5px} width: 100%; .marcom__header-icon {float: left; width: 9%; position: relative} } p.heroCopy-flush {font-size: 12px; margin:10px 0 20px 0; color: #ffffff} Digital Catalogs All Product Categories Abrasives Adhesives, Sealants and Tape Cleaning and Janitorial Electrical Electronics & Batteries Fasteners Fleet & Vehicle Maintenance Furnishings, Appliances & Hospitality HVAC and Refrigeration Hardware Hydraulics Lab Supplies Lighting Lubrication Machining Material Handling Motors Office Supplies 1996: Grainger establishes presences in Mexico and Canada. .carousel-control:focus { } .marcom__card-image {width: 100%} .markCol-2 {width: 16.66%;} /*create more of these for optional padding*/ .marcom__hero-ctaContact p.smallCopy {font-size: 12px} .marcom__darkSection {background-color: #000000; width: 100%; min-width: 716px} Need something before your catalog arrives? Catalog 413. .marcom__sectionHeader-copy {margin-bottom: 15px} .marcom__iconCard-content {padding: 24px} .marcom__whiteCopy {color: #ffffff} .marcom__hero h1.heroTitle {font-size: 42px; line-height: 44px} .marcom__iconBanner-cardIcon img {width: 40px; float: left} p.marcom__bodyM {font-size: 14px; line-height: 18px; font-weight: normal; /*padding-bottom: 16px;*/ margin: 0} .glyphicon { /*Floats*/ .carousel-inner > .item.next, .marcom__hero-wide {width: 100%; height:385px; min-width: 1116px; margin-top: -10px} p.heroCopy {color: #ffffff; font-size: 14px; font-weight:normal; margin:10px 0 15px 0; padding-right: 0} left: 0; .marcom__header-iconLarge img {width: 100%; position: absolute; top: 5px} @media only screen and (max-device-width: 480px) { .marcom__col4-stretch {width: 31.58%} . .marcom__section-flex {display: flex; flex-wrap: wrap;} .marcom__graphicSection {min-width: 1116px} }, .marcom__sectionHero-thin { /* ========= TABLET CLASSES ========== */ text-indent: -999px; Thousands of new images every day Completely Free to Use High-quality videos and images from Pexels. .marcom__header-icon {float: left; width: 8%; position: relative} .markCol-7 {width: 100%;} margin: 0 auto; bottom: 10px; } width: 12px; @media only screen and (min-width: 1200px) { } .userAccountSummary{ .marcom__headerFlush-body {width: 100%} @media only screen display: inline-block; .marcom__marginTop-20 {margin-top: 20px} position: relative; /*Banner Wide Text*/ .marcom__5col-hack {width: 47.6%} .marcom__iconCard-content img {width: 100%; margin-bottom: 24px} .marcom__homePage-feature {width: 100%; position: relative; height: 150px; overflow: hidden} .marcom__featureCTA {height: 200px} text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); .marcom__hero-ctaHolder {font-size: 12px} .marcom__card-titleSeg {font-size: 11px; line-height: 11px; padding: 3px 10px 0 10px; margin: 0} float: left; .marcom__ctaPush-8 {margin-top: 8px} @grainger . /*Responsive Video*/ .carousel-control .glyphicon-chevron-right, .marcom__sectionHeader-copy {margin-bottom: 15px} .marcom__clickCard-full {position: absolute; width: 100%; height: 100%; top: 0; left: 0; font-size: 0} .marcom__gradientSection {background-image: linear-gradient(to bottom, #a81d37, #c81b2e); width: 100%; min-width: 0} /* Header Sprites */ .marcom__underlineThick {border-bottom: 6px solid #be2122; padding: 0} .marcom__anchor-padAdj {padding: 8px 0} /* Social Cards */ .marcom__bread-thin a:hover {text-decoration: underline} p.heroCopy-flush {font-size: 14px; margin:10px 0 20px 0; color: #ffffff} /*================carousel==================*/ display: block; #container.content-page-container {max-width: 100%} .marcom__gradientSection {min-width: 916px} .marcom__iconCard-content img.catImg {width: auto; height: 107px; margin-bottom: 24px} } .marcom__textAlign-center {text-align: center} .marcom__hero-contact p {color: #ffffff; font-size: 11px; font-weight:300; margin: 5px 0 0 0} .marcom__head-introFix {font-size: 30px !important; line-height: 1em !important; font-weight: bold; width: 90%} .marcom__iconBanner-cardCopy {float:left; margin: 4px; width: 80%} /*.marcom__headline-icon {width: 25px; margin-right: 8px}*/ #srchDiv {width: 100%;background-color: #ccc;z-index: 99;padding: 65px 0 15px 0;display: none;position: absolute} #header-breadcrumb-container {display: none} [class*=marcom__body] a {text-decoration: none; color: #00739e} filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); left: 15%; /* Home Page Featurette */ .marcom__headM-responsive {font-size: 20px; line-height: 26px; padding-bottom: 8px; margin: 0} .marcom__cta-hero {float: left; margin: 20px 0 0 0} width: 1100px; 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. .marcom__hero-wide {width: 100%;height:250px; min-width: 716px; background-size: cover; background-position: center; background-repeat: no-repeat; margin-top: -10px} .marcom__featuredVid-Lalt {padding: 24px 32px; background-color: #ffffff; margin: 0} [id*="markRow-"]::after { content: "\e080" /* Video with Description */ } .marcom__tooltip-top .marcom__tooltiptext-top {margin-left: -150px; bottom: 125%; left: 50%;} .lefty {float: left !important;} .marcom__iconBanner:hover, .marcom__iconBanner-alt:hover, .marcom__iconBanner-anchor:hover {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);} /*Footer*/ License. Use the app to quickly narrow down your search, check account pricing, check item availability at a nearby branch, or manage costs with the Grainger KeepStock inventory management solution. h2.heroSubTitle {color: #ffffff; font-size: 18px; font-weight:500; margin:10px 0} } .marcom__hero-ctaContact p.smallCopy {color: #ffffff; font-size: 10px; font-weight:normal;} Use the app to quickly narrow down your search, check account pricing,. /*Clears*/ } .marcom__banner-largeFullImg {height: 215px; padding: 50px 0 0 30px; background-size: 100%} .marcom__hero-contact {float: left; width: 100%} .marcom__vidDescription p {padding: 0} .glyphicon-chevron-down:before { 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;} /*Hero Banner Start (Image)*/ .carousel-control .icon-next, @media only screen and (min-width: 1200px) { ul.marcom__listL {font-size: 16px; line-height: 20px; padding-bottom: 16px; margin: 0; list-style: disc; margin-left: 15px} Upload. .marcom__tooltip-top .marcom__tooltiptext-top, .marcom__tooltip-right .marcom__tooltiptext-right, .marcom__tooltip-bottom .marcom__tooltiptext-bottom, .marcom__tooltip-left .marcom__tooltiptext-left {visibility: hidden; width: 300px; background-color: #ffffff; color: #000000; text-align: center; border-radius: 0px; padding: 10px; position: absolute; z-index: 1; border: 2px solid #d8d8d8; opacity: 0; transition: opacity 0.3s;} .marcom__mobile-showM {display: block} .marcom__gradientSection-gray {background-image: linear-gradient(to bottom, rgba(238, 238, 238, 0.6), #eeeeee 99%); width: 100%; min-width: 0} padding: 40px 0; /*Flush Fix*/ .marcom__tooltip-top .marcom__tooltiptext-top {margin-left: -150px; bottom: 125%; left: 50%;} Sign In to access your account information. /* Tool Tips */ .marcom__darkSection {background-color: #000000; width: 100%; min-width: 0} .marcom__colPad-5 {padding: 5px} .marcom__banner-largeFullImg {height: 488px; padding: 55px 24px 0 24px; background-size: 100%; background-repeat: no-repeat; background-position: top left;} .marketingShow-M {display: none;} .video-responsive iframe{left:0; top:0; height:100%; width:100%; position:absolute;} #srchDiv form.markSearch {border: 1px solid black;width: 100%;background-color: #fff;border-radius: 3px;} .marcom__hero-wideContent {width: 716px; height: 250px; margin: 0 auto; padding: 40px 24px} .marcom__iconCard-content img {width: 60%; margin-bottom: 24px} .marcom__gradientSection {min-width: 1116px} } .marcom__section-flexCenter {display: flex; align-items: center;} } /*hero Banner*/ .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)} a.marcom__cta-whiteGhost {font-size: 12px; line-height: 22px; color: #ffffff; font-weight: bold; text-decoration: none; padding: 10px 12px; border-radius: 4px; border: solid 2px #ffffff; background-color: transparent; min-width: 120px;} .marcom__header-title {padding-left: 5px; width: 88%; float: left} left: 0; /* Icon Banners */ [class*=marcom__body] a:hover {text-decoration: underline} .markCol-6 {width: 48.25%;} h2.heroSubTitle {font-size: 32px; line-height: 35px; margin:10px 0} background-repeat: repeat-x; /* Icon Banners */ .marcom__hero-playBtn-grow:hover {transform: scale(1.1); filter:drop-shadow(5px 5px 5px black)} /* Icon Banners */ Free Grainger Catalog Unsubscribe Photos. .markCol-8 {width: 65.27%;} /*Banner Wide Text*/ .carousel-indicators { Check out the online versions of our catalogs or order online now. p.heroCopyW {color: #ffffff; font-size: 11px; font-weight:300; margin:10px 0 15px 0} /* G.Com Normalize */ .marcom__graphicSection {min-width: 916px} h1.marcom__hero-wideHeading {border-bottom: 3px solid #CC1F31; float: left; color: #ffffff; font-size: 52px; line-height: 0; font-weight: bold; margin: 0; padding-bottom: 10px} .carousel { /* Icon Cards */ /* CTA Featurette */ .marcom__card-headShot {width:100%} /* Featured Video */ width: 1px; .marcom__banner-largeFullImg {height: 188px; padding: 40px 0 0 20px; background-size: 115%; background-repeat: no-repeat; background-position: top center;} .marcom__header-icon img {width: 100%; position: absolute; top: 5px} .carousel-inner > .active.right { .marcom__hero-wideHeading img {margin-right: 0px; width:38px} .marcom__header-iconLarge {float: left; width: 8%; position: relative; margin-top: -5px} margin-left: -10px; position: relative; .marcom__banner-fullBGBody {width: 23%} a.marcom__whiteLink:hover {text-decoration: underline} width: 15%; .marcom__header-logoM img {width:100%} bottom: 20px; height: 220px; .markCol-3 {width: 47.6%;} h1.marcom__heroTitle-Large {color: #ffffff; font-size: 28px; line-height: 28px; font-weight: bold; margin: 0} .marcom__iconBanner {background-color: #ffffff; float: left; margin: 8px; display: flex; align-items: center} } [class*="markCol-"] {float: left; padding: 0;} .marcom__hero {width: 900px; height:300px; padding: 40px 15px; margin: 0 auto} font-family: serif; .video-responsive{overflow:hidden; padding-bottom:56.25%; position:relative; height:0;} .marcom__featuredVid-R {background-color: #eeeeee; margin-right: 8px} } Access My Account, Order History, Lists and more here. /* SEO */ a.marcom__cta-whiteGhost:hover { color: #29333b; background-color: #ffffff;} h1.marcom__heroTitle-Large {font-size: 36px; line-height: 36px; margin-left: 6px} .marcom__card-commerce {background-color: #ffffff} transform: translate3d(100%, 0, 0); padding-top: 56.25%; /* 16:9 Aspect Ratio */ /* Thin Hero */ License. } /* Full Width Secondary Banner */ .marcom__section-flexCenter {display: flex; align-items: center;} License. top: 1px; background-image: url(https://grainger-prod.adobecqms.net/content/dam/grainger/gus/en/public/digital-tactics/gcom/onsite/W-CC411CR-Catalog-Page-Refresh_OSH-1440x205.jpg) You have successfully unsubscribed from all marketing email communications. position: relative; p.marcom__bodyS {font-size: 12px; line-height: 16px; font-weight: normal; /*padding-bottom: 0px;*/ margin: 0} a.marcom__cta-whiteGhost {font-size: 14px; line-height: 22px; color: #ffffff; font-weight: bold; text-decoration: none; padding: 13px 24px; border-radius: 4px; border: solid 2px #ffffff; background-color: transparent; min-width: 120px;} } /* Type Settings ===Should Match UX Styles after Design System is implimented=== */ /* Search Show/Hide Div */ "As businesses and institutions are challenged to find ways to do more with fewer resources, now . @media only screen } .marcom__dropdown { .marcom__banner-largeBody {width: 100%} .marcom__lightSection {min-width: 1116px} img.fullWidth {width: 100%} ul.marcom__listM {font-size: 14px; line-height: 18px; padding-bottom: 16px; margin: 0; list-style: disc; margin-left: 15px} If there is a comments section, copy and paste this text: Please remove me from your postal mailings list. .marcom__iconBanner-alt {background-color: #eeeeee; float: left; margin: 8px; display: flex; align-items: center; position: relative} .marcom__tooltip-top .marcom__tooltiptext-top, .marcom__tooltip-right .marcom__tooltiptext-right, .marcom__tooltip-bottom .marcom__tooltiptext-bottom, .marcom__tooltip-left .marcom__tooltiptext-left {visibility: hidden; width: 300px; background-color: #ffffff; color: #000000; text-align: center; border-radius: 0px; padding: 10px; position: absolute; z-index: 1; border: 2px solid #d8d8d8; opacity: 0; transition: opacity 0.3s;} .marcom__header-fixedImg {height: 375px} .marcom__breadW {color: #FFFFFF; font-size: 12px; margin-bottom: 16px} Upload. .marcom__card-headShot {width:100%} .marcom__col4-stretch {width: 100%} .marcom__hero-body {width: 90%; float: right} /* Icon Cards */ .marcom__text-centerLeft {text-align: left} .marcom__headL {font-size: 28px; line-height: 34px; font-weight: normal; padding-bottom: 8px; margin: 0} Remember that it can take up to 90 days for your request to be processed. width: 100%; .markCol-9 {width: 100%;} The Grainger catalog, ordering, and delivery process will not change for end-users. } .marcom__head-introFix-thin {font-size: 28px !important; line-height: 34px !important; font-weight: bold; width: 90%} text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); /*Flush Fix*/ .marcom__hero-ctaContact {float: left; margin-left: 10px} -o-transition: -o-transform 0.6s ease-in-out; height: auto; /* Change the background color of the dropdown button when the dropdown content is shown */ .marcom__card-titleBox {width: 100%; float: left; margin-bottom: 8px} } /* Thin Header */ /* ========= RESPONSIVE ADJUST CLASSES ========== */ position: absolute; .marcom__hero-contact {float: right; width: 55%} .marcom__tooltip-bottom .marcom__tooltiptext-bottom {margin-left: -150px; top: 125%; left: 50%;} MSC Industrial Supply Co-Our comprehensive library of virtual catalogs includes the Big Book, the Metalworking Catalog and our Safety offerings. /* Video with Description */ .marcom__bodyM-responsive {font-size: 13px; line-height: 17px; padding-bottom: 16px; margin: 0} Soins de sant mars 2022. /* Links inside the dropdown */ } h2.heroSubTitle-flush {font-size: 18px; line-height: 22px; margin:10px 0; color: #ffffff} @media all and (transform-3d), (-webkit-transform-3d) { Ordering from your mobile device has never been easier! 157 Summer 1980. by Editor | Jan 1, 1980. .marcom__card-clickFull-commerce {position: relative; border: 1px solid #eeeeee; margin-left: -1px; margin-top: -1px; padding: 5px} } .srchInput {float: left;margin-left: 2%;width: 68%;} .marcom__cardComplex-body {padding: 16px 24px} a.marcom__cta-secondarySolid {font-size: 14px; line-height: 22px; color: #ffffff; font-weight: bold; text-decoration: none; padding: 10px 16px; border-radius: 4px; background-color: #29333b; min-width: 0; position: relative}