.marcom__iconBanner-cardIcon img {width: 40px; float: left} p.marcom__bodyS {font-size: 12px; line-height: 16px; font-weight: normal; /*padding-bottom: 0px;*/ margin: 0} font-size: 14px; .carousel-inner > .item { The Grainger catalog, ordering, and delivery process will not change for end-users. .video-responsive{overflow:hidden; padding-bottom:56.25%; position:relative; height:0;} .marcom__homePage-feature-cta {position: absolute; left: 16px; bottom: 12px; color: #ffffff} .marcom__featuredVid-R a img {width: 100%} /*Flush Fix*/ font-family: "Glyphicons Halflings"; .marcom__featuredVid-R {background-color: #eeeeee; margin: 0} Residential and Multifamily Maintenance. .marcom__PadClear-top {padding-top: 0 !important} .carousel-inner > .item.active.left { .marcom__breadW {color: #FFFFFF; font-size: 12px; margin-bottom: 16px} .marcom__banner-section {margin: 8px} /* Video with Description */ margin-left: -10px; .marcom__arrowUp {transform: rotate(-135deg); -webkit-transform: rotate(-135deg);} .marcom__breadW a {color: #10acd2; text-decoration: none} .carousel-control:hover, }, .marcom__sectionHero-thin { .marcom__banner-largeBodyFullImg {width: 30%} /* Social Cards */ p.heroCopy-flush {font-size: 12px; margin:10px 0 20px 0; color: #ffffff} } } width: 30px; .marcom__graphicSection {min-width: 916px} .marcom__banner-fullBG {height: 375px} .carousel-control .glyphicon-chevron-left, margin-left: -10px; bottom: 0; .marcom__iconCard-content img {width: 100%; margin-bottom: 24px} transition: transform 0.6s ease-in-out, -webkit-transform 0.2s ease-in-out, -o-transform 0.6s ease-in-out; .marcom__text-centerLeft {text-align: center} p.heroCopyW {color: #ffffff; font-size: 11px; font-weight:300; margin:10px 0 15px 0} .marcom__featurette img {width: 100%; display: block} and (max-device-width: 480px) { .marcom__header-logoM img {width:75%} .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__hero-ctaContact {float: left; margin-left: 10px} .marcom__banner-section img {width: 100%} .marcom__tooltip-left .marcom__tooltiptext-left::after {top: 10px;} .marcom__sectionHero-thin {height:200px} position: relative; .marcom__homePage-feature {width: 100%; position: relative; height: 150px; overflow: hidden} Akro-Mils 10116, 16 Drawer Plastic Parts Storage Hardware and Craft Cabinet, 10-1/2-Inch W x 6-1/2-Inch D x 8-1/2-Inch H, Black. .carousel-inner > .next { .marcom__iFrame-container {margin-top: 0} min-width: 160px; /*hero Banner*/ .marcom__hero {width: 700px; height:250px; padding: 20px 15px; margin:0 auto;} -webkit-transform: translate3d(-100%, 0, 0); } .marcom__lightSection {background-color: #ffffff; width: 100%; min-width: 0} .marcom__iconBanner-cardCopy {float:left; margin: 4px; width: 80%} .marcom__featuredVid-L {padding: 24px 32px; background-color: #eeeeee; margin: 0} .markCol-6 {width: 47.6%;} .marcom__hero-break {width: 100%; height:2px; background-color: #be2122} .marcom__card-header {min-height: 95px} } } .carousel-control .glyphicon-chevron-right { /* HP Feature Banners */ Upload. "As businesses and institutions are challenged to find ways to do more with fewer resources, now . ul.marcom__listS {font-size: 12px; line-height: 16px; padding-bottom: 16px; margin: 0; list-style: disc; margin-left: 15px} .marcom__5col-hack-keepCol {width: 45.62%; float:left; padding: 8px} /* Anchor Boxes */ display: inline-block; } Access My Account, Order History, Lists and more here. .marcom__hero-thin h1.heroTitle-thinS {font-size: 30px; line-height: 36px} .marcom__header-iconLarge img {width: 100%; position: absolute; top: 5px} .marcom__5col-hack-commerce {width: 20%} .marcom__card-icon {width: 12%; float: left; margin-right: 8px} background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001))); .marcom__headerFlush-body {width: 33%} Upload. filter: alpha(opacity=90); Photos 182 Videos 53 Users 60. /* Section Containers */ .marcom__hero-ctaContact {float: left; margin-left: 10px} .marcom__banner-large {height: 211px; background-size: 100%} } position: relative; .marcom__card-titleBox {width: 100%; float: left; margin-bottom: 8px} @media all and (transform-3d), (-webkit-transform-3d) { .glyphicon-chevron-left:before { .marcom__cardLink-headline {background-color: #eeeeee; padding-bottom: 20px !important} .marcom__section-seo {width: 700px; padding: 24px 30px 40px 30px; margin:0 auto} Best Seller in Tool Chests & Cabinets. .marcom__cardLink-scrollAction {height: 25px; width: 100%; background-color: #cccccc; text-align: center; padding: 5px; box-sizing: border-box} .marcom__hero-thin h1.heroTitle-thinS {color: #ffffff; font-size: 36px; line-height: 36px; font-weight: bold; margin: 0} width: 620px; p.marcom__bodyM {font-size: 14px; line-height: 18px; font-weight: normal; /*padding-bottom: 16px;*/ margin: 0} .markCol-8 {width: 47.6%;} .marketingShow-M {display: none;} /* Full Width Secondary Banner */ 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} overflow-x: scroll; @media only screen and (min-width: 769px) { You will still continue to receive non-promotional correspondence. Upload Join. .marcom__seo-red {color: #be2122; font-weight: bold} h1.marcom__heroTitle-Large {color: #ffffff; font-size: 32px; line-height: 35px; font-weight: bold; margin: 0 0 0 2px} display: block; .marcom__hero-playBtn-grow {transition: all .2s ease-in-out; width: 60px} .marcom__hero-contact {float: right; width: 55%} border: 0 . background-repeat: repeat-x; position: absolute; .marcom__colPad-bottom10 {padding-bottom: 10px} }, Looking for our Online Catalogs? .marcom__vidDescription p {padding: 0} .marcom__featureCTA-button {bottom: 40px} #container.content-page-container {max-width: 100%} @media only screen /*================carousel==================*/ .marcom__hero-ctaContact p.number {font-size: 22px} .marcom__gradientSection {background-image: linear-gradient(to bottom, #a81d37, #c81b2e); width: 100%; min-width: 716px} To opt out of catalog or direct mail, visit Marketing Preferences. .marcom__headS {font-size: 18px; line-height: 21px; font-weight: normal; padding-bottom: 8px; margin: 0} The Grainger app for iPhone is designed to deliver all that Grainger.com has to offer no matter where the job takes you. display: inline-block; .marcom__card-titleSeg {font-size: 11px; line-height: 11px; padding: 3px 10px 0 10px; margin: 0} height: 10px; .marcom__vidDescription {padding: 8px} .video-responsive iframe{left:0; top:0; height:100%; width:100%; position:absolute;} Grainger Brands November 2022. .marcom__card-clickFull-dark {position: relative} .marcom__hero-ctaContact p.number {color: #ffffff; font-size: 16px; font-weight:bold;} .marcom__banner-fullBGBody {width: 22%} .marcom__section-hero {width: 100%;height:450px; min-width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; margin-top: -10px} .marcom__featureCTA-headlineAdj {font-size: 1.5em; line-height: 1.1em; font-weight: bold} .marcom__headerFlush-body {width: 43%} } overflow: hidden; .carousel-inner > .next, .marcom__hero h1.heroTitle {color: #ffffff; font-size: 37px; line-height: 35px; font-weight: bold; margin: 0} .marcom__bread {color: #FFFFFF; font-size: 10px; margin-bottom: 16px} ul.marcom__listM {font-size: 14px; line-height: 18px; padding-bottom: 16px; margin: 0; list-style: disc; margin-left: 15px} .marcom__tooltip-left .marcom__tooltiptext-left {margin-left: -150px; top: 125%; left: 50%;} Photos 180 Videos 53 Users 72. /* Thin Header */ .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;} p.marcom__bodyL {font-size: 16px; line-height: 20px; font-weight: normal; /*padding-bottom: 16px;*/ margin: 0} .marcom__ctaPush-16 {margin-top: 16px} /* G.Com Normalize */ .marcom__header-logoM img {width:50%} .marcom__hero-body {width: 90%; float: right} -moz-osx-font-smoothing: grayscale /* Section Containers */ [class*=marcom__body] a {text-decoration: none; color: #00739e} /*Flush Fix*/ .marcom__vidDescription {padding: 16px 24px} h2.heroSubTitle-flush {font-size: 16px; line-height: 20px; margin:10px 0; color: #ffffff} ul.marcom__listL {font-size: 16px; line-height: 20px; padding-bottom: 16px; margin: 0; list-style: disc; margin-left: 15px} } /* Featured Video */ .marcom__hero {width: 900px; height:300px; padding: 40px 15px; margin: 0 auto} .marcom__seo-body {text-align: center; padding: 0 15%} .marcom__featurette {margin: 8px} .marcom__hero-playBtn-grow {transition: all .2s ease-in-out; width: 80px} Unsubscribe. .marcom__banner-large {height: 288px; padding: 16px; background-size: 115%; background-repeat: no-repeat; background-position: left bottom;} .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;} .marcom__featuredVid-L {padding: 24px 32px; background-color: #eeeeee; margin-left: 8px} .marcom__headM {font-size: 20px; line-height: 26px; font-weight: normal; padding-bottom: 8px; margin: 0} .marcom__hero-ctaContact {float: left; margin-left: 10px} .markCol-2 {width: 16.66%;} #side-nav {display: none} @font-face { p.heroCopyW {font-size: 22px; margin:10px 0 30px 0} .marcom__section-hero {height:300px} However, it seems JavaScript is either disabled or not supported by your browser. .marcom__card-sup {font-size:0.5em} No cancellations, returns, refunds or credits are allowed. .carousel-control .glyphicon-chevron-left { Explore. .markCol-9 {width: 100%;} .marcom__banner-large {height: 188px; padding: 24px 24px 24px 0; background-size: 115%; background-repeat: no-repeat; background-position: left bottom;} .marcom__featureCTA-headline {width: 100%; position: absolute; top: 0; padding: 7% 0 0 0; z-index: 2; text-align: center} } We're standing by and ready to help! .marcom__subHead img {width: 35px; margin-right: 10px} /* Type Settings ===Should Match UX Styles after Design System is implimented=== */ } .carousel-control .icon-prev:before { .marcom__header-fixedImg {height: 200px} .carousel-control { .marcom__featureCTA {height: 240px} .marcom__card-titleBox h3 {padding-bottom: 0; margin: 0} /*Responsive Video*/ .marcom__header-fixedImg img {width: 100%} #container {min-width: 0;padding: 0} h2.heroSubTitle {font-size: 18px; margin:10px 0} .marcom__productGrid-border {border: 1px solid #cccccc} } .marcom__featureCTA-button {bottom: 20px; position: absolute; z-index: 3; text-align: center; width: 100%} .marcom__headL {font-size: 28px; line-height: 34px; font-weight: normal; padding-bottom: 8px; margin: 0} .marcom__iconBanner-cardIcon {float:left; margin: 8px; width: 40px} .marketingShow-DT {display: block} Upload. .marcom__iconBanner-anchorCopy {float:left; margin: 4px; width: 80%} /* Text/Link Cards */ .marcom__breadW {color: #FFFFFF; font-size: 12px; margin-bottom: 16px} [class*=marcom__body] a:hover {text-decoration: underline} .marcom__sectionHeader-copy {margin-bottom: 15px} .marcom__bread-thin {color: #FFFFFF; padding-left: 0; margin-bottom: 24px} position: absolute; /* Hero Video */ The company was founded as a supplier for businesses by William Wallace Grainger in 1927 in Chicago, Illinois, and incorporated as W. W. Grainger, Inc. in 1928. .marcom__cta-hero {float: left; margin: 20px 0 0 0} .marcom__bread-logo a {color: #00739e; text-decoration: none} .marcom__featuredVid-R {background-color: #eeeeee; margin-right: 8px} .marcom__hero-ctaContact {float: left; margin-left: 10px} /* Col- Mods */ /* Style The Dropdown Button */ /* Simple Card */ .marcom__banner-largeFullImg {height: 215px; padding: 50px 0 0 30px; background-size: 100%} .carousel-control .glyphicon-chevron-right { On Monday, March 22, 2021, a Guy Brown/Grainger MRO Icon will replace the Grainger icon in SciQuest. .carousel-control .icon-next, /*Flush Fix*/ .marcom__dropdown { .marcom__header-icon {float: left; width: 8%; position: relative} Next-day delivery available with 24/7 support. -webkit-backface-visibility: hidden; To opt out of email promotions, use the Unsubscribe link on any email. .marcom__hero-contact div {font-size: 1.4em; font-weight: bold; color: #ffffff} .marcom__hero {width: 90%; height:250px; padding: 80px 15px 0 15px; margin:0 auto;} img.fullWidth {width: 100%} content: "\2039"; .marcom__hero-wideHeading img {margin-right: 0px; width:38px} .rightyP10 {float: right !important;margin-right: 10px;} .marcom__hero-ctaContact p.number {color: #ffffff; font-size: 16px; font-weight:bold;} /* Type Settings ===Should Match UX Styles after Design System is implimented=== */ .marcom__iconBanner-cardIcon img {width: 40px; float: left} License. left: 0; .marcom__iconBanner:hover, .marcom__iconBanner-alt:hover, .marcom__iconBanner-anchor:hover {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);} .two-column #main-content.content-page-main-content {padding: 0;width: 100%} .marcom__col4-stretch {width: 100%} display: none; Explore. .marcom__text-centerLeft {text-align: left} /* Cards and Section Containers */ .srchCancel {float: right;margin-right: 2%;width: 28%} .marcom__featureCTA-button {bottom: 20px; position: absolute; z-index: 3; text-align: center; width: 100%} .marcom__card-clickFull-commerce {position: relative; border: 1px solid #eeeeee; margin-left: -1px; margin-top: -1px; padding: 5px} .rightyP10 {float: right !important;margin-right: 10px;} .marcom__hero h1.heroTitle {font-size: 69px; line-height: 61px} Please click below to visit the relevant page on the Grainger website to complete your opt-out request. cursor: pointer; .marcom__tooltip-right .marcom__tooltiptext-right {margin-left: -150px; bottom: 125%; left: 50%;} /* HP Feature Banners */ } .marcom__hero-wideHeading img {margin-right: 0px; width:49px} clear: both; /*Add this to other queries and use to tune in 2col for mobile products*/ .marcom__featureCTA {position: relative; height: 170px; background-size: cover; background-position: center} width: 620px; .marcomClear {margin: 0;height: 0;padding: 0;clear: both} .marcom__col4-stretch {width: 31.86%} .marcom__header-fixedImg {height: 375px} /*Add this to other queries and use to tune in 2col for mobile products*/ Upload Join. Skip to Content Skip to Navigation. .marcom__bread {color: #FFFFFF; padding-left: 0; margin-bottom: 40px} } .marcom__section-full-noBox {width: 700px; padding: 40px 8px 24px 8px; margin:0 auto} .markResFoot {bottom: 0;width: 100%;padding: 20px 0 40px 0;background-color: #000000;margin-bottom: -42px} .marcom__headL {font-size: 28px; line-height: 34px; font-weight: normal; padding-bottom: 8px; margin: 0} .marcom__5col-hack-keepCol {width: 18.56%; float:left; padding: 8px} #header-breadcrumb-container {display: none} background-color: #29333b; .marcom__featureCTA-headlineAdj {font-size: 2em; line-height: 1.1em} 402 (2011-2012) No reviews Paperback Currently unavailable. .marcom__homePage-feature img {position: absolute; top: 0; left: 0; width: 155%; overflow: hidden; margin-left: -25%} .carousel-control .icon-prev, width: 100%; .marcom__card-iconL {width: 12%; float: left; margin-right: 8px} 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;} -webkit-transition: -webkit-transform 0.6s ease-in-out; .marcom__header-iconLarge {float: left; width: 8%; position: relative; margin-top: -2px} Welcome to MSC, this site is screen reader friendly. .marcom__bodyM-responsive {font-size: 14px; line-height: 18px; /*padding-bottom: 16px;*/ margin: 0} .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)} /* Thin Header */ a.marcom__whiteLink {color: #ffffff; text-decoration: none} .carousel-inner > .item > a > img { \ Unsubscribe. 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") .marcom__gradientSection-gray {background-image: linear-gradient(to bottom, rgba(238, 238, 238, 0.6), #eeeeee 99%); width: 100%; min-width: 716px} } .markCol-5 {width: 47.6%;} display: block; Upload Join. .marcom__hero-contact {float: right; width: 55%} overflow: hidden; .marcom__cta-hero {float: left; margin: 20px 0 20 0} 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}