.display-inline-block {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

body {
    line-height: 1
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

/*!normalize.css v2.1.3 | MIT License | git.io/normalize */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block
}

audio, canvas, video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

a {
    background: transparent
}

a:focus, input[text]:focus, input[submit]:focus {
    outline: 0
}

a.onfocus, input.onfocus, .styledSelect.onfocus, button.onfocus {
    outline: 1px solid #00739e !important
}

.autocomplete:focus {
    outline: 0
}

a:active, a:visited {
    outline: 0
}

a:active, a:hover {
    outline: 0
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

mark {
    background: #ff0;
    color: #000
}

code, kbd, pre, samp {
    font-family: monospace, serif;
    font-size: 1em
}

pre {
    white-space: pre-wrap
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

fieldset {
    margin: 0
}

legend {
    border: 0;
    padding: 0
}

button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

button, input {
    line-height: normal
}

button, select {
    text-transform: none
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    margin-right: 6px
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%
}

.hidden, .hide {
    display: none !important
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.invisible {
    visibility: hidden
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.clearfix {
    *zoom: 1
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.left-n {
    left: 0 !important
}

.right-n {
    left: 0 !important
}

.pan {
    padding: 0 !important
}

.phn {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.pvn {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.man {
    margin: 0 !important
}

.mvn {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.mhn {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.mhc {
    margin-left: auto !important;
    margin-right: auto !important
}

.ptn {
    padding-top: 0 !important
}

.prn {
    padding-right: 0 !important
}

.pbn {
    padding-bottom: 0 !important
}

.pln {
    padding-left: 0 !important
}

.mtn {
    margin-top: 0 !important
}

.mrn {
    margin-right: 0 !important
}

.mbn {
    margin-bottom: 0 !important
}

.mln {
    margin-left: 0 !important
}

.pas {
    padding: 5px !important
}

.pts {
    padding-top: 5px !important
}

.prs {
    padding-right: 5px !important
}

.pbs {
    padding-bottom: 5px !important
}

.pls {
    padding-left: 5px !important
}

.phs {
    padding-left: 5px !important;
    padding-right: 5px !important
}

.pvs {
    padding-top: 5px !important;
    padding-bottom: 5px !important
}

.mas {
    margin: 5px !important
}

.mts {
    margin-top: 5px !important
}

.mrs {
    margin-right: 5px !important
}

.mbs {
    margin-bottom: 5px !important
}

.mbxs {
    margin-bottom: 3px !important
}

.mls {
    margin-left: 5px !important
}

.mhs {
    margin-left: 5px !important;
    margin-right: 5px !important
}

.mvs {
    margin-top: 5px !important;
    margin-bottom: 5px !important
}

.pam {
    padding: 10px !important
}

.ptm {
    padding-top: 10px !important
}

.prm {
    padding-right: 10px !important
}

.pbm {
    padding-bottom: 10px !important
}

.plm {
    padding-left: 10px !important
}

.phm {
    padding-left: 10px !important;
    padding-right: 10px !important
}

.pvm {
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

.mam {
    margin: 10px !important
}

.mtm {
    margin-top: 10px !important
}

.mrm {
    margin-right: 10px !important
}

.mbm {
    margin-bottom: 10px !important
}

.mlm {
    margin-left: 10px !important
}

.mhm {
    margin-left: 10px !important;
    margin-right: 10px !important
}

.mvm {
    margin-top: 10px !important;
    margin-bottom: 10px !important
}

.pal {
    padding: 15px !important
}

.ptl {
    padding-top: 15px !important
}

.prl {
    padding-right: 15px !important
}

.pbl {
    padding-bottom: 15px !important
}

.pll {
    padding-left: 15px !important
}

.phl {
    padding-left: 15px !important;
    padding-right: 15px !important
}

.pvl {
    padding-top: 15px !important;
    padding-bottom: 15px !important
}

.mal {
    margin: 15px !important
}

.mtl {
    margin-top: 15px !important
}

.mrl {
    margin-right: 15px !important
}

.mbl {
    margin-bottom: 15px !important
}

.mll {
    margin-left: 15px !important
}

.mhl {
    margin-left: 15px !important;
    margin-right: 15px !important
}

.mvl {
    margin-top: 15px !important;
    margin-bottom: 15px !important
}

.paxl {
    padding: 20px !important
}

.ptxl {
    padding-top: 20px !important
}

.prxl {
    padding-right: 20px !important
}

.pbxl {
    padding-bottom: 20px !important
}

.plxl {
    padding-left: 20px !important
}

.phxl {
    padding-left: 20px !important;
    padding-right: 20px !important
}

.pvxl {
    padding-top: 20px !important;
    padding-bottom: 20px !important
}

.maxl {
    margin: 20px !important
}

.mtxl {
    margin-top: 20px !important
}

.mrxl {
    margin-right: 20px !important
}

.mbxl {
    margin-bottom: 20px !important
}

.mlxl {
    margin-left: 20px !important
}

.mhxl {
    margin-left: 20px !important;
    margin-right: 20px !important
}

.mvxl {
    margin-top: 20px !important;
    margin-bottom: 20px !important
}

.block {
    display: block !important
}

.inline {
    display: inline !important
}

.inline-block {
    display: inline-block !important
}

.table-cell {
    display: table-cell !important
}

.display-table {
    display: table !important
}

.v-top {
    vertical-align: top !important
}

.v-middle {
    vertical-align: middle !important
}

.auto-flow-x {
    overflow-x: auto !important
}

.auto-flow-y {
    overflow-y: auto !important
}

.hidden-flow {
    overflow: hidden !important
}

.clickable {
    cursor: pointer !important
}

.abs {
    position: absolute !important
}

.rel {
    position: relative
}

.fixed {
    position: fixed
}

.static {
    position: static
}

.nowrap {
    white-space: nowrap
}

.hide {
    display: none !important
}

.hidden-label {
    left: -9999em;
    position: absolute
}

.invisible {
    visibility: hidden !important
}

.no-underline, .no-underline:link, .no-underline:visited, .no-underline:hover, .no-underline:active {
    text-decoration: none !important
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.clear-left {
    clear: left !important
}

.txtC {
    text-align: center !important
}

.txtL {
    text-align: left !important
}

.txtR {
    text-align: right !important
}

.bold {
    font-weight: bold !important
}

.regular {
    font-weight: normal !important
}

.italic {
    font-style: italic
}

.fit-width {
    max-width: 100% !important
}

.fit-height {
    max-height: 100% !important
}

.full-width {
    width: 100% !important
}

.half-width {
    width: 50% !important
}

.one-third-width {
    width: 33% !important
}

.quarter-width {
    width: 25% !important
}

.one-fifth-width {
    width: 20% !important
}

.one-tenth-width {
    width: 10% !important
}

.border-all {
    border: 1px solid #e4e4e4
}

.border-top {
    border-top: 1px solid #e4e4e4
}

.border-right {
    border-right: 1px solid #e4e4e4
}

.border-bottom {
    border-bottom: 1px solid #e4e4e4
}

.border-left {
    border-left: 1px solid #e4e4e4
}

.no-bullets {
    list-style: none
}

.white {
    color: #fff !important
}

.light-grey {
    color: #f2f2f2 !important
}

.dark-grey {
    color: #666 !important
}

.bg-white {
    background-color: #fff !important
}

.bg-light-grey {
    background-color: #f2f2f2 !important
}

.primary-color {
    color: #00739e !important
}

.radius-xs {
    border-radius: 2px !important
}

.radius-sm {
    border-radius: 5px !important
}

.radius-md {
    border-radius: 10px !important
}

.fs-10 {
    font-size: 10px !important
}

.fs-11 {
    font-size: 11px !important
}

.fs-12 {
    font-size: 12px !important
}

.fs-13 {
    font-size: 13px !important
}

.fs-14 {
    font-size: 14px !important
}

.line-height {
    line-height: 1.5em !important
}

.border-none {
    border: 0 !important
}

.red {
    color: #ad3333 !important
}

.uppercase {
    text-transform: uppercase !important
}

.required-field {
    color: #ad3333 !important;
    font-style: italic
}

* {
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

*:after, *:before {
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@font-face {
    font-family: 'graingerFont';
    src: url('../images/fonts/graingerFont.eot');
    src: url('../images/fonts/graingerFont.eot?#iefix') format('embedded-opentype'), url('../images/fonts/graingerFont.woff') format('woff'), url('../images/fonts/graingerFont.ttf') format('truetype'), url('../images/fonts/graingerFont.svg#graingerFont') format('svg');
    font-weight: normal;
    font-style: normal
}

body {
    background-color: #fff
}

a {
    cursor: pointer
}

#globalBanner {
    margin: 0 auto;
    width: 100%;
    max-width: 1280px
}

#globalBanner:after, #globalBanner:before {
    content: " ";
    display: table
}

#globalBanner:after {
    clear: both
}

.lt-ie8 #globalBanner {
    clear: both;
    zoom: 1
}

@media (max-width: 960px) {
    .responsive #globalBanner {
        width: 100%;
        min-width: 640px
    }
}

#container {
    margin: 0 auto;
    width: 100%;
    max-width: 1280px;
    clear: both;
    position: relative
}

#container:after, #container:before {
    content: " ";
    display: table
}

#container:after {
    clear: both
}

.lt-ie8 #container {
    clear: both;
    zoom: 1
}

.responsive #container {
    min-height: 450px
}

@media (max-width: 960px) {
    .responsive #container {
        width: 100%;
        min-width: 640px
    }
}

#customHeaderMessage {
    font-size: 13px;
    color: #C5251E;
    text-align: center;
    font-weight: bold;
    margin: 0 auto;
    width: 100%;
    max-width: 1280px
}

#customHeaderMessage p {
    margin: 0
}

@media (max-width: 960px) {
    .responsive #customHeaderMessage {
        width: 100%
    }
}

.two-column #main-content {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    width: 75%;
    padding: 0 10px 10px;
    margin-bottom: 10px;
    float: left
}

.lt-ie8 .two-column #main-content {
    width: 73%
}

.two-column #body:after, .two-column #body:before {
    content: " ";
    display: table
}

.two-column #body:after {
    clear: both
}

.lt-ie8 .two-column #body {
    clear: both;
    zoom: 1
}

.responsive#body-main {
    min-width: 640px
}

#side-nav {
    width: 25%;
    padding: 0;
    margin-bottom: 10px;
    float: left;
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1
}

.lt-ie8 #side-nav {
    width: 23%
}

#side-nav #side-nav {
    width: auto;
    padding: 0;
    margin: 0;
    float: none;
    display: block
}

.offscreen {
    height: 1px;
    left: -10000px;
    position: absolute;
    top: auto;
    width: 1px
}

.alert {
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    margin: 15px 0;
    color: #ad3333
}

.alert:before {
    font-family: graingerFont;
    content: "\e616";
    font-weight: 400;
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    float: left;
    margin-right: 5px
}

.alert.error {
    color: #ad3333
}

.alert.error:before {
    font-family: graingerFont;
    content: "\e610";
    font-weight: 400
}

.alert.warn {
    color: #f26823
}

.alert.confirmation, .alert.confirm {
    color: #257238
}

.alert.confirmation:before, .alert.confirm:before {
    font-family: graingerFont;
    content: "\e61e";
    font-weight: 400;
    padding-left: 0;
    margin-bottom: 10px
}

.alert.alert-block {
    border: 1px solid #CCC;
    padding: 10px;
    clear: both
}

.alert.alert-block ul {
    list-style: disc;
    margin-left: 18px
}

.alert p:last-child {
    margin-bottom: 0
}

.lt-ie8 .alert {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -2880px;
    background-position-x: 0
}

.lt-ie8 .alert {
    padding-left: 20px
}

.pageAlert {
    border: 1px solid #ccc;
    padding: 10px
}

.pagination .nav {
    text-align: right
}

.pagination .nav li {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    margin: 0 5px 0 0
}

.pagination .nav li.current {
    font-weight: bold
}

.lt-ie8 .pagination .nav li.current {
    vertical-align: top
}

#backButton {
    margin: 7px 10px 0 10px
}

.responsive #backButton {
    float: left;
    display: block;
    width: 80px;
    margin-left: 0
}

@media (max-width: 890px) {
    .responsive.productview #backButton, .responsive.cartdetails #backButton, .responsive.two-column #backButton {
        margin-left: 10px
    }
}

.responsive.myaccount.two-column #backButton {
    margin-left: 0
}

.responsive #backButton {
    vertical-align: top
}

.lt-ie8 .responsive #backButton {
    min-width: 40px
}

.lockedbyAdmin {
    float: right;
    font-size: 12px;
    font-weight: 700
}

.lockedbyAdmin:before {
    font-family: graingerFont;
    content: "\e632";
    font-weight: 400;
    float: left;
    margin-right: 6px
}

.show-more, .show-less {
    font-size: 12px
}

.show-more:before, .show-less:before {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    margin-top: 1px;
    background: #00739e;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00739e), color-stop(1, #0098d1));
    background: -ms-linear-gradient(bottom, #00739e, #0098d1);
    background: -moz-linear-gradient(center bottom, #00739e 0, #0098d1 100%);
    background: -o-linear-gradient(#0098d1, #00739e);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0098d1', endColorstr='#00739e', GradientType=0);
    line-height: 8px;
    font-size: 6px;
    padding: 2px 3px;
    color: #fff;
    margin-right: 1px;
    font-weight: normal;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    float: left;
    margin-right: 5px
}

.show-more:before {
    font-family: graingerFont;
    content: "\e629";
    font-weight: 400
}

.show-less:before {
    font-family: graingerFont;
    content: "\e60f";
    font-weight: 400
}

hr {
    border-bottom: 1px solid #ccc;
    border-top: 0;
    margin-top: 20px
}

.tooltip li {
    list-style-type: disc;
    margin-left: 10px;
    margin-bottom: 5px;
    line-height: 14px;
    font-size: 10px
}

.item-list tr td {
    padding-right: 7px
}

.boldText {
    font-weight: bold
}

.padding10Right {
    padding-right: 10px
}

.tertiaryLink {
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    color: #00739e;
    border: none;
    background: none
}

.share-captcha-text {
    width: 40%
}

.ie-icon.icon {
    height: 15px;
    width: 24px;
    display: none
}

.lt-ie8 .ie-icon {
    display: inline-block
}

#eheader .icon {
    background: url('../../images/sprites/IE-white-chevron-down.png') no-repeat
}

#eheader .open .icon {
    background: url('../../images/sprites/IE-chevron-down.png') no-repeat
}

div#body-main #eheader {
    font-size: 14px;
    line-height: 1;
    font-family: Arial, Helvetica, Sans-Serif
}

#eheader {
    min-width: 610px;
    position: relative;
    padding-top: 0
}

#eheader .headerContainer ul {
    margin-bottom: 0
}

#eheader .dropdown > a {
    position: relative;
    z-index: 11
}

#eheader .dropdown.ribbonItemNav {
    clear: none
}

#eheader .dropdown .dropdown-menu {
    border-radius: 0;
    z-index: 11;
    margin-top: 0
}

#eheader .dropdown .bulkOrderContent {
    right: -12px
}

#eheader .dropdown .bulkOrderContent:before {
    font-family: graingerFont;
    content: "\e603";
    color: #eee;
    font-size: 22px;
    position: absolute;
    right: 28px;
    top: -49px
}

#eheader .dropdown .en-arrow:before {
    right: 56px !important
}

#eheader #topRibbon {
    font-size: 11px;
    position: relative;
    line-height: 31px;
    min-height: 31px;
    z-index: 13
}

#eheader #topRibbon a {
    color: #fff
}

#eheader #userAuthLinks {
    font-weight: 500;
    float: right
}

#eheader #userAuthLinks .headerUserReginfo {
    padding: 8px 5px 0 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 140px;
    white-space: nowrap;
    text-align: right
}

#eheader #userAuthLinks #logOffLink {
    padding: 10px 8px 0 8px
}

#eheader #userAuthLinks ul li {
    float: left
}

#eheader #userAuthLinks p, #eheader #userAuthLinks a {
    display: inline-block;
    font-size: 14px;
    margin: 0;
    line-height: 20px;
    color: #fff
}

.signedIn #eheader #userAuthLinks {
    background-color: #eee
}

#eheader #userAuthLinks .headerUserReginfo, #eheader #userAuthLinks .userInfo {
    color: #fff
}

#eheader #userAuthLinks .headerUserReginfo a, #eheader #userAuthLinks .userInfo a {
    color: #fff
}

#eheader #userAuthLinks .blueSignIn {
    background-color: #00739e;
    border-radius: 12px;
    color: #fff;
    height: 24px;
    padding: 0 10px;
    margin-top: 7px;
    margin-left: 10px;
    font-weight: 500
}

#eheader #userAuthLinks .blueSignIn #signInLink {
    line-height: 15px;
    font-size: 14px;
    color: #fff
}

#eheader #userAuthLinks #registerLink {
    line-height: 50px;
    font-size: 14px;
    color: #fff
}

#eheader #authNav {
    float: left
}

#eheader #authNav .count {
    background: #bb0d02;
    border-radius: 10px;
    color: #fff;
    padding: 1px 4px;
    text-decoration: none;
    display: inline-block;
    line-height: 12px
}

#eheader #authNav > div {
    float: left
}

#eheader #authNav > div:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #eheader #authNav > div {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #eheader #authNav > div:first-child {
    border: none
}

#eheader #authNav > div:first-child:before {
    display: none
}

#eheader #authNav > div:before {
    font-weight: 400;
    font-size: 11px;
    color: #fff
}

#eheader #authNav > div ul {
    float: left;
    margin-right: 10px
}

#eheader #authNav > div ul li {
    float: left
}

#eheader #authNav > div ul li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #eheader #authNav > div ul li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #eheader #authNav > div ul li:first-child {
    border: none
}

#eheader #authNav > div ul li:first-child:before {
    display: none
}

#eheader #authNav > div ul li:before {
    font-weight: 400;
    font-size: 11px;
    color: #fff
}

#eheader #authNav > div ul li.dropdown .dropdown-toggle {
    padding-left: 0;
    padding-right: 0
}

#eheader #authNav > div ul li.dropdown .dropdown-toggle:after {
    font-family: graingerFont;
    content: "\e62c";
    font-weight: 400;
    font-size: 9px
}

#eheader #authNav > div ul .dropdown-toggle {
    border: none
}

@media (max-width: 960px) {
    .responsive #eheader #authNav {
        padding-left: 10px
    }
}

#eheader #authNav #cspQuotesTopRibbon, #eheader #authNav #cspQuotesTopRibbon2 {
    width: 270px;
    margin-bottom: 0
}

#eheader #authNav #cspQuotesTopRibbon thead tr, #eheader #authNav #cspQuotesTopRibbon2 thead tr {
    border: none
}

#eheader #authNav #cspQuotesTopRibbon tbody tr:hover, #eheader #authNav #cspQuotesTopRibbon2 tbody tr:hover {
    background: #f2f2f2
}

#eheader #authNav #cspQuotesTopRibbon th, #eheader #authNav #cspQuotesTopRibbon2 th {
    font-weight: 700;
    border-bottom: 0
}

#eheader #authNav #cspQuotesTopRibbon td, #eheader #authNav #cspQuotesTopRibbon2 td, #eheader #authNav #cspQuotesTopRibbon th, #eheader #authNav #cspQuotesTopRibbon2 th {
    padding-top: 0;
    padding-bottom: 0
}

#eheader #authNav .quotesMoreLink {
    padding-left: 10px
}

#eheader #authNav .tab-content {
    padding: 0
}

#eheader div#headerContent {
    background: #fff;
    min-height: 77px;
    position: relative;
    z-index: 12
}

#eheader div#headerContent:after, #eheader div#headerContent:before {
    content: " ";
    display: table
}

#eheader div#headerContent:after {
    clear: both
}

.lt-ie8 #eheader div#headerContent {
    clear: both;
    zoom: 1
}

#eheader div#headerContent #elogo {
    float: left;
    width: 290px
}

#eheader div#headerContent #elogo a {
    display: inline-block
}

@media (max-width: 960px) {
    .responsive #eheader div#headerContent #elogo {
        margin-left: 10px
    }
}

#eheader div#headerContent #customCatalogTitle {
    position: relative;
    left: -282px;
    top: 15px;
    color: #373737;
    font-size: 11px
}

#eheader div#headerContent #customCatalogSelectionArea {
    float: left;
    clear: none;
    margin-top: 35px
}

#eheader div#headerContent #customCatalogSelectionArea select {
    width: 270px;
    height: 34px;
    max-width: 270px
}

#eheader div#headerContent .serviceHeaderLinks {
    float: right;
    text-align: right;
    padding: 0;
    max-width: 75%;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    /*display: inline-block*/
}

#eheader div#headerContent .serviceHeaderLinks a {
    color: #fff;
    line-height: 34px;
    padding: 5px;
    font-size: 14px
}

#eheader div#headerContent .serviceHeaderLinks a.onfocus {
    outline: 1px solid #00739e !important
}

@media (max-width: 960px) {
    .responsive #eheader div#headerContent .serviceHeaderLinks {
        width: auto;
        padding-right: 5px
    }
}

@media (max-width: 730px) {
    .responsive #eheader div#headerContent .serviceHeaderLinks {
        width: 220px
    }
}

#eheader div#headerContent .serviceHeaderLinks .dropdown-menu {
    width: 203px
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 {
    display: block;
    margin: 0;
    font-weight: 700;
    min-height: 25px
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1:after, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2:after, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1:before, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2:before {
    content: " ";
    display: table
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1:after, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2:after {
    clear: both
}

.lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1, .lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 {
    clear: both;
    zoom: 1
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 > *, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 > * {
    display: inline-block
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .dropdown.open > a, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 .dropdown.open > a {
    background-color: #eee;
    color: #666
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .dropdown.open > a:after, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 .dropdown.open > a:after {
    color: #666
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .dropdown.open > a:hover, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 .dropdown.open > a:hover {
    text-decoration: none
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .dropdown-menu a, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 .dropdown-menu a {
    padding: 5px;
    line-height: 16px;
    color: #00739e
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .dropdown-menu a:hover, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 .dropdown-menu a:hover {
    background: #eee;
    text-decoration: none
}

@media (max-width: 780px) {
    .responsive #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1, .responsive #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 {
        margin-right: 5px
    }
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .content p, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 .content p {
    margin-bottom: 16px
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 {
    margin-top: 12px
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 a {
    color: #373737 !important
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 div {
    display: inline;
    color: #666
}

@media (max-width: 780px) {
    .responsive #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .piped {
        display: none !important
    }
}

.lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .piped {
    display: inline;
    zoom: 1;
    padding-top: 3px
}

.img #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .piped {
    margin-top: 2px
}

@media (max-width: 780px) {
    .responsive #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 {
        height: 20px
    }
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 a {
    color: #373737;
    font-size: 14px
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 li {
    display: inline-block;
    line-height: 24px
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 .catalog {
    vertical-align: top;
    display: inline
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 .catalog svg {
    display: none
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 .catalog a {
    display: inline-block;
    padding: 3px
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 #list_resources_links_comps ul li, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 #list_services_links_comps ul li {
    display: block
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 #list_resources_links_comps ul li a, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 #list_services_links_comps ul li a {
    display: block
}

@media (max-width: 780px) {
    .responsive #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 {
        display: none !important
    }
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 #myLocationsLink {
    margin-top: 3px;
    width: 120px
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 > ul > li, #eheader div#headerContent .serviceHeaderLinks #gCustomerLinks > ul > li, #eheader div#headerContent .serviceHeaderLinks .serviceLinks {
    float: left;
    line-height: 23px
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .piped > li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .piped > li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .piped > li:first-child {
    border: none
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .piped > li:first-child:before {
    display: none
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .piped > li:before {
    color: #666;
    display: none
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 .piped > li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 .piped > li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 .piped > li:first-child {
    border: none
}

#eheader div#headerContent .serviceHeaderLinks .piped > li {
    line-height: 23px
}

#eheader div#headerContent .serviceHeaderLinks .piped > li:before {
    line-height: 21px;
    margin: 0 2px !important
}

#eheader div#headerContent .serviceHeaderLinks .piped > li:first-child:before {
    content: ""
}

#eheader div#headerContent .serviceHeaderLinks #responsiveServiceLinkContainer {
    display: none;
    width: 200px;
    float: right;
    margin: 0 10px 0 10px;
    position: relative;
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5)
}

@media (max-width: 780px) {
    .responsive #eheader div#headerContent .serviceHeaderLinks #responsiveServiceLinkContainer {
        display: block
    }
}

#eheader div#headerContent .serviceHeaderLinks #responsiveServiceLinkContainer .responsiveHeaderLinkTrigger {
    font-size: 14px;
    color: #eee;
    background-color: #666;
    text-align: left;
    padding: 8px 12px;
    cursor: pointer
}

#eheader div#headerContent .serviceHeaderLinks #responsiveServiceLinkContainer .responsiveHeaderLinkTrigger:after {
    font-family: graingerFont;
    content: "\e62c";
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    padding-left: 125px
}

#eheader div#headerContent .serviceHeaderLinks #responsiveServiceLinkContainer .responsiveHeaderLinkWrapper {
    background-color: #fff;
    position: absolute;
    top: 32px;
    z-index: 10;
    width: 200px;
    text-align: left;
    padding: 10px 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 0;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5)
}

#eheader div#headerContent .serviceHeaderLinks #responsiveServiceLinkContainer .responsiveHeaderLinkWrapper a {
    color: #00739e;
    font-size: 14px
}

#eheader div#headerContent .serviceHeaderLinks #responsiveServiceLinkContainer .responsiveHeaderLinkWrapper a:hover {
    text-decoration: none
}

#eheader div#headerContent .serviceHeaderLinks #responsiveServiceLinkContainer .responsiveHeaderLinkWrapper .catalog a, #eheader div#headerContent .serviceHeaderLinks #responsiveServiceLinkContainer .responsiveHeaderLinkWrapper .findABranchHeaderLink, #eheader div#headerContent .serviceHeaderLinks #responsiveServiceLinkContainer .responsiveHeaderLinkWrapper .serviceLinks, #eheader div#headerContent .serviceHeaderLinks #responsiveServiceLinkContainer .responsiveHeaderLinkWrapper .responsiveHeaderLinks2 a {
    display: block;
    padding: 3px 0 3px 15px;
    float: none
}

#eheader div#headerContent .serviceHeaderLinks #responsiveServiceLinkContainer .responsiveHeaderLinkWrapper .responsiveHeaderLinks2 {
    border-top: 1px solid #ccc;
    padding-top: 5px
}

#eheader div#headerContent .serviceHeaderLinks #responsiveServiceLinkContainer .responsiveHeaderLinkWrapper .serviceLinks {
    padding: 5px 0 5px 3px;
    line-height: 22px
}

#eheader div#headerContent .serviceHeaderLinks #responsiveServiceLinkContainer .responsiveHeaderLinkWrapper .serviceLinks > a {
    padding: 0
}

#eheader div#headerContent .serviceHeaderLinks #responsiveServiceLinkContainer .responsiveHeaderLinkWrapper .serviceLinks > a:before {
    font-family: graingerFont;
    content: "\e62d";
    font-size: 11px;
    margin-right: 2px;
    font-weight: 400;
    display: inline-block
}

#eheader div#headerContent .serviceHeaderLinks #responsiveServiceLinkContainer .responsiveHeaderLinkWrapper .serviceLinks > a:after {
    color: #00739e;
    content: none
}

#eheader div#headerContent .serviceHeaderLinks #responsiveServiceLinkContainer .responsiveHeaderLinkWrapper .catalog, #eheader div#headerContent .serviceHeaderLinks #responsiveServiceLinkContainer .responsiveHeaderLinkWrapper svg#Layer_1 {
    display: none !important
}

#eheader div#headerContent .serviceHeaderLinks #responsiveServiceLinkContainer .responsiveHeaderLinkWrapper .dropdown.open > a {
    background-color: #eee
}

#eheader div#headerContent .serviceHeaderLinks #responsiveServiceLinkContainer .responsiveHeaderLinkWrapper .dropdown.open .dropdown-menu {
    display: block
}

#eheader div#headerContent .serviceHeaderLinks #responsiveServiceLinkContainer .responsiveHeaderLinkWrapper .dropdown .dropdown-menu {
    display: none;
    min-width: 200px;
    right: 200px;
    left: auto;
    top: 0;
    text-align: right;
    box-shadow: none;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

#eheader div#headerContent .serviceHeaderLinks #responsiveServiceLinkContainer .responsiveHeaderLinkWrapper .dropdown .dropdown-menu > * {
    padding: 5px 10px
}

#eheader #navSearchContainer {
    border-bottom: 1px solid #333;
    background-color: #333;
    font-weight: 500;
    line-height: 38px;
    position: relative;
    z-index: 9;
    min-width: 640px
}

#eheader #navSearchContainer:after, #eheader #navSearchContainer:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer > a {
    font-size: 16px
}

@media (max-width: 780px) {
    .responsive #eheader #navSearchContainer > a {
        font-size: 14px
    }
}

#eheader #navSearchContainer .allProducts > a, #eheader #navSearchContainer #show-bulk-order-link, #eheader #navSearchContainer #cartLink, #eheader #navSearchContainer #quick-search-submit, #eheader #navSearchContainer #part-number-submit {
    color: #eee;
    position: relative;
    font-size: 14px
}

#eheader #navSearchContainer .allProducts > a:hover, #eheader #navSearchContainer #show-bulk-order-link:hover, #eheader #navSearchContainer #cartLink:hover, #eheader #navSearchContainer #quick-search-submit:hover, #eheader #navSearchContainer #part-number-submit:hover {
    text-decoration: none
}

#eheader #navSearchContainer .allProducts > a, #eheader #navSearchContainer #quick-search-submit, #eheader #navSearchContainer #part-number-submit {
    font-weight: 700
}

#eheader #navSearchContainer .newCartCount {
    background: #bb0d02;
    border-radius: 10px;
    color: #fff;
    padding: 1px 4px;
    text-decoration: none;
    display: inline-block;
    line-height: 15px;
    position: absolute;
    right: 6px;
    top: -7px;
    height: 16px;
    font-size: 12px;
    font-weight: 500
}

#eheader #navSearchContainer .allProducts {
    border-left: 1px solid #333;
    float: left;
    width: 25%
}

#eheader #navSearchContainer .allProducts > a {
    display: inline-block;
    width: 100%
}

@media (max-width: 960px) {
    .responsive #eheader #navSearchContainer .allProducts > a {
        padding: 0 10px
    }
}

#eheader #navSearchContainer .allProducts > a:before {
    margin-left: 12px
}

#eheader #navSearchContainer .allProducts > a.onfocus {
    background-color: #e0e0e0;
    color: #29333b;
    outline: 0 !important
}

#eheader #navSearchContainer .allProducts > a.onfocus:after {
    color: #29333b
}

#eheader #navSearchContainer .allProducts .dropdown-menu {
    width: 750px;
    height: auto;
    padding: 10px 0;
    line-height: 16px;
    top: 41px
}

#eheader #navSearchContainer .allProducts .dropdown-menu:after, #eheader #navSearchContainer .allProducts .dropdown-menu:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu:before {
    font-family: graingerFont;
    content: "\e603";
    color: #eee;
    font-size: 22px;
    position: absolute;
    left: 100px;
    top: -12px;
    z-index: 15
}

.responsive #eheader #navSearchContainer .allProducts .dropdown-menu {
    width: 600px
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    float: none;
    border-bottom: 1px solid #ccc
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    width: 98%
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil a {
    padding-left: 0;
    display: inline
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil a:hover {
    background: none
}

#eheader #navSearchContainer .allProducts .dropdown-menu a {
    color: #29333b;
    font-size: 12px;
    padding: 4px 15px;
    display: block
}

@media (max-width: 890px) {
    .responsive #eheader #navSearchContainer .allProducts .dropdown-menu a {
        font-size: 12px
    }
}

#eheader #navSearchContainer .allProducts .dropdown-menu a:hover {
    background: #f2f2f2
}

#eheader #navSearchContainer .allProducts .dropdown-menu > ul {
    width: 33.333333333333336%;
    padding: 0;
    margin-bottom: 10px;
    float: left;
    min-height: 0;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    margin-bottom: 0
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu > ul {
    width: 31.333333333333336%
}

#eheader #navSearchContainer .allProducts .dropdown-menu > ul:first-child {
    border: 0;
    width: 33%;
    float: left
}

#eheader #navSearchContainer .allProducts .dropdown-menu > ul:last-child {
    border: 0
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu > ul {
    width: 220px;
    float: left;
    clear: none
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent {
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
    padding-top: 0
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent:after, #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent.authenticated > ul {
    float: right
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent > ul li {
    float: left
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter {
    margin-top: 5px
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter:after, #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter > li {
    display: block
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter > li:after, #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter > li:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter > li:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter > li {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter > li label, #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter > li input {
    float: left
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter > li input {
    margin-right: 11px
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter > li label {
    line-height: 13px;
    margin-right: 10px;
    width: 75%
}

.responsive #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter > li {
    width: 50%
}

.responsive #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter {
    width: 400px
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent .catalog, #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent .serviceLinks {
    display: block
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent .catalog > a, #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent .serviceLinks > a {
    position: relative;
    display: block;
    font-size: 14px;
    padding-left: 34px;
    line-height: 17px;
    margin-top: 4px
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent .catalog svg {
    position: absolute;
    top: 0;
    left: 6px;
    z-index: 2
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent .catalog {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -5580px;
    background-position-x: 0
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent .catalog {
    margin-left: 5px
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent .catalog a {
    padding-left: 20px;
    line-height: 13px
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent .serviceLinks {
    margin: 0
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent .serviceLinks {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -5491px;
    background-position-x: 0
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent .serviceLinks {
    margin-left: 5px
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent .serviceLinks a {
    padding-left: 20px;
    line-height: 13px
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent .serviceLinks a:before {
    font-family: graingerFont;
    content: "\e63e";
    font-weight: 400;
    position: absolute;
    top: 3px;
    left: 7px;
    z-index: 2;
    font-size: 18px;
    color: #2b2b2b
}

#eheader #navSearchContainer .dropdown a:hover {
    text-decoration: none
}

#eheader #navSearchContainer .dropdown.open > a, #eheader #navSearchContainer .dropdown.open #show-bulk-order-link {
    background-color: #29333b;
    color: #fff !important
}

#eheader #navSearchContainer .dropdown.open > a:after, #eheader #navSearchContainer .dropdown.open #show-bulk-order-link:after {
    color: #666
}

#eheader #navSearchContainer .dropdown.open > a#show-bulk-order-link:after, #eheader #navSearchContainer .dropdown.open #show-bulk-order-link#show-bulk-order-link:after {
    font-family: graingerFont;
    content: "\e62c";
    font-weight: 400
}

#eheader #navSearchContainer .dropdown.open .hackInteriorNav {
    display: block
}

#eheader #navSearchContainer .dropdown .hackInteriorNav {
    display: none;
    border: none;
    background-color: #eee;
    height: 2px;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    z-index: 11
}

#eheader #navSearchContainer .serviceHeaderLinks .dropdown-menu li:hover {
    background: #eee
}

#eheader #navSearchContainer .serviceHeaderLinks .dropdown-menu li > a {
    display: block;
    padding: 5px;
    line-height: 16px;
    color: #00739e
}

#eheader #navSearchContainer .serviceHeaderLinks .dropdown-menu li > a:after, #eheader #navSearchContainer .serviceHeaderLinks .dropdown-menu li > a:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .serviceHeaderLinks .dropdown-menu li > a:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .serviceHeaderLinks .dropdown-menu li > a {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer #quick-search-group {
    border: 0;
    padding: 0
}

#eheader #navSearchContainer #searchbarHeader:after, #eheader #navSearchContainer #searchbarHeader:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer #searchbarHeader:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer #searchbarHeader {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer #search {
    border: 0;
    border-left: 1px solid #333;
    height: 40px;
    padding: 0 10px;
    width: 390px;
    margin-bottom: 0;
    float: left;
    color: #666;
    -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.4);
    box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.4)
}

@media (max-width: 960px) {
    .responsive #eheader #navSearchContainer #search {
        width: 75%
    }
}

@media (max-width: 730px) {
    .responsive #eheader #navSearchContainer #search {
        width: 65%
    }
}

#eheader #navSearchContainer #search::-webkit-input-placeholder, #eheader #navSearchContainer #search:-moz-placeholder, #eheader #navSearchContainer #search::-moz-placeholder, #eheader #navSearchContainer #search:-ms-input-placeholder, #eheader #navSearchContainer #search.ui-placeholder {
    color: #666;
    font-weight: 400
}

.lt-ie9 #eheader #navSearchContainer #search {
    line-height: 38px
}

.lt-ie8 #eheader #navSearchContainer #search {
    width: 383px
}

#eheader #navSearchContainer #quick-search-submit, #eheader #navSearchContainer #part-number-submit {
    height: 40px;
    float: left;
    padding: 0 23px;
    font-weight: 700;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

@media (max-width: 780px) {
    .responsive #eheader #navSearchContainer #quick-search-submit, .responsive #eheader #navSearchContainer #part-number-submit {
        padding: 0 20px
    }
}

@media (max-width: 730px) {
    .responsive #eheader #navSearchContainer #quick-search-submit, .responsive #eheader #navSearchContainer #part-number-submit {
        padding: 0 10px
    }
}

.lt-ie8 #eheader #navSearchContainer #quick-search-submit, .lt-ie8 #eheader #navSearchContainer #part-number-submit {
    padding: 0 7px;
    float: none
}

#eheader #navSearchContainer #part-number-submit {
    margin-left: 2px;
    padding: 0 15px
}

#eheader #navSearchContainer #bulkOrderCartContainer {
    float: right
}

@media (max-width: 960px) {
    .responsive #eheader #navSearchContainer #bulkOrderCartContainer {
        width: auto;
        position: absolute;
        right: 0
    }
}

#eheader #navSearchContainer #bulkOrderCartContainer #show-bulk-order-link.onfocus, #eheader #navSearchContainer #bulkOrderCartContainer #cartLink.onfocus {
    outline: 1px solid #fff !important
}

#eheader #navSearchContainer #cartLink {
    padding: 0;
    border-left: 1px solid #333;
    border-right: 1px solid #333;
    display: inline-block;
    padding: 0 20px;
    text-align: center;
    height: 40px
}

@media (max-width: 960px) {
    .responsive #eheader #navSearchContainer #cartLink {
        width: auto;
        padding: 0 15px
    }
}

@media (max-width: 960px) {
    .responsive #eheader #navSearchContainer #quickCartText {
        display: none !important
    }
}

#eheader #customWelcomeContent {
    border-left: 1px solid #666;
    color: #ccc;
    display: inline-block;
    font-weight: 400;
    padding-left: 10px;
    margin: 0 0 15px 5px
}

@media (max-width: 890px) {
    .responsive #eheader #customWelcomeContent {
        padding-left: 5px;
        margin-left: 0;
        vertical-align: top
    }
}

#eheader #customWelcomeContent #customWelcomeMsg p {
    margin-bottom: 0;
    padding-left: 5px;
    width: 135px
}

#eheader #customWelcomeContent #customWelcomeMsg p:last-child {
    color: #fff
}

#eheader #customWelcomeContent #customWelcomeMsg p:last-child a {
    color: #fff
}

.lt-ie9 #eheader #customWelcomeContent #customWelcomeMsg p a {
    color: #fff
}

#eheader #customWelcomeContent #customMediaLogo, #eheader #customWelcomeContent #customWelcomeMsg {
    display: inline-block
}

#eheader #customWelcomeContent #customMediaLogo img {
    max-height: 50px;
    max-width: 100px
}

#eheader .serviceLinks > a:after, #eheader .allProducts > a:after, #eheader #show-bulk-order-link:after {
    font-family: graingerFont;
    content: "\e62c";
    color: #eee;
    font-size: 7px;
    font-weight: 400;
    margin: 0 0 0 8px
}

#searchContainer {
    float: right;
}

#recommendClone, #productClone, #shopCategoryBtnClone, #productWaitClone {
    height: 0;
    visibility: hidden
}

#autoComplete, #searchHistory {
    position: absolute;
    background: #fff;
    top: 40px;
    width: 373px;
    -webkit-box-shadow: 0 4px 4px 0 rgba(25, 25, 25, 0.25);
    -moz-box-shadow: 0 4px 4px 0 rgba(25, 25, 25, 0.25);
    box-shadow: 0 4px 4px 0 rgba(25, 25, 25, 0.25);
    left: 1px
}

#autoComplete.alt-width, #searchHistory.alt-width {
    width: 860px !important
}

#autoComplete .dropdown-menu.autocomplete, #searchHistory .dropdown-menu.autocomplete {
    font-size: 12px;
    display: block !important;
    width: 373px;
    padding: 0;
    border: 0;
    box-shadow: none;
    overflow: hidden;
    left: 0 !important
}

#autoComplete .dropdown-menu.autocomplete li, #searchHistory .dropdown-menu.autocomplete li {
    padding: 0
}

#autoComplete .dropdown-menu.autocomplete li.first, #searchHistory .dropdown-menu.autocomplete li.first {
    padding-left: 0
}

#autoComplete .dropdown-menu.autocomplete li.autoSuggestion, #searchHistory .dropdown-menu.autocomplete li.autoSuggestion, #autoComplete .dropdown-menu.autocomplete li.prdCategories, #searchHistory .dropdown-menu.autocomplete li.prdCategories, #autoComplete .dropdown-menu.autocomplete li.previousSearchTerm, #searchHistory .dropdown-menu.autocomplete li.previousSearchTerm {
    width: 373px
}

#autoComplete .dropdown-menu.autocomplete li.productResult, #searchHistory .dropdown-menu.autocomplete li.productResult {
    font-weight: normal
}

#autoComplete .dropdown-menu.autocomplete li.ui-state-focus a, #searchHistory .dropdown-menu.autocomplete li.ui-state-focus a {
    background-color: #f2f2f2
}

#autoComplete .dropdown-menu.autocomplete li.clearHistory a span, #searchHistory .dropdown-menu.autocomplete li.clearHistory a span {
    display: block;
    border-top: solid 1px #777
}

#autoComplete .dropdown-menu.autocomplete li > a, #searchHistory .dropdown-menu.autocomplete li > a {
    display: block;
    padding: 1px 12px;
    line-height: 22px;
    cursor: pointer !important;
    color: #29333b
}

#autoComplete .dropdown-menu.autocomplete li > a:hover, #searchHistory .dropdown-menu.autocomplete li > a:hover, #autoComplete .dropdown-menu.autocomplete li > a:active, #searchHistory .dropdown-menu.autocomplete li > a:active {
    background-color: #f9f9f9
}

#autoComplete .dropdown-menu.autocomplete li > a .sub-txt, #searchHistory .dropdown-menu.autocomplete li > a .sub-txt {
    color: #777
}

#autoComplete .dropdown-menu.autocomplete .category, #searchHistory .dropdown-menu.autocomplete .category {
    width: 360px;
    margin-right: 15px;
    margin-left: 5px;
    text-transform: uppercase;
    background: linear-gradient(to bottom, #fff 51%, #ddd 52%, #fff 52%) repeat scroll 0 0 transparent
}

#autoComplete .dropdown-menu.autocomplete .category em, #searchHistory .dropdown-menu.autocomplete .category em {
    padding: 4px 6px
}

#autoComplete .flyout, #searchHistory .flyout {
    width: 487px;
    border-left: 1px solid #eee;
    position: absolute;
    top: 0;
    left: 373px;
    line-height: 16px
}

#autoComplete .flyout .recommend, #searchHistory .flyout .recommend {
    font-size: 11px;
    padding: 15px 10px
}

#autoComplete .flyout .recommend-text, #searchHistory .flyout .recommend-text {
    float: left;
    width: 75%
}

#autoComplete .flyout .recommend-text .item-number, #searchHistory .flyout .recommend-text .item-number {
    display: block;
    margin-bottom: 5px;
    font-size: 11px;
    color: #777
}

#autoComplete .flyout .item-desc, #searchHistory .flyout .item-desc {
    padding: 10px;
    font-size: 12px
}

#autoComplete .flyout .category-shop, #searchHistory .flyout .category-shop {
    padding: 0 15px;
    position: absolute;
    width: 100%
}

#autoComplete .flyout .recommend-cta, #searchHistory .flyout .recommend-cta {
    float: right;
    text-align: right;
    width: 25%
}

#autoComplete .flyout .recommend-cta .btn, #searchHistory .flyout .recommend-cta .btn {
    font-size: 12px
}

#autoComplete .flyout .flyout-row, #searchHistory .flyout .flyout-row {
    border-bottom: 1px solid #eee;
    padding: 10px
}

#autoComplete .flyout .flyout-row:last-child, #searchHistory .flyout .flyout-row:last-child {
    border-bottom: 0
}

#autoComplete .flyout .info, #searchHistory .flyout .info {
    height: 65px;
    width: 100%;
    display: inline-block
}

#autoComplete .flyout .info > div, #searchHistory .flyout .info > div {
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

#autoComplete .flyout .info .item-name, #searchHistory .flyout .info .item-name {
    width: 218px;
    float: left;
    font-size: 11px;
    margin: 0 10px
}

#autoComplete .flyout .info .item-name a, #searchHistory .flyout .info .item-name a {
    word-break: break-word;
    font-weight: normal
}

#autoComplete .flyout .info .item-image, #searchHistory .flyout .info .item-image {
    float: left;
    border-radius: 2px
}

#autoComplete .flyout .info .item-number, #searchHistory .flyout .info .item-number {
    display: block;
    margin-top: 5px;
    font-size: 11px;
    color: #777;
    cursor: default
}

#autoComplete .flyout .info .addToCart, #searchHistory .flyout .info .addToCart {
    padding: 9px;
    font-size: 12px;
    vertical-align: top
}

#autoComplete .flyout .cta, #searchHistory .flyout .cta {
    float: right
}

#autoComplete .flyout .cta .qty, #searchHistory .flyout .cta .qty {
    width: 40px;
    border-radius: 3px;
    padding: 6px 5px;
    text-align: center
}

#autoComplete .flyout .cta .viewProduct, #searchHistory .flyout .cta .viewProduct {
    display: none;
    font-size: 12px
}

#autoComplete .flyout .prdCategories .info .cta, #searchHistory .flyout .prdCategories .info .cta, #autoComplete .flyout .brandResult .info .cta, #searchHistory .flyout .brandResult .info .cta, #autoComplete .flyout .prdCategories .info .item-number, #searchHistory .flyout .prdCategories .info .item-number, #autoComplete .flyout .brandResult .info .item-number, #searchHistory .flyout .brandResult .info .item-number {
    display: none
}

#autoComplete .flyout .prdCategories .L3 .info .cta, #searchHistory .flyout .prdCategories .L3 .info .cta, #autoComplete .flyout .brandResult .L3 .info .cta, #searchHistory .flyout .brandResult .L3 .info .cta, #autoComplete .flyout .prdCategories .L3 .info .item-number, #searchHistory .flyout .prdCategories .L3 .info .item-number, #autoComplete .flyout .brandResult .L3 .info .item-number, #searchHistory .flyout .brandResult .L3 .info .item-number, #autoComplete .flyout .prdCategories .L3 .info .viewProduct, #searchHistory .flyout .prdCategories .L3 .info .viewProduct, #autoComplete .flyout .brandResult .L3 .info .viewProduct, #searchHistory .flyout .brandResult .L3 .info .viewProduct {
    display: block
}

#autoComplete .flyout .prdCategories .L3 .info .cta .qty, #searchHistory .flyout .prdCategories .L3 .info .cta .qty, #autoComplete .flyout .brandResult .L3 .info .cta .qty, #searchHistory .flyout .brandResult .L3 .info .cta .qty, #autoComplete .flyout .prdCategories .L3 .info .cta .addToCart, #searchHistory .flyout .prdCategories .L3 .info .cta .addToCart, #autoComplete .flyout .brandResult .L3 .info .cta .addToCart, #searchHistory .flyout .brandResult .L3 .info .cta .addToCart {
    display: none
}

#autoComplete .flyout .prdCategories .flyout-row.prod, #searchHistory .flyout .prdCategories .flyout-row.prod, #autoComplete .flyout .brandResult .flyout-row.prod, #searchHistory .flyout .brandResult .flyout-row.prod {
    border-bottom: 0;
    width: 50%;
    float: left;
    padding-right: 0;
    padding-bottom: 0
}

#autoComplete .flyout .prdCategories .info .item-name, #searchHistory .flyout .prdCategories .info .item-name, #autoComplete .flyout .brandResult .info .item-name, #searchHistory .flyout .brandResult .info .item-name {
    width: 155px;
    margin: 0 5px
}

#autoComplete .flyout .shopCategoryBtn, #searchHistory .flyout .shopCategoryBtn {
    position: absolute;
    bottom: 10px;
    width: 100%
}

#autoComplete .flyout .suggestions .info .shopCategoryBtn, #searchHistory .flyout .suggestions .info .shopCategoryBtn {
    display: none
}

.cta-false #autoComplete .flyout .info .addToCart, .cta-false #autoComplete .flyout .cta .qty, .cta-false #autoComplete .flyout .info .addToCart, .cta-false #autoComplete .flyout .cta .qty, #autoComplete .flyout .DG .info .addToCart, #autoComplete .flyout .DG .cta .qty, #autoComplete .flyout .DV .info .addToCart, #autoComplete .flyout .DV .cta .qty {
    display: none
}

.cta-false #autoComplete .flyout .cta .viewProduct, .cta-false #autoComplete .flyout .cta .viewProduct, #autoComplete .flyout .DG .cta .viewProduct, #autoComplete .flyout .DV .cta .viewProduct {
    display: block;
    font-size: 12px
}

#searchHistory .dropdown-menu.autocomplete {
    top: 0
}

@media (max-width: 960px) {
    .responsive {
        width: 51%
    }
}

@media (max-width: 730px) {
    .responsive {
        width: 45%
    }
}

@media (max-width: 730px) {
    .responsive #show-bulk-order-link:after {
        margin-left: 0
    }
}

.headerContainer {
    position: relative
}

.headerContainer, .footerContainer {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto
}

.headerContainer:after, .footerContainer:after, .headerContainer:before, .footerContainer:before {
    content: " ";
    display: table
}

.headerContainer:after, .footerContainer:after {
    clear: both
}

.lt-ie8 .headerContainer, .lt-ie8 .footerContainer {
    clear: both;
    zoom: 1
}

@media (max-width: 960px) {
    .responsive .headerContainer, .responsive .footerContainer {
        width: 100%
    }
}

.ribbonDropDownMenu {
    display: none !important
}

.lt-ie8 #authLinks div, .lt-ie8 #authLinks ul, .lt-ie8 #authLinks li, .lt-ie8 #customMessage, .lt-ie8 #elogo #customWelcomeContent, .lt-ie8 #catalogCartLinks li, .lt-ie8 .catalog, .lt-ie8 .catalog a, .lt-ie8 #branchCart, .lt-ie8 #searchContainer div, .lt-ie8 #searchContainer section, .lt-ie8 #customSearch, .lt-ie8 #staticSearch, .lt-ie8 #searchFilterText, .lt-ie8 #search #searchBox, .lt-ie8 #search #searchSubmit, .lt-ie8 #authNav > div, .lt-ie8 #authNav li, .lt-ie8 #elogo a, .lt-ie8 #elogo ul, .lt-ie8 #bulkOrderPad .isAuthenticatedLink, .lt-ie8 .serviceLinksRow2 .catalog {
    display: inline;
    zoom: 1
}

.lt-ie8 #gCustomerLinks ul li, .lt-ie8 .serviceLinksRow1 ul li {
    float: left
}

.lt-ie8 #eheader {
    z-index: 2
}

.lt-ie8 #container {
    z-index: 1
}

.lt-ie8 #customWelcomeMsg p a {
    color: #fff
}

.lt-ie8 #authNav li.dropdown a.dropdown-toggle {
    padding-right: 20px
}

.lt-ie8 #authNav li.dropdown.ribbonItemNav {
    clear: none;
    padding-right: 10px
}

.lt-ie8 #authNav li.dropdown.ribbonItemNav .count {
    position: relative;
    top: 10px
}

#polistdetInner {
    width: 323px !important
}

#addToCartModal .alert.warn {
    margin-bottom: 10px;
    margin-left: 26px
}

#addToCartModal .alert.error:before {
    font-family: graingerFont;
    content: "\e616"
}

.language-en #eheader #navSearchContainer #search, .language-fr #eheader #navSearchContainer #search {
    width: 373px
}

.language-es #eheader #navSearchContainer #cartLink {
    padding: 0 5px 0 5px
}

.language-es #eheader #navSearchContainer #search {
    width: 329px
}

#customHeaderMessage {
    width: 100%;
    padding: 10px 0 10px 0;
    height: 52px
}

#customHeaderMessage .multi-account-switch-area {
    background-color: #f2f2f2;
    float: left !important;
    width: 950px !important;
    margin-top: 5px
}

#customHeaderMessage .multi-account-switch-area form {
    position: relative;
    display: block;
    height: 37px;
    text-align: left
}

#customHeaderMessage .multi-account-switch-area .account-switch-label-text {
    display: inline-block;
    color: #29333b;
    margin-left: 6px;
    height: inherit;
    vertical-align: top
}

#customHeaderMessage .multi-account-switch-area .account-switch-label-text span {
    display: block;
    margin-top: 11px
}

#customHeaderMessage .multi-account-switch-area .account-switch-selection-area {
    display: inline-block;
    margin-left: 10px;
    cursor: pointer
}

#customHeaderMessage .multi-account-switch-area .account-switch-selection-area .account-switch-icon {
    display: inline-block
}

#customHeaderMessage .multi-account-switch-area .account-switch-selection-area .account-switch-icon .downward-chevron-icon {
    display: table-cell;
    height: 37px;
    padding-top: 11px
}

#customHeaderMessage .multi-account-switch-area .account-switch-selection-area .account-switch-icon .downward-chevron-icon:before {
    font-family: graingerFont;
    content: "\e62c";
    font-weight: 400;
    font-size: 15px;
    color: #29333b;
    font-weight: bold
}

#customHeaderMessage .multi-account-switch-area .account-switch-selection-area .selection-area-click-text {
    color: #29333b;
    font-weight: 100;
    padding-left: 8px;
    display: inline-block;
    vertical-align: top;
    min-height: 37px
}

#customHeaderMessage .multi-account-switch-area .account-switch-selection-area .selection-area-click-text span {
    display: table-cell;
    height: 37px;
    padding-top: 11px
}

#customHeaderMessage .multi-account-switch-area .current-shipping-address-area {
    display: inline-block;
    margin-left: 10px;
    cursor: pointer;
    height: inherit;
    font-size: 0;
    width: 97.7%
}

#customHeaderMessage .multi-account-switch-area .current-shipping-address-area .account-switch-icon {
    display: inline-block
}

#customHeaderMessage .multi-account-switch-area .current-shipping-address-area .account-switch-icon .downward-chevron-icon {
    display: table-cell;
    height: 37px;
    padding-top: 11px
}

#customHeaderMessage .multi-account-switch-area .current-shipping-address-area .account-switch-icon .downward-chevron-icon:before {
    font-family: graingerFont;
    content: "\e62c";
    font-weight: 400;
    font-size: 15px;
    color: #29333b;
    font-weight: bold
}

#customHeaderMessage .multi-account-switch-area .current-shipping-address-area .selected-account-name-text {
    display: inline-block;
    font-size: 12px;
    vertical-align: top;
    margin-left: 10px;
    color: #29333b;
    word-wrap: break-word;
    width: 32%;
    min-height: 37px
}

#customHeaderMessage .multi-account-switch-area .current-shipping-address-area .selected-account-name-text span {
    display: table-cell;
    height: 37px;
    vertical-align: middle;
    padding-left: 4px;
    padding-right: 4px
}

#customHeaderMessage .multi-account-switch-area .current-shipping-address-area .selected-shipping-address {
    display: inline-block;
    font-size: 12px;
    font-weight: 100;
    color: #29333b;
    word-wrap: break-word;
    width: 33%;
    min-height: 37px;
    border-left: 1px solid #ccc
}

#customHeaderMessage .multi-account-switch-area .current-shipping-address-area .selected-shipping-address span {
    display: table-cell;
    height: 37px;
    vertical-align: middle;
    padding-left: 4px;
    padding-right: 4px
}

#customHeaderMessage .multi-account-switch-area .current-shipping-address-area .selected-shipping-address-nickname {
    display: inline-block;
    font-size: 12px;
    font-weight: 100;
    color: #29333b;
    word-wrap: break-word;
    width: 23%;
    min-height: 37px;
    border-left: 1px solid #ccc
}

#customHeaderMessage .multi-account-switch-area .current-shipping-address-area .selected-shipping-address-nickname span {
    display: table-cell;
    height: 37px;
    vertical-align: middle;
    padding-left: 4px;
    padding-right: 4px
}

#customHeaderMessage .multi-account-switch-area .current-shipping-address-area .selected-shipping-address-province {
    display: inline-block;
    font-size: 12px;
    font-weight: 100;
    color: #29333b;
    word-wrap: break-word;
    width: 8%;
    min-height: 37px;
    border-left: 1px solid #f2f2f2;
    vertical-align: top;
    text-align: center;
    text-align: -webkit-center;
    text-align: -moz-center
}

#customHeaderMessage .multi-account-switch-area .current-shipping-address-area .selected-shipping-address-province span {
    display: inline-block;
    padding-top: 12px;
    vertical-align: middle;
    padding-left: 4px;
    padding-right: 4px
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window {
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    border: 1px solid #e4e4e4;
    border-top: 3px solid #29333b;
    background-color: #fff;
    z-index: 100;
    max-height: 494px;
    transform: translate(0px, -40px)
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-header-area {
    display: block;
    height: 35px;
    cursor: pointer
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-header-area .account-switch-header-content {
    width: 20%;
    display: table-cell;
    padding-top: 9px;
    height: 35px;
    text-align: left
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-header-area .account-switch-header-content .downward-chevron-icon {
    margin-left: 9px
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-header-area .account-switch-header-content .downward-chevron-icon:before {
    font-family: graingerFont;
    content: "\e62c";
    font-weight: 400;
    font-size: 15px;
    color: #29333b;
    font-weight: bold;
    vertical-align: middle
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-header-area .account-switch-header-content .account-switch-header-text {
    color: #29333b;
    font-weight: 100;
    padding-left: 8px;
    cursor: pointer
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-search-area {
    margin-bottom: 5px
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-search-area input {
    height: 36px;
    width: 98.1%;
    display: inline-block;
    margin: 0 1%;
    padding-right: 32px;
    box-shadow: inset 0 1px #29333b, -1px 1px 2px #ccc, 1px 0 2px #ccc
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-search-area .search-bar-icon {
    display: inline-block;
    width: 0;
    position: absolute;
    cursor: pointer;
    cursor: hand;
    transform: translate(910px, -25px);
    -ms-transform: translate(-38px, 6px)
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-search-area .search-bar-icon:before {
    font-family: graingerFont;
    content: "\e61a";
    font-weight: 400;
    font-size: 18px;
    color: #a1a1a1
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area {
    width: 98%;
    max-height: 385px;
    display: block;
    margin: 0 1%;
    margin-bottom: 15px;
    overflow: auto
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .account-Nickname-container {
    display: table-cell;
    width: 23%;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    height: 47px;
    vertical-align: middle;
    padding-left: 4px;
    padding-right: 4px
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .account-Nickname-container-empty-address {
    width: 12% !important
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .currentDefault {
    background: #666
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .currentDefault div {
    color: #fff !important
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .currentDefaultTriangle {
    float: right;
    position: relative;
    left: 3px;
    border-right-color: #fff;
    border-width: 12px 17px 12px 0;
    border-style: solid;
    border-bottom-color: #666;
    border-top-color: #666
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .account-address-container {
    display: table-cell;
    width: 40%;
    height: 47px;
    vertical-align: middle;
    padding-left: 4px;
    padding-right: 4px
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area #employeePurchaseProgram {
    cursor: pointer
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .account-result-container:nth-child(even) {
    background-color: white
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .account-result-container {
    width: 100%;
    border-right: 2px solid #ccc;
    border-left: 2px solid #ccc;
    background-color: #f2f2f2;
    font-size: 0
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .account-result-container .account-name-area {
    display: inline-block;
    font-size: 12px;
    width: 35%;
    min-height: 49px;
    padding: 15px 0;
    vertical-align: top;
    border-top: 2px solid #29333b
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .account-result-container .account-name-area span {
    color: #29333b;
    margin-left: 10px
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .account-result-container .epp {
    border-top: 2px solid #ccc;
    border-left: 1px solid #ccc;
    width: 65%
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .account-result-container .epp .address-alias-text {
    font-weight: initial
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .account-result-container .account-addresses-area {
    display: inline-block;
    font-size: 0;
    width: 65%;
    min-height: 47px;
    vertical-align: top;
    border-top: 2px solid #ccc
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .account-result-container .account-addresses-area .account-address-click-container:last-child {
    border-bottom: none
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .account-result-container .account-addresses-area .account-address-click-container {
    cursor: pointer;
    font-size: 0;
    border-bottom: 1px solid #ccc
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .account-result-container .account-addresses-area .account-address-click-container .account-address-entry {
    font-size: 12px;
    color: #29333b;
    font-weight: 100;
    display: inline-block;
    width: 95%;
    min-height: 20px;
    padding: 4px 0;
    padding-left: 1%;
    padding-right: 1%;
    vertical-align: middle;
    word-wrap: break-word
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .account-result-container .account-addresses-area .account-address-click-container .account-address-entry-alias {
    font-size: 12px;
    color: #29333b;
    display: inline-block;
    font-weight: 100;
    width: 100%;
    min-height: 20px;
    padding: 4px 0;
    padding-left: 1%;
    padding-right: 1%;
    border-bottom: 0 solid #ccc;
    vertical-align: middle;
    word-wrap: break-word
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .account-result-container .account-addresses-area .account-address-click-container:first-child .account-address-entry {
    border-top: 0
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .account-result-container .account-addresses-area .account-address-click-container:first-child .account-address-entry-alias {
    border-top: 0
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .account-result-container .account-name-area.epp {
    margin-bottom: 0;
    min-height: 47px;
    line-height: 1.9;
    background-color: #fff;
    border-top: 1px solid #ccc
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .account-result-container .account-name-area.epp.currentDefault {
    background-color: #666;
    border-top: 1px solid #ccc
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .account-result-container .account-name-area.epp.currentDefault .address-alias-text {
    margin-top: 1px !important
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .account-result-container:last-child {
    border-bottom: 2px solid #ccc
}

#miniCartDisplay {
    width: 400px;
    max-height: 426px;
    position: absolute;
    right: 0;
    top: 41px;
    background-color: #fff;
    border: 1px solid #eee;
    -webkit-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1);
    border-top: 0;
    font-size: 12px;
    z-index: 999
}

#miniCartDisplay:before {
    font-family: graingerFont;
    content: "\e603";
    color: #eee;
    font-size: 22px;
    position: absolute;
    right: 17px;
    top: -23px
}

#miniCartDisplay #miniCartContent {
    height: auto;
    border-top: 0;
    padding: 0 10px;
    max-height: 274px;
    overflow: auto
}

#miniCartDisplay .row {
    display: table;
    width: 100%;
    border-bottom: 1px solid #eee
}

#miniCartDisplay .col {
    display: table-cell;
    vertical-align: middle;
    line-height: 1.5em;
    padding: 15px 5px;
    text-align: center;
    word-break: break-all
}

#miniCartDisplay .row.header {
    background-color: #eee;
    padding: 0 10px;
    font-weight: 700
}

#miniCartDisplay .row.footer {
    background-color: #eee;
    padding: 10px 10px 15px 10px;
    font-weight: 700;
    text-align: center;
    border-bottom: 0
}

#miniCartDisplay .header .col {
    padding: 15px 0
}

#miniCartDisplay .mini-qty {
    width: 10%
}

#miniCartDisplay .mini-image {
    width: 15%;
    text-align: left
}

#miniCartDisplay .mini-desc {
    width: 50%;
    text-align: left
}

#miniCartDisplay .mini-price {
    width: 25%
}

#miniCartDisplay .mini-price span {
    color: #257238;
    font-weight: 700
}

#miniCartDisplay .mini-product {
    width: 65%;
    text-align: left
}

#miniCartDisplay .alt .mini-product {
    width: 60%
}

#miniCartDisplay .mini-subtotal {
    font-size: 18px
}

#miniCartDisplay .minicart-subtotal {
    color: #257238
}

#miniCartDisplay .btnPrimary {
    padding: 11px 50px
}

#miniCartDisplay .globalNavigationminiCartDisplayTable thead.header, #miniCartDisplay .globalNavigationminiCartDisplayTable tfoot {
    background-color: #eee
}

#miniCartDisplay .globalNavigationminiCartDisplayTable thead tr th {
    padding: 5px 10px;
    font-weight: 700;
    border-bottom: none
}

#miniCartDisplay table.globalNavigationminiCartDisplayTable tr td:first-child {
    padding-left: 3px
}

#miniCartDisplay .globalNavigationminiCartDisplayTable thead tr:first-of-type, #miniCartDisplay .globalNavigationminiCartDisplayTable tbody tr:first-of-type {
    border-top: none
}

#miniCartDisplay .globalNavigationminiCartDisplayTable tbody tr {
    border-bottom: 1px solid #eee
}

#miniCartDisplay .globalNavigationminiCartDisplayTable tfoot tr td {
    text-align: center;
    padding: 0;
    font-size: 17px;
    font-weight: 600
}

#miniCartDisplay .globalNavigationminiCartDisplayTable tfoot tr td input[type=button] {
    margin-bottom: 15px;
    outline: none;
    padding: 8px 16px
}

#miniCartDisplay .globalNavigationminiCartDisplayTable tfoot tr {
    border-top: none
}

#miniCartDisplay table.globalNavigationminiCartDisplayTable {
    margin-bottom: 0;
    display: inline-grid
}

#miniCartDisplay .globalNavigationminiCartDisplayTable tfoot {
    display: inline-table
}

#miniCartDisplay .globalNavigationminiCartDisplayTable .miniCartTheadProduct {
    width: 60%
}

#miniCartDisplay .globalNavigationminiCartDisplayTable .miniCartTheadQty {
    width: 9%
}

#miniCartDisplay .globalNavigationminiCartDisplayTable .miniCartTheadPrice {
    width: 28%;
    line-height: 17px;
    vertical-align: middle
}

#miniCartDisplay .globalNavigationminiCartDisplayTable .minicartItemDiv {
    margin-top: 7px
}

#miniCartDisplay .globalNavigationminiCartDisplayTable .miniCartTbodyProductImage {
    width: 13.5%
}

#miniCartDisplay .globalNavigationminiCartDisplayTable .miniCartTbodyProduct {
    width: 48%;
    line-height: 21px;
    padding-right: 10px;
    padding-left: 5px
}

#miniCartDisplay .globalNavigationminiCartDisplayTable .miniCartTbodyProductQty {
    width: 8%
}

#miniCartDisplay .globalNavigationminiCartDisplayTable .miniCartTbodyProductPrice {
    width: 20%
}

.minicartCartTotalTd {
    padding-top: 5px
}

.bulk-order #bulk-order-content .btnPrimary {
    outline: none
}

#globalNavigationLineByLineTable {
    padding: 0;
    margin-bottom: 0
}

#globalNavigationLineByLineTable .globalNavigationLineByLineTableLabel {
    margin-left: 22px
}

table#globalNavigationLineByLineTable tr, table#globalNavigationLineByLineTable td {
    border-top: none;
    padding: 0
}

table#globalNavigationLineByLineTable thead tr th:first-of-type {
    border-bottom: none;
    padding: 0;
    font-size: 14px
}

table#globalNavigationLineByLineTable thead tr th {
    border-bottom: none;
    padding: 0;
    margin-left: 20px;
    font-size: 14px
}

table#globalNavigationLineByLineTable th:first-child {
    padding-left: 10px
}

.bulk-order .dropdown-menu #bulkorderSingleAddForm #globalNavigationLineByLineTable input[name="productQuantity"] {
    margin: 0 0 8px 21px
}

.lt-ie9 #customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-search-area .search-bar-icon {
    margin-left: -41px;
    margin-top: 6px;
    z-index: 1
}

.lt-ie8 #customHeaderMessage {
    padding-left: 0
}

.lt-ie8 #customHeaderMessage .multi-account-switch-area {
    float: none;
    width: 75%;
    padding-left: 25%
}

.lt-ie8 #customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area > div, .lt-ie8 #customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .account-result-container .account-name-area, .lt-ie8 #customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .account-Nickname-container {
    display: block;
    float: left
}

.lt-ie8 #customHeaderMessage .multi-account-switch-area .current-shipping-address-area .account-switch-icon, .lt-ie8 #customHeaderMessage .multi-account-switch-area .current-shipping-address-area .selected-account-name-text, .lt-ie8 #customHeaderMessage .multi-account-switch-area .current-shipping-address-area .selected-shipping-address-nickname, .lt-ie8 #customHeaderMessage .multi-account-switch-area .current-shipping-address-area .selected-shipping-address {
    display: block;
    float: left
}

.lt-ie8 #customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area input {
    width: 94%
}

.lt-ie8 #customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .currentDefaultTriangle {
    display: none
}

.skip-content a {
    position: absolute;
    left: -9999em;
    z-index: 111;
    top: 8px
}

#skipToMainContent a:focus {
    left: 45%
}

#skipToSignin a:focus {
    left: 45%
}

.language-fr #eheader #userAuthLinks .headerUserReginfo {
    width: 135px
}

.language-fr #eheader #navSearchContainer #quick-search-submit, .language-fr #eheader #navSearchContainer #part-number-submit {
    padding: 0 10px
}

.language-fr #eheader #headerContent #customCatalogTitle {
    left: -282px
}

.language-fr #eheader #headerContent #customCatalogSelectionArea select {
    width: 270px;
    max-width: 270px
}

.language-fr #eheader #headerContent .serviceHeaderLinks .serviceLinksRow1 {
    margin-top: 12px
}

.language-fr #eheader #headerContent .serviceHeaderLinks {
    margin-top: -10px
}

.language-fr #bulk-order #show-bulk-order-link {
    padding: 0 7px
}

.language-fr #eheader #navSearchContainer #miniCartLinkForm #cartLink {
    padding: 0 7px
}

input.quick-search-submit {
    height: 40px;
    border-radius: 0
}

@media screen and (max-width: 1024px) {
    #eheader #navSearchContainer #quick-search-submit, #eheader #navSearchContainer #part-number-submit, #eheader #navSearchContainer #show-bulk-order-link, #eheader #navSearchContainer #cartLink {
        font-size: 12px;
        padding: 0 10px
    }

    #eheader #navSearchContainer #search {
        width: 260px !important
    }

    #eheader #headerContent #customCatalogSelectionArea select {
        width: 260px !important
    }

    #eheader #headerContent #customCatalogTitle {
        left: -275px
    }

    #eheader #headerContent .serviceHeaderLinks .serviceLinksRow1 {
        margin-top: 5px
    }

    .language-fr #eheader #navSearchContainer #search {
        width: 280px
    }

    .language-fr #eheader #headerContent #customCatalogTitle {
        left: -275px
    }

    .language-fr #eheader #headerContent .serviceHeaderLinks {
        max-width: 46%
    }

    .language-fr #eheader #headerContent .serviceHeaderLinks .serviceLinksRow1 {
        margin-top: 0
    }

    .tabbed .rotator {
        height: 335px !important
    }
}

@media screen and (max-width: 800px) {
    #eheader #navSearchContainer #bulkOrderCartContainer {
        float: none;
        clear: both;
        margin-left: 26%
    }
}

@media screen and (max-width: 768px) {
    .tabbed .rotator {
        height: 265px !important
    }
}

.text-center {
    text-align: center
}

.appcues-widget-image {
    height: 14px
}

li.appcues-nothing-new {
    display: none
}

#eheader #headerContent #elogo {
    margin-right: 30px
}

#eheader #headerContent #customCatalogSelectionArea select {
    max-width: 240px;
    width: 240px
}

#eheader #headerContent #customCatalogTitle {
    left: -252px
}

#eheader #headerContent .serviceHeaderLinks .serviceLinksRow2.serviceLinksRow2WithAppcues {
    margin-top: -9px
}

#eheader #headerContent .serviceHeaderLinks .serviceLinksRow1.serviceLinksRow1WithAppcues {
    position: relative;
    top: -5px
}

.language-fr #eheader #headerContent #elogo {
    margin-right: 30px
}

.language-fr #eheader #headerContent #elogo a img {
    padding: 4px 0;
    position: relative;
    top: 1px
}

.language-fr #eheader #headerContent #elogo.eproElogo a img {
    padding: 4px 0 0 0
}

.language-fr #eheader #headerContent #customCatalogTitle {
    left: -247px;
    top: 15px
}

.language-fr #eheader #headerContent #customCatalogSelectionArea select {
    max-width: 235px;
    width: 235px
}

.language-fr #eheader #headerContent .serviceHeaderLinks .serviceLinksRow1.anonymousServiceLinksRow1 {
    position: relative;
    top: 10px
}

.language-fr #eheader #headerContent .serviceHeaderLinks .serviceLinksRow2 #gCustomerLinks.anonymousgCustomerLinks {
    position: relative;
    top: 10px
}

.language-fr #eheader #headerContent .serviceHeaderLinks .serviceLinksRow1.loggedInServiceLinksRow1 {
    position: relative;
    top: 2px
}

.language-fr #eheader #headerContent .serviceHeaderLinks .serviceLinksRow2.loggedInServiceLinksRow2 {
    position: relative;
    top: 0
}

.language-fr #eheader #headerContent .serviceHeaderLinks .serviceLinksRow1.loggedInServiceLinksRow1.serviceLinksRow1WithAppcues {
    position: relative;
    top: -5px
}

.language-fr #eheader #headerContent .serviceHeaderLinks.loggedInServiceHeaderLinks {
    margin-top: 0
}

.language-fr #eheader #headerContent .serviceHeaderLinks.eproServiceHeaderLinks {
    margin-top: -2px
}

.tl-mask-div {
    display: none
}

#autoComplete.headerSearchBarLength .dropdown-menu.autocomplete li.autoSuggestion, #searchHistory.headerSearchBarLength .dropdown-menu.autocomplete li.autoSuggestion, #autoComplete.headerSearchBarLength .dropdown-menu.autocomplete li.prdCategories, #searchHistory.headerSearchBarLength .dropdown-menu.autocomplete li.prdCategories, #autoComplete.headerSearchBarLength .dropdown-menu.autocomplete li.previousSearchTerm, #searchHistory.headerSearchBarLength .dropdown-menu.autocomplete li.previousSearchTerm {
    width: 450px
}

#autoComplete.headerSearchBarLength .dropdown-menu.autocomplete .category, #searchHistory.headerSearchBarLength .dropdown-menu.autocomplete .category {
    width: 437px
}

#autoComplete.headerSearchBarLength .flyout, #searchHistory.headerSearchBarLength .flyout {
    left: 450px
}

#autoComplete.headerSearchBarLength.alt-width, #searchHistory.headerSearchBarLength.alt-width {
    width: 937px !important
}

div:lang(fr) #eheader #navSearchContainer #search {
    width: 373px
}

div:lang(fr) #eheader #navSearchContainer #quick-search-submit {
    padding: 0 10px
}

#smarteditoverlay .slot-visibility-button-template__menu {
    height: 750px;
    overflow: scroll
}

@media only screen and (min-width: 1025px) {
    #eheader div#headerContent .serviceHeaderLinks {
        line-height: 23px
    }

    #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 {
        line-height: 20px
    }

    #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .appcues-widget-icon {
        line-height: 0
    }

    #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .appcues-widget-icon .appcues-widget-image {
        vertical-align: baseline
    }

    #eheader .one-col-width {
        width: 100% !important
    }

    #eheader .one-col-width ul {
        width: 100% !important
    }

    #eheader #topRibbon.resetStyle {
        position: unset
    }

    #eheader #topRibbon.resetStyle .resetStyle {
        position: unset
    }

    .navHeaderButton, .navHeaderButtonClose {
        display: none !important
    }

    #container {
        padding-right: 0;
        padding-left: 0
    }

    #miniCartDisplay .row {
        margin: 0
    }

    #customHeaderMessage .multi-account-switch-area .current-shipping-address-area .selected-shipping-address {
        width: auto;
        max-width: 40%
    }

    #customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .account-result-container .account-name-area.epp.currentDefault {
        margin-left: 35%
    }

    #customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .account-result-container .account-name-area.epp {
        margin-left: 35%;
        width: 65%
    }

    #eheader.newHeader div#headerContent #userAuthLinks .headerUserReginfo {
        padding-top: 7px
    }

    #eheader.newHeader div#headerContent .headerContainer {
        max-width: 1280px;
        padding: 5px 10px 5px 0;
        height: 56px;
        font-size: 14px;
        font-weight: 500
    }

    #eheader.newHeader div#headerContent .headerContainer a {
        text-decoration: none
    }

    #eheader.newHeader div#headerContent #elogo .simple_disp-img a img {
        /*max-width: 180px;*/
        margin-right: 16px;
        padding: 0;
        position: relative;
        margin-left: 10px;
        padding-left: 10px
    }

    #eheader.newHeader div#headerContent .serviceHeaderLinks {
        margin-top: 3px !important
    }

    #eheader.newHeader div#headerContent .serviceHeaderLinks .serviceLinksRow1_epro {
        margin-top: 3px !important;
        margin-right: 5px
    }

    #eheader.newHeader div#headerContent .serviceHeaderLinks .serviceLinksRow1 {
        margin-top: 11px;
        display: inline-block;
        line-height: 14px
    }

    #eheader.newHeader div#headerContent .serviceHeaderLinks .serviceLinksRow2 {
        display: inline-block;
        float: left
    }

    #eheader.newHeader div#headerContent .serviceHeaderLinks .serviceLinksRow2 a {
        padding: 0
    }

    #eheader.newHeader div#headerContent .serviceHeaderLinks .serviceLinksRow2 p, #eheader.newHeader div#headerContent .serviceHeaderLinks .serviceLinksRow2 .content {
        margin-top: 0;
        margin-bottom: 10px
    }

    #eheader.newHeader div#headerContent .serviceHeaderLinks .serviceLinksRow2 p #gCustomerLinks .piped > li, #eheader.newHeader div#headerContent .serviceHeaderLinks .serviceLinksRow2 .content #gCustomerLinks .piped > li {
        line-height: inherit
    }

    #eheader.newHeader div#headerContent .serviceHeaderLinks .serviceLinksRow2 .piped > li:before {
        display: none
    }

    #eheader.newHeader div#headerContent .serviceHeaderLinks .piped > li {
        line-height: inherit
    }

    #eheader.newHeader div#headerContent .serviceHeaderLinks .piped > li:not(first-child) {
        margin-left: 14px
    }

    #eheader.newHeader div#headerContent .serviceHeaderLinks .piped > li .new-icon {
        margin-right: 5px
    }

    #eheader.newHeader div#headerContent .serviceHeaderLinks .piped li.appcuesWidgetDiv {
        margin-left: 0 !important
    }

    #eheader.newHeader div#headerContent .serviceHeaderLinks .piped li.appcuesWidgetDiv .appcues-widget-icon {
        font-size: 14px
    }

    #eheader.newHeader #navSearchContainer {
        max-height: 69px;
        background-color: #29333b
    }

    #eheader.newHeader #navSearchContainer .headerContainer {
        background-color: #29333b;
        align-items: center
    }

    #eheader.newHeader #navSearchContainer .headerContainer div.allProducts {
        margin-right: 0;
        border: none;
        min-height: auto;
        width: 19%;
        height: 68px;
        color: #fff;
        background-color: #29333b;
        align-items: center;
        font-size: 16px;
        font-weight: 500;
        font-family: Roboto, Arial, Helvetica, sans-serif !important
    }

    #eheader.newHeader #navSearchContainer .headerContainer div.allProducts .allProductsLink {
        height: 68px;
        padding: 0 15px;
        align-items: center;
        width: auto;
        display: inline-flex
    }

    #eheader.newHeader #navSearchContainer .headerContainer div.allProducts .allProductsLink:hover .allProductsLink:focus {
        color: #fff
    }

    #eheader.newHeader #navSearchContainer .headerContainer div.allProducts .dropdown-menu {
        top: 68px
    }

    #eheader.newHeader #navSearchContainer .headerContainer div.allProducts .dropdown-menu a {
        word-break: break-word
    }

    #eheader.newHeader #navSearchContainer .headerContainer div.allProducts .dropdown-menu.one-col-width {
        width: 128% !important;
        max-width: 316px;
        z-index: unset
    }

    #eheader.newHeader #navSearchContainer .headerContainer div.allProducts .phl {
        padding: 0 !important
    }

    #eheader.newHeader #navSearchContainer .headerContainer div.allProducts.open .allProductsLink, #eheader.newHeader #navSearchContainer .headerContainer div.allProducts.focused .allProductsLink {
        color: #29333b
    }

    #eheader.newHeader #navSearchContainer #searchContainer {
        width: 55%
    }

    #eheader.newHeader #navSearchContainer #searchContainer #search {
        background-color: #fff;
        border-radius: 2px 0 0 2px;
        font-size: 14px;
        padding: 18px;
        width: 90% !important;
        overflow: visible;
        line-height: 1.15;
        margin: 0;
        height: auto;
        border: none;
        box-shadow: none
    }

    #eheader.newHeader #navSearchContainer #searchContainer.searchWithPartBtn {
        width: 54%
    }

    #eheader.newHeader #navSearchContainer #searchContainer.searchWithPartBtn #search {
        width: 73% !important
    }

    #eheader.newHeader #navSearchContainer #searchContainer.searchWithPartBtn #searchHistory {
        width: 73%
    }

    #eheader.newHeader #navSearchContainer .customer-part-number-btn {
        width: 17%;
        max-width: 93px;
        float: left;
        height: 53px;
        display: flex;
        padding: 12px;
        align-items: center;
        border-radius: 0 2px 2px 0;
        font-size: 16px;
        font-weight: 500;
        font-family: Roboto, Arial, Helvetica, sans-serif !important
    }

    #eheader.newHeader #navSearchContainer #quick-search-submit {
        width: 9%;
        color: #fff;
        height: 53px;
        display: flex;
        font-size: 16px;
        border-width: 0;
        font-weight: 500;
        align-items: center;
        justify-content: center;
        border-radius: 0 2px 2px 0;
        background-color: #00739e !important;
        font-family: Roboto, Arial, Helvetica, sans-serif !important
    }

    #eheader.newHeader #navSearchContainer #quick-search-submit:after {
        content: "";
        font-weight: 400;
        font-size: 18px;
        color: #fff;
        font-family: graingerFont
    }

    #eheader.newHeader #navSearchContainer .bulk-order {
        margin-left: 10px
    }

    #eheader.newHeader #navSearchContainer .bulk-order #bulk-order-content {
        top: 68px
    }

    #eheader.newHeader #navSearchContainer .bulk-order #show-bulk-order-link #bulkOrderPadCount {
        padding: 0
    }

    #eheader.newHeader #navSearchContainer .bulkOrderBody.dropdown {
        align-items: center;
        display: flex;
        justify-content: center;
        line-height: 4
    }

    #eheader.newHeader #navSearchContainer #bulkOrderCartContainer {
        height: 68px;
        align-items: center;
        display: flex !important
    }

    #eheader.newHeader #navSearchContainer #show-bulk-order-link .bulkOrderPadCount {
        padding: 0
    }

    #eheader.newHeader #navSearchContainer #cartLink:before {
        line-height: 1.9;
        margin-right: 3px
    }

    #eheader.newHeader #navSearchContainer #cartLink, #eheader.newHeader #navSearchContainer .allProducts > a, #eheader.newHeader #navSearchContainer #part-number-submit, #eheader.newHeader #navSearchContainer #part-number-submit, #eheader.newHeader #navSearchContainer #show-bulk-order-link {
        display: flex;
        font-size: 16px;
        font-weight: 500;
        color: #fff;
        padding: 0;
        border: none;
        font-family: Roboto, Arial, Helvetica, sans-serif !important
    }

    #eheader.newHeader #navSearchContainer #show-bulk-order-link {
        padding: 2px 0 3px;
        width: 188px
    }

    #eheader.newHeader #navSearchContainer #bulkOrderCartContainer #miniCartLinkForm #cartLink {
        padding-right: 11px
    }

    #eheader.newHeader #navSearchContainer div#show-bulk-order-link {
        padding: 0 12px
    }

    #eheader.newHeader #navSearchContainer .allProducts > a:after, #eheader.newHeader #navSearchContainer .bulkOrderBody > a:after, #eheader.newHeader #navSearchContainer .serviceLinks > a:after, #eheader.newHeader #navSearchContainer .allProducts a#show-bulk-order-link:after, #eheader.newHeader #navSearchContainer .bulkOrderBody a#show-bulk-order-link:after, #eheader.newHeader #navSearchContainer .serviceLinks a#show-bulk-order-link:after {
        font-family: graingerFont !important;
        content: "" !important;
        color: #abb0b6 !important;
        font-size: 14px;
        font-weight: 400;
        margin: 0 0 0 5px
    }

    #eheader.newHeader #navSearchContainer .bulkOrderBody > a:after, #eheader.newHeader #navSearchContainer .bulkOrderBody a#show-bulk-order-link:after {
        padding-top: 4px
    }

    #eheader.newHeader #navSearchContainer #quick-search {
        margin: 8px 1px
    }

    #eheader.newHeader #navSearchContainer #miniCartLinkForm {
        margin-left: 10px;
        align-items: center;
        display: flex !important
    }

    #eheader.newHeader #navSearchContainer #autoComplete.alt-width, #eheader.newHeader #navSearchContainer #searchHistory {
        top: 52px;
        left: 0
    }

    #eheader.newHeader #navSearchContainer #autoComplete.alt-width .dropdown-menu.autocomplete, #eheader.newHeader #navSearchContainer #searchHistory .dropdown-menu.autocomplete {
        z-index: 0;
        width: 100% !important;
        border-top: 1px solid #eee
    }

    #eheader.newHeader #navSearchContainer #autoComplete.alt-width .dropdown-menu.autocomplete li.previousSearchTerm, #eheader.newHeader #navSearchContainer #searchHistory .dropdown-menu.autocomplete li.previousSearchTerm {
        width: 100%
    }

    #eheader.newHeader #navSearchContainer #searchHistory {
        width: 90%
    }

    #eheader.newHeader #navSearchContainer #miniCartDisplay {
        top: 68px
    }

    #eheader.newHeader #navSearchContainer .en-pd {
        padding-right: 24px;
        padding-left: 24px
    }

    .language-fr #eheader.newHeader #authNav > div.ribbonNav1 ul {
        margin-right: 0
    }

    .language-fr #eheader.newHeader #navSearchContainer #searchContainer {
        width: 52%
    }

    .language-fr #eheader.newHeader #navSearchContainer #searchContainer.searchWithPartBtn #search, .language-fr #eheader.newHeader #navSearchContainer #searchContainer.searchWithPartBtn #searchHistory {
        width: 64% !important
    }

    .language-fr #eheader.newHeader #navSearchContainer .customer-part-number-btn {
        width: 27%;
        max-width: 142px
    }

    .language-fr #eheader.newHeader #navSearchContainer .fr-pd {
        padding-right: 0;
        padding-left: 0
    }

    .language-fr #eheader.newHeader #headerContent .serviceHeaderLinks .serviceLinksRow2 #gCustomerLinks.anonymousgCustomerLinks {
        top: 0
    }

    .language-fr #eheader.newHeader #headerContent .serviceHeaderLinks .serviceLinksRow1.anonymousServiceLinksRow1, .language-fr #eheader.newHeader #headerContent .serviceHeaderLinks .serviceLinksRow1.loggedInServiceLinksRow1 {
        top: 0
    }

    .language-fr #eheader.newHeader #headerContent #elogo .simple_disp-img a img {
        max-width: 170px
    }
}

.homepage #eheader.newHeader #navSearchContainer .allProducts.alt-menu > .dropdown-menu {
    width: 750px
}

.homepage #eheader.newHeader #navSearchContainer .allProducts.alt-menu > .dropdown-menu .dynamic-width {
    width: 50% !important
}

.account-name-area-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

.multi-account-switch-area-heading {
    color: #666 !important;
    float: left !important
}

#customHeaderMessage .multi-account-switch-area {
    background-color: #fff
}

#customHeaderMessage .multi-account-switch-area .current-shipping-address-area {
    margin-left: 0;
    width: 100%;
    border: 1px solid #ccc
}

#customHeaderMessage .multi-account-switch-area .current-shipping-address-area .account-switch-icon {
    margin-left: 10px
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window {
    border: 1px solid #ccc
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-search-area {
    margin-top: 12px;
    margin-bottom: 12px
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-search-area input {
    box-shadow: inset 0 0 #ccc, -1px 1px 2px #ccc, 1px 0 2px #ccc
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-header-area {
    border-bottom: 1px solid #ccc
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area {
    border-top: 1px solid #ccc
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .account-result-container {
    border-bottom: 1px solid #ccc;
    background-color: #fff
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .account-result-container .account-name-area {
    width: 100%;
    border-top: none;
    background-color: #f2f2f2;
    margin-bottom: 8px;
    padding: 12px 0;
    min-height: 30px
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .account-result-container .account-addresses-area {
    margin-left: 35%;
    border-top: 1px solid #ccc
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .account-result-container .epp .address-alias-text {
    font-weight: bold
}

#customHeaderMessage .multi-account-switch-area form {
    height: 39px
}

@media only screen and (min-width: 1025px) and (max-width: 1035px) {
    #bulk-order #show-bulk-order-link {
        padding: 0 15px
    }

    #eheader #navSearchContainer #miniCartLinkForm #cartLink {
        padding: 0 15px
    }
}

.LPMcontainer.increasedZoomLvl {
    position: absolute !important;
    inset: 0 0 auto auto !important
}

.email-signup-form .heading-signup-form {
    font-size: 32px;
    color: #29333b;
    font-family: RobotoCondensedBold, Arial, Helvetica, sans-serif;
    margin: 0 0 10px 0;
    display: block
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

#eheader div#headerContent {
    background: #000
}

#eheader div#headerContent .headerContainer {
    align-items: center;
    margin: auto;
    position: relative
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 a {
    color: #fff !important
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .mapleLeafImageDiv {
    position: relative;
    left: 4px;
    vertical-align: middle
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .mapleLeafImage {
    width: 13px;
    height: auto
}

#eheader div#headerContent .serviceHeaderLinks.loggedInServiceHeaderLinks {
    margin-top: 0
}

#eheader div#headerContent .simple_disp-img img {
    width: 95%;
    padding: 4px
}

#eheader div#headerContent div.serviceHeaderLinks .serviceLinksRow1 a, #eheader div#headerContent div.serviceHeaderLinks .serviceLinksRow2 a, #eheader div#headerContent #customCatalogTitle, #eheader div#headerContent #customCatalogTitle strong {
    color: #fff !important;
    font-weight: normal
}

#eheader.newHeader div#headerContent #elogo {
    width: auto;
    margin-right: 5px
}

#eheader.newHeader div#headerContent #customCatalogTitle {
    display: none
}

#eheader.newHeader div#headerContent .serviceHeaderLinks .serviceLinksRow1 {
    display: inline-block
}

#eheader.newHeader div#headerContent .serviceHeaderLinks .serviceLinksRow1 a.engToggle {
    margin-left: 2px;
    left: 2px;
    position: relative
}

#eheader.newHeader div#headerContent .serviceHeaderLinks .serviceLinksRow1 a.frenchToggle {
    position: relative;
    left: -2px
}

#eheader.newHeader div#headerContent .serviceHeaderLinks .serviceLinksRow1 a.engToggle, #eheader.newHeader div#headerContent .serviceHeaderLinks .serviceLinksRow1 a.frenchToggle {
    font-size: 11px;
    padding: 0
}

#eheader.newHeader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .engToggle.disabledLang, #eheader.newHeader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .frenchToggle.disabledLang {
    pointer-events: none;
    cursor: pointer;
    color: #fd0103 !important
}

#eheader.newHeader div#headerContent #customCatalogSelectionArea {
    margin: 0;
    border: 1px solid #a9a9a9;
    border-radius: 2px;
    padding: 0
}

#eheader.newHeader div#headerContent #customCatalogSelectionArea select {
    background: #000;
    height: auto;
    color: #fff;
    padding: 5px;
    width: 240px;
    max-width: 240px;
    font-size: 14px;
    font-weight: normal;
    padding: 5px 15px 5px 5px;
    text-overflow: ellipsis
}

#eheader.newHeader div#headerContent #customCatalogSelectionArea select option:disabled {
    pointer-events: none;
    cursor: pointer;
    color: #fff
}

#eheader.newHeader div#headerContent #customCatalogSelectionArea select option {
    color: #fff;
    background-color: #000
}

#eheader.newHeader div#headerContent #customCatalogSelectionArea.styledSelect:after {
    content: "";
    color: #fff;
    font-size: 12px;
    border: none;
    background: none;
    display: inline-block;
    padding: 7px 3px
}

#eheader.newHeader #navSearchContainer .dropdown .hackInteriorNav {
    height: 0
}

#eheader.newHeader #navSearchContainer #cartLink:before {
    padding-right: 0
}

#eheader.newHeader #navSearchContainer #quickCartText {
    display: none
}

.language-fr #eheader #headerContent #elogo a img, .language-fr #eheader #headerContent #elogo.eproElogo a img {
    padding: 4px
}

.language-fr #eheader #navSearchContainer #miniCartLinkForm #cartLink {
    padding: 0
}

.language-fr #eheader.newHeader #headerContent #elogo a img {
    padding: 4px
}

.language-fr #eheader.newHeader #headerContent #elogo.eproElogo a img {
    padding: 4px
}

.language-fr #eheader.newHeader #headerContent #customCatalogSelectionArea select {
    width: 240px;
    max-width: 240px
}

.language-fr #eheader.newHeader #navSearchContainer #miniCartLinkForm #cartLink {
    padding: 0
}

#endEproSession {
    line-height: 1px
}

@media only screen and (min-width: 1025px) and (max-width: 1150px) {
    #eheader.newHeader div#headerContent .headerContainer {
        height: auto
    }

    #eheader.newHeader div#headerContent .headerContainer .serviceHeaderLinks {
        max-width: 100%;
        margin-top: 5px
    }

    #eheader.newHeader div#headerContent .headerContainer .serviceHeaderLinks .piped > li:not(first-child) {
        margin-left: 14px
    }

    #eheader.newHeader div#headerContent #elogo .simple_disp-img a img {
        margin-right: 0
    }

    .language-fr #eheader.newHeader div#headerContent #elogo {
        margin-right: 5px
    }

    .language-fr #eheader.newHeader div#headerContent .headerContainer .serviceHeaderLinks .serviceLinksRow2 #gCustomerLinks.anonymousgCustomerLinks {
        top: 0
    }

    .language-fr #eheader.newHeader div#headerContent .headerContainer .serviceHeaderLinks .serviceLinksRow2 .serviceLinksRow1.anonymousServiceLinksRow1 {
        top: 0
    }
}

@media only screen and (min-width: 1025px) and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    #eheader.newHeader #navSearchContainer .headerContainer {
        max-height: 69px
    }

    #eheader #topRibbon #userAuthLinks a {
        line-height: 31px
    }
}

@media print {
    .mobileAllProductsContainer, .mobileAllProductLink, .navHeaderButton, .navHeaderButtonClose {
        display: none !important
    }

    #eheader #navSearchContainer #searchContainer {
        width: 40%
    }

    #eheader #navSearchContainer #searchContainer #search {
        width: 75%;
        border-left: none;
        display: inline-flex
    }

    #eheader #navSearchContainer #searchContainer .btn {
        padding: 11px 3px;
        display: inline-flex
    }

    #eheader .headerContainer #bulkOrderCartContainer .bulk-order {
        display: inline-block
    }

    #eheader .headerContainer #bulkOrderCartContainer .bulk-order #show-bulk-order-link {
        padding: 0
    }

    #eheader .headerContainer #bulkOrderCartContainer #miniCartLinkForm {
        float: right;
        display: inline-flex !important
    }

    * {
        -webkit-print-color-adjust: exact !important;
        color-adjust: exact !important
    }
}

#eheader .btn {
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding: 11px 18px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border: none;
    *border: 0
}

#eheader input.quick-search-submit {
    border-radius: 0
}

.no-scroll {
    overflow: hidden !important
}

#container #leftColumn .allProductsLink {
    display: none
}

.fixedHeaderBody .headerBanner {
    top: 0;
    z-index: 101;
    width: 100%;
    position: fixed
}

.fixedHeaderBody #navSearchContainer {
    top: 104px;
    width: 100%;
    z-index: 101;
    position: fixed !important
}

.fixedHeaderBody #customHeaderMessage {
    top: 173px;
    position: relative
}

.fixedHeaderBody .allProductsLink.opened {
    box-shadow: 0 1px 0 0 #ccc
}

.fixedHeaderBody #container {
    position: relative;
    margin-top: 173px;
    z-index: 0
}

.fixedHeaderBody #container #content #leftColumn #subscribe {
    margin-top: auto !important
}

.fixedHeaderBody #container .prd_ctg_for_nav_comps.openedPrdNav {
    z-index: 0;
    left: 0;
    top: -1px;
    height: auto;
    float: left;
    margin-top: 0;
    text-align: left;
    min-width: 180px;
    list-style: none;
    padding: 10px 0;
    max-width: 311px;
    line-height: 16px;
    position: relative;
    width: 128% !important;
    display: block !important;
    background-color: #fff;
    border-right: 1px solid #ccc !important;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0)
}

.fixedHeaderBody #container .prd_ctg_for_nav_comps.openedPrdNav ul {
    margin: 0;
    padding: 0
}

.fixedHeaderBody #container .prd_ctg_for_nav_comps.openedPrdNav li {
    line-height: inherit !important
}

.fixedHeaderBody #container .prd_ctg_for_nav_comps.openedPrdNav li a {
    word-break: break-word;
    color: #29333b;
    font-size: 12px;
    padding: 4px 15px;
    display: block
}

.fixedHeaderBody #container .prd_ctg_for_nav_comps.openedPrdNav li a:hover {
    background: #f2f2f2;
    text-decoration: none
}

.IE11BannerDiv {
    text-align: center;
    display: block;
    width: 100%;
    padding: 15px 0;
    font-size: 13px;
    position: relative;
    border-bottom: 2px solid #f26823
}

.IE11BannerDiv .warningIcon {
    height: 0;
    width: 0;
    background-color: #fff;
    border-style: solid;
    border-width: 13px 7px 0 7px;
    border-color: #f26823 transparent transparent transparent;
    border-radius: 3px;
    display: inline-block;
    color: #fff;
    transform: rotate(180deg);
    vertical-align: text-top
}

.IE11BannerDiv .warningIconText {
    top: -15px;
    left: -2px;
    color: #fff;
    transform: rotate(180deg);
    display: inline-block;
    position: relative;
    font-weight: bold
}

.IE11BannerDiv .IE11BannerMsg a {
    color: #00739e;
    font-size: 13px
}

.IE11BannerDiv .IE11BannerMsg a:hover {
    text-decoration: underline
}

#arrowBackToTop.fixed-tag {
    position: fixed;
    z-index: 10;
    right: -100px;
    width: 145px;
    background: #000;
    color: #fff;
    font-weight: bold;
    padding: 15px;
    bottom: 225px;
    opacity: .5;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    filter: alpha(opacity=50);
    transition: all .2s ease-out;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    background-clip: padding-box;
    display: none;
    cursor: pointer
}

#arrowBackToTop.fixed-tag .up-arrow {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    border: solid #fff;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 5px;
    top: 4px;
    left: 2px;
    position: relative;
    margin-right: 5px
}

#arrowBackToTop.fixed-tag .backToTopMessage {
    display: none
}

.eproBody #eheader.newHeader div#headerContent .serviceHeaderLinks .serviceLinksRow1 {
    margin-top: 3px;
    margin-right: 8px
}

.eproBody #eheader.newHeader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .mapleLeafImageDiv {
    top: 2px
}

.eproBody #eheader.newHeader #userAuthLinks .userInfo {
    margin-right: 8px
}

#footer {
    background-color: #29333b;
    min-width: 630px;
    position: relative;
    padding: 0;
    z-index: 10
}

#footer h6 {
    font-size: 14px;
    color: #fff;
    margin-bottom: 8px;
    text-transform: capitalize;
    font-weight: normal;
    font-family: Roboto, Arial, Helvetica, sans-serif
}

#footer .footerCustomerSupportCall {
    color: #abb0b6;
    font-size: 12px
}

#footer p:empty {
    display: none
}

#footer h3 {
    font-size: 16px;
    color: #333
}

#footer #e_footerrow1:after, #footer #e_footerrow1:before {
    content: " ";
    display: table
}

#footer #e_footerrow1:after {
    clear: both
}

.lt-ie8 #footer #e_footerrow1 {
    clear: both;
    zoom: 1
}

#footer #e_footerrow1 a {
    color: #abb0b6;
    display: block;
    padding: 0;
    font-size: 12px;
    margin-bottom: 8px;
    line-height: normal
}

#footer #e_footerrow1 .e-footercolumn {
    width: 20%;
    padding: 10px;
    margin-bottom: 10px;
    float: left;
    padding: 0 10px 0 0
}

.lt-ie8 #footer #e_footerrow1 .e-footercolumn {
    width: 18%
}

#footer #e_footerrow1 .e-footercolumn:last-child {
    padding: 0
}

#footer #e_footerrow1 #e_footercol2 .footerCatalog {
    display: block
}

.lt-ie8 #footer #e_footerrow1 #e_footercol2 .footerCatalog {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -4950px;
    background-position-x: 0
}

.lt-ie8 #footer #e_footerrow1 #e_footercol2 .footerCatalog {
    padding-left: 18px
}

#footer #e_footerrow1 #e_footercol2 .footerCatalog:before {
    font-family: graingerFont;
    content: "\e63b";
    font-weight: 400;
    padding-right: 5px
}

#footer #e_footerrow1 #e_footercol2 .footerContact {
    display: block
}

.lt-ie8 #footer #e_footerrow1 #e_footercol2 .footerContact {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -3780px;
    background-position-x: 0
}

.lt-ie8 #footer #e_footerrow1 #e_footercol2 .footerContact {
    padding-left: 18px
}

#footer #e_footerrow1 #e_footercol2 .footerContact:before {
    font-family: graingerFont;
    content: "\e621";
    font-weight: 400;
    padding-right: 5px
}

#footer #e_footerrow1 #e_footercol2 .footerFindBranch {
    display: block
}

.lt-ie8 #footer #e_footerrow1 #e_footercol2 .footerFindBranch {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -180px;
    background-position-x: 0
}

.lt-ie8 #footer #e_footerrow1 #e_footercol2 .footerFindBranch {
    padding-left: 18px
}

#footer #e_footerrow1 #e_footercol2 .footerFindBranch:before {
    font-family: graingerFont;
    content: "\e60d";
    font-weight: 400;
    padding-right: 3px
}

#footer #e_footerrow1 #e_footercol2 .footerFeedback {
    display: block
}

.lt-ie8 #footer #e_footerrow1 #e_footercol2 .footerFeedback {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -5850px;
    background-position-x: 0
}

.lt-ie8 #footer #e_footerrow1 #e_footercol2 .footerFeedback {
    padding-left: 18px
}

#footer #e_footerrow1 #e_footercol2 .footerFeedback:before {
    font-family: graingerFont;
    content: "\e63a";
    font-weight: 400;
    padding-right: 3px
}

#footer #e_footerrow2:after, #footer #e_footerrow2:before {
    content: " ";
    display: table
}

#footer #e_footerrow2:after {
    clear: both
}

.lt-ie8 #footer #e_footerrow2 {
    clear: both;
    zoom: 1
}

#footer #e_footerrow2 .e-footercolumn {
    width: 15.833333333333334%;
    padding: 10px;
    margin-bottom: 10px;
    float: left;
    padding: 0 20px 0 0;
    margin-right: 20px
}

.lt-ie8 #footer #e_footerrow2 .e-footercolumn {
    width: 13.833333333333334%
}

#footer #e_footerrow2 .e-footercolumn:last-child {
    padding: 0;
    margin-right: 0
}

#footer #e_footerrow2 p {
    color: #29333b
}

#footer #e_footerrow2 #e_footercol6, #footer #e_footerrow2 #e_footercol7 {
    border-right: 1px solid #ccc
}

#footer #e_footerrow2 #e_footercol6 {
    width: 30.833333333333336%;
    padding: 10px;
    margin-bottom: 10px;
    float: left;
    padding: 0 20px 0 0
}

.lt-ie8 #footer #e_footerrow2 #e_footercol6 {
    width: 28.833333333333332%
}

#footer #e_footerrow2 #e_footercol6 a {
    display: inline-block;
    margin-right: 10px
}

#footer #e_footerrow2 #e_footercol7 {
    width: 23.333333333333332%;
    padding: 10px;
    margin-bottom: 10px;
    float: left;
    padding: 0 20px 0 0
}

.lt-ie8 #footer #e_footerrow2 #e_footercol7 {
    width: 21.333333333333332%
}

#footer #e_footerrow2 #e_footercol7 a {
    margin-top: 10px
}

.lt-ie8 #footer #e_footerrow2 #e_footercol7 a {
    display: block;
    float: left
}

#footer #e_footerrow2 #e_footercol8 a {
    float: left;
    margin-right: 5px
}

#footer #e_footerrow2 #e_footercol8 img {
    max-width: 36px;
    max-height: 36px
}

#footer #e_footerrow2 #e_footercol9 {
    float: right;
    width: 18%
}

#footer #e_footerrow2 #e_footercol9 p {
    font-size: 16px;
    padding-top: 40px
}

#footer #e_footerrow2 #e_footercol9 span {
    color: #333;
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin-top: 5px;
    font-size: 22px
}

#footer #footerLegal {
    border: none;
    color: #29333b;
    background-color: #000;
    text-align: center;
    padding: 0
}

#footer #footerLegal:after, #footer #footerLegal:before {
    content: " ";
    display: table
}

#footer #footerLegal:after {
    clear: both
}

.lt-ie8 #footer #footerLegal {
    clear: both;
    zoom: 1
}

#footer #footerLegal a {
    color: #fff;
    display: inline-block;
    font-size: 12px
}

#footer #footerLegal ul {
    margin: 0 auto;
    width: 600px
}

#footer #footerLegal ul:after, #footer #footerLegal ul:before {
    content: " ";
    display: table
}

#footer #footerLegal ul:after {
    clear: both
}

.lt-ie8 #footer #footerLegal ul {
    clear: both;
    zoom: 1
}

#footer #footerLegal li {
    float: left
}

#footer #footerLegal li:after {
    content: " | ";
    padding: 0 5px;
    color: #fff
}

#footer #footerLegal li:last-child:after {
    content: ""
}

#footer #footerLegal .footerContainer {
    padding: 0;
    color: #abb0b6;
    font-size: 12px
}

#footer #footerLegal div.footerContainer {
    padding: 32px
}

#footer #footerLegal .content {
    margin-bottom: 0
}

#footer #footerLegal p {
    margin: 0
}

.responsive .footerContainer {
    margin-bottom: 10px
}

.responsive .footerContainer h4 {
    margin-bottom: 5px
}

@media (max-width: 730px) {
    .responsive .footerContainer #footercol1 {
        margin-left: 10px
    }
}

.responsive .eProSite.pdf-catalog #footer {
    width: 960px
}

.responsive .footerIcon {
    width: 23px;
    display: inline-block;
    vertical-align: top;
    font-size: 18px
}

.responsive #footercol1, .responsive #footercol2, .responsive #footercol3, .responsive #footercol4 {
    width: 23%;
    margin-left: 10px;
    display: inline-block;
    vertical-align: top
}

@media (max-width: 730px) {
    .responsive #footercol1, .responsive #footercol2, .responsive #footercol3, .responsive #footercol4 {
        margin-left: 5px
    }
}

.responsive .footerButton, .responsive #footer a.footerButton {
    background: #575757;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #575757), color-stop(1, #313131));
    background: -ms-linear-gradient(bottom, #575757, #313131);
    background: -moz-linear-gradient(center bottom, #575757 0, #313131 100%);
    background: -o-linear-gradient(#313131, #575757);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#313131', endColorstr='#575757', GradientType=0);
    color: #FFF;
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    display: inline-block;
    cursor: pointer;
    font-size: 14px
}

.responsive .footerButton:hover, .responsive #footer a.footerButton:hover {
    text-decoration: none
}

.responsive .footerContent {
    display: inline-block;
    width: 75%
}

.responsive .footerContent p {
    word-wrap: break-word
}

.responsive .footerContent .footerBold {
    margin-right: 4px
}

.responsive #footerChat:before {
    font-family: graingerFont;
    content: "\e613";
    font-weight: 400
}

.responsive #footerCall:before {
    font-family: graingerFont;
    content: "\e62a";
    font-weight: 400
}

.responsive #footerMessageUs:before {
    font-family: graingerFont;
    content: "\e621";
    font-weight: 400
}

.responsive #footerSignUpbefore {
    font-family: graingerFont;
    content: "\e621";
    font-weight: 400
}

.lt-ie8 .responsive #footercol1, .lt-ie8 .responsive #footercol2, .lt-ie8 .responsive #footercol3, .lt-ie8 .responsive #footercol4 {
    display: inline;
    zoom: 1
}

#footer.overlapHidden {
    z-index: 0
}

@media print, screen and (min-width: 1025px) {
    #footer div.footerContainer {
        max-width: 1440px
    }

    #footer div.footerContainer #e_footerrow1 {
        padding: 32px 32px 0 32px
    }

    #footer div.footerContainer #e_footerrow2 {
        padding-bottom: 32px
    }
}

.bulk-order {
    display: inline-block;
    position: relative;
    z-index: 9
}

.bulk-order textarea {
    width: 100%;
    margin-bottom: 18px;
    height: 132px;
    max-height: 132px;
    font-size: 14px;
    line-height: normal;
    font-family: RobotoCondensed, Arial, Helvetica, sans-serif
}

.lt-ie8 .bulk-order h3 b {
    float: left
}

.bulk-order #show-bulk-order-link {
    display: inline-block;
    padding: 0 20px
}

@media (max-width: 960px) {
    .bulk-order #show-bulk-order-link {
        padding: 0 10px
    }
}

.bulk-order #show-bulk-order-link #bulkOrderPadCount {
    display: inline-block;
    padding: 0 4px
}

.bulk-order #bulk-order-content {
    padding: 0;
    top: 41px;
    width: 270px;
    -webkit-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1)
}

.bulk-order #bulk-order-content.loading {
    min-height: 70px;
    background: url(../../images/spinner_searchCatProd.gif) no-repeat center #fff
}

.bulk-order #bulk-order-content .btn {
    line-height: 14px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding: 11px 18px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border: none;
    *border: 0;
    background-color: #151b1e;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.bulk-order #bulk-order-content .btnPrimary {
    background-color: #be2122
}

.bulk-order #bulk-order-content b {
    font-weight: bold
}

.bulk-order #bulk-order-content #bulkCopyPasteAdd .mts {
    margin-bottom: 15px
}

.bulk-order #bulk-order-content #bulkCopyPasteAdd p, .bulk-order #bulk-order-content #bulkCopyPasteAdd .mbn {
    margin-top: 0
}

.bulk-order #bulk-order-content #bulkCopyPasteAdd #bulkCopyPasteCreate legend {
    border: none;
    margin-bottom: 15px
}

.bulk-order .dropdown-menu .dropdown-header, .bulk-order .dropdown-menu .tab-content {
    padding: 10px 15px;
    width: auto
}

.bulk-order .dropdown-menu .dropdown-header #showCopyPasteLabelText, .bulk-order .dropdown-menu .dropdown-header #showSeparateLabelText {
    color: #333
}

.bulk-order .dropdown-menu .dropdown-header a {
    font-size: 12px;
    float: right;
    color: #00739e
}

.bulk-order .dropdown-menu a:hover {
    text-decoration: underline
}

.bulk-order .dropdown-menu #bulkorderSingleAddForm {
    line-height: 30px;
    width: auto
}

.bulk-order .dropdown-menu #bulkorderSingleAddForm label, .bulk-order .dropdown-menu #bulkorderSingleAddForm input {
    display: inline-block;
    width: 130px;
    line-height: normal
}

.bulk-order .dropdown-menu #bulkorderSingleAddForm .bulkorderItemHeading, .bulk-order .dropdown-menu #bulkorderSingleAddForm .bulkorderQuantityHeading {
    display: inline-block;
    width: 130px;
    font-weight: 700;
    font-size: 14px
}

.lt-ie8 .bulk-order .dropdown-menu #bulkorderSingleAddForm input {
    display: inline
}

.lt-ie8 .bulk-order .dropdown-menu #bulkorderSingleAddForm label {
    display: block;
    float: left
}

.lt-ie8 .bulk-order .dropdown-menu #bulkorderSingleAddForm label:first-child {
    width: 100px;
    margin-right: 41px
}

.bulk-order .dropdown-menu #bulkorderSingleAddForm label.bulkorderQuantity, .bulk-order .dropdown-menu #bulkorderSingleAddForm .bulkorderQuantityHeading {
    margin-right: 25px;
    float: right;
    width: 20px
}

.bulk-order .dropdown-menu #bulkorderSingleAddForm input[name="productItemNumber"] {
    width: 155px
}

.lt-ie8 .bulk-order .dropdown-menu #bulkorderSingleAddForm input[name="productItemNumber"] {
    width: 100px
}

.bulk-order .dropdown-menu #bulkorderSingleAddForm input[name="productQuantity"] {
    width: 48px;
    margin: 0 0 8px 20px
}

.bulk-order .dropdown-menu #bulkorderSingleAddForm input[name="productQuantity"]:after, .bulk-order .dropdown-menu #bulkorderSingleAddForm input[name="productQuantity"]:before {
    content: " ";
    display: table
}

.bulk-order .dropdown-menu #bulkorderSingleAddForm input[name="productQuantity"]:after {
    clear: both
}

.lt-ie8 .bulk-order .dropdown-menu #bulkorderSingleAddForm input[name="productQuantity"] {
    clear: both;
    zoom: 1
}

.lt-ie8 .bulk-order .dropdown-menu #bulkorderSingleAddForm input[name="productQuantity"] {
    width: 28px
}

.bulk-order .dropdown-menu #bulkorderSingleAddForm .btnPrimary {
    margin: 5px 0
}

.bulk-order #showMoreEntryFieldsLabelText, .bulk-order .isAuthenticatedLink {
    font-size: 12px;
    float: right;
    font-weight: bold
}

.lt-ie8 .bulk-order #showMoreEntryFieldsLabelText, .lt-ie8 .bulk-order .isAuthenticatedLink {
    float: left
}

.bulk-order .addToList {
    float: none;
    margin: 0 0 0 5px
}

.bulk-order .alert {
    line-height: 14px;
    font-size: 12px
}

.bulk-order .bulkOrderBody .dropdown-menu .dropdown-header, .bulk-order .bulkOrderBody .dropdown-menu .tab-content {
    width: auto
}

.bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table {
    margin: 10px 0;
    font-size: 11px
}

.bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table:after, .bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table:before {
    content: " ";
    display: table
}

.bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table:after {
    clear: both
}

.lt-ie8 .bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table {
    clear: both;
    zoom: 1
}

.bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table .thead > *, .bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table .tbody .row > * {
    float: left;
    margin-right: 7px
}

.bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table .thead {
    margin-bottom: 10px
}

.bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table .thead .td-item, .bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table .tbody .td-item {
    width: 45px
}

.bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table .thead .td-qty, .bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table .tbody .td-qty {
    width: 30px
}

.bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table .thead .td-availability, .bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table .tbody .td-availability {
    width: 70px
}

.bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table .thead .td-your-price, .bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table .tbody .td-your-price {
    width: 53px;
    margin-right: 0
}

.bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table .tbody .row {
    width: 100%;
    margin-bottom: 10px;
    overflow: hidden;
    display: block
}

#bopContainer #bulkCopyPasteAdd {
    width: 35.00000000000001%;
    padding: 10px;
    margin-bottom: 10px;
    float: left
}

.lt-ie8 #bopContainer #bulkCopyPasteAdd {
    width: 33%
}

@media (max-width: 960px) {
    .responsive #bopContainer #bulkCopyPasteAdd textarea {
        resize: none
    }
}

@media (max-width: 890px) {
    .responsive #bopContainer #bulkCopyPasteAdd {
        width: 30%
    }
}

#bopContainer #bopLineItemLeft {
    width: 65%;
    padding: 10px;
    margin-bottom: 10px;
    float: left
}

.lt-ie8 #bopContainer #bopLineItemLeft {
    width: 63%
}

#bopContainer #bopLineItemLeft table input {
    max-width: 120px
}

#bopContainer #bopLineItemLeft td, #bopContainer #bopLineItemLeft th {
    display: inline-block;
    float: left;
    margin-right: 9px;
    text-align: left;
    padding: 5px 0
}

#bopContainer #bopLineItemLeft td:first-child, #bopContainer #bopLineItemLeft th:first-child {
    padding-left: 0
}

#bopContainer #bopLineItemLeft th, #bopContainer #bopLineItemLeft tr, #bopContainer #bopLineItemLeft td {
    border: none
}

#bopContainer #bopLineItemLeft [for="bulkorderItem"], #bopContainer #bopLineItemLeft [name="productItemNumber"] {
    width: 120px
}

@media (max-width: 780px) {
    .responsive #bopContainer #bopLineItemLeft [for="bulkorderItem"], .responsive #bopContainer #bopLineItemLeft [name="productItemNumber"] {
        width: 70px
    }
}

#bopContainer #bopLineItemLeft [for="bulkorderQuantity"], #bopContainer #bopLineItemLeft [name="productQuantity"] {
    width: 50px
}

@media (max-width: 890px) {
    .responsive #bopContainer #bopLineItemLeft {
        width: 70%
    }
}

#bopContainer #bopLineItemLeft th.bulkOrderItem {
    margin-right: 0
}

#bopContainer #bopLineItemLeft th.bulkOrderQty {
    margin: 0 18px 0 -1px
}

@media (max-width: 960px) {
    .responsive #bopContainer h5 {
        margin-left: 10px
    }
}

#order-main-content .bulk-order {
    display: block;
    margin-bottom: 15px
}

#order-main-content .bulk-order #show-bulk-order-link {
    position: relative;
    line-height: 14px;
    display: inline-block;
    *display: inline;
    padding: 9px 20px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-text-shadow: 0 1px 1px rgba(153, 153, 153, 0.2);
    -moz-text-shadow: 0 1px 1px rgba(153, 153, 153, 0.2);
    text-shadow: 0 1px 1px rgba(153, 153, 153, 0.2);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #666;
    background-image: -moz-linear-gradient(top, #757575 0, #757575 50%, #666 51%, #666 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #757575), color-stop(50%, #757575), color-stop(51%, #666), color-stop(100%, #666));
    background-image: -webkit-linear-gradient(top, #757575 0, #757575 50%, #666 51%, #666 100%);
    background-image: -o-linear-gradient(top, #757575 0, #757575 50%, #666 51%, #666 100%);
    background-image: -ms-linear-gradient(top, #757575 0, #757575 50%, #666 51%, #666 100%);
    background-image: linear-gradient(to bottom, #757575 0, #757575 50%, #666 51%, #666 100%);
    border: 1px solid #FFF;
    border-bottom: none;
    z-index: 2
}

#order-main-content .bulk-order #show-bulk-order-link:hover, #order-main-content .bulk-order #show-bulk-order-link:focus, #order-main-content .bulk-order #show-bulk-order-link:active, #order-main-content .bulk-order #show-bulk-order-link.active {
    background-color: #575757;
    background-image: -moz-linear-gradient(top, #686868 0, #686868 50%, #575757 51%, #575757 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #686868), color-stop(50%, #686868), color-stop(51%, #575757), color-stop(100%, #575757));
    background-image: -webkit-linear-gradient(top, #686868 0, #686868 50%, #575757 51%, #575757 100%);
    background-image: -o-linear-gradient(top, #686868 0, #686868 50%, #575757 51%, #575757 100%);
    background-image: -ms-linear-gradient(top, #686868 0, #686868 50%, #575757 51%, #575757 100%);
    background-image: linear-gradient(to bottom, #686868 0, #686868 50%, #575757 51%, #575757 100%);
    text-decoration: none
}

#order-main-content .bulk-order #bulk-order-content {
    top: 35px
}

#order-main-content .bulk-order #bulk-order-content > * {
    width: 330px
}

#order-main-content .bulk-order #bulk-order-content .tab-content {
    padding: 10px 20px 0 20px
}

#order-main-content .bulk-order #bulk-order-content:after, #order-main-content .bulk-order #bulk-order-content:before {
    content: " ";
    display: table
}

#order-main-content .bulk-order #bulk-order-content:after {
    clear: both
}

.lt-ie8 #order-main-content .bulk-order #bulk-order-content {
    clear: both;
    zoom: 1
}

#order-main-content .bulk-order #bulk-order-content.dropdown-menu-right {
    left: 0;
    right: auto
}

#order-main-content .bulk-order #bulk-order-content #bulkorderSingleAddForm {
    width: auto
}

#order-main-content .bulk-order #bulk-order-content #bulkorderSingleAddForm label[for="bulkorderQuantity"] {
    float: none
}

#order-main-content .bulk-order #bulk-order-content #bulkorderSingleAddForm label {
    width: 127px
}

#order-main-content .bulk-order #bulk-order-content #bulkorderSingleAddForm ul:after, #order-main-content .bulk-order #bulk-order-content #bulkorderSingleAddForm ul:before {
    content: " ";
    display: table
}

#order-main-content .bulk-order #bulk-order-content #bulkorderSingleAddForm ul:after {
    clear: both
}

.lt-ie8 #order-main-content .bulk-order #bulk-order-content #bulkorderSingleAddForm ul {
    clear: both;
    zoom: 1
}

#order-main-content .bulk-order #bulk-order-content #bulkorderSingleAddForm ul li {
    float: left;
    margin-right: 10px
}

#order-main-content .bulk-order #bulk-order-content #bulkorderSingleAddForm #bulkorderQuantity {
    margin: 0
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce {
    font-size: 11px;
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    max-height: 215px;
    overflow-y: auto
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .thead {
    font-weight: bold;
    border-bottom: 1px solid #CCC;
    padding: 7px 20px;
    margin: 0 -20px
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .thead:after, #order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .thead:before {
    content: " ";
    display: table
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .thead:after {
    clear: both
}

.lt-ie8 #order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .thead {
    clear: both;
    zoom: 1
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .td-item {
    width: 175px
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .td-item li {
    font-size: 12px;
    margin-top: 8px;
    line-height: 14px;
    word-wrap: break-word
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .td-item li:first-child {
    margin-top: 0
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .td-item li.removeIcon:after {
    font-family: graingerFont;
    content: "\e61d";
    font-weight: 400;
    margin-left: 5px;
    display: inline-block;
    font-size: 11px
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .td-your-price {
    width: 63px;
    float: right;
    text-align: right
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .tbody .row {
    border-top: 1px solid #CCC;
    padding: 10px 20px;
    margin: 0 -20px;
    width: auto
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .tbody .row:first-child {
    border-top: none
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .tbody .row a {
    font-weight: bold
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .tbody .row .td-qty {
    font-weight: bold;
    font-size: 12px
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .tbody .row .td-your-price {
    line-height: 8px
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .tbody .row .td-your-price .price {
    font-size: 12px
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd .bulkOrderPadSubNav #sub-total-text {
    font-weight: bold
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd .bulkOrderPadSubNav #sub-total-text .priceWrapper {
    float: right;
    line-height: 12px
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd #add-to-list {
    border-top: 1px solid #CCC;
    padding: 15px 20px;
    margin: 0 -20px;
    margin-top: 11px;
    background: #eaeaea
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd #add-to-list:after, #order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd #add-to-list:before {
    content: " ";
    display: table
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd #add-to-list:after {
    clear: both
}

.lt-ie8 #order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd #add-to-list {
    clear: both;
    zoom: 1
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd #add-to-list .isAuthenticatedLink {
    font-size: 12px;
    font-weight: bold;
    margin-left: 8px
}

#order-main-content .bulk-order #bulk-order-content #bulkCopyPasteAdd .sub-total {
    border-top: 1px solid #CCC;
    padding: 15px 20px;
    margin: 0 -20px;
    margin-top: 11px;
    background: #eaeaea
}

#order-main-content .bulk-order .open #show-bulk-order-link {
    background: #EEE;
    color: #666;
    border: 1px solid #ccc;
    border-bottom: none
}

.placeHolder {
    margin-left: 10px
}

.bulkordercenter-content {
    display: inline-block;
    vertical-align: middle;
    display: inline;
    zoom: 1;
    vertical-align: top;
    width: 90%;
    padding-right: 1.7%
}

.td-padding-right {
    padding-right: 20px !important
}

#bopPageLineByLineTable th {
    padding-right: 10px !important
}

.show_hide2 {
    text-decoration: none !important
}

#addMorelinesLink {
    text-decoration: underline !important;
    position: relative;
    float: right;
    right: 210px
}

#bopLineItemLeft, #bulkCopyPasteAdd {
    width: 100% !important
}

.highlightCell {
    border-color: red !important
}

.bulkordercenter-content #errorDivBulkOrderFullPage .alert {
    margin-top: 0 !important
}

#addToCartModal .add-to-pending-order {
    display: none
}

#pendingOrderAddItems #bulk-order-content {
    top: 35px;
    width: 270px;
    border: 1px solid #eee;
    z-index: 1
}

#pendingOrderAddItems.bulk-order {
    z-index: auto
}

#pendingOrderAddItems.bulk-order .dropdown-menu #bulkorderSingleAddForm {
    width: auto
}

#pendingOrderAddItems.bulk-order .dropdown-menu #bulkorderSingleAddForm input[name="productItemNumber"] {
    width: 155px
}

#pendingOrderAddItems.bulk-order .dropdown-menu .dropdown-header, #pendingOrderAddItems.bulk-order .dropdown-menu .tab-content {
    width: auto;
    padding: 10px 15px
}

#pendingOrderAddItemsButton.open {
    background-color: #eee;
    color: #777;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.language-fr #pendingOrderAddItems .btnPrimary {
    font-size: 13px;
    padding: 11px
}

#addToCartModal.pending-order .btn {
    text-transform: initial
}

#addToCartModal.pending-order .add-to-cart {
    display: none
}

#addToCartModal.pending-order .add-to-pending-order {
    display: block
}

.bulkOrderBody #addMorelinesLink {
    right: 455px;
    text-decoration: none !important
}

#bulkCopyPasteFullPageCreate {
    padding-bottom: 20px
}

#quickitemview .modal-header h2 a, #quickitemview .modal-header h2 span {
    display: block;
    font-size: 14px;
    font-weight: normal;
    margin-top: 8px
}

#quickitemview #zoomTrigger, #quickitemview #helpOverlay360 {
    display: none
}

#quickitemview .tabs {
    width: 66.66666666666667%;
    padding: 10px;
    margin-bottom: 10px;
    float: left;
    padding-left: 0;
    padding-top: 0;
    margin-bottom: 0
}

.lt-ie8 #quickitemview .tabs {
    width: 64.66666666666667%
}

#quickitemview .tabs .nav-tabs {
    margin: 0
}

#quickitemview .tabs .tab-content {
    font-size: 13px;
    border-bottom: none
}

#quickitemview .tabs #details_tab .detail-product-image {
    width: 33.333333333333336%;
    padding: 10px;
    margin-bottom: 10px;
    float: left
}

.lt-ie8 #quickitemview .tabs #details_tab .detail-product-image {
    width: 31.333333333333336%
}

#quickitemview .tabs #details_tab .detail-product-info {
    width: 66.66666666666667%;
    padding: 10px;
    margin-bottom: 10px;
    float: left
}

.lt-ie8 #quickitemview .tabs #details_tab .detail-product-info {
    width: 64.66666666666667%
}

#quickitemview .tabs #details_tab .product-reviews-mini {
    margin: 15px 0;
    padding: 15px 0 12px 0;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC
}

#quickitemview .tabs #details_tab .product-reviews-mini .prodReviews {
    width: 190px
}

#quickitemview .tabs #details_tab .product-reviews-mini .prodReviews:after, #quickitemview .tabs #details_tab .product-reviews-mini .prodReviews:before {
    content: " ";
    display: table
}

#quickitemview .tabs #details_tab .product-reviews-mini .prodReviews:after {
    clear: both
}

.lt-ie8 #quickitemview .tabs #details_tab .product-reviews-mini .prodReviews {
    clear: both;
    zoom: 1
}

#quickitemview .tabs #details_tab .product-reviews-mini .prodReviews li {
    float: left;
    min-height: 18px
}

#quickitemview .tabs #details_tab .product-reviews-mini .prodReviews li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #quickitemview .tabs #details_tab .product-reviews-mini .prodReviews li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #quickitemview .tabs #details_tab .product-reviews-mini .prodReviews li:first-child {
    border: none
}

#quickitemview .tabs #details_tab .product-reviews-mini .prodReviews li:first-child:before {
    display: none
}

#quickitemview .tabs #details_tab .product-reviews-mini .prodReviews li .starRating {
    margin-top: -3px
}

#quickitemview .tabs #details_tab .product-reviews-mini .prodReviews li a {
    font-size: 12px;
    font-weight: bold
}

#quickitemview .tabs #details_tab .product-reviews-mini .prodReviews li:nth-child(3):before {
    display: none
}

#quickitemview .tabs #details_tab .nsmNumber {
    margin-bottom: 8px
}

#quickitemview .tabs #details_tab .nsmNumber:after, #quickitemview .tabs #details_tab .nsmNumber:before {
    content: " ";
    display: table
}

#quickitemview .tabs #details_tab .nsmNumber:after {
    clear: both
}

.lt-ie8 #quickitemview .tabs #details_tab .nsmNumber {
    clear: both;
    zoom: 1
}

#quickitemview .tabs #details_tab .nsmNumber .dropdown-menu {
    min-width: 200px
}

#quickitemview .tabs #description_tab .techSpecsTable {
    max-height: 300px;
    overflow-y: auto
}

#quickitemview .tabs #description_tab .techSpecsTable li {
    border-bottom: 1px solid #ccc;
    padding: 12px 0
}

#quickitemview .tabs #description_tab .techSpecsTable li:after, #quickitemview .tabs #description_tab .techSpecsTable li:before {
    content: " ";
    display: table
}

#quickitemview .tabs #description_tab .techSpecsTable li:after {
    clear: both
}

.lt-ie8 #quickitemview .tabs #description_tab .techSpecsTable li {
    clear: both;
    zoom: 1
}

#quickitemview .tabs #description_tab .techSpecsTable li > span {
    width: 50%;
    padding: 0;
    margin-bottom: 10px;
    float: left;
    margin-bottom: 0
}

.lt-ie8 #quickitemview .tabs #description_tab .techSpecsTable li > span {
    width: 48%
}

#quickitemview .tabs #description_tab .techSpecsTable li .specValue {
    font-weight: 700
}

#quickitemview .tabs #description_tab #idpAddInfoMsds {
    margin-top: 20px
}

#quickitemview .quickviewActions {
    width: 33.333333333333336%;
    padding: 10px;
    margin-bottom: 10px;
    float: left
}

.lt-ie8 #quickitemview .quickviewActions {
    width: 31.333333333333336%
}

#quickitemview .quickviewActions #ItemDetailInfo {
    background: #eaeaea;
    padding: 10px
}

#quickitemview .quickviewActions #ItemDetailInfo .detail-info-box > * {
    padding-left: 10px;
    padding-right: 10px
}

#quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .productPrice .price {
    font-size: 18px
}

@media (max-width: 780px) {
    #quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .productPrice .priceWrapper {
        margin-bottom: 0
    }
}

@media (max-width: 780px) {
    #quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .productPrice .priceWrapper .regularPrice {
        margin-bottom: 0
    }
}

@media (max-width: 780px) {
    #quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .productPrice {
        margin-bottom: 0;
        width: 100%
    }
}

#quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .quickviewAvailability {
    margin-top: 15px;
    margin-bottom: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

#quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .quickviewAvailability .quantity {
    width: 25%;
    padding: 10px;
    margin-bottom: 10px;
    float: left;
    padding-left: 0;
    padding-bottom: 0
}

.lt-ie8 #quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .quickviewAvailability .quantity {
    width: 23%
}

#quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .quickviewAvailability h6 {
    margin-bottom: 6px
}

#quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .quickviewAvailability .availabilityMessage {
    font-size: 12px;
    margin-bottom: 6px
}

#quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .quickviewAvailability .zip {
    width: 75%;
    padding: 10px;
    margin-bottom: 10px;
    float: left;
    padding: 0
}

.lt-ie8 #quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .quickviewAvailability .zip {
    width: 73%
}

@media (max-width: 780px) {
    #quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .quickviewAvailability .zip input {
        width: 120px
    }
}

#quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .quickviewAvailability .quantity, #quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .quickviewAvailability .zip {
    padding-top: 0;
    margin-bottom: 5px
}

@media (max-width: 780px) {
    #quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .quickviewAvailability .quantity, #quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .quickviewAvailability .zip {
        float: none
    }
}

@media (max-width: 780px) {
    #quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .quickviewAvailability .btn {
        padding: 9px 5px
    }
}

#quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .avail {
    margin-top: 12px;
    font-size: 12px;
    font-weight: bold
}

#quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .detail-info-qty .quantity {
    display: inline-block;
    margin: 0 10px 0 0;
    float: left
}

@media (max-width: 780px) {
    #quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .detail-info-qty .quantity {
        margin-top: 10px
    }
}

#quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .detail-info-qty .btnPrimary {
    float: left
}

@media (max-width: 780px) {
    #quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .detail-info-qty .btnPrimary {
        margin-bottom: 5px
    }
}

#quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .detail-info-qty .add-to-list {
    clear: both;
    display: block;
    margin: 2px 7px 3px 0;
    font-size: 12px;
    font-weight: bold;
    text-align: right
}

@media (max-width: 780px) {
    #quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .detail-info-qty .add-to-list {
        text-align: left
    }
}

#quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .extra-options {
    font-size: 12px;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #ccc
}

#quickitemview .detail-product-image .mainImageBar, #quickitemview .detail-product-image .close {
    display: none
}

#mylistSelectAdd .view-list-filter-block {
    margin: 0
}

#mylistSelectAdd .view-list-filter-block .styledSelect, #mylistSelectAdd .view-list-filter-block .button {
    display: inline-block
}

#mylistSelectAdd .view-list-filter-block .button {
    margin: 0 0 0 10px
}

#mylistSelectAdd .view-list-filter-block .button .btn {
    margin: 0
}

#mylistSelectAdd #addToListModalListsDiv {
    max-height: 100px;
    margin: 0 0 20px 0;
    overflow-y: auto
}

#mylistSelectAdd #addToListModalListsDiv .radio {
    width: 50%;
    padding: 10px;
    margin-bottom: 10px;
    float: left;
    margin: 0;
    padding: 5px
}

.lt-ie8 #mylistSelectAdd #addToListModalListsDiv .radio {
    width: 48%
}

#mylistSelectAdd #addToListModalListsDiv .radio > * {
    display: inline-block
}

#mylistSelectAdd #addToListModalListsDiv .radio label {
    line-height: 14px;
    margin: 0 0 0 7px;
    word-wrap: break-word
}

#mylistSelectAdd .addNew {
    padding-top: 20px;
    border-top: 1px solid #ccc;
    background: radial-gradient(center, ellipse cover, rgba(25, 25, 25, 0.35) 0, rgba(0, 0, 0, 0) 100%);
    background: radial-gradient(ellipse 70% 10px at top, rgba(25, 25, 25, 0.35) 0, rgba(255, 255, 255, 0) 80%)
}

#mylistSelectAdd .addNew textarea {
    width: 375px;
    resize: none
}

#mylistSelectAdd .addNew textarea + span {
    display: block
}

#mylistSelectAdd table {
    text-align: left;
    font-size: 12px
}

#mylistSelectAdd table th {
    padding-right: 12px;
    padding-bottom: 16px
}

#mylistSelectAdd table td {
    vertical-align: top
}

#mylistSelectAdd table td a {
    display: block;
    font-size: 12px;
    max-width: 94%
}

#moveItemsToListForm #list-of-items-to-save {
    max-height: 130px;
    margin: 0 0 20px 0;
    overflow-y: auto
}

#moveItemsToListForm #list-of-items-to-save .checkbox {
    width: 50%;
    padding: 10px;
    margin-bottom: 10px;
    float: left;
    margin: 0;
    padding: 5px
}

.lt-ie8 #moveItemsToListForm #list-of-items-to-save .checkbox {
    width: 48%
}

#moveItemsToListForm #list-of-items-to-save .checkbox > * {
    display: inline-block
}

#moveItemsToListForm #list-of-items-to-save .checkbox input {
    float: left
}

#moveItemsToListForm #list-of-items-to-save .checkbox label {
    line-height: 14px;
    margin: 0 0 0 7px;
    font-weight: normal
}

#moveItemsToListForm .nav {
    padding-top: 20px;
    border-top: 1px solid #ccc;
    background: radial-gradient(center, ellipse cover, rgba(25, 25, 25, 0.35) 0, rgba(0, 0, 0, 0) 100%);
    background: radial-gradient(ellipse 70% 10px at top, rgba(25, 25, 25, 0.35) 0, rgba(255, 255, 255, 0) 80%)
}

#moveItemsToListForm .nav > li {
    display: inline-block;
    margin-right: 55px;
    vertical-align: top
}

#moveItemsToListForm .nav > li.or {
    margin-top: 30px
}

#moveItemsToListForm .filterLists {
    margin-top: 10px
}

#moveItemsToListForm .filterLists label, #moveItemsToListForm .filterLists .myListsFilterLabel {
    margin-top: 10px
}

@font-face {
    font-family: 'lists';
    src: url('/_ui/addons/gwwlistaddon/images/fonts/lists.eot?stqnaf');
    src: url('/_ui/addons/gwwlistaddon/images/fonts/lists.eot?stqnaf#iefix') format('embedded-opentype'), url('/_ui/addons/gwwlistaddon/images/fonts/lists.ttf?stqnaf') format('truetype'), url('/_ui/addons/gwwlistaddon/images/fonts/lists.woff?stqnaf') format('woff'), url('/_ui/addons/gwwlistaddon/images/fonts/lists.svg?stqnaf#lists') format('svg');
    font-weight: normal;
    font-style: normal
}

.mdl-order-list {
    background-color: #fff;
    position: fixed;
    display: block;
    left: 35%;
    top: 10%;
    display: none;
    width: 500px;
    z-index: 10001;
    border-top: 3px solid #333;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 20px #333
}

.mdl-order-list .mdl-section input[type=text] {
    width: 200px;
    padding: 8px 30px 8px 5px;
    border-radius: 3px
}

.mdl-order-list .mdl-section input[type=text] h2 {
    font-size: 18px;
    margin-top: 0 !important
}

.mdl-order-list .mdl-section input[type=text] .float-right {
    margin-top: 3px !important
}

.mdl-order-list .mdl-section label {
    font-weight: normal;
    display: inline-block;
    width: 85%;
    line-height: 18px;
    vertical-align: top;
    word-break: break-all
}

.mdl-order-list .mdl-section input[type=text]:focus {
    border: 1px solid #ccc
}

.mdl-order-list .mdl-section .btnInvisible {
    background-color: transparent;
    color: #00739e
}

.mdl-order-list .mdl-section input.product-number-input {
    width: 105px;
    margin-right: 5px;
    padding: 10px 5px;
    border-radius: 3px
}

.mdl-order-list .mdl-section input.product-quantity-input {
    width: 40px;
    margin-right: 5px;
    padding: 10px 5px;
    border-radius: 2px;
    text-align: center
}

.mdl-order-list .mdl-section .mdl-tabs {
    font-size: 0
}

.mdl-order-list .mdl-section .mdl-tabs .mdl-tab-items {
    display: inline-block;
    font-size: 14px;
    background-color: #eee;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    margin-right: 5px;
    position: relative;
    top: 5px
}

.mdl-order-list .mdl-section .mdl-tabs .selected {
    background: #fff;
    color: #666;
    margin-bottom: 0
}

.mdl-order-list .mdl-section .mdl-tabs a {
    display: block;
    padding: 12px 20px;
    color: #000
}

.mdl-order-list .mdl-section .list-wrap {
    height: 240px;
    overflow: auto;
    padding: 10px;
    border: 1px solid #999
}

.mdl-order-list .mdl-section ul li {
    padding: 8px 5px;
    border-bottom: 1px solid #eee
}

.mdl-order-list .mdl-section ul li.check-all {
    border-bottom: 1px solid #999
}

.mdl-order-list .mdl-section ul li.true:before, .mdl-order-list .mdl-section ul li.false:before {
    font-family: 'lists';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: small;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 17px;
    font-size: 17px;
    color: #f0ad4e;
    content: "\e90c"
}

.mdl-order-list .mdl-section ul li.false:before {
    color: #fff
}

.mdl-order-list .mdl-section ul#corporateListName li:before {
    margin-right: 4px
}

.mdl-order-list .mdl-section .search-wrap {
    text-align: right;
    margin: -35px 15px 3px 0
}

.mdl-order-list .mdl-section .search-wrap input[type=text] {
    top: 1px;
    right: -2px;
    position: relative
}

.mdl-order-list .mdl-section .search {
    margin-bottom: 0;
    border-radius: 3px;
    border: 1px solid #ccc
}

.mdl-order-list .mdl-section .search::-ms-clear {
    display: none
}

.mdl-order-list .mdl-section .search-icon, .mdl-order-list .mdl-section .clear-icon {
    display: inline-block;
    margin-left: -30px
}

.mdl-order-list .mdl-section .search-icon:after, .mdl-order-list .mdl-section .clear-icon:after {
    font-family: graingerFont;
    content: "\e61a"
}

.mdl-order-list .mdl-section .clear-icon:after {
    content: "\e903"
}

.mdl-order-list .message-wrap p {
    color: #ad3333;
    padding: 10px 15px;
    margin: 0;
    line-height: 1.5em;
    font-size: .875em
}

.mdl-order-list .message-wrap p.success {
    color: #257238
}

.mdl-order-list .message-wrap p:before {
    font-family: graingerFont;
    content: "\e610";
    font-weight: 400;
    margin-right: 10px;
    display: inline-block;
    vertical-align: top
}

.mdl-order-list .message-wrap p.alert:before {
    content: "\e616"
}

.mdl-order-list .message-wrap p.success:before {
    content: "\e61e"
}

.lt-ie10 .mdl-order-list .mdl-section input[type=text] {
    padding-right: 5px
}

.lt-ie10 .mdl-order-list .mdl-section .clear-icon {
    margin-left: 20px
}

.lt-ie10 .mdl-order-list .mdl-section .clear-icon:after {
    content: ""
}

.lt-ie10 .mdl-order-list .mdl-section .search-wrap.ie {
    margin-right: -21px
}

.lt-ie8 .mdl-order-list .mdl-section .mdl-tabs .mdl-tab-items {
    float: left
}

.lt-ie8 .mdl-order-list .mdl-section .list-wrap {
    clear: both
}

.lt-ie8 .mdl-order-list .mdl-section .search-wrap {
    margin: 0
}

.mdl-create-list {
    width: 450px;
    left: 35%
}

.mdl-add-list {
    left: 30%;
    width: 665px
}

.initial-add-product-table tr td {
    padding: 2px 0 !important;
    vertical-align: top
}

div#mdlAddToOL {
    position: fixed;
    top: 2%;
    height: auto;
    overflow-y: auto
}

div#mdlAddToOL .mdl-section h2 {
    font-size: 18px
}

div#mdlAddToOL .mdl-section input[type="radio"] {
    margin-top: 2px
}

@media print, screen and (min-width: 1025px) {
    div#mdlAddToOL {
        width: 37%;
        left: 31.5%
    }
}

#findBranchCountries {
    margin-top: 10px;
    padding: 10px;
    border: 1px dashed #ccc;
    clear: both
}

#findBranchCountries h2 {
    font-size: 14px
}

#findBranchCountries .closeButton {
    float: right;
    font-weight: 700
}

#findBranchCountries .countryLink {
    display: inline-block;
    margin-bottom: 10px;
    width: 32%
}

.branch-directions {
    font-size: 12px
}

.branch-directions td {
    vertical-align: top
}

.branch-directions #searchheader .scroll-content:after, .branch-directions #searchheader .scroll-content:before {
    content: " ";
    display: table
}

.branch-directions #searchheader .scroll-content:after {
    clear: both
}

.lt-ie8 .branch-directions #searchheader .scroll-content {
    clear: both;
    zoom: 1
}

.branch-directions #searchheader #enterAddress, .branch-directions #searchheader #findBranchSubmit {
    float: left
}

.branch-directions .scroll-content {
    clear: both
}

.branch-directions .map-input-left, .branch-directions .map-area-right {
    width: 50%;
    padding: 10px;
    margin-bottom: 10px;
    float: left;
    margin-bottom: 0;
    padding-bottom: 0
}

.lt-ie8 .branch-directions .map-input-left, .lt-ie8 .branch-directions .map-area-right {
    width: 48%
}

.branch-directions .map-area-right #map_canvas {
    width: 100%;
    height: 360px;
    position: relative;
    background-color: #e5e3df
}

@media (max-width: 730px) {
    .branch-directions .map-area-right #map_canvas {
        width: 220px;
        height: 360px
    }
}

.branch-directions .map_labels {
    color: #fff;
    top: -15px;
    left: -5px
}

.branch-directions .alert-message #suggestions {
    border-top: 1px solid #ccc;
    margin-top: 10px;
    padding-top: 5px
}

.branch-directions #hasPhoneHoursLink {
    border-top: 1px solid #ccc;
    margin-top: 10px;
    padding-top: 5px
}

.branch-directions #hasPhoneHoursLink .thead {
    padding-top: 5px
}

.branch-directions #hasPhoneHoursLink .thead:after, .branch-directions #hasPhoneHoursLink .thead:before {
    content: " ";
    display: table
}

.branch-directions #hasPhoneHoursLink .thead:after {
    clear: both
}

.lt-ie8 .branch-directions #hasPhoneHoursLink .thead {
    clear: both;
    zoom: 1
}

.branch-directions #hasPhoneHoursLink .headerLocation {
    float: left
}

.branch-directions #hasPhoneHoursLink .headerDistance {
    float: right
}

.branch-directions #hasPhoneHoursLink .tbody {
    height: 230px;
    overflow-y: scroll
}

.branch-directions .locationAddress .nav {
    margin: 10px 0
}

.branch-directions .locationAddress .nav:after, .branch-directions .locationAddress .nav:before {
    content: " ";
    display: table
}

.branch-directions .locationAddress .nav:after {
    clear: both
}

.lt-ie8 .branch-directions .locationAddress .nav {
    clear: both;
    zoom: 1
}

.branch-directions .locationAddress .nav li {
    float: left
}

.branch-directions .locationAddress .nav li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 .branch-directions .locationAddress .nav li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 .branch-directions .locationAddress .nav li:first-child {
    border: none
}

.branch-directions .locationAddress .nav li:first-child:before {
    display: none
}

.branch-directions .locationAddress .nav li .phoneHoursLink:before {
    font-family: graingerFont;
    content: "\e629";
    font-weight: 400;
    font-size: 8px;
    float: left;
    margin: 2px 6px 0 0
}

.branch-directions .locationAddress .nav li .phoneHoursLink.active:before {
    font-family: graingerFont;
    content: "\e60f";
    font-weight: 400
}

.branch-directions .locationAddress p {
    margin-bottom: 0
}

.branch-directions .branchMapPhoneBlock {
    margin-bottom: 20px
}

.branch-directions #results-table td {
    vertical-align: top
}

.branch-directions #results-table .locationCount {
    padding-right: 5px
}

.branch-directions #results-table .locationDistance {
    font-weight: 700;
    width: 20%;
    text-align: right;
    padding-right: 10px
}

.branch-directions #results-table .locationAddress {
    width: 77%;
    padding-right: 10px;
    padding-bottom: 0
}

.branch-directions #results-table .button.commerce {
    margin-left: 6px
}

.branch-directions #results-table .phoneHoursList dt {
    float: left;
    width: 45px
}

.branch-directions #results-table .phoneHoursList .fieldMessage {
    color: #ccc;
    font-style: italic
}

.branch-directions #results-table tr {
    border: none
}

.branch-directions #results-table .phonenhoursnsuch {
    border-bottom: 1px solid #ccc
}

.branch-directions #results-table .phonenhoursnsuch td {
    padding: 0
}

.branch-directions #results-table .phonenhoursnsuch td .branchMapPhoneBlock {
    width: 100%;
    margin-bottom: 0
}

.branch-directions #results-table .phonenhoursnsuch td .phoneHoursList {
    margin-bottom: 10px
}

.branch-directions #getdirectionsfromto {
    height: 360px;
    overflow-y: scroll
}

.branch-directions #getdirectionsfromto p {
    margin-bottom: 0
}

.branch-directions #getdirectionsfromto .branch-back {
    float: left
}

.branch-directions #getdirectionsfromto #user-actions {
    float: right
}

.branch-directions #getdirectionsfromto .scroll-content {
    clear: both;
    padding-top: 4px
}

.branch-directions #getdirectionsfromto h4 {
    border-top: 1px solid #ccc;
    font-weight: 700;
    padding-top: 10px;
    margin-top: 10px
}

.branch-directions .description:after, .branch-directions .description:before {
    content: " ";
    display: table
}

.branch-directions .description:after {
    clear: both
}

.lt-ie8 .branch-directions .description {
    clear: both;
    zoom: 1
}

#map #map_canvas {
    height: 350px;
    width: 100%
}

.lt-ie8 .headerDistance.findABranch {
    margin-right: 20px
}

.rta-message-warn:before {
    font-family: graingerFont;
    content: "\e616";
    font-weight: 400;
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin-right: 5px;
    color: #f26823
}

.rta-message-error:before {
    font-family: graingerFont;
    content: "\e616";
    font-weight: 400;
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin-right: 5px;
    color: #ad3333
}

#main-content h2#pageHeader {
    clear: both;
    margin-left: 10px
}

div.sitemapCategories {
    width: 25%;
    padding: 10px;
    margin-bottom: 10px;
    float: left;
    display: inline-block
}

.lt-ie8 div.sitemapCategories {
    width: 23%
}

div.sitemapCategories ul li {
    list-style-type: none !important;
    margin-bottom: 1px !important;
    margin-left: 1px !important;
    font-weight: normal !important
}

.sitemapcontainer {
    width: 75%;
    padding: 10px;
    margin-bottom: 10px;
    float: left
}

.lt-ie8 .sitemapcontainer {
    width: 73%
}

.sitemapcontainer:after, .sitemapcontainer:before {
    content: " ";
    display: table
}

.sitemapcontainer:after {
    clear: both
}

.lt-ie8 .sitemapcontainer {
    clear: both;
    zoom: 1
}

.sitemapcontainer .sitemapLinkSection {
    float: left;
    margin-bottom: 20px;
    margin-right: 20px;
    width: 210px
}

.sitemapcontainer .content {
    padding: 0 0 10px
}

.sitemapcontainer ul li {
    list-style-type: none !important;
    margin-bottom: 1px !important;
    margin-left: 1px !important;
    font-weight: normal !important
}

@font-face {
    font-family: 'RobotoCondensed';
    src: url('../../images/fonts/roboto-condensed-regular-webfont.woff2') format('woff2'), url('../../images/fonts/roboto-condensed-regular-webfont.eot?#iefix') format("embedded-opentype"), url('../../images/fonts/roboto-condensed-regular-webfont.woff') format('woff'), url('../../images/fonts/roboto-condensed-regular-webfont.ttf') format('truetype');
    font-weight: 400
}

@font-face {
    font-family: 'RobotoCondensedBold';
    src: url('../../images/fonts/roboto-condensed-bold-webfont.woff2') format('woff2'), url('../../images/fonts/roboto-condensed-bold-webfont.eot?#iefix') format("embedded-opentype"), url('../../images/fonts/roboto-condensed-bold-webfont.woff') format('woff'), url('../../images/fonts/roboto-condensed-bold-webfont.ttf') format('truetype');
    font-weight: 700
}

@font-face {
    font-family: 'RobotoCondensedLight';
    src: url('../../images/fonts/roboto-condensed-light-webfont.woff2') format('woff2'), url('../../images/fonts/roboto-condensed-light-webfont.eot?#iefix') format("embedded-opentype"), url('../../images/fonts/roboto-condensed-light-webfont.woff') format('woff'), url('../../images/fonts/roboto-condensed-light-webfont.ttf') format('truetype');
    font-weight: 300
}

@font-face {
    font-family: 'graingerFont';
    src: url('../images/fonts/graingerFont.eot');
    src: url('../images/fonts/graingerFont.eot?#iefix') format('embedded-opentype'), url('../images/fonts/graingerFont.woff') format('woff'), url('../images/fonts/graingerFont.ttf') format('truetype'), url('../images/fonts/graingerFont.svg#graingerFont') format('svg');
    font-weight: normal;
    font-style: normal
}

#chatLPButtonStalker {
    position: fixed;
    right: 0;
    bottom: 10px
}

#voiceLPButtonStalker {
    position: fixed;
    right: 0;
    bottom: 120px
}

#voiceLPButtonHeader, #chatLPButtonHeader {
    position: relative;
    top: -7px
}

.responsive #voiceLPButtonHeader, .responsive #chatLPButtonHeader {
    top: 3px
}

#eheader #headerContent .serviceHeaderLinks .serviceLinksRow1 div#voiceLPButtonHeader {
    margin-right: 10px;
    padding-left: 0;
    display: inline-block
}

.lt-ie8 #eheader #headerContent .serviceHeaderLinks .serviceLinksRow1 div#voiceLPButtonHeader {
    display: inline
}

#chatLPButtonHeader {
    display: inline-block;
    font-size: 14px
}

.lt-ie8 #chatLPButtonHeader {
    display: inline
}

#chatLPButtonHeader img {
    margin-right: 5px
}

.responsive #chatLPButtonHeader {
    vertical-align: top;
    margin-top: 4px
}

.responsive #chatLPButtonHeader .eproHeaderChatUnavailable {
    cursor: default
}

.responsive #chatLPButtonHeader .eproHeaderChatUnavailable:hover {
    text-decoration: none
}

body {
    background: #fff;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px
}

a {
    color: #00739e
}

a sup {
    display: inline
}

a, a:link, a:visited {
    text-decoration: none
}

a:hover, a:active {
    text-decoration: underline
}

.light {
    font-weight: 400
}

.legal {
    color: #666;
    font-size: .688em;
    font-style: italic;
    line-height: .875em;
    margin: 10px 0 0 0
}

.legal strong {
    font-weight: normal
}

h1, h2, h3, h4, h5, h6 {
    margin: 0 0 10px 0;
    font-family: RobotoCondensedBold, Arial, Helvetica, sans-serif;
    color: #29333b
}

h1 {
    font-size: 32px
}

h2 {
    font-size: 28px
}

h3 {
    font-size: 24px
}

h4 {
    font-size: 20px
}

h5 {
    font-size: 18px
}

h6 {
    font-size: 14px
}

p, .content {
    line-height: 16px;
    margin-bottom: 10px
}

p.bold, .content.bold {
    font-weight: 500
}

.priceWrapper {
    font-size: 18px;
    font-weight: 500
}

.priceWrapper .topText {
    width: 100%;
    padding: 0;
    margin-bottom: 10px;
    float: none;
    font-size: 14px;
    margin: 0;
    display: inline-block
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.lt-ie8 .priceWrapper .topText {
    width: 98%
}

.priceWrapper .price, .priceWrapper .priceValue {
    color: #257238;
    font-size: 14px;
    font-weight: 700
}

.priceWrapper .reducedPriceLabel {
    text-decoration: line-through
}

.priceWrapper .listPrice {
    color: #777;
    font-weight: normal;
    font-size: 11px;
    margin: 10px 0
}

.priceWrapper .strikedPrice {
    text-decoration: line-through;
    color: #777
}

.priceWrapper .bottomText {
    font-size: 14px
}

.priceLabel {
    display: block
}

.priceValue {
    color: #257238;
    font-size: 14px;
    font-weight: 700
}

.sale-price .price, .sale-price .priceRed {
    color: #ad3333
}

.noprice-msg-display {
    font-size: 13px;
    font-weight: bold;
    display: inline-block;
    margin: 30px 0;
    text-align: left
}

div.grid a.noprice-msg-display {
    margin: 0 !important
}

.onsaleExpiration {
    color: #333
}

.recStrikedPrice {
    text-decoration: line-through;
    color: #777
}

.accordion {
    margin-bottom: 20px
}

.accordion-group {
    margin-bottom: 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.accordion-heading {
    background: #eee;
    line-height: 14px;
    cursor: pointer;
    padding: 10px 0 10px 10px
}

.accordion-heading span {
    display: block;
    position: relative;
    padding-right: 25px
}

.accordion-heading span:after {
    font-family: graingerFont;
    content: "\e60f";
    font-weight: 400;
    background: #333;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #333), color-stop(1, #666));
    background: -ms-linear-gradient(bottom, #333, #666);
    background: -moz-linear-gradient(center bottom, #333 0, #666 100%);
    background: -o-linear-gradient(#666, #333);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#333333', GradientType=0);
    line-height: 9px;
    font-size: 8px;
    padding: 2px;
    color: #fff;
    float: right;
    margin-right: 10px;
    font-weight: normal;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    position: absolute;
    right: 0;
    top: 1px
}

.lt-ie8 .accordion-heading span {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -2160px;
    background-position-x: 96%
}

.accordion-heading.collapsed {
    color: #00739e
}

.accordion-heading.collapsed:hover {
    color: #333
}

.accordion-heading.collapsed:hover span:after {
    background: #333;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #333), color-stop(1, #666));
    background: -ms-linear-gradient(bottom, #333, #666);
    background: -moz-linear-gradient(center bottom, #333 0, #666 100%);
    background: -o-linear-gradient(#666, #333);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#333333', GradientType=0)
}

.accordion-heading.collapsed span:after {
    background: #145579;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #145579), color-stop(1, #3e7898));
    background: -ms-linear-gradient(bottom, #145579, #3e7898);
    background: -moz-linear-gradient(center bottom, #145579 0, #3e7898 100%);
    background: -o-linear-gradient(#3e7898, #145579);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e7898', endColorstr='#145579', GradientType=0);
    font-family: graingerFont;
    content: "\e629";
    font-weight: 400
}

.lt-ie8 .accordion-heading.collapsed span {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -2070px;
    background-position-x: 96%
}

.accordion-heading .accordion-toggle {
    display: block;
    padding: 8px 15px
}

.worldwide .accordion-heading.collapsed span .icon {
    background-position: 0 0;
    font-family: graingerFont;
    content: "\e62c";
    font-weight: 400
}

.accordion-toggle {
    cursor: pointer
}

.accordion-inner {
    padding: 9px 15px;
    border-top: 1px solid #e5e5e5
}

.collapse {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .2s ease;
    -moz-transition: height .2s ease;
    -o-transition: height .2s ease;
    transition: height .2s ease
}

.collapse.in {
    height: auto
}

.page-FAQ #accordion .collapse {
    visibility: hidden
}

.page-FAQ #accordion .collapse.in {
    visibility: visible
}

.btn {
    line-height: 14px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding: 11px 18px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border: none;
    *border: 0;
    background-color: #151b1e;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.btn:hover, .btn:focus, .btn:active, .btn.active {
    background-color: #4c5c6a;
    text-decoration: none;
    transition: all .1s ease-out
}

.btn:focus {
    transition: initial
}

.btn.disabled, .btn[disabled] {
    cursor: default;
    background-image: none;
    opacity: .35;
    filter: alpha(opacity=35)
}

.btnPrimary {
    background-color: #be2122
}

.btnPrimary:hover, .btnPrimary:focus, .btnPrimary:active, .btnPrimary.active {
    background-color: #d82e2d;
    transition: all .1s ease-out
}

.btnPrimary:focus {
    transition: initial
}

.btnSecondary {
    color: #666;
    background-color: #ddd;
    background-image: -moz-linear-gradient(top, #e5e5e5 0, #e5e5e5 50%, #ddd 51%, #ddd 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(50%, #e5e5e5), color-stop(51%, #ddd), color-stop(100%, #ddd));
    background-image: -webkit-linear-gradient(top, #e5e5e5 0, #e5e5e5 50%, #ddd 51%, #ddd 100%);
    background-image: -o-linear-gradient(top, #e5e5e5 0, #e5e5e5 50%, #ddd 51%, #ddd 100%);
    background-image: -ms-linear-gradient(top, #e5e5e5 0, #e5e5e5 50%, #ddd 51%, #ddd 100%);
    background-image: linear-gradient(to bottom, #e5e5e5 0, #e5e5e5 50%, #ddd 51%, #ddd 100%)
}

.btnSecondary:hover, .btnSecondary:focus, .btnSecondary:active, .btnSecondary.active {
    background-color: #d6d6d6;
    background-image: -moz-linear-gradient(top, #e0e0e0 0, #e0e0e0 50%, #d6d6d6 51%, #d6d6d6 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e0e0e0), color-stop(50%, #e0e0e0), color-stop(51%, #d6d6d6), color-stop(100%, #d6d6d6));
    background-image: -webkit-linear-gradient(top, #e0e0e0 0, #e0e0e0 50%, #d6d6d6 51%, #d6d6d6 100%);
    background-image: -o-linear-gradient(top, #e0e0e0 0, #e0e0e0 50%, #d6d6d6 51%, #d6d6d6 100%);
    background-image: -ms-linear-gradient(top, #e0e0e0 0, #e0e0e0 50%, #d6d6d6 51%, #d6d6d6 100%);
    background-image: linear-gradient(to bottom, #e0e0e0 0, #e0e0e0 50%, #d6d6d6 51%, #d6d6d6 100%)
}

.btnUtility {
    font-family: RobotoCondensedLight;
    font-size: 14px;
    letter-spacing: .5px;
    padding: 10px;
    color: #595959;
    background-color: #fff
}

.btnUtility:hover, .btnUtility:focus, .btnUtility:active, .btnUtility.active {
    background-color: #fff;
    transition: initial
}

#print-page a:before, #shareButtonContainer a:before {
    font-family: graingerFont;
    content: "\e608";
    font-weight: 400;
    line-height: 1px;
    padding-right: 10px;
    vertical-align: middle
}

#shareButtonContainer a:before {
    content: "\e621"
}

.btnBranding {
    background-color: #666;
    background-image: -moz-linear-gradient(to bottom, #666 0, #666 50%, #666 51%, #666 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #666), color-stop(50%, #666), color-stop(51%, #666), color-stop(100%, #666));
    background-image: -webkit-linear-gradient(top, #666 0, #666 50%, #666 51%, #666 100%);
    background-image: -o-linear-gradient(top, #666 0, #666 50%, #666 51%, #666 100%);
    background-image: -ms-linear-gradient(top, #666 0, #666 50%, #666 51%, #666 100%);
    background-image: linear-gradient(to bottom, #666 0, #666 50%, #666 51%, #666 100%)
}

.btnBranding:hover, .btnBranding:focus, .btnBranding:active, .btnBranding.active {
    background-color: #717171;
    background-image: -moz-linear-gradient(top, #717171 0, #717171 50%, #717171 51%, #717171 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #717171), color-stop(50%, #717171), color-stop(51%, #717171), color-stop(100%, #717171));
    background-image: -webkit-linear-gradient(top, #717171 0, #717171 50%, #717171 51%, #717171 100%);
    background-image: -ms-linear-gradient(top, #717171 0, #717171 50%, #717171 51%, #717171 100%)
}

.btnInvisible {
    color: #00739e;
    background-color: transparent;
    background-image: none
}

.btnInvisible:hover, .btnInvisible:focus, .btnInvisible:active, .btnInvisible.active {
    background-color: transparent;
    background-image: none
}

.btnSmall {
    padding-left: 10px;
    padding-right: 10px
}

.btnDropdown {
    position: relative;
    border: 1px solid #ccc;
    width: auto;
    max-width: 100%;
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    margin-right: 10px;
    background: #eee;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(1, #fff));
    background: -ms-linear-gradient(bottom, #eee, #fff);
    background: -moz-linear-gradient(center bottom, #eee 0, #fff 100%);
    background: -o-linear-gradient(#fff, #eee);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
    padding: 9px;
    margin: 0;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    text-indent: .01px;
    text-overflow: ''
}

.btnDropdown:after {
    font-family: graingerFont;
    content: "\e62c";
    font-weight: 400;
    color: #666;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    border-left: 1px solid #E7E6E6;
    display: block;
    line-height: 12px;
    font-size: 9px;
    padding: 12px 6px
}

.btnViewProduct {
    float: right
}

.disabled-atc {
    cursor: default;
    background-image: none;
    -moz-opacity: .5;
    -khtml-opacity: .5;
    -webkit-opacity: .5;
    opacity: .5;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    filter: alpha(opacity=50)
}

.lt-ie8 .disabled-atc {
    zoom: 1
}

input[type="text"], input[type="password"], input.disabled, textarea {
    border: 1px solid #595959;
    margin-bottom: 5px;
    padding: 8px 5px;
    border-radius: 2px;
    font-family: inherit;
    font-size: 14px;
    font-family: RobotoCondensed, Arial, Helvetica, sans-serif
}

.forgetPasswordForm input[type="text"], .forgetPasswordForm input[type="password"], .forgetPasswordForm input.disabled, .forgetPasswordForm textarea {
    min-width: 200px;
    margin: 15px 0
}

input[type="text"]:focus, input[type="password"]:focus, input.disabled:focus, textarea:focus {
    border: 2px solid #00739e;
    padding: 7px 4px;
    outline: none
}

input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input.disabled::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input[type="text"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input.disabled:-moz-placeholder, textarea:-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input.disabled::-moz-placeholder, textarea::-moz-placeholder, input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input.disabled:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #ccc
}

.errors input[type="text"], .errors input[type="password"], .errors input.disabled, .errors textarea, input[type="text"].errorField, input[type="password"].errorField, input.disabled.errorField, textarea.errorField {
    border: 2px solid #ad3333;
    padding: 7px 4px
}

input[type=password]::-ms-reveal {
    display: none !important
}

input[type=password]::-ms-clear {
    display: none !important
}

input {
    font-size: 12px
}

label {
    display: block;
    font-weight: 700;
    line-height: 22px
}

label .labelOptional {
    font-weight: 500
}

select {
    font-size: 14px;
    margin-bottom: 5px
}

fieldset.checkbox:after, fieldset.checkbox:before {
    content: " ";
    display: table
}

fieldset.checkbox:after {
    clear: both
}

.lt-ie8 fieldset.checkbox {
    clear: both;
    zoom: 1
}

fieldset.checkbox input[type="checkbox"], fieldset.checkbox input[type="radio"] {
    float: left;
    margin: 8px 8px 0 0
}

fieldset.checkbox label {
    float: left;
    font-weight: normal;
    width: 84%;
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    margin: 8px 8px 0 0
}

.checkbox > label, .gForm-radioCheck > label, .radio > label, .checkbox > a, .gForm-radioCheck > a, .radio > a {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    line-height: 16px;
    margin: 0 0 0 6px;
    width: 84%;
    padding-left: 0;
    font-weight: normal
}

.checkbox > input, .gForm-radioCheck > input, .radio > input {
    float: left;
    margin-right: 0
}

.gForms {
    color: #333;
    background-color: #eee;
    margin-bottom: 30px;
    padding: 20px
}

.gForm-row {
    margin-bottom: 15px
}

.gForm-row:after, .gForm-row:before {
    content: " ";
    display: table
}

.gForm-row:after {
    clear: both
}

.lt-ie8 .gForm-row {
    clear: both;
    zoom: 1
}

.gForm-row .formField {
    margin: 0 20px 20px 0;
    float: left
}

.gForm-row.error .errorMsg {
    color: #ad3333;
    display: block
}

.gForm-row.error .errorIcon {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    padding: 4px 0 0 5px
}

.gForm-row.error .errorIcon:after {
    color: #ad3333;
    font-size: 18px;
    font-family: graingerFont;
    content: "\e610";
    font-weight: 400;
    margin: 0 0 0 8px
}

.formFooter {
    padding: 10px 0;
    text-align: right
}

.formLinks, .cancel {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    margin: 0 10px
}

.cancelLink {
    margin-top: 10px
}

.styledSelect {
    position: relative;
    border: 1px solid #ccc;
    width: auto;
    max-width: 100%;
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    clear: both;
    margin-right: 10px;
    margin-bottom: 5px
}

.styledSelect select, .styledSelect .selectedFilters {
    background: #eee;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(1, #fff));
    background: -ms-linear-gradient(bottom, #eee, #fff);
    background: -moz-linear-gradient(center bottom, #eee 0, #fff 100%);
    background: -o-linear-gradient(#fff, #eee);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
    padding: 9px;
    padding-right: 30px;
    z-index: 18;
    margin: 0;
    border: none;
    border-radius: 0;
    outline: none;
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    color: #333;
    width: 100%;
    max-width: 477px;
    -moz-appearance: none;
    text-indent: .01px
}

.styledSelect select:disabled, .styledSelect .selectedFilters:disabled, .styledSelect select option:disabled, .styledSelect .selectedFilters option:disabled, .styledSelect select[disabled] > option, .styledSelect .selectedFilters[disabled] > option {
    color: graytext;
    cursor: default
}

.styledSelect select::-ms-expand {
    display: none
}

.styledSelect:after {
    font-family: graingerFont;
    content: "\e62c";
    font-weight: 400;
    background: #eee;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(1, #fff));
    background: -ms-linear-gradient(bottom, #eee, #fff);
    background: -moz-linear-gradient(center bottom, #eee 0, #fff 100%);
    background: -o-linear-gradient(#fff, #eee);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
    color: #666;
    font-size: 12px;
    padding: 4px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    border-left: 1px solid #E7E6E6;
    display: block;
    line-height: 12px;
    font-size: 9px;
    padding: 12px 6px
}

.styledSelect.hide {
    display: none
}

.styledSelect.errorField {
    border: 2px solid #ad3333
}

.gForm-row.state .styledSelect #state {
    width: 477px
}

.gForm-row.error .styledSelect {
    border-color: #ad3333
}

.gForm-row.error .errorMsg {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    width: 477px
}

.gForm-row.error .errorIcon {
    position: relative;
    top: -28px
}

.horizontalFields {
    margin-right: 10px
}

.horizontalFields, .horizontalFields .label, .horizontalFields .field {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1
}

.horizontalFields .label {
    padding-top: 5px
}

.horizontalFields .button-link {
    margin-top: 0
}

.fieldBlockHorizontal, .fieldBlockHorizontal .formField {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    vertical-align: top
}

.fieldBlockHorizontal .link {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    padding: 5px 0 0 10px
}

.labelBlock {
    display: block;
    margin-bottom: 5px
}

#inner-map-container .productHorizontalView .thumbnail, #inner-map-container .productHorizontalView .description {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1
}

#AvailabilityItemInfo .horizontalFields .label {
    vertical-align: top;
    padding: 7px 7px 0 0
}

.field.quantity, .quantity input {
    width: 50px;
    min-width: unset
}

.select.quantity {
    width: 50px;
    margin-bottom: 0
}

.field.company, .field.address, .field.name, .formField .field.company, .formField .field.address, .formField .field.name {
    width: 320px
}

.field.region, .formField .field.region {
    width: 260px
}

.field.city, .formField .field.city {
    width: 260px
}

.field.zip, .formField .field.zip {
    width: 100px
}

.field.security, .formField .field.security {
    width: 90px
}

.field.location {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    width: 300px
}

.radioLabel {
    padding: 0 0 5px 20px
}

.ogRadio {
    float: left;
    margin: 0 5px 0
}

.og-row {
    min-width: 240px
}

.lt-ie10 .formField .field.security {
    width: 100px
}

.lt-ie9 .styledSelect {
    max-width: none
}

.lt-ie9 .styledSelect:after {
    display: none
}

.lt-ie9 .styledSelect select {
    padding-right: 10px
}

.lt-ie9 fieldset.checkbox label {
    width: 93%
}

.credit-card-form, .address-form {
    background: #f2f2f2;
    padding: 20px 150px 20px 20px
}

.editContactAddressForm .credit-card-form, .editContactAddressForm .address-form {
    background: #FFF
}

.credit-card-form h2, .address-form h2 {
    margin: 5px 0 15px 0;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px
}

.credit-card-form input, .address-form input, .credit-card-form label, .address-form label {
    display: block;
    font-weight: bold
}

.credit-card-form .region.hide, .address-form .region.hide {
    display: none
}

.credit-card-form .styledSelect, .address-form .styledSelect, .credit-card-form input[type=text], .address-form input[type=text] {
    width: 100%
}

.credit-card-form .styledSelect select, .address-form .styledSelect select {
    max-width: none
}

.credit-card-form .formField, .address-form .formField {
    margin-top: 10px
}

.credit-card-form .fieldBlockHorizontal, .address-form .fieldBlockHorizontal {
    width: 100%
}

.credit-card-form .fieldBlockHorizontal .formField, .address-form .fieldBlockHorizontal .formField {
    width: auto
}

.credit-card-form .formFooter .btn, .address-form .formFooter .btn, .credit-card-form .modal-footer .btn, .address-form .modal-footer .btn {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1
}

.credit-card-form .checkbox, .address-form .checkbox {
    margin-top: 10px
}

.credit-card-form .checkbox input, .address-form .checkbox input {
    margin-right: 5px
}

.credit-card-form .show-more-title, .address-form .show-more-title {
    margin: 15px 0
}

.credit-card-form .show-more-title a, .address-form .show-more-title a {
    margin-right: 10px
}

.credit-card-form .ccMonthYear, .credit-card-form .checkout-security-code {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    width: auto;
    vertical-align: top
}

.credit-card-form .ccMonthYear {
    margin-right: 10px
}

.credit-card-form .ccMonthYear .formField {
    width: 50%;
    padding: 10px;
    margin-bottom: 10px;
    float: left;
    margin-top: 0;
    padding: 0
}

.lt-ie8 .credit-card-form .ccMonthYear .formField {
    width: 48%
}

.credit-card-form .ccMonthYear .styledSelect {
    width: 100px
}

.credit-card-form #checkout-card-number {
    width: 200px
}

.credit-card-form .modal-footer {
    margin-top: 10px
}

.productAvailabilityShippingSection #add-new-shipping-location-modal {
    position: relative;
    top: 13px;
    left: 245px;
    width: 550px !important
}

.productAvailabilityShippingSection .address-form input {
    width: 370px !important
}

.productAvailabilityShippingSection .address-form label {
    text-align: left
}

.productAvailabilityShippingSection .address-form .styledSelect {
    width: 370px !important;
    margin-bottom: 5px
}

.productAvailabilityShippingSection .address-form .formFooter {
    margin-top: 20px
}

.productAvailabilityShippingSection .address-form #stateprovregion-area {
    min-height: 45px !important
}

.productAvailabilityShippingSection .address-form #validation-errors-state {
    position: static
}

.productAvailabilityShippingSection .gForm-row {
    margin-bottom: 0 !important
}

.address-form {
    padding-right: 20px !important
}

.address-form #nickName {
    margin-top: 15px
}

.address-form .newShippingAddress fieldset {
    height: auto;
    margin-bottom: 0
}

.address-form input {
    width: 550px !important;
    border-radius: 3px;
    padding: 10px
}

.address-form input:focus {
    padding: 8px
}

.address-form .validation-errors {
    margin-left: 100px
}

.address-form #validation-errors-state {
    position: static;
    margin-left: 100px
}

.address-form #validation-errors-address {
    position: relative;
    margin-left: 115px;
    top: 36px;
    margin-bottom: 10px
}

.address-form .error-spacer {
    padding-top: 17px
}

.address-form label {
    text-align: left;
    clear: both;
    float: left;
    margin-top: 8px;
    width: 100px
}

.address-form label[for=nickName] {
    padding-top: 9px
}

.address-form label[for=addressLine2] {
    height: 22px;
    padding: 0;
    margin: 0
}

.address-form .gForm-cityStateZip {
    margin-bottom: 20px;
    max-height: 100px
}

.address-form .gForm-Zipfield {
    margin-bottom: 20px;
    max-height: 40px
}

.address-form .gForm-row {
    margin-bottom: 5px !important
}

.address-form .gForm-address {
    margin-bottom: 5px;
    height: 71px
}

.address-form .gForm-address #address1 {
    margin-bottom: 5px
}

.address-form .gForm-address #addressLine2 {
    margin-left: 100px;
    margin-bottom: 20px
}

.address-form #stateprovregion-area {
    min-height: 45px !important
}

.address-form .styledSelect {
    width: 550px !important;
    margin-bottom: 5px
}

.address-form .styledSelect select::-ms-expand {
    display: none
}

.address-form input[type=button] {
    width: 100px !important;
    margin-left: 20px
}

.address-form .checkbox {
    position: absolute;
    margin-top: 0
}

.address-form .checkbox .address-modal-default-checkbox {
    float: left;
    margin-bottom: 10px
}

.address-form .checkbox .address-modal-default-checkbox input {
    width: 25px !important;
    margin-left: 115px;
    margin-top: 5px
}

.address-form .checkbox .address-modal-default-label {
    float: left;
    margin-bottom: 20px
}

.address-form .checkbox .address-modal-default-label label {
    width: 250px !important;
    margin-top: 0;
    height: 22px;
    text-align: left
}

.address-form .formFooter {
    padding: 0;
    text-align: right;
    margin: 30px 10px 20px 0
}

.address-form .formFooter .cancel {
    margin: 10px
}

.address-form #freightForwarderContent {
    padding: 10px 0
}

.address-form #freightForwarderContent input[type="checkbox"], .address-form #freightForwarderContent label {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1
}

#password-strength #strength-text, #password-strength #strength-text-long {
    font-weight: 700
}

#password-strength .strength-container {
    background: #ccc;
    width: 193px
}

#password-strength #strength-progress-bar, #password-strength #strength-progress-bar-long {
    display: block;
    height: 10px;
    margin-top: 5px;
    margin-bottom: 5px
}

#password-strength #strength-progress-bar.weak, #password-strength #strength-progress-bar-long.weak {
    background-color: #ffd700
}

#password-strength #strength-progress-bar.strong, #password-strength #strength-progress-bar-long.strong {
    background-color: #257238
}

#password-strength #strength-progress-bar.medium, #password-strength #strength-progress-bar-long.medium {
    background-color: #ffae00
}

#signIn {
    margin-bottom: 100px;
    line-height: 22px;
    font-size: 14px
}

.lt-ie8 .styledSelect select, .lt-ie8 .styledSelect .selectedFilters {
    background: #fff;
    padding: 15px;
    height: 20px;
    line-height: 20px;
    width: 200px
}

.lt-ie8 .address-form input {
    width: 540px !important
}

.signInForm .styledSelect {
    width: 477px !important
}

.signInForm .passwordChange {
    margin-bottom: 10px
}

#customerServices .inputType {
    width: 400px
}

#customerServices .alert {
    margin-top: 2px;
    margin-bottom: 15px
}

#customerServices #subject::-ms-expand {
    display: none
}

#customerServices .captchTextContactUs {
    margin-top: 15px;
    margin-bottom: 15px
}

#add-new-shipping-location-modal {
    top: 10%
}

#add-new-shipping-location-modal .modal-content {
    max-height: 500px
}

#add-new-shipping-location-modal .gForm-row {
    margin-bottom: 10px
}

#add-new-shipping-location-modal .gForm-row label {
    width: 124px;
    display: inline-block !important;
    padding-top: 5px
}

#add-new-shipping-location-modal .gForm-row input[type=text] {
    width: 540px;
    display: inline
}

#add-new-shipping-location-modal .styledSelect {
    width: 540px;
    margin-right: 0
}

#add-new-shipping-location-modal .styledSelect select {
    max-width: 100%
}

#add-new-shipping-location-modal .form-indent {
    margin-left: 128px
}

@media screen and (max-width: 1366px) {
    #add-new-shipping-location-modal {
        top: 5%;
        max-height: 85%
    }

    #add-new-shipping-location-modal .gForm-row input[type=text], #add-new-shipping-location-modal .styledSelect {
        width: 510px
    }
}

.modal-backdrop, .modal-backdrop-section {
    background-color: #000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 19;
    -moz-opacity: .3;
    -khtml-opacity: .3;
    -webkit-opacity: .3;
    opacity: .3;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
    filter: alpha(opacity=30)
}

.lt-ie8 .modal-backdrop, .lt-ie8 .modal-backdrop-section {
    zoom: 1
}

.modal-loading {
    z-index: 100000;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%
}

.modal-loading .loading {
    margin: 0 auto;
    position: relative;
    top: 40%;
    width: 50px;
    height: 42px;
    opacity: 1;
    background: url(../../images/loader.gif) no-repeat center
}

.modal-backdrop-section {
    position: absolute
}

@media print {
    .printModalActive #container, .printModalActive #eheader, .printModalActive #footer, .printModalActive #globalBanner {
        display: none !important
    }

    #printModal {
        display: block;
        visibility: visible;
        height: auto;
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        margin: 0;
        padding: 0;
        max-height: none !important
    }

    #print-modal-cart {
        position: absolute !important;
        top: 1% !important;
        width: 100%;
        margin-left: 0;
        left: 0
    }

    .modal-content {
        max-height: none !important
    }

    .modal-print .btn, .modal-print .modal-footer {
        display: none
    }

    .modal-print .modal-window {
        position: fixed;
        top: 0 !important;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        margin-left: 0;
        margin: 0;
        padding: 0;
        border: none;
        min-height: 100%;
        background: #FFF
    }

    .LPMcontainer, .modal-backdrop {
        display: none !important
    }
}

.modal-print .modal-header img {
    float: left
}

#modal-table-row {
    border-top: none;
    width: 100%
}

.modal-cart-item {
    width: 10%;
    vertical-align: top
}

.modal-cart-picture {
    width: 40%;
    vertical-align: top
}

div.modalCartPicture div.cartItemDescription p {
    margin-bottom: 0
}

.cart-qty {
    width: 10%;
    vertical-align: top
}

.cart-price {
    width: 20%;
    vertical-align: top
}

.modal-cart-avail {
    width: 20%;
    vertical-align: top
}

.priceValue {
    color: #257238;
    font-weight: 700;
    font-size: 14px;
    word-wrap: break-word;
    display: block
}

#print-modal-cart .modalTableRow td {
    padding: 5px;
    vertical-align: top
}

#print-modal-cart .modalTableRow th {
    font-weight: 700
}

#print-modal-cart .modalTableRow td p {
    margin-bottom: 5px
}

.modalTableRow {
    border-bottom: 1px solid #ccc;
    text-align: left
}

#modal-top-btn {
    float: right
}

.modalTableRow .cart-price .modalPriceValue {
    width: auto
}

.modal, .modal-static {
    background-color: #fff;
    left: 50%;
    position: fixed;
    top: 16%;
    width: 720px;
    margin-left: -360px;
    z-index: 99999;
    border: 1px solid #ccc;
    border-top: 3px solid #333;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    display: none
}

@media (max-width: 780px) {
    .modal, .modal-static {
        width: 540px;
        margin-left: -270px
    }
}

.modal.in, .modal-static.in {
    display: block !important
}

.modal.smallModal, .modal-static.smallModal {
    width: 420px;
    margin-left: -210px
}

.modal.mediumModal, .modal-static.mediumModal {
    width: 540px;
    margin-left: -270px
}

.modal.largerModal, .modal-static.largerModal {
    width: 920px;
    margin-left: -460px
}

.modal.midscreenModal, .modal-static.midscreenModal {
    top: 38%
}

.modal.fade, .modal-static.fade {
    -webkit-transition: opacity .3s linear, top .3s ease-out;
    -moz-transition: opacity .3s linear, top .3s ease-out;
    -o-transition: opacity .3s linear, top .3s ease-out;
    transition: opacity .3s linear, top .3s ease-out;
    top: -25%
}

.modal.fade.in, .modal-static.fade.in {
    top: 10%
}

.modal.formModal .modal-body, .modal-static.formModal .modal-body, .modal.formModal .modal-content, .modal-static.formModal .modal-content {
    background: #eee
}

.modal.formModal .modal-footer .modalButtons, .modal-static.formModal .modal-footer .modalButtons {
    float: left
}

.modal .alert, .modal-static .alert {
    margin: 0
}

.modal input.alert, .modal-static input.alert {
    border: 1px solid #ad3333
}

.modal #container, .modal-static #container {
    width: 100%
}

.modal .modal-header, .modal-static .modal-header {
    background-color: #fff;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    padding: 16px 20px;
    font-weight: bold;
    border-bottom: 1px solid #ccc
}

.modal .modal-header:after, .modal-static .modal-header:after, .modal .modal-header:before, .modal-static .modal-header:before {
    content: " ";
    display: table
}

.modal .modal-header:after, .modal-static .modal-header:after {
    clear: both
}

.lt-ie8 .modal .modal-header, .lt-ie8 .modal-static .modal-header {
    clear: both;
    zoom: 1
}

.modal .modal-header h2, .modal-static .modal-header h2 {
    float: left;
    font-weight: bold;
    font-size: 18px !important;
    margin-bottom: 0;
    padding-right: 20px;
    padding-top: 3px
}

.modal .modal-header .printCartModal-header, .modal-static .modal-header .printCartModal-header {
    border-bottom: none
}

.modal .modal-header .close, .modal-static .modal-header .close {
    border: none;
    float: right;
    padding: 2px 0 0 0;
    cursor: pointer;
    text-transform: capitalize
}

.modal .modal-header .close:hover, .modal-static .modal-header .close:hover {
    text-decoration: none
}

.modal .modal-header .close:after, .modal-static .modal-header .close:after {
    font-family: graingerFont;
    content: "\e61d";
    font-weight: 400;
    color: #333;
    margin: 1px 0 0 8px;
    display: inline-block
}

.modal .modal-header th, .modal-static .modal-header th {
    padding: 0 0 0 10px
}

.modal .modal-body, .modal-static .modal-body, .modal .modal-content, .modal-static .modal-content {
    height: auto;
    overflow: hidden;
    padding: 15px 20px;
    position: relative;
    max-height: 450px;
    overflow-y: auto;
    font-size: 14px
}

.modal .modal-body h3, .modal-static .modal-body h3, .modal .modal-content h3, .modal-static .modal-content h3 {
    color: #000;
    font-weight: normal
}

.modal .modal-footer, .modal-static .modal-footer {
    padding: 14px 15px 15px;
    text-align: right;
    background: #eaeaea;
    border-top: 1px solid #ccc;
    *zoom: 1
}

.modal .modal-footer button + button, .modal-static .modal-footer button + button, .modal .modal-footer a.block + input, .modal-static .modal-footer a.block + input {
    margin-left: 10px
}

.modal .modal-footer .textLink, .modal-static .modal-footer .textLink, .modal .modal-footer .cancel, .modal-static .modal-footer .cancel {
    display: inline-block;
    margin: 0 10px 0 0;
    text-transform: capitalize
}

.lt-ie8 .modal .modal-footer .textLink, .lt-ie8 .modal-static .modal-footer .textLink, .lt-ie8 .modal .modal-footer .cancel, .lt-ie8 .modal-static .modal-footer .cancel {
    display: inline;
    zoom: 1
}

.modal .modal-footer:before:after, .modal-static .modal-footer:before:after, .modal .modal-footer:after:after, .modal-static .modal-footer:after:after, .modal .modal-footer:before:before, .modal-static .modal-footer:before:before, .modal .modal-footer:after:before, .modal-static .modal-footer:after:before {
    content: " ";
    display: table
}

.modal .modal-footer:before:after, .modal-static .modal-footer:before:after, .modal .modal-footer:after:after, .modal-static .modal-footer:after:after {
    clear: both
}

.lt-ie8 .modal .modal-footer:before, .lt-ie8 .modal-static .modal-footer:before, .lt-ie8 .modal .modal-footer:after, .lt-ie8 .modal-static .modal-footer:after {
    clear: both;
    zoom: 1
}

.modal .modal-footer .footerMessage, .modal-static .modal-footer .footerMessage {
    float: left;
    font-weight: 700;
    line-height: 29px
}

.modal .modal-footer .modalButtons, .modal-static .modal-footer .modalButtons {
    float: right
}

.modal .modal-footer .modalButtons button, .modal-static .modal-footer .modalButtons button {
    float: left
}

.modal .modal-footer .modalButtons button + button, .modal-static .modal-footer .modalButtons button + button {
    margin-left: 5px;
    margin-bottom: 0
}

.modal .modal-footer .btn-group .btn + .btn, .modal-static .modal-footer .btn-group .btn + .btn {
    margin-left: -1px
}

.modal .modal-footer .btn-block + .btn-block, .modal-static .modal-footer .btn-block + .btn-block {
    margin-left: 0
}

.modal .modal-footer .itemsCartMessage, .modal-static .modal-footer .itemsCartMessage {
    float: left;
    padding: 10px 0 0 0;
    color: #666
}

@media (max-width: 780px) {
    .modal .modal-footer .itemsCartMessage, .modal-static .modal-footer .itemsCartMessage {
        width: 45%;
        text-align: left;
        padding: 0 0 10px 0;
        margin-bottom: 0
    }
}

.modal .modal-footer .btn, .modal-static .modal-footer .btn {
    text-transform: capitalize
}

.modal #addToCartModal .commerce-table th, .modal-static #addToCartModal .commerce-table th {
    font-weight: 700
}

.modal #addToCartModal .commerce-table td.first, .modal-static #addToCartModal .commerce-table td.first {
    max-width: 250px
}

.modal #addToCartModal .commerce-table td.align-right, .modal-static #addToCartModal .commerce-table td.align-right {
    width: 100px
}

.modal#bulkorderadd, .modal-static#bulkorderadd {
    left: 50%;
    top: 10%;
    bottom: auto
}

.modal#bulkorderadd .prodCodes, .modal-static#bulkorderadd .prodCodes {
    margin-left: 40px
}

.modal#addToCart .modal-content, .modal-static#addToCart .modal-content, .modal#bulkorderadd .modal-content, .modal-static#bulkorderadd .modal-content, .modal#mylist .modal-content, .modal-static#mylist .modal-content {
    padding-top: 20px;
    border-top: 1px solid #ccc;
    background: radial-gradient(center, ellipse cover, rgba(25, 25, 25, 0.35) 0, rgba(0, 0, 0, 0) 100%);
    background: radial-gradient(ellipse 70% 10px at top, rgba(25, 25, 25, 0.35) 0, rgba(255, 255, 255, 0) 80%)
}

@media (max-width: 780px) {
    .modal#addToCart .carouselQty, .modal-static#addToCart .carouselQty, .modal#bulkorderadd .carouselQty, .modal-static#bulkorderadd .carouselQty, .modal#mylist .carouselQty, .modal-static#mylist .carouselQty {
        margin-bottom: 10px
    }
}

.modal#addToCart .commerce, .modal-static#addToCart .commerce, .modal#bulkorderadd .commerce, .modal-static#bulkorderadd .commerce, .modal#mylist .commerce, .modal-static#mylist .commerce {
    margin: 0 -15px;
    margin-bottom: 15px
}

.modal#addToCart .commerce .commerce-table, .modal-static#addToCart .commerce .commerce-table, .modal#bulkorderadd .commerce .commerce-table, .modal-static#bulkorderadd .commerce .commerce-table, .modal#mylist .commerce .commerce-table, .modal-static#mylist .commerce .commerce-table {
    width: 100%;
    padding-bottom: 0
}

.modal#addToCart .commerce .commerce-table th, .modal-static#addToCart .commerce .commerce-table th, .modal#bulkorderadd .commerce .commerce-table th, .modal-static#bulkorderadd .commerce .commerce-table th, .modal#mylist .commerce .commerce-table th, .modal-static#mylist .commerce .commerce-table th {
    padding: 10px;
    font-weight: 700;
    min-width: 130px;
    width: 100%;
    text-align: right
}

.modal#addToCart .commerce .commerce-table th.first, .modal-static#addToCart .commerce .commerce-table th.first, .modal#bulkorderadd .commerce .commerce-table th.first, .modal-static#bulkorderadd .commerce .commerce-table th.first, .modal#mylist .commerce .commerce-table th.first, .modal-static#mylist .commerce .commerce-table th.first {
    text-align: left
}

@media (max-width: 780px) {
    .modal#addToCart .commerce, .modal-static#addToCart .commerce, .modal#bulkorderadd .commerce, .modal-static#bulkorderadd .commerce, .modal#mylist .commerce, .modal-static#mylist .commerce {
        clear: both;
        margin: 0 -5px
    }
}

.modal#addToCart .itemsinCart, .modal-static#addToCart .itemsinCart, .modal#bulkorderadd .itemsinCart, .modal-static#bulkorderadd .itemsinCart, .modal#mylist .itemsinCart, .modal-static#mylist .itemsinCart {
    background: #eee;
    padding: 10px
}

.modal#addToCart .itemsinCart td, .modal-static#addToCart .itemsinCart td, .modal#bulkorderadd .itemsinCart td, .modal-static#bulkorderadd .itemsinCart td, .modal#mylist .itemsinCart td, .modal-static#mylist .itemsinCart td {
    padding: 15px;
    font-weight: 700;
    font-size: 12px;
    vertical-align: top;
    text-align: right;
    min-width: 90px;
    max-width: 300px
}

.modal#addToCart .itemsinCart td.first, .modal-static#addToCart .itemsinCart td.first, .modal#bulkorderadd .itemsinCart td.first, .modal-static#bulkorderadd .itemsinCart td.first, .modal#mylist .itemsinCart td.first, .modal-static#mylist .itemsinCart td.first {
    text-align: left
}

.modal#addToCart .itemsinCart td.align-left, .modal-static#addToCart .itemsinCart td.align-left, .modal#bulkorderadd .itemsinCart td.align-left, .modal-static#bulkorderadd .itemsinCart td.align-left, .modal#mylist .itemsinCart td.align-left, .modal-static#mylist .itemsinCart td.align-left {
    text-align: left;
    word-wrap: break-word;
    word-break: break-all
}

.modal#addToCart .itemsinCart td img, .modal-static#addToCart .itemsinCart td img, .modal#bulkorderadd .itemsinCart td img, .modal-static#bulkorderadd .itemsinCart td img, .modal#mylist .itemsinCart td img, .modal-static#mylist .itemsinCart td img {
    width: 45px;
    height: 45px;
    float: left
}

.modal#addToCart .itemsinCart a, .modal-static#addToCart .itemsinCart a, .modal#bulkorderadd .itemsinCart a, .modal-static#bulkorderadd .itemsinCart a, .modal#mylist .itemsinCart a, .modal-static#mylist .itemsinCart a {
    padding: 0 0 0 10px;
    max-width: 87%;
    float: left
}

@media (max-width: 780px) {
    .modal#addToCart .itemsinCart a, .modal-static#addToCart .itemsinCart a, .modal#bulkorderadd .itemsinCart a, .modal-static#bulkorderadd .itemsinCart a, .modal#mylist .itemsinCart a, .modal-static#mylist .itemsinCart a {
        max-width: 70%
    }
}

.modal#addToCart .itemsinCart .itemPrice, .modal-static#addToCart .itemsinCart .itemPrice, .modal#bulkorderadd .itemsinCart .itemPrice, .modal-static#bulkorderadd .itemsinCart .itemPrice, .modal#mylist .itemsinCart .itemPrice, .modal-static#mylist .itemsinCart .itemPrice, .modal#addToCart .itemsinCart .itemTotalPrice, .modal-static#addToCart .itemsinCart .itemTotalPrice, .modal#bulkorderadd .itemsinCart .itemTotalPrice, .modal-static#bulkorderadd .itemsinCart .itemTotalPrice, .modal#mylist .itemsinCart .itemTotalPrice, .modal-static#mylist .itemsinCart .itemTotalPrice, .modal#addToCart .itemsinCart .commerce-table td, .modal-static#addToCart .itemsinCart .commerce-table td, .modal#bulkorderadd .itemsinCart .commerce-table td, .modal-static#bulkorderadd .itemsinCart .commerce-table td, .modal#mylist .itemsinCart .commerce-table td, .modal-static#mylist .itemsinCart .commerce-table td {
    color: #257238
}

@media (max-width: 780px) {
    .modal#addToCart.modal, .modal-static#addToCart.modal, .modal#bulkorderadd.modal, .modal-static#bulkorderadd.modal, .modal#mylist.modal, .modal-static#mylist.modal {
        top: 1%
    }

    .modal#addToCart .modal-content, .modal-static#addToCart .modal-content, .modal#bulkorderadd .modal-content, .modal-static#bulkorderadd .modal-content, .modal#mylist .modal-content, .modal-static#mylist .modal-content {
        padding: 0 15px
    }

    .modal#addToCart .carousel, .modal-static#addToCart .carousel, .modal#bulkorderadd .carousel, .modal-static#bulkorderadd .carousel, .modal#mylist .carousel, .modal-static#mylist .carousel {
        padding: 10px 0 0 0;
        margin-bottom: 0
    }

    .modal#addToCart .carousel.intelligentOffer .carouselContainer .carouselProductLists .carouselProduct, .modal-static#addToCart .carousel.intelligentOffer .carouselContainer .carouselProductLists .carouselProduct, .modal#bulkorderadd .carousel.intelligentOffer .carouselContainer .carouselProductLists .carouselProduct, .modal-static#bulkorderadd .carousel.intelligentOffer .carouselContainer .carouselProductLists .carouselProduct, .modal#mylist .carousel.intelligentOffer .carouselContainer .carouselProductLists .carouselProduct, .modal-static#mylist .carousel.intelligentOffer .carouselContainer .carouselProductLists .carouselProduct {
        width: 110px;
        margin-right: 10px
    }

    .modal#addToCart .carousel.intelligentOffer .carouselContainer .carouselProductLists .carouselProduct .carouselProductName, .modal-static#addToCart .carousel.intelligentOffer .carouselContainer .carouselProductLists .carouselProduct .carouselProductName, .modal#bulkorderadd .carousel.intelligentOffer .carouselContainer .carouselProductLists .carouselProduct .carouselProductName, .modal-static#bulkorderadd .carousel.intelligentOffer .carouselContainer .carouselProductLists .carouselProduct .carouselProductName, .modal#mylist .carousel.intelligentOffer .carouselContainer .carouselProductLists .carouselProduct .carouselProductName, .modal-static#mylist .carousel.intelligentOffer .carouselContainer .carouselProductLists .carouselProduct .carouselProductName {
        min-height: 75px;
        padding: 0;
        word-wrap: break-word
    }

    .modal#addToCart .carousel.intelligentOffer .carouselContainer .carouselProductLists .carouselProduct .carouselProductImage, .modal-static#addToCart .carousel.intelligentOffer .carouselContainer .carouselProductLists .carouselProduct .carouselProductImage, .modal#bulkorderadd .carousel.intelligentOffer .carouselContainer .carouselProductLists .carouselProduct .carouselProductImage, .modal-static#bulkorderadd .carousel.intelligentOffer .carouselContainer .carouselProductLists .carouselProduct .carouselProductImage, .modal#mylist .carousel.intelligentOffer .carouselContainer .carouselProductLists .carouselProduct .carouselProductImage, .modal-static#mylist .carousel.intelligentOffer .carouselContainer .carouselProductLists .carouselProduct .carouselProductImage {
        width: 80px;
        height: 80px
    }

    .modal#addToCart .carousel.intelligentOffer .carouselContainer .carouselProductLists .carouselProduct .carouselProductImage img, .modal-static#addToCart .carousel.intelligentOffer .carouselContainer .carouselProductLists .carouselProduct .carouselProductImage img, .modal#bulkorderadd .carousel.intelligentOffer .carouselContainer .carouselProductLists .carouselProduct .carouselProductImage img, .modal-static#bulkorderadd .carousel.intelligentOffer .carouselContainer .carouselProductLists .carouselProduct .carouselProductImage img, .modal#mylist .carousel.intelligentOffer .carouselContainer .carouselProductLists .carouselProduct .carouselProductImage img, .modal-static#mylist .carousel.intelligentOffer .carouselContainer .carouselProductLists .carouselProduct .carouselProductImage img {
        width: 100%
    }

    .modal#addToCart .carousel > .arrow.carouselLeft, .modal-static#addToCart .carousel > .arrow.carouselLeft, .modal#bulkorderadd .carousel > .arrow.carouselLeft, .modal-static#bulkorderadd .carousel > .arrow.carouselLeft, .modal#mylist .carousel > .arrow.carouselLeft, .modal-static#mylist .carousel > .arrow.carouselLeft {
        left: -10px
    }

    .modal#addToCart .carousel > .arrow.carouselRight, .modal-static#addToCart .carousel > .arrow.carouselRight, .modal#bulkorderadd .carousel > .arrow.carouselRight, .modal-static#bulkorderadd .carousel > .arrow.carouselRight, .modal#mylist .carousel > .arrow.carouselRight, .modal-static#mylist .carousel > .arrow.carouselRight {
        right: -10px
    }

    .modal#addToCart .carouselPagination, .modal-static#addToCart .carouselPagination, .modal#bulkorderadd .carouselPagination, .modal-static#bulkorderadd .carouselPagination, .modal#mylist .carouselPagination, .modal-static#mylist .carouselPagination {
        padding-right: 10px
    }

    .modal#addToCart .smallerCarousel .carouselContainer, .modal-static#addToCart .smallerCarousel .carouselContainer, .modal#bulkorderadd .smallerCarousel .carouselContainer, .modal-static#bulkorderadd .smallerCarousel .carouselContainer, .modal#mylist .smallerCarousel .carouselContainer, .modal-static#mylist .smallerCarousel .carouselContainer {
        width: 450px
    }

    .modal#addToCart .smallerCarousel .carouselContainer li, .modal-static#addToCart .smallerCarousel .carouselContainer li, .modal#bulkorderadd .smallerCarousel .carouselContainer li, .modal-static#bulkorderadd .smallerCarousel .carouselContainer li, .modal#mylist .smallerCarousel .carouselContainer li, .modal-static#mylist .smallerCarousel .carouselContainer li {
        width: 115px
    }

    .modal#addToCart .smallerCarousel .carouselContainer div, .modal-static#addToCart .smallerCarousel .carouselContainer div, .modal#bulkorderadd .smallerCarousel .carouselContainer div, .modal-static#bulkorderadd .smallerCarousel .carouselContainer div, .modal#mylist .smallerCarousel .carouselContainer div, .modal-static#mylist .smallerCarousel .carouselContainer div {
        width: 100px
    }

    .modal#addToCart .smallerCarousel .carouselContainer div.carouselProductImage img, .modal-static#addToCart .smallerCarousel .carouselContainer div.carouselProductImage img, .modal#bulkorderadd .smallerCarousel .carouselContainer div.carouselProductImage img, .modal-static#bulkorderadd .smallerCarousel .carouselContainer div.carouselProductImage img, .modal#mylist .smallerCarousel .carouselContainer div.carouselProductImage img, .modal-static#mylist .smallerCarousel .carouselContainer div.carouselProductImage img {
        width: 90px
    }
}

.modal.sourcingQuotesModal .scrollable table, .modal-static.sourcingQuotesModal .scrollable table {
    border-collapse: collapse;
    width: 100%
}

.modal.sourcingQuotesModal .scrollable thead, .modal-static.sourcingQuotesModal .scrollable thead {
    text-align: left;
    display: table;
    float: left;
    width: 100%
}

.modal.sourcingQuotesModal .scrollable thead tr, .modal-static.sourcingQuotesModal .scrollable thead tr {
    display: table-row;
    width: 100%
}

.modal.sourcingQuotesModal .scrollable tbody, .modal-static.sourcingQuotesModal .scrollable tbody {
    display: block;
    max-height: 140px;
    overflow-x: auto;
    overflow-y: scroll;
    float: left;
    width: 100%
}

.modal.sourcingQuotesModal .scrollable tbody tr, .modal-static.sourcingQuotesModal .scrollable tbody tr {
    display: table;
    width: 100%
}

.modal.sourcingQuotesModal .scrollable tr:after, .modal-static.sourcingQuotesModal .scrollable tr:after {
    content: ".";
    margin-left: -3px;
    visibility: hidden
}

.modal-static {
    top: 170px;
    display: block
}

.modal-static h2 {
    border-bottom: none !important;
    padding-bottom: 0 !important
}

#cartRestrictedModal .restrictionChoice label {
    display: inline;
    padding: 0 15px 0 5px
}

#endSessionModal .modal-footer .btn {
    margin-left: 5px
}

#shipAvailablityTermsModal li {
    list-style-type: disc;
    margin-bottom: 10px
}

#shipAvailablityTermsModal .specialOrderItemsAlertList {
    margin-left: 10px
}

#eproReturnCartModal .modal-content {
    padding: 0
}

#eproReturnCartModal p {
    margin-left: 15px
}

#eheader #headerContent .serviceHeaderLinks .serviceLinksRow1 .vr_wn_modal_trigger {
    color: #00739e;
    vertical-align: top;
    line-height: 23px;
    display: none
}

#vrwnModal {
    position: absolute;
    top: 240px
}

#vrwnModal .modal-image {
    position: absolute;
    top: -245px;
    left: -40px
}

#vrwnModal .modal-content {
    margin-left: 10px
}

#vrwnModal .firstSection h2 {
    font-size: 24px;
    margin: 15px 0
}

#vrwnModal section {
    margin-bottom: 20px
}

#og-modify-popup-container #closeModify {
    display: none
}

#og-modify-popup-container #modifyPopup {
    background-color: #fff;
    border: 1px solid #ccc;
    border-top: 3px solid #333;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

#og-modify-popup-container .modifyHeader {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 15px;
    height: auto;
    color: #333
}

#og-modify-popup-container .modifyHeader:after, #og-modify-popup-container .modifyHeader:before {
    content: " ";
    display: table
}

#og-modify-popup-container .modifyHeader:after {
    clear: both
}

.lt-ie8 #og-modify-popup-container .modifyHeader {
    clear: both;
    zoom: 1
}

#og-modify-popup-container .modifyHeader .headerText {
    float: left;
    font-weight: bold;
    margin-bottom: 0;
    padding-right: 20px
}

#og-modify-popup-container .modifyMain {
    font-size: 12px;
    font-weight: normal
}

#og-modify-popup-container .modifyMain .modifyOptions label {
    display: inline-block;
    margin-bottom: 12px
}

#og-modify-popup-container .modifyMain input {
    float: left;
    margin: 4px
}

#og-modify-popup-container .modifyButtons {
    padding: 14px 15px 15px;
    text-align: right;
    background: #eaeaea;
    border-top: 1px solid #ccc;
    display: block;
    clear: both;
    height: auto;
    margin: -10px
}

#og-modify-popup-container .modifyButtons span.spanLink {
    float: none;
    padding-left: 15px
}

#order-review-data-edits-model-content .modal-header {
    font-weight: 700
}

#order-review-data-edits-model-content h4 {
    font-weight: 700;
    margin: 0
}

#order-review-data-edits-model-content .modal-order-review-title2 {
    padding-bottom: 10px
}

#order-review-data-edits-model-content .modal-order-details {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px
}

#order-review-data-edits-model-content .modal-order-line-items {
    padding-bottom: 10px
}

#order-review-data-edits-model-content input {
    width: 325px;
    margin-top: 5px
}

#order-review-data-edits-model-content .modal-order-divider {
    background-color: #ccc;
    height: 1px;
    margin-top: 10px
}

#order-review-data-edits-model-content select {
    width: 250px
}

.floating-window-modal {
    display: none;
    position: absolute;
    z-index: 1050;
    border: 1px solid #f2f2f2;
    border-top: 3px solid #000;
    box-shadow: 1px 2px 2px #ccc, 1px 2px 2px #ccc, -1px 2px 2px #ccc
}

.modal-x-cancel-button {
    height: 14px;
    width: 14px;
    color: #000;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg)
}

.modal-x-cancel-button:before {
    font-family: graingerFont;
    content: "\e629";
    font-weight: 400
}

#branchSelectedModal {
    top: 10% !important;
    max-height: 90%;
    width: 50% !important;
    padding: 0 15px
}

#branchSelectedModal .div-branch-details {
    margin: 10px;
    width: 31%;
    float: left
}

#branchSelectedModal #pickupMapContainerBS {
    height: 400px !important;
    margin: 0;
    padding: 0
}

#branchSelectedModal #selectedPickupMap {
    height: 100%
}

#branchSelectedModal .modal-header {
    padding: 15px 0
}

#branchSelectedModal .modal-header h2 {
    font-size: 18px;
    color: #575757
}

#branchSelectedModal .selectedBranchHourLabel {
    margin-right: 3px;
    display: inline-block
}

#branchSelectedModal .pickupbranchdefaulthours {
    margin-left: 0;
    display: inline-block
}

#branchSelectedModal .pickUpBranchClosed {
    display: block;
    margin-left: 40px
}

#branchSelectedModal .modal-footer #searchPickupModalBS {
    display: inline-block
}

#branchSelectedModal .bstab-content {
    background-color: #eaeaea;
    line-height: 149%
}

#branchSelectedModal #pickupModalCloseBS {
    width: auto
}

#branchSelectedModal #pickupModalSearchRadiusBS {
    height: 33px
}

#branchSelectedModal #pickupModalSearchNoResultsBS {
    position: relative;
    float: left;
    text-align: left;
    display: none;
    padding-bottom: 6px;
    margin-left: 6px
}

#branchSelectedModal .bstab-content #branchHoursTable {
    position: relative;
    top: -17px;
    left: 37px
}

#branchSelectedModal #go_button_modal_bs {
    position: relative;
    top: -1px
}

#branchSelectedModal #fab_button_modal_bs {
    width: auto;
    position: relative;
    float: none;
    margin-right: 3px
}

#branchSelectedModal #pickupModalSearchNoResultsBS {
    position: relative;
    float: left;
    text-align: left
}

#branchSelectedModal table {
    margin: 0
}

#branchSelectedModal table .btn {
    float: right;
    width: 175px;
    margin-bottom: 1px;
    font-weight: 500
}

#branchSelectedModal table tr {
    border-width: 0 !important
}

#branchSelectedModal .td-half-width {
    width: 50%;
    height: 100px;
    border-right: none !important;
    vertical-align: top !important
}

#branchSelectedModal .td-half-width2 {
    width: 40%;
    height: 100px;
    vertical-align: top !important;
    padding-top: 10px !important
}

#branchSelectedModal .td-half-width3 {
    width: 60%;
    height: 110px;
    border-right: none !important;
    padding: 0 0 0 10px
}

#branchSelectedModal #currentdefaultbtn {
    width: 186px;
    padding: 10px
}

.pickupmodalselectedbranch {
    position: relative;
    top: -5px;
    background-color: #ccc;
    float: right;
    width: 350px;
    font-size: 12px;
    padding: 12px 20px;
    line-height: 1.2em;
    right: 7px
}

.pickupbranchdefaulthours {
    margin-left: 40px
}

#searchPickupModal, #pickupmodalselectedbranch {
    display: inline-block
}

#infowindowTable {
    min-width: 365px
}

.no-padding {
    padding: 0
}

.backdropHeader {
    z-index: 10 !important
}

#pickupModal {
    background-color: #EEE;
    display: none;
    width: 860px;
    z-index: 100000;
    top: 5%;
    margin-top: 0;
    margin-left: -430px;
    left: 50%
}

#pickupModal .modal-header {
    padding: 15px;
    display: block
}

#pickupModal .pickUpModalContent {
    margin-bottom: 10px
}

#pickupModal .nav-tabs > li:first-child {
    margin-left: 15px
}

#pickupModal .selectedBranchHourLabel {
    margin-right: 3px;
    display: inline-block
}

#pickupModal .pickupbranchdefaulthours {
    margin-left: 0;
    display: inline-block
}

#pickupModal .pickUpBranchClosed {
    display: block;
    margin-left: 40px
}

#pickupModal #findChangeBranchModal {
    height: 39px;
    width: 300px;
    border: 1px solid #ccc
}

#pickupModal #findChangeBranchModal:focus {
    border: 2px solid #00739e;
    outline: none
}

#pickupModal .pickupMessageWrap {
    float: left;
    width: 500px
}

#pickupModal .pickupMessageModal {
    display: inline-block;
    margin-bottom: 5px
}

#pickupModal #pick-up-locations-header {
    margin-bottom: 2px;
    margin-top: 0;
    margin-left: 20px;
    font-weight: bold
}

#pickupModal #pickupModalSearchRadius {
    margin-bottom: 0;
    height: 39px;
    width: 80px;
    border: 1px solid #ccc;
    margin-top: 5px
}

#pickupModal #go_button_modal {
    vertical-align: top;
    margin-top: 5px;
    height: 39px;
    width: 60px;
    padding: 0;
    display: inline-block;
    zoom: 1;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border: none;
    *border: 0;
    background-color: #151b1e;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

#pickupModal .alert {
    padding: 0;
    display: inline-block
}

#pickupModal .pickupmodalselectedbranch .title {
    margin-bottom: 10px
}

#pickupModal .pickupMessageModal, #pickupModal #findChangeBranchModal {
    margin-left: 15px;
    margin-top: 5px
}

#pickupModal .modalTableCart {
    line-height: 20px
}

#pickupModal .td-half-width {
    width: 50%;
    height: 110px;
    border-right: none !important;
    vertical-align: top !important;
    padding: 10px
}

#pickupModal .td-half-width2 {
    width: 40%;
    height: 100px;
    vertical-align: top !important;
    padding-top: 10px !important
}

#pickupModal .td-half-width3 {
    width: 60%;
    height: 100px;
    border-right: none !important;
    padding: 0 10px 0 10px
}

#pickupModal .tr-background {
    background-color: #FFF;
    height: 100px
}

#pickupModal table .btn {
    float: right;
    width: 175px;
    margin-bottom: 1px;
    font-weight: 500
}

#pickupModal table, #pickupModal #currentdefaultbtn table {
    margin-bottom: 10px !important
}

#pickupModal table tr {
    border-width: 0 !important
}

#pickupModal hr {
    margin-top: 5px
}

#pickupModal #tab_piu {
    height: 280px;
    width: 98%;
    margin: auto;
    overflow-y: auto
}

#pickupModal #tab_oh_vlom {
    padding: 1%;
    height: 230px;
    overflow-y: auto
}

#pickupModal #pickupTabContentFooter {
    width: 98%
}

#pickupModal .ie-icon {
    display: none
}

#pickupModal .nav-tabs {
    margin: 10px 0 0 0;
    border-bottom: 1px solid #333
}

#pickupModal .nav-tabs li {
    min-width: 196px;
    height: 40px
}

#pickupModal .nav-tabs li a {
    height: 40px;
    text-align: center;
    color: #333;
    border-bottom: 1px solid #333;
    border-top: 3px solid #eee;
    border-right: 1px solid #eee
}

#pickupModal .nav-tabs li a:hover, #pickupModal .nav-tabs li a:focus {
    color: #000;
    text-decoration: none;
    background-color: #ccc
}

#pickupModal .nav-tabs li.active a, #pickupModal .nav-tabs li.active a:hover, #pickupModal .nav-tabs li.active a:focus {
    color: #333;
    cursor: default;
    background-color: #eee;
    border: 1px solid #333;
    border-top: 3px solid #333;
    border-bottom: 1px solid #eee;
    padding: 6px 11px 4px 11px
}

#pickupModal .nav-tabs li:first-child {
    width: 100px
}

#pickupModal .branchHoursTable td {
    border-right: none !important;
    vertical-align: top
}

#pickupModal .branchHoursTable td:first-child {
    padding-left: 7px !important;
    vertical-align: top;
    padding-top: 0
}

#pickupModal .branchHoursLabel {
    cursor: pointer !important;
    color: #145579
}

#pickupModal .branchHoursLabel:hover {
    text-decoration: underline
}

#pickupModal #pickupMapContainer {
    height: 100%;
    margin: 0;
    padding: 0
}

#pickupModal #pickupMap {
    height: 100%;
    width: 100%;
    display: block;
    flex-direction: column;
    visibility: visible
}

#pickupModal #pickupMap table .btn {
    top: 20%
}

#pickupModal .pickupMessage {
    font-size: 10px !important
}

#pickupModal #pickup-container {
    position: relative;
    left: -20px;
    border-left: 1px solid #ccc;
    padding-left: 20px
}

#pickupModal .bstab-content {
    background: none
}

#pickupModal table .btn {
    position: relative;
    top: 6%;
    right: 2%;
    width: 180px;
    white-space: normal;
    padding: 9px
}

#pickupModal .pickupaddressresults {
    font-size: 12px
}

#pickupModal .getDirectionsLink {
    font-size: 12px
}

#pickupModal .travelDistance {
    font-size: 12px
}

#pickupModal .branchHoursLabel {
    font-size: 12px;
    font-weight: 700
}

#pickupModal .pickupaddressdisplayname {
    font-size: 12px
}

#pickupModal .pickupaddressdisplayname h2 {
    font-size: 12px;
    color: #00739e;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    display: inline-block;
    margin: 0
}

#pickupModal #pickupModalSearchNoResultsContainer {
    margin-left: 10px;
    height: 310px
}

#pickupModal #pickupModalSearchNoResults {
    font-weight: 100;
    padding-bottom: 20px
}

#pickupModal #pickupSearchNoResults {
    font-weight: 100
}

#pickupModal #pickupModalResultsContainer {
    height: 100%;
    overflow: hidden
}

#pickupModal #currentdefaultbtn {
    font-size: 13px
}

#pickupModal .branchHoursTable .tblBranchTimings td:first-child {
    padding-left: 0 !important
}

#pickupModal #pickupModalShowNearByResults {
    font-weight: 100;
    padding-bottom: 20px
}

.lt-ie8 #pickupModal #findChangeBranchModal, .lt-ie8 #pickupModal #pickupModalSearchRadius {
    height: auto
}

.lt-ie8 #pickupModal table .btn {
    position: static
}

.lt-ie8 #pickupModal .ie-icon {
    display: inline
}

.branchHoursTable {
    font-size: 12px
}

.pickupaddressbranchhourstext {
    font-size: 12px
}

.delivery-avail-container #cartItemsTbody td {
    vertical-align: inherit
}

.delivery-avail-container #cartItemsTbody td #checkAvailabilityForm {
    border-right: 1px solid #ccc
}

.close-modal-icon, .atc-close-modal-icon {
    width: 17px;
    height: 20px;
    margin: auto;
    cursor: pointer;
    font-size: 17px;
    position: relative;
    float: right;
    padding-top: 2px;
    color: #29333b
}

.close-modal-icon:hover, .atc-close-modal-icon:hover {
    text-decoration: none
}

.close-modal-icon:before, .atc-close-modal-icon:before {
    font-family: graingerFont;
    content: "\e903";
    font-weight: 400
}

div.close-modal-icon:focus, .atc-close-modal-icon:focus {
    outline: 1px solid #00739e !important
}

.atcCloseIconBtn.cancel {
    display: inline
}

#newPaymetricsFrame {
    width: 100%;
    height: 215px
}

#newCreditCardModal #newPaymetricsFrame {
    width: 100%;
    height: 205px
}

#newCreditCardModal {
    max-width: 720px;
    position: fixed;
    top: 2%;
    height: 90%;
    max-height: 90%;
    overflow-y: auto !important;
    background-color: #e5e5e5
}

#newCreditCardModal label {
    font-weight: 300;
    display: inline-block
}

#newCreditCardModal h2.left {
    margin: 10px
}

#newCreditCardModal #creditCardInformationTable, #newCreditCardModal #billingAddressTable {
    width: 100%;
    margin: 0 auto
}

#newCreditCardModal #creditCardInformationTable tbody, #newCreditCardModal #billingAddressTable tbody {
    display: block;
    margin: 0 20px
}

#newCreditCardModal #creditCardInformationTable tr, #newCreditCardModal #billingAddressTable tr {
    border: 0;
    width: 100%;
    display: table
}

#newCreditCardModal #creditCardInformationTable td, #newCreditCardModal #billingAddressTable td {
    padding: 0
}

#newCreditCardModal #creditCardInformationTable select, #newCreditCardModal #billingAddressTable select, #newCreditCardModal #creditCardInformationTable input[type='text'], #newCreditCardModal #billingAddressTable input[type='text'], #newCreditCardModal #creditCardInformationTable .styledSelect, #newCreditCardModal #billingAddressTable .styledSelect {
    width: 100%
}

#newCreditCardModal #creditCardInformationTable select, #newCreditCardModal #billingAddressTable select, #newCreditCardModal #creditCardInformationTable input[type='text'], #newCreditCardModal #billingAddressTable input[type='text'] {
    padding: 5px 15px;
    height: 36px
}

#newCreditCardModal #creditCardInformationTable .styledSelect {
    width: auto
}

#newCreditCardModal #creditCardInformationTable .credit-card-expiration {
    width: 70px !important
}

#newCreditCardModal #creditCardInformationTable .gcPaymentInfoLoggenInContainer .loggedInPaymentCardContainer {
    margin-right: 0
}

#newCreditCardModal #creditCardInformationTable select, #newCreditCardModal #creditCardInformationTable input[type='text'] {
    width: 100%;
    height: 30px
}

#newCreditCardModal .dateInput {
    width: 50px !important
}

#newCreditCardModal #cardholder {
    width: 94% !important;
    height: 30px
}

#newCreditCardModal #cardholderDiv {
    padding-left: 20px;
    padding-top: 5px
}

#newCreditCardModal #cardholderDiv input[type="checkbox"] {
    top: 1px;
    position: relative
}

#newCreditCardModal #cardholderDiv label {
    display: inline
}

#newCreditCardModal .tdLabel {
    width: 20%;
    text-align: left;
    padding: 0 10px 0 3px !important
}

#newCreditCardModal .buttons {
    float: right;
    padding: 20px 20px 25px 0
}

#newCreditCardModal .tdControls {
    border-left: 1px solid #ccc;
    padding-left: 20px !important
}

#newCreditCardModal .tdControls .input {
    border-radius: 2px
}

#newCreditCardModal .tdControls input[aria-invalid='true'] {
    border: 2px solid #ad3333
}

#newCreditCardModal #nccContainer {
    height: 90%
}

#newCreditCardModal #securityCode {
    width: 20% !important
}

#newCreditCardModal #paymetricsFrame {
    display: none
}

#newCreditCardModal #general-error-message {
    padding: 10px
}

#newCreditCardModal .spacing-error-messages {
    padding-bottom: 10px !important
}

#newCreditCardModal #cardholderMsg {
    padding-top: 6px;
    padding-bottom: 10px
}

#newCreditCardModal #yearCCMsg, #newCreditCardModal #yearCCMsg2 {
    position: relative;
    display: inline-block;
    left: 10px
}

#newCreditCardModal #td-month-error-messages {
    width: auto
}

#newCreditCardModal #table-month-year-errors {
    margin: 0
}

#newCreditCardModal #yearErrorDiv {
    max-width: 180px;
    position: relative;
    right: 308px
}

#newCreditCardModal .credit-card-expiration {
    width: 70px !important
}

#newCreditCardModal #paymetricsValidationErrors-1.error, #newCreditCardModal #paymetricsValidationErrors-2.error, #newCreditCardModal #paymetricsValidationErrors-3.error {
    padding: 10px 18px 10px
}

#deleteCreditCardModal {
    width: 500px
}

#deleteCreditCardModal .buttons {
    float: right;
    margin: 20px
}

#deleteCreditCardModal .container {
    padding-left: 30px;
    padding-top: 30px;
    background-color: #eaeaea
}

#ConfirmationNewCreditCardModal {
    width: 500px
}

#ConfirmationNewCreditCardModal .container {
    padding-left: 30px;
    padding-top: 30px;
    max-width: 100%;
    background-color: #eaeaea
}

#ConfirmationNewCreditCardModal #btnOKConf {
    position: relative;
    float: right;
    right: 5%;
    margin: 10px
}

#ConfirmationUpdatedNewCreditCardModal {
    width: 500px
}

#ConfirmationUpdatedNewCreditCardModal .container {
    padding-left: 30px;
    padding-top: 30px;
    max-width: 100%;
    background-color: #eaeaea
}

#ConfirmationUpdatedNewCreditCardModal #btnOKCUpdate {
    position: relative;
    float: right;
    right: 5%;
    margin: 10px
}

.confirmationNewCreditCardModalMsg, .confirmationUpdatedNewCreditCardModalMsg {
    font-size: 13px;
    font-weight: 700;
    color: #666;
    padding-bottom: 5px
}

.confirmationNewCreditCardModalNote, .confirmationUpdatedNewCreditCardModalMsgNote {
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    color: #f26823
}

#orderSummaryDisclaimer .disclaimer-checkout-header {
    border-bottom: 1px solid #ccc
}

#orderSummaryDisclaimer .disclaimer-checkout-header h2 {
    text-transform: capitalize
}

#ErrorInvoiceModal {
    width: 500px
}

#ErrorInvoiceModal #container {
    padding-left: 30px;
    padding-top: 30px;
    background-color: #eaeaea
}

#ErrorInvoiceModal #btnClose {
    position: relative;
    float: right;
    right: 5%;
    margin: 10px
}

#eproProductAvailabilityModal {
    position: absolute;
    width: 200px;
    height: 154px
}

#eproProductAvailabilityModal #newPostalCode {
    width: 90%;
    margin-left: 10px
}

#eproProductAvailabilityModal .error {
    padding-left: 10px
}

#eproProductAvailabilityModal span {
    position: relative;
    top: 10px;
    left: 10px
}

#eproProductAvailabilityModal #close-modal-icon-availability {
    width: 10% !important;
    border-bottom: 1px solid #eee;
    padding: 8px 3px 5px 0;
    height: 32px
}

#eproProductAvailabilityModal .productAvlblHeader {
    padding: 8px 0 5px 10px;
    width: 90%;
    border-bottom: 1px solid #eee;
    display: inline-block;
    height: 32px
}

#eproProductAvailabilityModal #newPostalCode {
    margin-top: 15px
}

#eproProductAvailabilityModal .eproAvailActions {
    height: 50px;
    margin-top: 5px;
    background: #eee;
    text-align: right
}

#eproProductAvailabilityModal .eproAvailActions span {
    position: relative;
    left: 0
}

#eproProductAvailabilityModal .eproAvailActions #applyNewPostalCode {
    margin-right: 8px
}

.lt-ie8 .pickupmodalselectedbranch {
    width: 300px
}

#changeShippingAddressModal {
    top: 3%
}

#changeShippingAddressModal .ie-icon {
    display: none
}

#changeShippingAddressModal .scroll {
    height: 400px;
    overflow-y: auto
}

#changeShippingAddressModal #shippingAddressWrap {
    max-height: 300px;
    overflow-y: auto
}

#shippingAddressWrap span.block.bold {
    display: inline-block !important
}

#shippingAddressWrap span.editShippingLocation {
    margin-left: 15px
}

.modal-backdrop:nth-child(2n-1) {
    opacity: .3
}

.page-accountMgmt-accountSettings #saveChangesConfirmation .modal-content {
    overflow: hidden;
    padding: 12px 20px;
    max-height: 40px !important
}

#print-modal-cart.modal-print .modal-header img {
    width: 165px;
    height: auto
}

.maxQuantityExceedRowBorder {
    border-top: none !important
}

.maxQuantityExceedRowPadding {
    padding-bottom: 0 !important
}

.maxQuantityAlertMsg {
    margin-left: 5px !important
}

.custom-backdrop {
    background-color: #000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 0;
    -moz-opacity: .3;
    -khtml-opacity: .3;
    -webkit-opacity: .3;
    opacity: .3
}

#print-modal-cart #cart-rightcontent > h2 {
    display: none
}

#print-modal-cart .additionalInfoContainer {
    display: none
}

#print-modal-cart .checkout-btn-area {
    display: none
}

#print-modal-cart #cartRightRail {
    float: right;
    width: auto
}

@media print, screen and (min-width: 1025px) {
    #pickupModal div#tab_oh_vlom {
        height: 300px
    }

    .hiddenPrdRestrictedStatesTooltipDesktop {
        display: none
    }

    .entry-form-modal.list-add-products-modal {
        top: 4%;
        position: fixed;
        height: auto;
        max-height: 580px;
        overflow-y: auto
    }
}

#postalCodeModal .modal-header {
    padding: 15px
}

#postalCodeModal .ie-icon {
    display: none
}

#postalCodeModal .postalCodeContent {
    padding: 15px
}

#postalCodeModal .postalCodeContent .signInInfoMsg {
    margin-bottom: 18px
}

#postalCodeModal .postalCodeContainer {
    display: flex;
    background-color: #eee
}

#postalCodeModal .postalCodeContainer p:empty {
    display: none
}

#postalCodeModal .postalCodeContainer .signInDiv {
    width: 17%;
    min-width: 116px;
    margin: auto 0;
    padding: 10px;
    display: inline-block
}

#postalCodeModal .postalCodeContainer .separator {
    margin: 10px 10px 10px 0;
    border: 1px solid #ccc
}

#postalCodeModal .postalCodeContainer .title1 {
    display: none
}

#postalCodeModal .postalCodeContainer .deliveryMethodDiv {
    width: 81%;
    display: inline-block
}

#postalCodeModal .postalCodeContainer .deliveryMethodDiv .delivery-avail-container {
    font-size: 12px;
    background-color: #eee;
    padding: 10px
}

#postalCodeModal .postalCodeContainer .deliveryMethodDiv .delivery-avail-container > div {
    display: inline-block;
    vertical-align: top;
    border-left: 1px solid #CCC;
    padding: 0 10px
}

#postalCodeModal .postalCodeContainer .deliveryMethodDiv .delivery-avail-container .title {
    font-size: 14px;
    font-weight: bold
}

#postalCodeModal .postalCodeContainer .deliveryMethodDiv .delivery-avail-container .postal-code-delivery-container label {
    cursor: pointer;
    width: 79%;
    margin-bottom: 10px
}

#postalCodeModal .postalCodeContainer #defaultBranchDiv {
    width: 74%;
    padding: 0 0 0 15px
}

#postalCodeModal .postalCodeContainer #defaultBranchDiv #findChangeBranch {
    width: 79%;
    margin-right: 10px
}

#postalCodeModal .postalCodeContainer #defaultBranchDiv .cart-branch-info-container {
    display: none
}

#postalCodeModal .postalCodeContainer .checkAvailability {
    width: 25%;
    display: inline-block
}

#postalCodeModal .postalCodeContainer .postalCodeAvailbilityContainer {
    width: 74%
}

#postalCodeModal .postalCodeContainer .postalCodeAvailbilityContainer #shippingSettingsContainer .description {
    padding-top: 0;
    margin-bottom: 0 !important
}

#postalCodeModal .postalCodeContainer .postalCodeAvailbilityContainer #shippingSettingsContainer > div {
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.language-fr #postalCodeModal .postalCodeContainer .signInDiv {
    width: 19%
}

.language-fr #postalCodeModal .postalCodeContainer #defaultBranchDiv #findChangeBranch {
    width: 77%
}

@media only screen and (max-width: 767px) {
    div[id^="deletelistmodal"] {
        margin-left: 0 !important;
        left: 20 !important;
        width: 90%
    }
}

.productName.lineClamp3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.hiddenTitleTooltip {
    display: none
}

.prdTitleTooltipText {
    position: absolute;
    top: 20px;
    background: #fff;
    padding: 4px;
    z-index: 1;
    border: 1px solid #666
}

.productName.lineClamp5, .autoSearchPrdName.lineClamp5 {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.fixedHeaderBody #deletePaymentModalBackdrop {
    background-color: #000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 19;
    -moz-opacity: .3;
    -khtml-opacity: .3;
    -webkit-opacity: .3;
    opacity: .3;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
    filter: alpha(opacity=30)
}

[data-toggle=tooltip] {
    display: inline-block
}

[data-toggle=tooltip]:after {
    font-family: graingerFont;
    content: "\e624";
    font-weight: 400;
    font-size: 13px;
    color: #666
}

[data-toggle=tooltip]:hover {
    text-decoration: none
}

.lt-ie8 [data-toggle=tooltip] {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -1350px;
    background-position-x: 98%
}

.lt-ie8 [data-toggle=tooltip] {
    min-height: 20px;
    padding-right: 20px;
    display: inline-block
}

#cartPageDeliveryCost [data-toggle=tooltip]:after {
    margin: 0
}

.tooltip {
    position: absolute;
    z-index: 99999;
    display: block;
    font-weight: normal;
    font-size: 11px;
    line-height: 18px;
    visibility: visible;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.275);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.275);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.275)
}

.tooltip .tooltip-inner {
    border: 1px solid #ccc;
    border-top: 3px solid #333;
    margin-top: 1px;
    background: #FFF;
    padding: 18px 11px;
    max-width: 350px;
    color: #666
}

.tooltip .tooltip-inner p {
    margin-bottom: 0
}

.tooltip .tooltip-arrow {
    position: absolute;
    top: 50%;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip .tooltip-arrow:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    position: absolute
}

.tooltip.right {
    margin-left: 8px
}

.tooltip.right .tooltip-arrow {
    left: -9px;
    margin-top: -11px;
    border-right-color: #ccc;
    border-width: 10px 10px 10px 0
}

.tooltip.right .tooltip-arrow:after {
    border-right-color: #fff;
    border-width: 9px 9px 9px 0;
    top: -9px;
    right: -10px
}

.tooltip.left {
    margin-left: -8px
}

.tooltip.left .tooltip-arrow {
    right: -9px;
    margin-top: -11px;
    border-left-color: #ccc;
    border-width: 10px 0 10px 10px
}

.tooltip.left .tooltip-arrow:after {
    border-left-color: #fff;
    border-width: 9px 0 9px 9px;
    top: -9px;
    right: 1px
}

.tooltip.top {
    margin-top: -8px
}

.tooltip.top .tooltip-arrow {
    margin-top: -9px;
    border-top-color: #ccc;
    border-width: 10px 10px 0 10px;
    top: auto;
    bottom: -9px;
    left: 50%;
    margin-left: -6px
}

.tooltip.top .tooltip-arrow:after {
    border-top-color: #fff;
    border-width: 9px 9px 0 9px;
    top: -10px;
    right: -9px
}

.tooltip.bottom {
    margin-top: 0
}

.tooltip.bottom .tooltip-arrow {
    left: 50%;
    margin-left: -6px;
    border-bottom-color: #ccc;
    border-width: 0 10px 10px 10px;
    top: -6px
}

.tooltip.bottom .tooltip-arrow:after {
    border-bottom-color: #fff;
    border-width: 0 9px 9px 9px;
    top: 1px;
    right: -9px
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    max-width: 276px;
    padding: 1px;
    text-align: left;
    white-space: normal;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}

.popover.top {
    margin-top: -10px
}

.popover.right {
    margin-left: 10px
}

.popover.bottom {
    margin-top: 10px
}

.popover.left {
    margin-left: -10px
}

.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-weight: normal;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0
}

.popover-title:empty {
    display: none
}

.popover-content {
    padding: 9px 14px
}

.popover .arrow, .popover .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover .arrow {
    border-width: 11px
}

.popover .arrow:after {
    border-width: 10px;
    content: ""
}

.popover.top .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, 0.25);
    border-bottom-width: 0
}

.popover.top .arrow:after {
    bottom: 1px;
    margin-left: -10px;
    border-top-color: #fff;
    border-bottom-width: 0
}

.popover.right .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, 0.25);
    border-left-width: 0
}

.popover.right .arrow:after {
    bottom: -10px;
    left: 1px;
    border-right-color: #fff;
    border-left-width: 0
}

.popover.bottom .arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, 0.25);
    border-top-width: 0
}

.popover.bottom .arrow:after {
    top: 1px;
    margin-left: -10px;
    border-bottom-color: #fff;
    border-top-width: 0
}

.popover.left .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, 0.25);
    border-right-width: 0
}

.popover.left .arrow:after {
    right: 1px;
    bottom: -10px;
    border-left-color: #fff;
    border-right-width: 0
}

.dropdown {
    position: relative;
    min-height: 18px
}

.dropdown:after, .dropdown:before {
    content: " ";
    display: table
}

.dropdown:after {
    clear: both
}

.lt-ie8 .dropdown {
    clear: both;
    zoom: 1
}

.dropdown .dropdown-toggle {
    padding: 8px 11px 5px 11px;
    position: relative
}

.dropdown .dropdown-toggle:after {
    font-family: graingerFont;
    content: "";
    font-weight: 400;
    font-weight: normal;
    margin: 0 0 0 4px;
    color: #333
}

.dropdown .dropdown-toggle:hover {
    text-decoration: none
}

.lt-ie8 .dropdown .dropdown-toggle {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -3858px;
    background-position-x: 100%
}

.lt-ie8 .dropdown .dropdown-toggle {
    padding-right: 20px
}

.dropdown .dropdown-menu-right {
    left: auto;
    right: 0
}

.dropdown.open .dropdown-toggle {
    background: #FFF;
    padding: 5px 10px;
    border-top: 3px solid #333;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #FFF;
    z-index: 2
}

.dropdown.open .dropdown-toggle:after {
    font-family: graingerFont;
    content: "\e603";
    font-weight: 400
}

.lt-ie8 .dropdown.open .dropdown-toggle {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -4490px;
    background-position-x: 96%
}

.lt-ie8 .dropdown.open .dropdown-toggle {
    padding-right: 28px
}

.dropdown.open .dropdown-menu {
    display: block;
    z-index: 1;
    margin-top: -1px
}

.dropdown-menu {
    background-color: #fff;
    background-clip: padding-box;
    position: absolute;
    text-align: left;
    top: 100%;
    left: 0;
    z-index: 10;
    display: none;
    float: left;
    min-width: 180px;
    list-style: none;
    margin-top: 1px;
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.175);
    -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.175);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.175);
    border: 1px solid #ccc
}

.lt-ie8 .dropdown-menu {
    background-color: #fff
}

.dropdown-menu > * {
    padding: 10px
}

.dropdown-menu .dropdown-header {
    background: #EEE
}

.dropdown-menu .dropdown-header #showCopyPasteLabelText, .dropdown-menu .dropdown-header #showSeparateLabelText {
    margin: 4px 0;
    padding: 0;
    line-height: 13px;
    font-weight: bold;
    font-size: 14px
}

.dropdown-menu .tab-content {
    padding: 10px;
    border-bottom: none
}

.dropdown-menu .tab-footer {
    background: #eaeaea;
    border-top: 1px solid #ccc;
    padding: 10px;
    text-align: right
}

.dropdown-menu .tab-footer:after, .dropdown-menu .tab-footer:before {
    content: " ";
    display: table
}

.dropdown-menu .tab-footer:after {
    clear: both
}

.lt-ie8 .dropdown-menu .tab-footer {
    clear: both;
    zoom: 1
}

.dropdown-menu .tab-footer .cancel {
    font-weight: bold;
    margin: 11px 9px 0 0;
    display: inline-block
}

.dropdown-menu .tab-footer > * {
    display: inline-block
}

.dropdown-menu.typeahead {
    font-size: 11px;
    max-height: 350px;
    padding: 0;
    overflow-y: auto;
    overflow-x: visible
}

.dropdown-menu.typeahead > li.active > a > span {
    background-color: #f2f2f2
}

.dropdown-menu.typeahead > li {
    padding: 0 10px;
    cursor: pointer
}

.dropdown-menu.typeahead > li > a > span {
    display: block;
    padding: 5px
}

.dropdown-menu.typeahead > li > a > span:hover, .dropdown-menu.typeahead > li > a > span:focus {
    text-decoration: none;
    background-color: #f2f2f2
}

.dropdown-menu.typeahead > li:hover {
    background-color: transparent;
    cursor: cursor
}

.dropdown-menu.typeahead > li.ui-state-focus {
    background-color: #f2f2f2
}

.dropdown-menu.typeahead > li.first {
    padding-left: 14px
}

.dropdown-menu.typeahead > li.first:hover {
    background-color: #f2f2f2
}

.dropdown-menu.typeahead > li.first.ui-state-focus {
    background-color: transparent;
    cursor: default
}

ul:after, ul:before {
    content: " ";
    display: table
}

ul:after {
    clear: both
}

.lt-ie8 ul {
    clear: both;
    zoom: 1
}

ul li .dropdown {
    float: left;
    line-height: 11px
}

ul li .dropdown .dropdown-toggle {
    margin-left: -11px
}

ul li .dropdown .dropdown-menu {
    left: -11px
}

ul li .dropdown .dropdown-menu.dropdown-menu-right {
    left: auto;
    right: 0
}

.lt-ie9 #techSpecsFilter .filter .filterDropdown .filterOptions {
    z-index: 3
}

.lt-ie9 #techSpecsFilter .filter .filterDropdown .selectedFilters .icon {
    font-family: graingerFont;
    content: "";
    font-weight: 400;
    width: 22px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    font-weight: normal;
    margin: 0 0 0 4px;
    color: #333;
    font-size: 15px;
    text-align: center;
    padding-top: 4px;
    border-left: 1px solid #ccc
}

.custom-combobox {
    width: 100%
}

.custom-combobox a {
    display: block
}

.custom-combobox .custom-combobox-input {
    background: none;
    padding: 5px
}

.custom-combobox .checkbox {
    margin-top: 5px
}

.custom-combobox .checkbox label, .custom-combobox .checkbox input {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1
}

.custom-combobox .ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-left: 1px
}

.ui-autocomplete {
    width: 225px;
    border: 1px solid #ccc
}

.ui-autocomplete.ui-corner-all {
    border-radius: 0
}

.ui-autocomplete .ui-menu-item {
    display: block;
    font-size: 12px
}

.ui-autocomplete .ui-menu-item a {
    display: block;
    text-decoration: none;
    padding: 9px 7px;
    color: #00739e
}

.ui-autocomplete .ui-state-focus, .ui-autocomplete.ui-widget-content .ui-state-focus {
    background: #f2f2f2;
    border: none;
    cursor: pointer;
    border-radius: 0
}

.ui-menu-item {
    color: #145579;
    font-size: 12px;
    font-weight: 700;
    padding: 3px 5px;
    line-height: 30px
}

.category em {
    margin-right: 10px;
    color: #777;
    padding: 6px 6px;
    background-color: #FFF;
    font-weight: normal
}

.category {
    display: block;
    margin-right: 15px;
    margin-left: -10px;
    background: linear-gradient(to bottom, #fff 47%, #b4b4b4 50%, #fff 52%) repeat scroll 0 0 transparent
}

.smalldropDown:hover {
    width: 100%
}

.smalldropDown > ul {
    width: 100% !important
}

.smalldropDown ul:first-child {
    border-right: 0 !important
}

.lt-ie8 .smalldropDown:hover {
    width: 100%
}

.lt-ie8 .smalldropDown > ul {
    width: 100% !important
}

.lt-ie8 .twoColDropDown:hover {
    width: 503px
}

.lt-ie8 .twoColDropDown > ul {
    width: 50% !important
}

.lt-ie8 .twoColDropDown ul:first-child {
    border-right: none !important
}

.twoColDropDown:hover {
    width: 503px
}

.twoColDropDown > ul {
    width: 50% !important
}

.twoColDropDown ul:first-child {
    border-right: none !important
}

#eheader #navSearchContainer .allProducts .twoColDropDown {
    border-right: none !important
}

#eheader #navSearchContainer .allProducts .dropdown-menu > ul:last-child {
    border-right: none !important
}

.styledSelect select, .styledSelect select, .styledSelect selectedFilters, .styledSelect selectedFilters {
    border: 1px solid #595959;
    border-radius: 2px
}

.styledSelect:after, .styledSelect:after {
    border: 1px solid #595959
}

.nav-tabs {
    margin: 20px 0 0 0;
    list-style: none;
    border-bottom: 1px solid #ccc
}

.nav-tabs:after, .nav-tabs:before {
    content: " ";
    display: table
}

.nav-tabs:after {
    clear: both
}

.lt-ie8 .nav-tabs {
    clear: both;
    zoom: 1
}

.nav-tabs > li {
    float: left;
    margin-bottom: -1px
}

.nav-tabs > li > a {
    background-color: #eee;
    display: block;
    font-weight: 500;
    line-height: 20px;
    padding: 6px 11px 4px 12px;
    border-bottom: 1px solid #ccc;
    border-top: 3px solid #FFF;
    border-right: 1px solid #FFF
}

.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
    text-decoration: none;
    background-color: #ccc
}

.nav-tabs > li.active a, .nav-tabs > li.active a:hover, .nav-tabs > li.active a:focus {
    color: #333;
    cursor: default;
    background-color: #FFF;
    border: 1px solid #ccc;
    border-top: 3px solid #333;
    border-bottom: 1px solid #FFF;
    padding: 6px 11px 4px 11px
}

.nav-tabs > li:first-child {
    margin-left: 10px
}

.tab-content {
    padding: 20px 0;
    border-bottom: 1px solid #CCC;
    clear: both
}

.tab-content:after, .tab-content:before {
    content: " ";
    display: table
}

.tab-content:after {
    clear: both
}

.lt-ie8 .tab-content {
    clear: both;
    zoom: 1
}

.tab-content .tab-pane {
    display: none
}

.tab-content .tab-pane.active {
    display: block
}

.productIcons {
    background: url("../../images/sprites/sprite_productIcons.png") no-repeat scroll 0 0;
    display: block;
    float: left;
    margin: 0 3px
}

.label_01_new {
    background-position: 0 0;
    height: 23px;
    width: 23px
}

.label_02_msds {
    background-position: 0 -2032px;
    height: 23px;
    width: 22px
}

.label_03_saleitem {
    background-position: 0 -96px;
    height: 23px;
    width: 23px
}

.label_04_clearance {
    background-position: 0 -144px;
    height: 23px;
    width: 23px
}

.label_05_green {
    background-position: 0 -193px;
    height: 23px;
    width: 23px
}

.label_06_certconform {
    background-position: 0 -240px;
    height: 23px;
    width: 23px
}

.label_07_licenserequired {
    background-position: 0 -288px;
    height: 23px;
    width: 23px
}

.label_08_hazmat {
    background-position: 0 -2108px;
    height: 21px;
    width: 21px
}

.label_09_restrictedscale {
    background-position: 0 -384px;
    height: 23px;
    width: 23px
}

.label_10_prop65 {
    background-position: 0 -432px;
    height: 23px;
    width: 23px
}

.label_11_supplierdiversity {
    background-position: 0 -480px;
    height: 23px;
    width: 23px
}

.label_12_customcatalog {
    background-position: 0 -528px;
    height: 23px;
    width: 23px
}

.label_13_custompricing {
    background-position: 0 -576px;
    height: 23px;
    width: 23px
}

.csp_icon {
    display: inline-block;
    float: none;
    line-height: 23px;
    vertical-align: sub
}

.label_13_custompricing.productIcons {
    background: white
}

.label_13_custompricing.productIcons:before {
    font-family: graingerFont;
    content: "\e904";
    font-weight: 400;
    font-size: 25px;
    color: purple
}

.label_14_arra {
    background-position: 0 -624px;
    height: 23px;
    width: 23px
}

.label_15_CAepro {
    background-position: 0 -672px;
    height: 23px;
    width: 23px
}

.label_16_emergencyprep {
    background-position: 0 -720px;
    height: 23px;
    width: 23px
}

.label_17_energyconservation {
    background-position: 0 -768px;
    height: 23px;
    width: 23px
}

.label_18_greencleaning {
    background-position: 0 -816px;
    height: 23px;
    width: 23px
}

.label_19_GSA {
    background-position: 0 -864px;
    height: 23px;
    width: 23px
}

.label_20_productivity {
    background-position: 0 -912px;
    height: 23px;
    width: 23px
}

.label_21_rebate {
    background-position: 0 -960px;
    height: 23px;
    width: 23px
}

.label_22_recycled {
    background-position: 0 -1008px;
    height: 23px;
    width: 23px
}

.label_23_safety {
    background-position: 0 -1056px;
    height: 23px;
    width: 23px
}

.label_24_wastereduction {
    background-position: 0 -1104px;
    height: 23px;
    width: 23px
}

.label_25_waterconserv {
    background-position: 0 -1152px;
    height: 23px;
    width: 23px
}

.label_26_alert {
    background-position: 0 -1200px;
    height: 23px;
    width: 23px
}

.label_27_error {
    background-position: 0 -1248px;
    height: 23px;
    width: 23px
}

.label_28_good {
    background-position: 0 -1296px;
    height: 23px;
    width: 23px
}

.label_29_infotip {
    background-position: 0 -1344px;
    height: 23px;
    width: 23px
}

.label_30_secure {
    background-position: 0 -1392px;
    height: 23px;
    width: 23px
}

.label_35_energyguide {
    background-position: 0 -1723px;
    height: 23px;
    width: 23px
}

.label_36_lightingfacts {
    background-position: 0 -1669px;
    height: 23px;
    width: 23px
}

.label_37_circlee {
    background-position: 0 -1616px;
    height: 23px;
    width: 23px
}

.label_38_non_gsa {
    background-position: 0 -1771px;
    height: 23px;
    width: 23px
}

.label_39_non_taa {
    background-position: 0 -1879px;
    height: 23px;
    width: 23px
}

.label_40_jwod {
    background-position: 0 -1826px;
    height: 23px;
    width: 23px
}

.label_41_mpppricing {
    background-position: 0 -1982px;
    height: 23px;
    width: 23px
}

.label_44_special_order {
    background-position: 0 -2078px;
    height: 23px;
    width: 23px
}

#header-breadcrumb-container:after, .parentProduct .productBreadcrumb:after, #productPage:after, #header-breadcrumb-container:before, .parentProduct .productBreadcrumb:before, #productPage:before {
    content: " ";
    display: table
}

#header-breadcrumb-container:after, .parentProduct .productBreadcrumb:after, #productPage:after {
    clear: both
}

.lt-ie8 #header-breadcrumb-container, .lt-ie8 .parentProduct .productBreadcrumb, .lt-ie8 #productPage {
    clear: both;
    zoom: 1
}

#header-breadcrumb-container #breadcrumbs, .parentProduct .productBreadcrumb #breadcrumbs, #productPage #breadcrumbs, #header-breadcrumb-container .productBreadcrumb, .parentProduct .productBreadcrumb .productBreadcrumb, #productPage .productBreadcrumb {
    font-weight: normal;
    float: left;
    font-size: 12px;
    max-width: 1000px
}

#header-breadcrumb-container .breadcrumb, .parentProduct .productBreadcrumb .breadcrumb, #productPage .breadcrumb {
    font-size: 14px
}

#header-breadcrumb-container .nav, .parentProduct .productBreadcrumb .nav, #productPage .nav {
    display: inline-block;
    margin: 15px 0;
    font-size: 14px
}

#header-breadcrumb-container .nav:after, .parentProduct .productBreadcrumb .nav:after, #productPage .nav:after, #header-breadcrumb-container .nav:before, .parentProduct .productBreadcrumb .nav:before, #productPage .nav:before {
    content: " ";
    display: table
}

#header-breadcrumb-container .nav:after, .parentProduct .productBreadcrumb .nav:after, #productPage .nav:after {
    clear: both
}

.lt-ie8 #header-breadcrumb-container .nav, .lt-ie8 .parentProduct .productBreadcrumb .nav, .lt-ie8 #productPage .nav {
    clear: both;
    zoom: 1
}

#header-breadcrumb-container .nav li, .parentProduct .productBreadcrumb .nav li, #productPage .nav li {
    float: left;
    line-height: 14px
}

#header-breadcrumb-container .nav li:after, .parentProduct .productBreadcrumb .nav li:after, #productPage .nav li:after {
    padding: 1px 0
}

#header-breadcrumb-container .nav li a, .parentProduct .productBreadcrumb .nav li a, #productPage .nav li a {
    display: inline-block;
    color: #29333b
}

#header-breadcrumb-container .nav li a:hover, .parentProduct .productBreadcrumb .nav li a:hover, #productPage .nav li a:hover {
    background: none;
    text-decoration: underline
}

#header-breadcrumb-container .nav li .bread-name, .parentProduct .productBreadcrumb .nav li .bread-name, #productPage .nav li .bread-name {
    font-weight: 500;
    display: inline-block;
    padding: 1px 0;
    float: left
}

#header-breadcrumb-container .nav li .bread-link, .parentProduct .productBreadcrumb .nav li .bread-link, #productPage .nav li .bread-link {
    padding: 1px 0;
    float: left
}

#header-breadcrumb-container .nav li .last, .parentProduct .productBreadcrumb .nav li .last, #productPage .nav li .last {
    font-weight: 700;
    color: #777
}

#header-breadcrumb-container .nav li .bread-close, .parentProduct .productBreadcrumb .nav li .bread-close, #productPage .nav li .bread-close {
    display: inline-block;
    float: left
}

#header-breadcrumb-container .nav li .bread-close:hover, .parentProduct .productBreadcrumb .nav li .bread-close:hover, #productPage .nav li .bread-close:hover {
    text-decoration: none;
    background: none
}

#header-breadcrumb-container .nav li .bread-close:after, .parentProduct .productBreadcrumb .nav li .bread-close:after, #productPage .nav li .bread-close:after {
    font-family: graingerFont;
    content: "\e61d";
    font-weight: 400;
    content: "\e903";
    color: #777;
    margin: 1px 3px 0 6px;
    float: left;
    font-weight: normal
}

#header-breadcrumb-container .nav li:before, .parentProduct .productBreadcrumb .nav li:before, #productPage .nav li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #header-breadcrumb-container .nav li, .lt-ie8 .parentProduct .productBreadcrumb .nav li, .lt-ie8 #productPage .nav li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #header-breadcrumb-container .nav li:first-child, .lt-ie8 .parentProduct .productBreadcrumb .nav li:first-child, .lt-ie8 #productPage .nav li:first-child {
    border: none
}

#header-breadcrumb-container .nav li:first-child:before, .parentProduct .productBreadcrumb .nav li:first-child:before, #productPage .nav li:first-child:before {
    display: none
}

#header-breadcrumb-container .nav li:before, .parentProduct .productBreadcrumb .nav li:before, #productPage .nav li:before {
    color: #777
}

.responsive.itemdetail #header-breadcrumb-container .nav, .responsive.itemdetail .parentProduct .productBreadcrumb .nav, .responsive.itemdetail #productPage .nav {
    margin: 10px 0 0
}

.responsive.productview #header-breadcrumb-container .nav, .responsive.productview .parentProduct .productBreadcrumb .nav, .responsive.productview #productPage .nav, .responsive.categoryview #header-breadcrumb-container .nav, .responsive.categoryview .parentProduct .productBreadcrumb .nav, .responsive.categoryview #productPage .nav, .responsive.two-column #header-breadcrumb-container .nav, .responsive.two-column .parentProduct .productBreadcrumb .nav, .responsive.two-column #productPage .nav {
    margin-top: 10px
}

.responsive #header-breadcrumb-container .nav, .responsive .parentProduct .productBreadcrumb .nav, .responsive #productPage .nav {
    margin-top: 5px
}

#header-breadcrumb-container #user-actions, .parentProduct .productBreadcrumb #user-actions, #productPage #user-actions {
    float: right;
    display: inline-block;
    margin-top: 13px
}

#header-breadcrumb-container #user-actions #print-page, .parentProduct .productBreadcrumb #user-actions #print-page, #productPage #user-actions #print-page, #header-breadcrumb-container #user-actions .print-page, .parentProduct .productBreadcrumb #user-actions .print-page, #productPage #user-actions .print-page, #header-breadcrumb-container #user-actions #email-page, .parentProduct .productBreadcrumb #user-actions #email-page, #productPage #user-actions #email-page {
    float: right;
    margin-left: 10px
}

.responsive.itemdetail #header-breadcrumb-container #user-actions, .responsive.itemdetail .parentProduct .productBreadcrumb #user-actions, .responsive.itemdetail #productPage #user-actions {
    margin: 7px 10px 0 0
}

.responsive.cartdetails #header-breadcrumb-container #user-actions, .responsive.cartdetails .parentProduct .productBreadcrumb #user-actions, .responsive.cartdetails #productPage #user-actions {
    margin: 3px 5px 0 0
}

@media (max-width: 960px) {
    .responsive.itemdetail #header-breadcrumb-container .container-width, .responsive.itemdetail .parentProduct .productBreadcrumb .container-width, .responsive.itemdetail #productPage .container-width {
        padding-left: 10px
    }
}

@media (max-width: 960px) {
    .responsive #header-breadcrumb-container h1, .responsive .parentProduct .productBreadcrumb h1, .responsive #productPage h1 {
        margin-left: 10px
    }
}

.responsive .parentProduct .productBreadcrumb {
    margin-left: 10px
}

#omsBreadcrumbs #breadcrumbs {
    max-width: none
}

.carousel {
    display: block;
    margin-bottom: 20px;
    font-size: 12px;
    position: relative
}

.carousel h2 {
    margin-bottom: 15px;
    display: inline-block
}

.carousel .carouselPagination {
    float: right
}

.carousel .carouselPagination:after, .carousel .carouselPagination:before {
    content: " ";
    display: table
}

.carousel .carouselPagination:after {
    clear: both
}

.lt-ie8 .carousel .carouselPagination {
    clear: both;
    zoom: 1
}

.carousel .carouselPagination {
    display: none
}

.carousel .carouselAddToCart {
    margin-bottom: 10px
}

.carousel .carouselAddToCart .carouselQty {
    float: left;
    margin-right: 6px
}

.carousel .carouselAddToCart input[type="text"] {
    color: #666;
    font-weight: bold;
    font-style: italic;
    padding: 8px 5px;
    width: 37px;
    border: 1px solid #ccc
}

.carousel .carouselAddToCart select {
    color: #666;
    font-weight: bold;
    font-style: italic;
    padding: 8px 5px;
    width: 41px;
    border: 1px solid #ccc
}

.carousel .carouselAddToCart .btn {
    float: none;
    display: inline-block
}

@media (max-width: 780px) {
    .responsive .carousel .carouselAddToCart .btn {
        margin-top: 5px
    }
}

.carousel .carouselPagination {
    text-align: right;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 12px;
    letter-spacing: normal;
    word-spacing: normal
}

.carousel .carouselButtons, .carousel .carouselPages {
    display: inline
}

.carousel .carouselButtons {
    margin-left: 20px
}

.carousel .carouselButtons .carouselMoveLeft {
    margin-right: 5px
}

.carousel .carouselButtons .disabled {
    color: #333;
    text-decoration: none;
    cursor: default;
    pointer-events: none
}

.carousel .carouselButtons .disabled span {
    display: none
}

.carousel .carouselButtons .carouselMoveRight {
    margin-left: 5px
}

.carousel .prevArrow {
    background: url('../../images/ui/lead-away-left.png') no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 6px;
    width: 4px;
    overflow: visible;
    position: static;
    margin-top: 4px;
    margin-right: 5px;
    left: 0
}

.carousel .nextArrow {
    background: url('../../images/ui/lead-away-right.png') no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 6px;
    width: 4px;
    overflow: visible;
    position: static;
    margin-top: 4px;
    margin-left: 5px;
    right: 0
}

.carousel .carouselLeft {
    background: #fff;
    border-radius: 2px;
    border: 1px solid #d8d8d8;
    color: #fff;
    font-weight: bold;
    height: 48px;
    left: -11px;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 25%;
    width: 24px;
    z-index: 16
}

.carousel .carouselLeft .arrowLeft {
    border-width: 0 2.5px 2.5px 0 !important;
    border: solid #09709b;
    display: inline-block;
    margin-top: 19px;
    padding: 3px;
    margin-right: 0;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.carousel .carouselRight {
    background: #fff;
    border-radius: 2px;
    border: 1px solid #d8d8d8;
    color: #fff;
    font-weight: bold;
    height: 48px;
    padding: 0;
    position: absolute;
    right: -11px;
    text-align: center;
    top: 25%;
    width: 24px
}

.carousel .carouselRight .arrowRight {
    border-width: 0 2.5px 2.5px 0 !important;
    border: solid #09709b;
    display: inline-block;
    margin-top: 20px;
    padding: 3px;
    margin-left: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.carousel .carouselContainer {
    position: relative;
    vertical-align: middle;
    overflow: hidden;
    clear: both
}

.carousel .carouselContainer ul {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%
}

.carousel .carouselContainer ul:after, .carousel .carouselContainer ul:before {
    content: " ";
    display: table
}

.carousel .carouselContainer ul:after {
    clear: both
}

.lt-ie8 .carousel .carouselContainer ul {
    clear: both;
    zoom: 1
}

.carousel .carouselContainer li {
    background: none;
    border: 1px solid #ccc;
    float: left;
    padding: 24px;
    margin: 0 10px 0 0;
    width: 210px
}

.carousel .carouselProductName {
    font-weight: bold;
    text-transform: uppercase;
    word-wrap: break-word;
    min-height: 55px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.5
}

.carousel .carouselProductName a {
    word-wrap: break-word
}

@media (max-width: 730px) {
    .responsive .carousel .carouselProductName {
        margin-top: 5px;
        height: auto
    }
}

.carousel .carouselProductSKU {
    color: #7c7c7c;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 10px
}

.carousel .carouselProductSKU a {
    font-weight: bold
}

.carousel .carouselQty input {
    width: 40px;
    float: left;
    margin: 0 6px 0 0
}

.productCarousel .carouselContainer {
    width: 869px
}

.cartAlternatesCarousalDiv .productCarousel .carouselContainer {
    width: 500px
}

.cartAlternatesCarousalDiv .productCarousel .carouselContainer li {
    width: 161px
}

.productCarousel .carouselContainer .comparealt-controls input {
    margin: 10px 3px 10px 0
}

.productCarousel .carouselContainer .carouselContainer .carouselProductName {
    height: 40px;
    overflow: hidden
}

.productCarousel .carouselContainer .carouselContainer .carouselCompare label {
    float: none;
    display: inline
}

.productCarousel .carouselContainer .carouselContainer .carouselCompare input {
    float: none;
    display: inline-block;
    margin-right: 3px
}

.productCarousel .carouselContainer .carouselContainer li {
    width: 205px;
    padding: 0;
    margin-left: 10px;
    margin-right: 10px;
    border-right: 1px solid #CCC;
    -moz-box-sizing: border-box
}

.productCarousel .carouselContainer .carouselContainer li > div {
    width: 180px
}

.carouselProduct .carouselProductImage, .activeItems .carouselProductImage {
    margin: auto;
    max-width: 100px;
    min-height: auto;
    min-width: auto;
    height: auto;
    text-align: left;
    width: 30%;
    display: inline-flex;
    float: left;
    margin-right: 4%
}

.carouselProduct .carouselProductImage img, .activeItems .carouselProductImage img {
    height: 56px !important;
    margin: 0;
    max-width: 100px;
    min-height: auto;
    min-width: auto;
    width: 100%
}

.carouselProduct .carouselProductImage:hover .quickViewBtn, .activeItems .carouselProductImage:hover .quickViewBtn {
    display: block;
    position: absolute;
    top: 43px;
    left: 50%;
    margin-left: -55px
}

.carouselProduct .carouselProductImage .quickViewBtn, .activeItems .carouselProductImage .quickViewBtn {
    display: none
}

.carouselProduct .carouselProductImage .quickViewBtn .btn, .activeItems .carouselProductImage .quickViewBtn .btn {
    color: #FFF
}

.carouselProduct .add-to-cart > input, .activeItems .add-to-cart > input, .carouselProduct .add-to-cart > a, .activeItems .add-to-cart > a {
    float: left
}

.carouselProduct .add-to-cart > input, .activeItems .add-to-cart > input {
    max-width: 45px
}

.pbCarousel {
    margin-top: 20px;
    border-top: none;
    clear: both
}

.ecCarousel .carouselContainer {
    width: 255px
}

@media (max-width: 960px) {
    .responsive .ecCarousel .carouselContainer {
        width: 100%
    }
}

.ecCarousel .carouselContainer li {
    width: 45px;
    height: 45px;
    overflow: hidden;
    border: 1px solid #ccc;
    -moz-box-sizing: border-box;
    margin: 0 3px
}

.ecCarousel .carouselContainer li:last-child {
    border: 1px solid #ccc
}

.ecCarousel .carouselContainer li.active {
    border: 2px solid #ccc
}

@media (max-width: 960px) {
    .responsive .ecCarousel .carouselContainer li {
        width: 45px;
        height: 35px
    }
}

.ecCarousel .carouselContainer .carouselItem {
    cursor: pointer
}

#ecModal .ecCarousel .carouselContainer {
    width: 650px
}

#ecModal .ecCarousel .carouselContainer li {
    width: 120px;
    height: 120px
}

.smallerCarousel .carouselContainer {
    width: 100%;
    min-height: 300px;
    margin: auto
}

.smallerCarousel .carouselContainer li {
    width: 16.66%;
    margin: 0
}

.smallerCarousel .carouselAddToCart .btn {
    padding: 9px 10px
}

.smallerCarousel .carouselProductImage:hover .quickViewBtn {
    display: block;
    position: absolute;
    top: 80px;
    left: 50%;
    margin-left: -50px
}

.responsive .smallerCarousel .carouselProductImage:hover .quickViewBtn {
    margin-left: -43px
}

@media (max-width: 780px) {
    .responsive .smallerCarousel .carouselProductImage:hover .quickViewBtn {
        top: 60px
    }
}

#addToCartModal .smallerCarousel .carouselContainer {
    width: 620px
}

#addToCartModal .smallerCarousel .carouselContainer li {
    width: 156px;
    margin: 0;
    padding: 0 10px
}

.carouselProductLists .carouselProductBrand {
    color: #7c7c7c;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 10px;
    margin-left: 34%
}

.responsive .carouselProductLists .carouselProductBrand {
    word-wrap: break-word
}

.carousel .carouselProductPrice, .relatedItems .productPriceVertical p {
    font-size: 12px;
    margin-bottom: 10px;
    margin-bottom: 8px;
    display: inline-block;
    color: #257238;
    font-weight: 700;
    margin-left: 34%
}

.carousel .priceValue, .relatedItems .priceValue {
    color: #257238
}

.carousel .reducedPriceValue, .relatedItems .reducedPriceValue, .carousel .sale-price .priceValue, .relatedItems .sale-price .priceValue {
    color: #ad3333
}

.carousel .reducedPriceLabel, .relatedItems .reducedPriceLabel {
    color: #960A01
}

.carousel .carouselProductPrice .priceLabel p {
    font-size: 12px;
    padding-top: 5px;
    font-weight: bold;
    margin: 5px 0 0 0
}

.carousel .carouselProductPrice .priceLabel strike p, .relatedItems .productPriceVertical strike p {
    font-size: 12px
}

.carousel .carouselProductPrice .productIcons, .relatedItems .carouselProductPrice .productIcons {
    margin-left: 0
}

.carousel p.sale-price {
    font-size: 12px
}

.carousel p.sale-price span, .relatedItems p.sale-price span, .carousel p.custom-price span, .relatedItems p.custom-price span {
    font-size: 12px
}

.lt-ie8 .carousel, .lt-ie8 .carousel .prevArrow, .lt-ie8 .carousel .nextArrow, .lt-ie8 .carousel .arrow, .lt-ie8 .carousel .carouselContainer, .lt-ie8 .productCarousel .carouselContainer .carouselCompare input, .lt-ie8 .carousel .carouselAddToCart label.button, .lt-ie8 .carousel .carouselAddToCart .carouselQty {
    display: inline;
    zoom: 1
}

.lt-ie8 .carousel .carouselProductLists {
    width: 200%
}

.lt-ie8 .carousel .carouselContainer {
    height: 300px
}

#carousel-box-CartBottom {
    text-align: left
}

@media (max-width: 960px) {
    .responsive #carousel-box-CartBottom .productSectionTitle {
        margin-left: 10px
    }
}

@media (max-width: 960px) {
    .responsive .carousel {
        width: 850px;
        margin: 0 auto
    }
}

@media (max-width: 890px) {
    .responsive .carousel {
        width: 750px
    }
}

@media (max-width: 780px) {
    .responsive .carousel {
        width: 680px
    }
}

@media (max-width: 730px) {
    .responsive .carousel {
        width: 620px
    }
}

.responsive .carouselContainer {
    width: 91%
}

@media (max-width: 960px) {
    .responsive .carouselContainer li {
        width: 190px
    }
}

@media (max-width: 890px) {
    .responsive .carouselContainer li {
        width: 170px
    }
}

@media (max-width: 780px) {
    .responsive .carouselContainer li {
        width: 150px;
        padding-right: 15px
    }
}

@media (max-width: 730px) {
    .responsive .carouselContainer li {
        width: 135px
    }
}

@media (max-width: 960px) {
    .responsive .smallerCarousel {
        width: 630px;
        margin: 0 auto
    }
}

@media (max-width: 890px) {
    .responsive .smallerCarousel {
        width: 660px
    }
}

@media (max-width: 730px) {
    .responsive .smallerCarousel {
        width: 630px
    }
}

@media (max-width: 960px) {
    .responsive .smallerCarousel li {
        width: 135px;
        margin-left: 5px;
        padding-left: 5px
    }

    .responsive .smallerCarousel li .carouselQty .btnSmall {
        margin-top: 10px
    }
}

@media (max-width: 890px) {
    .responsive .smallerCarousel li {
        width: 145px
    }

    .responsive .smallerCarousel li .carouselQty .btnSmall {
        font-size: 13px;
        padding: 10px 5px
    }
}

@media (max-width: 730px) {
    .responsive .smallerCarousel li {
        width: 135px
    }

    .responsive .smallerCarousel li .carouselQty .btnSmall {
        font-size: 9px
    }
}

@media (max-width: 960px) {
    .responsive.productview #main-content .smallerCarousel, .responsive.categoryview #main-content .smallerCarousel {
        width: 600px
    }
}

@media (max-width: 890px) {
    .responsive.productview #main-content .smallerCarousel, .responsive.categoryview #main-content .smallerCarousel {
        width: 550px
    }
}

@media (max-width: 780px) {
    .responsive.productview #main-content .smallerCarousel, .responsive.categoryview #main-content .smallerCarousel {
        width: 500px
    }
}

@media (max-width: 730px) {
    .responsive.productview #main-content .smallerCarousel, .responsive.categoryview #main-content .smallerCarousel {
        width: 400px
    }
}

.responsive.productview #main-content .smallerCarousel .carouselRight, .responsive.categoryview #main-content .smallerCarousel .carouselRight {
    margin-left: 10px
}

.responsive.productview #main-content .smallerCarousel .carouselLeft, .responsive.categoryview #main-content .smallerCarousel .carouselLeft {
    margin-right: 0
}

@media (max-width: 890px) {
    .responsive.productview #main-content .smallerCarousel .carouselContainer, .responsive.categoryview #main-content .smallerCarousel .carouselContainer {
        width: 90%
    }
}

@media (max-width: 780px) {
    .responsive.productview #main-content .smallerCarousel .carouselContainer, .responsive.categoryview #main-content .smallerCarousel .carouselContainer {
        width: 86%
    }
}

@media (max-width: 960px) {
    .responsive.productview #main-content .smallerCarousel .carouselContainer .carouselProduct, .responsive.categoryview #main-content .smallerCarousel .carouselContainer .carouselProduct {
        width: 125px;
        margin-left: 5px;
        padding-left: 5px;
        padding-right: 15px
    }
}

@media (max-width: 890px) {
    .responsive.productview #main-content .smallerCarousel .carouselContainer .carouselProduct, .responsive.categoryview #main-content .smallerCarousel .carouselContainer .carouselProduct {
        width: 115px
    }
}

@media (max-width: 780px) {
    .responsive.productview #main-content .smallerCarousel .carouselContainer .carouselProduct, .responsive.categoryview #main-content .smallerCarousel .carouselContainer .carouselProduct {
        width: 100px
    }
}

@media (max-width: 730px) {
    .responsive.productview #main-content .smallerCarousel .carouselContainer .carouselProduct, .responsive.categoryview #main-content .smallerCarousel .carouselContainer .carouselProduct {
        width: 75px;
        padding-right: 10px
    }
}

@media (max-width: 960px) {
    .responsive.productview #main-content .smallerCarousel .carouselContainer .carouselProduct .carouselProductImage, .responsive.categoryview #main-content .smallerCarousel .carouselContainer .carouselProduct .carouselProductImage {
        width: 100px
    }
}

@media (max-width: 780px) {
    .responsive.productview #main-content .smallerCarousel .carouselContainer .carouselProduct .carouselProductImage, .responsive.categoryview #main-content .smallerCarousel .carouselContainer .carouselProduct .carouselProductImage {
        width: 80px;
        height: 80px
    }
}

@media (max-width: 730px) {
    .responsive.productview #main-content .smallerCarousel .carouselContainer .carouselProduct .carouselProductImage, .responsive.categoryview #main-content .smallerCarousel .carouselContainer .carouselProduct .carouselProductImage {
        width: 60px;
        height: 60px
    }
}

.responsive.productview #main-content .smallerCarousel .carouselContainer .carouselProduct .carouselProductImage img, .responsive.categoryview #main-content .smallerCarousel .carouselContainer .carouselProduct .carouselProductImage img {
    width: 100%
}

.responsive.productview #main-content .smallerCarousel .carouselContainer .carouselProduct .carouselProductName a, .responsive.categoryview #main-content .smallerCarousel .carouselContainer .carouselProduct .carouselProductName a {
    word-wrap: break-word
}

@media (max-width: 960px) {
    .responsive.productview #main-content .smallerCarousel .carouselContainer .carouselProduct .carouselscrollbox .item, .responsive.categoryview #main-content .smallerCarousel .carouselContainer .carouselProduct .carouselscrollbox .item {
        width: 100%;
        margin-bottom: 5px
    }
}

@media (max-width: 960px) {
    .responsive.productview #main-content .smallerCarousel .carouselContainer .carouselProduct .carouselscrollbox .item .carouselQty input, .responsive.categoryview #main-content .smallerCarousel .carouselContainer .carouselProduct .carouselscrollbox .item .carouselQty input {
        float: none
    }
}

@media (max-width: 960px) {
    .responsive.productview #main-content .smallerCarousel .carouselContainer .carouselProduct .carouselscrollbox .item .carouselQty .btn, .responsive.categoryview #main-content .smallerCarousel .carouselContainer .carouselProduct .carouselscrollbox .item .carouselQty .btn {
        margin-top: 10px;
        display: block;
        border-radius: 2px
    }
}

.carousel .carouselProductPrice .priceLabel .priceLabel {
    display: inline-block
}

.carousel .carouselProductPrice .priceLabel .price {
    display: block
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (-webkit-max-device-pixel-ratio: 1) {
    .carousel .carouselContainer .carouselProductLists .carouselProductBrand {
        margin-left: 35%
    }

    .carousel .carouselProductPrice .productPriceVertical p {
        padding-left: 5%
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    .carousel .carouselContainer .carouselProductLists .carouselProductBrand {
        margin-left: 35%
    }

    .carousel .carouselProductPrice .productPriceVertical p {
        padding-left: 5%
    }
}

#shareModalContainer.modal-static {
    top: 5% !important
}

#shareModalContainer .recipient > div, #shareModalContainer .senderInfo > div, #shareModalContainer .column > div {
    width: 32.5%
}

#shareModalContainer .recipient > div.remove {
    width: 2%
}

#shareModalContainer .modal-content textarea {
    width: 97.5%
}

#shareModalContainer .modal-content a.cancel {
    background: #f2f2f2;
    color: #00739e
}

#shareModalContainer .modal-content input[type="text"], #shareModalContainer .modal-content input[type="password"], #shareModalContainer .modal-content input.disabled, #shareModalContainer .modal-content textarea {
    font-size: 14px !important;
    font-weight: normal;
    color: #333
}

.modal-backdrop.sharemodal {
    background-color: #000;
    opacity: .4;
    z-index: 1000
}

#iGDMotorMatchGST {
    clear: both
}

#iGDMotorMatchGST * {
    -ms-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

#iGDMotorMatchGST *:after, #iGDMotorMatchGST *:before {
    -ms-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

#iGDMotorMatchGST label {
    line-height: 13px;
    display: inline-block;
    font-weight: normal
}

#iGDMotorMatchGST .section-step .section-actions a {
    line-height: 21px
}

#iGDMotorMatchGST .section-step .section-actions input[type="checkbox"], #iGDMotorMatchGST .section-step .section-actions input[type="radio"] {
    margin-left: 1px
}

.paginationBar ul.pagination {
    font-size: 13px;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1
}

.paginationBar ul.pagination li {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    min-width: 15px;
    height: 32px
}

.paginationBar ul.pagination li strong {
    display: block;
    padding: 0;
    border: 0;
    width: inherit;
    text-align: center;
    margin-top: 11px
}

.paginationBar ul.pagination li.first, .paginationBar ul.pagination li.last {
    font-weight: bold;
    font-size: 23px;
    color: #000
}

.paginationBar ul.pagination li a {
    padding: 0;
    border: 0;
    color: #777;
    width: inherit;
    height: 32px;
    text-align: center;
    display: block
}

.paginationBar ul.pagination li a:hover {
    color: #000
}

.paginationBar ul.pagination li a.active {
    color: black;
    font-weight: bold;
    cursor: default;
    text-decoration: none
}

.paginationBar ul.pagination li a.active-page-link {
    color: black;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    width: inherit;
    height: 32px
}

.paginationBar ul.pagination li a.inactive-page-link {
    color: #777;
    font-weight: bold;
    cursor: default;
    text-decoration: none;
    display: inline-block;
    width: inherit;
    height: 32px
}

.paginationBar ul.pagination li a.controls {
    font-weight: bold
}

.paginationBar ul.pagination li a.controls.prev:before, .paginationBar ul.pagination li a.controls.next:after {
    font-size: 15px;
    font-weight: bold;
    height: 32px;
    display: block;
    margin-top: 8px;
    line-height: 20px
}

.paginationBar ul.pagination li a.controls.prev:before {
    font-family: graingerFont;
    content: "\e637";
    font-weight: 400
}

.paginationBar ul.pagination li a.controls.next:after {
    font-family: graingerFont;
    content: "\e631";
    font-weight: 400
}

.paginationBar ul.pagination li a .pageNumber {
    display: block;
    margin-top: 11px
}

.paginationBar .totalResults {
    font-size: 10px
}

.confirm {
    background: #ECECEC;
    padding: 15px;
    margin-top: 10px;
    font-size: 13px;
    position: relative;
    border-top: 1px solid #CCC;
    text-align: right
}

.confirm:after, .confirm:before {
    content: " ";
    display: table
}

.confirm:after {
    clear: both
}

.lt-ie8 .confirm {
    clear: both;
    zoom: 1
}

.confirm > i {
    position: absolute;
    top: 50%;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    left: 50%;
    margin-left: -6px;
    border-bottom-color: #ccc;
    border-width: 0 10px 10px 10px;
    top: -6px;
    top: -10px;
    border-bottom-color: #999
}

.confirm > i:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    position: absolute
}

.confirm > i:after {
    border-bottom-color: #fff;
    border-width: 0 9px 9px 9px;
    top: 1px;
    right: -9px
}

.confirm > i:after {
    border-bottom-color: #ECECEC
}

.confirm p {
    display: inline-block;
    font-weight: bold;
    margin: 0;
    line-height: 32px;
    text-align: left;
    float: left
}

.confirm a {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1
}

.confirm a.close {
    border: none;
    float: right;
    padding: 2px 0 0 0;
    cursor: pointer;
    text-transform: capitalize
}

.confirm a.close:hover {
    text-decoration: none
}

.confirm a.close:after {
    font-family: graingerFont;
    content: "\e61d";
    font-weight: 400;
    color: #333;
    margin: 1px 0 0 8px;
    display: inline-block
}