/*#eheader {display: none} .marcom__PadClear-top {padding-top: 0 !important} .marcom__banner-largeBody {width: 100%} } .marcom__featureCTA-button {bottom: 30px} .marcom__hero-contact div {font-size: 1.8em; font-weight: bold; color: #ffffff} License. .marcom__text-centerLeft {text-align: center} .marcom__headerFlush-body {width: 33%} /*Clears*/ I'd like to. .marcom__card-titleBox p {padding-bottom: 0; margin: 0; line-height: 12px} position: relative; /* SEO */ background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); Photos 153 Videos 53 Users 54. .marcom__hero-body {width: 90%; float: right} .marcom__bread {color: #FFFFFF; padding-left: 0; margin-bottom: 40px} bottom: 10px; /*Flush Fix*/ .marcom__card-commerce {background-color: #ffffff} .marcom__section-flexCenter {display: flex; align-items: center;} left: 0; .srchCancel {float: right;margin-right: 2%;width: 28%} /* Icon Banners */ . } .marcom__hero-wideHeading img {margin-right: 0px; width:27px} /*create more of these for optional padding*/ .marcom__header-fixedImg {height: 375px} Skip to the page header; Skip to the main navigation; Skip to the page content; Skip to the page footer; Search. .marcom__card-clickFull-dark:hover {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);} /* ========= RESPONSIVE ADJUST CLASSES ========== */ .marcom__hero-thin h1.heroTitle-thinS {font-size: 30px; line-height: 36px} .marcom__header-logoM img {width:50%} .marcom__breadW {color: #FFFFFF; font-size: 12px; margin-bottom: 16px} ul.marcom__listL {font-size: 16px; line-height: 20px; padding-bottom: 16px; margin: 0; list-style: disc; margin-left: 15px} .marcom__hero-contact {float: right; width: 55%} } . Upload. bottom: 20px; .marketingShow-DT {display: none} p.heroCopy {color: #ffffff; font-size: 11px; font-weight:300; margin:10px 0 15px 0} .marcom__hero h1.heroTitle {font-size: 42px; line-height: 44px} transition: transform 0.6s ease-in-out; #side-nav {display: none} .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__headM {font-size: 20px; line-height: 26px; font-weight: normal; padding-bottom: 8px; margin: 0} #container.content-page-container {max-width: 100%} .marcom__hero-wideHeading img {margin-right: 0px; width:49px} /*Col/Card Colors*/ a.marcom__cta-whiteGhost:hover { color: #29333b; background-color: #ffffff;} width: 10px; .marcom__breadW {color: #FFFFFF; font-size: 12px; margin-bottom: 16px} /*================carousel==================*/ .carousel-control .icon-next:before { .marcom__bodyM-responsive {font-size: 13px; line-height: 17px; padding-bottom: 16px; margin: 0} .epClearAlign {clear: both;float: none !important;} .carousel-control .icon-next { .marcom__header-iconLarge {float: left; width: 8%; position: relative; margin-top: -5px} .marcom__dropdown-content { .marcom__hero h1.heroTitle {font-size: 69px; line-height: 61px} display: inline-block; .carousel-control .icon-prev { If you no longer want to receive marketing e-mails from us, you may choose to unsubscribe at any time. .marcom__banner-largeBody {width: 60%} /* Icon Cards */ position: relative; .marcom__hero h1.heroTitle {color: #ffffff; font-size: 37px; line-height: 35px; font-weight: bold; margin: 0} .marcom__5col-hack-keepCol {width: 47.6%; float:left} z-index: 15; .carousel-indicators { top: 0; .marcom__hero h1.heroTitle {color: #ffffff; font-size: 37px; line-height: 35px; font-weight: bold; margin: 0} .marcom__breadW {color: #FFFFFF; font-size: 10px; margin-bottom: 16px} .userAccountSummary{ No reviews. .marcom__homePage-feature-body {position: absolute; left: 16px; top: 8px; color: #ffffff; width: 70%} #container {min-width: 0;padding: 0} h2.heroSubTitle {font-size: 32px; line-height: 35px; margin:10px 0} .marcom__cardLink-headline {background-color: #eeeeee; padding-bottom: 20px !important} .marcom__featuredVid-L {padding: 24px 32px; background-color: #eeeeee; margin: 0} Remember that it can take up to 90 days for your request to be processed. display: inline-block; Free Grainger Catalog Unsubscribe Photos. clip: auto .marcom__bread-thin {color: #FFFFFF; font-size: 10px; margin-bottom: 16px} .marcom__cta-hero {float: left; margin: 20px 0 0 0} .marcom__bread-thin a {color: #10ACD2; text-decoration: none} position: static; .marcom__tooltip-right .marcom__tooltiptext-right::after {top: 10px;} .carousel-control { .carousel-inner > .item > img, Grainger achieves its purpose, We Keep the World Working, by serving more than 4.5 million customers worldwide with a wide range of product categories that keep customer . right: 15%; /* SEO */ /* Social Cards */ .marcom__homePage-feature {width: 100%; position: relative; height: 150px; overflow: hidden} .marcom__tooltip-right .marcom__tooltiptext-right {top: 0; left: 103%; margin-left: 0; bottom: auto;} .marketingShow-M {display: none;} p.marcom__bodyS {font-size: 12px; line-height: 16px; font-weight: normal; /*padding-bottom: 16px;*/ margin: 0} /* Section Containers */ Upload Join. font-size: 20px; Download and use 100+ Grainger Catalog Unsubscribe stock photos for free. .marcom__headerFlush-body {width: 100%} position: relative; .marcom__hero-ctaContact p.number {font-size: 22px} background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); padding: 40px 0; .marcom__background-gray {background-color: #cccccc} bottom: 0; .marcom__glyphLeft-smartFix {position: absolute; left: 20px; top: 45%; color: #cccccc; font-size: 32px} [class*=marcom__body] a:hover {text-decoration: underline} -webkit-perspective: 1000px; .marcom__breadW {color: #FFFFFF; font-size: 10px; margin-bottom: 8px} .userAccountSummary{ .carousel-caption .btn { } .marcom__section-full-noBox {width: 100%; padding: 40px 8px 24px 8px; margin:0 auto} .marcom__featureCTA-headline {padding: 8% 0 0 0} .marcom__hero-ctaContact {float: left; margin-left: 10px} -webkit-transform: translate3d(-100%, 0, 0); .markCol-12 {width: 100%;} .marcom__card-icon {width: 12%; float: left; margin-right: 8px} .markCol-6 {width: 48.56%} License. .glyphicon-chevron-left:before { width: 620px; filter: alpha(opacity=90); } On Monday, March 22, 2021, a Guy Brown/Grainger MRO Icon will replace the Grainger icon in SciQuest. .marcom__headS {font-size: 18px; line-height: 21px; font-weight: normal; padding-bottom: 8px; margin: 0; font-weight: bold} margin-left: -10px; /* Social Cards */ #srchDiv form.markSearch {border: 1px solid black;width: 100%;background-color: #fff;border-radius: 3px;} GRAINGER Cancellation Instructions Due to the speed we fulfill your requests, we are unable to cancel orders for immediate shipment. text-decoration: none; } } }, /*Add this to other queries and use to tune in 2col for mobile products*/ } top: 0; .lefty {float: left !important;} /* Anchor Boxes */ .marcom__seo-body {text-align: center; padding: 0 15%} .marcom__bread-thin a:hover {text-decoration: underline} License. .marcom__hero-wideContent {width: 716px; height: 250px; margin: 0 auto; padding: 40px 24px} backface-visibility: hidden; } /* Dropdown Content (Hidden by Default) */ /* Type Settings ===Should Match UX Styles after Design System is implimented=== */ .marcom__hero-ctaContact {float: left; margin-left: 10px} p.marcom__bodyL {font-size: 16px; line-height: 20px; font-weight: normal; /*padding-bottom: 16px;*/ margin: 0} .marcom__tooltip-bottom .marcom__tooltiptext-bottom {margin-left: -150px; top: 125%; left: 50%;} Ressources Naturelles juillet 2022. .marcom__iFrame-Res iframe { text-align: center; .marcom__section-hero {height:385px} .marcom__header-iconLarge {float: left; width: 8%; position: relative; margin-top: -2px} .marcom__headline-icon {width: 26px; height: 26px; position: relative; top: -5px; margin-right: 8px} right: 0; background-color: rgba(0, 0, 0, 0); .marcom__card-icon {width: 12%; float: left; margin-right: 8px} width: 1px; [class*="markCol-"] { } p.marcom__bodyM {font-size: 14px; line-height: 18px; font-weight: normal; /*padding-bottom: 16px;*/ margin: 0} .marcom__iconBanner-cardCopy p {padding: 0; margin: 0} /* ========= HEADER CLASSES ========== */ a.marcom__cta-whiteGhost:hover { color: #29333b; background-color: #ffffff;} @media only screen and (max-device-width: 480px) { /*Hero Banner Start (Image)*/ .marcom__imgGrid-bottom10 {margin-bottom: 10px} clip: rect(0, 0, 0, 0); .markCol-9 {width: 100%;} h2.heroSubTitle {color: #ffffff; font-size: 22px; font-weight:300; margin:10px 0} } .marcom__head-introFix-thin {font-size: 24px !important; line-height: 1em !important; font-weight: bold; width: 80%} font-weight: bold; .marcom__card-socialIcon {height: 50px} /*.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;}*/ } .marcom__headS {font-size: 18px; line-height: 21px; font-weight: normal; padding-bottom: 8px; margin: 0} .marcom__tooltip-right .marcom__tooltiptext-right::after {content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 10px; border-style: solid; border-color: #d8d8d8 transparent transparent transparent;} .marcom__tooltip-top .marcom__tooltiptext-top::after {content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 10px; border-style: solid; border-color: #d8d8d8 transparent transparent transparent;} .marcom__bottomAdd-8 {padding-bottom: 8px} .marcom__headM-responsive {font-size: 20px; line-height: 26px; padding-bottom: 8px; margin: 0} .marcom__iconBanner-alt {background-color: #eeeeee; float: left; margin: 8px; display: flex; align-items: center} .marcom__featuredVid-L {padding: 24px 32px; background-color: #eeeeee; margin-left: 8px} margin: -1px; @media only screen and (min-width: 1200px) { .marcom__hero-contact div {font-size: 1.8em; font-weight: bold; color: #ffffff} .marcom__featureCTA-headlineAdj {font-size: 2em; line-height: 1.1em} We're standing by and ready to help! You can also opt out of receiving magazine and credit card offers. .marcom__darkSection {min-width: 1116px} p.marcom__bodyM {font-size: 14px; line-height: 18px; font-weight: normal; /*padding-bottom: 16px;*/ margin: 0} .marcom__card-titleBox {width: 100%; float: left; margin-bottom: 8px} left: 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)} .carousel-inner > .next, /* Home Page Featurette */ /* CTA Featurette */ .marcom__homePage-feature-gtIcon {margin-left: 5px; float: left} color: #fff; .marcom__hero-thin h1.heroTitle-thin {font-size: 42px; line-height: 44px} .marcom__card-titleBox h3 {padding-bottom: 0; margin: 0} .marcom__card-image {width: 100%} 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__section-seo {width: 700px; padding: 24px 30px 40px 30px; margin:0 auto} .glyphicon { .marcom__darkSection {background-color: #000000; width: 100%; min-width: 0} .marcom__marginTop-20 {margin-top: 20px} /* Change color of dropdown links on hover */ .marcom__hero-wideContent {width: 1100px; height: 385px; margin: 0 auto; padding: 80px 0} Upload Join. /* Text/Link Cards */ .marcom__section-flexCenter {display: flex; align-items: center;} /* G.Com Normalize */ Explore. .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;} If you experience any issues with this process, please contact us for further assistance. .marcom__arrowRight {transform: rotate(-45deg); -webkit-transform: rotate(-45deg);} p.heroCopy-flush {font-size: 16px; line-height: 20px; margin:10px 0 20px 0; color: #ffffff} /* ========= TYPE CLASSES ========== */ .marcom__headPad {padding-left: 8px} .marcom__iconBanner-cardIcon {float:left; margin: 8px; width: 40px} .marcom__section-flex {display: flex; flex-wrap: wrap;} /* Grid */ } .marcom__banner-section {margin: 8px} /* Full Width Secondary Banner */ color: white; So short of making a phone call, instead I emailed their customer. filter: alpha(opacity=50); Upload. .marcom__5col-hack {width: 18.56%} .markCol-3 {width: 47.6%;} #breadcrumbs {display:none} position: relative; } .marcom__iconBanner-cardCopy {float:left; margin: 4px; width: 80%} } width: 12px; .marcom__header-icon {float: left; width: 9%; position: relative} ul.marcom__listM {font-size: 14px; line-height: 18px; padding-bottom: 16px; margin: 0; list-style: disc; margin-left: 15px} .marcom__featuredVid-Lalt {padding: 24px 32px; background-color: #ffffff; margin-left: 8px} .glyphicon-info-sign:before { .marcom__banner-fullClick {position: relative} @media only screen and (min-width: 769px) { Marques Grainger novembre 2022. 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;} } } Catalog 414. .markCol-8 {width: 64.92%;} .userAccountSummary { padding-bottom: 20px; Use the app to quickly narrow down your search, check account pricing,. .marcom__5col-hack-commerce {width: 50%} .marcom__banner-fullBGBody {width: 22%} /* Grid */ input.epField[type="search"] {box-sizing: content-box;width: 98%;text-align: center;border: none;padding: 10px 0;margin-left: 1%;} Check out the online versions of our catalogs or order online now. Upload Join. .marcom__header-icon img {width: 100%; position: absolute; top: 5px} Browse by product index and brand to find Grainger's 1.6 million+ products. box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); 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} /* SEO */ Best Seller in Tool Chests & Cabinets. .marcom__lightSection {min-width: 916px} h2.heroSubTitle-flush {font-size: 28px; line-height: 35px; margin:10px 0; color: #ffffff} .marcom__card-content {padding: 16px 24px} .marcom__section-flexCenter {display: flex; align-items: center;} .marcom__sectionHeader-copy {margin-bottom: 15px} Photos 101 Videos 53 Users 52. Free Grainger Catalog Unsubscribe Photos. Upload. .marcom__hero-ctaContact p.smallCopy {color: #ffffff; font-size: 10px; font-weight:normal;} left: 0; } .carousel-inner > .prev { } .marcom__iconBanner-cardCopy p {padding: 0 20px 0 0; margin: 0} .marcom__colPad-20 {padding: 20px}.marcom__colPad-8 {padding: 8px} h2.heroSubTitle {color: #ffffff; font-size: 18px; font-weight:500; margin:10px 0} src: url(https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/fonts/glyphicons-halflings-regular.eot); .marcom__header-icon img {width: 100%; position: absolute; top: 00px} [class*=marcom__body] a {text-decoration: none; color: #00739e} .marcom__sectionHero-thin {height:208px} .marcom__iconBanner-glyphAction {position: absolute; top: 5px; right: 5px; color: #cccccc; font-size: 14px;} .markCol-6 {width: 48.25%;} .marcom__anchor-padAdj {padding: 8px 0} Download and use 100+ Grainger Catalog Unsubscribe stock photos for free. /*#footer {margin-top: -10px}*/ content: "\e164"; .marcom__headL {font-size: 28px; line-height: 34px; font-weight: normal; padding-bottom: 8px; margin: 0} Thousands of new images every day Completely Free to Use High-quality videos and images from Pexels. left: 100%; .marcom__banner-fullBG {height: 470px} .marcom__iconCard-content {padding: 24px} .marcom__header-fixedImg img {width: 700px} p.heroCopyW {color: #ffffff; font-size: 11px; font-weight:normal; margin:0; padding-right: 0; padding: 0} .marcom__iconBanner-anchor {background-color: #ffffff; border: 1px solid #d8d8d8; float: left; margin: 8px; display: flex; align-items: center; position: relative} } /* The container