margin: 0; /*#eheader {display: none} transition: -webkit-transform 0.6s ease-in-out; .marcom__graySection {min-width: 1116px} English Catalog with Grainger's SKU Numbers. h1.heroTitle-flush {border-bottom: 3px solid #CC1F31; float: left; color: #ffffff; font-size: 37px; line-height: 0; font-weight: bold; margin: 0; padding-bottom: 8px} .marcom__header-title {padding-left: 16px; width: 88%; float: left} .marcom__card-iconL {width: 18%; float: left; margin-right: 8px} .marcom__homePage-feature {width: 100%; position: relative; height: 150px; overflow: hidden} /*Add this to other queries and use to tune in 2col for mobile products*/ /* Icon Banners */ .marcom__header-iconLarge img {width: 100%; position: absolute; top: 5px} .carousel-control .glyphicon-chevron-right { .marcom__hero h1.heroTitle {font-size: 69px; line-height: 61px} .carousel-control .icon-next:before { Refuse to Click Suspicious Links. margin: 0; and (max-device-width: 480px) { text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); .marcom__anchorBumper-60 {height: 60px; margin-top: -60px} .video-responsive{overflow:hidden; padding-bottom:56.25%; position:relative; height:0;} GRAINGER Cancellation Instructions Due to the speed we fulfill your requests, we are unable to cancel orders for immediate shipment. .marcom__featureCTA-headlineAdj {font-size: 2em; line-height: 1.1em} .marcom__iconCard-content img.catImg {width: auto; height: 130px; margin-bottom: 24px} @media only screen and (min-width: 1200px) { .marcom__iconBanner-cardCopy {float:left; margin: 4px; width: 80%} /*Clears*/ .marcom__marginTop-20 {margin-top: 20px} .marcom__hero-wideHeading img {margin-right: 0px; width:27px} font-weight: 400; } .carousel-inner { /* Full Width Secondary Banner */ .carousel-control.right { .marcom__bread a {color: #00739e; text-decoration: none} #header-breadcrumb-container {display: none} /* ========= VIDEO CLASSES ========== */ .carousel-control:hover, .marcom__tooltip-right .marcom__tooltiptext-right {margin-left: -150px; bottom: 125%; left: 50%;} padding-top: 100%; /* 16:9 Aspect Ratio */ /* Social Cards */ .marcom__banner-largeBodyFullImg {width: 100%} /*CHEVRONS*/ Here are four ways to reduce the volume of unwanted mail delivered by USPS: 1. width: 100%; Enable JavaScript by changing your browser options, and then try again. .marcom__featureCTA {height: 240px} /* Simple Card */ .carousel-inner > .item.active.right { @media only screen and (min-width: 769px) { } p.heroCopyW {font-size: 14px; margin:10px 0 20px 0} p.heroCopy-flush {font-size: 14px; margin:10px 0 20px 0; color: #ffffff} .marcom__vidDescription {padding: 8px} .marcom__iconBanner-cardCopy {float:left; margin: 4px; width: 80%} left: 15%; Many catalogs have unsubscribing information within the pages of the catalog. .marcom__featureCTA-headline {width: 100%; position: absolute; top: 0; padding: 7% 0 0 0; z-index: 2; text-align: center} We want to be sure we're getting the right catalogs to the right people. /* Section Containers */ .marcom__headM-responsive {font-size: 20px; line-height: 26px; padding-bottom: 8px; margin: 0} a.marcom__cta-whiteGhost {font-size: 11px; line-height: 22px; color: #ffffff; font-weight: bold; text-decoration: none; padding: 10px 10px; border-radius: 4px; border: solid 2px #ffffff; background-color: transparent; min-width: 0;} /* UX Buttons*/ .marcom__iconBanner-anchor {background-color: #ffffff; border: 1px solid #d8d8d8; float: left; margin: 8px; display: flex; align-items: center; position: relative} and (max-device-width: 320px) { /* Social Cards */ .userAccountSummary{ Posted September 5, 2021. 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;} .marcom__tooltip-left .marcom__tooltiptext-left::after {top: 10px;} .marcom__tooltip-left .marcom__tooltiptext-left::after {bottom: auto; top: 5px; left: 100%; margin-left: 0; margin-right: -5px; border-width: 10px; border-style: solid; border-color: transparent transparent transparent #d8d8d8;} .marcom__headPad {padding-left: 8px} .marcom__banner-fullBG {height: 295px; background-size: 100%; background-repeat: no-repeat; background-position: center; background-image: url(https://grainger-prod.adobecqms.net/content/dam/grainger/gus/en/public/digital-tactics/gcom/onsite/W-CTBR303_Services_OSB_1100x470.png)} .marcom__ctaPush-16 {margin-top: 16px} .marcom__banner-largeBodyFullImg {width: 55%} But you'll also find motors and bearings, circuit . height: 10px; } /* Featured Video */ .glyphicon { /* Type Settings ===Should Match UX Styles after Design System is implimented=== */ Remember that it can take up to 90 days for your request to be processed. /* Grid */ p.marcom__bodyS {font-size: 12px; line-height: 16px; font-weight: normal; /*padding-bottom: 16px;*/ margin: 0} .marcom__card-titleBox h3 {padding-bottom: 0; margin: 0} /*Flush Fix*/ /* ========= RESPONSIVE ADJUST CLASSES ========== */ Grainger has a nice catalog and lots of products but their listed prices are very high. p.marcom__bodyM {font-size: 14px; line-height: 18px; font-weight: normal; /*padding-bottom: 16px;*/ margin: 0} .markCol-5 {width: 41.66%;} .header-responsive-sprite1 {width: 144px;height: 41px;} CatalogChoice can also be used to cancel catalogs and junk mail on behalf of . /* G.Com Normalize */ .marcom__header-icon {float: left; width: 9%; position: relative} .marcom__card-commerce {background-color: #ffffff} .marcom__hero h1.heroTitle {font-size: 42px; line-height: 44px} .carousel-control .icon-next { /* Product Grid */ .marcom__headM {font-size: 20px; line-height: 26px; font-weight: normal; padding-bottom: 8px; margin: 0} .marcom__card-socialIcon {height: 50px} .marcom__header-icon img {width: 100%; position: absolute; top: 5px} background-color: #000 \9; .marcom__headline-icon {width: 31px; height: 31px; position: relative; top: -5px; margin-right: 16px} .marcom__iconBanner-cardIcon img {width: 40px; float: left} .marcom__iconBanner {background-color: #ffffff; float: left; margin: 8px; display: flex; align-items: center} Can't find it? h2.heroSubTitle-thin {color: #ffffff; font-size: 20px; line-height: 24px; font-weight:300; margin:10px 0} .marcom__lightSection {background-color: #ffffff; width: 100%; min-width: 716px} .marcom__gradientSection-gray {background-image: linear-gradient(to bottom, rgba(238, 238, 238, 0.6), #eeeeee 99%); width: 100%; min-width: 716px} .marcom__section-seo {max-width: 700px; padding: 16px 30px 32px 30px; margin:0 auto} Need something before your catalog arrives? .glyphicon-new-window:before { If so, this is the catalog for you. .header-responsive-sprite4 {width: 28px;height: 28px;} .marcom__colPad-20 {padding: 20px}.marcom__colPad-8 {padding: 8px} margin-left: -30%; } /* Headings */ .marcom__header-title {padding-left: 5px; width: 88%; float: left} .marcom__homePage-feature-body {width: 50%} .marcom__5col-hack {width: 18.56%} } .marcom__hero {width: 900px; height:300px; padding: 40px 15px; margin: 0 auto} left: 20%; background-color: #f9f9f9; /*Banner Wide Text*/ .marcom__header-title {padding-left: 5px; width: 88%; float: left} If you must enter a business name make one up. .marcom__card-titleBox h3 {padding-bottom: 0; margin: 0} .marcom__iconBanner-cardCopy p {padding: 0; margin: 0} .marcom__card-headShot {width:100%} /*================carousel==================*/ .marcom__seo-body {text-align: center; padding: 0 15%} position: static; .carousel-inner > .item.active { } margin-left: -10px; .marcom__banner-fullBGBody {width: 23%} .marcom__section-full {width: 916px; padding: 40px 0 16px 0; margin:0 auto} .marcom__cta-hero {float: left; margin: 20px 0 20 0} .marcom__section-hero {width: 100%;height:250px; min-width: 700px; background-size: cover; background-position: center; background-repeat: no-repeat; margin-top: -10px} h2.heroSubTitle-thin {font-size: 20px; line-height: 24px; margin:10px 0} .marcom__header-logoM img {width:75%} position: relative; .marcom__banner-fullBG {height: 470px} Inquire or shop direct today! .marcom__headM-responsive {font-size: 16px; line-height: 20px; padding-bottom: 8px; margin: 0} .marcom__header-fixedImg img {width: 100%} .marcom__hero-wideHeading img {margin-right: 0px; width:27px} .marcom__textAlign-center {text-align: center} .marcom__breadW a {color: #10acd2; text-decoration: none} width: 100%; padding-top: 20px; Follow this link, enter your personal information, and you have the option to unsubscribe from the catalog mailing list, print promotions, and special offers as well. } .marcom__tooltip-bottom .marcom__tooltiptext-bottom {margin-left: -150px; top: 125%; left: 50%;} .marcom__card-content {padding: 16px 24px} display: none; About Press Copyright Contact us Creators Advertise Developers Terms Privacy Policy & Safety How YouTube works Test new features Press Copyright Contact us Creators . I have called and emailed them, to no avail. /*================carousel==================*/ #markHeader p {color: #ABB0B6;margin: 3px 0;text-align: center;font-size: 11px;} .marcom__hero-wideContent {width: 1100px; height: 385px; margin: 0 auto; padding: 80px 0} position: absolute; .marcom__anchor-padAdj {padding: 8px 0} .marcom__card-clickFull-dark {position: relative} .marcom__imgGrid-bottom10 {margin-bottom: 10px} /*create more of these for optional padding*/ .marcom__colPad-20 {padding: 20px} } PNW USA. .markCol-9 {width: 75%;} } } Building a safer today for a secure tomorrow. .marcom__gradientSection {min-width: 1116px} .carousel-indicators { /* ========= BANNER CLASSES ========== */ .marcom__graySection {background-color: #eeeeee; width: 100%; min-width: 716px} .carousel-inner > .active { .marcom__hero-wide {width: 100%;height:300px; min-width: 916px; background-size: cover; background-position: center; background-repeat: no-repeat; margin-top: -10px} .marcom__hero-messageFrame {width: 300px} .marcom__hero-body {width: 88%; float: right; } .marcom__bottomAdd-24 {padding-bottom: 24px} /*create more of these for optional padding*/ .userAccountSummary{ h2.heroSubTitle-thin {color: #ffffff; font-size: 16px; line-height: 20px; font-weight:500; margin:10px 0} position: absolute; .marcom__sectionHero-thin {height:208px} /* Thin Hero */ .marcom__iFrame-Res { .marcom__card-sup {font-size:0.5em} filter: alpha(opacity=50); .marcom__featureCTA-button {bottom: 20px; position: absolute; z-index: 3; text-align: center; width: 100%} How can I contact Grainger? info Help. /* SEO */ Alternatively, you can call them at the number provided. .markCol-10 {width: 100%;} left: 0; .marcom__header-fixedImg img {width: 700px} Thank you for taking the time to visit the Catalog Preference Update Center. .markCol-2 {width: 47.6%;} [id*="markRow-"]::after { .carousel { .marcom__mobile-showDT {display: block} left: -100%; .marcom__featuredVid-L {padding: 24px 32px; background-color: #eeeeee; margin: 0} position: relative; p.marcom__bodyS {font-size: 12px; line-height: 16px; font-weight: normal; /*padding-bottom: 16px;*/ margin: 0} @media all and (transform-3d), (-webkit-transform-3d) { #container.content-page-container {max-width: 100%} opacity: 0.9; h1.marcom__hero-wideHeading {border-bottom: 3px solid #CC1F31; float: left; color: #ffffff; font-size: 69px; line-height: 0; font-weight: bold; margin: 0; padding-bottom: 10px} .carousel-inner > .active, } .marcom__hero-contact p {color: #ffffff; font-size: 9px; font-weight:300; margin: 13px 0 0 0} /* Commerce */ These include Grainger certificate of conformity, OEM certificate of conformity and lot traceability certificates. .sr-only { .carousel-inner > .item.next, padding-bottom: 20px; clip: auto .marcom__card-white {background-color: #ffffff; margin: 8px;} .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__marginTop-10 {margin-top: 10px} Please remove me from your postal mailings list. But I got my mop head for a really good price (and it was the super deluxe one) and the store was clean organized, and easy to shop. transform: translate3d(-100%, 0, 0); .carousel-inner > .next, Tools should be used at traverse speeds of 8 to 10 per min., held at a 15 angle to wheel centerline, and turned periodically to maintain a sharp diamond point. }, .marcom__sectionHero-thin { } 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;} .marcom__card-commerce {background-color: #ffffff} display: block; .marcom__text-centerLeft {text-align: center} .marcom__dropdown:hover .marcom__dropdown-content { .marcom__iconBanner-cardSVG {float:left; margin: 4px; width: 40px} p.heroCopy {color: #ffffff; font-size: 11px; font-weight:300; margin:10px 0 15px 0} left: 100%; .marcom__banner-largeFullImg {height: 188px; padding: 40px 0 0 20px; background-size: 115%; background-repeat: no-repeat; background-position: top center;} .marcom__tooltip-top .marcom__tooltiptext-top {margin-left: -150px; bottom: 125%; left: 50%;} Grainger Catalog for 2014. .marcom__hero-playBtn-grow {width:70px} .marcom__tooltip-bottom .marcom__tooltiptext-bottom::after {content: ""; position: absolute; bottom: 100%; left: 50%; margin-left: -5px; border-width: 10px; border-style: solid; border-color: transparent transparent #d8d8d8 transparent;} .marcom__featuredVid-Lalt {padding: 24px 32px; background-color: #ffffff; margin: 0} .marcom__hero-contact {float: right; width: 55%} /* SEO */ .marcom__card-clickFull-commerce:hover {border: 6px solid #eeeeee; padding: 0px} .marcom__head-introFix {font-size: 30px !important; line-height: 1em !important; font-weight: bold; width: 90%} .marketingShow-DT {display: block} .heroTitle-flush img {margin-right: 16px; width:36px} .marcom__cta-hero {float: left; margin: 20px 0 0 0} p.heroCopyW {color: #ffffff; font-size: 11px; font-weight:normal; margin:0; padding-right: 0; padding: 0} bottom: 20px; .marcom__banner-fullBGBody {width: 22%} /* ========= TABLET CLASSES ========== */ bottom: 20px; .markCol-12 {width: 100%;} .marcom__header-icon {float: left; width: 8%; position: relative} Item # 375NM0. However, it seems JavaScript is either disabled or not supported by your browser. .marcom__featureCTA-headline {padding: 10% 0 0 0}