.marcom__hero-ctaContact p.smallCopy {font-size: 12px} .marcom__bread {color: #FFFFFF; padding-left: 0; margin-bottom: 40px} #markHeader a {color: #ABB0B6;} /*Hero Banner Start (Image)*/ /* Social Cards */ /*Banner Wide Text*/ img.fullWidth {width: 100%} .marcom__banner-section img {width: 100%} .marcom__col4-stretch {width: 100%} 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) .marcom__homePage-feature {width: 100%; position: relative; height: 150px; overflow: hidden} text-align: center; .markCol-12 {width: 100%;} .video-responsive iframe{left:0; top:0; height:100%; width:100%; position:absolute;} .marcom__header-fixedImg img {width: 700px} } .marcom__hero-contact p {color: #ffffff; font-size: 14px; font-weight:300; margin: 3px 0 0 0} opacity: 0.9; /* Tool Tips */ .carousel-control .icon-next { .marcom__hero-body {width: 90%; float: right} background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); . p.heroCopyW {color: #ffffff; font-size: 11px; font-weight:300; margin:10px 0 15px 0} .marcom__card-clickFull-commerce {position: relative; border: 1px solid #eeeeee; margin-left: -1px; margin-top: -1px; padding: 5px} max-width: 100%; If you no longer want to receive marketing e-mails from us, you may choose to unsubscribe at any time. } .marcom__seo-body {text-align: center; padding: 0 15%} .marcom__iconCard-content img.productImg {width: 100%; margin-bottom: 24px} .marcom__card-titleBox {width: 100%; float: left; margin-bottom: 8px} [7] Sales in the early days were generated primarily through mail order via post cards and a catalog. /*hero Banner*/ .marcom__banner-large {height: 211px; background-size: 100%} .marcom__header-iconLarge img {width: 100%; position: absolute; top: 5px} background-color: rgba(0, 0, 0, 0); .marcom__section-full-noBox {width: 700px; padding: 40px 8px 24px 8px; margin:0 auto} /*Hero Banner Start (Image)*/ .marcom__tooltip-left .marcom__tooltiptext-left::after {top: 10px;} .marcom__graySection {min-width: 916px} @media only screen .marcom__hero-ctaContact p.number {color: #ffffff; font-size: 16px; font-weight:bold;} Healthcare March 2022. .marcom__hero-messageFrame {width: 350px} This change is a result of a partnership between Guy Brown and Grainger for maintenance, repair, and operations (MRO) items. .marcom__head-introFix-thin {font-size: 24px !important; line-height: 1em !important; font-weight: bold; width: 80%} .marcom__dropdown-content a:hover {background-color: #f1f1f1} Manufacturing Essentials May 2022. Free Grainger Catalog Unsubscribe Photos. .marcom__vidDescription {padding: 16px 24px} /* CTA Featurette */ } ul.marcom__listS {font-size: 12px; line-height: 16px; padding-bottom: 16px; margin: 0; list-style: disc; margin-left: 15px} .marcom__hero-wideHeading img {margin-right: 0px; width:27px} .marcom__dropdown-content a { .carousel-control .glyphicon-chevron-right, background-repeat: repeat-x; line-height: 1; .marcom__featureCTA-button {bottom: 30px} left: auto; .header-responsive-sprite3 {width: 29px;height: 28px;} height: 1px; .markCol-3 {width: 23.56%} .lefty {float: left !important;} .marcom__iconBanner-anchor {background-color: #ffffff; border: 1px solid #d8d8d8; float: left; margin: 8px; display: flex; align-items: center; position: relative} Catalog 413. /* Simple Card */ position: relative; /* Type Settings ===Should Match UX Styles after Design System is implimented=== */ .markCol-2 {width: 47.6%;} /* ========= BANNER CLASSES ========== */ background-color: #f9f9f9; height: 12px; .markCol-3 {width: 23.25%;} .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)} .srchInput {float: left;margin-left: 2%;width: 68%;} .marcom__hero-body {width: 90%; float: right} .marcom__banner-largeBodyFullImg {width: 100%} See Also: Grainger catalog removal Show details. transition: 0.6s ease-in-out left; /*.marcom__headline-icon {width: 25px; margin-right: 8px;}*/ /* Home Page Featurette */ p.heroCopy-flush {font-size: 16px; line-height: 20px; margin:10px 0 20px 0; color: #ffffff} .marcom__homePage-feature-body {width: 50%} .marcom__431col-hack {width: 23.56%} .marcom__hero {width: 1116px; height:385px; margin: 0 auto} .marcom__hero-thin h1.heroTitle-thin {font-size: 42px; line-height: 44px} .marcom__header-iconLarge {float: left; width: 8%; position: relative; margin-top: -2px} 157 Summer 1980. by Editor | Jan 1, 1980. overflow: hidden; .carousel-control .icon-next { .carousel-control:focus { .marcom__imgGrid-bottom10 {margin-bottom: 10px} /*Floats*/ However, it seems JavaScript is either disabled or not supported by your browser. /* Cards and Section Containers */ .markCol-12 {width: 100%;} /* Cards and Section Containers */ /* Card wCTA */ 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;} Many catalogs have unsubscribing information within the pages of the catalog. .marcom__breadW a {color: #10acd2; text-decoration: none} h1.heroTitle-flush {border-bottom: 3px solid #CC1F31; float: left; color: #ffffff; font-size: 69px; line-height: 0; font-weight: bold; margin: 0; padding-bottom: 10px} /* Change color of dropdown links on hover */ .marcom__banner-largeBody {width: 100%} .marcom__card-clickFull-commerceAlt:hover {border: 4px solid #cccccc; padding: 0px} background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); /* Show/Hide For Mobile */ /*Col/Card Colors*/ .marcom__seo-red {color: #be2122; font-weight: bold} 1. .marcom__card-headShot {width:100%} .marcom__cardComplex-body {padding: 16px} .marcom__whiteCopy {color: #ffffff} z-index: 10; .marcom__banner-fullClick {position: relative} .marcom__5col-hack-keepCol {width: 18.56%; float:left; padding: 8px} .marcom__homePage-feature img {position: absolute; top: 0; left: 0; width: 155%; overflow: hidden; margin-left: -25%} text-align: center; .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} }, Looking for our Online Catalogs? .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__iconBanner-cardIcon img {width: 40px; float: left} .marcom__headM {font-size: 20px; line-height: 26px; font-weight: normal; padding-bottom: 8px; margin: 0} .marcom__header-iconLarge {float: left; width: 8%; position: relative; margin-top: -5px} .marcom__featureCTA-headline {width: 100%; position: absolute; top: 0; padding: 7% 0 0 0; z-index: 2; text-align: center} #breadcrumbs {display:none} /*Clears*/ p.heroCopy-flush {font-size: 12px; margin:10px 0 20px 0; color: #ffffff} Grainger's Wholesale Net Price Motorbook Catalog No. .marcom__banner-largeFullImg {height: 488px; padding: 55px 24px 0 24px; background-size: 100%; background-repeat: no-repeat; background-position: top left;} .marcom__iconCard-content img.catImg {width: auto; height: 130px; margin-bottom: 24px} .carousel-inner > .item { left: 50%; width: 620px; .markCol-11 {width: 91.66%;} .marcom__5col-hack-keepCol {width: 45.62%; float:left; padding: 8px} .marcom__header-icon img {width: 100%; position: absolute; top: 5px} .marcom__5col-hack {width: 18.25%} color: black; .marcom__iconBanner-cardIcon {float:left; margin: 4px; width: 40px} .carousel-inner > .prev { .marcom__hero-wide {width: 100%;height:250px; min-width: 716px; background-size: cover; background-position: center; background-repeat: no-repeat; margin-top: -10px} /* Thin Hero */ .marcom__bottomAdd-24 {padding-bottom: 24px} .marcom__colPad-5 {padding: 5px} .marcom__card-icon {width: 12%; float: left; margin-right: 8px} /* Search Show/Hide Div */ content: "\e080" and (max-device-width: 480px) { .marcom__banner-largeBodyFullImg {width: 40%} /*.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__section-full {width: 1116px; padding: 40px 0 16px 0; margin:0 auto} .marcom__whiteCopy {color: #ffffff} a.marcom__cta-whiteGhost:hover { color: #29333b; background-color: #ffffff;} overflow: hidden; .marcom__header-logoM img {width:100%} .marcom__iconBanner-anchorImg img {width: 60px; float: left} Grainger Canada has been Canada's premiere industrial supplier for over 125 years. /* Links inside the dropdown */ .marcom__iconBanner-glyphAction {position: absolute; top: 5px; right: 5px; color: #cccccc; font-size: 14px;} a.marcom__whiteLink {color: #ffffff; text-decoration: none} .marcom__tooltip-left .marcom__tooltiptext-left::after {content: ""; position: absolute; bottom: 100%; left: 50%; margin-left: -5px; border-width: 10px; border-style: solid; border-color: transparent transparent #d8d8d8 transparent;} .userAccountSummary { .marcom__headS {font-size: 18px; line-height: 21px; font-weight: normal; padding-bottom: 8px; margin: 0} .marcom__featureCTA {position: relative; height: 140px; background-size: cover} 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 Grainger. /* HP Feature Banners */ .carousel-inner { margin-top: -10px; p.marcom__bodyM {font-size: 14px; line-height: 18px; font-weight: normal; /*padding-bottom: 16px;*/ margin: 0} } .marcom__banner-large {height: 263px; background-size: 100%} p.marcom__bodyL {font-size: 16px; line-height: 20px; font-weight: normal; /*padding-bottom: 16px;*/ 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__dropbtn { .marcom__card-content {padding: 8px} .marcom__glyphRight-smartFix {position: absolute; right: 20px; top: 45%; color: #cccccc; font-size: 32px}