License. .marcom__ctaPad-card {padding-bottom: 16px} This change is a result of a partnership between Guy Brown and Grainger for maintenance, repair, and operations (MRO) items. /* SEO */ .marcom__header-fixedImg img {width: 1100px} } Grainger's aggressively salt-of-the-earth slogan is "For the Ones Who Get It Done," and the joy of perusing its catalog is in seeing how very many things there are to get done, and how many ways we have of doing them. cursor: pointer; /*Responsive Video*/ .marcom__hero-wideHeading img {margin-right: 0px; width:38px} .marcom__featuredVid-R a img {width: 100%} src: url(https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"), url(https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/fonts/glyphicons-halflings-regular.woff2) format("woff2"), url(https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/fonts/glyphicons-halflings-regular.woff) format("woff"), url(https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/fonts/glyphicons-halflings-regular.ttf) format("truetype"), url(https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg") .srchInput {float: left;margin-left: 2%;width: 68%;} .carousel-caption { .heroTitle-flush img {margin-right: 16px; width:49px} .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__card-sup {font-size:0.5em} /* The container
- needed to position the dropdown content */ .carousel-control .glyphicon-chevron-left, .marcom__homePage-feature img {width: 125%; overflow: hidden; margin-left: -10%} bottom: 20px; .rightyP10 {float: right !important;margin-right: 10px;} .marcom__featureCTA {height: 240px} margin: 0 auto; .marcom__featuredVid-R {background-color: #eeeeee; margin-right: 8px} .marcom__card-clickFull-commerceAlt:hover {border: 4px solid #cccccc; padding: 0px} .marcom__featureCTA-headline {padding: 10% 0 0 0} [id*="markRow-"] {padding: 0px} /*.marcom__headline-icon {width: 25px; margin-right: 8px;}*/ .marcom__hero-thin h1.heroTitle-thin {font-size: 42px; line-height: 44px} /* Grid */ .marcom__clickCard-full {position: absolute; width: 100%; height: 100%; top: 0; left: 0; font-size: 0} /*CHEVRONS*/ p.heroCopy {font-size: 14px; margin:10px 0 20px 0} padding-top: 100%; /* 16:9 Aspect Ratio */ The Grainger catalog, ordering, and delivery process will not change for end-users. /* Social Cards */ .marcom__header-icon {float: left; width: 9%; position: relative} License. Manufacturing Essentials May 2022. content: "\e164"; h2.heroSubTitle-thin {font-size: 18px; margin:10px 0} #breadcrumbs {display:none} .marcom__hero-ctaHolder {color: #000000; font-size: 10px; font-weight:normal; padding:10px 15px; background-color: #ffffff; border-radius: 3px; float: left} /* Icon Cards */ @media only screen and (min-width: 769px) { padding-top: 130%; /* 16:9 Aspect Ratio */ .marcom__gradientSection {min-width: 916px} .marcom__banner-fullBGBody {width: 100%} .marcom__banner-largeFullImg {height: 188px; padding: 40px 0 0 20px; background-size: 115%; background-repeat: no-repeat; background-position: top center;} -moz-osx-font-smoothing: grayscale 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} Upload. /* Icon Banners */ a.marcom__cta-whiteGhost:hover { color: #29333b; background-color: #ffffff;} .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;} p.heroCopyW {color: #ffffff; font-size: 11px; font-weight:300; margin:10px 0 15px 0} .marketingShow-M {display: none;} .marcom__whiteCopy {color: #ffffff} You will still continue to receive non-promotional correspondence. /*Mobile*/ .carousel-inner > .item > a > img { .marcom__sectionHero-thin { } .marcom__section-full {width: 916px; padding: 40px 0 16px 0; margin:0 auto} .carousel-inner > .active { position: relative; .marcom__hero h1.heroTitle {font-size: 42px; line-height: 44px} /* ========= VIDEO CLASSES ========== */ .marcom__headerFlush-body {width: 33%} right: 0; position: absolute; /*Flush Fix*/ .markCol-3 {width: 23.25%;} If you have a credit card account with a retail store, you may receive both catalogs and circulars both online and through snail mail promoting sales. .marcom__headPad {padding-left: 8px} Explore. /* ========= BANNER CLASSES ========== */ } .markCol-12 {width: 100%;} h2.heroSubTitle-thin {color: #ffffff; font-size: 20px; line-height: 24px; font-weight:300; margin:10px 0} .epClear {margin: 0;height: 0;padding: 0;clear: both} .marcom__iconBanner-cardCopy {float:left; margin: 4px; width: 80%} right: 50%; /*================carousel==================*/ .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;} /* Full Width Secondary Banner */ .marcom__banner-fullBGBody {width: 22%} .marcom__headS {font-size: 18px; line-height: 21px; font-weight: normal; padding-bottom: 8px; margin: 0} content: "\203a"; .marcom__iconBanner-cardIcon img {width: 40px; float: left} .marcom__banner-large {height: 188px; padding: 24px 24px 24px 0; background-size: 115%; background-repeat: no-repeat; background-position: left bottom;} .marcom__head-introFix-thin {font-size: 28px !important; line-height: 34px !important; font-weight: bold; width: 90%} } /*Responsive Video*/ .carousel-control .icon-next { .marcom__tooltip-right .marcom__tooltiptext-right::after {top: 10px;} Ordering from your mobile device has never been easier! .lefty {float: left !important;} /*Footer*/ .marcom__hero {width: 700px; height:250px; padding: 20px 15px; margin:0 auto;} .marcom__tooltip-left .marcom__tooltiptext-left::after {top: 10px;} position: relative; Les essentiels de la fabrication mai 2022. .marcom__cta-hero {float: left; margin: 20px 0 0 0} margin: 0; padding: 10px 24px; } a.marcom__cta-commerce:hover { color: #ffffff; background-color: #98191a;} .marcom__bread a:hover {text-decoration: underline} .marcom__hero-messageFrame {width: 540px} } } left: 0; Grainger achieves its goal, We Keep the World Working, by ensuring the safety of its customers' operations and personnel by offering a broad range of product categories to more than 4.5 million customers worldwide. For assistance with returns, call Grainger Customer Care at 1-800-GRAINGER (472-4643) Custom orders are sold on a "Final Sale" basis only. position: relative; .marcom__card-commerce {background-color: #ffffff} .marcom__card-sup {font-size:0.5em} .marcom__featuredVid-R {background-color: #eeeeee; margin: 0} .marcom__hero-thin h1.heroTitle-thinS {color: #ffffff; font-size: 36px; line-height: 36px; font-weight: bold; margin: 0} .glyphicon-chevron-right:before { .marcom__levelPad-40 {padding: 40px 8px !important} filter: alpha(opacity=50); #srchDiv {width: 100%;background-color: #ccc;z-index: 99;padding: 65px 0 15px 0;display: none;position: absolute} Marques Grainger novembre 2022. @media all and (transform-3d), (-webkit-transform-3d) { .marcom__header-fixedImg {height: 244px} Thousands of new images every day Completely Free to Use High-quality videos and images from Pexels. .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;} Ressources Naturelles juillet 2022. License. .marcom__featureCTA-headline {padding: 8% 0 0 0} .marcom__section-flex {display: flex; flex-wrap: wrap;} left: 50%; } left: 0; Thousands of new images every day Completely Free to Use High-quality videos and images from Pexels. background-repeat: repeat-x; bottom: 0; .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__iconBanner-cardCopy p {padding: 0 20px 0 0; margin: 0} /* Card wCTA */ You can unsubscribe to any of the investor alerts you are subscribed to by visiting the 'unsubscribe' section below. .marcom__section-seo {max-width: 700px; padding: 24px 30px 40px 30px; margin:0 auto} No cancellations, returns, refunds or credits are allowed. float: left; Upload. .marcom__section-hero {width: 100%;height:450px; min-width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; margin-top: -10px} .marcom__iconBanner-cardCopy p {padding: 0 20px 0 0; margin: 0} .marcom__banner-fullBGBody {width: 23%} 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} cursor: pointer; .video-responsive iframe{left:0; top:0; height:100%; width:100%; position:absolute;} .markCol-1 {width: 8.33%;} .marcom__headM {font-size: 20px; line-height: 26px; font-weight: normal; padding-bottom: 8px; margin: 0} .marcom__card-clickFull-commerce:hover {border: 6px solid #eeeeee; padding: 0px} /* Header Position */ .markCol-7 {width: 58.33%;} Photos 182 Videos 53 Users 60. .marcom__breadW {color: #FFFFFF; font-size: 12px; margin-bottom: 16px} .marcom__homePage-feature-cta {position: absolute; left: 16px; bottom: 12px; color: #ffffff} For information regarding interest-based ads, please visit Ads & Tracking. left: 0; .marcom__featureCTA-headlineAdj {font-size: 1.8em; line-height: 1em; font-weight: bold} .markResFoot a {color: #ffffff;text-decoration: none;} .carousel-inner > .active.left { .marcom__header-fixedImg {background: url(https://static.grainger.com/images/W-BTIR1564_GOV-Sustainability_D_BG_OSH.jpg); background-size: cover; height: 155px} .marcom__iconBanner-static {background-color: #ffffff; float: left; margin: 8px; display: flex; align-items: center; position: relative} p.marcom__bodyS {font-size: 12px; line-height: 16px; font-weight: normal; /*padding-bottom: 16px;*/ margin: 0} .marcom__banner-largeBody {width: 60%} .marcom__5col-hack {width: 18.25%} /* Tool Tips */ Next-day delivery available with 24/7 support. @media only screen .marcom__hero-playBtn-grow {width:70px} /* Icon Banners */ font-size: 20px; .marcom__headerFlush-body {width: 100%} .marcom__hero-thin {width: 90%; height:250px; padding: 80px 15px 0 15px; margin:0 auto;} .marcom__section-hero {width: 100%;height:250px; min-width: 700px; background-size: cover; background-position: center; background-repeat: no-repeat; margin-top: -10px} .marcom__graySection {background-color: #eeeeee; width: 100%; min-width: 716px} .marcom__header-title {padding-left: 16px; width: 88%; float: left}