/* IDP Less File */
/*---------------------------------------------------
LESS Elements 0.9
---------------------------------------------------
A set of useful LESS mixins
More info at: http://lesselements.com
---------------------------------------------------*/
/* GRIDS n GRIDS n GRIDS!!! */
/* Some combination of flex-grid from bourbon */
/* and Chris Coyier's don't overthink it grids */
/* We have a 12 col layout */
/*
HTML:
*/
/*
This mixin is for the following HTML pattern:
*/
/* Colors */
/*
Official color set from style guide 2.0 - 10/18/2017 w/ love
All color names retrieved from http://chir.ag/projects/name-that-color/
*/
/*
Non-actionable text (labels, p, etc.)
*/
/*
UI and actionable elements
*/
/*
MotorMatch/Educational module colors: THESE WILL BE DEPRICATED, PER @JOSH.REICHLIN
*/
/* forms */
/* Dimensions */
/* Number of columns in our grid. Used in mixins.less */
/* Modals */
/* typography */
/* Side Nav */
/* Responsive */
/* Breakpoints */
#productPage .mainImageBar {
width: 100%;
border-width: 0 0 1px 0;
border-style: solid;
border-color: #D8D8D8;
position: relative;
}
#productPage .mainImageBar.imageBar {
position: absolute;
bottom: 0px;
left: 0px;
z-index: 1;
}
#ecVideo {
margin: 0 auto;
}
.ecVideo .mainImage {
padding-bottom: 40px;
}
.ecVideo.expanded .mainImage {
padding-bottom: 0;
}
#helpOverlay360 {
display: none;
position: absolute;
width: 100%;
height: 300px;
top: 0;
left: 0;
z-index: 1500;
background: #000000;
color: #ffffff;
opacity: 0.65;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=65);
filter: alpha(opacity=65);
}
.lt-ie8 #helpOverlay360 {
zoom: 1;
}
#helpOverlay360 h4 {
color: #ffffff;
font-weight: 700;
border-bottom: 1px solid #ffffff;
margin: 40px 10px 10px;
padding: 10px 0;
}
#helpOverlay360 ol {
margin: 10px;
font-size: 12px;
}
#helpOverlay360 li {
margin: 10px;
}
#helpOverlay360 .close360help {
float: right;
margin: 10px;
cursor: pointer;
}
#zoomTrigger,
#helpTextTrigger {
background-color: #EEEEEE;
float: right;
color: #29333B;
border-top: 1px solid #D8D8D8;
padding: 10px;
cursor: pointer;
margin-bottom: -1px;
}
#helpTextTrigger {
display: none;
border-right: 1px solid #ffffff;
*background-image: url('/320/img/sprites/grainger_icon_sprite.png');
*background-repeat: no-repeat;
*background-position-y: -1350px;
*background-position-x: 100%;
}
.viewer360 #helpTextTrigger {
display: block;
}
.viewer360.expanded #helpTextTrigger {
display: none;
}
#helpTextTrigger:after {
font-family: graingerFont;
content: "\e916";
font-weight: 400;
font-size: 17px;
}
#zoomTrigger:after {
font-family: graingerFont;
content: "\e63c";
font-weight: 400;
font-size: 17px;
}
.expanded #zoomTrigger:after {
font-family: graingerFont;
content: "\e63d";
font-weight: 400;
}
.expanded #ecVideo {
margin-bottom: 40px;
}
.closeEC2 {
position: absolute;
top: 10px;
right: 10px;
width: 45px;
z-index: 1000;
display: none;
cursor: pointer;
}
.trigger360 {
color: #ffffff;
color: rgba(255, 255, 255, 0.85);
height: 45px;
width: 45px;
cursor: pointer;
font-size: 14px;
line-height: 40px;
font-weight: 700;
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#2d323232', endColorstr='#2d323232');
background-color: rgba(50, 50, 50, 0.45);
text-align: center;
position: absolute;
top: 0;
left: 0;
}
#vidTrigger {
cursor: pointer;
}
.zoomImg {
border: medium none;
height: 1000px;
left: 0;
max-width: none;
opacity: 0;
position: absolute;
top: 0;
width: 1000px;
}
@media print {
.zoomImg {
display: none;
}
}
#productPage .mainImage {
overflow: hidden;
}
#productPage #productThumbnails {
width: 100%;
margin: 5px auto;
}
#productPage.expanded .productImage {
display: block;
height: auto;
margin-right: 0;
width: 100%;
}
#productPage.expanded .mainImage {
display: block;
height: auto;
margin-bottom: 10px;
width: 100%;
}
#productPage.expanded .productInformation {
display: block;
width: 100%;
}
.lt-ie9 .ecCarousel .carouselItem {
margin: 0 2px;
}
.lt-ie9 #zoomTrigger {
background-color: #ecf2f4;
}
.lt-ie8 #zoomTrigger {
background: #ecf2f4 url('/320/img/icon/expandIcon.png') no-repeat scroll 10px 10px;
height: 17px;
width: 17px;
}
.expanded .lt-ie8 #zoomTrigger {
background: #ecf2f4 url('/320/img/icon/collapseIcon.png') no-repeat scroll 10px 10px;
}
#SASbanner {
margin-top: 15px;
padding: 10px;
border: 1px solid #D8D8D8;
border-left: 3px solid #000000;
display: table;
}
.lt-ie8 #SASbanner {
display: block;
}
#SASbanner > ul {
display: table-row;
}
#SASbanner li {
display: table-cell;
padding: 5px;
vertical-align: middle;
}
.lt-ie8 #SASbanner li {
display: inline;
zoom: 1;
}
#SASbanner li #sas-sku {
display: none;
}
#SASbanner li#sas-cta-link {
width: 29%;
}
.lt-ie8 #SASbanner li#sas-cta-link {
width: 25%;
}
#SASbanner li#sas-cta-link a {
color: #000000;
font-size: 16px;
font-weight: bold;
line-height: 20px;
}
.lt-ie8 #SASbanner li#sas-cta-link a {
font-size: 12px;
}
#SASbanner li#sas-cta-link .grainger-choice-container {
float: left;
margin-right: 5%;
}
#SASbanner li#sas-cta-link .grainger-choice-container svg,
#SASbanner li#sas-cta-link .grainger-choice-container img {
width: 40px;
height: 40px;
}
.lt-ie9 #SASbanner li#sas-cta-link .grainger-choice-container svg,
.lt-ie9 #SASbanner li#sas-cta-link .grainger-choice-container .trademark {
display: none;
}
#SASbanner li#sas-prod-container {
border-left: 1px solid #D8D8D8;
padding-left: 25px;
width: 47%;
}
#SASbanner li#sas-prod-container a,
#SASbanner li#sas-prod-container .sas-details-container {
display: inline-block;
vertical-align: middle;
*display: inline;
zoom: 1;
}
#SASbanner li#sas-prod-container .sas-details-container {
width: 70%;
}
#SASbanner li#sas-prod-container a {
position: relative;
vertical-align: top;
}
#SASbanner li#sas-prod-container a#sasTooltip {
display: inline;
}
#SASbanner li#sas-prod-container img#prod-img {
height: 61px;
width: 61px;
border: 1px solid #D8D8D8;
float: left;
margin-right: 10px;
}
#SASbanner li#sas-prod-container .sku-details-container {
display: block;
margin-bottom: 10px;
}
#SASbanner li#sas-prod-container .sas-description {
word-break: break-all;
}
#SASbanner li#sas-prod-container .sas-description a {
font-weight: bold;
font-size: 12px;
}
#SASbanner li#view-specs {
width: 21%;
text-align: center;
padding-left: 30px;
}
.lt-ie8 #SASbanner li#view-specs {
width: 23%;
}
#SASbanner li#view-specs a {
margin-left: 11px;
}
#sas-modal-container .price-container {
margin-bottom: 10px;
min-height: 70px;
}
.price-container p {
margin-bottom: 0;
}
.price-container p.gcprice.gcprice-regular,
.price-container p.gcprice.gcprice-csp {
display: inline-block;
}
.lt-ie8.price-container p.gcprice.gcprice-regular,
.lt-ie8.price-container p.gcprice.gcprice-csp {
display: inline;
zoom: 1;
}
.price-container p.gcprice.gcprice-clearance {
margin-bottom: 5px;
}
#sas-modal-container {
margin-top: 10px;
}
#sas-modal-container table {
border-collapse: separate;
border-spacing: 0 4px;
}
#sas-modal-container table > thead > tr {
border-top: none;
}
#sas-modal-container #empty-column {
min-width: 250px;
}
#sas-modal-container .grainger-choice-container {
padding-bottom: 10px;
}
#sas-modal-container .grainger-choice-container svg,
#sas-modal-container .grainger-choice-container img,
#sas-modal-container .grainger-choice-container p {
display: inline-block;
vertical-align: middle;
*display: inline;
zoom: 1;
}
#sas-modal-container .grainger-choice-container svg,
#sas-modal-container .grainger-choice-container img {
width: 34px;
height: 34px;
}
#sas-modal-container .grainger-choice-container p {
font-weight: 700;
margin: 0;
max-width: 165px;
}
.lt-ie9 #sas-modal-container .grainger-choice-container svg,
.lt-ie9 #sas-modal-container .grainger-choice-container .trademark {
display: none;
}
#sas-modal-container .prod-img {
margin-bottom: 10px;
}
#sas-modal-container .sas-description {
width: 85%;
min-height: 52px;
word-break: break-all;
margin-bottom: 10px;
}
#sas-modal-container .sas-description a {
font-weight: bold;
font-size: 12px;
}
#sas-modal-container .sas-skus {
margin-bottom: 10px;
}
#sas-modal-container #sas-price {
margin-bottom: 10px;
}
#sas-modal-container .sas-add-to-cart {
width: 100%;
}
#sas-modal-container #techSpecs tr.mismatch {
background-color: #EEEEEE;
}
#sas-modal-container #techSpecs tr.mismatch > td {
border-top: none;
}
#sas-modal-container #techSpecs td {
width: 250px;
font-size: 12px;
border-top: 1px solid #D8D8D8;
}
#sas-modal-container #techSpecs td.value {
word-break: break-all;
line-height: 15px;
}
#sas-modal-container #techSpecs td.lable {
font-weight: bold;
border-right: 4px solid #ffffff;
}
.pidpSASBanner {
width: 100%;
margin-top: 10px;
}
.lt-ie8 .pidpSASBanner {
margin-right: 20px;
}
.pidpSASBanner .sas-cta-link {
font-size: 14px;
}
#requiredAccessoriesZone {
min-height: 460px;
}
#contentContainer {
height: 460px;
width: 100%;
padding: 0;
margin: 0;
position: relative;
overflow: hidden;
border-style: solid solid none solid;
border-color: #D8D8D8;
border-width: 1px;
border-bottom: 4px solid #D8D8D8;
font-family: 'RobotoCondensed', 'Arial Narrow', sans-serif;
}
#contentContainer #productCardContainer {
float: left;
width: 25%;
height: 100%;
border-right: 1px solid #D8D8D8;
background: #EEEEEE;
}
#contentContainer .product-card {
height: 84px;
background: #ffffff;
padding: 11px 18px 15px 18px;
border-bottom: 1px solid #D8D8D8;
font-size: 14px;
position: relative;
}
.lt-ie8 #contentContainer .product-card {
height: 55px;
}
#contentContainer .product-card:hover {
cursor: pointer;
}
#contentContainer .product-card img {
float: left;
margin-right: 12px;
}
#contentContainer .product-card .prod-name {
margin-top: 5px;
color: #000000;
font-size: 14px;
font-weight: bold;
word-wrap: break-word;
}
#contentContainer .product-card .sku-label {
color: #72777D;
}
#contentContainer .selected {
box-shadow: -20px 0px 0px 0px #000000;
margin-left: 8px;
padding-left: 10px;
}
.lt-ie9 #contentContainer .selected {
border-left: 8px solid #000000;
margin-left: 0px;
padding-left: 10px;
}
#contentContainer .selected > i {
position: absolute;
top: 50%;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
right: -9px;
margin-top: -11px;
border-width: 10px 0 10px 10px;
margin-right: -2px;
background: #ffffff;
border-left-color: #D8D8D8;
}
#contentContainer .selected > i:after {
content: "";
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
position: absolute;
}
#contentContainer .selected > i:after {
border-left-color: #ffffff;
border-width: 9px 0 9px 9px;
top: -9px;
right: 1px;
}
#contentContainer .selected > i:after {
right: 2px;
}
#contentContainer #paginationControls {
height: 30px;
text-align: center;
position: absolute;
bottom: -5px;
left: 11%;
}
#contentContainer #paginationControls a {
font-weight: bold;
color: #000000;
text-decoration: none;
}
#contentContainer #paginationControls a.disabled {
color: #D8D8D8;
}
#contentContainer #paginationControls .prev-btn {
margin-right: 10px;
}
#contentContainer #paginationControls .prev-btn:before {
font-family: graingerFont;
content: "\e918";
font-weight: 400;
font-size: 10px;
margin-right: 5px;
}
#contentContainer #paginationControls .next-btn {
border-left: 1px solid #000000;
padding-left: 10px;
}
#contentContainer #paginationControls .next-btn:after {
font-family: graingerFont;
content: "\e919";
font-weight: 400;
font-size: 10px;
margin-left: 5px;
}
#contentContainer #requiredAccessorySpecs {
width: 75%;
height: 100%;
float: left;
}
#contentContainer #requiredAccessorySpecs .section-label {
font-size: 16px;
color: #000000;
padding: 0 0 10px 0;
margin: 0;
text-transform: uppercase;
}
#contentContainer #requiredAccessorySpecs .required-tech-specs {
width: 70%;
margin-top: 24px;
float: left;
font-size: 14px;
height: 85%;
overflow: hidden;
border-right: 1px solid #D8D8D8;
padding: 0 30px 0 30px;
}
#contentContainer #requiredAccessorySpecs .required-tech-specs .spec {
width: 100%;
margin-bottom: 10px;
opacity: 0;
}
#contentContainer #requiredAccessorySpecs .required-tech-specs .spec > p {
display: inline-block;
vertical-align: top;
margin-bottom: 0;
}
#contentContainer #requiredAccessorySpecs .required-tech-specs .spec-key {
width: 38%;
color: #72777D;
}
#contentContainer #requiredAccessorySpecs .required-tech-specs .spec-value {
width: 60%;
color: #000000;
}
#contentContainer #requiredAccessorySpecs .required-tech-specs .show-spec {
opacity: 1;
}
.lt-ie8 #contentContainer #requiredAccessorySpecs .required-tech-specs {
width: 310px;
}
#contentContainer #requiredAccessorySpecs .triggerIDPAddToCart {
margin-top: -3px;
}
#contentContainer #requiredAccessorySpecs #requiredAvailability {
width: 30%;
margin-top: 24px;
padding: 0 20px 0 20px;
float: right;
position: relative;
}
#contentContainer #requiredAccessorySpecs #requiredAvailability #rtaAvailabilityHeader {
margin-bottom: 20px;
font-size: 14px;
color: #000000;
}
#contentContainer #requiredAccessorySpecs #requiredAvailability #rtaAvailabilityHeader .rta-message-confirmation,
#contentContainer #requiredAccessorySpecs #requiredAvailability #rtaAvailabilityHeader .rta-message-warn,
#contentContainer #requiredAccessorySpecs #requiredAvailability #rtaAvailabilityHeader .rta-message-error {
font-size: 14px;
}
#contentContainer #requiredAccessorySpecs .pricing-wrapper {
margin: 24px 0;
}
#contentContainer #requiredAccessorySpecs .gcprice.gcprice-reduced,
#contentContainer #requiredAccessorySpecs .gcprice.gcprice-listPrice {
margin-top: 0;
}
#contentContainer #requiredAccessorySpecs a[data-toggle=tooltip]:after {
display: none;
}
#contentContainer #requiredAccessorySpecs a.signin-tooltip[data-toggle=tooltip]:after {
display: inline-block;
}
#contentContainer .idpLink {
position: absolute;
top: 425px;
left: 360px;
font-family: Arial, sans-serif;
text-decoration: none;
}
#contentContainer .idpLink:after {
font-family: graingerFont;
content: "\e919";
font-weight: 400;
color: #00739E;
font-size: 10px;
margin-left: 10px;
}
.educator {
position: relative;
background-color: #ffeeb2;
border: 1px solid #ecdda7;
margin: 0;
width: 710px;
margin-bottom: 15px;
}
.educator .heading {
padding: 15px;
border-bottom: 1px solid #ecdda7;
}
.educator .heading > h3 {
font-family: 'RobotoCondensed', 'Arial Narrow', sans-serif;
font-weight: 700;
text-transform: uppercase;
font-size: 18px;
line-height: 15px;
margin: 0 0 10px 0;
color: #2b2b2b;
}
.educator .heading > h4 {
font-family: Arial, sans-serif;
font-size: 13px;
line-height: 11px;
font-weight: normal;
color: #2b2b2b;
margin: 0px;
padding: 0px;
}
.educator .learn-more {
position: absolute;
right: 18px;
top: 18px;
display: inline-block;
vertical-align: middle;
*display: inline;
zoom: 1;
background-color: transparent;
font-size: 14px;
font-family: 'RobotoCondensed', 'Arial Narrow', sans-serif;
font-weight: 700;
text-transform: uppercase;
text-align: center;
margin: 0;
height: 36px;
width: 80px;
line-height: 18px;
padding: 8px 20px;
border: 1px solid;
border-radius: 4px;
color: #2b2b2b;
outline: none;
background-color: #2b2b2b;
color: #ffeeb2;
border-color: #2b2b2b;
}
.educator .learn-more:hover {
text-decoration: none;
}
.lt-ie8 .educator .learn-more {
overflow: hidden;
height: 20px;
width: 40px;
line-height: 1;
}
.educator .main-nav {
display: none;
position: absolute;
right: 18px;
top: 18px;
height: 37px;
overflow: hidden;
width: 176px;
z-index: 75;
}
.educator .main-nav > ul {
border: 2px solid #ffeeb2;
border-radius: 4px;
width: 100%;
position: relative;
overflow: hidden;
}
.educator .main-nav > ul > li {
font-family: 'RobotoCondensed', 'Arial Narrow', sans-serif;
font-weight: 700;
text-transform: uppercase;
font-size: 18px;
line-height: 15px;
margin: 0 0 10px 0;
margin-bottom: 0px;
font-size: 14px;
line-height: 12px;
color: #2b2b2b;
padding: 10px 0;
cursor: pointer;
position: relative;
border-bottom: 1px solid #ffeeb2;
}
.educator .main-nav > ul > li:last-child {
border-bottom: none;
}
.educator .main-nav > ul > li.active:before {
content: '\25B2';
position: absolute;
left: 160px;
top: 11px;
font-size: 8px;
line-height: 0px;
}
.educator .main-nav > ul > li.active:after {
content: '\25BC';
position: absolute;
left: 160px;
bottom: 11px;
font-size: 8px;
line-height: 0px;
}
.educator .main-nav > ul > li > span {
display: block;
width: 152px;
text-align: right;
}
.educator .main-nav.active-0.active {
top: 18px;
}
.educator .main-nav.active-0 ul {
top: 0px;
}
.educator .main-nav.active-1.active {
top: -15px;
}
.educator .main-nav.active-1 ul {
top: -33px;
}
.educator .main-nav.active-2.active {
top: -48px;
}
.educator .main-nav.active-2 ul {
top: -66px;
}
.educator .main-nav.active-3.active {
top: -81px;
}
.educator .main-nav.active-3 ul {
top: -99px;
}
.educator .main-nav.active-4.active {
top: -114px;
}
.educator .main-nav.active-4 ul {
top: -132px;
}
.educator .main-nav.active-5.active {
top: -147px;
}
.educator .main-nav.active-5 ul {
top: -165px;
}
.educator .main-nav.active {
height: auto;
}
.educator .main-nav.active > ul {
background-color: #fff9e3;
border-color: #eedb99;
top: 0px;
}
.educator .main-nav.active > ul li:hover {
color: #ffeeb2;
background-color: #2b2b2b;
}
.educator .main-nav.active > ul li:hover:before,
.educator .main-nav.active > ul li:hover:after {
color: #2b2b2b;
}
.educator .actions {
padding: 15px;
border-top: 1px solid #ecdda7;
text-align: right;
}
.educator .actions a,
.educator .actions a:active,
.educator .actions a:hover,
.educator .actions a:visited {
display: inline-block;
vertical-align: middle;
*display: inline;
zoom: 1;
background-color: transparent;
font-size: 14px;
font-family: 'RobotoCondensed', 'Arial Narrow', sans-serif;
font-weight: 700;
text-transform: uppercase;
text-align: center;
margin: 0;
height: 36px;
width: 80px;
line-height: 18px;
padding: 8px 20px;
border: 1px solid;
border-color: #2b2b2b;
border-radius: 4px;
color: #2b2b2b;
outline: none;
margin-right: 10px;
}
.educator .actions a:hover,
.educator .actions a:active:hover,
.educator .actions a:hover:hover,
.educator .actions a:visited:hover {
text-decoration: none;
}
.lt-ie8 .educator .actions a,
.lt-ie8 .educator .actions a:active,
.lt-ie8 .educator .actions a:hover,
.lt-ie8 .educator .actions a:visited {
overflow: hidden;
height: 20px;
width: 40px;
line-height: 1;
}
.educator .actions .disabled {
opacity: 0.25;
}
.educator .actions .close {
display: inline-block;
vertical-align: middle;
*display: inline;
zoom: 1;
border-left: 1px solid #ecdda7;
padding-left: 18px;
}
.educator .actions .close a,
.educator .actions .close a.active,
.educator .actions .close a.visited,
.educator .actions .close a.hover {
display: inline-block;
vertical-align: middle;
*display: inline;
zoom: 1;
background-color: transparent;
font-size: 14px;
font-family: 'RobotoCondensed', 'Arial Narrow', sans-serif;
font-weight: 700;
text-transform: uppercase;
text-align: center;
margin: 0;
height: 36px;
width: 80px;
line-height: 18px;
padding: 8px 20px;
border: 1px solid;
border-radius: 4px;
color: #2b2b2b;
outline: none;
background-color: #2b2b2b;
color: #ffeeb2;
border-color: #2b2b2b;
}
.educator .actions .close a:hover,
.educator .actions .close a.active:hover,
.educator .actions .close a.visited:hover,
.educator .actions .close a.hover:hover {
text-decoration: none;
}
.lt-ie8 .educator .actions .close a,
.lt-ie8 .educator .actions .close a.active,
.lt-ie8 .educator .actions .close a.visited,
.lt-ie8 .educator .actions .close a.hover {
overflow: hidden;
height: 20px;
width: 40px;
line-height: 1;
}
.educator.edu-closed .heading {
border-bottom: none;
}
.educator.edu-closed .slides,
.educator.edu-closed .main-nav,
.educator.edu-closed .actions {
display: none;
}
.educator .main .single {
padding: 15px;
}
.educator .slides {
height: 286px;
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
}
.educator .slide {
background-color: #ffeeb2;
position: absolute;
width: 100%;
transition: transform 0.5s;
}
.educator .slide:target,
.educator .slide.active {
-ms-transform: translate(0);
transform: translate(0);
}
.educator .slide.ahead {
-ms-transform: translate(100%);
transform: translate(100%);
}
.educator .slide.behind {
-ms-transform: translate(-100%);
transform: translate(-100%);
}
.educator .slide.slide-position-0 {
z-index: 30;
}
.educator .slide.slide-position-0.active {
z-index: 31;
}
.educator .slide.slide-position-1 {
z-index: 29;
}
.educator .slide.slide-position-1.active {
z-index: 31;
}
.educator .slide.slide-position-2 {
z-index: 28;
}
.educator .slide.slide-position-2.active {
z-index: 31;
}
.educator .slide.slide-position-3 {
z-index: 27;
}
.educator .slide.slide-position-3.active {
z-index: 31;
}
.educator .slide.slide-position-4 {
z-index: 26;
}
.educator .slide.slide-position-4.active {
z-index: 31;
}
.educator .slide.slide-position-5 {
z-index: 25;
}
.educator .slide.slide-position-5.active {
z-index: 31;
}
.educator .slide.slide-position-6 {
z-index: 24;
}
.educator .slide.slide-position-6.active {
z-index: 31;
}
.educator .slide.slide-position-7 {
z-index: 23;
}
.educator .slide.slide-position-7.active {
z-index: 31;
}
.educator .slide.slide-position-8 {
z-index: 22;
}
.educator .slide.slide-position-8.active {
z-index: 31;
}
.educator .slide.slide-position-9 {
z-index: 21;
}
.educator .slide.slide-position-9.active {
z-index: 31;
}
.educator .slide.slide-position-10 {
z-index: 20;
}
.educator .slide.slide-position-10.active {
z-index: 31;
}
.educator .slide.slide-position-11 {
z-index: 19;
}
.educator .slide.slide-position-11.active {
z-index: 31;
}
.educator .slide.slide-position-12 {
z-index: 18;
}
.educator .slide.slide-position-12.active {
z-index: 31;
}
.educator .slide.slide-position-13 {
z-index: 17;
}
.educator .slide.slide-position-13.active {
z-index: 31;
}
.educator .slide.slide-position-14 {
z-index: 16;
}
.educator .slide.slide-position-14.active {
z-index: 31;
}
.educator .slide.slide-position-15 {
z-index: 15;
}
.educator .slide.slide-position-15.active {
z-index: 31;
}
.educator .slide.slide-position-16 {
z-index: 14;
}
.educator .slide.slide-position-16.active {
z-index: 31;
}
.educator .slide.slide-position-17 {
z-index: 13;
}
.educator .slide.slide-position-17.active {
z-index: 31;
}
.educator .slide.slide-position-18 {
z-index: 12;
}
.educator .slide.slide-position-18.active {
z-index: 31;
}
.educator .slide.slide-position-19 {
z-index: 11;
}
.educator .slide.slide-position-19.active {
z-index: 31;
}
.educator .slide.slide-position-20 {
z-index: 10;
}
.educator .slide.slide-position-20.active {
z-index: 31;
}
.educator .slide.slide-position-21 {
z-index: 9;
}
.educator .slide.slide-position-21.active {
z-index: 31;
}
.educator .slide.slide-position-22 {
z-index: 8;
}
.educator .slide.slide-position-22.active {
z-index: 31;
}
.educator .slide.slide-position-23 {
z-index: 7;
}
.educator .slide.slide-position-23.active {
z-index: 31;
}
.educator .slide.slide-position-24 {
z-index: 6;
}
.educator .slide.slide-position-24.active {
z-index: 31;
}
.educator .slide.slide-position-25 {
z-index: 5;
}
.educator .slide.slide-position-25.active {
z-index: 31;
}
.educator .slide.slide-position-26 {
z-index: 4;
}
.educator .slide.slide-position-26.active {
z-index: 31;
}
.educator .slide.slide-position-27 {
z-index: 3;
}
.educator .slide.slide-position-27.active {
z-index: 31;
}
.educator .slide.slide-position-28 {
z-index: 2;
}
.educator .slide.slide-position-28.active {
z-index: 31;
}
.educator .slide.slide-position-29 {
z-index: 1;
}
.educator .slide.slide-position-29.active {
z-index: 31;
}
.educator .slide.slide-position-30 {
z-index: 0;
}
.educator .slide.slide-position-30.active {
z-index: 31;
}
.educator .slide .content-block {
display: block;
float: left;
padding: 15px;
width: 236px;
height: 144px;
position: relative;
overflow: hidden;
text-overflow: ellipsis;
text-align: left;
}
.educator .slide .content-block.img {
text-align: center;
}
.educator .slide .content-block.img img {
max-width: 205px;
max-height: 114px;
margin: auto;
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
}
.educator .slide .content-block.img.single img {
max-width: 678px;
max-height: 256px;
}
.educator .slide .content-block.img.tall img {
max-width: 205px;
max-height: 256px;
}
.educator .slide .content-block.img.wide img {
max-width: 324px;
max-height: 256px;
}
.educator .slide .content-block.tall {
height: 286px;
}
.educator .slide .content-block.wide {
height: 286px;
width: 354px;
}
.educator .slide .content-block.single {
height: 286px;
width: 100%;
}
.educator .slide .content-block.content {
width: 470px;
height: 286px;
}
.lt-ie8 .educator .slide .content-block {
width: 205px;
height: 111px;
}
.lt-ie8 .educator .slide .content-block.tall {
height: 253px;
}
.lt-ie8 .educator .slide .content-block.wide {
height: 253px;
width: 324px;
}
.lt-ie8 .educator .slide .content-block.single {
height: 253px;
width: 680px;
}
.educator .slide .content-block .header-title {
display: inline-block;
vertical-align: middle;
*display: inline;
zoom: 1;
font-family: 'RobotoCondensed', 'Arial Narrow', sans-serif;
font-weight: 700;
text-transform: uppercase;
font-size: 18px;
line-height: 15px;
margin: 0 0 10px 0;
color: #2b2b2b;
font-size: 13px;
line-height: 1;
padding-bottom: 5px;
margin-bottom: 8px;
}
.educator .slide .content-block .header-title.header-link {
border-bottom: 1px solid;
}
.educator .slide .content-block .header-title.header-link:hover {
text-decoration: none;
}
.educator .slide .content-block p {
font-family: Arial, sans-serif;
font-size: 12px;
line-height: 17px;
font-weight: normal;
margin: 0px;
padding: 0px;
}
.educator .slide .navigation a,
.educator .slide .navigation button {
display: inline-block;
vertical-align: middle;
*display: inline;
zoom: 1;
background-color: transparent;
font-size: 14px;
font-family: 'RobotoCondensed', 'Arial Narrow', sans-serif;
font-weight: 700;
text-transform: uppercase;
text-align: center;
margin: 0;
height: 36px;
width: 80px;
line-height: 18px;
padding: 8px 20px;
border: 1px solid;
border-color: #2b2b2b;
border-radius: 4px;
outline: none;
width: 100%;
margin-bottom: 7px;
text-align: left;
padding: 8px 14px;
color: #2b2b2b;
border-color: #eedb99;
display: block;
}
.educator .slide .navigation a:hover,
.educator .slide .navigation button:hover {
text-decoration: none;
}
.lt-ie8 .educator .slide .navigation a,
.lt-ie8 .educator .slide .navigation button {
overflow: hidden;
height: 20px;
width: 40px;
line-height: 1;
}
.educator .slide .navigation a.active,
.educator .slide .navigation button.active,
.educator .slide .navigation a:hover,
.educator .slide .navigation button:hover {
background-color: #eedb99;
}
.educator .slide .nav-content {
transition: opacity 0.5s ease-in, visibility 0.5s ease-in;
background-color: #ffeeb2;
opacity: 0;
visibility: hidden;
position: absolute;
width: 440px;
top: 0px;
}
.educator .slide .nav-content.active {
visibility: visible;
opacity: 1;
}
.educator .slide .nav-content .article {
padding-top: 15px;
float: left;
width: 245px;
}
.educator .slide .nav-content .article.noaside,
.educator .slide .nav-content .article.image_bottom {
width: 330px;
}
.educator .slide .nav-content .article > small {
font-family: Arial, sans-serif;
font-size: 12px;
line-height: 17px;
font-weight: normal;
margin: 0px;
padding: 0px;
color: #2b2b2b;
text-transform: lowercase;
display: block;
margin-bottom: 5px;
}
.educator .slide .nav-content .article > strong {
font-family: 'RobotoCondensed', 'Arial Narrow', sans-serif;
font-weight: 700;
text-transform: uppercase;
font-size: 18px;
line-height: 15px;
margin: 0 0 10px 0;
color: #2b2b2b;
padding-bottom: 11px;
border-bottom: 3px solid #eedb99;
display: block;
margin-bottom: 20px;
}
.educator .slide .nav-content .article > p {
font-family: Arial, sans-serif;
font-size: 12px;
line-height: 17px;
font-weight: normal;
margin: 0px;
padding: 0px;
margin-bottom: 15px;
}
.educator .slide .nav-content .article > ul {
font-family: Arial, sans-serif;
font-size: 12px;
line-height: 17px;
font-weight: normal;
margin: 0px;
padding: 0px;
margin-bottom: 15px;
}
.educator .slide .nav-content .article p.recommendation {
margin-top: 10px;
font-family: 'RobotoCondensed', 'Arial Narrow', sans-serif;
font-weight: 700;
text-transform: uppercase;
font-size: 18px;
line-height: 15px;
margin: 0 0 10px 0;
color: #2b2b2b;
font-size: 14px;
font-weight: normal;
}
.educator .slide .nav-content .aside-img {
height: 185px;
position: absolute;
top: 90px;
right: 0px;
}
.educator .slide .nav-content .aside-img.bottom {
position: static;
}
.educator .slide h4.table-heading-main {
font-family: 'RobotoCondensed', 'Arial Narrow', sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 15px;
margin: 0 0 10px 0;
color: #2b2b2b;
font-size: 13px;
text-transform: uppercase;
margin: 0 0 12px 0;
padding: 0;
}
.educator .slide h5.table-heading-sub {
font-family: Arial, sans-serif;
font-size: 12px;
line-height: 17px;
font-weight: normal;
margin: 0px;
padding: 0px;
margin: 0 0 12px 0;
padding: 0;
}
.educator .slide .slide-table {
font-family: Arial, sans-serif;
font-size: 12px;
line-height: 17px;
font-weight: normal;
margin: 0px;
padding: 0px;
font-family: 'RobotoCondensed', 'Arial Narrow', sans-serif;
border-collapse: collapse;
}
.educator .slide .slide-table tr td,
.educator .slide .slide-table tr th {
border: 1px solid #ecdda7;
padding: 2px 5px;
margin: 0;
}
.educator .slide .slide-table tr td.bold,
.educator .slide .slide-table tr th.bold {
font-weight: 700;
}
#discontinued-alts .discontinued-container {
border: 1px solid #EEEEEE;
}
#discontinued-alts .discontinued-container > h3 {
margin: 0;
border: 0;
}
#discontinued-alts .discontinued-content {
padding: 10px 10px 0;
}
#discontinued-alts .discontinued-message {
font-size: 12px;
padding-bottom: 10px;
border-bottom: 3px solid #EEEEEE;
}
#discontinued-alts .discontinued-message p {
margin: 0;
}
#discontinued-alts .alts-set-cards {
overflow-y: hidden;
position: relative;
}
#discontinued-alts .alts-set-cards .alts-row {
position: relative;
}
#discontinued-alts .alts-row {
border-bottom: 1px solid #EEEEEE;
padding-top: 20px;
padding-bottom: 20px;
}
#discontinued-alts .alts-row .product-info,
#discontinued-alts .alts-row img,
#discontinued-alts .alts-row > a {
display: inline-block;
vertical-align: middle;
*display: inline;
zoom: 1;
}
#discontinued-alts .alts-row img {
width: 75px;
padding: 0 10px;
}
#discontinued-alts .alts-row .product-info {
max-width: 340px;
color: #29333B;
}
#discontinued-alts .alts-row .product-info a {
color: #29333B;
font-weight: 700;
}
#discontinued-alts .alts-row .product-info a:hover {
text-decoration: none;
}
#discontinued-alts .alts-row .product-info .product-brand {
margin-bottom: 5px;
font-weight: 400;
}
#discontinued-alts .alts-row .product-info .product-sku {
font-weight: 400;
}
#discontinued-alts .alts-row a.btn {
float: right;
width: 150px;
margin-top: 13px;
}
#discontinued-alts .alts-row.no-alts a.btn {
float: none;
}
#discontinued-alts .alts-pagination-container .module-pagination {
border-top: 1px solid #EEEEEE;
padding: 12px 10px;
text-align: center;
font-family: 'RobotoCondensed', 'Arial Narrow', sans-serif;
font-size: inherit;
font-weight: 400;
color: #29333B;
line-height: normal;
text-transform: uppercase;
color: #72777D;
}
#discontinued-alts .alts-pagination-container .module-pagination .prev:before {
font-family: graingerFont;
content: "\e918";
font-weight: 400;
font-size: 9px;
margin-right: 10px;
}
#discontinued-alts .alts-pagination-container .module-pagination .next:after {
font-family: graingerFont;
content: "\e919";
font-weight: 400;
font-size: 9px;
margin-left: 10px;
}
#discontinued-alts .alts-pagination-container .module-pagination a {
margin: 0 10px;
}
#discontinued-alts .alts-pagination-container .module-pagination a:hover {
text-decoration: none;
}
#discontinued-alts .alts-pagination-container .module-pagination a.disabled {
cursor: default;
color: #72777D;
}
#discontinued-alts .product-toggle {
max-width: 50%;
margin: auto;
height: 40px;
border-radius: 4px;
background-color: #29333B;
text-align: center;
margin-top: 10px;
font-family: 'RobotoCondensed', 'Arial Narrow', sans-serif;
font-size: inherit;
font-weight: 400;
color: #29333B;
line-height: normal;
text-transform: uppercase;
cursor: pointer;
}
#discontinued-alts .product-toggle.collapsed span:after {
font-family: graingerFont;
content: "\e91e";
font-weight: 400;
}
#discontinued-alts .product-toggle span {
color: #ffffff;
line-height: 40px;
}
#discontinued-alts .product-toggle span:after {
font-family: graingerFont;
content: "\e924";
font-weight: 400;
font-size: 8px;
margin-left: 10px;
}
#discontinued-alts .alts-options {
padding: 20px 0;
}
#discontinued-alts .alts-options p {
font-size: 12px;
font-weight: 700;
}
#ltlSpecialShippingPricingMessage {
font-family: Arial;
font-size: 11px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.27;
color: #29333B;
margin-top: 14px;
margin-bottom: 14px;
}
/* for mediumcustomer */
.redpass-free-shipping-container {
display: none;
margin-top: 10px;
border: 1px solid #D8D8D8;
border-left: 3px solid #000000;
}
.redpass-free-shipping-container .redpass-free-shipping {
display: inline-block;
vertical-align: middle;
*display: inline;
zoom: 1;
width: 70%;
min-width: 430px;
padding: 15px 0;
}
.redpass-free-shipping-container .redpass-free-shipping p {
font-family: 'RobotoCondensed', 'Arial Narrow', sans-serif;
font-weight: 700;
font-stretch: condensed;
margin: 0;
}
.redpass-free-shipping-container .redpass-free-shipping-title {
display: inline-block;
vertical-align: middle;
*display: inline;
zoom: 1;
width: 35%;
text-align: center;
border-right: 1px solid #D8D8D8;
min-width: 127px;
}
.redpass-free-shipping-container .redpass-free-shipping-title p {
display: inline-block;
vertical-align: middle;
*display: inline;
zoom: 1;
width: 127px;
height: 38px;
letter-spacing: 0.3px;
text-align: left;
font-family: 'RobotoCondensed', 'Arial Narrow', sans-serif;
font-size: 18px;
font-weight: 700;
color: #000000;
line-height: 1.06;
text-transform: uppercase;
}
.redpass-free-shipping-container .redpass-free-shipping-link {
display: inline-block;
vertical-align: middle;
*display: inline;
zoom: 1;
width: 64%;
min-width: 264px;
text-align: center;
}
.redpass-free-shipping-container .redpass-free-shipping-link p {
display: inline-block;
vertical-align: middle;
*display: inline;
zoom: 1;
width: 264px;
height: 36px;
letter-spacing: normal;
text-align: left;
font-family: 'RobotoCondensed', 'Arial Narrow', sans-serif;
font-size: 14px;
font-weight: 500;
color: #000000;
line-height: 1.29;
}
.redpass-free-shipping-container .redpass-free-shipping-link a {
font-weight: 700;
}
.redpass-free-shipping-container .redpass-free-shipping-link a:hover {
text-decoration: underline;
}
.redpass-free-shipping-container .redpass-logo {
display: inline-block;
vertical-align: middle;
*display: inline;
zoom: 1;
width: 30%;
max-width: calc(100% - 430px);
text-align: center;
position: relative;
background-image: url('https://static.grainger.com/rp/s/is/image/Grainger/redpass_background_repeater');
background-repeat: repeat;
}
.redpass-free-shipping-container .redpass-logo::before {
content: '';
display: block;
position: absolute;
border-top: 34px solid transparent;
border-bottom: 34px solid #ffffff;
border-left: 8px solid #ffffff;
border-right: 8px solid transparent;
}
.redpass-free-shipping-container .redpass-logo img {
width: 120px;
margin: 13px 0 12px 10px;
cursor: pointer;
}
#modalRedpassIdpConfirmation {
width: 538px;
height: 374px;
margin-left: -289px;
margin-top: 90px;
}
#modalRedpassIdpConfirmation .modal-content {
width: 100%;
height: 100%;
padding: 0px;
overflow: hidden;
}
#modalRedpassIdpConfirmation .modal-content .box-section {
position: relative;
width: 540px;
height: 371px;
background: #EEEEEE url('/320/img/mediumcustomer/redpass_background_repeater.png') repeat-x;
}
#modalRedpassIdpConfirmation .modal-content .box-section .box-header {
font-family: 'RobotoCondensed', 'Arial Narrow', sans-serif;
font-weight: 500;
font-stretch: condensed;
font-weight: 700;
width: 100%;
margin-left: 31px;
margin-top: 115px;
font-size: 32px;
text-transform: uppercase;
}
#modalRedpassIdpConfirmation .modal-content .box-section .box-text {
font-family: 'arial';
font-size: 14px;
font-weight: 500;
width: 434px;
height: 20px;
margin-top: 15px;
margin-left: 36px;
}
#modalRedpassIdpConfirmation .modal-content .box-section .box-text p {
line-height: 14px;
}
#modalRedpassIdpConfirmation .modal-content .box-section .box-logo {
position: absolute;
top: 30px;
left: 155px;
width: 212px;
height: 76px;
}
#modalRedpassIdpConfirmation .modal-footer {
margin-top: -70px;
}
#modalRedpassIdpConfirmation .callout-email {
font-weight: 700;
color: #00739E;
}
.productPage h1,
.parentProduct h1 {
display: block;
width: 100%;
margin-bottom: 10px;
text-transform: none;
}
.productPage .head-container > ul > li,
.parentProduct .head-container > ul > li {
display: inline-block;
vertical-align: middle;
*display: inline;
zoom: 1;
font-size: 12px;
margin-right: 10px;
color: #72777D;
}
.productPage .head-container > ul > li span,
.parentProduct .head-container > ul > li span {
color: #000000;
font-weight: 700;
}
.parentProduct .checkbox-new {
border: 0;
clip: rect(0 0 0 0);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
white-space: nowrap;
}
.parentProduct .checkbox-new:checked + input[type="hidden"] + label:before,
.parentProduct .checkbox-new:checked + label:before {
font-family: graingerFont;
content: "\e908";
font-weight: 400;
background-color: transparent;
box-shadow: none;
color: #00739E;
}
.parentProduct .checkbox-new + input[type="hidden"] + label,
.parentProduct .checkbox-new + label {
line-height: normal;
cursor: pointer;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: start;
justify-content: flex-start;
}
.parentProduct .checkbox-new + input[type="hidden"] + label:hover:before,
.parentProduct .checkbox-new + label:hover:before {
box-shadow: inset 0 0 0px 2px #00739E;
}
.parentProduct .checkbox-new + input[type="hidden"] + label:before,
.parentProduct .checkbox-new + label:before {
font-family: graingerFont;
content: "\e906";
font-weight: 400;
box-shadow: inset 0 0 0px 2px #72777D;
color: transparent;
margin-right: 10px;
font-size: 20px;
vertical-align: middle;
display: inline-block;
}
.parentProduct .checkbox-new:disabled + input[type="hidden"] + label,
.parentProduct .checkbox-new:disabled + label {
color: #D8D8D8;
cursor: auto;
}
.parentProduct .checkbox-new:disabled + input[type="hidden"] + label:before,
.parentProduct .checkbox-new:disabled + label:before {
background-color: #D8D8D8;
color: #D8D8D8;
box-shadow: none;
}
.parentProduct .checkbox-new:focus + input[type="hidden"] + label:before,
.parentProduct .checkbox-new:focus + label:before {
outline: 3px solid #D8D8D8;
}
/* Global class styles */
.price {
color: #19792F;
font-weight: 700;
}
.availabilityMessage p {
margin: 0;
}
/* Product Container Styles */
.productWarranty,
.productRating,
.countryOfOrigin,
.productContainer,
.priceContainer {
width: 100%;
padding: 0;
margin-bottom: 10px;
float: none;
*clear: both;
*zoom: 1;
*width: 98%;
}
.productWarranty:after,
.productRating:after,
.countryOfOrigin:after,
.productContainer:after,
.priceContainer:after,
.productWarranty:before,
.productRating:before,
.countryOfOrigin:before,
.productContainer:before,
.priceContainer:before {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.productWarranty:after,
.productRating:after,
.countryOfOrigin:after,
.productContainer:after,
.priceContainer:after {
clear: both;
}
.responsive .backToSearch {
display: none;
}
.responsive .BVQAHeader {
background: none;
padding-top: 0;
}
.responsive #BVQAHeaderTitleID {
display: none;
}
.responsive .BVQAQuestionAndAnswerCount {
margin-top: 10px;
}
.responsive #BVSearchSubmitID {
width: 65px;
}
@media (max-width: 960px) {
.responsive .BVRRDisplayContentHeaderContent > * {
float: left;
}
.responsive #BVRRDisplayContentSortID {
margin-left: 30px;
}
}
.productContainer {
font-weight: 500;
margin-bottom: 8px;
padding-right: 0;
}
.productContainer .row {
width: 100%;
padding: 10px;
margin-bottom: 10px;
float: none;
*clear: both;
*zoom: 1;
*width: 98%;
padding: 10px 0;
}
.productContainer .row:after,
.productContainer .row:before {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.productContainer .row:after {
clear: both;
}
@media (max-width: 960px) {
.responsive .productContainer .row {
margin-bottom: 0;
padding: 5px 0 0 0;
}
.responsive .productContainer .row:last-child {
padding-top: 0;
}
}
.productImage {
width: 33.33333333%;
padding: 0;
margin-bottom: 10px;
float: left;
*width: 31.33333333%;
}
.responsive .productImage .mainImage img {
width: 100%;
}
.productInformation {
width: 66.66666667%;
padding: 10px 10px 0;
margin-bottom: 10px;
float: left;
*width: 64.66666667%;
margin: 0;
padding-right: 0;
}
@media (max-width: 960px) {
.responsive .productInformation {
width: 63%;
}
}
h2.productName {
width: 100%;
padding: 10px 0 0;
margin-bottom: 10px;
float: none;
*clear: both;
*zoom: 1;
*width: 98%;
margin-bottom: 0;
}
h2.productName:after,
h2.productName:before {
content: " ";
/* 1 */
display: table;
/* 2 */
}
h2.productName:after {
clear: both;
}
.head-container {
width: 100%;
padding: 0 0 20px;
margin-bottom: 10px;
float: none;
*clear: both;
*zoom: 1;
*width: 98%;
margin: 0;
}
.head-container:after,
.head-container:before {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.head-container:after {
clear: both;
}
.head-container .grainger-choice-container {
display: inline-block;
vertical-align: middle;
*display: inline;
zoom: 1;
width: 16.66666667%;
padding: 0;
margin-bottom: 10px;
float: left;
*width: 14.66666667%;
float: right;
margin: 0;
text-align: right;
}
.head-container .grainger-choice-container.parent svg,
.head-container .grainger-choice-container.parent img {
width: 83px;
height: 83px;
}
.head-container .grainger-choice-container.single svg {
width: 150px;
height: 14px;
}
.head-container .grainger-choice-container.single img {
width: 72px;
height: 72px;
}
.lt-ie9 .head-container .grainger-choice-container svg,
.lt-ie9 .head-container .grainger-choice-container .trademark {
display: none;
}
.brand {
display: inline-block;
vertical-align: middle;
*display: inline;
zoom: 1;
font-size: 12px;
font-weight: 400;
margin-bottom: 10px;
}
.priceContainer {
font-size: 12px;
border-bottom: 1px solid #D8D8D8;
border-top: 1px solid #D8D8D8;
padding: 10px 0;
margin-bottom: 0;
display: block;
width: 100%;
}
#quickitemview .priceContainer {
margin-bottom: 15px;
}
.priceContainer .productAvailability {
padding-top: 3px;
}
.priceContainer .productAvailability #availTabs li:hover:not(.active) {
background-color: #72777D;
}
.priceContainer .productAvailability #availTabs li a {
font-weight: 700;
}
.priceContainer .productAvailability .productRta {
margin-bottom: 7px;
display: inline-block;
vertical-align: middle;
*display: inline;
zoom: 1;
}
#jump-to-label {
color: #72777D;
font-weight: bold;
}
.jump-link-container {
display: inline-block;
vertical-align: middle;
*display: inline;
zoom: 1;
margin: 25px 0 10px 0;
font-size: 13px;
font-weight: bold;
}
.jump-link-container a.page-jumplink {
display: block;
border: 1px solid #72777D;
padding: 7px;
cursor: pointer;
height: 37px;
text-decoration: none;
color: #000000;
}
.jump-link-container a.page-jumplink:first-child {
margin-left: 8px;
}
.jump-link-container a.page-jumplink:before,
.jump-link-container a.page-jumplink img {
vertical-align: middle;
margin-right: 5px;
}
.jump-link-container a.page-jumplink .num-of-items {
color: #72777D;
}
.jump-link-to-top > a:before {
margin-right: 5px;
font-size: 19px;
font-family: graingerFont;
content: "\e924";
font-weight: 400;
}
#requiredAccessoriesLink.required-accessories-icon > a:before {
margin-right: 5px;
font-size: 19px;
font-family: graingerFont;
content: "\e91c";
font-weight: 400;
}
#replacementPartsLink > a:before {
margin-right: 5px;
font-size: 19px;
font-family: graingerFont;
content: "\e92e";
font-weight: 400;
}
#addItemsToCartFromIdp .priceContainer .productPrice .priceLabel {
display: block;
margin-bottom: 5px;
font-size: 14px;
}
#addItemsToCartFromIdp .priceContainer .productPrice .bottomText {
font-size: 14px;
}
#addItemsToCartFromIdp .priceContainer .productPrice .price {
clear: both;
font-size: 19px;
}
.lt-ie8 #addItemsToCartFromIdp .priceContainer .productPrice .price {
margin-top: 0;
line-height: 20px;
}
.priceContainer .productPrice {
width: 25%;
padding: 3px 10px 0 0;
margin-bottom: 10px;
float: left;
*width: 23%;
float: none;
display: table-cell;
vertical-align: top;
width: 30%;
}
.modal .priceContainer .productPrice {
width: 100%;
}
@media (max-width: 960px) {
.responsive .priceContainer .productPrice {
width: 30%;
}
}
@media (max-width: 730px) {
.responsive .priceContainer .productPrice {
width: 35%;
}
}
.priceContainer .productPrice .priceWrapper {
font-weight: 500;
width: 100%;
padding: 0;
margin-bottom: 10px;
float: none;
*clear: both;
*zoom: 1;
*width: 98%;
font-size: 14px;
margin-bottom: 5px;
display: inline-block;
vertical-align: middle;
*display: inline;
zoom: 1;
}
.priceContainer .productPrice .priceWrapper:after,
.priceContainer .productPrice .priceWrapper:before {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.priceContainer .productPrice .priceWrapper:after {
clear: both;
}
.priceContainer .productPrice .priceWrapper .price,
.priceContainer .productPrice .priceWrapper .priceRed {
color: #19792F;
font-size: 22px;
font-weight: 700;
display: inline-block;
vertical-align: middle;
*display: inline;
zoom: 1;
margin-top: 3px;
}
.priceContainer .productPrice .priceWrapper .priceRed {
color: #BE2122;
}
.lt-ie8 .priceContainer .productPrice .priceWrapper .priceRed {
line-height: 22px;
}
.priceContainer .productPrice .priceWrapper .forEach {
margin-top: 5px;
}
.priceContainer .productPrice .priceWrapper .productPrice {
width: auto;
}
@media (max-width: 730px) {
.responsive .priceContainer .productPrice .priceWrapper {
margin-top: 5px;
}
}
.priceContainer .productPrice .priceWrapper .selectAdvantagePricing {
width: 90%;
display: none;
color: #72777D;
font-size: 12px;
padding-left: 3px;
margin-top: 10px;
}
.priceContainer .productPrice .priceWrapper .selectAdvantagePricing a {
font-weight: 700;
}
.priceContainer .productPrice .priceWrapper .selectAdvantagePricing p {
margin-bottom: 0;
line-height: 14px;
}
.priceContainer .productPrice .priceWrapper .selectAdvantagePricing .servicemark {
font-size: 7px;
line-height: 7px;
}
.modal .priceContainer .productPrice {
width: 100%;
}
.productAction {
width: 37.5%;
padding: 0 10px 5px 20px;
margin-bottom: 10px;
float: left;
*width: 35.5%;
float: none;
display: table-cell;
vertical-align: top;
width: 40%;
border-left: 1px solid #D8D8D8;
border-right: 1px solid #D8D8D8;
height: 160px;
margin-bottom: 0;
}
@media (max-width: 960px) {
.responsive .productAction {
width: 45%;
padding: 0 0 10px 10px;
}
}
@media (max-width: 730px) {
.responsive .productAction {
width: 35%;
}
}
.lt-ie8 .productAction {
width: 230px;
padding: 0 10px 5px 10px;
}
.lt-ie8 .productAction .btn {
width: 150px;
}
.productAction .productQty {
width: 40px;
}
.productAction .productQty input {
margin-bottom: 0;
}
@media (max-width: 730px) {
.responsive .productAction .productQty {
margin-top: 10px;
}
}
.productAction .productQty,
.productAction .addToCart,
.productAction .addToCartForm,
.productAction .addToList {
font-weight: 700;
margin-top: 5px;
vertical-align: middle;
float: left;
}
.productAction .addToCart,
.productAction .addToCartForm,
.productAction .addToList {
margin-right: 7px;
}
.productAction .productQty,
.productAction .addToCart {
margin-top: 0;
}
.productAction .addToList {
margin-top: 10px;
float: none;
clear: both;
}
.productAction .addToList li {
display: inline;
}
.productAction .addToList li::before {
content: " | ";
}
.productAction .addToList li:first-child::before {
content: "";
}
.productAction .addToList li.addToKeepStockLink {
display: block;
}
.productAction .addToList li.addToKeepStockLink::before {
content: "";
}
.productAction .addToList li a::before {
content: "+ ";
}
.productAction .addToCartForm {
margin-bottom: 10px;
}
.productAction .addToCart {
margin-right: 0;
}
@media (max-width: 780px) {
.productAction .addToCart .btnPrimary {
margin: 0 0 0 5px;
padding: 12px 10px;
}
}
@media (max-width: 730px) {
.responsive .productAction .addToCart {
margin-top: 10px;
}
}
.lt-ie8 .productAction .addToCart {
margin-left: 10px;
}
.productAvailability {
width: 30%;
padding: 0 0 0 0;
margin-bottom: 10px;
float: left;
*width: 28%;
float: none;
display: table-cell;
vertical-align: top;
padding-left: 10px;
width: 30%;
}
.productAvailability .confirmZipCode {
padding: 10px 5px;
}
.productAvailability .confirmZipCode .formField {
*clear: both;
*zoom: 1;
}
.productAvailability .confirmZipCode .formField:after,
.productAvailability .confirmZipCode .formField:before {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.productAvailability .confirmZipCode .formField:after {
clear: both;
}
.productAvailability .confirmZipCode .formField .zipCode,
.productAvailability .confirmZipCode .formField .btn {
float: left;
}
.productAvailability .confirmZipCode .formField .zipCode {
width: 90px;
}
.productAvailability .confirmZipCode .formField.error input {
border-color: #BE2122;
}
.productAvailability .confirmZipCode .alert {
margin: 0;
}
.productAvailability .availabilityQty {
*clear: both;
*zoom: 1;
}
.productAvailability .availabilityQty:after,
.productAvailability .availabilityQty:before {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.productAvailability .availabilityQty:after {
clear: both;
}
.productAvailability .availabilityQty label,
.productAvailability .availabilityQty .qty,
.productAvailability .availabilityQty a {
float: left;
}
.productAvailability .availabilityQty label {
font-weight: 500;
padding-right: 16px;
}
.productAvailability .availabilityQty .qty {
border: 1px solid #D8D8D8;
padding: 3px;
width: 34px;
}
.productAvailability .availabilityQty a {
line-height: 20px;
margin-left: 5px;
}
.lt-ie8 .productAvailability {
width: 30%;
}
.lt-ie8 .productAvailability #availTabs li {
padding: 0;
}
.lt-ie8 .productAvailability #availTabs li.first a {
padding: 6px 10px 4px 10px;
}
.lt-ie8 .productAvailability .availabilityQty {
margin-bottom: 10px;
}
.productAvailability #rtaAvailability .nav.nav-tabs li:before {
content: "";
margin: 6px;
}
.productAvailability #rtaAvailability .tab-content {
padding: 0;
border: 0;
}
.productAvailability #rtaAvailability .nav.nav-tabs {
margin: 9px 0 0 0;
border-bottom: none;
}
.productAvailability #rtaAvailability .nav.nav-tabs .first,
.productAvailability #rtaAvailability .nav.nav-tabs .last,
.productAvailability #rtaAvailability .nav.nav-tabs .active {
margin: 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
height: 34px;
}
.productAvailability #rtaAvailability .nav.nav-tabs label {
display: inline;
font-weight: 500;
}
.productAvailability #rtaAvailability .availabilityMessage .nav li:before {
content: "|";
}
.productAvailability #rtaAvailability .availabilityMessage .nav {
margin: 0;
}
.productAvailability #rtaAvailability .availabilityMessage .branchInfo {
margin-bottom: 0;
}
.productAvailability #rtaAvailability .availabilityMessage .shipToZip {
margin-top: 20px;
}
.productAvailability #rtaAvailability .availabilityMessage .confirmZip {
*clear: both;
*zoom: 1;
}
.productAvailability #rtaAvailability .availabilityMessage .confirmZip:after,
.productAvailability #rtaAvailability .availabilityMessage .confirmZip:before {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.productAvailability #rtaAvailability .availabilityMessage .confirmZip:after {
clear: both;
}
.productAvailability #rtaAvailability .availabilityMessage .confirmZip .zipCode,
.productAvailability #rtaAvailability .availabilityMessage .confirmZip .btn,
.productAvailability #rtaAvailability .availabilityMessage .confirmZip label {
float: left;
}
.productAvailability #rtaAvailability .availabilityMessage .confirmZip label {
font-weight: 500;
line-height: 32px;
padding-right: 5px;
}
.productAvailability #rtaAvailability .availabilityMessage .confirmZip .btn {
padding: 9px 10px;
}
.productAvailability #rtaAvailability .availabilityMessage .confirmZip .zipCode {
width: 75px;
}
.responsive .productAvailability {
margin-top: 5px;
}
.productWarranty {
border-bottom: 1px solid #72777D;
padding: 11px 0;
margin-bottom: 0;
}
.productWarranty input {
vertical-align: baseline;
}
.productWarranty .msg-small {
font-size: 12px;
display: inline-block;
vertical-align: middle;
*display: inline;
zoom: 1;
vertical-align: baseline;
margin-left: 10px;
}
.productWarranty a {
font-size: 12px;
margin-left: 5px;
vertical-align: bottom;
}
.repairParts {
border-bottom: 1px solid #72777D;
padding: 14px 0;
}
.repairParts .repair-link {
font-size: 12px;
font-weight: bold;
*background-image: url('/320/img/sprites/grainger_icon_sprite.png');
*background-repeat: no-repeat;
*background-position-y: -5491px;
*background-position-x: 0;
}
.repairParts .repair-link:before {
font-family: graingerFont;
content: "\e63e";
font-weight: 400;
color: black;
margin-right: 15px;
}
.lt-ie8 .repairParts .repair-link {
padding-left: 37px;
}
.productRating {
border-bottom: 1px solid #D8D8D8;
font-size: 12px;
font-weight: 700;
padding: 10px 0 10px 0;
margin: 0;
}
.productRating .hero-rating {
display: inline-block;
vertical-align: middle;
*display: inline;
zoom: 1;
vertical-align: text-bottom;
margin-right: 6px;
}
.productRating .prodReviews {
display: inline-block;
vertical-align: middle;
*display: inline;
zoom: 1;
margin-top: 4px;
}
.productRating .prodReviews li {
float: left;
}
.productRating .prodReviews li:before {
color: #72777D;
content: "\007C";
font-size: 11px;
line-height: inherit;
font-weight: 500;
margin: 0px 9px 0 6px;
float: left;
}
.productRating .prodReviews li:first-child:before {
display: none;
}
.productRating .prodReviews li .starRating {
margin-top: -3px;
}
.parentProduct .checkbox-new {
border: 0;
clip: rect(0 0 0 0);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
white-space: nowrap;
}
.parentProduct .checkbox-new:checked + input[type="hidden"] + label:before,
.parentProduct .checkbox-new:checked + label:before {
font-family: graingerFont;
content: "\e908";
font-weight: 400;
background-color: transparent;
box-shadow: none;
color: #00739E;
}
.parentProduct .checkbox-new + input[type="hidden"] + label,
.parentProduct .checkbox-new + label {
line-height: normal;
cursor: pointer;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: start;
justify-content: flex-start;
}
.parentProduct .checkbox-new + input[type="hidden"] + label:hover:before,
.parentProduct .checkbox-new + label:hover:before {
box-shadow: inset 0 0 0px 2px #00739E;
}
.parentProduct .checkbox-new + input[type="hidden"] + label:before,
.parentProduct .checkbox-new + label:before {
font-family: graingerFont;
content: "\e906";
font-weight: 400;
box-shadow: inset 0 0 0px 2px #72777D;
color: transparent;
margin-right: 10px;
font-size: 20px;
vertical-align: middle;
display: inline-block;
}
.parentProduct .checkbox-new:disabled + input[type="hidden"] + label,
.parentProduct .checkbox-new:disabled + label {
color: #D8D8D8;
cursor: auto;
}
.parentProduct .checkbox-new:disabled + input[type="hidden"] + label:before,
.parentProduct .checkbox-new:disabled + label:before {
background-color: #D8D8D8;
color: #D8D8D8;
box-shadow: none;
}
.parentProduct .checkbox-new:focus + input[type="hidden"] + label:before,
.parentProduct .checkbox-new:focus + label:before {
outline: 3px solid #D8D8D8;
}
#main-content .parentProduct .productBreadcrumb .nav li:before {
content: ">";
}
#main-content .parentProduct .productBreadcrumb .nav li a {
font-family: 'RobotoCondensed', 'Arial Narrow', sans-serif;
font-size: inherit;
font-weight: 100;
color: #29333B;
line-height: normal;
}
.productInfo {
font-size: 14px;
}
.parentDetailBreadbox {
border-bottom: 1px dotted #EEEEEE;
font-size: 12px;
padding-bottom: 20px;
margin-bottom: 20px;
}
.parentDetailBreadbox .breadBoxLabel {
color: #72777D;
margin-right: 10px;
}
.parentDetailBreadbox .breadBoxValue {
font-weight: 700;
}
.parentDetailBreadbox .breadBoxValue .bread-close {
display: inline-block;
vertical-align: middle;
*display: inline;
zoom: 1;
*background-image: url('/320/img/sprites/grainger_icon_sprite.png');
*background-repeat: no-repeat;
*background-position-y: -2430px;
*background-position-x: 90%;
}
.parentDetailBreadbox .breadBoxValue .bread-close:hover {
text-decoration: none;
background: none;
}
.parentDetailBreadbox .breadBoxValue .bread-close:after {
font-family: graingerFont;
content: "\e907";
font-weight: 400;
color: #000000;
font-size: 11px;
float: left;
font-weight: 700;
margin: 1px 0 0 7px;
}
.lt-ie8 .parentDetailBreadbox .breadBoxValue .bread-close {
display: inline-block;
vertical-align: middle;
*display: inline;
zoom: 1;
width: 20px;
height: 20px;
}
.productInfo {
color: #72777D;
}
.productInfo .productLabelInfo {
border-bottom: 1px solid #D8D8D8;
width: 100%;
padding: 15px 0 1px 0;
margin-bottom: 10px;
float: none;
*clear: both;
*zoom: 1;
*width: 98%;
}
.productInfo .productLabelInfo:after,
.productInfo .productLabelInfo:before {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.productInfo .productLabelInfo:after {
clear: both;
}
.productInfo .productLabelInfo li {
width: 33.33333333%;
padding: 0;
margin-bottom: 10px;
float: left;
*width: 31.33333333%;
float: none;
word-wrap: break-all;
display: inline-block;
vertical-align: middle;
*display: inline;
zoom: 1;
vertical-align: top;
font-weight: 400;
margin: 0 0 14px;
}
.productInfo .productLabelInfo li .productInfoValue {
font-weight: 700;
color: #000000;
}
.countryOfOrigin,
#main-content .feedback {
font-size: 12px;
padding: 5px 0 0;
margin: 0;
}
.countryOfOrigin > img,
#main-content .feedback > img {
float: left;
margin: -3px 10px 0 0;
}
.countryOfOrigin .productInfoValue,
#main-content .feedback .productInfoValue {
color: #000000;
font-weight: 700;
}
.countryOfOrigin .productInfoValue:after,
#main-content .feedback .productInfoValue:after {
color: #72777D;
content: " | ";
font-weight: 400;
padding: 0 5px;
}
.countryOfOrigin .countryMsg,
#main-content .feedback .countryMsg {
font-style: italic;
}
#proactiveAvailLegal {
margin: 10px 0 0 0;
font-size: 11px;
font-style: italic;
}
.productIconsContainer .item-icons {
display: inline-block;
vertical-align: middle;
*display: inline;
zoom: 1;
margin-top: 10px;
}
.productIconsContainer .item-icons li {
display: inline-block;
vertical-align: middle;
*display: inline;
zoom: 1;
margin-right: 5px;
}
.productIconsContainer .item-icons li .productIcons {
margin: 0;
}
.productIconsContainer .item-icons li .icon-alert {
background: url('../../img/icon/prop65.svg') no-repeat;
background-size: 100%;
}
.detail-product-info .item-icons .icon-alert {
background: url('../../img/icon/prop65.svg') no-repeat;
background-size: 100%;
}
#parentDetailChildren {
width: 100%;
padding: 10px;
margin-bottom: 10px;
float: none;
*clear: both;
*zoom: 1;
*width: 98%;
padding: 0;
clear: both;
}
#parentDetailChildren:after,
#parentDetailChildren:before {
content: " ";
/* 1 */
display: table;
/* 2 */
}
#parentDetailChildren:after {
clear: both;
}
#parentDetailChildren .checkbox-new {
border: 0;
clip: rect(0 0 0 0);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
white-space: nowrap;
}
#parentDetailChildren .checkbox-new:checked + input[type="hidden"] + label:before,
#parentDetailChildren .checkbox-new:checked + label:before {
font-family: graingerFont;
content: "\e908";
font-weight: 400;
background-color: transparent;
box-shadow: none;
color: #00739E;
}
#parentDetailChildren .checkbox-new + input[type="hidden"] + label,
#parentDetailChildren .checkbox-new + label {
line-height: normal;
cursor: pointer;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: start;
justify-content: flex-start;
}
#parentDetailChildren .checkbox-new + input[type="hidden"] + label:hover:before,
#parentDetailChildren .checkbox-new + label:hover:before {
box-shadow: inset 0 0 0px 2px #00739E;
}
#parentDetailChildren .checkbox-new + input[type="hidden"] + label:before,
#parentDetailChildren .checkbox-new + label:before {
font-family: graingerFont;
content: "\e906";
font-weight: 400;
box-shadow: inset 0 0 0px 2px #72777D;
color: transparent;
margin-right: 10px;
font-size: 20px;
vertical-align: middle;
display: inline-block;
}
#parentDetailChildren .checkbox-new:disabled + input[type="hidden"] + label,
#parentDetailChildren .checkbox-new:disabled + label {
color: #D8D8D8;
cursor: auto;
}
#parentDetailChildren .checkbox-new:disabled + input[type="hidden"] + label:before,
#parentDetailChildren .checkbox-new:disabled + label:before {
background-color: #D8D8D8;
color: #D8D8D8;
box-shadow: none;
}
#parentDetailChildren .checkbox-new:focus + input[type="hidden"] + label:before,
#parentDetailChildren .checkbox-new:focus + label:before {
outline: 3px solid #D8D8D8;
}
#parentDetailChildren .checkbox-new + label {
color: #000000;
}
#parentDetailChildren .filter-parent-container {
border: none;
padding: 10px 0 30px;
}
#parentDetailChildren .filter-parent-container .filter-container {
border: none;
padding: 0;
width: 100%;
}
#parentDetailChildren .filter-parent-container .filter-container .pills {
display: inline-block;
vertical-align: middle;
*display: inline;
zoom: 1;
margin-right: 20px;
}
#parentDetailChildren .filter-parent-container .filter-container .pills .label {
font-family: 'RobotoCondensed', 'Arial Narrow', sans-serif;
font-size: inherit;
font-weight: 400;
color: #29333B;
line-height: normal;
}
#parentDetailChildren .filter-parent-container .filter-container .pills .pill {
border-radius: 5px;
background-color: #29333B;
display: inline-block;
vertical-align: middle;
*display: inline;
zoom: 1;
font-family: 'RobotoCondensed', 'Arial Narrow', sans-serif;
font-size: inherit;
font-weight: 400;
color: #ffffff;
line-height: normal;
padding: 5px 10px;
}
#parentDetailChildren .filter-parent-container .filter-container .pills .pill .remove-filter:after {
color: #00739E;
}
#parentDetailChildren #childTableBody,
#parentDetailChildren #headerSection {
font-family: 'RobotoCondensed', 'Arial Narrow', sans-serif;
font-size: 12px;
font-weight: 400;
color: #000000;
line-height: normal;
}
#parentDetailChildren #childTableBody .table-head-wrapper,
#parentDetailChildren #headerSection .table-head-wrapper {
border-top: 3px solid #D8D8D8;
}
#parentDetailChildren #childTableBody .table-head-wrapper .table-header .table-row,
#parentDetailChildren #headerSection .table-head-wrapper .table-header .table-row {
border-bottom: 3px solid #000000;
}
#parentDetailChildren #childTableBody .table-head-wrapper .table-header .table-row.error,
#parentDetailChildren #headerSection .table-head-wrapper .table-header .table-row.error {
border: none;
}
#parentDetailChildren #childTableBody .table-head-wrapper .table-header .table-row .compare,
#parentDetailChildren #headerSection .table-head-wrapper .table-header .table-row .compare,
#parentDetailChildren #childTableBody .table-head-wrapper .table-header .table-row .price-column,
#parentDetailChildren #headerSection .table-head-wrapper .table-header .table-row .price-column {
text-align: left;
}
#parentDetailChildren #childTableBody .table-controls .breadBox .compare-controls,
#parentDetailChildren #headerSection .table-controls .breadBox .compare-controls {
border: none;
}
#parentDetailChildren #childTableBody .table-controls .breadBox .compare-controls .text,
#parentDetailChildren #headerSection .table-controls .breadBox .compare-controls .text {
font-size: 14px;
}
#parentDetailChildren #childTableBody .table-controls .purchased-container,
#parentDetailChildren #headerSection .table-controls .purchased-container {
border-right: 1px solid #D8D8D8;
display: inline-block;
vertical-align: middle;
*display: inline;
zoom: 1;
float: right;
padding: 10px 30px;
}
#parentDetailChildren #childTableBody .table-controls .purchased-container label,
#parentDetailChildren #headerSection .table-controls .purchased-container label {
color: #000000;
display: inline-block;
vertical-align: middle;
*display: inline;
zoom: 1;
font-size: 14px;
}
#parentDetailChildren #childTableBody .table-controls .productTableControls,
#parentDetailChildren #headerSection .table-controls .productTableControls {
margin: 0 0 0 20px;
}
#parentDetailChildren #childTableBody .table-controls .productTableControls .addToCart,
#parentDetailChildren #headerSection .table-controls .productTableControls .addToCart {
margin: 0 0 0 10px;
}
#parentDetailChildren #childTableBody .table-controls .productTableControls .addToList,
#parentDetailChildren #headerSection .table-controls .productTableControls .addToList {
font-size: 14px;
padding: 14px 10px;
}
#parentDetailChildren #childTableBody .table-body .compare-container,
#parentDetailChildren #headerSection .table-body .compare-container,
#parentDetailChildren #childTableBody .table-header .compare-container,
#parentDetailChildren #headerSection .table-header .compare-container,
#parentDetailChildren #childTableBody .table-body .tech-specs,
#parentDetailChildren #headerSection .table-body .tech-specs,
#parentDetailChildren #childTableBody .table-header .tech-specs,
#parentDetailChildren #headerSection .table-header .tech-specs,
#parentDetailChildren #childTableBody .table-body .purchase-container,
#parentDetailChildren #headerSection .table-body .purchase-container,
#parentDetailChildren #childTableBody .table-header .purchase-container,
#parentDetailChildren #headerSection .table-header .purchase-container {
vertical-align: middle;
}
#parentDetailChildren #childTableBody .table-body .table-row,
#parentDetailChildren #headerSection .table-body .table-row,
#parentDetailChildren #childTableBody .table-header .table-row,
#parentDetailChildren #headerSection .table-header .table-row {
padding: 15px 0;
}
#parentDetailChildren #childTableBody .table-body .table-row.expandable-row:hover,
#parentDetailChildren #headerSection .table-body .table-row.expandable-row:hover,
#parentDetailChildren #childTableBody .table-header .table-row.expandable-row:hover,
#parentDetailChildren #headerSection .table-header .table-row.expandable-row:hover {
background-color: #ffffff;
}
#parentDetailChildren #childTableBody .table-body .table-row.expanded,
#parentDetailChildren #headerSection .table-body .table-row.expanded,
#parentDetailChildren #childTableBody .table-header .table-row.expanded,
#parentDetailChildren #headerSection .table-header .table-row.expanded {
background-color: #ffffff;
}
#parentDetailChildren #childTableBody .table-body .table-row.expanded .child-container,
#parentDetailChildren #headerSection .table-body .table-row.expanded .child-container,
#parentDetailChildren #childTableBody .table-header .table-row.expanded .child-container,
#parentDetailChildren #headerSection .table-header .table-row.expanded .child-container {
background-color: #EEEEEE;
font-family: 'RobotoCondensed', 'Arial Narrow', sans-serif;
font-size: 12px;
font-weight: 400;
color: #29333B;
line-height: normal;
}
#parentDetailChildren #childTableBody .table-body .table-row.expanded .child-container .childProductContainer i,
#parentDetailChildren #headerSection .table-body .table-row.expanded .child-container .childProductContainer i,
#parentDetailChildren #childTableBody .table-header .table-row.expanded .child-container .childProductContainer i,
#parentDetailChildren #headerSection .table-header .table-row.expanded .child-container .childProductContainer i {
border-left-color: #EEEEEE;
}
#parentDetailChildren #childTableBody .table-body .table-row.expanded .child-container .childProductContainer i:after,
#parentDetailChildren #headerSection .table-body .table-row.expanded .child-container .childProductContainer i:after,
#parentDetailChildren #childTableBody .table-header .table-row.expanded .child-container .childProductContainer i:after,
#parentDetailChildren #headerSection .table-header .table-row.expanded .child-container .childProductContainer i:after {
border-left-color: #EEEEEE;
}
#parentDetailChildren #childTableBody .table-body .table-row.expanded .child-container .childProductContainer .childProductImage img,
#parentDetailChildren #headerSection .table-body .table-row.expanded .child-container .childProductContainer .childProductImage img,
#parentDetailChildren #childTableBody .table-header .table-row.expanded .child-container .childProductContainer .childProductImage img,
#parentDetailChildren #headerSection .table-header .table-row.expanded .child-container .childProductContainer .childProductImage img {
border: 6px solid #ffffff;
}
#parentDetailChildren #childTableBody .table-body .table-row.expanded .child-container .childProductContainer .child-product-sidebar .web-price,
#parentDetailChildren #headerSection .table-body .table-row.expanded .child-container .childProductContainer .child-product-sidebar .web-price,
#parentDetailChildren #childTableBody .table-header .table-row.expanded .child-container .childProductContainer .child-product-sidebar .web-price,
#parentDetailChildren #headerSection .table-header .table-row.expanded .child-container .childProductContainer .child-product-sidebar .web-price {
font-family: 'RobotoCondensed', 'Arial Narrow', sans-serif;
font-size: 12px;
font-weight: 400;
color: #29333B;
line-height: normal;
}
#parentDetailChildren #childTableBody .table-body .table-row.expanded .child-container .childTechDetails .techSpecValue,
#parentDetailChildren #headerSection .table-body .table-row.expanded .child-container .childTechDetails .techSpecValue,
#parentDetailChildren #childTableBody .table-header .table-row.expanded .child-container .childTechDetails .techSpecValue,
#parentDetailChildren #headerSection .table-header .table-row.expanded .child-container .childTechDetails .techSpecValue {
font-family: 'RobotoCondensed', 'Arial Narrow', sans-serif;
font-size: 12px;
font-weight: 800;
color: #000000;
line-height: normal;
}
#parentDetailChildren #childTableBody .table-body .table-row .table-item,
#parentDetailChildren #headerSection .table-body .table-row .table-item,
#parentDetailChildren #childTableBody .table-header .table-row .table-item,
#parentDetailChildren #headerSection .table-header .table-row .table-item {
font-weight: normal;
margin: 0;
padding: 0;
text-align: center;
vertical-align: middle;
}
#parentDetailChildren #childTableBody .table-body .table-row .table-item:last-child,
#parentDetailChildren #headerSection .table-body .table-row .table-item:last-child,
#parentDetailChildren #childTableBody .table-header .table-row .table-item:last-child,
#parentDetailChildren #headerSection .table-header .table-row .table-item:last-child {
padding: 0;
}
#parentDetailChildren #childTableBody .table-body .table-row .compare-container,
#parentDetailChildren #headerSection .table-body .table-row .compare-container,
#parentDetailChildren #childTableBody .table-header .table-row .compare-container,
#parentDetailChildren #headerSection .table-header .table-row .compare-container {
text-align: center;
width: 20%;
}
#parentDetailChildren #childTableBody .table-body .table-row .compare-container .table-item,
#parentDetailChildren #headerSection .table-body .table-row .compare-container .table-item,
#parentDetailChildren #childTableBody .table-header .table-row .compare-container .table-item,
#parentDetailChildren #headerSection .table-header .table-row .compare-container .table-item {
width: 49%;
}
#parentDetailChildren #childTableBody .table-body .table-row .compare-container .table-item.sku,
#parentDetailChildren #headerSection .table-body .table-row .compare-container .table-item.sku,
#parentDetailChildren #childTableBody .table-header .table-row .compare-container .table-item.sku,
#parentDetailChildren #headerSection .table-header .table-row .compare-container .table-item.sku {
border: none;
margin: 0 0 15px;
padding-top: 0;
text-align: left;
}
#parentDetailChildren #childTableBody .table-body .table-row .compare-container .table-item.sku .item-image,
#parentDetailChildren #headerSection .table-body .table-row .compare-container .table-item.sku .item-image,
#parentDetailChildren #childTableBody .table-header .table-row .compare-container .table-item.sku .item-image,
#parentDetailChildren #headerSection .table-header .table-row .compare-container .table-item.sku .item-image {
border: none;
margin: 0 0 15px;
}
#parentDetailChildren #childTableBody .table-body .table-row .tech-specs,
#parentDetailChildren #headerSection .table-body .table-row .tech-specs,
#parentDetailChildren #childTableBody .table-header .table-row .tech-specs,
#parentDetailChildren #headerSection .table-header .table-row .tech-specs {
background-color: #ffffff;
min-height: 0;
padding: 0;
width: 50%;
}
#parentDetailChildren #childTableBody .table-body .table-row .purchase-container,
#parentDetailChildren #headerSection .table-body .table-row .purchase-container,
#parentDetailChildren #childTableBody .table-header .table-row .purchase-container,
#parentDetailChildren #headerSection .table-header .table-row .purchase-container {
width: 29%;
}
#parentDetailChildren #childTableBody .table-body .table-row .purchase-container .table-item,
#parentDetailChildren #headerSection .table-body .table-row .purchase-container .table-item,
#parentDetailChildren #childTableBody .table-header .table-row .purchase-container .table-item,
#parentDetailChildren #headerSection .table-header .table-row .purchase-container .table-item {
text-align: left;
}
#parentDetailChildren #childTableBody .table-body .table-row .purchase-container .table-item.price-column,
#parentDetailChildren #headerSection .table-body .table-row .purchase-container .table-item.price-column,
#parentDetailChildren #childTableBody .table-header .table-row .purchase-container .table-item.price-column,
#parentDetailChildren #headerSection .table-header .table-row .purchase-container .table-item.price-column {
width: 38%;
}
#parentDetailChildren #childTableBody .table-body .table-row .purchase-container .table-item.availability,
#parentDetailChildren #headerSection .table-body .table-row .purchase-container .table-item.availability,
#parentDetailChildren #childTableBody .table-header .table-row .purchase-container .table-item.availability,
#parentDetailChildren #headerSection .table-header .table-row .purchase-container .table-item.availability {
width: 29%;
}
#parentDetailChildren #childTableBody .table-body .table-row .purchase-container .table-item.quantity,
#parentDetailChildren #headerSection .table-body .table-row .purchase-container .table-item.quantity,
#parentDetailChildren #childTableBody .table-header .table-row .purchase-container .table-item.quantity,
#parentDetailChildren #headerSection .table-header .table-row .purchase-container .table-item.quantity {
text-align: center;
width: 30%;
}
#parentDetailChildren #childTableBody .table-body .table-row .purchase-container .table-item.quantity .quantity,
#parentDetailChildren #headerSection .table-body .table-row .purchase-container .table-item.quantity .quantity,
#parentDetailChildren #childTableBody .table-header .table-row .purchase-container .table-item.quantity .quantity,
#parentDetailChildren #headerSection .table-header .table-row .purchase-container .table-item.quantity .quantity {
position: relative;
width: 100%;
}
#parentDetailChildren #childTableBody .table-body .table-row .purchase-container .table-item.quantity .quantity label,
#parentDetailChildren #headerSection .table-body .table-row .purchase-container .table-item.quantity .quantity label,
#parentDetailChildren #childTableBody .table-header .table-row .purchase-container .table-item.quantity .quantity label,
#parentDetailChildren #headerSection .table-header .table-row .purchase-container .table-item.quantity .quantity label {
background-color: #ffffff;
color: #EEEEEE;
left: 23px;
line-height: 18px;
padding: 0 5px;
position: absolute;
top: -9px;
}
#parentDetailChildren #childTableBody .table-body .table-row .purchase-container .table-item.quantity .quantity input,
#parentDetailChildren #headerSection .table-body .table-row .purchase-container .table-item.quantity .quantity input,
#parentDetailChildren #childTableBody .table-header .table-row .purchase-container .table-item.quantity .quantity input,
#parentDetailChildren #headerSection .table-header .table-row .purchase-container .table-item.quantity .quantity input {
border: 1px solid #D8D8D8;
padding: 8px 5px;
width: 75%;
}
#productPage {
width: 100%;
padding: 10px;
margin-bottom: 10px;
float: none;
*clear: both;
*zoom: 1;
*width: 98%;
margin-top: 15px;
padding: 0;
}
#productPage:after,
#productPage:before {
content: " ";
/* 1 */
display: table;
/* 2 */
}
#productPage:after {
clear: both;
}
#productPage h5.numbOfChildren.light {
text-transform: none;
}
#productPage .breadBox {
font-family: 'RobotoCondensed', 'Arial Narrow', sans-serif;
font-size: inherit;
font-weight: 400;
color: #29333B;
line-height: normal;
margin: 10px 0;
}
#productPage .lastRtaBranch {
margin: 0 0 10px 0;
}
#productPage .lastRtaBranch .nav {
margin: 0;
}
#productPage .lastRtaBranch .nav li:before {
color: #72777D;
content: "\007C";
font-size: 11px;
line-height: inherit;
font-weight: 500;
margin: 0px 9px 0 6px;
float: left;
}
#productPage .lastRtaBranch .nav li:first-child:before {
display: none;
}
#productPage .lastRtaBranch .nav .pickUpRta {
font-weight: 500;
}
#productPage .mainImage {
position: relative;
margin-bottom: 12px;
text-align: center;
}
#productPage .mainImage img {
display: block;
margin: auto;
}
#productPage .feedback {
font-size: 12px;
padding: 0;
margin: 10px;
clear: both;
height: 16px;
line-height: 19px;
}
#productPage .feedback img {
float: left;
margin-right: 9px;
}
#productPage .productPage {
margin-top: 20px;
}
#productPage #backToUrlContainer {
margin-bottom: 20px;
font-size: 12px;
margin-top: -10px;
clear: both;
}
#productPage .filterSelected li {
width: 100%;
padding: 10px 0 10px 10px;
margin-bottom: 10px;
float: none;
*clear: both;
*zoom: 1;
*width: 98%;
font-size: 12px;
margin-bottom: 0;
border-left: 1px solid #EEEEEE;
border-right: 1px solid #EEEEEE;
border-bottom: 1px solid #EEEEEE;
position: relative;
}
#productPage .filterSelected li:after,
#productPage .filterSelected li:before {
content: " ";
/* 1 */
display: table;
/* 2 */
}
#productPage .filterSelected li:after {
clear: both;
}
#productPage .filterSelected li > span {
float: left;
}
.lt-ie8 #productPage .filterSelected li > span {
width: 100px;
}
#productPage .filterSelected li > span.grey {
color: #72777D;
}
#productPage .filterSelected li .selectedFilterLabel {
float: right;
font-weight: 700;
width: 89px;
}
#productPage .filterSelected li .removeFilter:hover {
text-decoration: none;
}
#productPage .filterSelected li .removeFilter:after {
font-family: graingerFont;
content: "\e907";
font-weight: 400;
color: #000000;
vertical-align: top;
position: absolute;
right: 9px;
}
#productPage .filterSelected li .removeFilter {
*background-image: url('/320/img/sprites/grainger_icon_sprite.png');
*background-repeat: no-repeat;
*background-position-y: -2430px;
*background-position-x: 90%;
}
.lt-ie8 #productPage .filterSelected li .removeFilter {
display: block;
width: 20px;
height: 20px;
float: right;
}
#productPage .productInformation {
width: 66.66666667%;
padding: 10px 10px 0;
margin-bottom: 10px;
float: left;
*width: 64.66666667%;
}
#productPage .productInformation.pidp {
margin-bottom: 0;
padding: 0;
width: 100%;
}
#productPage .productInformation .techSpecs {
width: 100%;
padding: 20px 0 0;
margin-bottom: 10px;
float: none;
*clear: both;
*zoom: 1;
*width: 98%;
border-top: none;
margin-bottom: 0;
}
#productPage .productInformation .techSpecs:after,
#productPage .productInformation .techSpecs:before {
content: " ";
/* 1 */
display: table;
/* 2 */
}
#productPage .productInformation .techSpecs:after {
clear: both;
}
#productPage .productInformation .techSpecs .specsTable {
margin: 0 0 30px;
}
#productPage .productInformation .techSpecs .specsTable li {
border-bottom: 1px solid #D8D8D8;
float: left;
padding: 5px 0;
width: 49%;
}
#productPage .productInformation .techSpecs .specsTable li:nth-child(even) {
margin-left: 1%;
}
#productPage .productInformation .techSpecs .specsTable li:nth-child(odd) {
margin-right: 1%;
}
#productPage .productInformation .techSpecs .specsTable li span {
font-size: 12px;
}
#productPage .productInformation .techSpecs .specsTable li .specName {
float: left;
font-family: 'RobotoCondensed', 'Arial Narrow', sans-serif;
font-size: 12px;
font-weight: 400;
color: #72777D;
line-height: normal;
}
#productPage .productInformation .techSpecs .specsTable li .specValue {
float: right;
font-family: 'RobotoCondensed', 'Arial Narrow', sans-serif;
font-size: 12px;
font-weight: 400;
color: #29333B;
line-height: normal;
}
#productPage .productInformation .techSpecs .techSpecsFilterArea {
width: 100%;
padding: 0;
margin-bottom: 10px;
float: none;
*clear: both;
*zoom: 1;
*width: 98%;
margin-bottom: 0;
}
#productPage .productInformation .techSpecs .techSpecsFilterArea:after,
#productPage .productInformation .techSpecs .techSpecsFilterArea:before {
content: " ";
/* 1 */
display: table;
/* 2 */
}
#productPage .productInformation .techSpecs .techSpecsFilterArea:after {
clear: both;
}
#productPage .productInformation .techSpecs .techSpecsFilterArea h5 {
margin: 0 0 30px;
text-transform: none;
}
#productPage .productInformation .techSpecs .techSpecsFilterArea .row {
margin: 0;
padding: 0;
}
#productPage .productInformation .techSpecs .techSpecsFilterArea .row .filter {
float: left;
margin: 0 .25% 10px;
width: 19.5%;
}
.responsive #productPage .productInformation .techSpecs .techSpecsFilterArea .row .filter {
min-width: 150px;
width: auto;
}
#productPage .productInformation .techSpecs .techSpecsFilterArea .row .filter .filterLabel {
font-family: 'RobotoCondensed', 'Arial Narrow', sans-serif;
font-size: 12px;
font-weight: 400;
color: #72777D;
line-height: normal;
font-weight: 100;
padding-bottom: 5px;
}
#productPage .productInformation .techSpecs .techSpecsFilterArea .row .filter .filterDropdown {
width: 100%;
}
#productPage .productInformation .techSpecs .techSpecsFilterArea .row .filter .filterDropdown .count {
color: #00739E;
}
#productPage .productInformation .techSpecs .techSpecsFilterArea .row .filter .filterDropdown .filterOptions {
border-radius: 0 0 4px 4px;
border: solid 2px #72777D;
background-color: #ffffff;
margin-top: -2px;
display: none;
position: absolute;
overflow-y: auto;
top: 100%;
z-index: 1;
width: 100%;
max-height: 200px;
height: auto;
}
#productPage .productInformation .techSpecs .techSpecsFilterArea .row .filter .filterDropdown .filterOptions ul {
position: relative;
}
#productPage .productInformation .techSpecs .techSpecsFilterArea .row .filter .filterDropdown .filterOptions li {
border-bottom: solid 2px #EEEEEE;
width: 100%;
padding: 10px;
margin-bottom: 10px;
float: none;
*clear: both;
*zoom: 1;
*width: 98%;
font-size: 12px;
color: #000000;
margin-bottom: 0;
font-style: normal;
}
#productPage .productInformation .techSpecs .techSpecsFilterArea .row .filter .filterDropdown .filterOptions li:after,
#productPage .productInformation .techSpecs .techSpecsFilterArea .row .filter .filterDropdown .filterOptions li:before {
content: " ";
/* 1 */
display: table;
/* 2 */
}
#productPage .productInformation .techSpecs .techSpecsFilterArea .row .filter .filterDropdown .filterOptions li:after {
clear: both;
}
#productPage .productInformation .techSpecs .techSpecsFilterArea .row .filter .filterDropdown .filterOptions li:last-child {
border-bottom: none;
}
.lt-ie8 #productPage .productInformation .techSpecs .techSpecsFilterArea .row .filter .filterDropdown .filterOptions li {
width: auto;
}
#productPage .productInformation .techSpecs .techSpecsFilterArea .row .filter .filterDropdown .filterOptions li label {
display: inline-block;
vertical-align: middle;
*display: inline;
zoom: 1;
font-family: 'RobotoCondensed', 'Arial Narrow', sans-serif;
font-size: inherit;
font-weight: 100;
color: #000000;
line-height: normal;
line-height: 20px;
word-wrap: break-word;
width: 100%;
}
.lt-ie8 #productPage .productInformation .techSpecs .techSpecsFilterArea .row .filter .filterDropdown .filterOptions li label {
width: 60px;
}
#productPage .productInformation .techSpecs .techSpecsFilterArea .row .filter .filterDropdown .selectedFilters {
border-radius: 4px;
border: 1px solid #72777D;
font-weight: bold;
text-transform: uppercase;
}
#productPage .productInformation .techSpecs .techSpecsFilterArea .row .filter .filterDropdown .selectedFilters.active {
border-radius: 4px 4px 0 0;
}
#BVQAHeaderID.BVQAHeader {
padding-top: 20px;
border-top: 3px solid #D8D8D8;
}
.productPageSection,
.section-separator > * {
font-weight: 400;
padding-top: 20px;
border-top: 3px solid #D8D8D8;
width: 100%;
padding: 20px 10px 0 0;
margin-bottom: 10px;
float: none;
*clear: both;
*zoom: 1;
*width: 98%;
margin: 20px 0 0 0;
}
.productPageSection:after,
.section-separator > *:after,
.productPageSection:before,
.section-separator > *:before {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.productPageSection:after,
.section-separator > *:after {
clear: both;
}
.productPageSection {
/* Technical Specs Specific Styles */
/* Compliance Section */
}
.productPageSection .productSectionTitle {
font-weight: 700;
margin-bottom: 20px;
display: inline-block;
vertical-align: middle;
*display: inline;
zoom: 1;
}
@media (max-width: 780px) {
.responsive.itemdetail .productPageSection .productSectionTitle {
cursor: pointer;
margin-bottom: 15px;
width: 100%;
}
.responsive.itemdetail .productPageSection .productSectionTitle:after {
font-family: graingerFont;
content: "\e913";
display: inline-block;
vertical-align: middle;
*display: inline;
zoom: 1;
font-size: 14px;
font-weight: 400;
position: absolute;
right: 20px;
padding-top: 4px;
}
.responsive.itemdetail .productPageSection .productSectionTitle.expand:after {
font-family: graingerFont;
content: "\e60f";
font-weight: 400;
}
}
.productPageSection.technicalSpecs {
background: none;
background-color: #EEEEEE;
border: none;
width: 100%;
padding: 0;
margin-bottom: 10px;
float: none;
*clear: both;
*zoom: 1;
*width: 98%;
margin-bottom: 20px;
}
.productPageSection.technicalSpecs:after,
.productPageSection.technicalSpecs:before {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.productPageSection.technicalSpecs:after {
clear: both;
}
.productPageSection.technicalSpecs h2,
.productPageSection.technicalSpecs h3 {
width: 100%;
padding: 10px;
margin-bottom: 10px;
float: none;
*clear: both;
*zoom: 1;
*width: 98%;
margin-bottom: 0;
padding: 20px 0 20px 20px;
font-size: 21px;
}
.productPageSection.technicalSpecs h2:after,
.productPageSection.technicalSpecs h3:after,
.productPageSection.technicalSpecs h2:before,
.productPageSection.technicalSpecs h3:before {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.productPageSection.technicalSpecs h2:after,
.productPageSection.technicalSpecs h3:after {
clear: both;
}
.productPageSection.technicalSpecs .techSpecsTable {
width: 100%;
padding: 0;
margin-bottom: 10px;
float: none;
*clear: both;
*zoom: 1;
*width: 98%;
font-size: 12px;
margin-bottom: 0;
display: block;
}
.productPageSection.technicalSpecs .techSpecsTable:after,
.productPageSection.technicalSpecs .techSpecsTable:before {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.productPageSection.technicalSpecs .techSpecsTable:after {
clear: both;
}
.productPageSection.technicalSpecs .techSpecsTable p {
padding: 0 20px 10px;
}
.productPageSection.technicalSpecs .techSpecsTable ul.column {
width: 50%;
padding: 0 10px;
margin-bottom: 10px;
float: left;
*width: 48%;
font-size: 12px;
margin-bottom: 0;
clear: none;
}
.productPageSection.technicalSpecs .techSpecsTable li {
width: 100%;
padding: 0;
margin-bottom: 10px;
float: none;
*clear: both;
*zoom: 1;
*width: 98%;
margin-bottom: 0;
border-top: 1px solid #D8D8D8;
display: inline-block;
vertical-align: middle;
*display: inline;
zoom: 1;
}
.productPageSection.technicalSpecs .techSpecsTable li:after,
.productPageSection.technicalSpecs .techSpecsTable li:before {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.productPageSection.technicalSpecs .techSpecsTable li:after {
clear: both;
}
.productPageSection.technicalSpecs .techSpecsTable li span {
width: 33.33333333%;
padding: 10px;
margin-bottom: 10px;
float: left;
*width: 31.33333333%;
color: #72777D;
margin-bottom: 0;
}
.productPageSection.technicalSpecs .techSpecsTable li .specValue {
width: 58.33333333%;
padding: 10px;
margin-bottom: 10px;
float: left;
*width: 56.33333333%;
font-weight: 700;
margin-bottom: 0;
color: #000000;
word-wrap: break-word;
line-height: 14px;
}
.responsive .productPageSection.technicalSpecs .productSectionTitle {
cursor: default;
}
.responsive .productPageSection.technicalSpecs .productSectionTitle:after {
content: none;
}
.responsive .productPageSection.technicalSpecs .techSpecsTable {
display: block;
}
@media print {
.productPageSection.technicalSpecs {
page-break-after: always;
}
}
.productPageSection .parentProduct.technicalSpecs .specName {
margin-right: 9px;
}
.productPageSection.complianceSection p {
font-size: 12px;
}
.productPageSection.complianceSection p .productIcons {
margin: -5px 10px 0 0;
}
.productPageSection.complianceSection p .infoLabel {
font-weight: 700;
}
@media (max-width: 780px) {
.responsive.itemdetail .productPageSection {
margin: 0 0 0 10px;
padding: 15px 10px 5px;
width: 97%;
padding-right: 0;
}
.responsive.itemdetail .productPageSection > div,
.responsive.itemdetail .productPageSection > section,
.responsive.itemdetail .productPageSection > p,
.responsive.itemdetail .productPageSection > ul {
display: none;
}
.responsive.itemdetail .productPageSection .productCarousel {
display: block;
width: 100%;
}
.responsive.itemdetail .productPageSection .productCarousel .carouselContainer,
.responsive.itemdetail .productPageSection .productCarousel .carouselPagination,
.responsive.itemdetail .productPageSection .productCarousel .arrow {
display: none;
}
.responsive.itemdetail .productPageSection .productCarousel .productSectionTitle:after {
right: 10px;
}
.responsive.itemdetail .productPageSection .productCarousel.responsiveAccordion .carouselContainer,
.responsive.itemdetail .productPageSection .productCarousel.responsiveAccordion .carouselPagination,
.responsive.itemdetail .productPageSection .productCarousel.responsiveAccordion .arrow {
display: block;
}
}
.responsive.itemdetail .productPageSection.responsiveAccordion > div,
.responsive.itemdetail .productPageSection.responsiveAccordion > section,
.responsive.itemdetail .productPageSection.responsiveAccordion > p,
.responsive.itemdetail .productPageSection.responsiveAccordion > ul {
display: block;
}
.responsive.itemdetail .productPageSection.responsiveAccordion .productCarousel .carouselContainer {
display: block;
}
.productPageSection .alternate-prod-disclaimer {
margin-bottom: 20px;
}
.productPageSection #alternateProductsCarousel .carouselPagination {
margin-top: -35px;
margin-bottom: 18px;
}
.productPageSection #alternateProductsCarousel,
.productPageSection #alternateProductsCarousel .carouselProductLists,
.productPageSection #alternateProductsCarousel .carouselProductLists li,
.productPageSection #alternateProductsCarousel .carouselProductPrice {
margin-bottom: 0;
padding-bottom: 0;
}
.productPageSection #relatedProductsData {
min-height: 336px;
}
/* Alternate Search Tearms */
.searchTermsSection .searchTerm {
padding: 0 20px 20px 0;
float: none;
word-wrap: break-all;
display: inline-block;
vertical-align: middle;
*display: inline;
zoom: 1;
vertical-align: top;
font-size: 12px;
margin-bottom: 0;
line-height: 15px;
}
.searchTermsSection .searchTerm .search-link {
text-align: center;
border: 1px solid #00739E;
padding: 12px 10px;
border-radius: 5px;
}
.searchTermsSection .searchTerm .search-link a {
color: #00739E;
}
.searchTermsSection .searchTerm .search-link span {
color: #29333B;
}
.productPage #alternateRightRail_Carousel {
font-weight: 400;
padding-top: 20px;
border-top: 3px solid #D8D8D8;
width: 100%;
padding: 20px 10px;
margin-bottom: 10px;
float: none;
*clear: both;
*zoom: 1;
*width: 98%;
margin: 20px 0;
margin-bottom: 15px;
}
.productPage #alternateRightRail_Carousel:after,
.productPage #alternateRightRail_Carousel:before {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.productPage #alternateRightRail_Carousel:after {
clear: both;
}
@media (max-width: 780px) {
.responsive .productPage #alternateRightRail_Carousel {
margin: 0;
background: none;
border-top: none;
padding: 0;
}
}
.productPage .backToTop {
width: 100%;
padding: 0;
margin-bottom: 10px;
float: none;
*clear: both;
*zoom: 1;
*width: 98%;
margin-bottom: 20px;
text-align: right;
}
.productPage .backToTop:after,
.productPage .backToTop:before {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.productPage .backToTop:after {
clear: both;
}
@media (max-width: 960px) {
.responsive .productPage .backToTop {
width: 97%;
}
}
#complianceRestrictionHeader {
margin-bottom: 15px;
}
.compliance-efficiency-table {
margin-left: 30px;
width: 365px;
position: relative;
}
.compliance-efficiency-table .compliance-efficiency-table-item {
width: 100%;
height: 20px;
border-bottom: solid 1px #D8D8D8;
}
.compliance-efficiency-table .compliance-efficiency-table-item label {
width: 50%;
height: 20px;
line-height: 2;
font-size: 10px;
font-weight: 400;
color: #72777D;
float: left;
}
.compliance-efficiency-table .compliance-efficiency-table-item span {
width: 50%;
font-size: 10px;
font-weight: 500;
line-height: 2;
}
.complianceInfo {
margin-top: 15px;
}
.complianceInfo li {
*clear: both;
*zoom: 1;
margin: 16px 0 0 0;
font-size: 12px;
max-width: 700px;
}
.complianceInfo li:after,
.complianceInfo li:before {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.complianceInfo li:after {
clear: both;
}
.complianceInfo li:first-child {
margin: 0;
}
.complianceInfo li p {
margin-left: 30px;
}
.complianceInfo .productProp65 {
margin: 0;
}
.complianceInfo .productProp65 .prop65-span {
margin: 0 3px;
width: 23px;
height: 23px;
background: url(../../img/icon/prop65.svg);
background-size: 23px 23px;
background-repeat: no-repeat;
float: left;
}
.complianceInfo .productProp65 .prop65-label {
margin-top: 5px;
text-transform: uppercase;
}
.complianceInfo .productProp65 .infoLabel {
font-weight: bold;
float: left;
}
.complianceInfo .productProp65 .prop65-message {
margin-top: 10px;
}
.productTableInfo {
display: inline-block;
vertical-align: middle;
*display: inline;
zoom: 1;
margin-right: 5px;
*clear: both;
*zoom: 1;
}
.productTableInfo:after,
.productTableInfo:before {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.productTableInfo:after {
clear: both;
}
.productTableInfo > span {
float: left;
}
.productTableInfo > span:before {
color: #72777D;
content: "\007C";
font-size: 11px;
line-height: inherit;
font-weight: 500;
margin: 0px 9px 0 6px;
float: left;
}
.productTableInfo > span:first-child:before {
display: none;
}
.repair-parts-view-more {
text-align: center;
height: 28px;
margin-top: 10px;
border-bottom: 1px solid #72777D;
font-weight: 700;
}
.repairPartsSection {
position: relative;
padding: 10px 0 20px 0;
}
.repairPartsSection .repairPartsContainer {
padding: 13px 0;
}
.repairPartsSection .title-image {
vertical-align: middle;
}
.repairPartsSection .versionsList,
.repairPartsSection .repairPartsVersion,
.repairPartsSection .versionInfo,
.repairPartsSection .productSection {
display: inline-block;
vertical-align: middle;
*display: inline;
zoom: 1;
margin: 0;
padding: 0;
}
.repairPartsSection .versionInfo {
padding: 0 0 2px;
color: #00739E;
cursor: pointer;
}
.repairPartsSection .versionInfo.selectedVersion {
font-weight: bold;
}
.repairPartsSection .showingRepairParts {
margin-bottom: 20px;
}
.repairPartsSection .repairPartsVersion {
margin: 10px 0 0 0;
float: left;
}
.repairPartsSection #repairPartsTable {
margin-top: 20px;
}
#repairPartsProductTable {
*clear: both;
*zoom: 1;
}
#repairPartsProductTable:after,
#repairPartsProductTable:before {
content: " ";
/* 1 */
display: table;
/* 2 */
}
#repairPartsProductTable:after {
clear: both;
}
#repairPartsProductTable .table-row {
cursor: default;
}
#repairPartsProductTable .table-row.isEven:hover {
background: #EEEEEE;
}
#repairPartsProductTable .table-row:hover {
background: white;
}
#repairPartsProductTable .table-row:first-child {
border-top: 0;
}
#repairPartsProductTable .table-row.hasPPI {
border-left: 3px solid #10ACD2;
}
#repairPartsProductTable .table-item.availability {
width: 30%;
}
.repairPartsHeader {
padding: 7px 0;
}
.repairPartsHeader .productTableControls .addToCart {
margin-bottom: 0;
}
.lt-ie8 .repairPartsHeader {
padding: 0;
height: 40px;
}
.lt-ie8 .repairPartsHeader .productTableInfo {
float: left;
}
.repairPartsHeader #productTableControls {
display: block;
}
#repairPartsVersionList .selectedCheck {
margin: 0 0 0 10px;
display: inline-block;
vertical-align: middle;
*display: inline;
zoom: 1;
}
#repairPartsVersionList .viewAllVersionsLink {
display: none;
margin-left: 5px;
cursor: pointer;
}
.tableFooterControls {
margin-top: 20px;
}
#repairPartsControlPanel {
margin-top: 20px;
}
#repairPartsSection h3 {
margin-bottom: 12px;
}
select.versionsList#dropDownOptions {
border: none;
background: none;
color: #00739E;
font-weight: bold;
}
/* Product Reviews Section */
.productReviewsSection p {
padding: 10px 10px 0;
font-size: 11px;
font-style: italic;
max-width: 700px;
}
.productReviewsSection p strong {
font-style: normal;
padding: 10px 15px 10px 0;
display: inline-block;
vertical-align: middle;
*display: inline;
zoom: 1;
}
/* Ask And Answer Section */
.askAnswerSection #BVQAHeaderID.BVQAHeader {
background: none;
border-top: none;
padding: 0;
}
.askAnswerSection #BVQAHeaderID.BVQAHeader #BVQAHeaderTitleID {
font-size: 18px;
font-weight: 700;
}
.askAnswerSection p {
padding: 10px 10px 0;
}
.askAnswerSection p strong {
color: #72777D;
padding: 10px 15px 10px 0;
display: inline-block;
vertical-align: middle;
*display: inline;
zoom: 1;
}
/* IDP Parent parentDetailMain */
#parentDetailMain {
width: 100%;
padding: 20px 0 0;
margin-bottom: 10px;
float: none;
*clear: both;
*zoom: 1;
*width: 98%;
border-top: 1px solid #D8D8D8;
}
#parentDetailMain:after,
#parentDetailMain:before {
content: " ";
/* 1 */
display: table;
/* 2 */
}
#parentDetailMain:after {
clear: both;
}
.parentProduct .productContainer {
margin-bottom: 0;
padding-bottom: 10px;
position: relative;
}
.parentProduct .productInfo {
margin-bottom: 15px;
}
.parentProduct .productInfo h2 {
font-weight: 400;
margin-bottom: 5px;
}
.techSpecsContainer {
border-bottom: 1px dashed #72777D;
padding-bottom: 10px;
}
.miniTechSpecs {
font-size: 12px;
margin: 15px 0 15px;
}
.miniTechSpecs li {
display: inline-block;
vertical-align: middle;
*display: inline;
zoom: 1;
margin-right: 25px;
margin-bottom: 10px;
}
.miniTechSpecs li .specName {
margin-right: 9px;
}
.miniTechSpecs li .specValue {
font-weight: 700;
}
.productName + .brand-container > .brand {
font-size: 18px;
}
#headerSection {
position: relative;
}
#headerSection .table-head-wrapper {
background: none;
padding-top: 10px;
}
#headerSection .isFixed,
#headerSection .isBottom {
background-color: #ffffff;
z-index: 1;
}
#headerSection .isFixed .childHeaderRow,
#headerSection .isBottom .childHeaderRow {
background: none;
border-top: none;
}
#headerSection .isFixed > i,
#headerSection .isBottom > i {
padding-top: 20px;
border-top: 3px solid #D8D8D8;
display: block;
padding-top: 8px;
width: 960px;
margin: 0 auto;
}
#headerSection .isFixed {
position: fixed;
top: 0;
}
#headerSection .isBottom {
position: absolute;
bottom: 0;
}
.filterOptions label {
display: inline;
margin-left: 3px;
}
.popup-window {
padding: 10px 15px;
}
.filter-parent-container {
border-top: 1px dashed #72777D;
padding: 10px 0;
}
.filter-parent-container > div {
display: inline-block;
vertical-align: middle;
*display: inline;
zoom: 1;
vertical-align: top;
padding: 10px;
min-height: 55px;
width: 12%;
}
.filter-parent-container .title-container p {
margin-bottom: 5px;
}
.filter-parent-container .filter-container {
width: 65%;
padding: 10px 20px;
font-size: 12px;
border-left: 1px solid #D8D8D8;
border-right: 1px solid #D8D8D8;
}
.responsive .filter-parent-container .filter-container {
width: 64%;
}
.filter-parent-container .filter-group {
margin-right: 10px;
}
.filter-parent-container .remove-filter {
display: inline-block;
vertical-align: middle;
*display: inline;
zoom: 1;
margin-left: 10px;
text-decoration: none;
}
.filter-parent-container .remove-filter:after {
font-family: graingerFont;
content: "\e907";
font-weight: 400;
color: black;
}
.filter-parent-container .purchased-container {
width: 22%;
}
.filter-parent-container .purchased-container label {
display: inline-block;
vertical-align: middle;
*display: inline;
zoom: 1;
text-align: left;
vertical-align: top;
max-width: 86%;
line-height: 16px;
font-size: 12px;
color: #00739E;
}
.responsive .filter-parent-container .purchased-container label {
width: 81%;
}
/* overwrites for Child Table */
.child-table .table-footer {
display: none;
}
.child-table .compare-container {
width: 16%;
}
.child-table .tech-specs {
width: 58%;
}
.child-table .purchase-container {
width: 24%;
}
/* RTA Modal */
#rtaSearchForm .formField input {
width: 590px;
margin: 0 10px 10px 0;
}
.lt-ie8 #rtaSearchForm .formField input {
margin: 0 0 20px 0;
}
.lt-ie8 #rtaSearchForm .formField .btn {
margin-top: -12px;
}
#checkPickupAvail {
margin: 6px 100px 10px 0;
width: 410px;
float: right;
z-index: 5;
position: relative;
}
.lt-ie8 #checkPickupAvail {
width: 405px;
margin-right: 0;
position: relative;
}
.lt-ie8 .branchPickupInfo {
margin-top: -35px;
}
.lt-ie8 .branchPickupInfo .nav-tabs {
position: relative;
}
#have-it-shipped {
padding: 20px;
}
#pickupToday {
float: right;
width: 380px;
}
#pickupToday label {
width: 95%;
}
.pickItUpResults .locationCounter,
.pickItUpResults .locationAddress,
.pickItUpResults .availablityIcon {
float: left;
}
.pickItUpResults .locationAddress .address {
color: #72777D;
}
.pickItUpResults .locationCounter {
margin-right: 5px;
margin-top: 1px;
}
.pickItUpResults tr {
border-top: 1px solid #72777D;
border-bottom: 1px solid #72777D;
}
.pickItUpResults tr.first {
border-top: 0;
}
.pickItUpResults thead th {
font-weight: 700;
text-align: left;
padding: 0 0 15px 0;
}
.pickItUpResults td {
vertical-align: top;
padding: 10px 0;
}
.pickItUpResults .labelLocation {
padding-left: 15px;
}
.pickItUpResults .dataLocation {
width: 41%;
}
.pickItUpResults .labelDistance {
width: 10%;
}
.pickItUpResults .dataAvailability {
width: 36%;
}
.pickItUpResults .number {
font-size: 12px;
}
.pickItUpResults .phoneHoursList li {
*clear: both;
*zoom: 1;
padding-bottom: 7px;
}
.pickItUpResults .phoneHoursList li:after,
.pickItUpResults .phoneHoursList li:before {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.pickItUpResults .phoneHoursList li:after {
clear: both;
}
.pickItUpResults .phoneHoursList li span,
.pickItUpResults .phoneHoursList li div {
float: left;
}
.pickItUpResults .phoneHoursList li span {
display: block;
width: 55px;
}
#filterToaster {
position: fixed;
bottom: 0;
right: 50px;
z-index: 1;
margin-bottom: -35px;
width: 380px;
height: 150px;
overflow: hidden;
display: none;
background-color: #ffffff;
border: 1px solid #D8D8D8;
border-radius: 5px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
font-family: Arial, sans-serif;
}
#filterToaster h3 {
font-size: 16px;
border-bottom: 1px solid #D8D8D8;
margin: 14px 10px;
text-indent: 10px;
padding: 0 0 10px 0;
color: #000000;
}
#filterToaster p {
margin: 0 20px 20px;
padding: 0;
font-weight: bold;
font-size: 14px;
line-height: 20px;
}
#filterToaster a.close {
width: 53px;
float: right;
font-size: 12px;
}
#cartRestrictedModal h6 {
margin-bottom: 20px;
}
#cartRestrictedModal .left {
float: left;
}
#cartRestrictedModal .margin-top {
*clear: both;
*zoom: 1;
margin: 5px 0 10px;
}
#cartRestrictedModal .margin-top:after,
#cartRestrictedModal .margin-top:before {
content: " ";
/* 1 */
display: table;
/* 2 */
}
#cartRestrictedModal .margin-top:after {
clear: both;
}
#cartRestrictedModal .nav li {
float: left;
}
#cartRestrictedModal .nav .radioLabel {
padding: 0 15px 0 2px;
line-height: 14px;
}
#cartRestrictedModal .s7LazyLoad {
margin-right: 5px;
}
#cartRestrictedModal .alert {
display: inline-block;
vertical-align: middle;
*display: inline;
zoom: 1;
margin: 0 10px 20px;
padding: 10px;
color: #FF731E;
border: 1px #D8D8D8 solid;
}
#rtamodal .tab-content {
border-bottom: none;
}
#documentationSection {
margin-bottom: 20px;
}
#documentationSection .documentionInfo {
margin-top: 0;
line-height: 30px;
}
.pdf-icon {
background-image: url('/320/img/icon/icon_pdf.svg');
background-repeat: no-repeat;
height: 26px;
width: 26px;
margin-top: 0;
margin-right: 8px;
float: left;
content: '';
}
.lt-ie9 .pdf-icon {
background-image: url('/320/img/sprites/grainger_icon_sprite.png');
background-position-y: -7560px;
background-position-x: 0;
background-repeat: no-repeat;
height: 26px;
width: 26px;
margin-top: 0;
margin-right: 8px;
float: left;
}
#addItemsToCartFromIdp {
margin-bottom: 0;
}
#og-div-above,
#og-div {
clear: both;
display: block;
}
#og-div-above .og_widget_content,
#og-div .og_widget_content {
font-size: 10px;
}
#og-div-above .og_widget_content input[type="radio"],
#og-div .og_widget_content input[type="radio"] {
margin: 4px 4px 0 0;
}
.showPrice {
display: inline-block;
vertical-align: middle;
*display: inline;
zoom: 1;
padding: 6px 0 15px;
font-size: 14px;
}
#shareProductModalContainer.modal {
top: 40px;
position: absolute;
}
.myListSelectModalAdd .gPopover > a:after {
font-family: graingerFont;
content: "\e916";
font-weight: 400;
font-size: 13px;
color: #72777D;
margin: 0 0 0 5px;
}
.myListSelectModalAdd .checkbox label {
display: inline;
}
.myListSelectModalAdd .popover {
left: 230px;
position: absolute;
top: 320px;
font-size: 11px;
padding-left: 10px;
margin-right: 10px;
}
.myListSelectModalAdd p em {
font-size: 10px;
}
#idpCompare {
margin-top: 20px;
}
#compareTrayContainer {
margin-left: 32%;
}
@media (max-width: 890px) {
.responsive #compareTrayContainer {
margin-left: 0;
}
}
.compare-controls > input {
margin-right: 5px;
}
.compare-controls > label {
font-weight: 700;
font-size: 12px;
}
#anonRtaZipCode.inputBoxError,
#newRtaZipCode.inputBoxError {
border: 1px solid #BE2122;
}
#availabilityHeader [data-toggle="popover"] {
position: fixed;
}
#cad-viewer-container {
width: 100%;
height: 290px;
background: #EEEEEE;
background: -o-linear-gradient(#EEEEEE, #EEEEEE);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#EEEEEE', GradientType=0);
}
.expanded #cad-viewer-container {
height: 800px;
width: 100%;
}
li[data-type="cadCanvas"] {
display: none;
overflow: visible !important;
background-color: #EEEEEE !important;
}
li[data-type="cadCanvas"] img {
height: 41px;
width: 41px;
}
#new-ribbon {
font-size: 8px;
position: absolute;
width: 114%;
margin-left: -5px;
background-color: #19792F;
color: #ffffff;
font-weight: bold;
text-align: center;
line-height: 12px;
display: none;
}
#new-ribbon:after {
content: "";
position: absolute;
width: 0;
height: 0;
left: 0;
top: 100%;
border-width: 5px 3px;
border-style: solid;
border-color: #19792F #19792F transparent transparent;
}
.expanded a#closeEC2.cadControl {
color: #ffffff;
right: 25px;
}
#cadControls {
background-color: rgba(29, 29, 29, 0.6);
}
.expanded #cadControls div {
display: inline-block;
vertical-align: middle;
*display: inline;
zoom: 1;
width: 2.9%;
margin-left: 7px;
}
#cadControls .expanded-link-color {
color: #ffffff;
}
#cadControls #cad-shaded {
background-position: -38px -42px;
}
#cadControls #cad-wireframe {
background-position: -2px -82px;
}
#cadControls #cad-transparent {
background-position: -38px -2px;
}
#cadControls #cad-left {
background-position: -1px -42px;
}
#cadControls #cad-top {
background-position: -74px -42px;
}
#cadControls #cad-right {
background-position: -75px -2px;
}
#cadControls #cad-bottom {
background-position: -1px -2px;
}
#cadControls div {
background: url('/320/img/icon/CAD-icon-sprite.png') no-repeat;
height: 37px;
display: inline-block;
vertical-align: middle;
*display: inline;
zoom: 1;
width: 8.5%;
margin-left: 7px;
}
#cadControls div:hover {
cursor: pointer;
}
#cadControls div.active-control {
background-color: #000000;
}
#cad-controls-container {
display: none;
}
#cad-controls-container select {
font-size: 12px;
width: 175px;
}
#cad-controls-container button#cad-download-button.btn {
margin-left: 5px;
}
.lt-ie8 #cad-controls-container button#cad-download-button.btn {
display: inline;
zoom: 0;
padding: 9px 5px;
}
#cds-loading-spinner {
background: url('/320/img/transparent.gif') no-repeat;
height: 60px;
width: 60px;
}
#cds-cad-dialog a.bread-close.remove-filter {
float: right;
}
.cad-download-disclaimer {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
padding-bottom: 5px;
}
#additionalInfoSection {
margin-bottom: 0;
padding-bottom: 0;
line-height: 16px;
}
#additionalInfoSection .copyTextSection {
max-width: 960px;
}
.htmlText-description {
font-family: Arial, Helvetica, sans-serif;
font-style: italic;
color: #72777D;
font-size: 14px;
}
a#additionalViewMore {
margin-top: 12px;
margin-left: 2px;
text-decoration: none;
}
a#additionalViewMore:after {
font-family: graingerFont;
content: "\e91e";
font-weight: 400;
color: #00739E;
font-size: 7px;
display: inline;
margin-left: 5px;
}
a#additionalViewMore.expanded-content:after {
font-family: graingerFont;
content: "\e924";
font-weight: 400;
}
.additionalInfoSection {
max-height: 83px;
overflow: hidden;
position: relative;
}
.lt-ie9 .additionalInfoSection {
max-height: 55px;
}
.additionalInfoSection .fade-out {
background: linear-gradient(rgba(255, 255, 255, 0), #ffffff);
position: absolute;
width: 100%;
height: 35px;
}
.expand-container {
overflow: visible;
max-height: auto;
}
#repairPartsVersion {
position: relative;
}
.single-product-version {
font-weight: bold;
color: #000000;
display: inline-block;
vertical-align: middle;
*display: inline;
zoom: 1;
}
#replacementPartsDropDown {
height: 37px;
overflow: hidden;
width: 176px;
z-index: 75;
width: auto;
position: absolute;
left: 260px;
top: 0;
margin-top: -7px;
z-index: 0;
}
#replacementPartsDropDown > ul {
border: 2px solid #72777D;
border-radius: 4px;
width: 100%;
position: relative;
overflow: hidden;
}
#replacementPartsDropDown > ul > li {
font-family: 'RobotoCondensed', 'Arial Narrow', sans-serif;
font-weight: 700;
text-transform: uppercase;
font-size: 18px;
line-height: 15px;
margin: 0 0 10px 0;
color: #2b2b2b;
margin-bottom: 0px;
font-size: 14px;
line-height: 12px;
color: #00739E;
padding: 10px 0;
cursor: pointer;
position: relative;
border-bottom: 1px solid #72777D;
}
#replacementPartsDropDown > ul > li:last-child {
border-bottom: none;
}
#replacementPartsDropDown > ul > li.active:before {
content: '\25B2';
position: absolute;
left: 160px;
top: 11px;
font-size: 8px;
line-height: 0px;
}
#replacementPartsDropDown > ul > li.active:after {
content: '\25BC';
position: absolute;
left: 160px;
bottom: 11px;
font-size: 8px;
line-height: 0px;
}
#replacementPartsDropDown > ul > li > span {
display: block;
width: 152px;
text-align: right;
}
#replacementPartsDropDown.active-0.active {
top: 18px;
}
#replacementPartsDropDown.active-0 ul {
top: 0px;
}
#replacementPartsDropDown.active-1.active {
top: -15px;
}
#replacementPartsDropDown.active-1 ul {
top: -33px;
}
#replacementPartsDropDown.active-2.active {
top: -48px;
}
#replacementPartsDropDown.active-2 ul {
top: -66px;
}
#replacementPartsDropDown.active-3.active {
top: -81px;
}
#replacementPartsDropDown.active-3 ul {
top: -99px;
}
#replacementPartsDropDown.active-4.active {
top: -114px;
}
#replacementPartsDropDown.active-4 ul {
top: -132px;
}
#replacementPartsDropDown.active-5.active {
top: -147px;
}
#replacementPartsDropDown.active-5 ul {
top: -165px;
}
#replacementPartsDropDown.active-6.active {
top: -180px;
}
#replacementPartsDropDown.active-6 ul {
top: -198px;
}
#replacementPartsDropDown.active-7.active {
top: -213px;
}
#replacementPartsDropDown.active-7 ul {
top: -231px;
}
#replacementPartsDropDown.active-8.active {
top: -246px;
}
#replacementPartsDropDown.active-8 ul {
top: -264px;
}
#replacementPartsDropDown.active-9.active {
top: -279px;
}
#replacementPartsDropDown.active-9 ul {
top: -297px;
}
#replacementPartsDropDown.active-10.active {
top: -312px;
}
#replacementPartsDropDown.active-10 ul {
top: -330px;
}
#replacementPartsDropDown.active-11.active {
top: -345px;
}
#replacementPartsDropDown.active-11 ul {
top: -363px;
}
#replacementPartsDropDown.active-12.active {
top: -378px;
}
#replacementPartsDropDown.active-12 ul {
top: -396px;
}
#replacementPartsDropDown.active-13.active {
top: -411px;
}
#replacementPartsDropDown.active-13 ul {
top: -429px;
}
#replacementPartsDropDown.active-14.active {
top: -444px;
}
#replacementPartsDropDown.active-14 ul {
top: -462px;
}
#replacementPartsDropDown.active-15.active {
top: -477px;
}
#replacementPartsDropDown.active-15 ul {
top: -495px;
}
#replacementPartsDropDown.active-16.active {
top: -510px;
}
#replacementPartsDropDown.active-16 ul {
top: -528px;
}
#replacementPartsDropDown.active-17.active {
top: -543px;
}
#replacementPartsDropDown.active-17 ul {
top: -561px;
}
#replacementPartsDropDown.active-18.active {
top: -576px;
}
#replacementPartsDropDown.active-18 ul {
top: -594px;
}
#replacementPartsDropDown.active-19.active {
top: -609px;
}
#replacementPartsDropDown.active-19 ul {
top: -627px;
}
#replacementPartsDropDown.active-20.active {
top: -642px;
}
#replacementPartsDropDown.active-20 ul {
top: -660px;
}
#replacementPartsDropDown.active-21.active {
top: -675px;
}
#replacementPartsDropDown.active-21 ul {
top: -693px;
}
#replacementPartsDropDown.active-22.active {
top: -708px;
}
#replacementPartsDropDown.active-22 ul {
top: -726px;
}
#replacementPartsDropDown.active-23.active {
top: -741px;
}
#replacementPartsDropDown.active-23 ul {
top: -759px;
}
#replacementPartsDropDown.active-24.active {
top: -774px;
}
#replacementPartsDropDown.active-24 ul {
top: -792px;
}
#replacementPartsDropDown.active-25.active {
top: -807px;
}
#replacementPartsDropDown.active-25 ul {
top: -825px;
}
#replacementPartsDropDown.active-26.active {
top: -840px;
}
#replacementPartsDropDown.active-26 ul {
top: -858px;
}
#replacementPartsDropDown.active-27.active {
top: -873px;
}
#replacementPartsDropDown.active-27 ul {
top: -891px;
}
#replacementPartsDropDown.active-28.active {
top: -906px;
}
#replacementPartsDropDown.active-28 ul {
top: -924px;
}
#replacementPartsDropDown.active-29.active {
top: -939px;
}
#replacementPartsDropDown.active-29 ul {
top: -957px;
}
#replacementPartsDropDown.active-30.active {
top: -972px;
}
#replacementPartsDropDown.active-30 ul {
top: -990px;
}
#replacementPartsDropDown.active-31.active {
top: -1005px;
}
#replacementPartsDropDown.active-31 ul {
top: -1023px;
}
#replacementPartsDropDown.active-32.active {
top: -1038px;
}
#replacementPartsDropDown.active-32 ul {
top: -1056px;
}
#replacementPartsDropDown.active-33.active {
top: -1071px;
}
#replacementPartsDropDown.active-33 ul {
top: -1089px;
}
#replacementPartsDropDown.active-34.active {
top: -1104px;
}
#replacementPartsDropDown.active-34 ul {
top: -1122px;
}
#replacementPartsDropDown.active-35.active {
top: -1137px;
}
#replacementPartsDropDown.active-35 ul {
top: -1155px;
}
#replacementPartsDropDown.active-36.active {
top: -1170px;
}
#replacementPartsDropDown.active-36 ul {
top: -1188px;
}
#replacementPartsDropDown.active-37.active {
top: -1203px;
}
#replacementPartsDropDown.active-37 ul {
top: -1221px;
}
#replacementPartsDropDown.active-38.active {
top: -1236px;
}
#replacementPartsDropDown.active-38 ul {
top: -1254px;
}
#replacementPartsDropDown.active-39.active {
top: -1269px;
}
#replacementPartsDropDown.active-39 ul {
top: -1287px;
}
#replacementPartsDropDown.active-40.active {
top: -1302px;
}
#replacementPartsDropDown.active-40 ul {
top: -1320px;
}
#replacementPartsDropDown.active-41.active {
top: -1335px;
}
#replacementPartsDropDown.active-41 ul {
top: -1353px;
}
#replacementPartsDropDown.active-42.active {
top: -1368px;
}
#replacementPartsDropDown.active-42 ul {
top: -1386px;
}
#replacementPartsDropDown.active-43.active {
top: -1401px;
}
#replacementPartsDropDown.active-43 ul {
top: -1419px;
}
#replacementPartsDropDown.active-44.active {
top: -1434px;
}
#replacementPartsDropDown.active-44 ul {
top: -1452px;
}
#replacementPartsDropDown.active-45.active {
top: -1467px;
}
#replacementPartsDropDown.active-45 ul {
top: -1485px;
}
#replacementPartsDropDown.active-46.active {
top: -1500px;
}
#replacementPartsDropDown.active-46 ul {
top: -1518px;
}
#replacementPartsDropDown.active-47.active {
top: -1533px;
}
#replacementPartsDropDown.active-47 ul {
top: -1551px;
}
#replacementPartsDropDown.active-48.active {
top: -1566px;
}
#replacementPartsDropDown.active-48 ul {
top: -1584px;
}
#replacementPartsDropDown.active-49.active {
top: -1599px;
}
#replacementPartsDropDown.active-49 ul {
top: -1617px;
}
#replacementPartsDropDown.active-50.active {
top: -1632px;
}
#replacementPartsDropDown.active-50 ul {
top: -1650px;
}
#replacementPartsDropDown.active-51.active {
top: -1665px;
}
#replacementPartsDropDown.active-51 ul {
top: -1683px;
}
#replacementPartsDropDown.active-52.active {
top: -1698px;
}
#replacementPartsDropDown.active-52 ul {
top: -1716px;
}
#replacementPartsDropDown.active-53.active {
top: -1731px;
}
#replacementPartsDropDown.active-53 ul {
top: -1749px;
}
#replacementPartsDropDown.active-54.active {
top: -1764px;
}
#replacementPartsDropDown.active-54 ul {
top: -1782px;
}
#replacementPartsDropDown.active-55.active {
top: -1797px;
}
#replacementPartsDropDown.active-55 ul {
top: -1815px;
}
#replacementPartsDropDown.active-56.active {
top: -1830px;
}
#replacementPartsDropDown.active-56 ul {
top: -1848px;
}
#replacementPartsDropDown.active-57.active {
top: -1863px;
}
#replacementPartsDropDown.active-57 ul {
top: -1881px;
}
#replacementPartsDropDown.active-58.active {
top: -1896px;
}
#replacementPartsDropDown.active-58 ul {
top: -1914px;
}
#replacementPartsDropDown.active-59.active {
top: -1929px;
}
#replacementPartsDropDown.active-59 ul {
top: -1947px;
}
#replacementPartsDropDown.active-60.active {
top: -1962px;
}
#replacementPartsDropDown.active-60 ul {
top: -1980px;
}
#replacementPartsDropDown.active-61.active {
top: -1995px;
}
#replacementPartsDropDown.active-61 ul {
top: -2013px;
}
#replacementPartsDropDown.active-62.active {
top: -2028px;
}
#replacementPartsDropDown.active-62 ul {
top: -2046px;
}
#replacementPartsDropDown.active-63.active {
top: -2061px;
}
#replacementPartsDropDown.active-63 ul {
top: -2079px;
}
#replacementPartsDropDown.active-64.active {
top: -2094px;
}
#replacementPartsDropDown.active-64 ul {
top: -2112px;
}
#replacementPartsDropDown.active-65.active {
top: -2127px;
}
#replacementPartsDropDown.active-65 ul {
top: -2145px;
}
#replacementPartsDropDown.active-66.active {
top: -2160px;
}
#replacementPartsDropDown.active-66 ul {
top: -2178px;
}
#replacementPartsDropDown.active-67.active {
top: -2193px;
}
#replacementPartsDropDown.active-67 ul {
top: -2211px;
}
#replacementPartsDropDown.active-68.active {
top: -2226px;
}
#replacementPartsDropDown.active-68 ul {
top: -2244px;
}
#replacementPartsDropDown.active-69.active {
top: -2259px;
}
#replacementPartsDropDown.active-69 ul {
top: -2277px;
}
#replacementPartsDropDown.active-70.active {
top: -2292px;
}
#replacementPartsDropDown.active-70 ul {
top: -2310px;
}
#replacementPartsDropDown.active-71.active {
top: -2325px;
}
#replacementPartsDropDown.active-71 ul {
top: -2343px;
}
#replacementPartsDropDown.active-72.active {
top: -2358px;
}
#replacementPartsDropDown.active-72 ul {
top: -2376px;
}
#replacementPartsDropDown.active-73.active {
top: -2391px;
}
#replacementPartsDropDown.active-73 ul {
top: -2409px;
}
#replacementPartsDropDown.active-74.active {
top: -2424px;
}
#replacementPartsDropDown.active-74 ul {
top: -2442px;
}
#replacementPartsDropDown.active-75.active {
top: -2457px;
}
#replacementPartsDropDown.active-75 ul {
top: -2475px;
}
#replacementPartsDropDown.active-76.active {
top: -2490px;
}
#replacementPartsDropDown.active-76 ul {
top: -2508px;
}
#replacementPartsDropDown.active-77.active {
top: -2523px;
}
#replacementPartsDropDown.active-77 ul {
top: -2541px;
}
#replacementPartsDropDown.active-78.active {
top: -2556px;
}
#replacementPartsDropDown.active-78 ul {
top: -2574px;
}
#replacementPartsDropDown.active-79.active {
top: -2589px;
}
#replacementPartsDropDown.active-79 ul {
top: -2607px;
}
#replacementPartsDropDown.active-80.active {
top: -2622px;
}
#replacementPartsDropDown.active-80 ul {
top: -2640px;
}
#replacementPartsDropDown.active-81.active {
top: -2655px;
}
#replacementPartsDropDown.active-81 ul {
top: -2673px;
}
#replacementPartsDropDown.active-82.active {
top: -2688px;
}
#replacementPartsDropDown.active-82 ul {
top: -2706px;
}
#replacementPartsDropDown.active-83.active {
top: -2721px;
}
#replacementPartsDropDown.active-83 ul {
top: -2739px;
}
#replacementPartsDropDown.active-84.active {
top: -2754px;
}
#replacementPartsDropDown.active-84 ul {
top: -2772px;
}
#replacementPartsDropDown.active-85.active {
top: -2787px;
}
#replacementPartsDropDown.active-85 ul {
top: -2805px;
}
#replacementPartsDropDown.active-86.active {
top: -2820px;
}
#replacementPartsDropDown.active-86 ul {
top: -2838px;
}
#replacementPartsDropDown.active-87.active {
top: -2853px;
}
#replacementPartsDropDown.active-87 ul {
top: -2871px;
}
#replacementPartsDropDown.active-88.active {
top: -2886px;
}
#replacementPartsDropDown.active-88 ul {
top: -2904px;
}
#replacementPartsDropDown.active-89.active {
top: -2919px;
}
#replacementPartsDropDown.active-89 ul {
top: -2937px;
}
#replacementPartsDropDown.active-90.active {
top: -2952px;
}
#replacementPartsDropDown.active-90 ul {
top: -2970px;
}
#replacementPartsDropDown.active-91.active {
top: -2985px;
}
#replacementPartsDropDown.active-91 ul {
top: -3003px;
}
#replacementPartsDropDown.active-92.active {
top: -3018px;
}
#replacementPartsDropDown.active-92 ul {
top: -3036px;
}
#replacementPartsDropDown.active-93.active {
top: -3051px;
}
#replacementPartsDropDown.active-93 ul {
top: -3069px;
}
#replacementPartsDropDown.active-94.active {
top: -3084px;
}
#replacementPartsDropDown.active-94 ul {
top: -3102px;
}
#replacementPartsDropDown.active-95.active {
top: -3117px;
}
#replacementPartsDropDown.active-95 ul {
top: -3135px;
}
#replacementPartsDropDown.active-96.active {
top: -3150px;
}
#replacementPartsDropDown.active-96 ul {
top: -3168px;
}
#replacementPartsDropDown.active-97.active {
top: -3183px;
}
#replacementPartsDropDown.active-97 ul {
top: -3201px;
}
#replacementPartsDropDown.active-98.active {
top: -3216px;
}
#replacementPartsDropDown.active-98 ul {
top: -3234px;
}
#replacementPartsDropDown.active-99.active {
top: -3249px;
}
#replacementPartsDropDown.active-99 ul {
top: -3267px;
}
#replacementPartsDropDown.active-100.active {
top: -3282px;
}
#replacementPartsDropDown.active-100 ul {
top: -3300px;
}
#replacementPartsDropDown.active {
height: auto;
}
#replacementPartsDropDown.active > ul {
background-color: #ffffff;
border-color: #72777D;
top: 0px;
}
#replacementPartsDropDown.active > ul li:hover {
color: #72777D;
background-color: #00739E;
}
#replacementPartsDropDown.active > ul li:hover:before,
#replacementPartsDropDown.active > ul li:hover:after {
color: #00739E;
}
.lt-ie9 #replacementPartsDropDown {
left: 259px;
}
#replacementPartsDropDown.active > ul {
position: relative;
z-index: 99;
border: 2px solid #72777D;
}
#replacementPartsDropDown.active > ul > li {
border-bottom: 1px solid #72777D;
}
#replacementPartsDropDown > ul {
border: none;
}
#replacementPartsDropDown > ul > li {
text-align: left;
border: none;
padding-right: 18px;
padding-left: 5px;
position: relative;
}
#replacementPartsDropDown > ul > li.active:before,
#replacementPartsDropDown > ul > li.active:after {
right: 5px;
left: auto;
}
#BVRRContainer .BVContentSubscription .BVFieldButton {
float: right;
}
#BVRRContainer .BVContentSubscription a .BVDILinkSpan {
color: #ffffff;
}
body .BVContentSubscriptionContainer .BV {
width: auto;
}
@media (min-width: 1383px) {
#content.product-page-content {
float: left;
padding-right: 20px;
width: 80%;
}
}