- needed to position the dropdown content */ .glyphicon-chevron-down:before { .marcom__iconBanner-alt {background-color: #eeeeee; float: left; margin: 8px; display: flex; align-items: center; position: relative} I bet there are other catalogs out there too that have the same page on its site. CatalogChoice can also be used to cancel catalogs and junk mail on behalf of . 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;} } background-color: #fff; .marcom__featureCTA-body {width: 100%; position: absolute; top: 0; padding: 21% 0 0 0; z-index: 2; text-align: center} .marcom__tooltip-right .marcom__tooltiptext-right::after {top: 10px;} /* Type Settings ===Should Match UX Styles after Design System is implimented=== */ .marcom__hero-wideHeading img {margin-right: 0px; width:49px} #topRibbon {display: none} .marcom__breadW a {color: #10acd2; text-decoration: none} .marcom__section-flexCenter {display: flex; align-items: center;} Do you buy our products from Grainger? Grainger's total sales dipped 0.3% in the fourth quarter, to $2.47 billion, and declined 1.6% to $10.14 billion for the year ended Dec. 31. .marcom__hero-thin {width: 900px; height:200px; padding: 40px 15px; margin: 0 auto} #container {min-width: 0;padding: 0} and (max-device-width: 480px) { /* Change the background color of the dropdown button when the dropdown content is shown */ Power tools, boots, hard hats, hardware, generators, tool boxes, and the beloved duct tape that fixes all evils, suitable for the testosterone charged, hard working, not-in-the-office kind of guy. .carousel-control .icon-prev, .marcom__bread {color: #FFFFFF; padding-left: 0; margin-bottom: 32px} h2.heroSubTitle {color: #ffffff; font-size: 22px; font-weight:300; margin:10px 0} .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;} .marcom__banner-large {height: 263px; background-size: 100%} /*.header-responsive-sprite1, .header-responsive-sprite2, .header-responsive-sprite3, .header-responsive-sprite4 {background: url('https://static.grainger.com/images/content-responsive-sprite.png') no-repeat;overflow: hidden;text-indent: -9999px;text-align: left;}*/ padding-top: 100%; /* 16:9 Aspect Ratio */ .marcom__iconBanner-anchorCopy p {padding: 0 5px 0 0; margin: 0} /* Type Settings ===Should Match UX Styles after Design System is implimented=== */ .markCol-2 {width: 47.6%;} .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__marginTop-20 {margin-top: 20px} /* Thin Header */ } Job Purpose: To assist the shipping staff, by coordinating and prioritizing work, or activities. .marcom__section-hero {width: 100%;height:250px; min-width: 700px; background-size: cover; background-position: center; background-repeat: no-repeat; margin-top: -10px} height: 12px; transform: translate3d(-100%, 0, 0); .marcom__bread-thin a:hover {text-decoration: underline} .marcom__textAlign-center {text-align: center} height: 30px; .marcom__col4-stretch {width: 100%} display: block; .marcom__card-commerce {background-color: #ffffff} .marcom__whiteCopy {color: #ffffff} .marcom__header-fixedImg {height: 375px} .marcom__PadClear-bottom {padding-bottom: 0 !important} 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} .marcom__section-full {width: 100%; padding: 40px 0 16px 0; margin:0 auto} Designed to true (make a wheel round and run true) and dress (clean, shape, or open the wheel face) toolroom grinding wheels. [id*="markRow-"] {padding: 0px} .srchInput {float: left;margin-left: 2%;width: 68%;} .marcom__head-introFix-thin {font-size: 24px !important; line-height: 1em !important; font-weight: bold; width: 80%} a.marcom__whiteLink:hover {text-decoration: underline} We will submit your request. .marcom__header-iconLarge {float: left; width: 8%; position: relative; margin-top: -5px} Are you sure you want to continue. .marcom__gradientSection-gray {background-image: linear-gradient(to bottom, rgba(238, 238, 238, 0.6), #eeeeee 99%); width: 100%; min-width: 0} .marcom__hero-body {width: 90%; float: right} p.heroCopy-flush {font-size: 12px; margin:10px 0 20px 0; color: #ffffff} } Posted September 5, 2021. .marcom__section-full {width: 1116px; padding: 40px 0 16px 0; margin:0 auto} /* Search Show/Hide Div */ left: 15%; .marcom__section-full {width: 716px; padding: 40px 0 24px 0; margin:0 auto} .marcom__banner-largeFullImg {height: 215px; padding: 50px 0 0 30px; background-size: 100%} If you experience any issues with this process, please contact us for further assistance. margin: 1px; p.marcom__bodyS {font-size: 12px; line-height: 16px; font-weight: normal; /*padding-bottom: 16px;*/ margin: 0} /* UX Buttons*/ /* Product Grid */ } phone 1.866.438.4553 chat_bubble_outline Chat. display: inline-block; Ressources Naturelles juillet 2022. .marcom__header-fixedImg {height: 244px} .video-responsive{overflow:hidden; padding-bottom:56.25%; position:relative; height:0;} /* Thin Header */ .carousel-inner > .item.next.left, .marcom__featuredVid-L {padding: 24px 32px; background-color: #eeeeee; margin: 0} height: 1px; .marcom__iconBanner-glyphAction {position: absolute; top: 5px; right: 5px; color: #cccccc; font-size: 14px;} .carousel-control .glyphicon-chevron-right { You do not have to be a business to buy from Grainger, you just have to set up an account. .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)} @media only screen and (min-width: 1200px) { .marcom__sectionHero-thin {height:200px} width: 10px; p.heroCopyW {font-size: 22px; margin:10px 0 30px 0} padding: 0px; clear: both; background-repeat: repeat-x; @media only screen and (min-width: 1200px) { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); Building a safer today for a secure tomorrow. @media only screen and (min-width: 769px) { .marcom__ctaPad-card {padding-bottom: 16px} Unsubscribe. .marcom__vidDescription {padding: 8px} .marcom__levelPad-40 {padding: 40px 8px !important} .marcom__hero h1.heroTitle {color: #ffffff; font-size: 37px; line-height: 35px; font-weight: bold; margin: 0} /* Commerce */ .markResFoot a {color: #ffffff;text-decoration: none;} .marcom__card-clickFull {position: relative} margin-right: -10px; .marcom__iconCard-content img {width: 100%; margin-bottom: 24px} (PDF-5.1MB) Grainger Catalog Part 1 (PDF-2.9MB) Grainger Catalog Part 2 (PDF-2.3MB) I only buy from them when someone else doesn't have the part. p.marcom__bodyS {font-size: 12px; line-height: 16px; font-weight: normal; /*padding-bottom: 0px;*/ margin: 0} .marcom__headerFlush-body {width: 33%} font-family: "Glyphicons Halflings"; width: 100%; .marcom__section-seo {max-width: 700px; padding: 24px 30px 40px 30px; margin:0 auto} From there, Catalog. .marcom__glyphLeft-smartFix {position: absolute; left: 20px; top: 45%; color: #cccccc; font-size: 32px} .marcom__card-clickFull-commerceAlt {position: relative; border: 1px solid #cccccc; margin-left: -1px; margin-top: -1px; padding: 3px} /* G.Com Normalize */ content: "\2039"; .marcom__hero-wideHeading img {margin-right: 0px; width:38px} left: 100%; #header-breadcrumb-container {display: none} Search for the sender, and submit the optout request. .video-responsive iframe{left:0; top:0; height:100%; width:100%; position:absolute;} .marcom__head-introFix {font-size: 24px !important; line-height: 1em !important; font-weight: bold; width: 80%} text-shadow: none; font-weight: bold; .marcom__header-logoM img {width:75%} /* HP Feature Banners */ h2.heroSubTitle-thin {font-size: 18px; margin:10px 0} /* ========= VIDEO CLASSES ========== */ .marcom__featureCTA-headline {width: 100%; position: absolute; top: 0; padding: 7% 0 0 0; z-index: 2; text-align: center} .marcom__iconBanner-cardSVG img {width: 40px; float: left} /* Card wCTA */ To submit your Opt Out request (s), please click the appropriate button (s) below. .carousel-inner > .prev { /* Full Width Secondary Banner */ .carousel-control .icon-next, .carousel-control .icon-prev, While we enjoy sharing Crate and Barrel news, products, events and sales with you, we'd like to make it easier for you to unsubscribe from receiving our email messages and/or catalogs should that be your choice. ul.marcom__listM {font-size: 14px; line-height: 18px; padding-bottom: 16px; margin: 0; list-style: disc; margin-left: 15px} Oh, and you can get ANYTHING there, any time. .marcom__headL {font-size: 28px; line-height: 34px; font-weight: normal; padding-bottom: 8px; margin: 0} Create a Second Email Address. Grainger This company accepts opt-out requests on their website. .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__homePage-feature-body {position: absolute; left: 16px; top: 16px; color: #ffffff; width: 65%} /* Header Sprites */ h2.heroSubTitle-flush {font-size: 16px; line-height: 20px; margin:10px 0; color: #ffffff} .marcom__graphicSection {background-size: cover; background-repeat: no-repeat; width: 100%; min-width: 716px} .marketingShow-M {display: block;} left: 0; .marcom__bottomAdd-24 {padding-bottom: 24px} .marcom__iconBanner-cardCopy p {padding: 0 20px 0 0; margin: 0} .marcom__section-hero {height:300px} .carousel-inner > .item > img, .marcom__banner-fullBG {height: 375px} In the options menu, you can select "unsubscribe from junk mail" or simply mark the sender as spam. .marcom__colPad-5 {padding: 5px} color: #fff; .marcom__featurette img {width: 100%; display: block} .marcom__card-clickFull-commerce {position: relative; border: 1px solid #eeeeee; margin-left: -1px; margin-top: -1px; padding: 5px} cursor: pointer; } .markCol-12 {width: 100%;} .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__card-gray {background-color: #eeeeee; margin: 8px;} .marcom__banner-large {height: 288px; padding: 16px; background-size: 115%; background-repeat: no-repeat; background-position: left bottom;} !" margin-left: -10px; h1.heroTitle-flush {border-bottom: 3px solid #CC1F31; float: left; color: #ffffff; font-size: 36px; line-height: 40px; font-weight: bold; margin: 0; padding-bottom: 5px} If you no longer want to receive marketing e-mails from us, you may choose to unsubscribe at any time. .marcom__hero-wide {width: 100%;height:300px; min-width: 916px; background-size: cover; background-position: center; background-repeat: no-repeat; margin-top: -10px}