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

#employeeRegistration {
    width: 66.66666666666667%;
    padding: 10px;
    margin-bottom: 10px;
    float: left;
    float: none;
    margin-top: 20px;
    padding: 20px
}

.lt-ie8 #employeeRegistration {
    width: 64.66666666666667%
}

.lt-ie8 #employeeRegistration {
    width: 64.66666666666667%
}

.lt-ie8 #employeeRegistration {
    width: 64.66666666666667%
}

.lt-ie8 #employeeRegistration {
    width: 64.66666666666667%
}

.lt-ie8 #employeeRegistration {
    width: 64.66666666666667%
}

.lt-ie8 #employeeRegistration {
    width: 64.66666666666667%
}

.lt-ie8 #employeeRegistration {
    width: 64.66666666666667%
}

.lt-ie8 #employeeRegistration {
    width: 64.66666666666667%
}

.lt-ie8 #employeeRegistration {
    width: 64.66666666666667%
}

.lt-ie8 #employeeRegistration {
    width: 64.66666666666667%
}

#employeeRegistration h3 {
    font-weight: 700;
    margin-top: 10px;
    padding-top: 20px;
    border-top: 1px solid #ccc;
    background: radial-gradient(center, ellipse cover, rgba(25, 25, 25, 0.35) 0, rgba(0, 0, 0, 0) 100%);
    background: radial-gradient(ellipse 70% 10px at top, rgba(25, 25, 25, 0.35) 0, rgba(255, 255, 255, 0) 80%)
}

#employeeRegistration #errors {
    color: #ad3333
}

#employeeRegistration #errors li {
    margin-left: 25px
}

#employeeRegistration #errors li:first-child {
    margin-top: -15px
}

#employeeRegistration input[type="text"], #employeeRegistration input[type="password"], #employeeRegistration input.disabled {
    width: 477px
}

#employeeRegistration #racfId, #employeeRegistration .countryDialingCodeTelephoneWithExt #phonenumber {
    width: 238px
}

#employeeRegistration .countryDialingCodeTelephoneWithExt {
    margin-bottom: 10px
}

#employeeRegistration .countryDialingCodeTelephoneWithExt:after, #employeeRegistration .countryDialingCodeTelephoneWithExt:before {
    content: " ";
    display: table
}

#employeeRegistration .countryDialingCodeTelephoneWithExt:after {
    clear: both
}

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

#employeeRegistration .countryDialingCodeTelephoneWithExt:after, #employeeRegistration .countryDialingCodeTelephoneWithExt:before {
    content: " ";
    display: table
}

#employeeRegistration .countryDialingCodeTelephoneWithExt:after {
    clear: both
}

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

#employeeRegistration .countryDialingCodeTelephoneWithExt:after, #employeeRegistration .countryDialingCodeTelephoneWithExt:before {
    content: " ";
    display: table
}

#employeeRegistration .countryDialingCodeTelephoneWithExt:after {
    clear: both
}

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

#employeeRegistration .countryDialingCodeTelephoneWithExt:after, #employeeRegistration .countryDialingCodeTelephoneWithExt:before {
    content: " ";
    display: table
}

#employeeRegistration .countryDialingCodeTelephoneWithExt:after {
    clear: both
}

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

#employeeRegistration .countryDialingCodeTelephoneWithExt:after, #employeeRegistration .countryDialingCodeTelephoneWithExt:before {
    content: " ";
    display: table
}

#employeeRegistration .countryDialingCodeTelephoneWithExt:after {
    clear: both
}

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

#employeeRegistration .countryDialingCodeTelephoneWithExt:after, #employeeRegistration .countryDialingCodeTelephoneWithExt:before {
    content: " ";
    display: table
}

#employeeRegistration .countryDialingCodeTelephoneWithExt:after {
    clear: both
}

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

#employeeRegistration .countryDialingCodeTelephoneWithExt:after, #employeeRegistration .countryDialingCodeTelephoneWithExt:before {
    content: " ";
    display: table
}

#employeeRegistration .countryDialingCodeTelephoneWithExt:after {
    clear: both
}

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

#employeeRegistration .countryDialingCodeTelephoneWithExt:after, #employeeRegistration .countryDialingCodeTelephoneWithExt:before {
    content: " ";
    display: table
}

#employeeRegistration .countryDialingCodeTelephoneWithExt:after {
    clear: both
}

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

#employeeRegistration .countryDialingCodeTelephoneWithExt:after, #employeeRegistration .countryDialingCodeTelephoneWithExt:before {
    content: " ";
    display: table
}

#employeeRegistration .countryDialingCodeTelephoneWithExt:after {
    clear: both
}

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

#employeeRegistration .countryDialingCodeTelephoneWithExt:after, #employeeRegistration .countryDialingCodeTelephoneWithExt:before {
    content: " ";
    display: table
}

#employeeRegistration .countryDialingCodeTelephoneWithExt:after {
    clear: both
}

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

#employeeRegistration .countryDialingCodeTelephoneWithExt .formField {
    float: left;
    margin-right: 10px
}

#employeeRegistration .countryDialingCodeTelephoneWithExt #phoneextension {
    width: 90px
}

#employeeRegistration .countryDialingCodeTelephoneWithExt .phoneExt {
    margin-left: 10px
}

#employeeRegistration #noRacfidCheckboxSection {
    margin-top: 10px
}

#employeeRegistration .personalInfoContainer #firstName, #employeeRegistration .personalInfoContainer #lastName {
    width: 238px
}

#employeeRegistration .personalInfoContainer .gForm-row:first-child {
    margin-bottom: 0
}

#employeeRegistration .personalInfoContainer .gForm-row .formField {
    float: left
}

#employeeRegistration .employAddressContainer .formField {
    margin-bottom: 10px
}

#employeeRegistration #password-strength {
    margin-bottom: 10px
}

#noRacfidCheckboxSection {
    overflow: hidden
}

#contactUsMessage, #contactUsMessageBlock {
    padding: 0 0 10px 0
}

.lt-ie9 .employAddressContainer input#city, .lt-ie10 .employAddressContainer input#city {
    width: 140px
}

.lt-ie9 .employAddressContainer input#zipCode, .lt-ie10 .employAddressContainer input#zipCode {
    width: 50px
}

.lt-ie9 .telephoneWithExt .phone, .lt-ie9 .telephoneWithExt .phone input {
    width: 150px
}

.lt-ie9 .telephoneWithExt .phoneExt, .lt-ie9 .telephoneWithExt .phoneExt input {
    width: 100px
}

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

.forgotPWDField {
    padding-bottom: 10px
}

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

.forgotPWDField:after {
    clear: both
}

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

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

.forgotPWDField:after {
    clear: both
}

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

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

.forgotPWDField:after {
    clear: both
}

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

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

.forgotPWDField:after {
    clear: both
}

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

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

.forgotPWDField:after {
    clear: both
}

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

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

.forgotPWDField:after {
    clear: both
}

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

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

.forgotPWDField:after {
    clear: both
}

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

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

.forgotPWDField:after {
    clear: both
}

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

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

.forgotPWDField:after {
    clear: both
}

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

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

.forgotPWDField:after {
    clear: both
}

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

.forgotPWDField a {
    float: left
}

.forgotPWDField a:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 .forgotPWDField a {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 .forgotPWDField a:first-child {
    border: none
}

.forgotPWDField a:first-child:before {
    display: none
}

.forgotPWDField a:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 .forgotPWDField a {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 .forgotPWDField a:first-child {
    border: none
}

.forgotPWDField a:first-child:before {
    display: none
}

.forgotPWDField a:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 .forgotPWDField a {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 .forgotPWDField a:first-child {
    border: none
}

.forgotPWDField a:first-child:before {
    display: none
}

.forgotPWDField a:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 .forgotPWDField a {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 .forgotPWDField a:first-child {
    border: none
}

.forgotPWDField a:first-child:before {
    display: none
}

.forgotPWDField a:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 .forgotPWDField a {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 .forgotPWDField a:first-child {
    border: none
}

.forgotPWDField a:first-child:before {
    display: none
}

.forgotPWDField a:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 .forgotPWDField a {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 .forgotPWDField a:first-child {
    border: none
}

.forgotPWDField a:first-child:before {
    display: none
}

.forgotPWDField a:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 .forgotPWDField a {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 .forgotPWDField a:first-child {
    border: none
}

.forgotPWDField a:first-child:before {
    display: none
}

.forgotPWDField a:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 .forgotPWDField a {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 .forgotPWDField a:first-child {
    border: none
}

.forgotPWDField a:first-child:before {
    display: none
}

.forgotPWDField a:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 .forgotPWDField a {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 .forgotPWDField a:first-child {
    border: none
}

.forgotPWDField a:first-child:before {
    display: none
}

.forgotPWDField a:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 .forgotPWDField a {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 .forgotPWDField a:first-child {
    border: none
}

.forgotPWDField a:first-child:before {
    display: none
}

.fp-line-break {
    border-top: 1px solid #ccc;
    padding-top: 5px
}

.fp-line-break .alert-message p:first-child {
    margin-bottom: 5px
}

.fp-line-break .alert-message p {
    margin-top: 0
}

#forgotPassword {
    margin-bottom: 40px
}

#forgotPassword.btn {
    margin-top: 20px
}

.forgotPass {
    background: #F2F2F2;
    width: 68%
}

.forgetPasswordForm input[type="text"], .forgetPasswordForm input[type="password"], .forgetPasswordForm input.disabled, .forgetPasswordForm textarea {
    min-width: 415px;
    margin: 15px 0
}

.page-login-forgot-password .forgotheader1 {
    font-size: 24px;
    font-weight: bold;
    padding-left: 20px;
    padding-bottom: 7px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px
}

.page-login-forgot-password .alert.alert-block {
    padding: 10px;
    clear: both;
    border: none !important
}

.page-login-forgot-password .alert::before {
    padding-right: 7px
}

.logintextf {
    font-weight: bold
}

.forgotText1 {
    padding-top: 5px
}

.emailtxt {
    margin: 0;
    width: 450px
}

.gforgotFormsField {
    margin-top: -30px;
    padding-left: 0
}

.gforgotFormsField label {
    padding-bottom: 6px;
    padding-left: 0
}

.signInButton {
    margin-top: 20px
}

#checkoutSignInBucketContainer {
    margin: 15px 0 76px
}

#checkoutSignInBucketContainer h3 {
    font-weight: 700;
    line-height: 1;
    margin: -2px 0 25px 0
}

#checkoutSignInBucketContainer input[type=text], #checkoutSignInBucketContainer input[type=password] {
    width: 100%;
    max-width: 238px
}

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

#checkoutSignInBucketContainer:after {
    clear: both
}

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

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

#checkoutSignInBucketContainer:after {
    clear: both
}

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

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

#checkoutSignInBucketContainer:after {
    clear: both
}

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

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

#checkoutSignInBucketContainer:after {
    clear: both
}

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

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

#checkoutSignInBucketContainer:after {
    clear: both
}

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

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

#checkoutSignInBucketContainer:after {
    clear: both
}

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

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

#checkoutSignInBucketContainer:after {
    clear: both
}

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

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

#checkoutSignInBucketContainer:after {
    clear: both
}

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

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

#checkoutSignInBucketContainer:after {
    clear: both
}

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

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

#checkoutSignInBucketContainer:after {
    clear: both
}

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

#checkoutSignInBucketContainer .checkoutBucket {
    border-right: 2px solid #e4e4e4;
    padding: 0 10px;
    position: relative;
    width: 32.91666666666667%;
    padding: 10px;
    margin-bottom: 10px;
    float: left
}

.lt-ie8 #checkoutSignInBucketContainer .checkoutBucket {
    width: 30.916666666666664%
}

.lt-ie8 #checkoutSignInBucketContainer .checkoutBucket {
    width: 30.916666666666664%
}

.lt-ie8 #checkoutSignInBucketContainer .checkoutBucket {
    width: 30.916666666666664%
}

.lt-ie8 #checkoutSignInBucketContainer .checkoutBucket {
    width: 30.916666666666664%
}

.lt-ie8 #checkoutSignInBucketContainer .checkoutBucket {
    width: 30.916666666666664%
}

.lt-ie8 #checkoutSignInBucketContainer .checkoutBucket {
    width: 30.916666666666664%
}

.lt-ie8 #checkoutSignInBucketContainer .checkoutBucket {
    width: 30.916666666666664%
}

.lt-ie8 #checkoutSignInBucketContainer .checkoutBucket {
    width: 30.916666666666664%
}

.lt-ie8 #checkoutSignInBucketContainer .checkoutBucket {
    width: 30.916666666666664%
}

.lt-ie8 #checkoutSignInBucketContainer .checkoutBucket {
    width: 30.916666666666664%
}

#checkoutSignInBucketContainer .checkoutBucket:last-child, #checkoutSignInBucketContainer .checkoutBucket.guestBucket {
    border-right: none;
    padding-left: 25px
}

#checkoutSignInBucketContainer .checkoutBucket.graingerSignIn {
    border-right: none;
    width: 20.916667%;
    margin: 0;
    padding: 0
}

#checkoutSignInBucketContainer .checkoutBucket.graingerSignIn .signInButton {
    margin-top: 25px
}

#checkoutSignInBucketContainer .checkoutBucket.graingerSignIn .floating-labels {
    position: relative
}

#checkoutSignInBucketContainer .checkoutBucket.graingerSignIn .floating-labels label {
    display: none
}

#checkoutSignInBucketContainer .checkoutBucket.graingerSignIn .floating-labels.show-labels label {
    display: block;
    position: absolute;
    top: -5px;
    left: 14px;
    font-size: .8em;
    padding: 0 5px !important;
    background: #fff;
    outline: 0;
    line-height: 11px;
    font-weight: normal
}

#checkoutSignInBucketContainer .regBucket {
    border-left: 2px solid #e4e4e4;
    width: 38.916667%;
    margin: 0 20px;
    padding: 0 55px
}

#checkoutSignInBucketContainer .regBucket ul {
    list-style: disc;
    margin-left: 20px
}

#checkoutSignInBucketContainer .regBucket li {
    padding-bottom: 3px
}

#checkoutSignInBucketContainer .regBucket .content {
    margin-bottom: 0
}

#checkoutSignInBucketContainer .regBucket.nonCheckoutSignIn {
    padding-left: 55px;
    position: relative
}

#checkoutSignInBucketContainer .guestCheckoutBucket {
    float: left;
    width: 27.916667%;
    margin: 0 20px;
    padding-top: 0
}

#checkoutSignInBucketContainer .guestCheckoutBucket #guestCheckoutButton {
    bottom: 0;
    position: relative;
    margin-top: 53px
}

#checkoutSignInBucketContainer .signInButton {
    bottom: 0;
    width: 100%;
    margin-top: 25px;
    position: relative
}

.graingerSignIn {
    margin: 20px
}

.graingerSignIn h1 {
    font-size: 24px;
    font-weight: 700;
    border-bottom: 1px solid #ccc;
    padding: 0 0 10px
}

.graingerSignIn .signInErrorMessages p {
    font-size: 12px
}

.graingerSignIn .signInErrorMessages p .inline-block {
    display: inline-block
}

.graingerSignIn .userIDField .signInErrorMessages {
    margin-bottom: 20px
}

.graingerSignIn .userIDField .showKaptchaField {
    margin-bottom: 20px
}

.graingerSignIn .userIDField .showKaptchaField label {
    margin-top: 10px
}

.graingerSignIn input[type=text], .graingerSignIn input[type=password] {
    width: 238px
}

.graingerSignIn #j_username {
    margin-bottom: 15px
}

.privacyCenterCustomLogin p {
    line-height: 18px;
    margin-bottom: 25px
}

#setupSecurityQA {
    display: block;
    background-color: #eee
}

#setupSecurityQA h1 {
    font-size: 32px;
    font-weight: 700;
    border-bottom: 0;
    padding: 0
}

#setupSecurityQA .security-question-prompt {
    margin-top: 3px
}

#setupSecurityQA #forgottenPwdForm {
    background-color: #f2f2f2;
    width: 50%;
    margin-top: 5px
}

#setupSecurityQA #forgottenPwdForm .securitypasswordform {
    padding-bottom: 10px
}

#setupSecurityQA #forgottenPwdForm .formField {
    width: 100%;
    height: auto;
    padding: 0 2%
}

#setupSecurityQA #forgottenPwdForm .formField label {
    font-size: 16px;
    padding: 5px 1%;
    padding-top: 15px
}

#setupSecurityQA #forgottenPwdForm .formField input {
    display: block;
    width: 98%;
    height: 25px;
    padding: 0;
    margin: 3% 1%;
    box-shadow: 0 -1px 0 #000
}

#setupSecurityQA #forgottenPwdForm .message-content {
    font-weight: bold;
    margin-bottom: 10px;
    margin-left: 3%;
    color: #000;
    font-size: 13px
}

#setupSecurityQA #forgottenPwdForm .message-content li:before {
    font-family: graingerFont;
    content: "\e616";
    font-weight: 400;
    font-size: 19px;
    color: #000;
    display: inline-block
}

#setupSecurityQA #forgottenPwdForm .message-content li .error-text-section {
    vertical-align: middle;
    display: inline-block;
    vertical-align: super
}

#setupSecurityQA #securityQuestionAndAnswerForm {
    color: #333;
    background-color: #eee;
    margin-bottom: 30px;
    padding: 10px;
    padding-left: 20px
}

#setupSecurityQA #securityQuestionAndAnswerForm #setup-securityQuestion, #setupSecurityQA #securityQuestionAndAnswerForm #setup-securityAnswer {
    margin-bottom: 2px
}

#setupSecurityQA #securityQuestionAndAnswerForm #setup-securityQuestion .gForm-input, #setupSecurityQA #securityQuestionAndAnswerForm #setup-securityAnswer .gForm-input {
    width: 100%
}

#setupSecurityQA #securityQuestionAndAnswerForm #setup-securityQuestion .gForm-input label, #setupSecurityQA #securityQuestionAndAnswerForm #setup-securityAnswer .gForm-input label {
    display: inline-block;
    font-weight: 100;
    width: 185px;
    line-height: 16px;
    text-align: right;
    padding-top: 15px;
    vertical-align: top
}

#setupSecurityQA #securityQuestionAndAnswerForm #setup-securityQuestion .gForm-input input, #setupSecurityQA #securityQuestionAndAnswerForm #setup-securityAnswer .gForm-input input {
    display: inline-block;
    width: 68%;
    vertical-align: top
}

#setupSecurityQA #securityQuestionAndAnswerForm #setup-securityQuestion {
    margin-top: 30px
}

#setupSecurityQA .securityQAMessage {
    width: 805px;
    padding-top: 10px;
    padding-bottom: 5px
}

#setupSecurityQA .alert-message {
    margin-left: 1%
}

#setupSecurityQA .alert-message .error {
    border: 0
}

#setupSecurityQA .showKaptchaField {
    margin: 5% 20%
}

#setupSecurityQA .gForm-btn {
    display: block;
    height: 50px;
    margin-top: 6px
}

#setupSecurityQA .gForm-btn #save-securityQandA {
    float: right;
    margin-right: 96px
}

#setupSecurityQA .extra-information {
    margin-top: 12px;
    margin-left: 1%
}

#setupSecurityQA .extra-information .title-area {
    margin-top: 5px;
    font-weight: bold;
    font-size: 14px
}

#setupSecurityQA .extra-information .information-text {
    margin-top: 5px;
    width: 52%
}

#setupSecurityQA .extra-information .phone-number {
    margin-top: 20px
}

#setupSecurityQA .errorMsg {
    color: #ad3333;
    margin-left: 20.5%
}

#setupSecurityQA .securityQAHeader {
    background-color: #fff;
    height: 40px;
    font-weight: bold;
    font-size: 150%
}

#setupSecurityQA .securityQAHeader span {
    position: absolute;
    margin-top: 8px;
    margin-left: 10px
}

.password-reset-success-header {
    font-size: 34px;
    border-bottom: 0
}

.password-reset-success-text {
    margin-bottom: 20px;
    margin-top: 5px
}

.go-back-form .go-back-button {
    display: inline-block;
    font-weight: bold;
    font-size: 12px;
    color: #f2f2f2;
    height: 41px;
    width: 100px;
    border: none;
    border-radius: 3px;
    background-image: none;
    background-color: #868686;
    width: 165px;
    margin-top: 20px
}

#accountLocked .account-locked-header {
    font-size: 34px;
    border-bottom: 0
}

#accountLocked .account-locked-first-text {
    margin-bottom: 30px
}

#accountLocked .account-locked-second-text {
    margin-top: 5px;
    line-height: 20px
}

.forgotpasswordcontent {
    display: block;
    margin: auto;
    padding-left: 350px
}

.forgotpasswordLabel {
    display: inline-block;
    width: 200px
}

.forgotpasswordfield {
    display: inline-block
}

.gforgotpwdForms {
    color: #333;
    background-color: #eee;
    margin-bottom: 30px;
    padding: 20px;
    width: 750px;
    height: 250px
}

.forgotpasswordTitle {
    margin: auto;
    padding-left: 270px
}

.forgotpasswordpara {
    font-size: 24px;
    font-weight: bold
}

#globalMessages {
    margin: auto;
    padding-left: 270px
}

.forgotpasswordstrength {
    display: inline-block
}

#submitLoginOptionsLabel {
    padding-left: 270px
}

.password-reset-link-expired {
    font-size: 24px;
    font-weight: bold
}

.gforgotForms {
    color: #333;
    margin-top: 30px;
    width: 500px;
    margin-bottom: 20px
}

.securityQAheader1 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px
}

.gsecurityQAFormsField {
    color: #333;
    background-color: #eee;
    margin-top: 30px;
    padding: 20px;
    width: 500px
}

.gsecurityQAFormsField .showKaptchaField #kaptcha {
    display: none
}

.gsecurityQAFormsField .message-content {
    margin-bottom: 5px
}

#securityAnswer {
    width: 450px
}

.forgotUserId {
    font-weight: bold;
    padding-left: 0;
    margin-top: 20px
}

.password-reset-confirmation {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 30px
}

#loginOptionConfirmNewPassword {
    width: 240px
}

#password {
    width: 240px
}

.forgotpasswordsubmitbtn {
    padding-left: 370px
}

.forgotpasswordheader {
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 7px;
    margin-bottom: 10px
}

.page-employeePasswordReset .content {
    padding-left: 20px
}

.login-redirect-reason {
    background-color: #EEE;
    padding-top: 6px;
    padding-bottom: 5px;
    padding-left: 15px;
    margin-top: -10px;
    font-style: italic;
    font-size: 12px
}

#securityQuestionAndAnswerForm #securityQuestion {
    width: 68%;
    height: 100%;
    padding: 8px
}

#securityQuestionAndAnswerForm .security-question-area .errorField {
    border: 2px solid #ad3333;
    padding: 7px 4px
}

.guestOrderTracking {
    width: 36%;
    padding-left: 35px;
    display: inline-block
}

.guestOrderTracking p, .guestOrderTracking input {
    margin-bottom: 15px
}

.guestOrderTracking .floating-labels {
    position: relative
}

.guestOrderTracking .floating-labels label {
    display: none
}

.guestOrderTracking.show-labels label {
    display: block;
    position: absolute;
    top: -5px;
    left: 14px;
    font-size: .8em;
    padding: 0 5px !important;
    background: #fff;
    outline: 0;
    line-height: 11px;
    font-weight: normal
}

.guestOrderTracking #guestOrderTrackingSearch.btn:focus {
    background-color: #151B1E
}

.language-fr .guestOrderTracking #guestOrderTrackingOrderId {
    max-width: 365px
}

.language-fr .guestOrderTracking #guestOrderTrackingEmail {
    max-width: 365px
}

.language-en .guestOrderTracking .guestOrderTrackingDesc {
    max-width: 327px
}

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

table {
    border-spacing: 0;
    border-collapse: collapse;
    margin-bottom: 20px;
    width: 100%
}

table th {
    border-bottom: 1px solid #ccc;
    font-weight: 500;
    padding: 10px 0;
    text-align: left
}

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

table tr {
    border-top: 1px solid #ccc;
    text-align: left
}

table tr:first-child {
    border-bottom: none
}

table tr.checked td {
    background-color: #e0e9ed
}

table tr td {
    padding: 10px 0;
    vertical-align: middle
}

table tr td:first-child {
    padding-left: 10px
}

table tr a.sort:after {
    font-family: graingerFont;
    content: "";
    font-weight: 400;
    margin: 0 0 0 6px
}

table tr a.sort-reverse:after {
    font-family: graingerFont;
    content: "\e603";
    font-weight: 400;
    margin: 0 0 0 6px
}

.lt-ie8 table tr a.sort {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -3858px;
    background-position-x: 100%
}

.lt-ie8 table tr a.sort {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -3858px;
    background-position-x: 100%
}

.lt-ie8 table tr a.sort {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -3858px;
    background-position-x: 100%
}

.lt-ie8 table tr a.sort {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -3858px;
    background-position-x: 100%
}

.lt-ie8 table tr a.sort {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -3858px;
    background-position-x: 100%
}

.lt-ie8 table tr a.sort {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -3858px;
    background-position-x: 100%
}

.lt-ie8 table tr a.sort {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -3858px;
    background-position-x: 100%
}

.lt-ie8 table tr a.sort {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -3858px;
    background-position-x: 100%
}

.lt-ie8 table tr a.sort {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -3858px;
    background-position-x: 100%
}

.lt-ie8 table tr a.sort {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -3858px;
    background-position-x: 100%
}

.lt-ie8 table tr a.sort-reverse {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -4490px;
    background-position-x: 100%
}

.lt-ie8 table tr a.sort-reverse {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -4490px;
    background-position-x: 100%
}

.lt-ie8 table tr a.sort-reverse {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -4490px;
    background-position-x: 100%
}

.lt-ie8 table tr a.sort-reverse {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -4490px;
    background-position-x: 100%
}

.lt-ie8 table tr a.sort-reverse {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -4490px;
    background-position-x: 100%
}

.lt-ie8 table tr a.sort-reverse {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -4490px;
    background-position-x: 100%
}

.lt-ie8 table tr a.sort-reverse {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -4490px;
    background-position-x: 100%
}

.lt-ie8 table tr a.sort-reverse {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -4490px;
    background-position-x: 100%
}

.lt-ie8 table tr a.sort-reverse {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -4490px;
    background-position-x: 100%
}

.lt-ie8 table tr a.sort-reverse {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -4490px;
    background-position-x: 100%
}

.lt-ie8 table tr a.sort, .lt-ie8 table tr a.sort-reverse {
    padding-right: 20px
}

.lt-ie8 table tr a.sort {
    background-position-y: -3867px
}

.lt-ie8 table tr a.sort-reverse {
    background-position-y: -4497px
}

table tfoot tr {
    border-bottom: none
}

.pagebuilder-restyle table th, .pagebuilder-restyle table tr {
    border: none
}

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

.omsContainer {
    margin: 20px 0 0 0;
    height: auto
}

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

.omsContainer:after {
    clear: both
}

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

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

.omsContainer:after {
    clear: both
}

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

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

.omsContainer:after {
    clear: both
}

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

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

.omsContainer:after {
    clear: both
}

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

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

.omsContainer:after {
    clear: both
}

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

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

.omsContainer:after {
    clear: both
}

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

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

.omsContainer:after {
    clear: both
}

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

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

.omsContainer:after {
    clear: both
}

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

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

.omsContainer:after {
    clear: both
}

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

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

.omsContainer:after {
    clear: both
}

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

.oms-custom-setup {
    position: relative
}

.oms-custom-setup .my-account-header .my-account-content {
    width: 100%;
    padding: 0
}

#header-breadcrumb-container #user-actions.omsUserAction {
    float: left
}

#header-breadcrumb-container h1 {
    clear: both
}

.select-approvers-page #oms-approvers:after, .assign-settings-page #oms-approvers:after, .step-three-assign-spend-limits #oms-approvers:after, .select-approvers-page #oms-approvers:before, .assign-settings-page #oms-approvers:before, .step-three-assign-spend-limits #oms-approvers:before {
    content: " ";
    display: table
}

.select-approvers-page #oms-approvers:after, .assign-settings-page #oms-approvers:after, .step-three-assign-spend-limits #oms-approvers:after {
    clear: both
}

.lt-ie8 .select-approvers-page #oms-approvers, .lt-ie8 .assign-settings-page #oms-approvers, .lt-ie8 .step-three-assign-spend-limits #oms-approvers {
    clear: both;
    zoom: 1
}

.select-approvers-page #oms-approvers:after, .assign-settings-page #oms-approvers:after, .step-three-assign-spend-limits #oms-approvers:after, .select-approvers-page #oms-approvers:before, .assign-settings-page #oms-approvers:before, .step-three-assign-spend-limits #oms-approvers:before {
    content: " ";
    display: table
}

.select-approvers-page #oms-approvers:after, .assign-settings-page #oms-approvers:after, .step-three-assign-spend-limits #oms-approvers:after {
    clear: both
}

.lt-ie8 .select-approvers-page #oms-approvers, .lt-ie8 .assign-settings-page #oms-approvers, .lt-ie8 .step-three-assign-spend-limits #oms-approvers {
    clear: both;
    zoom: 1
}

.select-approvers-page #oms-approvers:after, .assign-settings-page #oms-approvers:after, .step-three-assign-spend-limits #oms-approvers:after, .select-approvers-page #oms-approvers:before, .assign-settings-page #oms-approvers:before, .step-three-assign-spend-limits #oms-approvers:before {
    content: " ";
    display: table
}

.select-approvers-page #oms-approvers:after, .assign-settings-page #oms-approvers:after, .step-three-assign-spend-limits #oms-approvers:after {
    clear: both
}

.lt-ie8 .select-approvers-page #oms-approvers, .lt-ie8 .assign-settings-page #oms-approvers, .lt-ie8 .step-three-assign-spend-limits #oms-approvers {
    clear: both;
    zoom: 1
}

.select-approvers-page #oms-approvers:after, .assign-settings-page #oms-approvers:after, .step-three-assign-spend-limits #oms-approvers:after, .select-approvers-page #oms-approvers:before, .assign-settings-page #oms-approvers:before, .step-three-assign-spend-limits #oms-approvers:before {
    content: " ";
    display: table
}

.select-approvers-page #oms-approvers:after, .assign-settings-page #oms-approvers:after, .step-three-assign-spend-limits #oms-approvers:after {
    clear: both
}

.lt-ie8 .select-approvers-page #oms-approvers, .lt-ie8 .assign-settings-page #oms-approvers, .lt-ie8 .step-three-assign-spend-limits #oms-approvers {
    clear: both;
    zoom: 1
}

.select-approvers-page #oms-approvers:after, .assign-settings-page #oms-approvers:after, .step-three-assign-spend-limits #oms-approvers:after, .select-approvers-page #oms-approvers:before, .assign-settings-page #oms-approvers:before, .step-three-assign-spend-limits #oms-approvers:before {
    content: " ";
    display: table
}

.select-approvers-page #oms-approvers:after, .assign-settings-page #oms-approvers:after, .step-three-assign-spend-limits #oms-approvers:after {
    clear: both
}

.lt-ie8 .select-approvers-page #oms-approvers, .lt-ie8 .assign-settings-page #oms-approvers, .lt-ie8 .step-three-assign-spend-limits #oms-approvers {
    clear: both;
    zoom: 1
}

.select-approvers-page #oms-approvers:after, .assign-settings-page #oms-approvers:after, .step-three-assign-spend-limits #oms-approvers:after, .select-approvers-page #oms-approvers:before, .assign-settings-page #oms-approvers:before, .step-three-assign-spend-limits #oms-approvers:before {
    content: " ";
    display: table
}

.select-approvers-page #oms-approvers:after, .assign-settings-page #oms-approvers:after, .step-three-assign-spend-limits #oms-approvers:after {
    clear: both
}

.lt-ie8 .select-approvers-page #oms-approvers, .lt-ie8 .assign-settings-page #oms-approvers, .lt-ie8 .step-three-assign-spend-limits #oms-approvers {
    clear: both;
    zoom: 1
}

.select-approvers-page #oms-approvers:after, .assign-settings-page #oms-approvers:after, .step-three-assign-spend-limits #oms-approvers:after, .select-approvers-page #oms-approvers:before, .assign-settings-page #oms-approvers:before, .step-three-assign-spend-limits #oms-approvers:before {
    content: " ";
    display: table
}

.select-approvers-page #oms-approvers:after, .assign-settings-page #oms-approvers:after, .step-three-assign-spend-limits #oms-approvers:after {
    clear: both
}

.lt-ie8 .select-approvers-page #oms-approvers, .lt-ie8 .assign-settings-page #oms-approvers, .lt-ie8 .step-three-assign-spend-limits #oms-approvers {
    clear: both;
    zoom: 1
}

.select-approvers-page #oms-approvers:after, .assign-settings-page #oms-approvers:after, .step-three-assign-spend-limits #oms-approvers:after, .select-approvers-page #oms-approvers:before, .assign-settings-page #oms-approvers:before, .step-three-assign-spend-limits #oms-approvers:before {
    content: " ";
    display: table
}

.select-approvers-page #oms-approvers:after, .assign-settings-page #oms-approvers:after, .step-three-assign-spend-limits #oms-approvers:after {
    clear: both
}

.lt-ie8 .select-approvers-page #oms-approvers, .lt-ie8 .assign-settings-page #oms-approvers, .lt-ie8 .step-three-assign-spend-limits #oms-approvers {
    clear: both;
    zoom: 1
}

.select-approvers-page #oms-approvers:after, .assign-settings-page #oms-approvers:after, .step-three-assign-spend-limits #oms-approvers:after, .select-approvers-page #oms-approvers:before, .assign-settings-page #oms-approvers:before, .step-three-assign-spend-limits #oms-approvers:before {
    content: " ";
    display: table
}

.select-approvers-page #oms-approvers:after, .assign-settings-page #oms-approvers:after, .step-three-assign-spend-limits #oms-approvers:after {
    clear: both
}

.lt-ie8 .select-approvers-page #oms-approvers, .lt-ie8 .assign-settings-page #oms-approvers, .lt-ie8 .step-three-assign-spend-limits #oms-approvers {
    clear: both;
    zoom: 1
}

.select-approvers-page #oms-approvers:after, .assign-settings-page #oms-approvers:after, .step-three-assign-spend-limits #oms-approvers:after, .select-approvers-page #oms-approvers:before, .assign-settings-page #oms-approvers:before, .step-three-assign-spend-limits #oms-approvers:before {
    content: " ";
    display: table
}

.select-approvers-page #oms-approvers:after, .assign-settings-page #oms-approvers:after, .step-three-assign-spend-limits #oms-approvers:after {
    clear: both
}

.lt-ie8 .select-approvers-page #oms-approvers, .lt-ie8 .assign-settings-page #oms-approvers, .lt-ie8 .step-three-assign-spend-limits #oms-approvers {
    clear: both;
    zoom: 1
}

#resetRolesLink a, .resetToDefault {
    margin: 13px 0 17px 0;
    display: block
}

#spend1_form {
    margin: 10px 0
}

#alpha, #oms-approver-info-container {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    width: 100%;
    padding-left: 15px
}

#alpha li, #oms-approver-info-container li {
    padding-left: 10px;
    padding-top: 5px
}

#alpha li .checkbox input, #oms-approver-info-container li .checkbox input {
    vertical-align: top
}

#alpha li .checkbox label, #oms-approver-info-container li .checkbox label {
    font-weight: 500
}

#alpha .lock-approver label, #oms-approver-info-container .lock-approver label {
    display: inline
}

#alpha .alert p, #oms-approver-info-container .alert p {
    margin-left: 18px
}

#alpha {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 31px;
    padding-left: 0
}

#alpha li {
    background-color: #333;
    color: #fff;
    display: block;
    padding: 3px 10px;
    text-align: center
}

#alpha li.active {
    background-color: #666
}

#alpha a {
    color: #fff;
    font-size: 12px;
    text-transform: uppercase
}

#oms-approvers {
    position: relative
}

#oms-approvers #alpha {
    width: auto
}

#oms-approvers #alpha li, #oms-approvers #alpha li a {
    font-size: 10px
}

.lt-ie8 #oms-approvers #alpha {
    width: 30px;
    text-align: center
}

.lt-ie8 #oms-approvers #alpha li {
    padding: 3px 0
}

#oms-approvers #oms-approver-info-container, #oms-approvers #contactList {
    height: 417px;
    overflow-y: auto
}

.lt-ie8 #oms-approvers #oms-approver-info-container {
    display: block
}

#oms-approvers #contactList {
    margin-left: 14px;
    padding-left: 24px
}

#omsExpressSetupModal .modal-header h3 {
    float: right;
    margin: 3px 0 0 0;
    line-height: 14px
}

#omsExpressSetupModal .modal-body {
    padding: 8px 15px 1px 15px
}

#lockedAddressNavigation {
    overflow: hidden;
    margin-bottom: 9px;
    float: left;
    margin-left: 33px;
    z-index: 9;
    position: relative
}

#lockedAddressNavigation .selectLinks:after, #lockedAddressNavigation .selectLinks:before {
    content: " ";
    display: table
}

#lockedAddressNavigation .selectLinks:after {
    clear: both
}

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

#lockedAddressNavigation .selectLinks:after, #lockedAddressNavigation .selectLinks:before {
    content: " ";
    display: table
}

#lockedAddressNavigation .selectLinks:after {
    clear: both
}

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

#lockedAddressNavigation .selectLinks:after, #lockedAddressNavigation .selectLinks:before {
    content: " ";
    display: table
}

#lockedAddressNavigation .selectLinks:after {
    clear: both
}

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

#lockedAddressNavigation .selectLinks:after, #lockedAddressNavigation .selectLinks:before {
    content: " ";
    display: table
}

#lockedAddressNavigation .selectLinks:after {
    clear: both
}

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

#lockedAddressNavigation .selectLinks:after, #lockedAddressNavigation .selectLinks:before {
    content: " ";
    display: table
}

#lockedAddressNavigation .selectLinks:after {
    clear: both
}

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

#lockedAddressNavigation .selectLinks:after, #lockedAddressNavigation .selectLinks:before {
    content: " ";
    display: table
}

#lockedAddressNavigation .selectLinks:after {
    clear: both
}

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

#lockedAddressNavigation .selectLinks:after, #lockedAddressNavigation .selectLinks:before {
    content: " ";
    display: table
}

#lockedAddressNavigation .selectLinks:after {
    clear: both
}

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

#lockedAddressNavigation .selectLinks:after, #lockedAddressNavigation .selectLinks:before {
    content: " ";
    display: table
}

#lockedAddressNavigation .selectLinks:after {
    clear: both
}

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

#lockedAddressNavigation .selectLinks:after, #lockedAddressNavigation .selectLinks:before {
    content: " ";
    display: table
}

#lockedAddressNavigation .selectLinks:after {
    clear: both
}

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

#lockedAddressNavigation .selectLinks:after, #lockedAddressNavigation .selectLinks:before {
    content: " ";
    display: table
}

#lockedAddressNavigation .selectLinks:after {
    clear: both
}

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

#lockedAddressNavigation .selectLinks li {
    float: left
}

#lockedAddressNavigation .selectLinks li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #lockedAddressNavigation .selectLinks li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #lockedAddressNavigation .selectLinks li:first-child {
    border: none
}

#lockedAddressNavigation .selectLinks li:first-child:before {
    display: none
}

#lockedAddressNavigation .selectLinks li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #lockedAddressNavigation .selectLinks li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #lockedAddressNavigation .selectLinks li:first-child {
    border: none
}

#lockedAddressNavigation .selectLinks li:first-child:before {
    display: none
}

#lockedAddressNavigation .selectLinks li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #lockedAddressNavigation .selectLinks li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #lockedAddressNavigation .selectLinks li:first-child {
    border: none
}

#lockedAddressNavigation .selectLinks li:first-child:before {
    display: none
}

#lockedAddressNavigation .selectLinks li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #lockedAddressNavigation .selectLinks li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #lockedAddressNavigation .selectLinks li:first-child {
    border: none
}

#lockedAddressNavigation .selectLinks li:first-child:before {
    display: none
}

#lockedAddressNavigation .selectLinks li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #lockedAddressNavigation .selectLinks li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #lockedAddressNavigation .selectLinks li:first-child {
    border: none
}

#lockedAddressNavigation .selectLinks li:first-child:before {
    display: none
}

#lockedAddressNavigation .selectLinks li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #lockedAddressNavigation .selectLinks li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #lockedAddressNavigation .selectLinks li:first-child {
    border: none
}

#lockedAddressNavigation .selectLinks li:first-child:before {
    display: none
}

#lockedAddressNavigation .selectLinks li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #lockedAddressNavigation .selectLinks li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #lockedAddressNavigation .selectLinks li:first-child {
    border: none
}

#lockedAddressNavigation .selectLinks li:first-child:before {
    display: none
}

#lockedAddressNavigation .selectLinks li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #lockedAddressNavigation .selectLinks li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #lockedAddressNavigation .selectLinks li:first-child {
    border: none
}

#lockedAddressNavigation .selectLinks li:first-child:before {
    display: none
}

#lockedAddressNavigation .selectLinks li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #lockedAddressNavigation .selectLinks li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #lockedAddressNavigation .selectLinks li:first-child {
    border: none
}

#lockedAddressNavigation .selectLinks li:first-child:before {
    display: none
}

#lockedAddressNavigation .selectLinks li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #lockedAddressNavigation .selectLinks li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #lockedAddressNavigation .selectLinks li:first-child {
    border: none
}

#lockedAddressNavigation .selectLinks li:first-child:before {
    display: none
}

#lockedAddressNavigation .selectLinks li:before {
    margin: 0 7px
}

#oms-approver-info-container {
    border: 1px solid #ccc;
    display: block;
    width: auto;
    padding-left: 31px
}

#oms-approver-info-container > li {
    border-bottom: 1px solid #ccc
}

#oms-approver-info-container > li:after, #oms-approver-info-container > li:before {
    content: " ";
    display: table
}

#oms-approver-info-container > li:after {
    clear: both
}

.lt-ie8 #oms-approver-info-container > li {
    clear: both;
    zoom: 1
}

#oms-approver-info-container > li:after, #oms-approver-info-container > li:before {
    content: " ";
    display: table
}

#oms-approver-info-container > li:after {
    clear: both
}

.lt-ie8 #oms-approver-info-container > li {
    clear: both;
    zoom: 1
}

#oms-approver-info-container > li:after, #oms-approver-info-container > li:before {
    content: " ";
    display: table
}

#oms-approver-info-container > li:after {
    clear: both
}

.lt-ie8 #oms-approver-info-container > li {
    clear: both;
    zoom: 1
}

#oms-approver-info-container > li:after, #oms-approver-info-container > li:before {
    content: " ";
    display: table
}

#oms-approver-info-container > li:after {
    clear: both
}

.lt-ie8 #oms-approver-info-container > li {
    clear: both;
    zoom: 1
}

#oms-approver-info-container > li:after, #oms-approver-info-container > li:before {
    content: " ";
    display: table
}

#oms-approver-info-container > li:after {
    clear: both
}

.lt-ie8 #oms-approver-info-container > li {
    clear: both;
    zoom: 1
}

#oms-approver-info-container > li:after, #oms-approver-info-container > li:before {
    content: " ";
    display: table
}

#oms-approver-info-container > li:after {
    clear: both
}

.lt-ie8 #oms-approver-info-container > li {
    clear: both;
    zoom: 1
}

#oms-approver-info-container > li:after, #oms-approver-info-container > li:before {
    content: " ";
    display: table
}

#oms-approver-info-container > li:after {
    clear: both
}

.lt-ie8 #oms-approver-info-container > li {
    clear: both;
    zoom: 1
}

#oms-approver-info-container > li:after, #oms-approver-info-container > li:before {
    content: " ";
    display: table
}

#oms-approver-info-container > li:after {
    clear: both
}

.lt-ie8 #oms-approver-info-container > li {
    clear: both;
    zoom: 1
}

#oms-approver-info-container > li:after, #oms-approver-info-container > li:before {
    content: " ";
    display: table
}

#oms-approver-info-container > li:after {
    clear: both
}

.lt-ie8 #oms-approver-info-container > li {
    clear: both;
    zoom: 1
}

#oms-approver-info-container > li:after, #oms-approver-info-container > li:before {
    content: " ";
    display: table
}

#oms-approver-info-container > li:after {
    clear: both
}

.lt-ie8 #oms-approver-info-container > li {
    clear: both;
    zoom: 1
}

#oms-approver-info-container .approver-data, #oms-approver-info-container .approver-role {
    width: 47.91666666666667%;
    padding: 10px;
    margin-bottom: 10px;
    float: left
}

.lt-ie8 #oms-approver-info-container .approver-data, .lt-ie8 #oms-approver-info-container .approver-role {
    width: 45.916666666666664%
}

.lt-ie8 #oms-approver-info-container .approver-data, .lt-ie8 #oms-approver-info-container .approver-role {
    width: 45.916666666666664%
}

.lt-ie8 #oms-approver-info-container .approver-data, .lt-ie8 #oms-approver-info-container .approver-role {
    width: 45.916666666666664%
}

.lt-ie8 #oms-approver-info-container .approver-data, .lt-ie8 #oms-approver-info-container .approver-role {
    width: 45.916666666666664%
}

.lt-ie8 #oms-approver-info-container .approver-data, .lt-ie8 #oms-approver-info-container .approver-role {
    width: 45.916666666666664%
}

.lt-ie8 #oms-approver-info-container .approver-data, .lt-ie8 #oms-approver-info-container .approver-role {
    width: 45.916666666666664%
}

.lt-ie8 #oms-approver-info-container .approver-data, .lt-ie8 #oms-approver-info-container .approver-role {
    width: 45.916666666666664%
}

.lt-ie8 #oms-approver-info-container .approver-data, .lt-ie8 #oms-approver-info-container .approver-role {
    width: 45.916666666666664%
}

.lt-ie8 #oms-approver-info-container .approver-data, .lt-ie8 #oms-approver-info-container .approver-role {
    width: 45.916666666666664%
}

.lt-ie8 #oms-approver-info-container .approver-data, .lt-ie8 #oms-approver-info-container .approver-role {
    width: 45.916666666666664%
}

#oms-approver-info-container .approver-data p {
    margin-bottom: 0
}

#lockedAddressList {
    clear: both;
    margin: 10px 0
}

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

#lockedAddressList:after {
    clear: both
}

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

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

#lockedAddressList:after {
    clear: both
}

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

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

#lockedAddressList:after {
    clear: both
}

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

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

#lockedAddressList:after {
    clear: both
}

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

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

#lockedAddressList:after {
    clear: both
}

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

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

#lockedAddressList:after {
    clear: both
}

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

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

#lockedAddressList:after {
    clear: both
}

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

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

#lockedAddressList:after {
    clear: both
}

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

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

#lockedAddressList:after {
    clear: both
}

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

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

#lockedAddressList:after {
    clear: both
}

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

#lockedAddressList li {
    margin: 10px 0
}

.alpha-header, .alpha-header td {
    background-color: #333;
    clear: both;
    color: #fff;
    padding: 0;
    text-align: center;
    text-transform: uppercase
}

.alpha-header td {
    border-bottom: 0;
    line-height: 20px
}

li.alpha-header {
    padding: 2px 0
}

.approver-name {
    font-weight: 500;
    word-wrap: break-word;
    margin-bottom: 0
}

.hero-info-block {
    background: #eee;
    border: 1px solid #ccc;
    margin-bottom: 15px;
    overflow: hidden;
    padding: 10px 20px
}

.hero-info-block span, .hero-info-block p {
    float: left;
    margin-top: 12px;
    font-weight: 700
}

.hero-info-block a {
    float: right
}

.description {
    padding: 0 0 10px 0
}

.oms-info {
    margin: 15px 0 0 0
}

.oms-info:after, .oms-info:before {
    content: " ";
    display: table
}

.oms-info:after {
    clear: both
}

.lt-ie8 .oms-info {
    clear: both;
    zoom: 1
}

.oms-info:after, .oms-info:before {
    content: " ";
    display: table
}

.oms-info:after {
    clear: both
}

.lt-ie8 .oms-info {
    clear: both;
    zoom: 1
}

.oms-info:after, .oms-info:before {
    content: " ";
    display: table
}

.oms-info:after {
    clear: both
}

.lt-ie8 .oms-info {
    clear: both;
    zoom: 1
}

.oms-info:after, .oms-info:before {
    content: " ";
    display: table
}

.oms-info:after {
    clear: both
}

.lt-ie8 .oms-info {
    clear: both;
    zoom: 1
}

.oms-info:after, .oms-info:before {
    content: " ";
    display: table
}

.oms-info:after {
    clear: both
}

.lt-ie8 .oms-info {
    clear: both;
    zoom: 1
}

.oms-info:after, .oms-info:before {
    content: " ";
    display: table
}

.oms-info:after {
    clear: both
}

.lt-ie8 .oms-info {
    clear: both;
    zoom: 1
}

.oms-info:after, .oms-info:before {
    content: " ";
    display: table
}

.oms-info:after {
    clear: both
}

.lt-ie8 .oms-info {
    clear: both;
    zoom: 1
}

.oms-info:after, .oms-info:before {
    content: " ";
    display: table
}

.oms-info:after {
    clear: both
}

.lt-ie8 .oms-info {
    clear: both;
    zoom: 1
}

.oms-info:after, .oms-info:before {
    content: " ";
    display: table
}

.oms-info:after {
    clear: both
}

.lt-ie8 .oms-info {
    clear: both;
    zoom: 1
}

.oms-info:after, .oms-info:before {
    content: " ";
    display: table
}

.oms-info:after {
    clear: both
}

.lt-ie8 .oms-info {
    clear: both;
    zoom: 1
}

.oms-info li {
    background-image: none;
    float: left;
    padding: 0;
    text-align: center;
    width: 117px
}

.oms-info li.arrow {
    width: 60px
}

#workflow li.arrow {
    margin-top: 30px
}

#users li {
    width: 215px
}

#users li p {
    padding: 0 30px;
    text-align: center
}

#users li.divider, #limits li.divider {
    border-left: 1px solid #CBCBCB;
    min-height: 150px;
    width: 1px
}

#limits li {
    width: 325px
}

#limits li p {
    padding: 0 60px;
    text-align: center
}

.icon {
    background: url('../../images/sprite-icons.png') no-repeat;
    display: block
}

.icon-submit {
    background-position: -418px -546px;
    height: 54px;
    margin: 0 auto 17px;
    width: 35px
}

.icon-submit-large {
    background-position: -456px -448px;
    height: 67px;
    margin: 3px auto 15px;
    width: 44px
}

.icon-approve {
    background-position: -601px -546px;
    height: 53px;
    margin: 0 auto 17px;
    width: 42px
}

.icon-approve-large {
    background-position: -300px 0;
    height: 60px;
    margin: 10px auto 15px;
    width: 72px
}

.icon-approve-xlarge {
    background-position: -439px 0;
    height: 82px;
    margin: 10px auto 15px;
    width: 95px
}

.icon-any-approve-small {
    background-position: -267px -280px;
    height: 37px;
    width: 43px
}

.icon-any-approve-grey-small {
    background-position: -438px -280px;
    height: 42px;
    width: 47px
}

.icon-employee-small {
    background-position: -215px -280px;
    height: 37px;
    width: 43px
}

.icon-employee-medium {
    background-position: -700px 0;
    height: 70px;
    width: 81px
}

.icon-employee-grey-medium {
    background-position: -700px -104px;
    height: 70px;
    width: 81px
}

.icon-employee-grey-small {
    background-position: -382px -280px;
    height: 42px;
    width: 46px
}

.icon-process {
    background-position: -776px -548px;
    height: 52px;
    margin: 5px auto 14px;
    width: 48px
}

.icon-limits {
    background-position: -214px -556px;
    height: 46px;
    margin: 10px auto 15px;
    width: 73px
}

.icon-limits-large {
    background-position: -214px -465px;
    height: 52px;
    margin: 20px auto 15px;
    width: 84px
}

.icon-reviewer-xsmall {
    background-position: -382px -346px;
    height: 31px;
    width: 38px
}

.icon-reviewer-small {
    background-position: -321px -280px;
    height: 43px;
    width: 50px
}

.icon-review-large {
    background-position: -215px -71px;
    height: 60px;
    margin: 10px auto 15px;
    width: 72px
}

.icon-review-grey-medium {
    background-position: -700px -280px;
    height: 67px;
    width: 81px
}

.icon-reviewer-xlarge {
    background-position: -438px -105px;
    height: 84px;
    margin: 10px auto 15px;
    width: 99px
}

.icon-approval-large {
    background-position: -330px -448px;
    height: 64px;
    margin: 10px auto 15px;
    width: 82px
}

.icon-approval-xlarge {
    background-position: -439px -215px;
    height: 61px;
    margin: 10px auto;
    width: 128px
}

.icon-no-approval-employee-medium {
    background-position: -590px 0;
    height: 72px;
    margin: 10px auto;
    width: 82px
}

.icon-spend-limits-large {
    background-position: -215px -346px;
    height: 79px;
    margin: 10px auto;
    width: 125px
}

.icon-any-approver-grey-medium {
    background-position: -699px -185px;
    height: 72px;
    margin: 10px auto;
    width: 110px
}

.gradient-arrows {
    background-position: 0 0;
    height: 24px;
    width: 60px
}

.gradient-arrows-small {
    background-position: -100px 0;
    height: 14px;
    width: 28px
}

.icon-lock {
    background-position: 0 -255px;
    height: 31px;
    width: 113px
}

.cart-summary-area .icon-lock {
    background-position: -36px -255px;
    width: 40px
}

#omsExpressSetupModal .col1, #omsExpressSetupModal .col2 {
    width: 50%;
    padding: 10px;
    margin-bottom: 10px;
    float: left
}

.lt-ie8 #omsExpressSetupModal .col1, .lt-ie8 #omsExpressSetupModal .col2 {
    width: 48%
}

.lt-ie8 #omsExpressSetupModal .col1, .lt-ie8 #omsExpressSetupModal .col2 {
    width: 48%
}

.lt-ie8 #omsExpressSetupModal .col1, .lt-ie8 #omsExpressSetupModal .col2 {
    width: 48%
}

.lt-ie8 #omsExpressSetupModal .col1, .lt-ie8 #omsExpressSetupModal .col2 {
    width: 48%
}

.lt-ie8 #omsExpressSetupModal .col1, .lt-ie8 #omsExpressSetupModal .col2 {
    width: 48%
}

.lt-ie8 #omsExpressSetupModal .col1, .lt-ie8 #omsExpressSetupModal .col2 {
    width: 48%
}

.lt-ie8 #omsExpressSetupModal .col1, .lt-ie8 #omsExpressSetupModal .col2 {
    width: 48%
}

.lt-ie8 #omsExpressSetupModal .col1, .lt-ie8 #omsExpressSetupModal .col2 {
    width: 48%
}

.lt-ie8 #omsExpressSetupModal .col1, .lt-ie8 #omsExpressSetupModal .col2 {
    width: 48%
}

.lt-ie8 #omsExpressSetupModal .col1, .lt-ie8 #omsExpressSetupModal .col2 {
    width: 48%
}

.lt-ie9 #omsExpressSetupModal .col1, .lt-ie9 #omsExpressSetupModal .col2 {
    width: 47%
}

#omsExpressSetupModal .col1 .oms-info li, #omsExpressSetupModal .col2 .oms-info li {
    margin-bottom: 15px;
    width: 55px;
    font-size: 12px;
    text-align: center
}

#omsExpressSetupModal .col1 .oms-info li .icon-any-approve-small, #omsExpressSetupModal .col2 .oms-info li .icon-any-approve-small {
    margin: 0 auto
}

#omsExpressSetupModal .col1 .oms-info li.arrow, #omsExpressSetupModal .col2 .oms-info li.arrow {
    margin: 10px 1px;
    width: 28px
}

#omsExpressSetupModal .hasLeftNav #oms-approver-info-container li {
    clear: both
}

#omsExpressSetupModal #oms-approver-info-container li {
    clear: both;
    border-bottom: 1px solid #ccc
}

.begin-setup {
    background-color: #eee;
    border: 1px solid #666;
    margin: 15px 0 0 0;
    padding: 15px 0 0 0;
    text-align: center
}

.begin-setup a {
    border-top: 1px solid #666;
    display: block;
    font-weight: bold;
    text-decoration: none;
    padding: 10px 0;
    margin-top: 10px
}

.begin-setup span {
    margin: 0 auto
}

.express-setup-icon {
    background-position: 0 -336px;
    height: 83px;
    width: 141px
}

.custom-setup-icon {
    background-position: 0 -432px;
    height: 85px;
    width: 82px
}

.bullet-list {
    margin-left: 15px;
    min-height: 120px
}

.bullet-list ul {
    margin-bottom: 0
}

.bullet-list li {
    list-style: disc;
    margin-bottom: 5px
}

#oms-express-setup-select-approvers #oms-approvers {
    position: relative
}

.add-spend-limits-col, .add-approval-limits-col {
    width: 47.91666666666667%;
    padding: 10px;
    margin-bottom: 10px;
    float: left
}

.lt-ie8 .add-spend-limits-col, .lt-ie8 .add-approval-limits-col {
    width: 45.916666666666664%
}

.lt-ie8 .add-spend-limits-col, .lt-ie8 .add-approval-limits-col {
    width: 45.916666666666664%
}

.lt-ie8 .add-spend-limits-col, .lt-ie8 .add-approval-limits-col {
    width: 45.916666666666664%
}

.lt-ie8 .add-spend-limits-col, .lt-ie8 .add-approval-limits-col {
    width: 45.916666666666664%
}

.lt-ie8 .add-spend-limits-col, .lt-ie8 .add-approval-limits-col {
    width: 45.916666666666664%
}

.lt-ie8 .add-spend-limits-col, .lt-ie8 .add-approval-limits-col {
    width: 45.916666666666664%
}

.lt-ie8 .add-spend-limits-col, .lt-ie8 .add-approval-limits-col {
    width: 45.916666666666664%
}

.lt-ie8 .add-spend-limits-col, .lt-ie8 .add-approval-limits-col {
    width: 45.916666666666664%
}

.lt-ie8 .add-spend-limits-col, .lt-ie8 .add-approval-limits-col {
    width: 45.916666666666664%
}

.lt-ie8 .add-spend-limits-col, .lt-ie8 .add-approval-limits-col {
    width: 45.916666666666664%
}

.add-spend-limits-col h3, .add-approval-limits-col h3 {
    border-bottom: 1px solid #ccc;
    padding: 0 0 7px 0
}

.add-spend-limits-col .spend-approval-limit-input #create-new-spend-limit, .add-approval-limits-col .spend-approval-limit-input #create-new-spend-limit, .add-spend-limits-col .spend-approval-limit-input #create-new-approval-limit, .add-approval-limits-col .spend-approval-limit-input #create-new-approval-limit {
    width: 160px
}

.add-spend-limits-col p.current-limits, .add-approval-limits-col p.current-limits {
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    margin: 20px 0
}

.add-spend-limits-col ul #doesNotRequireApproval, .add-approval-limits-col ul #doesNotRequireApproval, .add-spend-limits-col ul #canApproveAnyOrder, .add-approval-limits-col ul #canApproveAnyOrder {
    margin-bottom: 10px
}

.add-spend-limits-col ul span, .add-approval-limits-col ul span {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    width: 100px
}

.add-spend-limits-col .spend-limit-note, .add-approval-limits-col .spend-limit-note {
    font-style: italic;
    margin: 0 0 10px 0
}

.add-spend-limits-col {
    border-right: 1px solid #ccc;
    padding-right: 30px
}

.add-approval-limits-col {
    padding-left: 30px
}

.spend-approval-limit-input {
    clear: both;
    overflow: hidden
}

.spend-approval-limit-input .formField {
    float: left;
    margin: 0 10px 5px 0
}

.spend-approval-limit-input .formField:after, .spend-approval-limit-input .formField:before {
    content: " ";
    display: table
}

.spend-approval-limit-input .formField:after {
    clear: both
}

.lt-ie8 .spend-approval-limit-input .formField {
    clear: both;
    zoom: 1
}

.spend-approval-limit-input .formField:after, .spend-approval-limit-input .formField:before {
    content: " ";
    display: table
}

.spend-approval-limit-input .formField:after {
    clear: both
}

.lt-ie8 .spend-approval-limit-input .formField {
    clear: both;
    zoom: 1
}

.spend-approval-limit-input .formField:after, .spend-approval-limit-input .formField:before {
    content: " ";
    display: table
}

.spend-approval-limit-input .formField:after {
    clear: both
}

.lt-ie8 .spend-approval-limit-input .formField {
    clear: both;
    zoom: 1
}

.spend-approval-limit-input .formField:after, .spend-approval-limit-input .formField:before {
    content: " ";
    display: table
}

.spend-approval-limit-input .formField:after {
    clear: both
}

.lt-ie8 .spend-approval-limit-input .formField {
    clear: both;
    zoom: 1
}

.spend-approval-limit-input .formField:after, .spend-approval-limit-input .formField:before {
    content: " ";
    display: table
}

.spend-approval-limit-input .formField:after {
    clear: both
}

.lt-ie8 .spend-approval-limit-input .formField {
    clear: both;
    zoom: 1
}

.spend-approval-limit-input .formField:after, .spend-approval-limit-input .formField:before {
    content: " ";
    display: table
}

.spend-approval-limit-input .formField:after {
    clear: both
}

.lt-ie8 .spend-approval-limit-input .formField {
    clear: both;
    zoom: 1
}

.spend-approval-limit-input .formField:after, .spend-approval-limit-input .formField:before {
    content: " ";
    display: table
}

.spend-approval-limit-input .formField:after {
    clear: both
}

.lt-ie8 .spend-approval-limit-input .formField {
    clear: both;
    zoom: 1
}

.spend-approval-limit-input .formField:after, .spend-approval-limit-input .formField:before {
    content: " ";
    display: table
}

.spend-approval-limit-input .formField:after {
    clear: both
}

.lt-ie8 .spend-approval-limit-input .formField {
    clear: both;
    zoom: 1
}

.spend-approval-limit-input .formField:after, .spend-approval-limit-input .formField:before {
    content: " ";
    display: table
}

.spend-approval-limit-input .formField:after {
    clear: both
}

.lt-ie8 .spend-approval-limit-input .formField {
    clear: both;
    zoom: 1
}

.spend-approval-limit-input .formField:after, .spend-approval-limit-input .formField:before {
    content: " ";
    display: table
}

.spend-approval-limit-input .formField:after {
    clear: both
}

.lt-ie8 .spend-approval-limit-input .formField {
    clear: both;
    zoom: 1
}

.spend-approval-limit-input .formField input, .spend-approval-limit-input .formField a {
    float: left
}

#addLimitsModal .add-spend-limits-col, #addLimitsModal .add-approval-limits-col {
    width: 315px
}

#addLimitsModal .add-spend-limits-col {
    margin-right: 20px;
    padding-right: 20px
}

.lt-ie8 #addLimitsModal .add-spend-limits-col, .lt-ie8 #addLimitsModal .add-approval-limits-col {
    width: 290px
}

.select-approvers-page, .step-three-assign-spend-limits {
    margin-top: 5px
}

.assign-approvers-settings-list {
    clear: both;
    padding-bottom: 10px
}

.assign-approvers-settings-list li {
    width: 180px;
    padding: 0 10px
}

.assign-approvers-settings-list .approval-messaging {
    text-align: left;
    width: 330px
}

.assign-approvers-settings-list li.arrow {
    width: 90px
}

.assign-approvers-settings-list .icon-lock {
    background-position: -10px -255px;
    width: 90px
}

.assign-approvers-settings-list .gradient-arrows {
    margin-left: 15px
}

.approver-role.editButtons {
    text-align: right
}

#custom-step-four .formFooter a {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    margin: 10px 10px 0 0
}

#reviewerSelectDiv {
    margin-top: 10px
}

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

#reviewerSelectDiv:after {
    clear: both
}

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

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

#reviewerSelectDiv:after {
    clear: both
}

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

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

#reviewerSelectDiv:after {
    clear: both
}

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

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

#reviewerSelectDiv:after {
    clear: both
}

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

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

#reviewerSelectDiv:after {
    clear: both
}

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

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

#reviewerSelectDiv:after {
    clear: both
}

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

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

#reviewerSelectDiv:after {
    clear: both
}

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

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

#reviewerSelectDiv:after {
    clear: both
}

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

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

#reviewerSelectDiv:after {
    clear: both
}

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

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

#reviewerSelectDiv:after {
    clear: both
}

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

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

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

.omsCustomSetupContent:after {
    clear: both
}

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

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

.omsCustomSetupContent:after {
    clear: both
}

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

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

.omsCustomSetupContent:after {
    clear: both
}

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

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

.omsCustomSetupContent:after {
    clear: both
}

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

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

.omsCustomSetupContent:after {
    clear: both
}

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

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

.omsCustomSetupContent:after {
    clear: both
}

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

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

.omsCustomSetupContent:after {
    clear: both
}

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

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

.omsCustomSetupContent:after {
    clear: both
}

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

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

.omsCustomSetupContent:after {
    clear: both
}

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

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

.omsCustomSetupContent:after {
    clear: both
}

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

.omsCustomSetupContent .oms-enable-button-container, .omsCustomSetupContent .message-text {
    float: left
}

.omsCustomSetupContent .message-text {
    margin: 10px 0 0 15px
}

#oms-dashboard {
    position: relative;
    margin-bottom: 20px
}

#oms-dashboard.removeScroll #omsDashboardDataDiv {
    overflow-y: hidden
}

#oms-dashboard thead {
    background-color: #ccc
}

#oms-dashboard thead th {
    border-left: 2px solid #eee;
    text-align: center
}

#oms-dashboard thead tr {
    text-align: center
}

#oms-dashboard thead th.first:first-child {
    border-left: 1px solid #eee
}

#oms-dashboard thead th:last-child {
    border-right: 1px solid #eee
}

#oms-dashboard .oms-limitwidth-role {
    width: 8%;
    text-align: center;
    border-left: 1px solid #ccc
}

#oms-dashboard .thRoleOMS label, #oms-dashboard .lockedOMS label {
    text-align: center
}

#oms-dashboard .oms-user-actions {
    border-left: 1px solid #ccc
}

#oms-dashboard .oms-user-actions fieldset {
    margin-left: 0
}

#oms-dashboard .oms-user-lock-action {
    width: 8%;
    border-left: 1px solid #ccc
}

#oms-dashboard .oms-user-lock-action fieldset {
    margin-left: 35px
}

#oms-dashboard .updateButton {
    width: 90px;
    margin-bottom: 3px
}

#oms-dashboard .resetButton {
    width: 90px;
    margin-top: 5px;
    background: white;
    border: 1px solid #666;
    color: #666
}

#oms-dashboard .cancelButton {
    margin-left: 26px
}

.language-fr #oms-dashboard .updateButton, .language-fr #oms-dashboard .resetButton {
    width: auto;
    padding: 9px
}

#adminChangedRightsToNoApproverRights label {
    width: 100px;
    display: inline-block
}

#adminChangedRightsToNoApproverRights input {
    display: inline-block !important;
    width: 100px
}

#hideCancelUpdate {
    margin-left: 7px
}

.idrolelabel {
    text-align: center
}

.my-account-header:after, .my-account-header:before {
    content: " ";
    display: table
}

.my-account-header:after {
    clear: both
}

.lt-ie8 .my-account-header {
    clear: both;
    zoom: 1
}

.my-account-header:after, .my-account-header:before {
    content: " ";
    display: table
}

.my-account-header:after {
    clear: both
}

.lt-ie8 .my-account-header {
    clear: both;
    zoom: 1
}

.my-account-header:after, .my-account-header:before {
    content: " ";
    display: table
}

.my-account-header:after {
    clear: both
}

.lt-ie8 .my-account-header {
    clear: both;
    zoom: 1
}

.my-account-header:after, .my-account-header:before {
    content: " ";
    display: table
}

.my-account-header:after {
    clear: both
}

.lt-ie8 .my-account-header {
    clear: both;
    zoom: 1
}

.my-account-header:after, .my-account-header:before {
    content: " ";
    display: table
}

.my-account-header:after {
    clear: both
}

.lt-ie8 .my-account-header {
    clear: both;
    zoom: 1
}

.my-account-header:after, .my-account-header:before {
    content: " ";
    display: table
}

.my-account-header:after {
    clear: both
}

.lt-ie8 .my-account-header {
    clear: both;
    zoom: 1
}

.my-account-header:after, .my-account-header:before {
    content: " ";
    display: table
}

.my-account-header:after {
    clear: both
}

.lt-ie8 .my-account-header {
    clear: both;
    zoom: 1
}

.my-account-header:after, .my-account-header:before {
    content: " ";
    display: table
}

.my-account-header:after {
    clear: both
}

.lt-ie8 .my-account-header {
    clear: both;
    zoom: 1
}

.my-account-header:after, .my-account-header:before {
    content: " ";
    display: table
}

.my-account-header:after {
    clear: both
}

.lt-ie8 .my-account-header {
    clear: both;
    zoom: 1
}

.my-account-header:after, .my-account-header:before {
    content: " ";
    display: table
}

.my-account-header:after {
    clear: both
}

.lt-ie8 .my-account-header {
    clear: both;
    zoom: 1
}

.my-account-header .my-account-content {
    width: 50%;
    padding: 10px;
    margin-bottom: 10px;
    float: left;
    margin-bottom: 0;
    padding-left: 0
}

.lt-ie8 .my-account-header .my-account-content {
    width: 48%
}

.lt-ie8 .my-account-header .my-account-content {
    width: 48%
}

.lt-ie8 .my-account-header .my-account-content {
    width: 48%
}

.lt-ie8 .my-account-header .my-account-content {
    width: 48%
}

.lt-ie8 .my-account-header .my-account-content {
    width: 48%
}

.lt-ie8 .my-account-header .my-account-content {
    width: 48%
}

.lt-ie8 .my-account-header .my-account-content {
    width: 48%
}

.lt-ie8 .my-account-header .my-account-content {
    width: 48%
}

.lt-ie8 .my-account-header .my-account-content {
    width: 48%
}

.lt-ie8 .my-account-header .my-account-content {
    width: 48%
}

.oms-custom-setup .my-account-content {
    width: 100%
}

.learn-more-header-content {
    background-color: #eee;
    border: 1px solid #ccc;
    float: right;
    padding: 10px;
    width: 185px
}

.learn-more-header-content h5 {
    margin-bottom: 0
}

.learn-more-header-content .learn-more-icon {
    float: left;
    padding-right: 5px
}

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

#dataSearchWidget:after {
    clear: both
}

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

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

#dataSearchWidget:after {
    clear: both
}

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

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

#dataSearchWidget:after {
    clear: both
}

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

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

#dataSearchWidget:after {
    clear: both
}

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

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

#dataSearchWidget:after {
    clear: both
}

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

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

#dataSearchWidget:after {
    clear: both
}

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

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

#dataSearchWidget:after {
    clear: both
}

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

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

#dataSearchWidget:after {
    clear: both
}

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

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

#dataSearchWidget:after {
    clear: both
}

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

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

#dataSearchWidget:after {
    clear: both
}

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

#dataSearchWidget .omsSearchByOptionCol {
    background: #eee;
    width: 24.166666666666668%;
    padding: 10px;
    margin-bottom: 10px;
    float: left;
    margin-right: 2px;
    min-height: 85px;
    float: right;
    margin-bottom: 0 !important
}

.lt-ie8 #dataSearchWidget .omsSearchByOptionCol {
    width: 22.166666666666668%
}

.lt-ie8 #dataSearchWidget .omsSearchByOptionCol {
    width: 22.166666666666668%
}

.lt-ie8 #dataSearchWidget .omsSearchByOptionCol {
    width: 22.166666666666668%
}

.lt-ie8 #dataSearchWidget .omsSearchByOptionCol {
    width: 22.166666666666668%
}

.lt-ie8 #dataSearchWidget .omsSearchByOptionCol {
    width: 22.166666666666668%
}

.lt-ie8 #dataSearchWidget .omsSearchByOptionCol {
    width: 22.166666666666668%
}

.lt-ie8 #dataSearchWidget .omsSearchByOptionCol {
    width: 22.166666666666668%
}

.lt-ie8 #dataSearchWidget .omsSearchByOptionCol {
    width: 22.166666666666668%
}

.lt-ie8 #dataSearchWidget .omsSearchByOptionCol {
    width: 22.166666666666668%
}

.lt-ie8 #dataSearchWidget .omsSearchByOptionCol {
    width: 22.166666666666668%
}

#dataSearchWidget .omsSearchByOptionCol #searchOption {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1
}

#dataSearchWidget .omsSearchByOptionCol #searchOption label {
    font-size: 12px
}

#dataSearchWidget .omsSearchByOptionCol #searchOption span {
    width: 400px
}

#dataSearchWidget .omsSearchByOptionCol .resetFilters {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    margin-left: 10px
}

#dataSearchWidget .omsFilterByOptionCol {
    width: 75%;
    padding: 10px;
    margin-bottom: 10px;
    float: left;
    background: #eee;
    min-height: 85px !important;
    margin-bottom: 0 !important
}

.lt-ie8 #dataSearchWidget .omsFilterByOptionCol {
    width: 73%
}

.lt-ie8 #dataSearchWidget .omsFilterByOptionCol {
    width: 73%
}

.lt-ie8 #dataSearchWidget .omsFilterByOptionCol {
    width: 73%
}

.lt-ie8 #dataSearchWidget .omsFilterByOptionCol {
    width: 73%
}

.lt-ie8 #dataSearchWidget .omsFilterByOptionCol {
    width: 73%
}

.lt-ie8 #dataSearchWidget .omsFilterByOptionCol {
    width: 73%
}

.lt-ie8 #dataSearchWidget .omsFilterByOptionCol {
    width: 73%
}

.lt-ie8 #dataSearchWidget .omsFilterByOptionCol {
    width: 73%
}

.lt-ie8 #dataSearchWidget .omsFilterByOptionCol {
    width: 73%
}

.lt-ie8 #dataSearchWidget .omsFilterByOptionCol {
    width: 73%
}

#omsDashboardDataDiv {
    height: 468px;
    border: 1px solid #ccc;
    margin-bottom: 30px;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    z-index: 1
}

#omsDashboardDataDiv > li {
    border-bottom: 1px solid #ccc
}

#omsDashboardDataDiv > li:after, #omsDashboardDataDiv > li:before {
    content: " ";
    display: table
}

#omsDashboardDataDiv > li:after {
    clear: both
}

.lt-ie8 #omsDashboardDataDiv > li {
    clear: both;
    zoom: 1
}

#omsDashboardDataDiv > li:after, #omsDashboardDataDiv > li:before {
    content: " ";
    display: table
}

#omsDashboardDataDiv > li:after {
    clear: both
}

.lt-ie8 #omsDashboardDataDiv > li {
    clear: both;
    zoom: 1
}

#omsDashboardDataDiv > li:after, #omsDashboardDataDiv > li:before {
    content: " ";
    display: table
}

#omsDashboardDataDiv > li:after {
    clear: both
}

.lt-ie8 #omsDashboardDataDiv > li {
    clear: both;
    zoom: 1
}

#omsDashboardDataDiv > li:after, #omsDashboardDataDiv > li:before {
    content: " ";
    display: table
}

#omsDashboardDataDiv > li:after {
    clear: both
}

.lt-ie8 #omsDashboardDataDiv > li {
    clear: both;
    zoom: 1
}

#omsDashboardDataDiv > li:after, #omsDashboardDataDiv > li:before {
    content: " ";
    display: table
}

#omsDashboardDataDiv > li:after {
    clear: both
}

.lt-ie8 #omsDashboardDataDiv > li {
    clear: both;
    zoom: 1
}

#omsDashboardDataDiv > li:after, #omsDashboardDataDiv > li:before {
    content: " ";
    display: table
}

#omsDashboardDataDiv > li:after {
    clear: both
}

.lt-ie8 #omsDashboardDataDiv > li {
    clear: both;
    zoom: 1
}

#omsDashboardDataDiv > li:after, #omsDashboardDataDiv > li:before {
    content: " ";
    display: table
}

#omsDashboardDataDiv > li:after {
    clear: both
}

.lt-ie8 #omsDashboardDataDiv > li {
    clear: both;
    zoom: 1
}

#omsDashboardDataDiv > li:after, #omsDashboardDataDiv > li:before {
    content: " ";
    display: table
}

#omsDashboardDataDiv > li:after {
    clear: both
}

.lt-ie8 #omsDashboardDataDiv > li {
    clear: both;
    zoom: 1
}

#omsDashboardDataDiv > li:after, #omsDashboardDataDiv > li:before {
    content: " ";
    display: table
}

#omsDashboardDataDiv > li:after {
    clear: both
}

.lt-ie8 #omsDashboardDataDiv > li {
    clear: both;
    zoom: 1
}

#omsDashboardDataDiv > li:after, #omsDashboardDataDiv > li:before {
    content: " ";
    display: table
}

#omsDashboardDataDiv > li:after {
    clear: both
}

.lt-ie8 #omsDashboardDataDiv > li {
    clear: both;
    zoom: 1
}

#omsDashboardDataDiv .styledSelect {
    width: 155px !important;
    margin-right: 0 !important
}

.accountMgmtLinks {
    margin-bottom: 10px
}

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

.accountMgmtLinks:after {
    clear: both
}

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

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

.accountMgmtLinks:after {
    clear: both
}

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

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

.accountMgmtLinks:after {
    clear: both
}

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

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

.accountMgmtLinks:after {
    clear: both
}

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

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

.accountMgmtLinks:after {
    clear: both
}

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

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

.accountMgmtLinks:after {
    clear: both
}

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

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

.accountMgmtLinks:after {
    clear: both
}

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

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

.accountMgmtLinks:after {
    clear: both
}

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

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

.accountMgmtLinks:after {
    clear: both
}

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

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

.accountMgmtLinks:after {
    clear: both
}

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

.accountMgmtLinks ul {
    float: right
}

.accountMgmtLinks > ul > li {
    float: left
}

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

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

.lt-ie8 .accountMgmtLinks > ul > li:first-child {
    border: none
}

.accountMgmtLinks > ul > li:first-child:before {
    display: none
}

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

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

.lt-ie8 .accountMgmtLinks > ul > li:first-child {
    border: none
}

.accountMgmtLinks > ul > li:first-child:before {
    display: none
}

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

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

.lt-ie8 .accountMgmtLinks > ul > li:first-child {
    border: none
}

.accountMgmtLinks > ul > li:first-child:before {
    display: none
}

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

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

.lt-ie8 .accountMgmtLinks > ul > li:first-child {
    border: none
}

.accountMgmtLinks > ul > li:first-child:before {
    display: none
}

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

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

.lt-ie8 .accountMgmtLinks > ul > li:first-child {
    border: none
}

.accountMgmtLinks > ul > li:first-child:before {
    display: none
}

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

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

.lt-ie8 .accountMgmtLinks > ul > li:first-child {
    border: none
}

.accountMgmtLinks > ul > li:first-child:before {
    display: none
}

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

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

.lt-ie8 .accountMgmtLinks > ul > li:first-child {
    border: none
}

.accountMgmtLinks > ul > li:first-child:before {
    display: none
}

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

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

.lt-ie8 .accountMgmtLinks > ul > li:first-child {
    border: none
}

.accountMgmtLinks > ul > li:first-child:before {
    display: none
}

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

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

.lt-ie8 .accountMgmtLinks > ul > li:first-child {
    border: none
}

.accountMgmtLinks > ul > li:first-child:before {
    display: none
}

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

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

.lt-ie8 .accountMgmtLinks > ul > li:first-child {
    border: none
}

.accountMgmtLinks > ul > li:first-child:before {
    display: none
}

.accountMgmtLinks > a:hover {
    cursor: pointer
}

#dashboard-approvers-lists .approvalLimitMsg {
    border-bottom: none
}

#dashboard-approvers-lists th {
    font-weight: 700;
    padding: 10px;
    position: static
}

#dashboard-approvers-lists th:first-child {
    padding-left: 10px
}

#dashboard-approvers-lists .disabled, #dashboard-approvers-lists .disabled:hover {
    cursor: default;
    color: #333;
    text-decoration: none
}

#dashboard-approvers-lists .current-workflow td {
    background-color: #eee;
    padding: 0 0 5px 0
}

#dashboard-approvers-lists .current-workflow .icon-lock {
    background-position: -25px -255px;
    width: 60px
}

#dashboard-approvers-lists .current-workflow h3 {
    padding: 10px 0;
    text-align: center
}

#dashboard-approvers-lists .assign-approvers-settings-list li {
    width: 105px;
    padding: 0 5px
}

#dashboard-approvers-lists .assign-approvers-settings-list .icon {
    margin: 0 auto;
    margin-top: 41px
}

#dashboard-approvers-lists .assign-approvers-settings-list .icon-employee-medium {
    background-position: -690px 0;
    width: 90px
}

#dashboard-approvers-lists td {
    padding: 10px
}

.childTable .childThead {
    position: relative
}

#tableFixedHeader {
    background-color: #fff;
    border: 1px solid #ccc;
    position: absolute;
    top: 0;
    right: 0;
    left: 31px;
    z-index: 9;
    border-left: none
}

#tableFixedHeader table {
    margin-bottom: 0
}

#tableFixedHeader th {
    font-weight: bold;
    padding: 9px 20px 9px 0
}

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

.hasNavBar #tableFixedHeader {
    left: 31px;
    border-left: none;
    border-right: none
}

#omsTableFixedHeader {
    background-color: #fff;
    border: 1px solid #ccc;
    position: absolute;
    top: 0;
    right: 0;
    left: 1px;
    z-index: 2;
    border-left: none;
    border-bottom: none
}

#omsTableFixedHeader table {
    margin-bottom: 0
}

#omsTableFixedHeader th {
    font-weight: bold;
    padding: 10px 10px 10px 10px
}

#omsTableFixedHeader #tableHeaderSortRow th:nth-child(1) {
    min-width: 291px;
    width: 291px
}

#omsTableFixedHeader #tableHeaderSortRow th:nth-child(2) {
    min-width: 100px
}

#omsTableFixedHeader #tableHeaderSortRow th:nth-child(3) {
    min-width: 184px
}

#omsTableFixedHeader #tableHeaderSortRow th:nth-child(4) {
    min-width: 185px
}

#omsTableFixedHeader #tableHeaderSortRow th:nth-child(5) {
    min-width: 218px
}

#omsTableFixedHeader #tableHeaderSortRow th:nth-child(6) {
    min-width: 110px
}

#omsTableFixedHeader #tableHeaderSortRow th:nth-child(7) {
    min-width: 75px
}

#omsTableFixedHeader #tableHeaderSortRow th:nth-child(8) {
    min-width: 71px;
    width: 71px
}

#omsTableFixedHeader #tableHeaderSortRow th.lastHeaderCol:nth-child(8) {
    min-width: 71px
}

.oms-dashboardContent .dropdown {
    z-index: 12
}

.oms-dashboardContent.disabled {
    opacity: .35
}

#tableHeaderSortRow th {
    border-bottom: 1px solid #ccc
}

#showUsers-list li {
    margin: 5px 0
}

.apply-settings-user-links {
    text-align: right
}

#childTableBody .styledSelect {
    width: 105px
}

#childTableBody tr td:nth-child(1) {
    min-width: 231px
}

#childTableBody tr td:nth-child(2) {
    min-width: 100px
}

#childTableBody tr td:nth-child(3) {
    min-width: 184px
}

#childTableBody tr td:nth-child(4) {
    min-width: 185px
}

#childTableBody tr td:nth-child(5) {
    min-width: 218px
}

#childTableBody tr td:nth-child(6) {
    min-width: 110px
}

#childTableBody tr td:nth-child(7) {
    min-width: 75px
}

#childTableBody tr td:nth-child(8) {
    min-width: 128px
}

#childTableBody tr td.lastHeaderCol:nth-child(8) {
    min-width: 112px
}

#childTableBody tr td.oms-user-actions {
    padding: 0;
    text-align: center
}

#apply-default-settings-modal .modal-header {
    border-bottom: 1px solid #ccc
}

#apply-default-settings-modal .col1, #apply-default-settings-modal .col2 {
    float: left;
    padding-top: 15px;
    width: 315px
}

#apply-default-settings-modal .col1 {
    border-right: 1px solid #ccc;
    margin-right: 40px
}

#editOMSModal label {
    display: inline-block;
    font-weight: bold;
    width: 30%
}

#editOMSModal span.label {
    display: inline-block;
    font-weight: bold;
    width: 30%
}

#editOMSModal .modal-content > div {
    margin: 15px 20px
}

#editOMSModal .styledSelect {
    width: 67% !important
}

#editOMSModal .styledSelect select {
    max-width: 100%
}

#editOMSModal .styledSelect.disabled:after {
    display: none !important
}

#editOMSModal .modal-footer-buttons {
    background-color: #eaeaea;
    padding-right: 40px
}

#editOMSModal .modal-footer-buttons .btn {
    margin-left: 20px
}

#editOMSModal .btn {
    border: 1px solid #151b1e
}

.userSelection {
    padding: 5px 0 0 0
}

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

.userSelection:after {
    clear: both
}

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

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

.userSelection:after {
    clear: both
}

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

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

.userSelection:after {
    clear: both
}

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

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

.userSelection:after {
    clear: both
}

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

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

.userSelection:after {
    clear: both
}

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

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

.userSelection:after {
    clear: both
}

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

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

.userSelection:after {
    clear: both
}

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

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

.userSelection:after {
    clear: both
}

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

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

.userSelection:after {
    clear: both
}

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

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

.userSelection:after {
    clear: both
}

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

.userSelection li {
    float: left
}

.userSelection li:last-child {
    float: right
}

.oms-disabled .disable-content {
    background: #fff;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    -moz-opacity: .5;
    -khtml-opacity: .5;
    -webkit-opacity: .5;
    opacity: .5;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    filter: alpha(opacity=50)
}

.lt-ie8 .oms-disabled .disable-content {
    zoom: 1
}

.lt-ie8 .oms-disabled .disable-content {
    zoom: 1
}

.lt-ie8 .oms-disabled .disable-content {
    zoom: 1
}

.lt-ie8 .oms-disabled .disable-content {
    zoom: 1
}

.lt-ie8 .oms-disabled .disable-content {
    zoom: 1
}

.lt-ie8 .oms-disabled .disable-content {
    zoom: 1
}

.lt-ie8 .oms-disabled .disable-content {
    zoom: 1
}

.lt-ie8 .oms-disabled .disable-content {
    zoom: 1
}

.lt-ie8 .oms-disabled .disable-content {
    zoom: 1
}

.lt-ie8 .oms-disabled .disable-content {
    zoom: 1
}

.oms-disabled #disabled-message-container {
    position: relative;
    z-index: 2
}

.oms-review-disabled {
    position: relative
}

.oms-review-disabled .disable-content {
    background: #fff;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 90;
    -moz-opacity: .5;
    -khtml-opacity: .5;
    -webkit-opacity: .5;
    opacity: .5;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    filter: alpha(opacity=50)
}

.lt-ie8 .oms-review-disabled .disable-content {
    zoom: 1
}

.lt-ie8 .oms-review-disabled .disable-content {
    zoom: 1
}

.lt-ie8 .oms-review-disabled .disable-content {
    zoom: 1
}

.lt-ie8 .oms-review-disabled .disable-content {
    zoom: 1
}

.lt-ie8 .oms-review-disabled .disable-content {
    zoom: 1
}

.lt-ie8 .oms-review-disabled .disable-content {
    zoom: 1
}

.lt-ie8 .oms-review-disabled .disable-content {
    zoom: 1
}

.lt-ie8 .oms-review-disabled .disable-content {
    zoom: 1
}

.lt-ie8 .oms-review-disabled .disable-content {
    zoom: 1
}

.lt-ie8 .oms-review-disabled .disable-content {
    zoom: 1
}

#oms-pending-orders-action .shaded-content-block {
    float: none;
    margin-bottom: 0
}

#oms-pending-orders-action .pendingYourAction .alert a, #oms-pending-orders-action .pendingOnAccount .alert a, .rejectedOrders a {
    float: left
}

.rejectedOrders a {
    clear: both
}

.your-spend-limit .icon, .your-approval-limit .icon {
    background-image: url('../../images/icon/icon-information.png');
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    height: 15px;
    margin-left: 7px;
    width: 15px
}

.list-details-information .lock {
    background-image: url('../../images/sprite-icons.png');
    background-position: 0 -584px;
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    height: 18px;
    padding-left: 15px
}

.oms-list-details-information {
    overflow: hidden;
    margin-bottom: 30px;
    padding-left: 10px
}

.oms-list-details-information .list-details-content {
    margin-top: 10px;
    word-wrap: break-word;
    width: 45%
}

.oms-list-details-information .first {
    padding-left: 0;
    width: 18%
}

.pendingAction h4 {
    font-weight: 700
}

.pendingorders .assistMsg {
    clear: both;
    padding: 10px 10px 10px 20px
}

.pendingorders .assistMsg .td-order-list-reorder {
    text-align: center
}

.pendingorders .assistMsg th {
    border-bottom: 1px solid #ccc
}

.noOrdersPending {
    margin: 20px 0 10px 20px
}

#topApprovalAll, #bottomApprovalAll {
    float: left;
    margin: 10px
}

.pendingOrdersTab .table {
    margin-bottom: 0
}

#pendingOrdersPag .pagination, #pendingOrderBottomRow .pagination {
    clear: none;
    float: right
}

#pendingOrdersPag #paginationMain, #pendingOrderBottomRow #paginationBottom {
    margin: 5px 0
}

.pendingorders td.selectAllCheckColEmpty, .pendingorders #selectAllHeaderColEmpty {
    padding: 0;
    width: 0;
    margin: 0
}

.pendingorders td.selectAllCheckCol, .pendingorders #selectAllHeaderCol {
    width: 40px
}

.pendingorders .currentApprover {
    padding-right: 15px
}

#deniedOrdersTable tr, #pendingOrdersTable tr {
    text-align: center
}

#deniedOrdersTable td, #pendingOrdersTable td {
    vertical-align: bottom
}

.omsHelpContent {
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px
}

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

.omsHelpContent:after {
    clear: both
}

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

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

.omsHelpContent:after {
    clear: both
}

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

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

.omsHelpContent:after {
    clear: both
}

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

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

.omsHelpContent:after {
    clear: both
}

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

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

.omsHelpContent:after {
    clear: both
}

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

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

.omsHelpContent:after {
    clear: both
}

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

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

.omsHelpContent:after {
    clear: both
}

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

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

.omsHelpContent:after {
    clear: both
}

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

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

.omsHelpContent:after {
    clear: both
}

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

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

.omsHelpContent:after {
    clear: both
}

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

.omsHelpContent .omsHelpContent img {
    float: left;
    width: 100px;
    margin: 0 20px
}

.omsHelpContent .parentCol .col {
    float: left;
    width: 360px;
    margin-right: 20px
}

.learnMoreAboutOMS {
    padding-top: 10px;
    margin-bottom: 20px
}

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

.learnMoreAboutOMS:after {
    clear: both
}

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

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

.learnMoreAboutOMS:after {
    clear: both
}

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

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

.learnMoreAboutOMS:after {
    clear: both
}

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

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

.learnMoreAboutOMS:after {
    clear: both
}

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

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

.learnMoreAboutOMS:after {
    clear: both
}

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

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

.learnMoreAboutOMS:after {
    clear: both
}

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

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

.learnMoreAboutOMS:after {
    clear: both
}

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

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

.learnMoreAboutOMS:after {
    clear: both
}

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

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

.learnMoreAboutOMS:after {
    clear: both
}

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

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

.learnMoreAboutOMS:after {
    clear: both
}

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

.learnMoreAboutOMS .col1 {
    margin-right: 20px
}

.learnMoreAboutOMS .col1, .learnMoreAboutOMS .col2 {
    float: left;
    width: 360px
}

.learnMoreAboutOMS #omsHelpTitle {
    font-size: 16px
}

#omsSetupStepOneHelpRow1Component_panel .col1, #omsSetupStepTwoHelpRow1Component_panel .col1, #omsSetupStepThreeHelpRow1Component_panel .col1, #omsSetupStepFourHelpRow1Component_panel .col1, #omsSetupStepOneHelpRow1Component_panel .col2, #omsSetupStepTwoHelpRow1Component_panel .col2, #omsSetupStepThreeHelpRow1Component_panel .col2, #omsSetupStepFourHelpRow1Component_panel .col2 {
    float: left;
    width: 360px;
    margin-right: 20px
}

#omsSetupStepOneHelpRow1Component_panel .parentCol img, #omsSetupStepTwoHelpRow1Component_panel .parentCol img, #omsSetupStepThreeHelpRow1Component_panel .parentCol img, #omsSetupStepFourHelpRow1Component_panel .parentCol img {
    float: left;
    width: 100px;
    margin: 0 20px
}

#omsSetupStepOneHelpRow1Component_panel .learn-more li, #omsSetupStepTwoHelpRow1Component_panel .learn-more li, #omsSetupStepThreeHelpRow1Component_panel .learn-more li, #omsSetupStepFourHelpRow1Component_panel .learn-more li {
    margin-bottom: 5px
}

#omsSetupStepOneHelpComponent_panel > .learnMoreAboutOMS:last-child, #omsSetupStepTwoHelpComponent_panel > .learnMoreAboutOMS:last-child, #omsSetupStepThreeHelpComponent_panel > .learnMoreAboutOMS:last-child, #omsSetupStepFourHelpComponent_panel > .learnMoreAboutOMS:last-child {
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px
}

#omsSetupStepFourHelpRow2Component_panel, #omsSetupStepOneHelpRow2Component_panel, #omsSetupStepTwoHelpRow2Component_panel, #omsSetupStepThreeHelpRow2Component_panel {
    margin: 20px 0 0 160px;
    padding-top: 20px;
    border-top: 1px solid #ccc;
    background: radial-gradient(center, ellipse cover, rgba(25, 25, 25, 0.35) 0, rgba(0, 0, 0, 0) 100%);
    background: radial-gradient(ellipse 70% 10px at top, rgba(25, 25, 25, 0.35) 0, rgba(255, 255, 255, 0) 80%)
}

#omsSetupStepTwoHelpRow1Component_panel .col2 ul, #omsSetupStepFourHelpRow1Component_panel .col2 ul {
    margin-top: 20px
}

#oms-order-messaging {
    padding: 10px 0
}

.cart-summary-area #oms-order-messaging, .cart-summary-area #order-limit-message p {
    padding: 0
}

.cart-summary-area #approver, .cart-summary-area #omsCCEmailSelect {
    width: 240px
}

#oms-message p, #order-limit-message p, #user-spend-limit-message p {
    color: #AC0101;
    font-weight: bold;
    padding: 10px 0
}

#order-limit-message .below-limit {
    color: #000;
    font-weight: normal
}

#omsCcMoreUsersModal .col1, #omsCcMoreUsersModal .col2, #omsCcMoreUsersModal .col3 {
    float: left;
    margin-right: 20px
}

#omsCcMoreUsersModal .col1, #omsCcMoreUsersModal .col3 {
    width: 200px
}

#omsCcMoreUsersModal .col1 select, #omsCcMoreUsersModal .col3 select {
    width: 190px
}

#omsCcMoreUsersModal .col2 {
    margin-top: 18px
}

#omsCcMoreUsersModal .col3 select {
    height: 75px
}

#omsCcMoreUsersModal .col2 label {
    float: none;
    margin-bottom: 10px
}

.omsReviewSetupStep4 {
    margin-top: 20px
}

#approvalReadOnly h2 {
    color: #666
}

#approvalReadOnly p span {
    display: block;
    padding-bottom: 5px
}

#approvalReadOnly .approverName {
    font-weight: bold
}

.oms-confirmation-container h1 {
    margin-left: 0
}

.oms-ThanksCopyHead {
    background-color: #ebebeb;
    margin: 0 0 15px;
    padding: 5px 10px 0 0
}

.oms-ThanksCopyHead, .oms-ThanksCopy {
    font-size: 14px
}

.oms-confirmation-container .oms-ThanksCopyHead, #oms-action-conf-message.oms-ThanksCopyHead {
    background-color: #fff;
    border: 1px solid #bebebe;
    border-radius: .5em;
    margin-right: 10px;
    padding: 10px
}

.notificationSent ul li {
    background: none;
    overflow: hidden;
    padding-left: 0
}

.notificationSent ul li span {
    float: left
}

.notificationSent ul li .label {
    width: 62px
}

.notificationSent ul li .notifyList {
    width: 85%
}

.notificationSent ul li .ccUserEmails {
    width: 510px
}

#omsCartOrderHistoryContainer {
    clear: both;
    padding-top: 30px
}

#omsCartOrderHistoryContainer h2 {
    display: block
}

.omsCartOrderHistoryTable {
    border-bottom: 1px solid #d5d5d5;
    width: 630px;
    margin-top: 5px
}

.omsCartOrderHistoryTable th {
    background-color: #ccc;
    color: #fff
}

.omsCartOrderHistoryTable tr td, .omsCartOrderHistoryTable tr th {
    border-bottom: 1px solid #d5d5d5;
    padding: 5px 10px;
    word-wrap: break-word
}

.omsCartOrderHistoryTable tr.even td {
    background-color: #ebebeb
}

.orderHistoryAction, .orderHistoryBy, .orderHistoryTo, .orderHistoryDate {
    width: 100px
}

.orderHistoryComments {
    width: 40%
}

#omsBanner {
    width: 695px;
    border: 1px solid #ccc;
    margin: 30px 0;
    padding: 20px 20px;
    position: relative
}

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

#omsBanner:after {
    clear: both
}

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

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

#omsBanner:after {
    clear: both
}

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

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

#omsBanner:after {
    clear: both
}

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

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

#omsBanner:after {
    clear: both
}

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

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

#omsBanner:after {
    clear: both
}

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

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

#omsBanner:after {
    clear: both
}

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

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

#omsBanner:after {
    clear: both
}

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

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

#omsBanner:after {
    clear: both
}

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

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

#omsBanner:after {
    clear: both
}

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

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

#omsBanner:after {
    clear: both
}

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

#omsBanner .col1, #omsBanner .col2, #omsBanner .col3 {
    float: left
}

#omsBanner .col1 {
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 1
}

#omsBanner .col1 span {
    display: block;
    width: 160px;
    height: 100px;
    background-position: -10px -894px
}

#omsBanner .col2 {
    width: 300px;
    margin: 13px 0 0 185px
}

#omsBanner h2 {
    margin: 0 0 2px 0;
    font-weight: bold
}

#omsBanner h2 span {
    background-color: #f99911;
    padding: 1px 5px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    margin: 0 0 0 5px
}

#omsBanner .col3 {
    margin-top: 7px;
    width: 120px
}

#omsBanner .col3 a {
    display: block
}

#omsBanner .col3 a.btn {
    margin: 8px 0;
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1
}

#omsBanner .col3 a.btn:hover {
    text-decoration: none
}

#oms-express-setup.adminContactList {
    width: 720px
}

#contactList li {
    background-image: none;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc
}

#currentSpendLimitsList > li, #currentApproverLimitsList > li {
    margin: 0 0 7px 0
}

#currentSpendLimitsList > li.editable > input, #currentApproverLimitsList > li.editable > input {
    width: 110px;
    margin-right: 20px
}

#currentSpendLimitsList > li.editable > ul:after, #currentApproverLimitsList > li.editable > ul:after, #currentSpendLimitsList > li.editable > ul:before, #currentApproverLimitsList > li.editable > ul:before {
    content: " ";
    display: table
}

#currentSpendLimitsList > li.editable > ul:after, #currentApproverLimitsList > li.editable > ul:after {
    clear: both
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul, .lt-ie8 #currentApproverLimitsList > li.editable > ul {
    clear: both;
    zoom: 1
}

#currentSpendLimitsList > li.editable > ul:after, #currentApproverLimitsList > li.editable > ul:after, #currentSpendLimitsList > li.editable > ul:before, #currentApproverLimitsList > li.editable > ul:before {
    content: " ";
    display: table
}

#currentSpendLimitsList > li.editable > ul:after, #currentApproverLimitsList > li.editable > ul:after {
    clear: both
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul, .lt-ie8 #currentApproverLimitsList > li.editable > ul {
    clear: both;
    zoom: 1
}

#currentSpendLimitsList > li.editable > ul:after, #currentApproverLimitsList > li.editable > ul:after, #currentSpendLimitsList > li.editable > ul:before, #currentApproverLimitsList > li.editable > ul:before {
    content: " ";
    display: table
}

#currentSpendLimitsList > li.editable > ul:after, #currentApproverLimitsList > li.editable > ul:after {
    clear: both
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul, .lt-ie8 #currentApproverLimitsList > li.editable > ul {
    clear: both;
    zoom: 1
}

#currentSpendLimitsList > li.editable > ul:after, #currentApproverLimitsList > li.editable > ul:after, #currentSpendLimitsList > li.editable > ul:before, #currentApproverLimitsList > li.editable > ul:before {
    content: " ";
    display: table
}

#currentSpendLimitsList > li.editable > ul:after, #currentApproverLimitsList > li.editable > ul:after {
    clear: both
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul, .lt-ie8 #currentApproverLimitsList > li.editable > ul {
    clear: both;
    zoom: 1
}

#currentSpendLimitsList > li.editable > ul:after, #currentApproverLimitsList > li.editable > ul:after, #currentSpendLimitsList > li.editable > ul:before, #currentApproverLimitsList > li.editable > ul:before {
    content: " ";
    display: table
}

#currentSpendLimitsList > li.editable > ul:after, #currentApproverLimitsList > li.editable > ul:after {
    clear: both
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul, .lt-ie8 #currentApproverLimitsList > li.editable > ul {
    clear: both;
    zoom: 1
}

#currentSpendLimitsList > li.editable > ul:after, #currentApproverLimitsList > li.editable > ul:after, #currentSpendLimitsList > li.editable > ul:before, #currentApproverLimitsList > li.editable > ul:before {
    content: " ";
    display: table
}

#currentSpendLimitsList > li.editable > ul:after, #currentApproverLimitsList > li.editable > ul:after {
    clear: both
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul, .lt-ie8 #currentApproverLimitsList > li.editable > ul {
    clear: both;
    zoom: 1
}

#currentSpendLimitsList > li.editable > ul:after, #currentApproverLimitsList > li.editable > ul:after, #currentSpendLimitsList > li.editable > ul:before, #currentApproverLimitsList > li.editable > ul:before {
    content: " ";
    display: table
}

#currentSpendLimitsList > li.editable > ul:after, #currentApproverLimitsList > li.editable > ul:after {
    clear: both
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul, .lt-ie8 #currentApproverLimitsList > li.editable > ul {
    clear: both;
    zoom: 1
}

#currentSpendLimitsList > li.editable > ul:after, #currentApproverLimitsList > li.editable > ul:after, #currentSpendLimitsList > li.editable > ul:before, #currentApproverLimitsList > li.editable > ul:before {
    content: " ";
    display: table
}

#currentSpendLimitsList > li.editable > ul:after, #currentApproverLimitsList > li.editable > ul:after {
    clear: both
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul, .lt-ie8 #currentApproverLimitsList > li.editable > ul {
    clear: both;
    zoom: 1
}

#currentSpendLimitsList > li.editable > ul:after, #currentApproverLimitsList > li.editable > ul:after, #currentSpendLimitsList > li.editable > ul:before, #currentApproverLimitsList > li.editable > ul:before {
    content: " ";
    display: table
}

#currentSpendLimitsList > li.editable > ul:after, #currentApproverLimitsList > li.editable > ul:after {
    clear: both
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul, .lt-ie8 #currentApproverLimitsList > li.editable > ul {
    clear: both;
    zoom: 1
}

#currentSpendLimitsList > li.editable > ul:after, #currentApproverLimitsList > li.editable > ul:after, #currentSpendLimitsList > li.editable > ul:before, #currentApproverLimitsList > li.editable > ul:before {
    content: " ";
    display: table
}

#currentSpendLimitsList > li.editable > ul:after, #currentApproverLimitsList > li.editable > ul:after {
    clear: both
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul, .lt-ie8 #currentApproverLimitsList > li.editable > ul {
    clear: both;
    zoom: 1
}

#currentSpendLimitsList > li.editable > ul > li, #currentApproverLimitsList > li.editable > ul > li {
    width: 50%;
    padding: 0;
    margin-bottom: 10px;
    float: left;
    margin-bottom: 0
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul > li, .lt-ie8 #currentApproverLimitsList > li.editable > ul > li {
    width: 48%
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul > li, .lt-ie8 #currentApproverLimitsList > li.editable > ul > li {
    width: 48%
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul > li, .lt-ie8 #currentApproverLimitsList > li.editable > ul > li {
    width: 48%
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul > li, .lt-ie8 #currentApproverLimitsList > li.editable > ul > li {
    width: 48%
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul > li, .lt-ie8 #currentApproverLimitsList > li.editable > ul > li {
    width: 48%
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul > li, .lt-ie8 #currentApproverLimitsList > li.editable > ul > li {
    width: 48%
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul > li, .lt-ie8 #currentApproverLimitsList > li.editable > ul > li {
    width: 48%
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul > li, .lt-ie8 #currentApproverLimitsList > li.editable > ul > li {
    width: 48%
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul > li, .lt-ie8 #currentApproverLimitsList > li.editable > ul > li {
    width: 48%
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul > li, .lt-ie8 #currentApproverLimitsList > li.editable > ul > li {
    width: 48%
}

#currentSpendLimitsList > li.editable > ul .pipes, #currentApproverLimitsList > li.editable > ul .pipes {
    float: right
}

#currentSpendLimitsList > li.editable > ul .pipes li, #currentApproverLimitsList > li.editable > ul .pipes li {
    float: left;
    margin: 0 5px 0 5px
}

#currentSpendLimitsList > li.editable > ul .pipes li:before, #currentApproverLimitsList > li.editable > ul .pipes li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul .pipes li, .lt-ie8 #currentApproverLimitsList > li.editable > ul .pipes li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul .pipes li:first-child, .lt-ie8 #currentApproverLimitsList > li.editable > ul .pipes li:first-child {
    border: none
}

#currentSpendLimitsList > li.editable > ul .pipes li:first-child:before, #currentApproverLimitsList > li.editable > ul .pipes li:first-child:before {
    display: none
}

#currentSpendLimitsList > li.editable > ul .pipes li:before, #currentApproverLimitsList > li.editable > ul .pipes li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul .pipes li, .lt-ie8 #currentApproverLimitsList > li.editable > ul .pipes li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul .pipes li:first-child, .lt-ie8 #currentApproverLimitsList > li.editable > ul .pipes li:first-child {
    border: none
}

#currentSpendLimitsList > li.editable > ul .pipes li:first-child:before, #currentApproverLimitsList > li.editable > ul .pipes li:first-child:before {
    display: none
}

#currentSpendLimitsList > li.editable > ul .pipes li:before, #currentApproverLimitsList > li.editable > ul .pipes li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul .pipes li, .lt-ie8 #currentApproverLimitsList > li.editable > ul .pipes li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul .pipes li:first-child, .lt-ie8 #currentApproverLimitsList > li.editable > ul .pipes li:first-child {
    border: none
}

#currentSpendLimitsList > li.editable > ul .pipes li:first-child:before, #currentApproverLimitsList > li.editable > ul .pipes li:first-child:before {
    display: none
}

#currentSpendLimitsList > li.editable > ul .pipes li:before, #currentApproverLimitsList > li.editable > ul .pipes li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul .pipes li, .lt-ie8 #currentApproverLimitsList > li.editable > ul .pipes li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul .pipes li:first-child, .lt-ie8 #currentApproverLimitsList > li.editable > ul .pipes li:first-child {
    border: none
}

#currentSpendLimitsList > li.editable > ul .pipes li:first-child:before, #currentApproverLimitsList > li.editable > ul .pipes li:first-child:before {
    display: none
}

#currentSpendLimitsList > li.editable > ul .pipes li:before, #currentApproverLimitsList > li.editable > ul .pipes li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul .pipes li, .lt-ie8 #currentApproverLimitsList > li.editable > ul .pipes li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul .pipes li:first-child, .lt-ie8 #currentApproverLimitsList > li.editable > ul .pipes li:first-child {
    border: none
}

#currentSpendLimitsList > li.editable > ul .pipes li:first-child:before, #currentApproverLimitsList > li.editable > ul .pipes li:first-child:before {
    display: none
}

#currentSpendLimitsList > li.editable > ul .pipes li:before, #currentApproverLimitsList > li.editable > ul .pipes li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul .pipes li, .lt-ie8 #currentApproverLimitsList > li.editable > ul .pipes li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul .pipes li:first-child, .lt-ie8 #currentApproverLimitsList > li.editable > ul .pipes li:first-child {
    border: none
}

#currentSpendLimitsList > li.editable > ul .pipes li:first-child:before, #currentApproverLimitsList > li.editable > ul .pipes li:first-child:before {
    display: none
}

#currentSpendLimitsList > li.editable > ul .pipes li:before, #currentApproverLimitsList > li.editable > ul .pipes li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul .pipes li, .lt-ie8 #currentApproverLimitsList > li.editable > ul .pipes li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul .pipes li:first-child, .lt-ie8 #currentApproverLimitsList > li.editable > ul .pipes li:first-child {
    border: none
}

#currentSpendLimitsList > li.editable > ul .pipes li:first-child:before, #currentApproverLimitsList > li.editable > ul .pipes li:first-child:before {
    display: none
}

#currentSpendLimitsList > li.editable > ul .pipes li:before, #currentApproverLimitsList > li.editable > ul .pipes li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul .pipes li, .lt-ie8 #currentApproverLimitsList > li.editable > ul .pipes li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul .pipes li:first-child, .lt-ie8 #currentApproverLimitsList > li.editable > ul .pipes li:first-child {
    border: none
}

#currentSpendLimitsList > li.editable > ul .pipes li:first-child:before, #currentApproverLimitsList > li.editable > ul .pipes li:first-child:before {
    display: none
}

#currentSpendLimitsList > li.editable > ul .pipes li:before, #currentApproverLimitsList > li.editable > ul .pipes li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul .pipes li, .lt-ie8 #currentApproverLimitsList > li.editable > ul .pipes li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul .pipes li:first-child, .lt-ie8 #currentApproverLimitsList > li.editable > ul .pipes li:first-child {
    border: none
}

#currentSpendLimitsList > li.editable > ul .pipes li:first-child:before, #currentApproverLimitsList > li.editable > ul .pipes li:first-child:before {
    display: none
}

#currentSpendLimitsList > li.editable > ul .pipes li:before, #currentApproverLimitsList > li.editable > ul .pipes li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul .pipes li, .lt-ie8 #currentApproverLimitsList > li.editable > ul .pipes li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul .pipes li:first-child, .lt-ie8 #currentApproverLimitsList > li.editable > ul .pipes li:first-child {
    border: none
}

#currentSpendLimitsList > li.editable > ul .pipes li:first-child:before, #currentApproverLimitsList > li.editable > ul .pipes li:first-child:before {
    display: none
}

.ui-autocomplete {
    max-width: 250px
}

.approver {
    width: 110px
}

.oms-limitwidth-approverinfo {
    width: 21%
}

.oms-limitwidth {
    width: 18%;
    text-align: center;
    border-left: 1px solid #ccc
}

#omsFilterDropDown {
    width: 50% !important
}

.omsSearchDiv {
    width: 50% !important;
    margin-left: -79px !important;
    height: 59px !important;
    padding-left: 0 !important;
    text-align: right
}

.omsSearchDiv label {
    text-align: left;
    margin-left: 46%
}

#omsSearchInput {
    width: 250px
}

#omsSearchButton {
    margin-top: -2px
}

#limitsLable {
    margin-right: 10px
}

#suspendOrderMgmnt {
    margin-left: 10px
}

.omsClearLink {
    text-decoration: underline !important;
    margin-left: 19px !important
}

.lt-ie8 .styledSelect SELECT {
    width: 150px
}

.oms-wait {
    position: absolute;
    height: 468px;
    width: 100%;
    z-index: 999
}

.oms-wait .wait-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    backround: transparent
}

@media screen and (max-width: 1024px) {
    #omsDashboardDataDiv {
        overflow: auto
    }

    #approvalLimitSortHeader, #spendLimitSortHeader {
        margin-left: 0 !important;
        display: block;
        text-align: center
    }

    #omsFilterDropDown {
        width: 38% !important
    }

    .omsSearchDiv {
        width: 62% !important;
        padding-left: 85px !important
    }
}

.omsInvitedUserPendingRegistration {
    font-weight: bold
}

.tdShowItemApproval {
    width: 21%;
    text-align: center;
    border-left: 1px solid #ccc
}

.thItemApprovalImage {
    text-align: center;
    margin-bottom: -3px
}

.cusCatalogItemApprovalLabelHeader {
    text-align: center;
    margin-left: 5px
}

.cusCatalogItemApprovalImage {
    margin-bottom: -3px
}

#gwwAccountManageItemApprovalModal {
    top: 35%
}

#oms-one-user-fullrights p {
    font-size: 12px
}

#oms-one-user-fullrights ul {
    list-style-type: initial;
    margin: 0 14px;
    padding-left: 20px
}

#oms-one-user-fullrights ul li {
    font-weight: bold;
    font-size: 8px;
    line-height: 14px
}

#oms-one-user-fullrights ul li span {
    font-size: 12px;
    vertical-align: bottom
}

.gForm-userName, .gForm-userPhone, .gForm-cityStateZip {
    margin-bottom: 15px
}

.gForm-userName .gForm-input, .gForm-userPhone .gForm-input, .gForm-cityStateZip .gForm-input {
    float: left;
    width: 48.5%
}

.gForm-userName .gForm-input:first-of-type, .gForm-userPhone .gForm-input:first-of-type, .gForm-cityStateZip .gForm-input:first-of-type {
    margin-right: 3%
}

#main-content.user-registration-main-content {
    padding-left: 15px
}

#main-content.user-registration-main-content #header-breadcrumb-container #breadcrumbs {
    min-height: 25px
}

#main-content.user-registration-main-content #header-breadcrumb-container h1 {
    float: left;
    border-bottom: none;
    font-size: 28px
}

#main-content.user-registration-main-content #mainContentLeft {
    margin: 0 auto;
    float: none
}

#main-content.user-registration-main-content #mainContentLeft #registration .registration-progress-bar {
    position: relative;
    top: 14px;
    margin: 0 auto;
    width: 480px
}

#main-content.user-registration-main-content #mainContentLeft #registration .registration-progress-bar ul {
    width: 100%
}

#main-content.user-registration-main-content #mainContentLeft #registration .registration-progress-bar ul li {
    width: 226px;
    margin: 0;
    float: left
}

#main-content.user-registration-main-content #mainContentLeft #registration .registration-progress-bar ul li .gcDot {
    height: 26px;
    width: 26px;
    border-radius: 13px;
    background: #ccc;
    z-index: 1;
    display: inline-block
}

#main-content.user-registration-main-content #mainContentLeft #registration .registration-progress-bar ul li .dotConnector {
    border-top: 3px solid #ccc;
    margin: -16px 0 0 0;
    z-index: -1;
    position: relative;
    left: 20px
}

#main-content.user-registration-main-content #mainContentLeft #registration .registration-progress-bar ul li.active, #main-content.user-registration-main-content #mainContentLeft #registration .registration-progress-bar ul li.complete {
    position: relative
}

#main-content.user-registration-main-content #mainContentLeft #registration .registration-progress-bar ul li.active .gcDot, #main-content.user-registration-main-content #mainContentLeft #registration .registration-progress-bar ul li.complete .gcDot {
    background-color: #157a43
}

#main-content.user-registration-main-content #mainContentLeft #registration .registration-progress-bar ul li.complete .dotConnector {
    border-color: #157a43
}

#main-content.user-registration-main-content #mainContentLeft #registration .registration-progress-bar ul li:last-child {
    width: auto;
    margin: 0
}

#main-content.user-registration-main-content #mainContentLeft #registration .registration-progress-bar ul li:after {
    left: 6px;
    content: "";
    position: absolute;
    top: 7px;
    width: 13px;
    height: 8px;
    border-left: 3px solid #fff;
    border-bottom: 3px solid #fff;
    transform: rotate(-45deg)
}

#main-content.user-registration-main-content #mainContentLeft #registration #form-content {
    width: 100%
}

#main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo {
    margin-top: 35px;
    margin-bottom: 21px
}

#main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long {
    background-color: #fff;
    border: 1px solid #ccc;
    margin-top: 1px;
    padding: 20px 45px;
}

#main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long .registrationInfoHeading {
    font-size: 18px !important;
    /*font-weight: 700;*/
    text-align: center;
    padding: 0 0 15px 0;
    border-bottom: none
}

#main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long .registrationInfoNext {
    /*float: right;*/
    width: 120px
}

#main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long #registrationInfoBackBtn {
    margin-right: 1.5%;
    width: 180px;
    font-size: 14px
}

#main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long .gForm-btn {
    padding-top: 70px;
    width: 100%;
    text-align: center;
}

#main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long #long-form-firstName {
    width: 49%;
    margin-right: 2%;
    float: left;
    display: inline-block
}

#main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long #long-form-lastName {
    width: 49%;
    display: inline-block
}

#main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long #long-form-companyName {
    width: 72%
}

#main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long .registrationStepOne {
    position: relative
}

#main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long .registrationStepTwo {
    display: block
}

#main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long .gForm-userName, #main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long .gForm-row {
    margin-bottom: 8px;
    position: relative;
    height: 60px
}

#main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long .gForm-userName .gForm-input, #main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long .gForm-row .gForm-input {
    width: 100%
}

#main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long #long-form-phone {
    width: 100%
}

#main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long #long-form-phone .phone-fields-long-form-registration {
    width: 100%;
    /*margin-right: 2%;*/
    float: left
}

#main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long #long-form-phone .gForm-input.phone-long-input {
    width: 100%;
    margin-left: 0
}

#main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long #long-form-phone .phone-extension-long-form-registration {
    width: 26%;
    margin-left: 0;
    position: relative
}

#main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long #long-form-userID {
    width: 100%;
    margin-right: 0;
    display: block;
    float: left
}

#main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long #long-form-passwordAndValidation {
    width: 100%;
    display: inline-block;
    min-height: 60px;
    height: auto;
    margin: 0
}

#main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long #long-form-passwordAndValidation #long-form-password {
    width: 49%;
    margin-right: 1%;
    display: inline-block;
    padding-right: 0;
    padding-top: 0
}

#main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long #long-form-passwordAndValidation #long-form-password .gForm-input {
    position: relative
}

#main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long #long-form-passwordAndValidation #long-form-password #newPassword {
    width: 100%;
    border-radius: 1.5px;
    padding-left: 13px;
    height: 41px
}

#main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long #long-form-passwordAndValidation #long-form-password #confirmPassword {
    width: 100%;
    border-radius: 1.5px;
    padding-left: 13px;
    height: 41px
}

#main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long #long-form-passwordAndValidation #long-form-password .passwordLenght {
    font-weight: normal;
    font-size: 12px;
    color: #686868;
    margin: 2px 0 10px
}

#main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long #long-form-passwordAndValidation #long-form-password.confirmPwdDiv {
    margin-left: 1%;
    margin-right: 0
}

#main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long #long-form-passwordAndValidation .passwordRule {
    display: inline-block;
    list-style-type: none;
    font-size: 12px;
    margin-left: 20px;
    margin-top: -11px
}

#main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long #long-form-passwordAndValidation #newPasswordLongSecureMessage.alert {
    width: 50%
}

#main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long #long-form-passwordAndValidation ul.passwordRule > li:before {
    content: "\2022";
    color: #00739e;
    font-size: 15px;
    position: relative;
    right: 6px
}

#main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long .securityQuestionLongLabel {
    margin-top: -9px
}

#main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long #long-form-securityQuestion {
    width: 49%;
    margin-right: 2%;
    display: inline-block;
    float: left
}

#main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long #long-form-securityQuestion .styledSelect {
    width: 100%;
    border-radius: 2px;
    margin-top: -1px
}

#main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long #long-form-securityQuestion .styledSelect:after {
    background-color: #fff;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(1, #fff));
    border-left: none !important;
    border-right: none !important;
    color: #599a9c;
    font-size: 14px;
    right: 8px
}

#main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long #long-form-securityQuestion select {
    background-color: #fff;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(1, #fff));
    width: 100%;
    height: 39px;
    font-weight: normal;
    font-size: 13px;
    padding-left: 13px
}

#main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long #long-form-securityQuestion .defaultSecurityQueValue {
    color: #7d7d7d
}

#main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long #long-form-securityAnswer {
    width: 49%;
    display: inline-block;
    margin-top: 12px
}

#main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long #lfCaptcha {
    height: 100px;
    margin-bottom: 8px
}

#main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long #lfCaptcha label {
    margin: 8px 0
}

#main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long #lfCaptcha #captchaEnteredLong {
    width: 49%;
    margin-right: 2%
}

#main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long .gForm-radioCheck label {
    margin-top: -2px
}

#main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long #long-form-emailAndTerms {
    height: auto;
    padding-top: 2px
}

#main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long #long-form-emailAndTerms #termsOfRegLongForm {
    height: 36px
}

#main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long #long-form-emailAndTerms #termsOfRegLongForm .gForm-radioCheck {
    margin-bottom: 3px
}

#main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long #long-form-emailAndTerms #termsOfRegLongForm #termsOfRegError {
    margin-bottom: 0
}

#main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long #long-form-emailAndTerms .termsOfRegHeading {
    display: inline;
    line-height: 18px;
    word-break: break-word;
    font-size: 12px;
    font-weight: 700;
    position: relative;
    top: -2px
}

#main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long #long-form-emailAndTerms .termsOfRegDes {
    display: inline;
    font-weight: normal;
    line-height: 16px;
    word-break: break-word;
    font-size: 12px;
    position: relative;
    top: -2px
}

#main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long input[type="text"] {
    width: 100%;
    border-radius: 1.5px;
    padding-left: 13px;
    height: 41px
}

#main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long .optionalLabel {
    position: absolute;
    top: 9px;
    float: right;
    font-size: 13px;
    color: #7d7d7d;
    padding: 6px 8px;
    right: 8px
}

#main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long .showLabel {
    position: absolute;
    top: 8px;
    float: right;
    font-size: 13px;
    color: #7d7d7d;
    padding: 6px 8px;
    right: 18px
}

#main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long .showLabelLink {
    position: absolute;
    top: -23px;
    float: right;
    font-size: 13px;
    color: #7d7d7d;
    padding: 6px 8px;
    right: 0
}

#main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long .errorIcon {
    display: inline
}

#main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long .registrationAccountDiv {
    height: 55px
}

#main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long .registrationAccountInfoDiv {
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 10px
}

#main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long .registrationAccountInfoDiv .registrationAccountNum {
    margin-left: -3px
}

#main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long .registrationAccountInfoNote {
    font-size: 12px
}

#main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long #long-form-defaultShippingAddress {
    width: 49%;
    display: inline-block
}

#main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long #long-form-defaultShippingAddress .styledSelect {
    width: 100%;
    border-radius: 2px
}

#main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long #long-form-defaultShippingAddress .styledSelect:after {
    background-color: #fff;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(1, #fff));
    border-left: none !important;
    border-right: none !important;
    color: #599a9c;
    font-size: 14px;
    right: 8px
}

#main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long #long-form-defaultShippingAddress select {
    background-color: #fff;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(1, #fff));
    width: 100%;
    height: 39px;
    font-weight: normal;
    font-size: 13px
}

#main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long #long-form-defaultShippingAddress .defaultShippingAddressValue {
    color: #7d7d7d
}

#main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long #long-form-defaultShippingAddress .errors .styledSelect {
    border: none
}

#main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long #long-form-userID .floating-labels.show-labels label {
    background: linear-gradient(to top, transparent 55%, #fff 45%)
}

#main-content.user-registration-main-content #mainContentLeft #registration .registeredUserQuestionBlockDiv #registeredUserQuestionBlock {
    margin-top: 0;
    padding: 0;
    background-color: #fff;
    height: auto !important
}

#main-content.user-registration-main-content #mainContentLeft #registration .registeredUserQuestionBlockDiv #registeredUserQuestionBlock .registeredUserQuestionBlockHeading {
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 15px;
    display: inline-block
}

#main-content.user-registration-main-content #mainContentLeft #registration .registeredUserQuestionBlockDiv #registeredUserQuestionBlock .gForm-radioCheck {
    margin-bottom: 0
}

#main-content.user-registration-main-content #mainContentLeft #registration .registeredUserQuestionBlockDiv #registeredUserQuestionBlock .gForm-radioCheck label {
    /*pointer-events: none;*/
    margin-top: -2px;
    padding-bottom: 15px
}

#main-content.user-registration-main-content #mainContentLeft #registration .registeredUserQuestionBlockDiv #registeredUserQuestionBlock #register-account {
    margin: 0;
    background-color: #fff;
    padding: 0;
    display: inline-block;
    width: 100%
}

#main-content.user-registration-main-content #mainContentLeft #registration .registeredUserQuestionBlockDiv #registeredUserQuestionBlock #register-account #accountNumberKnownFooter {
    display: none
}

#main-content.user-registration-main-content #mainContentLeft #registration .registeredUserQuestionBlockDiv #registeredUserQuestionBlock #register-account .gForm-row {
    height: auto;
    margin-bottom: 0
}

#main-content.user-registration-main-content #mainContentLeft #registration .registeredUserQuestionBlockDiv #registeredUserQuestionBlock #register-account .errorMsg {
    line-height: 14px
}

#main-content.user-registration-main-content #mainContentLeft #registration .registeredUserQuestionBlockDiv #registeredUserQuestionBlock #register-account #acct-info {
    margin-bottom: 8px
}

#main-content.user-registration-main-content #mainContentLeft #registration .registeredUserQuestionBlockDiv #registeredUserQuestionBlock .userInputNumberNote {
    font-size: 13px;
    padding: 3px 0 18px
}

#main-content.user-registration-main-content #mainContentLeft #registration .userInputNumberDiv .error1 {
    width: 100%
}

#main-content.user-registration-main-content #mainContentLeft #registration .floating-labels label {
    display: none
}

#main-content.user-registration-main-content #mainContentLeft #registration .floating-labels.show-labels label {
    display: block;
    position: absolute;
    top: -5px;
    left: 14px;
    font-size: .8em;
    padding: 0 5px !important;
    background: #fff;
    outline: 0;
    line-height: 11px;
    font-weight: normal
}

#registration {
    min-height: 300px;
    margin-top: 10px
}

#registration .icon {
    background: url("../../images/sprites/form-sprite.png") no-repeat scroll 0 0 transparent;
    display: inline-block
}

#registration h2 {
    background-color: #eee;
    padding: 10px 20px;
    margin-bottom: 30px
}

#registration .gFormDisabled {
    background: #fff;
    display: none;
    height: 100% !important;
    left: 0;
    -moz-opacity: .5;
    -khtml-opacity: .5;
    -webkit-opacity: .5;
    opacity: .5;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    filter: alpha(opacity=50);
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.lt-ie8 #registration .gFormDisabled {
    zoom: 1
}

.lt-ie8 #registration .gFormDisabled {
    zoom: 1
}

.lt-ie8 #registration .gFormDisabled {
    zoom: 1
}

.lt-ie8 #registration .gFormDisabled {
    zoom: 1
}

.lt-ie8 #registration .gFormDisabled {
    zoom: 1
}

.lt-ie8 #registration .gFormDisabled {
    zoom: 1
}

.lt-ie8 #registration .gFormDisabled {
    zoom: 1
}

.lt-ie8 #registration .gFormDisabled {
    zoom: 1
}

.lt-ie8 #registration .gFormDisabled {
    zoom: 1
}

.lt-ie8 #registration .gFormDisabled {
    zoom: 1
}

#registration .disabled .gFormDisabled {
    display: block
}

#registration .disabled .active .gFormDisabled {
    display: none
}

#registration .gForms {
    margin-top: 30px
}

#registration .gForms:after, #registration .gForms:before {
    content: " ";
    display: table
}

#registration .gForms:after {
    clear: both
}

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

#registration .gForms:after, #registration .gForms:before {
    content: " ";
    display: table
}

#registration .gForms:after {
    clear: both
}

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

#registration .gForms:after, #registration .gForms:before {
    content: " ";
    display: table
}

#registration .gForms:after {
    clear: both
}

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

#registration .gForms:after, #registration .gForms:before {
    content: " ";
    display: table
}

#registration .gForms:after {
    clear: both
}

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

#registration .gForms:after, #registration .gForms:before {
    content: " ";
    display: table
}

#registration .gForms:after {
    clear: both
}

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

#registration .gForms:after, #registration .gForms:before {
    content: " ";
    display: table
}

#registration .gForms:after {
    clear: both
}

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

#registration .gForms:after, #registration .gForms:before {
    content: " ";
    display: table
}

#registration .gForms:after {
    clear: both
}

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

#registration .gForms:after, #registration .gForms:before {
    content: " ";
    display: table
}

#registration .gForms:after {
    clear: both
}

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

#registration .gForms:after, #registration .gForms:before {
    content: " ";
    display: table
}

#registration .gForms:after {
    clear: both
}

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

#registration .gForms:after, #registration .gForms:before {
    content: " ";
    display: table
}

#registration .gForms:after {
    clear: both
}

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

#registration .stepsIndicator {
    width: 8.333333333333334%;
    padding: 10px;
    margin-bottom: 10px;
    float: left;
    background-color: #fff;
    border-radius: 50%;
    float: right;
    font-weight: 700;
    padding: 10px 5px;
    text-align: center;
    margin-top: -6px
}

.lt-ie8 #registration .stepsIndicator {
    width: 6.333333333333334%
}

.lt-ie8 #registration .stepsIndicator {
    width: 6.333333333333334%
}

.lt-ie8 #registration .stepsIndicator {
    width: 6.333333333333334%
}

.lt-ie8 #registration .stepsIndicator {
    width: 6.333333333333334%
}

.lt-ie8 #registration .stepsIndicator {
    width: 6.333333333333334%
}

.lt-ie8 #registration .stepsIndicator {
    width: 6.333333333333334%
}

.lt-ie8 #registration .stepsIndicator {
    width: 6.333333333333334%
}

.lt-ie8 #registration .stepsIndicator {
    width: 6.333333333333334%
}

.lt-ie8 #registration .stepsIndicator {
    width: 6.333333333333334%
}

.lt-ie8 #registration .stepsIndicator {
    width: 6.333333333333334%
}

#registration .stepContent {
    margin-bottom: 0
}

#registration .stepContent .gForm-radioCheck > label {
    width: 94.5%
}

#registration .stepContent input[type="text"], #registration .stepContent input[type="password"] {
    width: 100%
}

#registration .stepContent #country, #registration .stepContent #state {
    width: 464px
}

#registration .stepContent input[name="phonenumber"] {
    width: 65%
}

#registration .stepContent .gForm-userName:after, #registration .stepContent .gForm-userPhone:after, #registration .stepContent .gForm-cityStateZip:after, #registration .stepContent .gForm-userName:before, #registration .stepContent .gForm-userPhone:before, #registration .stepContent .gForm-cityStateZip:before {
    content: " ";
    display: table
}

#registration .stepContent .gForm-userName:after, #registration .stepContent .gForm-userPhone:after, #registration .stepContent .gForm-cityStateZip:after {
    clear: both
}

.lt-ie8 #registration .stepContent .gForm-userName, .lt-ie8 #registration .stepContent .gForm-userPhone, .lt-ie8 #registration .stepContent .gForm-cityStateZip {
    clear: both;
    zoom: 1
}

#registration .stepContent .gForm-userName:after, #registration .stepContent .gForm-userPhone:after, #registration .stepContent .gForm-cityStateZip:after, #registration .stepContent .gForm-userName:before, #registration .stepContent .gForm-userPhone:before, #registration .stepContent .gForm-cityStateZip:before {
    content: " ";
    display: table
}

#registration .stepContent .gForm-userName:after, #registration .stepContent .gForm-userPhone:after, #registration .stepContent .gForm-cityStateZip:after {
    clear: both
}

.lt-ie8 #registration .stepContent .gForm-userName, .lt-ie8 #registration .stepContent .gForm-userPhone, .lt-ie8 #registration .stepContent .gForm-cityStateZip {
    clear: both;
    zoom: 1
}

#registration .stepContent .gForm-userName:after, #registration .stepContent .gForm-userPhone:after, #registration .stepContent .gForm-cityStateZip:after, #registration .stepContent .gForm-userName:before, #registration .stepContent .gForm-userPhone:before, #registration .stepContent .gForm-cityStateZip:before {
    content: " ";
    display: table
}

#registration .stepContent .gForm-userName:after, #registration .stepContent .gForm-userPhone:after, #registration .stepContent .gForm-cityStateZip:after {
    clear: both
}

.lt-ie8 #registration .stepContent .gForm-userName, .lt-ie8 #registration .stepContent .gForm-userPhone, .lt-ie8 #registration .stepContent .gForm-cityStateZip {
    clear: both;
    zoom: 1
}

#registration .stepContent .gForm-userName:after, #registration .stepContent .gForm-userPhone:after, #registration .stepContent .gForm-cityStateZip:after, #registration .stepContent .gForm-userName:before, #registration .stepContent .gForm-userPhone:before, #registration .stepContent .gForm-cityStateZip:before {
    content: " ";
    display: table
}

#registration .stepContent .gForm-userName:after, #registration .stepContent .gForm-userPhone:after, #registration .stepContent .gForm-cityStateZip:after {
    clear: both
}

.lt-ie8 #registration .stepContent .gForm-userName, .lt-ie8 #registration .stepContent .gForm-userPhone, .lt-ie8 #registration .stepContent .gForm-cityStateZip {
    clear: both;
    zoom: 1
}

#registration .stepContent .gForm-userName:after, #registration .stepContent .gForm-userPhone:after, #registration .stepContent .gForm-cityStateZip:after, #registration .stepContent .gForm-userName:before, #registration .stepContent .gForm-userPhone:before, #registration .stepContent .gForm-cityStateZip:before {
    content: " ";
    display: table
}

#registration .stepContent .gForm-userName:after, #registration .stepContent .gForm-userPhone:after, #registration .stepContent .gForm-cityStateZip:after {
    clear: both
}

.lt-ie8 #registration .stepContent .gForm-userName, .lt-ie8 #registration .stepContent .gForm-userPhone, .lt-ie8 #registration .stepContent .gForm-cityStateZip {
    clear: both;
    zoom: 1
}

#registration .stepContent .gForm-userName:after, #registration .stepContent .gForm-userPhone:after, #registration .stepContent .gForm-cityStateZip:after, #registration .stepContent .gForm-userName:before, #registration .stepContent .gForm-userPhone:before, #registration .stepContent .gForm-cityStateZip:before {
    content: " ";
    display: table
}

#registration .stepContent .gForm-userName:after, #registration .stepContent .gForm-userPhone:after, #registration .stepContent .gForm-cityStateZip:after {
    clear: both
}

.lt-ie8 #registration .stepContent .gForm-userName, .lt-ie8 #registration .stepContent .gForm-userPhone, .lt-ie8 #registration .stepContent .gForm-cityStateZip {
    clear: both;
    zoom: 1
}

#registration .stepContent .gForm-userName:after, #registration .stepContent .gForm-userPhone:after, #registration .stepContent .gForm-cityStateZip:after, #registration .stepContent .gForm-userName:before, #registration .stepContent .gForm-userPhone:before, #registration .stepContent .gForm-cityStateZip:before {
    content: " ";
    display: table
}

#registration .stepContent .gForm-userName:after, #registration .stepContent .gForm-userPhone:after, #registration .stepContent .gForm-cityStateZip:after {
    clear: both
}

.lt-ie8 #registration .stepContent .gForm-userName, .lt-ie8 #registration .stepContent .gForm-userPhone, .lt-ie8 #registration .stepContent .gForm-cityStateZip {
    clear: both;
    zoom: 1
}

#registration .stepContent .gForm-userName:after, #registration .stepContent .gForm-userPhone:after, #registration .stepContent .gForm-cityStateZip:after, #registration .stepContent .gForm-userName:before, #registration .stepContent .gForm-userPhone:before, #registration .stepContent .gForm-cityStateZip:before {
    content: " ";
    display: table
}

#registration .stepContent .gForm-userName:after, #registration .stepContent .gForm-userPhone:after, #registration .stepContent .gForm-cityStateZip:after {
    clear: both
}

.lt-ie8 #registration .stepContent .gForm-userName, .lt-ie8 #registration .stepContent .gForm-userPhone, .lt-ie8 #registration .stepContent .gForm-cityStateZip {
    clear: both;
    zoom: 1
}

#registration .stepContent .gForm-userName:after, #registration .stepContent .gForm-userPhone:after, #registration .stepContent .gForm-cityStateZip:after, #registration .stepContent .gForm-userName:before, #registration .stepContent .gForm-userPhone:before, #registration .stepContent .gForm-cityStateZip:before {
    content: " ";
    display: table
}

#registration .stepContent .gForm-userName:after, #registration .stepContent .gForm-userPhone:after, #registration .stepContent .gForm-cityStateZip:after {
    clear: both
}

.lt-ie8 #registration .stepContent .gForm-userName, .lt-ie8 #registration .stepContent .gForm-userPhone, .lt-ie8 #registration .stepContent .gForm-cityStateZip {
    clear: both;
    zoom: 1
}

#registration .stepContent .gForm-userName:after, #registration .stepContent .gForm-userPhone:after, #registration .stepContent .gForm-cityStateZip:after, #registration .stepContent .gForm-userName:before, #registration .stepContent .gForm-userPhone:before, #registration .stepContent .gForm-cityStateZip:before {
    content: " ";
    display: table
}

#registration .stepContent .gForm-userName:after, #registration .stepContent .gForm-userPhone:after, #registration .stepContent .gForm-cityStateZip:after {
    clear: both
}

.lt-ie8 #registration .stepContent .gForm-userName, .lt-ie8 #registration .stepContent .gForm-userPhone, .lt-ie8 #registration .stepContent .gForm-cityStateZip {
    clear: both;
    zoom: 1
}

#registration .stepContent .gForm-userName .gForm-input, #registration .stepContent .gForm-userPhone .gForm-input, #registration .stepContent .gForm-cityStateZip .gForm-input {
    width: 47%
}

#registration .stepContent .gForm-Zipfield .gForm-input {
    width: 47%
}

#registration .gForm-btn {
    clear: both;
    padding-top: 20px
}

#registration .alert {
    margin: -1px 0 5px 0
}

#registration .regCaptchaError {
    margin: 1px 0 5px 0 !important
}

#registration .errorMsg {
    color: #ad3333;
    font-size: 12px
}

#registration .absolutePosition {
    position: absolute
}

#registration .gForm-radioCheck {
    margin-bottom: 10px;
    line-height: 10px
}

#registration #passwordAndValidation, #registration #long-form-passwordAndValidation {
    margin-top: 10px
}

#registration #passwordAndValidation:after, #registration #long-form-passwordAndValidation:after, #registration #passwordAndValidation:before, #registration #long-form-passwordAndValidation:before {
    content: " ";
    display: table
}

#registration #passwordAndValidation:after, #registration #long-form-passwordAndValidation:after {
    clear: both
}

.lt-ie8 #registration #passwordAndValidation, .lt-ie8 #registration #long-form-passwordAndValidation {
    clear: both;
    zoom: 1
}

#registration #passwordAndValidation:after, #registration #long-form-passwordAndValidation:after, #registration #passwordAndValidation:before, #registration #long-form-passwordAndValidation:before {
    content: " ";
    display: table
}

#registration #passwordAndValidation:after, #registration #long-form-passwordAndValidation:after {
    clear: both
}

.lt-ie8 #registration #passwordAndValidation, .lt-ie8 #registration #long-form-passwordAndValidation {
    clear: both;
    zoom: 1
}

#registration #passwordAndValidation:after, #registration #long-form-passwordAndValidation:after, #registration #passwordAndValidation:before, #registration #long-form-passwordAndValidation:before {
    content: " ";
    display: table
}

#registration #passwordAndValidation:after, #registration #long-form-passwordAndValidation:after {
    clear: both
}

.lt-ie8 #registration #passwordAndValidation, .lt-ie8 #registration #long-form-passwordAndValidation {
    clear: both;
    zoom: 1
}

#registration #passwordAndValidation:after, #registration #long-form-passwordAndValidation:after, #registration #passwordAndValidation:before, #registration #long-form-passwordAndValidation:before {
    content: " ";
    display: table
}

#registration #passwordAndValidation:after, #registration #long-form-passwordAndValidation:after {
    clear: both
}

.lt-ie8 #registration #passwordAndValidation, .lt-ie8 #registration #long-form-passwordAndValidation {
    clear: both;
    zoom: 1
}

#registration #passwordAndValidation:after, #registration #long-form-passwordAndValidation:after, #registration #passwordAndValidation:before, #registration #long-form-passwordAndValidation:before {
    content: " ";
    display: table
}

#registration #passwordAndValidation:after, #registration #long-form-passwordAndValidation:after {
    clear: both
}

.lt-ie8 #registration #passwordAndValidation, .lt-ie8 #registration #long-form-passwordAndValidation {
    clear: both;
    zoom: 1
}

#registration #passwordAndValidation:after, #registration #long-form-passwordAndValidation:after, #registration #passwordAndValidation:before, #registration #long-form-passwordAndValidation:before {
    content: " ";
    display: table
}

#registration #passwordAndValidation:after, #registration #long-form-passwordAndValidation:after {
    clear: both
}

.lt-ie8 #registration #passwordAndValidation, .lt-ie8 #registration #long-form-passwordAndValidation {
    clear: both;
    zoom: 1
}

#registration #passwordAndValidation:after, #registration #long-form-passwordAndValidation:after, #registration #passwordAndValidation:before, #registration #long-form-passwordAndValidation:before {
    content: " ";
    display: table
}

#registration #passwordAndValidation:after, #registration #long-form-passwordAndValidation:after {
    clear: both
}

.lt-ie8 #registration #passwordAndValidation, .lt-ie8 #registration #long-form-passwordAndValidation {
    clear: both;
    zoom: 1
}

#registration #passwordAndValidation:after, #registration #long-form-passwordAndValidation:after, #registration #passwordAndValidation:before, #registration #long-form-passwordAndValidation:before {
    content: " ";
    display: table
}

#registration #passwordAndValidation:after, #registration #long-form-passwordAndValidation:after {
    clear: both
}

.lt-ie8 #registration #passwordAndValidation, .lt-ie8 #registration #long-form-passwordAndValidation {
    clear: both;
    zoom: 1
}

#registration #passwordAndValidation:after, #registration #long-form-passwordAndValidation:after, #registration #passwordAndValidation:before, #registration #long-form-passwordAndValidation:before {
    content: " ";
    display: table
}

#registration #passwordAndValidation:after, #registration #long-form-passwordAndValidation:after {
    clear: both
}

.lt-ie8 #registration #passwordAndValidation, .lt-ie8 #registration #long-form-passwordAndValidation {
    clear: both;
    zoom: 1
}

#registration #passwordAndValidation:after, #registration #long-form-passwordAndValidation:after, #registration #passwordAndValidation:before, #registration #long-form-passwordAndValidation:before {
    content: " ";
    display: table
}

#registration #passwordAndValidation:after, #registration #long-form-passwordAndValidation:after {
    clear: both
}

.lt-ie8 #registration #passwordAndValidation, .lt-ie8 #registration #long-form-passwordAndValidation {
    clear: both;
    zoom: 1
}

#registration #passwordAndValidation .passwordFields, #registration #long-form-passwordAndValidation .passwordFields {
    width: 50%;
    padding: 10px;
    margin-bottom: 10px;
    float: left;
    padding-left: 0
}

.lt-ie8 #registration #passwordAndValidation .passwordFields, .lt-ie8 #registration #long-form-passwordAndValidation .passwordFields {
    width: 48%
}

.lt-ie8 #registration #passwordAndValidation .passwordFields, .lt-ie8 #registration #long-form-passwordAndValidation .passwordFields {
    width: 48%
}

.lt-ie8 #registration #passwordAndValidation .passwordFields, .lt-ie8 #registration #long-form-passwordAndValidation .passwordFields {
    width: 48%
}

.lt-ie8 #registration #passwordAndValidation .passwordFields, .lt-ie8 #registration #long-form-passwordAndValidation .passwordFields {
    width: 48%
}

.lt-ie8 #registration #passwordAndValidation .passwordFields, .lt-ie8 #registration #long-form-passwordAndValidation .passwordFields {
    width: 48%
}

.lt-ie8 #registration #passwordAndValidation .passwordFields, .lt-ie8 #registration #long-form-passwordAndValidation .passwordFields {
    width: 48%
}

.lt-ie8 #registration #passwordAndValidation .passwordFields, .lt-ie8 #registration #long-form-passwordAndValidation .passwordFields {
    width: 48%
}

.lt-ie8 #registration #passwordAndValidation .passwordFields, .lt-ie8 #registration #long-form-passwordAndValidation .passwordFields {
    width: 48%
}

.lt-ie8 #registration #passwordAndValidation .passwordFields, .lt-ie8 #registration #long-form-passwordAndValidation .passwordFields {
    width: 48%
}

.lt-ie8 #registration #passwordAndValidation .passwordFields, .lt-ie8 #registration #long-form-passwordAndValidation .passwordFields {
    width: 48%
}

#registration #passwordAndValidation #password-strength, #registration #long-form-passwordAndValidation #password-strength {
    width: 50%;
    padding: 10px;
    margin-bottom: 10px;
    float: left
}

.lt-ie8 #registration #passwordAndValidation #password-strength, .lt-ie8 #registration #long-form-passwordAndValidation #password-strength {
    width: 48%
}

.lt-ie8 #registration #passwordAndValidation #password-strength, .lt-ie8 #registration #long-form-passwordAndValidation #password-strength {
    width: 48%
}

.lt-ie8 #registration #passwordAndValidation #password-strength, .lt-ie8 #registration #long-form-passwordAndValidation #password-strength {
    width: 48%
}

.lt-ie8 #registration #passwordAndValidation #password-strength, .lt-ie8 #registration #long-form-passwordAndValidation #password-strength {
    width: 48%
}

.lt-ie8 #registration #passwordAndValidation #password-strength, .lt-ie8 #registration #long-form-passwordAndValidation #password-strength {
    width: 48%
}

.lt-ie8 #registration #passwordAndValidation #password-strength, .lt-ie8 #registration #long-form-passwordAndValidation #password-strength {
    width: 48%
}

.lt-ie8 #registration #passwordAndValidation #password-strength, .lt-ie8 #registration #long-form-passwordAndValidation #password-strength {
    width: 48%
}

.lt-ie8 #registration #passwordAndValidation #password-strength, .lt-ie8 #registration #long-form-passwordAndValidation #password-strength {
    width: 48%
}

.lt-ie8 #registration #passwordAndValidation #password-strength, .lt-ie8 #registration #long-form-passwordAndValidation #password-strength {
    width: 48%
}

.lt-ie8 #registration #passwordAndValidation #password-strength, .lt-ie8 #registration #long-form-passwordAndValidation #password-strength {
    width: 48%
}

#registration .phone-fields-long-form-registration, #registration .phone-fields-short-form-registration {
    display: inline-block;
    width: 50%
}

#registration .phone-fields-long-form-registration .gForm-input, #registration .phone-fields-short-form-registration .gForm-input {
    display: inline-block;
    width: auto
}

#registration .phone-fields-long-form-registration .country-code-long-input, #registration .phone-fields-short-form-registration .country-code-long-input, #registration .phone-fields-long-form-registration .country-code-input, #registration .phone-fields-short-form-registration .country-code-input {
    width: 10%;
    vertical-align: top
}

#registration .phone-fields-long-form-registration .country-code-long-input #countryCodeLong, #registration .phone-fields-short-form-registration .country-code-long-input #countryCodeLong, #registration .phone-fields-long-form-registration .country-code-input #countryCodeLong, #registration .phone-fields-short-form-registration .country-code-input #countryCodeLong, #registration .phone-fields-long-form-registration .country-code-long-input #countryCode, #registration .phone-fields-short-form-registration .country-code-long-input #countryCode, #registration .phone-fields-long-form-registration .country-code-input #countryCode, #registration .phone-fields-short-form-registration .country-code-input #countryCode {
    width: 100%
}

#registration .phone-fields-long-form-registration .phone-long-input, #registration .phone-fields-short-form-registration .phone-long-input, #registration .phone-fields-long-form-registration .phone-input, #registration .phone-fields-short-form-registration .phone-input {
    width: 86%;
    vertical-align: top;
    margin-left: 1%
}

#registration .phone-fields-long-form-registration .phone-long-input #phonenumberLong, #registration .phone-fields-short-form-registration .phone-long-input #phonenumberLong, #registration .phone-fields-long-form-registration .phone-input #phonenumberLong, #registration .phone-fields-short-form-registration .phone-input #phonenumberLong, #registration .phone-fields-long-form-registration .phone-long-input #phonenumber, #registration .phone-fields-short-form-registration .phone-long-input #phonenumber, #registration .phone-fields-long-form-registration .phone-input #phonenumber, #registration .phone-fields-short-form-registration .phone-input #phonenumber {
    width: 100%
}

#registration .phone-extension-long-form-registration, #registration .phone-extension-short-form-registration {
    display: inline-block;
    width: 45%;
    vertical-align: top;
    margin-left: 3%
}

#registration .phone-extension-long-form-registration .phone-extension-long-input #extensionLong, #registration .phone-extension-short-form-registration .phone-extension-long-input #extensionLong, #registration .phone-extension-long-form-registration .phone-extension-input #extensionLong, #registration .phone-extension-short-form-registration .phone-extension-input #extensionLong, #registration .phone-extension-long-form-registration .phone-extension-long-input #extension, #registration .phone-extension-short-form-registration .phone-extension-long-input #extension, #registration .phone-extension-long-form-registration .phone-extension-input #extension, #registration .phone-extension-short-form-registration .phone-extension-input #extension {
    width: 40%
}

#userRegSideNav {
    width: 25%;
    padding: 10px;
    margin-bottom: 10px;
    float: left;
    padding: 0
}

.lt-ie8 #userRegSideNav {
    width: 23%
}

.lt-ie8 #userRegSideNav {
    width: 23%
}

.lt-ie8 #userRegSideNav {
    width: 23%
}

.lt-ie8 #userRegSideNav {
    width: 23%
}

.lt-ie8 #userRegSideNav {
    width: 23%
}

.lt-ie8 #userRegSideNav {
    width: 23%
}

.lt-ie8 #userRegSideNav {
    width: 23%
}

.lt-ie8 #userRegSideNav {
    width: 23%
}

.lt-ie8 #userRegSideNav {
    width: 23%
}

.lt-ie8 #userRegSideNav {
    width: 23%
}

#userRegSideNav p {
    padding: 0 10px
}

#userRegSideNav li {
    padding: 0 10px 5px 10px;
    font-weight: 700
}

#userRegSideNav li:before {
    color: #257238;
    font-family: graingerFont;
    content: "\e61e";
    font-weight: 400;
    margin-right: 5px
}

#form-content {
    width: 70.83333333333334%;
    padding: 10px;
    margin-bottom: 10px;
    float: left;
    padding: 0;
    margin-right: 20px
}

.lt-ie8 #form-content {
    width: 68.83333333333333%
}

.lt-ie8 #form-content {
    width: 68.83333333333333%
}

.lt-ie8 #form-content {
    width: 68.83333333333333%
}

.lt-ie8 #form-content {
    width: 68.83333333333333%
}

.lt-ie8 #form-content {
    width: 68.83333333333333%
}

.lt-ie8 #form-content {
    width: 68.83333333333333%
}

.lt-ie8 #form-content {
    width: 68.83333333333333%
}

.lt-ie8 #form-content {
    width: 68.83333333333333%
}

.lt-ie8 #form-content {
    width: 68.83333333333333%
}

.lt-ie8 #form-content {
    width: 68.83333333333333%
}

#form-content #regAccountType:after, #form-content #regAccountType:before {
    content: " ";
    display: table
}

#form-content #regAccountType:after {
    clear: both
}

.lt-ie8 #form-content #regAccountType {
    clear: both;
    zoom: 1
}

#form-content #regAccountType:after, #form-content #regAccountType:before {
    content: " ";
    display: table
}

#form-content #regAccountType:after {
    clear: both
}

.lt-ie8 #form-content #regAccountType {
    clear: both;
    zoom: 1
}

#form-content #regAccountType:after, #form-content #regAccountType:before {
    content: " ";
    display: table
}

#form-content #regAccountType:after {
    clear: both
}

.lt-ie8 #form-content #regAccountType {
    clear: both;
    zoom: 1
}

#form-content #regAccountType:after, #form-content #regAccountType:before {
    content: " ";
    display: table
}

#form-content #regAccountType:after {
    clear: both
}

.lt-ie8 #form-content #regAccountType {
    clear: both;
    zoom: 1
}

#form-content #regAccountType:after, #form-content #regAccountType:before {
    content: " ";
    display: table
}

#form-content #regAccountType:after {
    clear: both
}

.lt-ie8 #form-content #regAccountType {
    clear: both;
    zoom: 1
}

#form-content #regAccountType:after, #form-content #regAccountType:before {
    content: " ";
    display: table
}

#form-content #regAccountType:after {
    clear: both
}

.lt-ie8 #form-content #regAccountType {
    clear: both;
    zoom: 1
}

#form-content #regAccountType:after, #form-content #regAccountType:before {
    content: " ";
    display: table
}

#form-content #regAccountType:after {
    clear: both
}

.lt-ie8 #form-content #regAccountType {
    clear: both;
    zoom: 1
}

#form-content #regAccountType:after, #form-content #regAccountType:before {
    content: " ";
    display: table
}

#form-content #regAccountType:after {
    clear: both
}

.lt-ie8 #form-content #regAccountType {
    clear: both;
    zoom: 1
}

#form-content #regAccountType:after, #form-content #regAccountType:before {
    content: " ";
    display: table
}

#form-content #regAccountType:after {
    clear: both
}

.lt-ie8 #form-content #regAccountType {
    clear: both;
    zoom: 1
}

#form-content #regAccountType:after, #form-content #regAccountType:before {
    content: " ";
    display: table
}

#form-content #regAccountType:after {
    clear: both
}

.lt-ie8 #form-content #regAccountType {
    clear: both;
    zoom: 1
}

#form-content #regAccountType .ico-company {
    background-position: 0 -390px;
    height: 110px;
    width: 91px
}

#form-content #regAccountType .ico-fedGovt {
    background-position: 0 -100px;
    height: 110px;
    position: static;
    width: 136px
}

#form-content #regAccountType .ico-localGovt {
    background-position: 0 -230px;
    height: 110px;
    width: 95px
}

#form-content #regAccountType li {
    background-color: #eee;
    width: 33.333333333333336%;
    padding: 10px;
    margin-bottom: 10px;
    float: left;
    cursor: pointer;
    border-right: 10px solid white;
    font-size: 16px;
    font-weight: 700;
    position: relative;
    text-align: center;
    min-height: 200px;
    list-style-type: none;
    margin-left: 0
}

.lt-ie8 #form-content #regAccountType li {
    width: 31.333333333333336%
}

.lt-ie8 #form-content #regAccountType li {
    width: 31.333333333333336%
}

.lt-ie8 #form-content #regAccountType li {
    width: 31.333333333333336%
}

.lt-ie8 #form-content #regAccountType li {
    width: 31.333333333333336%
}

.lt-ie8 #form-content #regAccountType li {
    width: 31.333333333333336%
}

.lt-ie8 #form-content #regAccountType li {
    width: 31.333333333333336%
}

.lt-ie8 #form-content #regAccountType li {
    width: 31.333333333333336%
}

.lt-ie8 #form-content #regAccountType li {
    width: 31.333333333333336%
}

.lt-ie8 #form-content #regAccountType li {
    width: 31.333333333333336%
}

.lt-ie8 #form-content #regAccountType li {
    width: 31.333333333333336%
}

#form-content #regAccountType li:last-child {
    margin-right: 0
}

#form-content #regAccountType li p {
    margin: 20px auto 10px;
    width: 80%
}

#form-content #regAccountType li a {
    text-decoration: none;
    color: #333
}

#form-content #regAccountType li .active > i {
    position: absolute;
    top: 50%;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    margin-top: -9px;
    border-top-color: #ccc;
    border-width: 10px 10px 0 10px;
    top: auto;
    bottom: -9px;
    left: 50%;
    margin-left: -6px;
    border-bottom-color: #eee;
    top: -10px;
    left: 47px
}

#form-content #regAccountType li .active > i:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    position: absolute
}

#form-content #regAccountType li .active > i:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    position: absolute
}

#form-content #regAccountType li .active > i:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    position: absolute
}

#form-content #regAccountType li .active > i:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    position: absolute
}

#form-content #regAccountType li .active > i:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    position: absolute
}

#form-content #regAccountType li .active > i:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    position: absolute
}

#form-content #regAccountType li .active > i:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    position: absolute
}

#form-content #regAccountType li .active > i:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    position: absolute
}

#form-content #regAccountType li .active > i:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    position: absolute
}

#form-content #regAccountType li .active > i:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    position: absolute
}

#form-content #regAccountType li .active > i:after {
    border-top-color: #fff;
    border-width: 9px 9px 0 9px;
    top: -10px;
    right: -9px
}

#form-content #regAccountType li .active > i:after {
    border-top-color: #fff;
    border-width: 9px 9px 0 9px;
    top: -10px;
    right: -9px
}

#form-content #regAccountType li .active > i:after {
    border-top-color: #fff;
    border-width: 9px 9px 0 9px;
    top: -10px;
    right: -9px
}

#form-content #regAccountType li .active > i:after {
    border-top-color: #fff;
    border-width: 9px 9px 0 9px;
    top: -10px;
    right: -9px
}

#form-content #regAccountType li .active > i:after {
    border-top-color: #fff;
    border-width: 9px 9px 0 9px;
    top: -10px;
    right: -9px
}

#form-content #regAccountType li .active > i:after {
    border-top-color: #fff;
    border-width: 9px 9px 0 9px;
    top: -10px;
    right: -9px
}

#form-content #regAccountType li .active > i:after {
    border-top-color: #fff;
    border-width: 9px 9px 0 9px;
    top: -10px;
    right: -9px
}

#form-content #regAccountType li .active > i:after {
    border-top-color: #fff;
    border-width: 9px 9px 0 9px;
    top: -10px;
    right: -9px
}

#form-content #regAccountType li .active > i:after {
    border-top-color: #fff;
    border-width: 9px 9px 0 9px;
    top: -10px;
    right: -9px
}

#form-content #regAccountType li .active > i:after {
    border-top-color: #fff;
    border-width: 9px 9px 0 9px;
    top: -10px;
    right: -9px
}

.lt-ie8 #regAccountType li {
    width: 26%
}

.lt-ie11 ul {
    list-style: disc;
    zoom: 0
}

#create-account #acctInfoHidden {
    padding-bottom: 20px
}

#create-account #acctInfoHidden:after, #create-account #acctInfoHidden:before {
    content: " ";
    display: table
}

#create-account #acctInfoHidden:after {
    clear: both
}

.lt-ie8 #create-account #acctInfoHidden {
    clear: both;
    zoom: 1
}

#create-account #acctInfoHidden:after, #create-account #acctInfoHidden:before {
    content: " ";
    display: table
}

#create-account #acctInfoHidden:after {
    clear: both
}

.lt-ie8 #create-account #acctInfoHidden {
    clear: both;
    zoom: 1
}

#create-account #acctInfoHidden:after, #create-account #acctInfoHidden:before {
    content: " ";
    display: table
}

#create-account #acctInfoHidden:after {
    clear: both
}

.lt-ie8 #create-account #acctInfoHidden {
    clear: both;
    zoom: 1
}

#create-account #acctInfoHidden:after, #create-account #acctInfoHidden:before {
    content: " ";
    display: table
}

#create-account #acctInfoHidden:after {
    clear: both
}

.lt-ie8 #create-account #acctInfoHidden {
    clear: both;
    zoom: 1
}

#create-account #acctInfoHidden:after, #create-account #acctInfoHidden:before {
    content: " ";
    display: table
}

#create-account #acctInfoHidden:after {
    clear: both
}

.lt-ie8 #create-account #acctInfoHidden {
    clear: both;
    zoom: 1
}

#create-account #acctInfoHidden:after, #create-account #acctInfoHidden:before {
    content: " ";
    display: table
}

#create-account #acctInfoHidden:after {
    clear: both
}

.lt-ie8 #create-account #acctInfoHidden {
    clear: both;
    zoom: 1
}

#create-account #acctInfoHidden:after, #create-account #acctInfoHidden:before {
    content: " ";
    display: table
}

#create-account #acctInfoHidden:after {
    clear: both
}

.lt-ie8 #create-account #acctInfoHidden {
    clear: both;
    zoom: 1
}

#create-account #acctInfoHidden:after, #create-account #acctInfoHidden:before {
    content: " ";
    display: table
}

#create-account #acctInfoHidden:after {
    clear: both
}

.lt-ie8 #create-account #acctInfoHidden {
    clear: both;
    zoom: 1
}

#create-account #acctInfoHidden:after, #create-account #acctInfoHidden:before {
    content: " ";
    display: table
}

#create-account #acctInfoHidden:after {
    clear: both
}

.lt-ie8 #create-account #acctInfoHidden {
    clear: both;
    zoom: 1
}

#create-account #acctInfoHidden:after, #create-account #acctInfoHidden:before {
    content: " ";
    display: table
}

#create-account #acctInfoHidden:after {
    clear: both
}

.lt-ie8 #create-account #acctInfoHidden {
    clear: both;
    zoom: 1
}

#create-account #acctInfoHidden .gForm-input {
    float: left;
    margin-right: 20px
}

#create-account .gForm-address {
    padding-top: 10px
}

.disabled-text-field {
    background-color: #ccc;
    border: 1px solid #666;
    cursor: default;
    padding: 6px 30px
}

#addressLine2 {
    margin-top: 10px
}

#dontKnowAccountNumberLink {
    display: inline-block;
    margin-bottom: 10px
}

#invitedUserRegistration {
    width: 66.66666666666667%;
    padding: 10px;
    margin-bottom: 10px;
    float: left
}

#invitedUserRegistration #loginPrefernces input[type="text"], #invitedUserRegistration #contactAddressField input[type="text"] {
    width: 477px
}

#invitedUserRegistration #loginPrefernces .passwordField input[type="text"], #invitedUserRegistration #contactAddressField .passwordField input[type="text"], #invitedUserRegistration #loginPrefernces .cityZip input[type="text"], #invitedUserRegistration #contactAddressField .cityZip input[type="text"] {
    width: 238px
}

#invitedUserRegistration #loginPrefernces .passwordField #zipCode, #invitedUserRegistration #contactAddressField .passwordField #zipCode, #invitedUserRegistration #loginPrefernces .cityZip #zipCode, #invitedUserRegistration #contactAddressField .cityZip #zipCode {
    width: 197px
}

#invitedUserRegistration #loginPrefernces .passwordField .errorIcon, #invitedUserRegistration #contactAddressField .passwordField .errorIcon, #invitedUserRegistration #loginPrefernces .cityZip .errorIcon, #invitedUserRegistration #contactAddressField .cityZip .errorIcon {
    padding-top: 25px
}

#invitedUserRegistration #phoneextensionInline, #invitedUserRegistration #phoneextension {
    margin-top: 22px;
    width: 197px
}

#invitedUserRegistration .required {
    text-align: right;
    margin: 20px 0 3px 0
}

#invitedUserRegistration .editForm:before {
    font-family: graingerFont;
    content: "\e612";
    font-weight: 400;
    margin-right: 5px
}

.lt-ie8 #invitedUserRegistration {
    width: 64.66666666666667%
}

.lt-ie8 #invitedUserRegistration {
    width: 64.66666666666667%
}

.lt-ie8 #invitedUserRegistration {
    width: 64.66666666666667%
}

.lt-ie8 #invitedUserRegistration {
    width: 64.66666666666667%
}

.lt-ie8 #invitedUserRegistration {
    width: 64.66666666666667%
}

.lt-ie8 #invitedUserRegistration {
    width: 64.66666666666667%
}

.lt-ie8 #invitedUserRegistration {
    width: 64.66666666666667%
}

.lt-ie8 #invitedUserRegistration {
    width: 64.66666666666667%
}

.lt-ie8 #invitedUserRegistration {
    width: 64.66666666666667%
}

.lt-ie8 #invitedUserRegistration {
    width: 64.66666666666667%
}

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

#invitedUserRegistration #contactInformationSection:after {
    clear: both
}

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

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

#invitedUserRegistration #contactInformationSection:after {
    clear: both
}

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

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

#invitedUserRegistration #contactInformationSection:after {
    clear: both
}

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

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

#invitedUserRegistration #contactInformationSection:after {
    clear: both
}

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

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

#invitedUserRegistration #contactInformationSection:after {
    clear: both
}

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

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

#invitedUserRegistration #contactInformationSection:after {
    clear: both
}

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

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

#invitedUserRegistration #contactInformationSection:after {
    clear: both
}

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

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

#invitedUserRegistration #contactInformationSection:after {
    clear: both
}

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

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

#invitedUserRegistration #contactInformationSection:after {
    clear: both
}

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

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

#invitedUserRegistration #contactInformationSection:after {
    clear: both
}

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

#invitedUserRegistration #contactInformationSection .col {
    width: 33.333333333333336%;
    padding: 10px;
    margin-bottom: 10px;
    float: left
}

.lt-ie8 #invitedUserRegistration #contactInformationSection .col {
    width: 31.333333333333336%
}

.lt-ie8 #invitedUserRegistration #contactInformationSection .col {
    width: 31.333333333333336%
}

.lt-ie8 #invitedUserRegistration #contactInformationSection .col {
    width: 31.333333333333336%
}

.lt-ie8 #invitedUserRegistration #contactInformationSection .col {
    width: 31.333333333333336%
}

.lt-ie8 #invitedUserRegistration #contactInformationSection .col {
    width: 31.333333333333336%
}

.lt-ie8 #invitedUserRegistration #contactInformationSection .col {
    width: 31.333333333333336%
}

.lt-ie8 #invitedUserRegistration #contactInformationSection .col {
    width: 31.333333333333336%
}

.lt-ie8 #invitedUserRegistration #contactInformationSection .col {
    width: 31.333333333333336%
}

.lt-ie8 #invitedUserRegistration #contactInformationSection .col {
    width: 31.333333333333336%
}

.lt-ie8 #invitedUserRegistration #contactInformationSection .col {
    width: 31.333333333333336%
}

#invitedUserRegistration #contactInformationSection .col span {
    display: block;
    padding-bottom: 4px
}

#invitedUserRegistration #contactInformationSection .phoneNumber .errorIcon {
    padding-top: 25px
}

#invitedUserRegistration .passwordField input {
    display: block
}

#invitedUserRegistration .passwordField .formField {
    float: left;
    margin: 0 25px 0 0
}

#invitedUserRegistration .passwordField #password-strength {
    float: left;
    margin: 20px 0 0 0
}

#invitedUserRegistration .emailPref {
    border-top: 1px solid #ccc;
    padding: 20px 0 0 0
}

#invitedUserRegistration .terms {
    border-top: 1px solid #ccc;
    padding: 20px 0 0 0
}

#invitedUsersBenefits {
    width: 33.333333333333336%;
    float: left
}

#invitedUsersBenefits .content {
    margin-top: 60px;
    padding: 20px
}

#invitedUsersBenefits ul {
    list-style: disc;
    zoom: 0;
    margin-left: 20px;
    padding: 2px 0
}

#invitedUsersBenefits ul li {
    padding: 2px 0
}

#invitedUsersBenefits h3 {
    text-transform: none;
    line-height: 1em
}

.formRightRail {
    width: 29.166666666666668%;
    padding: 10px;
    margin-bottom: 10px;
    float: left;
    margin-top: 100px
}

.lt-ie8 .formRightRail {
    width: 27.166666666666668%
}

.lt-ie8 .formRightRail {
    width: 27.166666666666668%
}

.lt-ie8 .formRightRail {
    width: 27.166666666666668%
}

.lt-ie8 .formRightRail {
    width: 27.166666666666668%
}

.lt-ie8 .formRightRail {
    width: 27.166666666666668%
}

.lt-ie8 .formRightRail {
    width: 27.166666666666668%
}

.lt-ie8 .formRightRail {
    width: 27.166666666666668%
}

.lt-ie8 .formRightRail {
    width: 27.166666666666668%
}

.lt-ie8 .formRightRail {
    width: 27.166666666666668%
}

.lt-ie8 .formRightRail {
    width: 27.166666666666668%
}

.formRightRail ul {
    margin-top: 10px
}

.formRightRail ul li {
    margin: 0 0 10px 15px;
    font-weight: 700
}

.formRightRail ul li span:before {
    color: #257238;
    font-family: graingerFont;
    content: "\e61e";
    font-weight: 400;
    margin-right: 5px
}

#stateInfo {
    width: 464px
}

#product-detail-right.user-registration-apply-for-credit-account {
    width: 33.333333333333336%;
    padding: 10px;
    margin-bottom: 10px;
    float: left;
    padding: 0;
    padding-left: 30px;
    float: none;
    display: inline-block;
    margin: 0;
    margin-top: 40px
}

.lt-ie8 #product-detail-right.user-registration-apply-for-credit-account {
    width: 31.333333333333336%
}

.lt-ie8 #product-detail-right.user-registration-apply-for-credit-account {
    width: 31.333333333333336%
}

.lt-ie8 #product-detail-right.user-registration-apply-for-credit-account {
    width: 31.333333333333336%
}

.lt-ie8 #product-detail-right.user-registration-apply-for-credit-account {
    width: 31.333333333333336%
}

.lt-ie8 #product-detail-right.user-registration-apply-for-credit-account {
    width: 31.333333333333336%
}

.lt-ie8 #product-detail-right.user-registration-apply-for-credit-account {
    width: 31.333333333333336%
}

.lt-ie8 #product-detail-right.user-registration-apply-for-credit-account {
    width: 31.333333333333336%
}

.lt-ie8 #product-detail-right.user-registration-apply-for-credit-account {
    width: 31.333333333333336%
}

.lt-ie8 #product-detail-right.user-registration-apply-for-credit-account {
    width: 31.333333333333336%
}

.lt-ie8 #product-detail-right.user-registration-apply-for-credit-account {
    width: 31.333333333333336%
}

#product-detail-right.user-registration-apply-for-credit-account .content {
    vertical-align: top;
    display: block;
    margin: 0
}

#product-detail-right.user-registration-apply-for-credit-account .content #agiCreditApplication {
    margin-top: 15px
}

#product-detail-right.user-registration-apply-for-credit-account .content #agiCreditApplication p {
    margin: 0
}

#product-detail-right.user-registration-apply-for-credit-account .content #agiCreditApplication h1 {
    margin-bottom: 10px;
    border-bottom: none;
    font-size: 28px
}

#product-detail-right.user-registration-apply-for-credit-account .content #agiCreditApplication a {
    display: block;
    margin-top: 15px
}

#gwwCreditApplication {
    padding-left: 15px
}

#applyForCreditFormDiv {
    width: 66.66666666666667%;
    padding: 10px;
    margin-bottom: 10px;
    float: left;
    padding: 0;
    float: none;
    font-size: 0
}

.lt-ie8 #applyForCreditFormDiv {
    width: 64.66666666666667%
}

.lt-ie8 #applyForCreditFormDiv {
    width: 64.66666666666667%
}

.lt-ie8 #applyForCreditFormDiv {
    width: 64.66666666666667%
}

.lt-ie8 #applyForCreditFormDiv {
    width: 64.66666666666667%
}

.lt-ie8 #applyForCreditFormDiv {
    width: 64.66666666666667%
}

.lt-ie8 #applyForCreditFormDiv {
    width: 64.66666666666667%
}

.lt-ie8 #applyForCreditFormDiv {
    width: 64.66666666666667%
}

.lt-ie8 #applyForCreditFormDiv {
    width: 64.66666666666667%
}

.lt-ie8 #applyForCreditFormDiv {
    width: 64.66666666666667%
}

.lt-ie8 #applyForCreditFormDiv {
    width: 64.66666666666667%
}

#applyForCreditFormDiv h1 {
    border-bottom: none !important;
    padding: 0 !important;
    margin-bottom: 15px;
    font-size: 28px
}

#applyForCreditFormDiv #agiCreditApplicationRequired {
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 12px;
    padding-bottom: 10px
}

#applyForCreditFormDiv .form-fields {
    background-color: #eee;
    padding: 20px 20px 10px 20px
}

#applyForCreditFormDiv .fieldSetHeader:first-child {
    padding-top: 0
}

#applyForCreditFormDiv .fieldSetHeader {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid #ccc
}

#applyForCreditFormDiv .errorMsg {
    color: #ad3333;
    font-size: 12px
}

#applyForCreditFormDiv .agiCreditInputSection {
    margin-bottom: 15px;
    width: 100%
}

#applyForCreditFormDiv .agiCreditInputSection label {
    font-size: 12px
}

#applyForCreditFormDiv .agiCreditInputSection input[type=text] {
    width: 100%
}

#applyForCreditFormDiv .agiCreditInputSection select {
    width: 100%
}

#applyForCreditFormDiv .agiCreditLastInputSection {
    padding-bottom: 20px;
    margin-bottom: 0
}

#applyForCreditFormDiv #agiCreditApplicationCity, #applyForCreditFormDiv #agiCreditApplicationCountry, #applyForCreditFormDiv #agiCreditApplicationPhoneNumber {
    padding-right: .5%;
    width: 50%;
    display: inline-block;
    vertical-align: top
}

#applyForCreditFormDiv #agiCreditApplicationProvince, #applyForCreditFormDiv #agiCreditApplicationPostalCode, #applyForCreditFormDiv #agiCreditApplicationFaxNumber {
    padding-left: .5%;
    display: inline-block;
    vertical-align: top;
    width: 50%
}

#applyForCreditFormDiv #agiCreditApplicationProvince .styledSelect, #applyForCreditFormDiv #agiCreditApplicationPostalCode .styledSelect, #applyForCreditFormDiv #agiCreditApplicationFaxNumber .styledSelect {
    width: 100%
}

#applyForCreditFormDiv #agiCreditApplicationProvince .styledSelect select, #applyForCreditFormDiv #agiCreditApplicationPostalCode .styledSelect select, #applyForCreditFormDiv #agiCreditApplicationFaxNumber .styledSelect select {
    padding: 8px 9px
}

#applyForCreditFormDiv #agiCreditApplication-use-mailing-address {
    margin-left: 20px
}

#applyForCreditFormDiv #agiCreditApplicationShippingCity, #applyForCreditFormDiv #agiCreditApplicationShippingCountry {
    padding-right: .5%;
    width: 50%;
    display: inline-block;
    vertical-align: top
}

#applyForCreditFormDiv #agiCreditApplicationShippingProvince, #applyForCreditFormDiv #agiCreditApplicationShippingPostalCode {
    padding-left: .5%;
    width: 50%;
    display: inline-block;
    vertical-align: top
}

#applyForCreditFormDiv #agiCreditApplicationShippingProvince .styledSelect, #applyForCreditFormDiv #agiCreditApplicationShippingPostalCode .styledSelect {
    width: 100%
}

#applyForCreditFormDiv #agiCreditApplicationShippingProvince .styledSelect select, #applyForCreditFormDiv #agiCreditApplicationShippingPostalCode .styledSelect select {
    padding: 8px 9px
}

#applyForCreditFormDiv #agiCreditApplicationName1, #applyForCreditFormDiv #agiCreditApplicationName2 {
    padding-right: .5%;
    width: 50%;
    display: inline-block;
    vertical-align: top
}

#applyForCreditFormDiv #agiCreditApplicationDOB1, #applyForCreditFormDiv #agiCreditApplicationDOB2 {
    padding-left: .5%;
    width: 50%;
    display: inline-block;
    vertical-align: top
}

#applyForCreditFormDiv #agiCreditApplicationAddress1 {
    margin-bottom: 40px
}

#applyForCreditFormDiv #agiCreditApplicationPrimaryBusiness, #applyForCreditFormDiv #agiCreditApplicationEstimatedPurchases, #applyForCreditFormDiv #agiCreditApplicationPstNumber {
    padding-right: .5%;
    width: 50%;
    display: inline-block;
    vertical-align: top
}

#applyForCreditFormDiv #agiCreditApplicationEmployeeNumber, #applyForCreditFormDiv #agiCreditApplicationOperation {
    padding-left: .5%;
    width: 50%;
    display: inline-block;
    vertical-align: top
}

#applyForCreditFormDiv #agiCreditApplicationPayByEft label input {
    display: inline-block;
    vertical-align: text-bottom
}

#applyForCreditFormDiv #agiCreditApplicationMajorityExempt {
    display: inline-block;
    width: 50%;
    padding-top: 25px
}

#applyForCreditFormDiv #agiCreditApplicationMajorityExempt label input {
    display: inline-block;
    vertical-align: text-bottom
}

#applyForCreditFormDiv .agiCreditApplicationBusinessNote {
    font-size: 12px;
    padding-bottom: 20px
}

#applyForCreditFormDiv #agiCreditApplicationApContactName, #applyForCreditFormDiv #agiCreditApplicationApContactEmail, #applyForCreditFormDiv #agiCreditApplicationPurchasingContactName, #applyForCreditFormDiv #agiCreditApplicationPurchasingContactEmail {
    padding-right: .5%;
    width: 50%;
    display: inline-block;
    vertical-align: top
}

#applyForCreditFormDiv #agiCreditApplicationApContactTel, #applyForCreditFormDiv #agiCreditApplicationApContactFax, #applyForCreditFormDiv #agiCreditApplicationPurchasingContactTel, #applyForCreditFormDiv #agiCreditApplicationPurchasingContactFax {
    padding-left: .5%;
    width: 50%;
    display: inline-block;
    vertical-align: top
}

#applyForCreditFormDiv #agiCreditApplicationApplicantName {
    padding-right: .5%;
    width: 50%;
    display: inline-block;
    vertical-align: top
}

#applyForCreditFormDiv #agiCreditApplicationTitle {
    padding-left: .5%;
    width: 50%;
    display: inline-block;
    vertical-align: top
}

#applyForCreditFormDiv #printTermsConditions {
    font-size: 12px
}

#applyForCreditFormDiv #printTermsConditions a {
    font-weight: 700
}

#applyForCreditFormDiv #printTermsConditions a span:before {
    font-family: graingerFont;
    content: "\e608";
    font-weight: 400
}

#applyForCreditFormDiv #agiCreditApplicationTermsConditions {
    height: 136px;
    width: 100%;
    overflow-y: auto;
    word-break: break-word;
    border: 1px solid #999;
    font-size: 12px
}

#applyForCreditFormDiv #agiCreditApplicationTermsConditions #termsandconditions {
    padding: 3px 0
}

#applyForCreditFormDiv #agiCreditApplicationTermsConditions #termsandconditions h3 {
    text-align: center;
    font-size: 12px
}

#applyForCreditFormDiv #agiCreditApplicationTermsConditions #termsandconditions table {
    border: 1px solid #000;
    width: 99.5%;
    margin: auto
}

#applyForCreditFormDiv #agiCreditApplicationTermsConditions #termsandconditions table tr {
    border-bottom: 1px solid #000
}

#applyForCreditFormDiv #agiCreditApplicationTermsConditions #termsandconditions table tr td {
    border-right: 1px solid #000;
    padding-left: 0 !important
}

#applyForCreditFormDiv #agiCreditApplicationTermsConditions #termsandconditions table tr td:last-child {
    border: none
}

#applyForCreditFormDiv #agiCreditApplicationTermsConditions #termsandconditions table tr:last-child {
    border: none
}

#applyForCreditFormDiv #termsAndConditionsAccepted {
    margin: 20px 0;
    word-break: break-word;
    font-size: 12px
}

#applyForCreditFormDiv #termsAndConditionsAccepted label {
    margin: 0
}

#applyForCreditFormDiv #agiCreditAppBtn {
    margin: 55px 0 10px 0
}

#applyForCreditFormDiv #agiCreditAppBtn input {
    display: inline-block;
    vertical-align: top
}

#applyForCreditFormDiv #agiCreditAppBtn div {
    height: 32px;
    vertical-align: top;
    display: inline-block
}

#applyForCreditFormDiv #agiCreditAppBtn div a {
    margin: 10px 0 10px 25px;
    display: block;
    font-size: 12px
}

.credit-application-confirmation-header {
    border: 0 !important;
    margin-bottom: 20px
}

.credit-application-confirm-thanks {
    margin-bottom: 5px
}

.credit-application-confirm-thanks-extra {
    margin-bottom: 20px
}

.credit-application-confirm-thanks-bottom {
    margin-bottom: 15px
}

.credit-application-confirm-section-header {
    font-weight: 700;
    margin-bottom: 8px;
    display: block;
    line-height: 22px
}

.credit-application-confirm-section-header:before {
    content: '['
}

.credit-application-confirm-section-header:after {
    content: ']'
}

#creditApplicationConfirmation label {
    font-weight: 500;
    display: inline-block
}

#creditApplicationConfirmation label:after {
    content: ':'
}

#creditApplicationConfirmation .form-fields {
    font-size: 12px !important
}

#creditApplicationConfirmation .agiCreditInputSection {
    margin-bottom: 8px
}

#creditApplicationConfirmation .officers-partners-owners-text {
    display: block;
    line-height: 22px;
    margin-bottom: 8px
}

#creditApplicationConfirmation #agiCreditApplicationDateStamp, #creditApplicationConfirmation #agiCreditApplicationAgreedStamp {
    line-height: 22px
}

.invited-user-registration-instructions {
    margin-bottom: 30px
}

.invited-user-registration-form-container {
    font-size: 0;
    float: none !important;
    width: 100% !important
}

.invited-user-registration-form-container .gForm-row {
    height: 60px;
    margin-bottom: 8px
}

.invited-user-registration-form-container .gForm-row input {
    width: 100%
}

.invited-user-registration-form-container .gForm-row input[type="text"], .invited-user-registration-form-container .gForm-row input[type="password"], .invited-user-registration-form-container .gForm-row input.disabled {
    padding-left: 13px;
    height: 41px
}

.invited-user-registration-form-container .alert {
    font-weight: 500;
    font-size: inherit;
    line-height: inherit;
    margin: 0 0 5px 0
}

.invited-user-registration-form-container .alert:before {
    content: none
}

.invited-user-registration-form-container #phonenumberError.alert {
    margin-left: 65px
}

.invited-user-registration-form-container label {
    font-size: 14px
}

.invited-user-registration-form-container .gForm-row:last-child {
    margin-bottom: 0
}

.invited-user-registration-form-container #long-form-pwned-passwordAndValidation {
    width: 100%;
    display: inline-block;
    min-height: 60px;
    height: auto;
    margin: 0
}

.invited-user-registration-form-container .showLabelLink {
    font-size: 13px;
    float: right;
    top: -15px;
    display: block;
    width: 100%
}

.invited-user-registration-form-container .showLabelLink a {
    float: right;
    margin-right: 9px
}

.invited-user-registration-form-container .pwnedPasswordRule {
    font-size: 13px;
    margin-bottom: 15px
}

.invited-user-registration-form-container .newPwnedPasswordLongSecureMessage {
    font-size: 13px;
    display: inline-block;
    margin-bottom: 10px
}

.invited-user-registration-form-container #contactInformation {
    margin-top: 5px
}

.invited-user-registration-form-container #contactInformation h3 {
    margin-bottom: 30px
}

.invited-user-registration-form-container #contactInformation .invited-user-form-phone-container {
    display: inline-block;
    width: 65%;
    vertical-align: top
}

.invited-user-registration-form-container #contactInformation .invited-user-form-phone-container .invited-user-form-country-code {
    width: 10%;
    display: inline-block
}

.invited-user-registration-form-container #contactInformation .invited-user-form-phone-container .invited-user-form-phone-number {
    width: 87%;
    margin-left: 15px;
    display: inline-block
}

.invited-user-registration-form-container #contactInformation .invited-user-form-phone-ext-container {
    display: inline-block;
    width: 33%;
    margin-left: 15px;
    vertical-align: top
}

.invited-user-registration-form-container #signInPreferences #passwordAndValidation {
    margin-top: 0;
    padding-top: 10px
}

.invited-user-registration-form-container #signInPreferences #passwordAndValidation .passwordFields {
    width: 68%
}

.invited-user-registration-form-container #signInPreferences #passwordAndValidation .passwordFields input {
    width: 100%;
    color: #999
}

.invited-user-registration-form-container #signInPreferences #passwordAndValidation #password-strength {
    font-size: 14px;
    width: 32%;
    padding-right: 1%
}

.invited-user-registration-form-container #signInPreferences #passwordAndValidation #password-strength #strength-text {
    font-size: 14px
}

.invited-user-registration-form-container #signInPreferences .invited-user-security-question-container {
    margin-bottom: 0
}

.invited-user-registration-form-container #signInPreferences .invited-user-security-answer-container #securityAnswer {
    width: 100%
}

.invited-user-registration-form-container #signInPreferences .emailAndTerms #emailOptIn {
    font-size: 14px
}

.invited-user-registration-form-container #signInPreferences .invited-user-registration-buttons {
    float: right;
    padding-top: 50px
}

.invited-user-registration-form-container #signInPreferences .invited-user-registration-buttons a {
    font-size: 14px
}

.page-invitedUserRegistrationPage h1 {
    margin: 20px 0;
    font-size: 28px
}

.gForm-input.errors select.mandatory {
    border: 2px solid #ad3333
}

.gForm-input.errors .styledSelect:after {
    border: 2px solid #ad3333
}

.gForm-input.errors input.mandatory {
    border: 2px solid #ad3333;
    padding: 7px 4px
}

#main-content.user-registration-main-content #mainContentLeft {
    margin: 0 auto !important;
    float: none !important
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    #main-content.user-registration-main-content #mainContentLeft #registration #long-form-userID .floating-labels.show-labels label {
        background: linear-gradient(to top, #ebebee 55%, #fff 45%) !important
    }
}

.password-rule-met {
    color: #eee
}

.passwordSuccess {
    color: #257238;
    margin-top: 13px;
    display: inline-block
}

.page-registrationPage {
    background-color: #eee
}

.page-registrationPage #footer {
    border-top: 1px solid #ccc
}

.errors #securityQuestionLong select {
    border: 2px solid #ad3333
}

#invitedUserPwdRules {
    display: inline-block;
    list-style-type: none;
    font-size: 12px;
    margin-left: 20px
}

ul#invitedUserPwdRules > li:before {
    content: "\2022";
    color: #00739e;
    font-size: 15px;
    position: relative;
    right: 6px
}

.InvtdUserPwdSuccess {
    color: #257238;
    font-size: 14px
}

.invtdUserPwdShowLabel {
    position: absolute;
    top: -1px;
    float: right;
    font-size: 13px;
    color: #7d7d7d;
    padding: 13px 13px;
    right: 8px
}

#invtdUserAccountInfoDiv {
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 10px
}

.invtdUserFrstName {
    width: 49%;
    margin-right: 2%;
    float: left;
    display: inline-block
}

.invtdUserLastName {
    width: 49%;
    display: inline-block
}

.invtdUserSecQstn {
    width: 49%;
    margin-right: 2%;
    float: left;
    font-weight: normal;
    font-size: 13px
}

.invtdUserSecQstn select {
    width: 100%;
    padding: 8px 5px
}

.invtdUserSbmtBtn {
    float: right
}

.invtdUserSbmtBtn .btn {
    margin: 0 8px
}

.invtdUserSecuAnswr, #captchaEnteredLong {
    width: 49%;
    float: left
}

.invtdUserShipping {
    width: 60%;
    float: left;
    margin-right: 411px
}

.invtdUserEmail {
    width: 49%;
    float: left;
    clear: both;
    margin-right: 2%
}

#invitedUserRegistrationInfo .floating-labels.show-labels label {
    font-size: 11.2px !important;
    font-weight: normal
}

.gForm-row input[type="checkbox"] {
    width: auto !important
}

.page-invitedUserRegistrationPage {
    background-color: #eee
}

.page-invitedUserRegistrationPage .gForms {
    background-color: #fff;
    border: 1px solid #ccc
}

#newPasswordLongError {
    width: 100%
}

#newPasswordLongSecureMessage {
    margin-top: 12px !important;
    display: inline-block
}

.language-fr #invitedUserRegistrationInfo .optLabelMobile {
    top: -3px !important;
    right: -3px !important
}

#invitedUserRegistrationInfo .invtdUserEmail.floating-labels.show-labels label {
    background: linear-gradient(to top, #ebebee 55%, #fff 45%) !important
}

#invitedUserRegistrationInfo .optionalLabel {
    position: absolute;
    top: 6px;
    float: right;
    font-size: 13px;
    color: #7d7d7d;
    padding: 6px 8px;
    right: 8px
}

#invitedUserRegistrationInfo .phone-fields-long-form-registration {
    width: 60%;
    float: left
}

#invitedUserRegistrationInfo .phone-fields-long-form-registration .phone-long-input {
    width: 100%;
    margin-left: 0
}

#invitedUserRegistrationInfo .phone-extension-long-form-registration {
    display: inline-block;
    width: 36%;
    vertical-align: top;
    margin-left: 2%;
    float: right
}

.page-invitedUserRegistrationPage #footer {
    border-top: 1px solid #ccc
}

#invitedUserRegistrationInfo #newPasswordLongSecureMessage {
    font-size: 14px;
    margin-top: 20px !important
}

#invitedUserRegistrationInfo .styledSelect {
    margin-right: auto;
    width: 100%
}

#invitedUserRegistrationInfo .styledSelect:after {
    background-color: #fff;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(1, #fff));
    border-left: none !important;
    border-right: none !important;
    color: #599a9c;
    font-size: 14px;
    right: 8px;
    height: 41px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

#invitedUserRegistrationInfo select {
    background-color: #fff;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(1, #fff));
    width: 100%;
    height: 41px;
    font-weight: normal;
    font-size: 13px;
    padding-left: 13px;
    border: 1px solid #ccc
}

#invitedUserRegistrationInfo #long-form-phone {
    clear: both
}

#invitedUserRegistrationInfo #long-form-password {
    padding-top: 0
}

#invitedUserRegistrationInfo .invtdUserPwdShowLabel {
    top: 1px
}

#invitedUserRegistrationInfo #invitedUserPwdRules {
    margin-top: -10px
}

#invitedUserRegistrationInfo #long-form-securityQuestion {
    height: 60px;
    margin-bottom: 8px
}

#invitedUserRegistrationInfo #long-form-securityQuestion label {
    margin-top: -9px
}

#invitedUserRegistrationInfo .registerSecurityAnswerDiv {
    margin-top: 11px;
    height: 60px;
    margin-bottom: 8px
}

#invitedUserRegistrationInfo .captchaEnteredLongDiv {
    height: 100px;
    margin-bottom: 8px;
    display: inline-block;
    width: 100%
}

#invitedUserRegistrationInfo .captchaEnteredLongDiv label {
    margin: 8px 0
}

#invitedUserRegistrationInfo .emailAndTerms {
    height: auto
}

#invitedUserRegistrationInfo .gForm-radioCheck label {
    margin-top: -2px
}

#invitedUserRegistrationInfo #termsOfRegLongForm {
    height: 36px
}

#invitedUserRegistrationInfo #termsOfRegLongForm .gForm-radioCheck {
    margin-bottom: 6px
}

#invitedUserRegistrationInfo #long-form-passwordAndValidation .passwordFields {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0
}

#invitedUserRegistrationInfo .styledSelect {
    border: none
}

#invitedUserRegistrationInfo .gForm-input.errors select.mandatory {
    border: 2px solid #ad3333
}

#invitedUserRegistrationInfo .gForm-input.errors .styledSelect:after {
    border-top: 2px solid #ad3333;
    border-bottom: 2px solid #ad3333
}

#invitedUserRegistrationInfo .securityAnswerInvDiv {
    margin-top: 2px
}

#invitedUserRegistrationInfo #long-form-securityQuestion .alert {
    margin-top: 5px
}

#invitedUserRegistrationInfo #defaultShipLocation {
    font-size: 14px
}

#invitedUserRegistrationInfo #long-form-emailOptIn label {
    width: 97%
}

#invitedUserRegistrationInfo input[type=text]::-ms-clear {
    display: none
}

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

#invitedUserRegistrationInfo .errorMsg {
    font-size: 12px;
    font-weight: 550
}

#invitedUserRegistrationInfo .passErrMsg {
    margin: 5px 0 15px
}

.captchaEnteredLongDiv #captchaEnteredLongError {
    display: none !important
}

#captchaEmptyError {
    font-size: 13px !important
}

@media only screen and (min-width: 768px) {
    #main-content.user-registration-main-content .passwordRuleMobileTooltip, #main-content.invitedUser .passwordRuleMobileTooltip, #main-content.user-registration-main-content .newMobilePasswordLongError, #main-content.invitedUser .newMobilePasswordLongError, #main-content.user-registration-main-content .mobileConfirmPasswordLongError, #main-content.invitedUser .mobileConfirmPasswordLongError {
        display: none
    }

    #main-content.user-registration-main-content #mainContentLeft #registration .userInputNumberDiv #userInputNumber {
        width: 72% !important
    }
}

@media print, screen and (min-width: 1025px) {
    .language-fr #long-form #long-form-phone .phone-fields-long-form-registration {
        width: 57% !important
    }

    .language-fr #long-form #long-form-phone .phone-extension-long-form-registration {
        width: 41% !important
    }

    .user-registration-main-content #mainContentLeft {
        width: 75%
    }

    #create-account-long .user-registration-section {
        display: flex;
        align-items: flex-end
    }

    #create-account-long .user-registration-section #long-form {
        width: 100%;
        /*padding-right: 15px;*/
    }

    #create-account-long .user-registration-section #long-form .registrationInfoHeading:focus-visible {
        outline: none
    }

    #create-account-long .user-registration-section #long-form #accountNumberError {
        width: 100% !important
    }

    /*#create-account-long .user-registration-section #long-form:after {*/
    /*    content: "";*/
    /*    color: #ccc;*/
    /*    background-color: #ccc;*/
    /*    height: 57%;*/
    /*    width: 2px;*/
    /*    position: absolute;*/
    /*    left: 62%;*/
    /*    bottom: 105px*/
    /*}*/

    #create-account-long .user-registration-section #long-form.separator-line:after {
        display: none#create-account-long .user-registration-section #long-form
    }

    #create-account-long .user-registration-section .user-registration-benefits {
        width: 32%;
        padding-left: 12px;
        padding-bottom: 5%
    }

    #create-account-long .user-registration-section .user-registration-benefits p {
        font-size: 14px;
        font-weight: 700;
        color: #be2122
    }

    #create-account-long .user-registration-section .user-registration-benefits ul {
        list-style: none
    }

    #create-account-long .user-registration-section .user-registration-benefits li:before {
        content: "✓";
        color: #be2122;
        font-size: 11px;
        font-weight: bold;
        padding-right: 3px
    }

    #create-account-long .user-registration-section .user-registration-benefits li {
        padding-bottom: 5px
    }

    #create-account-long .user-registration-section .width-small {
        width: 68% !important
    }

    #create-account-long .user-registration-section .width-full {
        width: 100% !important
    }
}

@media only screen and (max-width: 1024px) {
    #create-account-long .user-registration-section .user-registration-benefits {
        display: none
    }
}

@media print, screen and (min-width: 1025px) and (max-width: 1200px) {
    #create-account-long .user-registration-section .user-registration-benefits {
        padding-left: 18px
    }
}

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

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

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

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

body {
    background-color: #fff
}

a {
    cursor: pointer
}

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

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

#globalBanner:after {
    clear: both
}

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

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

#globalBanner:after {
    clear: both
}

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

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

#globalBanner:after {
    clear: both
}

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

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

#globalBanner:after {
    clear: both
}

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

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

#globalBanner:after {
    clear: both
}

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

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

#globalBanner:after {
    clear: both
}

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

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

#globalBanner:after {
    clear: both
}

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

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

#globalBanner:after {
    clear: both
}

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

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

#globalBanner:after {
    clear: both
}

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

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

#globalBanner:after {
    clear: both
}

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

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

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

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

#container:after {
    clear: both
}

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

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

#container:after {
    clear: both
}

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

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

#container:after {
    clear: both
}

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

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

#container:after {
    clear: both
}

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

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

#container:after {
    clear: both
}

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

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

#container:after {
    clear: both
}

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

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

#container:after {
    clear: both
}

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

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

#container:after {
    clear: both
}

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

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

#container:after {
    clear: both
}

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

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

#container:after {
    clear: both
}

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

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

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

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

#customHeaderMessage p {
    margin: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.alert.error {
    color: #ad3333
}

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

.alert.warn {
    color: #f26823
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pagination .nav {
    text-align: right
}

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

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

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

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

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

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

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

.responsive #backButton {
    vertical-align: top
}

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

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

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

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

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

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

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

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

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

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

.boldText {
    font-weight: bold
}

.padding10Right {
    padding-right: 10px
}

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

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

table {
    border-spacing: 0;
    border-collapse: collapse;
    margin-bottom: 20px;
    width: 100%
}

table th {
    border-bottom: 1px solid #ccc;
    font-weight: 500;
    padding: 10px 0;
    text-align: left
}

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

table tr {
    border-top: 1px solid #ccc;
    text-align: left
}

table tr:first-child {
    border-bottom: none
}

table tr.checked td {
    background-color: #e0e9ed
}

table tr td {
    padding: 10px 0;
    vertical-align: middle
}

table tr td:first-child {
    padding-left: 10px
}

table tr a.sort:after {
    font-family: graingerFont;
    content: "";
    font-weight: 400;
    margin: 0 0 0 6px
}

table tr a.sort-reverse:after {
    font-family: graingerFont;
    content: "\e603";
    font-weight: 400;
    margin: 0 0 0 6px
}

.lt-ie8 table tr a.sort {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -3858px;
    background-position-x: 100%
}

.lt-ie8 table tr a.sort {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -3858px;
    background-position-x: 100%
}

.lt-ie8 table tr a.sort {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -3858px;
    background-position-x: 100%
}

.lt-ie8 table tr a.sort {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -3858px;
    background-position-x: 100%
}

.lt-ie8 table tr a.sort {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -3858px;
    background-position-x: 100%
}

.lt-ie8 table tr a.sort {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -3858px;
    background-position-x: 100%
}

.lt-ie8 table tr a.sort {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -3858px;
    background-position-x: 100%
}

.lt-ie8 table tr a.sort {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -3858px;
    background-position-x: 100%
}

.lt-ie8 table tr a.sort {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -3858px;
    background-position-x: 100%
}

.lt-ie8 table tr a.sort {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -3858px;
    background-position-x: 100%
}

.lt-ie8 table tr a.sort-reverse {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -4490px;
    background-position-x: 100%
}

.lt-ie8 table tr a.sort-reverse {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -4490px;
    background-position-x: 100%
}

.lt-ie8 table tr a.sort-reverse {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -4490px;
    background-position-x: 100%
}

.lt-ie8 table tr a.sort-reverse {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -4490px;
    background-position-x: 100%
}

.lt-ie8 table tr a.sort-reverse {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -4490px;
    background-position-x: 100%
}

.lt-ie8 table tr a.sort-reverse {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -4490px;
    background-position-x: 100%
}

.lt-ie8 table tr a.sort-reverse {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -4490px;
    background-position-x: 100%
}

.lt-ie8 table tr a.sort-reverse {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -4490px;
    background-position-x: 100%
}

.lt-ie8 table tr a.sort-reverse {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -4490px;
    background-position-x: 100%
}

.lt-ie8 table tr a.sort-reverse {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -4490px;
    background-position-x: 100%
}

.lt-ie8 table tr a.sort, .lt-ie8 table tr a.sort-reverse {
    padding-right: 20px
}

.lt-ie8 table tr a.sort {
    background-position-y: -3867px
}

.lt-ie8 table tr a.sort-reverse {
    background-position-y: -4497px
}

table tfoot tr {
    border-bottom: none
}

.pagebuilder-restyle table th, .pagebuilder-restyle table tr {
    border: none
}

#mainContentLeft, #cart-maincontent, #order-main-content {
    width: 66.66666666666667%;
    padding: 0 10px 0 0;
    margin-bottom: 10px;
    float: left
}

.lt-ie8 #mainContentLeft, .lt-ie8 #cart-maincontent, .lt-ie8 #order-main-content {
    width: 64.66666666666667%
}

.lt-ie8 #mainContentLeft, .lt-ie8 #cart-maincontent, .lt-ie8 #order-main-content {
    width: 64.66666666666667%
}

.lt-ie8 #mainContentLeft, .lt-ie8 #cart-maincontent, .lt-ie8 #order-main-content {
    width: 64.66666666666667%
}

.lt-ie8 #mainContentLeft, .lt-ie8 #cart-maincontent, .lt-ie8 #order-main-content {
    width: 64.66666666666667%
}

.lt-ie8 #mainContentLeft, .lt-ie8 #cart-maincontent, .lt-ie8 #order-main-content {
    width: 64.66666666666667%
}

.lt-ie8 #mainContentLeft, .lt-ie8 #cart-maincontent, .lt-ie8 #order-main-content {
    width: 64.66666666666667%
}

.lt-ie8 #mainContentLeft, .lt-ie8 #cart-maincontent, .lt-ie8 #order-main-content {
    width: 64.66666666666667%
}

.lt-ie8 #mainContentLeft, .lt-ie8 #cart-maincontent, .lt-ie8 #order-main-content {
    width: 64.66666666666667%
}

.lt-ie8 #mainContentLeft, .lt-ie8 #cart-maincontent, .lt-ie8 #order-main-content {
    width: 64.66666666666667%
}

.lt-ie8 #mainContentLeft, .lt-ie8 #cart-maincontent, .lt-ie8 #order-main-content {
    width: 64.66666666666667%
}

#cartRightRail, #cart-summery {
    padding: 0 !important;
    width: 33.333333333333336%;
    padding: 10px;
    margin-bottom: 10px;
    float: left
}

.lt-ie8 #cartRightRail, .lt-ie8 #cart-summery {
    width: 31.333333333333336%
}

.lt-ie8 #cartRightRail, .lt-ie8 #cart-summery {
    width: 31.333333333333336%
}

.lt-ie8 #cartRightRail, .lt-ie8 #cart-summery {
    width: 31.333333333333336%
}

.lt-ie8 #cartRightRail, .lt-ie8 #cart-summery {
    width: 31.333333333333336%
}

.lt-ie8 #cartRightRail, .lt-ie8 #cart-summery {
    width: 31.333333333333336%
}

.lt-ie8 #cartRightRail, .lt-ie8 #cart-summery {
    width: 31.333333333333336%
}

.lt-ie8 #cartRightRail, .lt-ie8 #cart-summery {
    width: 31.333333333333336%
}

.lt-ie8 #cartRightRail, .lt-ie8 #cart-summery {
    width: 31.333333333333336%
}

.lt-ie8 #cartRightRail, .lt-ie8 #cart-summery {
    width: 31.333333333333336%
}

.lt-ie8 #cartRightRail, .lt-ie8 #cart-summery {
    width: 31.333333333333336%
}

#cartRightRail .checkout-btn-area, #cart-summery .checkout-btn-area {
    text-align: right;
    border: none;
    box-shadow: none
}

#body-content-main:after, #body-content-main:before {
    content: " ";
    display: table
}

#body-content-main:after {
    clear: both
}

.lt-ie8 #body-content-main {
    clear: both;
    zoom: 1
}

#body-content-main:after, #body-content-main:before {
    content: " ";
    display: table
}

#body-content-main:after {
    clear: both
}

.lt-ie8 #body-content-main {
    clear: both;
    zoom: 1
}

#body-content-main:after, #body-content-main:before {
    content: " ";
    display: table
}

#body-content-main:after {
    clear: both
}

.lt-ie8 #body-content-main {
    clear: both;
    zoom: 1
}

#body-content-main:after, #body-content-main:before {
    content: " ";
    display: table
}

#body-content-main:after {
    clear: both
}

.lt-ie8 #body-content-main {
    clear: both;
    zoom: 1
}

#body-content-main:after, #body-content-main:before {
    content: " ";
    display: table
}

#body-content-main:after {
    clear: both
}

.lt-ie8 #body-content-main {
    clear: both;
    zoom: 1
}

#body-content-main:after, #body-content-main:before {
    content: " ";
    display: table
}

#body-content-main:after {
    clear: both
}

.lt-ie8 #body-content-main {
    clear: both;
    zoom: 1
}

#body-content-main:after, #body-content-main:before {
    content: " ";
    display: table
}

#body-content-main:after {
    clear: both
}

.lt-ie8 #body-content-main {
    clear: both;
    zoom: 1
}

#body-content-main:after, #body-content-main:before {
    content: " ";
    display: table
}

#body-content-main:after {
    clear: both
}

.lt-ie8 #body-content-main {
    clear: both;
    zoom: 1
}

#body-content-main:after, #body-content-main:before {
    content: " ";
    display: table
}

#body-content-main:after {
    clear: both
}

.lt-ie8 #body-content-main {
    clear: both;
    zoom: 1
}

#body-content-main:after, #body-content-main:before {
    content: " ";
    display: table
}

#body-content-main:after {
    clear: both
}

.lt-ie8 #body-content-main {
    clear: both;
    zoom: 1
}

#cart-details:after, #cart-details:before {
    content: " ";
    display: table
}

#cart-details:after {
    clear: both
}

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

#cart-details:after, #cart-details:before {
    content: " ";
    display: table
}

#cart-details:after {
    clear: both
}

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

#cart-details:after, #cart-details:before {
    content: " ";
    display: table
}

#cart-details:after {
    clear: both
}

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

#cart-details:after, #cart-details:before {
    content: " ";
    display: table
}

#cart-details:after {
    clear: both
}

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

#cart-details:after, #cart-details:before {
    content: " ";
    display: table
}

#cart-details:after {
    clear: both
}

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

#cart-details:after, #cart-details:before {
    content: " ";
    display: table
}

#cart-details:after {
    clear: both
}

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

#cart-details:after, #cart-details:before {
    content: " ";
    display: table
}

#cart-details:after {
    clear: both
}

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

#cart-details:after, #cart-details:before {
    content: " ";
    display: table
}

#cart-details:after {
    clear: both
}

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

#cart-details:after, #cart-details:before {
    content: " ";
    display: table
}

#cart-details:after {
    clear: both
}

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

#cart-details:after, #cart-details:before {
    content: " ";
    display: table
}

#cart-details:after {
    clear: both
}

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

#order-main-content.altCheckoutMainContent #cart-table > div > h6 {
    padding-top: 20px;
    border-top: 1px solid #ccc;
    background: radial-gradient(center, ellipse cover, rgba(25, 25, 25, 0.35) 0, rgba(0, 0, 0, 0) 100%);
    background: radial-gradient(ellipse 70% 10px at top, rgba(25, 25, 25, 0.35) 0, rgba(255, 255, 255, 0) 80%);
    margin-top: 22px
}

.responsive #header-breadcrumb-container #pageHeader {
    clear: both
}

.responsive #cart-maincontent {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    float: none;
    margin-bottom: 0;
    padding-bottom: 0
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.lt-ie8 .responsive #cart-maincontent {
    width: 98%
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.lt-ie8 .responsive #cart-maincontent {
    width: 98%
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.lt-ie8 .responsive #cart-maincontent {
    width: 98%
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.lt-ie8 .responsive #cart-maincontent {
    width: 98%
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.lt-ie8 .responsive #cart-maincontent {
    width: 98%
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.lt-ie8 .responsive #cart-maincontent {
    width: 98%
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.lt-ie8 .responsive #cart-maincontent {
    width: 98%
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.lt-ie8 .responsive #cart-maincontent {
    width: 98%
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.lt-ie8 .responsive #cart-maincontent {
    width: 98%
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.responsive #cart-maincontent:after, .responsive #cart-maincontent:before {
    content: " ";
    display: table
}

.responsive #cart-maincontent:after {
    clear: both
}

.lt-ie8 .responsive #cart-maincontent {
    clear: both;
    zoom: 1
}

.lt-ie8 .responsive #cart-maincontent {
    width: 98%
}

.responsive #submitCartBanner {
    height: 60px;
    background-color: #333;
    position: absolute;
    width: 960px;
    padding: 0;
    margin: 0 auto;
    z-index: 20;
    border-top: solid 1px 0;
    border-left: solid 1px 0;
    border-right: solid 1px 0;
    border-bottom: solid 1px #000;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 5px #888, 0px -3px 5px #888
}

.responsive #submitCartBanner.fixedBanner {
    position: fixed;
    bottom: 0
}

.lt-ie8 .responsive #submitCartBanner.fixedBanner {
    position: relative
}

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

.responsive #submitCartLeft {
    border-top: solid 1px #000;
    border-left: solid 1px 0;
    border-right: solid 1px 0;
    border-bottom: solid 1px 0;
    display: inline-block;
    height: 60px;
    line-height: 60px;
    position: relative;
    vertical-align: bottom;
    width: 100%
}

.responsive #submitCartLeft #backToTop {
    display: inline-block;
    margin: 0 5px
}

@media (max-width: 730px) {
    .responsive #submitCartLeft #jumpToSectionText {
        line-height: 12px;
        font-size: 12px
    }
}

.responsive #submitCartLeft #cartJumpLinks {
    display: inline-block;
    color: #ababab;
    font-size: 12px
}

.responsive #submitCartLeft #cartJumpLinks .cartJumpLink {
    margin-left: 10px;
    color: #ccc
}

.responsive #submitCartLeft #cartJumpLinks .cartJumpLink:hover {
    text-decoration: underline;
    cursor: pointer
}

.responsive #submitCartLeft #cartJumpLinks .cartJumpLink.currentCartSection {
    color: #666;
    background-color: #ddd;
    background-image: -moz-linear-gradient(top, #e5e5e5 0, #e5e5e5 50%, #ddd 51%, #ddd 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(50%, #e5e5e5), color-stop(51%, #ddd), color-stop(100%, #ddd));
    background-image: -webkit-linear-gradient(top, #e5e5e5 0, #e5e5e5 50%, #ddd 51%, #ddd 100%);
    background-image: -o-linear-gradient(top, #e5e5e5 0, #e5e5e5 50%, #ddd 51%, #ddd 100%);
    background-image: -ms-linear-gradient(top, #e5e5e5 0, #e5e5e5 50%, #ddd 51%, #ddd 100%);
    background-image: linear-gradient(to bottom, #e5e5e5 0, #e5e5e5 50%, #ddd 51%, #ddd 100%);
    line-height: 14px;
    display: inline-block;
    *display: inline;
    padding: 9px 5px;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: none;
    *border: 0;
    -webkit-text-shadow: 0 1px 1px rgba(153, 153, 153, 0.2);
    -moz-text-shadow: 0 1px 1px rgba(153, 153, 153, 0.2);
    text-shadow: 0 1px 1px rgba(153, 153, 153, 0.2);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.responsive .cartdetails #backToTop {
    line-height: 60px;
    margin-left: 20px;
    color: #FFF;
    cursor: pointer
}

.responsive #submitCartRight {
    background-color: #333;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 3px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    display: inline-block;
    height: 93px;
    position: absolute;
    bottom: 1px;
    right: 3px;
    vertical-align: top
}

.responsive #cartSubTotal {
    display: inline-block;
    color: #FFF;
    width: 100%;
    height: 30px;
    padding: 0 10px;
    line-height: 30px;
    text-align: right;
    border-top: solid 1px #000;
    border-left: solid 1px #000;
    border-right: solid 1px #000;
    border-bottom: solid 1px 0;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 3px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.5)
}

.responsive #cartSubTotal .subTotalText {
    font-size: 14px;
    margin-right: 10px
}

.responsive #cartSubTotal .subTotalVal {
    font-size: 18px;
    font-weight: bold;
    line-height: 28px
}

.responsive #submitCartButtonContainer {
    margin: 10px 10px 0 0
}

.lt-ie8 .responsive #submitCartButtonContainer {
    width: 145px
}

.responsive #eProSubmitCartButton {
    float: right;
    display: block;
    font-weight: bold;
    overflow: visible
}

.responsive .submitCartContent {
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
    position: relative
}

.responsive .eproCartFooterMessage {
    padding: 5px 10px;
    margin-top: 65px
}

#cart-table label, .paymentMethods label {
    font-size: 12px
}

em.grey {
    color: #ababab;
    font-weight: 700;
    padding-left: 5px
}

#header-breadcrumb-container #order-super-heading-right.verisign {
    float: right;
    margin-top: 20px
}

#header-breadcrumb-container .container-width {
    float: left
}

.cartRightRailSticky {
    max-width: fit-content;
    position: relative
}

.cartRightRailStickyFixed {
    position: fixed;
    width: 315px;
    background-color: #fff;
    margin-top: 10px
}

.cartRightRailStickyFixedOrderReview {
    position: fixed;
    top: 0;
    width: 315px;
    max-width: fit-content
}

.guestUserEmailSignUpMessage {
    font-size: 11px
}

.rightRail > h2, #cart-rightcontent > h2, .cart-summary-area > h2 {
    margin: 0;
    padding: 10px 15px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    background: #666
}

.lt-ie8 .rightRail > h2, .lt-ie8 #cart-rightcontent > h2, .lt-ie8 .cart-summary-area > h2 {
    position: relative
}

.rightRail > h2 .pendingOrderApprover, #cart-rightcontent > h2 .pendingOrderApprover, .cart-summary-area > h2 .pendingOrderApprover {
    width: 179px;
    display: inline-block
}

.rightRail > h2 a, #cart-rightcontent > h2 a, .cart-summary-area > h2 a {
    font-size: 12px;
    color: #FFF
}

.rightRail > h2 .editLink, #cart-rightcontent > h2 .editLink, .cart-summary-area > h2 .editLink {
    color: #fff;
    float: right;
    padding-left: 5px;
    font-size: 13px;
    margin-top: 4px
}

.rightRail > h2 .editLink:before, #cart-rightcontent > h2 .editLink:before, .cart-summary-area > h2 .editLink:before {
    font-family: graingerFont;
    content: "\e612";
    font-weight: 400;
    margin-right: 5px;
    font-size: 11px;
    color: #333
}

.lt-ie8 .rightRail > h2 .editLink, .lt-ie8 #cart-rightcontent > h2 .editLink, .lt-ie8 .cart-summary-area > h2 .editLink {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -3150px;
    background-position-x: 0
}

.lt-ie8 .rightRail > h2 .editLink, .lt-ie8 #cart-rightcontent > h2 .editLink, .lt-ie8 .cart-summary-area > h2 .editLink {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -3150px;
    background-position-x: 0
}

.lt-ie8 .rightRail > h2 .editLink, .lt-ie8 #cart-rightcontent > h2 .editLink, .lt-ie8 .cart-summary-area > h2 .editLink {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -3150px;
    background-position-x: 0
}

.lt-ie8 .rightRail > h2 .editLink, .lt-ie8 #cart-rightcontent > h2 .editLink, .lt-ie8 .cart-summary-area > h2 .editLink {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -3150px;
    background-position-x: 0
}

.lt-ie8 .rightRail > h2 .editLink, .lt-ie8 #cart-rightcontent > h2 .editLink, .lt-ie8 .cart-summary-area > h2 .editLink {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -3150px;
    background-position-x: 0
}

.lt-ie8 .rightRail > h2 .editLink, .lt-ie8 #cart-rightcontent > h2 .editLink, .lt-ie8 .cart-summary-area > h2 .editLink {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -3150px;
    background-position-x: 0
}

.lt-ie8 .rightRail > h2 .editLink, .lt-ie8 #cart-rightcontent > h2 .editLink, .lt-ie8 .cart-summary-area > h2 .editLink {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -3150px;
    background-position-x: 0
}

.lt-ie8 .rightRail > h2 .editLink, .lt-ie8 #cart-rightcontent > h2 .editLink, .lt-ie8 .cart-summary-area > h2 .editLink {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -3150px;
    background-position-x: 0
}

.lt-ie8 .rightRail > h2 .editLink, .lt-ie8 #cart-rightcontent > h2 .editLink, .lt-ie8 .cart-summary-area > h2 .editLink {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -3150px;
    background-position-x: 0
}

.lt-ie8 .rightRail > h2 .editLink, .lt-ie8 #cart-rightcontent > h2 .editLink, .lt-ie8 .cart-summary-area > h2 .editLink {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -3150px;
    background-position-x: 0
}

.lt-ie8 .rightRail > h2 .editLink, .lt-ie8 #cart-rightcontent > h2 .editLink, .lt-ie8 .cart-summary-area > h2 .editLink {
    position: absolute;
    right: 10px;
    padding-left: 20px;
    margin-top: 0;
    line-height: 17px
}

.rightRail .ezCheckout, #cart-rightcontent .ezCheckout, .cart-summary-area .ezCheckout {
    margin-top: 10px;
    display: inline-block
}

.rightRail .employeeChangeFulfillment, #cart-rightcontent .employeeChangeFulfillment, .cart-summary-area .employeeChangeFulfillment {
    float: right
}

.rightRail .employeeChangeFulfillment:after, #cart-rightcontent .employeeChangeFulfillment:after, .cart-summary-area .employeeChangeFulfillment:after, .rightRail .employeeChangeFulfillment:before, #cart-rightcontent .employeeChangeFulfillment:before, .cart-summary-area .employeeChangeFulfillment:before {
    content: " ";
    display: table
}

.rightRail .employeeChangeFulfillment:after, #cart-rightcontent .employeeChangeFulfillment:after, .cart-summary-area .employeeChangeFulfillment:after {
    clear: both
}

.lt-ie8 .rightRail .employeeChangeFulfillment, .lt-ie8 #cart-rightcontent .employeeChangeFulfillment, .lt-ie8 .cart-summary-area .employeeChangeFulfillment {
    clear: both;
    zoom: 1
}

.rightRail .employeeChangeFulfillment:after, #cart-rightcontent .employeeChangeFulfillment:after, .cart-summary-area .employeeChangeFulfillment:after, .rightRail .employeeChangeFulfillment:before, #cart-rightcontent .employeeChangeFulfillment:before, .cart-summary-area .employeeChangeFulfillment:before {
    content: " ";
    display: table
}

.rightRail .employeeChangeFulfillment:after, #cart-rightcontent .employeeChangeFulfillment:after, .cart-summary-area .employeeChangeFulfillment:after {
    clear: both
}

.lt-ie8 .rightRail .employeeChangeFulfillment, .lt-ie8 #cart-rightcontent .employeeChangeFulfillment, .lt-ie8 .cart-summary-area .employeeChangeFulfillment {
    clear: both;
    zoom: 1
}

.rightRail .employeeChangeFulfillment:after, #cart-rightcontent .employeeChangeFulfillment:after, .cart-summary-area .employeeChangeFulfillment:after, .rightRail .employeeChangeFulfillment:before, #cart-rightcontent .employeeChangeFulfillment:before, .cart-summary-area .employeeChangeFulfillment:before {
    content: " ";
    display: table
}

.rightRail .employeeChangeFulfillment:after, #cart-rightcontent .employeeChangeFulfillment:after, .cart-summary-area .employeeChangeFulfillment:after {
    clear: both
}

.lt-ie8 .rightRail .employeeChangeFulfillment, .lt-ie8 #cart-rightcontent .employeeChangeFulfillment, .lt-ie8 .cart-summary-area .employeeChangeFulfillment {
    clear: both;
    zoom: 1
}

.rightRail .employeeChangeFulfillment:after, #cart-rightcontent .employeeChangeFulfillment:after, .cart-summary-area .employeeChangeFulfillment:after, .rightRail .employeeChangeFulfillment:before, #cart-rightcontent .employeeChangeFulfillment:before, .cart-summary-area .employeeChangeFulfillment:before {
    content: " ";
    display: table
}

.rightRail .employeeChangeFulfillment:after, #cart-rightcontent .employeeChangeFulfillment:after, .cart-summary-area .employeeChangeFulfillment:after {
    clear: both
}

.lt-ie8 .rightRail .employeeChangeFulfillment, .lt-ie8 #cart-rightcontent .employeeChangeFulfillment, .lt-ie8 .cart-summary-area .employeeChangeFulfillment {
    clear: both;
    zoom: 1
}

.rightRail .employeeChangeFulfillment:after, #cart-rightcontent .employeeChangeFulfillment:after, .cart-summary-area .employeeChangeFulfillment:after, .rightRail .employeeChangeFulfillment:before, #cart-rightcontent .employeeChangeFulfillment:before, .cart-summary-area .employeeChangeFulfillment:before {
    content: " ";
    display: table
}

.rightRail .employeeChangeFulfillment:after, #cart-rightcontent .employeeChangeFulfillment:after, .cart-summary-area .employeeChangeFulfillment:after {
    clear: both
}

.lt-ie8 .rightRail .employeeChangeFulfillment, .lt-ie8 #cart-rightcontent .employeeChangeFulfillment, .lt-ie8 .cart-summary-area .employeeChangeFulfillment {
    clear: both;
    zoom: 1
}

.rightRail .employeeChangeFulfillment:after, #cart-rightcontent .employeeChangeFulfillment:after, .cart-summary-area .employeeChangeFulfillment:after, .rightRail .employeeChangeFulfillment:before, #cart-rightcontent .employeeChangeFulfillment:before, .cart-summary-area .employeeChangeFulfillment:before {
    content: " ";
    display: table
}

.rightRail .employeeChangeFulfillment:after, #cart-rightcontent .employeeChangeFulfillment:after, .cart-summary-area .employeeChangeFulfillment:after {
    clear: both
}

.lt-ie8 .rightRail .employeeChangeFulfillment, .lt-ie8 #cart-rightcontent .employeeChangeFulfillment, .lt-ie8 .cart-summary-area .employeeChangeFulfillment {
    clear: both;
    zoom: 1
}

.rightRail .employeeChangeFulfillment:after, #cart-rightcontent .employeeChangeFulfillment:after, .cart-summary-area .employeeChangeFulfillment:after, .rightRail .employeeChangeFulfillment:before, #cart-rightcontent .employeeChangeFulfillment:before, .cart-summary-area .employeeChangeFulfillment:before {
    content: " ";
    display: table
}

.rightRail .employeeChangeFulfillment:after, #cart-rightcontent .employeeChangeFulfillment:after, .cart-summary-area .employeeChangeFulfillment:after {
    clear: both
}

.lt-ie8 .rightRail .employeeChangeFulfillment, .lt-ie8 #cart-rightcontent .employeeChangeFulfillment, .lt-ie8 .cart-summary-area .employeeChangeFulfillment {
    clear: both;
    zoom: 1
}

.rightRail .employeeChangeFulfillment:after, #cart-rightcontent .employeeChangeFulfillment:after, .cart-summary-area .employeeChangeFulfillment:after, .rightRail .employeeChangeFulfillment:before, #cart-rightcontent .employeeChangeFulfillment:before, .cart-summary-area .employeeChangeFulfillment:before {
    content: " ";
    display: table
}

.rightRail .employeeChangeFulfillment:after, #cart-rightcontent .employeeChangeFulfillment:after, .cart-summary-area .employeeChangeFulfillment:after {
    clear: both
}

.lt-ie8 .rightRail .employeeChangeFulfillment, .lt-ie8 #cart-rightcontent .employeeChangeFulfillment, .lt-ie8 .cart-summary-area .employeeChangeFulfillment {
    clear: both;
    zoom: 1
}

.rightRail .employeeChangeFulfillment:after, #cart-rightcontent .employeeChangeFulfillment:after, .cart-summary-area .employeeChangeFulfillment:after, .rightRail .employeeChangeFulfillment:before, #cart-rightcontent .employeeChangeFulfillment:before, .cart-summary-area .employeeChangeFulfillment:before {
    content: " ";
    display: table
}

.rightRail .employeeChangeFulfillment:after, #cart-rightcontent .employeeChangeFulfillment:after, .cart-summary-area .employeeChangeFulfillment:after {
    clear: both
}

.lt-ie8 .rightRail .employeeChangeFulfillment, .lt-ie8 #cart-rightcontent .employeeChangeFulfillment, .lt-ie8 .cart-summary-area .employeeChangeFulfillment {
    clear: both;
    zoom: 1
}

.rightRail .employeeChangeFulfillment:after, #cart-rightcontent .employeeChangeFulfillment:after, .cart-summary-area .employeeChangeFulfillment:after, .rightRail .employeeChangeFulfillment:before, #cart-rightcontent .employeeChangeFulfillment:before, .cart-summary-area .employeeChangeFulfillment:before {
    content: " ";
    display: table
}

.rightRail .employeeChangeFulfillment:after, #cart-rightcontent .employeeChangeFulfillment:after, .cart-summary-area .employeeChangeFulfillment:after {
    clear: both
}

.lt-ie8 .rightRail .employeeChangeFulfillment, .lt-ie8 #cart-rightcontent .employeeChangeFulfillment, .lt-ie8 .cart-summary-area .employeeChangeFulfillment {
    clear: both;
    zoom: 1
}

.rightRail .employeeChangeFulfillment li, #cart-rightcontent .employeeChangeFulfillment li, .cart-summary-area .employeeChangeFulfillment li {
    float: left
}

.rightRail .employeeChangeFulfillment li:before, #cart-rightcontent .employeeChangeFulfillment li:before, .cart-summary-area .employeeChangeFulfillment li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 .rightRail .employeeChangeFulfillment li, .lt-ie8 #cart-rightcontent .employeeChangeFulfillment li, .lt-ie8 .cart-summary-area .employeeChangeFulfillment li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 .rightRail .employeeChangeFulfillment li:first-child, .lt-ie8 #cart-rightcontent .employeeChangeFulfillment li:first-child, .lt-ie8 .cart-summary-area .employeeChangeFulfillment li:first-child {
    border: none
}

.rightRail .employeeChangeFulfillment li:first-child:before, #cart-rightcontent .employeeChangeFulfillment li:first-child:before, .cart-summary-area .employeeChangeFulfillment li:first-child:before {
    display: none
}

.rightRail .employeeChangeFulfillment li:before, #cart-rightcontent .employeeChangeFulfillment li:before, .cart-summary-area .employeeChangeFulfillment li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 .rightRail .employeeChangeFulfillment li, .lt-ie8 #cart-rightcontent .employeeChangeFulfillment li, .lt-ie8 .cart-summary-area .employeeChangeFulfillment li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 .rightRail .employeeChangeFulfillment li:first-child, .lt-ie8 #cart-rightcontent .employeeChangeFulfillment li:first-child, .lt-ie8 .cart-summary-area .employeeChangeFulfillment li:first-child {
    border: none
}

.rightRail .employeeChangeFulfillment li:first-child:before, #cart-rightcontent .employeeChangeFulfillment li:first-child:before, .cart-summary-area .employeeChangeFulfillment li:first-child:before {
    display: none
}

.rightRail .employeeChangeFulfillment li:before, #cart-rightcontent .employeeChangeFulfillment li:before, .cart-summary-area .employeeChangeFulfillment li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 .rightRail .employeeChangeFulfillment li, .lt-ie8 #cart-rightcontent .employeeChangeFulfillment li, .lt-ie8 .cart-summary-area .employeeChangeFulfillment li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 .rightRail .employeeChangeFulfillment li:first-child, .lt-ie8 #cart-rightcontent .employeeChangeFulfillment li:first-child, .lt-ie8 .cart-summary-area .employeeChangeFulfillment li:first-child {
    border: none
}

.rightRail .employeeChangeFulfillment li:first-child:before, #cart-rightcontent .employeeChangeFulfillment li:first-child:before, .cart-summary-area .employeeChangeFulfillment li:first-child:before {
    display: none
}

.rightRail .employeeChangeFulfillment li:before, #cart-rightcontent .employeeChangeFulfillment li:before, .cart-summary-area .employeeChangeFulfillment li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 .rightRail .employeeChangeFulfillment li, .lt-ie8 #cart-rightcontent .employeeChangeFulfillment li, .lt-ie8 .cart-summary-area .employeeChangeFulfillment li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 .rightRail .employeeChangeFulfillment li:first-child, .lt-ie8 #cart-rightcontent .employeeChangeFulfillment li:first-child, .lt-ie8 .cart-summary-area .employeeChangeFulfillment li:first-child {
    border: none
}

.rightRail .employeeChangeFulfillment li:first-child:before, #cart-rightcontent .employeeChangeFulfillment li:first-child:before, .cart-summary-area .employeeChangeFulfillment li:first-child:before {
    display: none
}

.rightRail .employeeChangeFulfillment li:before, #cart-rightcontent .employeeChangeFulfillment li:before, .cart-summary-area .employeeChangeFulfillment li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 .rightRail .employeeChangeFulfillment li, .lt-ie8 #cart-rightcontent .employeeChangeFulfillment li, .lt-ie8 .cart-summary-area .employeeChangeFulfillment li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 .rightRail .employeeChangeFulfillment li:first-child, .lt-ie8 #cart-rightcontent .employeeChangeFulfillment li:first-child, .lt-ie8 .cart-summary-area .employeeChangeFulfillment li:first-child {
    border: none
}

.rightRail .employeeChangeFulfillment li:first-child:before, #cart-rightcontent .employeeChangeFulfillment li:first-child:before, .cart-summary-area .employeeChangeFulfillment li:first-child:before {
    display: none
}

.rightRail .employeeChangeFulfillment li:before, #cart-rightcontent .employeeChangeFulfillment li:before, .cart-summary-area .employeeChangeFulfillment li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 .rightRail .employeeChangeFulfillment li, .lt-ie8 #cart-rightcontent .employeeChangeFulfillment li, .lt-ie8 .cart-summary-area .employeeChangeFulfillment li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 .rightRail .employeeChangeFulfillment li:first-child, .lt-ie8 #cart-rightcontent .employeeChangeFulfillment li:first-child, .lt-ie8 .cart-summary-area .employeeChangeFulfillment li:first-child {
    border: none
}

.rightRail .employeeChangeFulfillment li:first-child:before, #cart-rightcontent .employeeChangeFulfillment li:first-child:before, .cart-summary-area .employeeChangeFulfillment li:first-child:before {
    display: none
}

.rightRail .employeeChangeFulfillment li:before, #cart-rightcontent .employeeChangeFulfillment li:before, .cart-summary-area .employeeChangeFulfillment li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 .rightRail .employeeChangeFulfillment li, .lt-ie8 #cart-rightcontent .employeeChangeFulfillment li, .lt-ie8 .cart-summary-area .employeeChangeFulfillment li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 .rightRail .employeeChangeFulfillment li:first-child, .lt-ie8 #cart-rightcontent .employeeChangeFulfillment li:first-child, .lt-ie8 .cart-summary-area .employeeChangeFulfillment li:first-child {
    border: none
}

.rightRail .employeeChangeFulfillment li:first-child:before, #cart-rightcontent .employeeChangeFulfillment li:first-child:before, .cart-summary-area .employeeChangeFulfillment li:first-child:before {
    display: none
}

.rightRail .employeeChangeFulfillment li:before, #cart-rightcontent .employeeChangeFulfillment li:before, .cart-summary-area .employeeChangeFulfillment li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 .rightRail .employeeChangeFulfillment li, .lt-ie8 #cart-rightcontent .employeeChangeFulfillment li, .lt-ie8 .cart-summary-area .employeeChangeFulfillment li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 .rightRail .employeeChangeFulfillment li:first-child, .lt-ie8 #cart-rightcontent .employeeChangeFulfillment li:first-child, .lt-ie8 .cart-summary-area .employeeChangeFulfillment li:first-child {
    border: none
}

.rightRail .employeeChangeFulfillment li:first-child:before, #cart-rightcontent .employeeChangeFulfillment li:first-child:before, .cart-summary-area .employeeChangeFulfillment li:first-child:before {
    display: none
}

.rightRail .employeeChangeFulfillment li:before, #cart-rightcontent .employeeChangeFulfillment li:before, .cart-summary-area .employeeChangeFulfillment li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 .rightRail .employeeChangeFulfillment li, .lt-ie8 #cart-rightcontent .employeeChangeFulfillment li, .lt-ie8 .cart-summary-area .employeeChangeFulfillment li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 .rightRail .employeeChangeFulfillment li:first-child, .lt-ie8 #cart-rightcontent .employeeChangeFulfillment li:first-child, .lt-ie8 .cart-summary-area .employeeChangeFulfillment li:first-child {
    border: none
}

.rightRail .employeeChangeFulfillment li:first-child:before, #cart-rightcontent .employeeChangeFulfillment li:first-child:before, .cart-summary-area .employeeChangeFulfillment li:first-child:before {
    display: none
}

.rightRail .employeeChangeFulfillment li:before, #cart-rightcontent .employeeChangeFulfillment li:before, .cart-summary-area .employeeChangeFulfillment li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 .rightRail .employeeChangeFulfillment li, .lt-ie8 #cart-rightcontent .employeeChangeFulfillment li, .lt-ie8 .cart-summary-area .employeeChangeFulfillment li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 .rightRail .employeeChangeFulfillment li:first-child, .lt-ie8 #cart-rightcontent .employeeChangeFulfillment li:first-child, .lt-ie8 .cart-summary-area .employeeChangeFulfillment li:first-child {
    border: none
}

.rightRail .employeeChangeFulfillment li:first-child:before, #cart-rightcontent .employeeChangeFulfillment li:first-child:before, .cart-summary-area .employeeChangeFulfillment li:first-child:before {
    display: none
}

.rightRail .editLink, #cart-rightcontent .editLink, .cart-summary-area .editLink {
    float: right
}

.rightRail #reference .cart-ship-pack-input-as-label-hide, #cart-rightcontent #reference .cart-ship-pack-input-as-label-hide, .cart-summary-area #reference .cart-ship-pack-input-as-label-hide {
    display: none
}

.rightRail #reference input, #cart-rightcontent #reference input, .cart-summary-area #reference input, .rightRail #reference .styledSelect, #cart-rightcontent #reference .styledSelect, .cart-summary-area #reference .styledSelect {
    width: 100%;
    display: block
}

.rightRail #reference select, #cart-rightcontent #reference select, .cart-summary-area #reference select {
    display: block
}

.rightRail #reference select.cart-ship-pack-input-as-label-hide, #cart-rightcontent #reference select.cart-ship-pack-input-as-label-hide, .cart-summary-area #reference select.cart-ship-pack-input-as-label-hide {
    display: none
}

.rightRail #reference .styledSelect, #cart-rightcontent #reference .styledSelect, .cart-summary-area #reference .styledSelect {
    margin-bottom: 10px
}

.rightRail #reference #showMoreLink, #cart-rightcontent #reference #showMoreLink, .cart-summary-area #reference #showMoreLink {
    font-size: 12px;
    margin-top: 6px;
    display: block;
    line-height: 16px
}

.rightRail #reference #showMoreLink:before, #cart-rightcontent #reference #showMoreLink:before, .cart-summary-area #reference #showMoreLink:before {
    display: inline-block;
    vertical-align: top;
    margin-top: 1px;
    background: #00739e;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00739e), color-stop(1, #0098d1));
    background: -ms-linear-gradient(bottom, #00739e, #0098d1);
    background: -moz-linear-gradient(center bottom, #00739e 0, #0098d1 100%);
    background: -o-linear-gradient(#0098d1, #00739e);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0098d1', endColorstr='#00739e', GradientType=0);
    line-height: 8px;
    font-size: 6px;
    padding: 2px 3px;
    color: #fff;
    margin-right: 1px;
    font-weight: normal;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    float: left;
    margin-right: 5px;
    font-family: graingerFont;
    content: "\e629";
    font-weight: 400
}

.rightRail #reference label, #cart-rightcontent #reference label, .cart-summary-area #reference label {
    line-height: 25px
}

.rightRail #noCreditCardMessage:before, #cart-rightcontent #noCreditCardMessage:before, .cart-summary-area #noCreditCardMessage:before {
    float: none
}

.rightRail .full-width-btn, #cart-rightcontent .full-width-btn, .cart-summary-area .full-width-btn {
    width: 100%
}

.cart-summary-area.pending {
    margin-top: 10px;
    font-size: 12px
}

#orderApprovalForm > h2, .orderApproverHeader > h2 {
    margin: 0;
    padding: 10px 15px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    background: #666
}

.orderApprovalArea .styledSelect {
    width: 100%
}

.cart-summary-area {
    padding: 15px 0;
    background-color: #fff;
    font-weight: 400;
    margin-bottom: 9px;
    border: 1px solid #eee;
    box-shadow: 0 3px #eee
}

.cart-summary-area:after, .cart-summary-area:before {
    content: " ";
    display: table
}

.cart-summary-area:after {
    clear: both
}

.lt-ie8 .cart-summary-area {
    clear: both;
    zoom: 1
}

.cart-summary-area:after, .cart-summary-area:before {
    content: " ";
    display: table
}

.cart-summary-area:after {
    clear: both
}

.lt-ie8 .cart-summary-area {
    clear: both;
    zoom: 1
}

.cart-summary-area:after, .cart-summary-area:before {
    content: " ";
    display: table
}

.cart-summary-area:after {
    clear: both
}

.lt-ie8 .cart-summary-area {
    clear: both;
    zoom: 1
}

.cart-summary-area:after, .cart-summary-area:before {
    content: " ";
    display: table
}

.cart-summary-area:after {
    clear: both
}

.lt-ie8 .cart-summary-area {
    clear: both;
    zoom: 1
}

.cart-summary-area:after, .cart-summary-area:before {
    content: " ";
    display: table
}

.cart-summary-area:after {
    clear: both
}

.lt-ie8 .cart-summary-area {
    clear: both;
    zoom: 1
}

.cart-summary-area:after, .cart-summary-area:before {
    content: " ";
    display: table
}

.cart-summary-area:after {
    clear: both
}

.lt-ie8 .cart-summary-area {
    clear: both;
    zoom: 1
}

.cart-summary-area:after, .cart-summary-area:before {
    content: " ";
    display: table
}

.cart-summary-area:after {
    clear: both
}

.lt-ie8 .cart-summary-area {
    clear: both;
    zoom: 1
}

.cart-summary-area:after, .cart-summary-area:before {
    content: " ";
    display: table
}

.cart-summary-area:after {
    clear: both
}

.lt-ie8 .cart-summary-area {
    clear: both;
    zoom: 1
}

.cart-summary-area:after, .cart-summary-area:before {
    content: " ";
    display: table
}

.cart-summary-area:after {
    clear: both
}

.lt-ie8 .cart-summary-area {
    clear: both;
    zoom: 1
}

.cart-summary-area:after, .cart-summary-area:before {
    content: " ";
    display: table
}

.cart-summary-area:after {
    clear: both
}

.lt-ie8 .cart-summary-area {
    clear: both;
    zoom: 1
}

.cart-summary-area input[type=text]::-ms-clear {
    display: none
}

.cart-summary-area .alert, .cart-summary-area .poNumberError {
    margin: 5px 0 0 0
}

.cart-summary-area label {
    font-weight: 700;
    font-size: 12px
}

.cart-summary-area .proceedLink {
    font-size: 12px;
    font-weight: 700;
    display: inline-block;
    padding-top: 10px
}

.cart-summary-area .default-button-state {
    float: right
}

.cart-summary-area .altCheckoutPreviousLink {
    float: right;
    padding: 10px;
    font-weight: 500
}

.cart-summary-area .payment-details-select {
    width: 100%;
    margin-bottom: 10px
}

.cart-summary-area .clear:after, .cart-summary-area .clear:before {
    content: " ";
    display: table
}

.cart-summary-area .clear:after {
    clear: both
}

.lt-ie8 .cart-summary-area .clear {
    clear: both;
    zoom: 1
}

.cart-summary-area .clear:after, .cart-summary-area .clear:before {
    content: " ";
    display: table
}

.cart-summary-area .clear:after {
    clear: both
}

.lt-ie8 .cart-summary-area .clear {
    clear: both;
    zoom: 1
}

.cart-summary-area .clear:after, .cart-summary-area .clear:before {
    content: " ";
    display: table
}

.cart-summary-area .clear:after {
    clear: both
}

.lt-ie8 .cart-summary-area .clear {
    clear: both;
    zoom: 1
}

.cart-summary-area .clear:after, .cart-summary-area .clear:before {
    content: " ";
    display: table
}

.cart-summary-area .clear:after {
    clear: both
}

.lt-ie8 .cart-summary-area .clear {
    clear: both;
    zoom: 1
}

.cart-summary-area .clear:after, .cart-summary-area .clear:before {
    content: " ";
    display: table
}

.cart-summary-area .clear:after {
    clear: both
}

.lt-ie8 .cart-summary-area .clear {
    clear: both;
    zoom: 1
}

.cart-summary-area .clear:after, .cart-summary-area .clear:before {
    content: " ";
    display: table
}

.cart-summary-area .clear:after {
    clear: both
}

.lt-ie8 .cart-summary-area .clear {
    clear: both;
    zoom: 1
}

.cart-summary-area .clear:after, .cart-summary-area .clear:before {
    content: " ";
    display: table
}

.cart-summary-area .clear:after {
    clear: both
}

.lt-ie8 .cart-summary-area .clear {
    clear: both;
    zoom: 1
}

.cart-summary-area .clear:after, .cart-summary-area .clear:before {
    content: " ";
    display: table
}

.cart-summary-area .clear:after {
    clear: both
}

.lt-ie8 .cart-summary-area .clear {
    clear: both;
    zoom: 1
}

.cart-summary-area .clear:after, .cart-summary-area .clear:before {
    content: " ";
    display: table
}

.cart-summary-area .clear:after {
    clear: both
}

.lt-ie8 .cart-summary-area .clear {
    clear: both;
    zoom: 1
}

.cart-summary-area .clear:after, .cart-summary-area .clear:before {
    content: " ";
    display: table
}

.cart-summary-area .clear:after {
    clear: both
}

.lt-ie8 .cart-summary-area .clear {
    clear: both;
    zoom: 1
}

.cart-summary-area .check-list {
    font-size: 12px;
    margin-bottom: 20px;
    font-style: italic;
    margin-bottom: 10px
}

.cart-summary-area .two-column.left {
    width: 66.66666666666667%;
    padding: "0 10px 0 0";
    margin-bottom: 10px;
    float: left;
    line-height: 16px
}

.lt-ie8 .cart-summary-area .two-column.left {
    width: 64.66666666666667%
}

.lt-ie8 .cart-summary-area .two-column.left {
    width: 64.66666666666667%
}

.lt-ie8 .cart-summary-area .two-column.left {
    width: 64.66666666666667%
}

.lt-ie8 .cart-summary-area .two-column.left {
    width: 64.66666666666667%
}

.lt-ie8 .cart-summary-area .two-column.left {
    width: 64.66666666666667%
}

.lt-ie8 .cart-summary-area .two-column.left {
    width: 64.66666666666667%
}

.lt-ie8 .cart-summary-area .two-column.left {
    width: 64.66666666666667%
}

.lt-ie8 .cart-summary-area .two-column.left {
    width: 64.66666666666667%
}

.lt-ie8 .cart-summary-area .two-column.left {
    width: 64.66666666666667%
}

.lt-ie8 .cart-summary-area .two-column.left {
    width: 64.66666666666667%
}

.cart-summary-area .two-column.right {
    width: 33.333333333333336%;
    padding: 0;
    margin-bottom: 10px;
    float: left;
    word-break: break-all;
    text-align: right
}

.lt-ie8 .cart-summary-area .two-column.right {
    width: 31.333333333333336%
}

.lt-ie8 .cart-summary-area .two-column.right {
    width: 31.333333333333336%
}

.lt-ie8 .cart-summary-area .two-column.right {
    width: 31.333333333333336%
}

.lt-ie8 .cart-summary-area .two-column.right {
    width: 31.333333333333336%
}

.lt-ie8 .cart-summary-area .two-column.right {
    width: 31.333333333333336%
}

.lt-ie8 .cart-summary-area .two-column.right {
    width: 31.333333333333336%
}

.lt-ie8 .cart-summary-area .two-column.right {
    width: 31.333333333333336%
}

.lt-ie8 .cart-summary-area .two-column.right {
    width: 31.333333333333336%
}

.lt-ie8 .cart-summary-area .two-column.right {
    width: 31.333333333333336%
}

.lt-ie8 .cart-summary-area .two-column.right {
    width: 31.333333333333336%
}

.cart-summary-area .summary-left-col, .cart-summary-area .summary-right-col {
    margin-bottom: 5px;
    font-size: 12px
}

.cart-summary-area .summary-left-col {
    float: left
}

.cart-summary-area .summary-left-col .close-promo {
    display: inline-block;
    margin: 0 0 0 7px;
    cursor: pointer
}

.cart-summary-area .summary-left-col .close-promo:after {
    font-family: graingerFont;
    content: "\e61d";
    font-weight: 400
}

.lt-ie8 .cart-summary-area .summary-left-col .close-promo {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -2430px;
    background-position-x: 90%
}

.lt-ie8 .cart-summary-area .summary-left-col .close-promo {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -2430px;
    background-position-x: 90%
}

.lt-ie8 .cart-summary-area .summary-left-col .close-promo {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -2430px;
    background-position-x: 90%
}

.lt-ie8 .cart-summary-area .summary-left-col .close-promo {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -2430px;
    background-position-x: 90%
}

.lt-ie8 .cart-summary-area .summary-left-col .close-promo {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -2430px;
    background-position-x: 90%
}

.lt-ie8 .cart-summary-area .summary-left-col .close-promo {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -2430px;
    background-position-x: 90%
}

.lt-ie8 .cart-summary-area .summary-left-col .close-promo {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -2430px;
    background-position-x: 90%
}

.lt-ie8 .cart-summary-area .summary-left-col .close-promo {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -2430px;
    background-position-x: 90%
}

.lt-ie8 .cart-summary-area .summary-left-col .close-promo {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -2430px;
    background-position-x: 90%
}

.lt-ie8 .cart-summary-area .summary-left-col .close-promo {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -2430px;
    background-position-x: 90%
}

.lt-ie8 .cart-summary-area .summary-left-col .close-promo {
    width: 20px;
    height: 20px
}

.cart-summary-area .summary-right-col {
    text-align: right;
    font-weight: 700
}

.cart-summary-area .cartSummaryPromo {
    border: #ccc 1px solid
}

.cart-summary-area #cartTotal {
    border-bottom: #ccc 1px solid
}

.cart-summary-area .taxes-shipping-area {
    padding-left: 18px
}

.cart-summary-area .pickup-selected {
    padding-left: 5px
}

.cart-summary-area .shipping-selected {
    padding-left: 5px
}

.cart-summary-area #paymetricsFrame {
    display: none
}

.cart-summary-area .summary-total {
    padding: 20px 0 10px
}

.cart-summary-area .summary-total .promotionCode {
    font-size: 14px;
    font-weight: 700
}

.cart-summary-area .summary-total .summary-left-col, .cart-summary-area .summary-total .summary-right-col {
    font-size: 14px;
    font-weight: 700
}

.cart-summary-area .summary-total .summary-right-col {
    color: #257238
}

.cart-summary-area .summary-total input {
    display: inline-block;
    width: 48% !important
}

.cart-summary-area .summary-total input.promotionButton {
    margin-left: 5px
}

.cart-summary-area .summary-total .promotionInput {
    width: 140px
}

.cart-summary-area .cartPrice {
    color: #257238
}

.cart-summary-area .discount {
    color: #fa0000
}

.cart-summary-area .orderItemLabel, .cart-summary-area .estimatedTotalLabel {
    font-weight: 700
}

.cart-summary-area .formattedTotalPrice {
    font-weight: 700;
    color: #257238;
    font-size: 14px
}

.cart-summary-area .summary-promotion {
    width: 100%
}

.cart-summary-area .summary-applied-discount {
    background-color: #999;
    height: 50px
}

.cart-summary-area .productCart {
    border-bottom: #ccc 1px solid;
    margin-bottom: 20px
}

.cart-summary-area .productCart:after, .cart-summary-area .productCart:before {
    content: " ";
    display: table
}

.cart-summary-area .productCart:after {
    clear: both
}

.lt-ie8 .cart-summary-area .productCart {
    clear: both;
    zoom: 1
}

.cart-summary-area .productCart:after, .cart-summary-area .productCart:before {
    content: " ";
    display: table
}

.cart-summary-area .productCart:after {
    clear: both
}

.lt-ie8 .cart-summary-area .productCart {
    clear: both;
    zoom: 1
}

.cart-summary-area .productCart:after, .cart-summary-area .productCart:before {
    content: " ";
    display: table
}

.cart-summary-area .productCart:after {
    clear: both
}

.lt-ie8 .cart-summary-area .productCart {
    clear: both;
    zoom: 1
}

.cart-summary-area .productCart:after, .cart-summary-area .productCart:before {
    content: " ";
    display: table
}

.cart-summary-area .productCart:after {
    clear: both
}

.lt-ie8 .cart-summary-area .productCart {
    clear: both;
    zoom: 1
}

.cart-summary-area .productCart:after, .cart-summary-area .productCart:before {
    content: " ";
    display: table
}

.cart-summary-area .productCart:after {
    clear: both
}

.lt-ie8 .cart-summary-area .productCart {
    clear: both;
    zoom: 1
}

.cart-summary-area .productCart:after, .cart-summary-area .productCart:before {
    content: " ";
    display: table
}

.cart-summary-area .productCart:after {
    clear: both
}

.lt-ie8 .cart-summary-area .productCart {
    clear: both;
    zoom: 1
}

.cart-summary-area .productCart:after, .cart-summary-area .productCart:before {
    content: " ";
    display: table
}

.cart-summary-area .productCart:after {
    clear: both
}

.lt-ie8 .cart-summary-area .productCart {
    clear: both;
    zoom: 1
}

.cart-summary-area .productCart:after, .cart-summary-area .productCart:before {
    content: " ";
    display: table
}

.cart-summary-area .productCart:after {
    clear: both
}

.lt-ie8 .cart-summary-area .productCart {
    clear: both;
    zoom: 1
}

.cart-summary-area .productCart:after, .cart-summary-area .productCart:before {
    content: " ";
    display: table
}

.cart-summary-area .productCart:after {
    clear: both
}

.lt-ie8 .cart-summary-area .productCart {
    clear: both;
    zoom: 1
}

.cart-summary-area .productCart:after, .cart-summary-area .productCart:before {
    content: " ";
    display: table
}

.cart-summary-area .productCart:after {
    clear: both
}

.lt-ie8 .cart-summary-area .productCart {
    clear: both;
    zoom: 1
}

.cart-summary-area .productCart:last-child {
    border-bottom: 0;
    margin-bottom: 0
}

.cart-summary-area .productCart p {
    font-size: 12px;
    word-wrap: break-word
}

.cart-summary-area .productCart p strong {
    font-size: 14px
}

.cart-summary-area .disclaimer {
    font-size: 11px;
    font-style: italic;
    color: #666;
    clear: both;
    line-height: 14px;
    text-align: left
}

.cart-summary-area .pickupBranchContainer {
    font-size: 12px
}

.cart-summary-area .checkbox input, .cart-summary-area .checkbox label {
    margin: 0;
    padding: 0;
    line-height: 14px
}

.cart-summary-area .checkbox label {
    margin-left: 5px;
    max-width: 313px;
    font-weight: 500
}

.cart-summary-area .show-more-content {
    font-weight: 700
}

.cart-summary-area.shippingMethod {
    font-size: 12px
}

.cart-summary-area.shippingMethod .styledSelect {
    margin-top: 10px
}

.cart-summary-area.shippingMethod .shippingType, .cart-summary-area.shippingMethod .shippingPrice {
    font-weight: 700
}

.cart-summary-area.shippingMethod .shippingType {
    float: left
}

.cart-summary-area.shippingMethod .shippingPrice {
    float: right
}

.cart-summary-area.shippingMethod h2 {
    margin: 5px 0;
    font-size: 14px;
    font-weight: 700
}

.cart-summary-area.shippingMethod label {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px
}

.cart-summary-area .checkout-proceed-link {
    font-size: 12px;
    font-weight: bold;
    margin-top: 11px;
    display: inline-block
}

.cart-summary-area.shippingLabelContainer p strong {
    margin-right: 5px
}

.cart-summary-area input[type=text], .cart-summary-area textarea {
    width: 100%;
    resize: none;
    font-size: 14px
}

.cart-summary-area textarea {
    height: 80px;
    margin-bottom: 0
}

.cart-summary-area .cart-summary-area .shippingDetails span {
    display: block;
    padding: 5px 0
}

.cart-summary-area .poNumberSettingsMsg {
    font-size: 12px;
    font-weight: 100;
    margin-top: 10px
}

.approverActionsSelect {
    display: inline
}

.approverActionsSelect .styledSelect {
    margin-bottom: 10px
}

.cart-ship-pack-input-as-label-hide {
    display: none
}

.cart-ship-pack-value-as-label {
    margin-bottom: 5px;
    margin-top: -5px
}

.cart-ship-pack-field-error {
    border: 2px solid #AC0101 !important;
    display: inline
}

.cart-ship-pack-error-message {
    color: #AC0101;
    font-style: italic;
    display: inline-block
}

#no-delivery-after .cart-ship-pack-error-message {
    max-width: 240px
}

.cart-ship-pack-input-label {
    margin-left: 3px;
    margin-bottom: 10px;
    margin-top: -5px
}

.cart-ship-pack-error-icon {
    background: url("../../images/icon/warning_icon.png") no-repeat scroll 5px 3px;
    padding: 2px 0 5px 25px;
    background-position: 2px 2px
}

.orderRefApplyBtn {
    float: none !important
}

.shipping-labels-modal .styledSelect {
    float: left
}

.shipping-labels-modal input[type="text"], .shipping-labels-modal select {
    display: block;
    width: 100%
}

.shipping-labels-modal .cart-ship-pack-error-icon {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    height: 18px
}

.shipping-labels-modal .cart-ship-pack-error-message {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    vertical-align: top
}

.shipping-labels-modal .deliveryInst .styledSelect {
    width: 100%;
    margin-bottom: 5px;
    float: none
}

.shipping-labels-modal .medium-width, .shipping-labels-modal .default-width {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    padding-left: 5px;
    margin-right: 15px;
    margin-bottom: 10px
}

.shipping-labels-modal .medium-width p, .shipping-labels-modal .default-width p {
    marign-bottom: 0
}

.shipping-labels-modal .medium-width {
    width: 150px
}

.shipping-labels-modal .medium-width .cart-ship-pack-error-message {
    max-width: 115px
}

.shipping-labels-modal .default-width {
    width: 238px
}

.shipping-labels-modal .default-width .cart-ship-pack-error-message {
    max-width: 200px
}

.shipping-labels-modal fieldset {
    margin: -9px
}

.shipping-labels-modal fieldset .line {
    border-bottom: 1px solid #999;
    margin-bottom: 10px;
    margin-top: 25px
}

.moreShippingLabelsModal {
    position: fixed !important;
    width: 800px !important
}

.moreShippingLabelsModal .moreShippingLabelsModalHeader {
    background-color: #FFF;
    clear: both;
    padding: 5px 5px 5px 10px;
    border-bottom: 1px solid #CCC
}

.moreShippingLabelsModal .moreShippingLabelsModalHeader .right {
    padding-top: 4px
}

#moreShippingLabelsModalFooter .modal-footer {
    margin: -5px
}

#moreShippingLabelsModalFooter .modal-footer .right {
    padding-top: 2px
}

.deliveryInst {
    float: left
}

#attentionDeliveryInstructions {
    height: 33px
}

.defaultText {
    font-size: 12px;
    font-style: italic;
    font-weight: normal;
    text-decoration: none
}

#ezselectAddressModal {
    width: 718px;
    margin: -170px 0 0 -400px;
    position: absolute
}

#ezselectAddressModal .modal-body {
    max-height: 602px
}

#shippingAddressList {
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    text-align: left
}

#checkoutShippingAddressData .edit-options .nav {
    padding: 0 0 15px 37px;
    float: left;
    margin-bottom: 0
}

#checkoutShippingAddressData .edit-options .nav li {
    float: left
}

#checkoutShippingAddressData div.radio {
    margin-bottom: 18px
}

.styledSelect.inputType.errorField {
    border: 2px solid #ad3333
}

.char-ctr-display {
    position: absolute;
    right: 2px;
    top: 32px;
    font-size: 10px;
    font-weight: 100;
    padding: 6px 8px;
    background-color: #fff
}

#orderDetailsForm .char-ctr-display {
    right: 0;
    left: 563px;
    width: 27px;
    top: 8px;
    padding: 3px 12px
}

#orderDetailsForm .char-ctr-display.txt-area {
    left: 558px
}

.char-ctr-display.txt-area {
    top: 78px
}

#orderDetailsForm .char-ctr-display.txt-area {
    top: 46px
}

#cart-table .dataPromptSection .data-prompt-item {
    position: relative;
    width: 98%;
    margin-bottom: 10px
}

#cart-table .dataPromptSection .data-prompt-item .styledSelect select {
    height: 34px
}

#cart-table .dataPromptSection .data-prompt-item input {
    margin: 0
}

#cart-table .dataPromptSection .data-prompt-item input.gcErrorBox {
    border: 2px solid #ad3333
}

#cart-table .dataPromptSection .data-prompt-item .alert {
    margin: 5px 0;
    padding: 0
}

#order-reference-information-div div.additional-information-section {
    width: 100%;
    margin: 0 auto 10px auto;
    position: relative
}

#order-reference-information-div div.additional-information-section input, #order-reference-information-div div.additional-information-section select {
    width: 100%;
    margin: 0
}

#order-reference-information-div div.additional-information-section input:-webkit-autofill {
    background-color: #fff !important
}

#order-reference-information-div div.additional-information-section input#poNumberNotUsed {
    width: auto;
    height: auto
}

#order-reference-information-div div.additional-information-section #customField1ID {
    width: 100%;
    margin-bottom: 0;
    padding: 5px;
    resize: none
}

#order-reference-information-div div.additional-information-section #customField1ID.gcErrorBox {
    border: 2px solid #ad3333
}

#order-reference-information-div div.additional-information-section .poNumberNotUsedDiv {
    margin: 13px 0 12px;
    padding-bottom: 0 !important
}

#order-reference-information-div div.additional-information-section .poNumberNotUsedDiv #poNumberNotUsed {
    position: relative;
    top: 2px
}

#order-reference-information-div div.additional-information-section .poNumberNotUsedDiv label {
    line-height: 16px;
    display: inline !important
}

#order-reference-information-div div.additional-information-section textarea {
    padding: 5px 27px 5px 5px
}

#order-reference-information-div div.additional-information-section #poNumberID.gcErrorBox {
    border: 2px solid #ad3333
}

#order-reference-information-div div.additional-information-section #requisitionNameID.gcErrorBox {
    border: 2px solid #ad3333
}

#order-reference-information-div div.additional-information-section #customField2.gcErrorBox {
    border: 2px solid #ad3333
}

#order-reference-information-div div.additional-information-section input.gcErrorBox {
    border: 2px solid #ad3333
}

#order-reference-information-div div.additional-information-section#pendingOrderOrderLevelDataPrompts input {
    margin-bottom: 10px !important
}

#order-reference-information-div div.additional-information-section#pendingOrderOrderLevelDataPrompts .styledSelect {
    margin-bottom: 10px !important
}

#order-reference-information-div .gTooltip .graingerTip {
    top: 1px;
    position: relative
}

#cartRightRail.desktopPendingOrderRightRail {
    float: right;
    margin-bottom: 18px
}

#cartRightRail.desktopPendingOrderRightRail h2.decrease-size {
    font-size: 16px
}

#cartRightRail.desktopPendingOrderRightRail #cart-payment {
    width: 100%;
    display: inline-block;
    border-bottom: none;
    box-shadow: none;
    margin-bottom: 0
}

#cartRightRail.desktopPendingOrderRightRail #cart-payment .paymentLabel {
    display: inline-block
}

#cartRightRail.desktopPendingOrderRightRail #cart-payment p {
    margin-bottom: 0
}

#cartRightRail.desktopPendingOrderRightRail #forwardChooseError.alert.error {
    margin-top: 0 !important
}

#cartRightRail.desktopPendingOrderRightRail .customizeDataSection {
    word-break: break-word
}

#cartRightRail.desktopPendingOrderRightRail .cart-summary-area #pendingOrderOrderLevelDataPromptsSubmitter .pendingOrderOrderLevelDataPromptsDiv {
    margin-bottom: 10px
}

#cartRightRail.desktopPendingOrderRightRail .cart-summary-area .additional-information-section .styledSelect {
    margin-bottom: 0 !important
}

#cartRightRail.desktopPendingOrderRightRail .cart-summary-area .additional-information-section#pendingOrderOrderNotes .styledSelect {
    margin-bottom: 0 !important
}

#cartRightRail.desktopPendingOrderRightRail .cart-summary-area p:empty, #cartRightRail.desktopPendingOrderRightRail .cart-summary-area span:empty {
    display: none
}

#cartRightRail.desktopPendingOrderRightRail .cart-summary-area label {
    line-height: 16px
}

#cartRightRail.desktopPendingOrderRightRail .cart-summary-area .char-ctr-display {
    top: 29px
}

#cartRightRail.desktopPendingOrderRightRail .cart-summary-area .char-ctr-display.txt-area {
    top: 72px
}

#cartRightRail.desktopPendingOrderRightRail .cart-summary-area.pickup-location-summary-area span {
    width: 100%;
    display: block
}

.orderApprovalError {
    color: red
}

@media screen and (max-width: 1024px) {
    .language-fr .cart-summary-area .summary-total input {
        width: 100% !important
    }
}

.lt-ie8 .cart-summary-area .char-ctr-display {
    right: -5px
}

.lt-ie8 .cart-summary-area .char-ctr-display.txt-area {
    top: 100px
}

.cart-orderApprovalMessage {
    margin-bottom: 5px;
    font-size: 12px
}

.cart-orderApprovalMessage-list {
    list-style: inherit;
    margin: 5px;
    font-size: 12px
}

.pendingPrintModal .cartSummaryPromo, .deniedPrintModal .cartSummaryPromo {
    float: right;
    margin-top: 1px;
    width: 60%
}

.pendingPrintModal h2.decrease-size, .deniedPrintModal h2.decrease-size {
    padding: 10px 15px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    background: #666;
    margin-bottom: -1px;
    width: 60%;
    float: inline-end
}

.packing-slip-notes {
    overflow-wrap: break-word
}

#cartRightRail .orderReviewCheckAvailability[disabled='disabled'] {
    pointer-events: none
}

.cart-availability-container, .cart-delivery-container, .zipCodeSearch {
    display: block
}

.expand:hover, .collapse:hover {
    text-decoration: none
}

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

#navSearchContainer:after {
    clear: both
}

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

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

#navSearchContainer:after {
    clear: both
}

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

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

#navSearchContainer:after {
    clear: both
}

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

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

#navSearchContainer:after {
    clear: both
}

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

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

#navSearchContainer:after {
    clear: both
}

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

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

#navSearchContainer:after {
    clear: both
}

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

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

#navSearchContainer:after {
    clear: both
}

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

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

#navSearchContainer:after {
    clear: both
}

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

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

#navSearchContainer:after {
    clear: both
}

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

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

#navSearchContainer:after {
    clear: both
}

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

.nav.navTable {
    margin-bottom: 10px
}

.nav.navTable li {
    display: inline-block
}

.delivery-avail-container {
    font-size: 12px;
    background-color: #eee;
    padding: 10px
}

.delivery-avail-container:after, .delivery-avail-container:before {
    content: " ";
    display: table
}

.delivery-avail-container:after {
    clear: both
}

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

.delivery-avail-container:after, .delivery-avail-container:before {
    content: " ";
    display: table
}

.delivery-avail-container:after {
    clear: both
}

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

.delivery-avail-container:after, .delivery-avail-container:before {
    content: " ";
    display: table
}

.delivery-avail-container:after {
    clear: both
}

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

.delivery-avail-container:after, .delivery-avail-container:before {
    content: " ";
    display: table
}

.delivery-avail-container:after {
    clear: both
}

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

.delivery-avail-container:after, .delivery-avail-container:before {
    content: " ";
    display: table
}

.delivery-avail-container:after {
    clear: both
}

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

.delivery-avail-container:after, .delivery-avail-container:before {
    content: " ";
    display: table
}

.delivery-avail-container:after {
    clear: both
}

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

.delivery-avail-container:after, .delivery-avail-container:before {
    content: " ";
    display: table
}

.delivery-avail-container:after {
    clear: both
}

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

.delivery-avail-container:after, .delivery-avail-container:before {
    content: " ";
    display: table
}

.delivery-avail-container:after {
    clear: both
}

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

.delivery-avail-container:after, .delivery-avail-container:before {
    content: " ";
    display: table
}

.delivery-avail-container:after {
    clear: both
}

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

.delivery-avail-container:after, .delivery-avail-container:before {
    content: " ";
    display: table
}

.delivery-avail-container:after {
    clear: both
}

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

.delivery-avail-container table {
    margin-bottom: 0
}

.delivery-avail-container table tr {
    border-top: none !important;
    border-bottom: none !important
}

.delivery-avail-container td {
    padding-top: 0;
    padding-bottom: 0
}

.delivery-avail-container > div {
    display: inline-block;
    vertical-align: top;
    border-left: 1px solid #CCC;
    padding: 0 15px
}

@media (max-width: 780px) {
    .responsive .delivery-avail-container > div {
        padding: 10px 15px
    }
}

.lt-ie8 .delivery-avail-container > div {
    display: inline;
    zoom: 1
}

.delivery-avail-container .cart-availability-container #shippingSettingsContainer > div {
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.delivery-avail-container .cart-availability-container #shippingSettingsContainer #shippingNotesTitle {
    padding-bottom: 3px
}

.delivery-avail-container .cart-availability-container #shippingSettingsContainer #customField2 {
    width: 450px
}

.delivery-avail-container .cart-branch-info-container {
    padding-left: 10px
}

.delivery-avail-container .cart-branch-info-container table {
    margin-bottom: 6px;
    padding-left: 10px
}

.delivery-avail-container .cart-branch-info-container tr td {
    border: 0 !important;
    padding: 0 !important
}

.delivery-avail-container .cart-branch-info-container .pickuplocation-table {
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px
}

.delivery-avail-container #pickup-container {
    padding-left: 10px;
    max-width: 600px;
    width: 100%
}

.delivery-avail-container #checkAvailabilityForm {
    width: 20%;
    display: inline-block
}

.delivery-avail-container .cart-delivery-container label {
    cursor: pointer;
    width: 79%;
    margin-bottom: 10px
}

.delivery-avail-container.is-pickup > div:not(:last-of-type) {
    border-right: 1px solid #ccc;
    min-height: 180px
}

.delivery-avail-container.is-pickup .cart-availability-container {
    width: 32%;
    float: left
}

.delivery-avail-container.is-pickup .cart-delivery-container {
    float: left;
    width: 30%
}

.delivery-avail-container.is-pickup #cart-branch-info-container {
    border-right: none
}

.delivery-avail-container.is-pickup .eproPickupMessaging {
    margin-bottom: 10px
}

.delivery-avail-container.is-pickup .eproPickupMessaging .eproPickupMessageTitle {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 5px
}

.delivery-avail-container.is-pickup .eproPickupMessaging .eproPickupMessageText {
    font-size: 11px
}

.delivery-avail-container.is-pickup .eproPickUpInfo {
    width: 100%;
    border-top: 1px solid #ccc;
    margin-top: 5px
}

.delivery-avail-container.is-pickup .eproPickUpInfo .eproPickupInput {
    display: inline-block;
    width: 24%;
    margin-right: 5px;
    vertical-align: top
}

.lt-ie8 .delivery-avail-container.is-pickup .eproPickUpInfo .eproPickupInput {
    width: 200px;
    display: inline;
    zoom: 1
}

.delivery-avail-container.is-pickup .eproPickUpInfo .eproPickupInput input {
    display: block;
    width: 100%
}

.lt-ie8 .delivery-avail-container.is-pickup .eproPickUpInfo .eproPickupInput input {
    width: 90%
}

.delivery-avail-container.is-pickup .eproPickUpInfo .eproPickupInput .eproPickupError {
    margin-left: 5px;
    width: 90%
}

.delivery-avail-container.is-pickup #pickupEligiblityMessage {
    display: block;
    clear: both;
    font-weight: bold;
    padding: 15px 0 0 10px
}

.delivery-avail-container .packing-slip-info {
    margin-left: 167px
}

.delivery-avail-container .packing-slip-info .info:before {
    font-family: graingerFont;
    content: "\e624";
    font-weight: 400;
    font-size: 13px;
    color: #666;
    margin: 0 5px
}

.delivery-avail-container .title {
    font-size: 14px;
    font-weight: bold
}

.responsive .delivery-avail-container .description {
    display: block
}

.delivery-avail-container .noShippingAddress {
    margin: 0 0 5px 0
}

.delivery-avail-container .saveOrCancelAddressErrMsg {
    float: right;
    margin: 25px -120px
}

.delivery-avail-container .zipCodeSearch {
    margin-top: -7px
}

.delivery-avail-container #zipcode {
    width: 95px;
    float: left
}

.delivery-avail-container .findABranchCountry {
    font-weight: 700
}

#order-items-list:after, #order-items-list:before {
    content: " ";
    display: table
}

#order-items-list:after {
    clear: both
}

.lt-ie8 #order-items-list {
    clear: both;
    zoom: 1
}

#order-items-list:after, #order-items-list:before {
    content: " ";
    display: table
}

#order-items-list:after {
    clear: both
}

.lt-ie8 #order-items-list {
    clear: both;
    zoom: 1
}

#order-items-list:after, #order-items-list:before {
    content: " ";
    display: table
}

#order-items-list:after {
    clear: both
}

.lt-ie8 #order-items-list {
    clear: both;
    zoom: 1
}

#order-items-list:after, #order-items-list:before {
    content: " ";
    display: table
}

#order-items-list:after {
    clear: both
}

.lt-ie8 #order-items-list {
    clear: both;
    zoom: 1
}

#order-items-list:after, #order-items-list:before {
    content: " ";
    display: table
}

#order-items-list:after {
    clear: both
}

.lt-ie8 #order-items-list {
    clear: both;
    zoom: 1
}

#order-items-list:after, #order-items-list:before {
    content: " ";
    display: table
}

#order-items-list:after {
    clear: both
}

.lt-ie8 #order-items-list {
    clear: both;
    zoom: 1
}

#order-items-list:after, #order-items-list:before {
    content: " ";
    display: table
}

#order-items-list:after {
    clear: both
}

.lt-ie8 #order-items-list {
    clear: both;
    zoom: 1
}

#order-items-list:after, #order-items-list:before {
    content: " ";
    display: table
}

#order-items-list:after {
    clear: both
}

.lt-ie8 #order-items-list {
    clear: both;
    zoom: 1
}

#order-items-list:after, #order-items-list:before {
    content: " ";
    display: table
}

#order-items-list:after {
    clear: both
}

.lt-ie8 #order-items-list {
    clear: both;
    zoom: 1
}

#order-items-list:after, #order-items-list:before {
    content: " ";
    display: table
}

#order-items-list:after {
    clear: both
}

.lt-ie8 #order-items-list {
    clear: both;
    zoom: 1
}

#order-items-list .itemsInOrder {
    float: left;
    font-size: 16px;
    font-weight: 700;
    margin: 0
}

#order-items-list .productsCartLabel {
    float: right
}

#order-items-list .productsCartLabel p {
    font-size: 12px
}

#order-items-list .show-more, #order-items-list .show-less {
    float: right;
    height: auto;
    font-size: 12px
}

#order-items-list .show-more, #order-items-list .show-less {
    font-weight: 700
}

#order-items-list .lineItemMessage_en {
    float: right;
    height: auto;
    font-size: 12px !important
}

#order-items-list .lineItemMessage_es {
    float: right;
    height: auto;
    font-size: 11px !important
}

#order-items-list .collapse span {
    margin-right: 4px
}

#order-items-list .collapse:before {
    font-family: graingerFont;
    content: "\e60f";
    font-weight: 400
}

#order-items-list .expand span {
    margin-right: 4px
}

#order-items-list .expand:before {
    font-family: graingerFont;
    content: "\e629";
    font-weight: 400
}

#cart-table .altCheckoutNav, .paymentMethods .altCheckoutNav {
    float: right;
    display: block
}

#cart-table .altCheckoutNav .lt-ie9, .paymentMethods .altCheckoutNav .lt-ie9 {
    margin-top: 20px
}

.paymentMethods {
    position: relative
}

#cart-table {
    padding-top: 10px
}

#cart-table.orderDetails .cart-item-info {
    float: left;
    margin-left: 50px
}

#cart-table.orderDetails .cart-item, #cart-table.orderDetails .cart-qty, #cart-table.orderDetails .cart-avail, #cart-table.orderDetails .cart-price, #cart-table.orderDetails .cart-cartbtn {
    padding: 15px !important
}

#cart-table .saveNotes {
    margin: 0 0 0 10px
}

#cart-table .alert {
    padding: 10px 15px
}

#cart-table .tabs {
    position: relative
}

#cart-table .item-status-message {
    clear: both;
    padding: 0;
    margin: 15px 0 0
}

#cart-table #cartItemsTbody {
    border-right: none
}

#cart-table #cartItemsTbody .searchItemLabelMsdsLink {
    display: none
}

#cart-table #cartItemsTbody th p {
    margin-bottom: 0
}

#cart-table #cartItemsTbody .sectionSubHeader {
    background: #eee;
    padding: 15px 12px 0 12px
}

.responsive #cart-table #cartItemsTbody .sectionSubHeader {
    padding: 10px;
    font-size: 12px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

#reviewPageForm #cart-table {
    padding-top: 20px;
    border-top: 1px solid #ccc;
    background: radial-gradient(center, ellipse cover, rgba(25, 25, 25, 0.35) 0, rgba(0, 0, 0, 0) 100%);
    background: radial-gradient(ellipse 70% 10px at top, rgba(25, 25, 25, 0.35) 0, rgba(255, 255, 255, 0) 80%)
}

#cart-table .nav a {
    font-size: 12px;
    font-weight: 700;
    vertical-align: baseline
}

#cart-table .service-box:after, #cart-table .service-box:before {
    content: " ";
    display: table
}

#cart-table .service-box:after {
    clear: both
}

.lt-ie8 #cart-table .service-box {
    clear: both;
    zoom: 1
}

#cart-table .service-box:after, #cart-table .service-box:before {
    content: " ";
    display: table
}

#cart-table .service-box:after {
    clear: both
}

.lt-ie8 #cart-table .service-box {
    clear: both;
    zoom: 1
}

#cart-table .service-box:after, #cart-table .service-box:before {
    content: " ";
    display: table
}

#cart-table .service-box:after {
    clear: both
}

.lt-ie8 #cart-table .service-box {
    clear: both;
    zoom: 1
}

#cart-table .service-box:after, #cart-table .service-box:before {
    content: " ";
    display: table
}

#cart-table .service-box:after {
    clear: both
}

.lt-ie8 #cart-table .service-box {
    clear: both;
    zoom: 1
}

#cart-table .service-box:after, #cart-table .service-box:before {
    content: " ";
    display: table
}

#cart-table .service-box:after {
    clear: both
}

.lt-ie8 #cart-table .service-box {
    clear: both;
    zoom: 1
}

#cart-table .service-box:after, #cart-table .service-box:before {
    content: " ";
    display: table
}

#cart-table .service-box:after {
    clear: both
}

.lt-ie8 #cart-table .service-box {
    clear: both;
    zoom: 1
}

#cart-table .service-box:after, #cart-table .service-box:before {
    content: " ";
    display: table
}

#cart-table .service-box:after {
    clear: both
}

.lt-ie8 #cart-table .service-box {
    clear: both;
    zoom: 1
}

#cart-table .service-box:after, #cart-table .service-box:before {
    content: " ";
    display: table
}

#cart-table .service-box:after {
    clear: both
}

.lt-ie8 #cart-table .service-box {
    clear: both;
    zoom: 1
}

#cart-table .service-box:after, #cart-table .service-box:before {
    content: " ";
    display: table
}

#cart-table .service-box:after {
    clear: both
}

.lt-ie8 #cart-table .service-box {
    clear: both;
    zoom: 1
}

#cart-table .service-box:after, #cart-table .service-box:before {
    content: " ";
    display: table
}

#cart-table .service-box:after {
    clear: both
}

.lt-ie8 #cart-table .service-box {
    clear: both;
    zoom: 1
}

#cart-table .service-box > * {
    float: left
}

#cart-table .service-box hr {
    margin: 0
}

#cart-table .oms-float-none:after, #cart-table .oms-float-none:before {
    content: " ";
    display: table
}

#cart-table .oms-float-none:after {
    clear: both
}

.lt-ie8 #cart-table .oms-float-none {
    clear: both;
    zoom: 1
}

#cart-table .oms-float-none:after, #cart-table .oms-float-none:before {
    content: " ";
    display: table
}

#cart-table .oms-float-none:after {
    clear: both
}

.lt-ie8 #cart-table .oms-float-none {
    clear: both;
    zoom: 1
}

#cart-table .oms-float-none:after, #cart-table .oms-float-none:before {
    content: " ";
    display: table
}

#cart-table .oms-float-none:after {
    clear: both
}

.lt-ie8 #cart-table .oms-float-none {
    clear: both;
    zoom: 1
}

#cart-table .oms-float-none:after, #cart-table .oms-float-none:before {
    content: " ";
    display: table
}

#cart-table .oms-float-none:after {
    clear: both
}

.lt-ie8 #cart-table .oms-float-none {
    clear: both;
    zoom: 1
}

#cart-table .oms-float-none:after, #cart-table .oms-float-none:before {
    content: " ";
    display: table
}

#cart-table .oms-float-none:after {
    clear: both
}

.lt-ie8 #cart-table .oms-float-none {
    clear: both;
    zoom: 1
}

#cart-table .oms-float-none:after, #cart-table .oms-float-none:before {
    content: " ";
    display: table
}

#cart-table .oms-float-none:after {
    clear: both
}

.lt-ie8 #cart-table .oms-float-none {
    clear: both;
    zoom: 1
}

#cart-table .oms-float-none:after, #cart-table .oms-float-none:before {
    content: " ";
    display: table
}

#cart-table .oms-float-none:after {
    clear: both
}

.lt-ie8 #cart-table .oms-float-none {
    clear: both;
    zoom: 1
}

#cart-table .oms-float-none:after, #cart-table .oms-float-none:before {
    content: " ";
    display: table
}

#cart-table .oms-float-none:after {
    clear: both
}

.lt-ie8 #cart-table .oms-float-none {
    clear: both;
    zoom: 1
}

#cart-table .oms-float-none:after, #cart-table .oms-float-none:before {
    content: " ";
    display: table
}

#cart-table .oms-float-none:after {
    clear: both
}

.lt-ie8 #cart-table .oms-float-none {
    clear: both;
    zoom: 1
}

#cart-table .oms-float-none:after, #cart-table .oms-float-none:before {
    content: " ";
    display: table
}

#cart-table .oms-float-none:after {
    clear: both
}

.lt-ie8 #cart-table .oms-float-none {
    clear: both;
    zoom: 1
}

#cart-table .oms-float-none > * {
    float: none
}

#cart-table label {
    font-weight: 700
}

#cart-table p {
    font-size: 12px
}

#cart-table th {
    vertical-align: middle;
    padding-bottom: 10px;
    font-weight: bold;
    font-size: 14px
}

#cart-table tr {
    border: 0
}

#cart-table th, #cart-table td {
    padding-left: 15px;
    vertical-align: top
}

#cart-table th.cart-price, #cart-table td.cart-price {
    padding-top: 15px;
    text-align: right \9;
    text-align: left
}

#cart-table th.extraOptions, #cart-table td.extraOptions, #cart-table th.cart-item-extra-info, #cart-table td.cart-item-extra-info {
    text-align: left;
    padding-right: 0
}

#reviewPageForm #cart-table th.last, #reviewPageForm #cart-table .cart-price {
    text-align: right
}

#cart-table .rtaMsgIcon {
    margin: 0 0 0 4px
}

#cart-table .totoal-price {
    text-align: left
}

#cart-table .cart-item-border {
    border-top: 2px solid #eee;
    padding: 10px 0 15px 0
}

#cart-table .cart-item-extra-info {
    padding: 0
}

#cart-table .cart-item, #cart-table .cart-qty, #cart-table .cart-avail, #cart-table .cart-price, #cart-table .cart-cartbtn {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

#cart-table .cart-item-child-info td {
    border: 0
}

#cart-table .cart-item {
    width: 35%;
    clear: both;
    position: relative
}

#cart-table .cart-item p {
    line-height: 16px;
    padding-right: 20px
}

#cart-table .denied-order-cart-item-width {
    width: 70% !important
}

#cart-table .cart-cartbtn {
    width: 17%
}

#cart-table .cart-qty {
    width: 7%
}

.responsive #cart-table .cart-qty {
    width: 6%
}

#cart-table.order-review .cart-item, #cart-table.order-confirm .cart-item, #cart-table.pending-orders .cart-item {
    width: 57%
}

#cart-table.order-review .cart-qty, #cart-table.order-confirm .cart-qty, #cart-table.pending-orders .cart-qty {
    width: 10%
}

#cart-table .denied-order-cart-qty-width {
    width: 15% !important
}

#cart-table .cart-action {
    width: 17%;
    padding-top: 0
}

.responsive #cart-table .cart-action {
    width: 16%
}

#cart-table .cart-action ul.cartLineItemActions li {
    width: 100%;
    padding: 0 0 10px 0
}

#cart-table .cart-qty a {
    font-size: 12px;
    line-height: 16px
}

#cart-table .cart-avail {
    width: 17%;
    padding-right: 1%;
    min-width: 100px;
    font-size: 12px
}

.responsive #cart-table .cart-avail {
    width: 18%
}

#cart-table .cart-price {
    width: 12%;
    display: inline
}

#cart-table .cart-price span {
    color: #257238;
    font-weight: 700;
    font-size: 14px;
    word-wrap: break-word;
    display: inline
}

.responsive #cart-table .cart-price {
    text-align: right
}

#cart-table .cart-price label {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px
}

#cart-table .cart-price input {
    margin: 0
}

#cart-table .cart-price .itemExemptsContainer {
    margin-top: 5px;
    float: right
}

#cart-table .cart-price .itemExemptsContainer [for^="checkout-taxable"] {
    width: auto
}

#cart-table .cart-price .itemExemptsContainer > * {
    display: inline-block
}

#cart-table .cart-discount {
    color: #fa0000
}

#cart-table .strikedPrice {
    text-decoration: line-through
}

#cart-table .cartItemDescription, #cart-table .cart-item-info, #cart-table .cartExtendedInfo, #cart-table .warrantyListItems {
    margin-left: 56px
}

#cart-table .cartItemDescription .sourcingQuoteClass, #cart-table .cart-item-info .sourcingQuoteClass, #cart-table .cartExtendedInfo .sourcingQuoteClass, #cart-table .warrantyListItems .sourcingQuoteClass {
    pointer-events: none
}

.responsive #cart-table .cartItemDescription {
    display: inline-block;
    width: 75%;
    margin-left: 15px
}

#cart-table .warrantyListItems {
    font-size: 12px
}

#cart-table .cart-img {
    position: absolute;
    width: 45px;
    height: 45px;
    left: 0
}

#cart-table .cart-img img {
    max-width: 100%
}

.responsive #cart-table .cart-img {
    display: inline-block;
    position: relative;
    vertical-align: top
}

.responsive #cart-table .cart-img img {
    width: 45px
}

#cart-table .quantity input {
    float: left;
    margin-right: 50px
}

#cart-table .itemNumber {
    font-weight: 500
}

#cart-table .itemPrice {
    color: #257238;
    font-weight: 500
}

#cart-table .edit-options .nav, #cart-table .commerce .nav {
    float: left;
    margin-bottom: 0
}

#cart-table .edit-options .nav li, #cart-table .commerce .nav li {
    float: left;
    font-size: .75em
}

#cart-table .edit-options .nav .separator, #cart-table .commerce .nav .separator {
    min-width: 15px;
    text-align: center;
    display: inline-block
}

#cart-table .edit-options .nav {
    padding: 10px 0 15px 40px
}

#cart-table .show-more-content-edit {
    margin: 10px 25px 10px 0;
    width: 100%
}

#cart-table .show-more-content-edit .short-width, #cart-table .show-more-content-edit .medium-width {
    float: left;
    text-align: left
}

#cart-table .show-more-content-edit .short-width input {
    width: 110px;
    margin-right: 15px
}

#cart-table .show-more-content-edit .medium-width input {
    width: 199px
}

#cart-table .show-more-content-edit .styledSelect {
    width: 170px;
    margin: 3px 10px 0 0
}

#cart-table .show-more-content-edit .lineLevelCartFields {
    width: 100%
}

#cart-table .show-more-content-edit .notesLength {
    margin-left: -26px;
    font-size: 10px
}

#cart-table .commerce .nav a {
    display: inline-block;
    margin-top: 5px
}

#cart-table .unsetDefaultAddress, #cart-table .setDefaultAddress {
    float: left
}

#cart-table .settingsPanel {
    clear: both
}

#cart-table .checkoutShippingAddress label {
    font-weight: 100
}

#cart-table .checkoutShippingAddress label strong {
    font-weight: 700
}

#cart-table .warrantyListItems li {
    padding-bottom: 5px
}

#cart-table .extendRow .extraOptions {
    padding: 0 0 0 54px
}

#cart-table .extendRow .extraOptions img, #cart-table .extendRow .extraOptions .cartExtendedInfo {
    display: inline-block
}

#cart-table .extendRow .extraOptions .cartExtendedInfo {
    margin-left: 10px;
    padding-top: 5px;
    vertical-align: top
}

#cart-table.empty .cart-item {
    border-top: none;
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    float: none;
    text-align: center
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

.lt-ie8 #cart-table.empty .cart-item {
    width: 98%
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

.lt-ie8 #cart-table.empty .cart-item {
    width: 98%
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

.lt-ie8 #cart-table.empty .cart-item {
    width: 98%
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

.lt-ie8 #cart-table.empty .cart-item {
    width: 98%
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

.lt-ie8 #cart-table.empty .cart-item {
    width: 98%
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

.lt-ie8 #cart-table.empty .cart-item {
    width: 98%
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

.lt-ie8 #cart-table.empty .cart-item {
    width: 98%
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

.lt-ie8 #cart-table.empty .cart-item {
    width: 98%
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

.lt-ie8 #cart-table.empty .cart-item {
    width: 98%
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

#cart-table.empty .cart-item:after, #cart-table.empty .cart-item:before {
    content: " ";
    display: table
}

#cart-table.empty .cart-item:after {
    clear: both
}

.lt-ie8 #cart-table.empty .cart-item {
    clear: both;
    zoom: 1
}

.lt-ie8 #cart-table.empty .cart-item {
    width: 98%
}

#cart-table .table-footer.taxableArea {
    width: 100%;
    padding: 10px;
    background-color: #eee;
    font-weight: 700;
    text-align: center
}

#cart-table .margin-top-double td {
    padding-botom: 5px
}

#cart-table .margin-top-double .shorter-width {
    margin-left: 50px
}

#cart-table .margin-top-double input, #cart-table .margin-top-double label {
    display: inline
}

#cart-table .margin-top-double input {
    margin-right: 6px
}

.itemExemptsSelectAllContainer {
    padding: 10px;
    background-color: #eee
}

#cartItemsTbody .itemExemptsSelectAllContainer {
    text-align: right
}

.itemExemptsSelectAllContainer input, .itemExemptsSelectAllContainer label {
    display: inline-block;
    line-height: 16px
}

.extraOptions {
    font-size: 12px
}

.extraOptions .productConformity .alert-message-alternate-gov {
    display: inline-block;
    margin-top: 5px;
    float: left
}

.extraOptions .productConformity .alert-message-alternate-gov:before {
    content: ""
}

.extraOptions .productConformity .alert-message-alternate-gov p {
    width: 315px;
    margin-left: 10px;
    line-height: 16px
}

.extraOptions .productConformity .alternate-details-gov.right {
    float: right;
    margin-top: 23px
}

.extraOptions .productConformity .alternate-details-gov.right > * {
    float: left;
    margin-right: 10px
}

.extraOptions .productConformity .alternate-details-gov.right .alternate-gov-left {
    margin-right: 0
}

.extraOptions .productConformity .alternate-details-gov.right .alternate-gov-left .showAlternates, .extraOptions .productConformity .alternate-details-gov.right .alternate-gov-left .hideAlternates {
    background: #EEE;
    padding: 8px
}

.extraOptions .productConformity .alternate-details-gov.right .alternate-gov-left .showAlternates a:after, .extraOptions .productConformity .alternate-details-gov.right .alternate-gov-left .hideAlternates a:after {
    font-family: graingerFont;
    content: "\e629";
    font-weight: 400;
    display: inline-block;
    vertical-align: top;
    background: #00739e;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00739e), color-stop(1, #0098d1));
    background: -ms-linear-gradient(bottom, #00739e, #0098d1);
    background: -moz-linear-gradient(center bottom, #00739e 0, #0098d1 100%);
    background: -o-linear-gradient(#0098d1, #00739e);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0098d1', endColorstr='#00739e', GradientType=0);
    line-height: 8px;
    font-size: 6px;
    padding: 2px 3px;
    color: #fff;
    margin-right: 1px;
    font-weight: normal;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    margin-left: 5px
}

.extraOptions .productConformity .alternate-details-gov.right .alternate-gov-left .hideAlternates a:after {
    font-family: graingerFont;
    content: "\e60f";
    font-weight: 400
}

.extraOptions .cartAlternatesCarousalDiv {
    clear: both;
    font-size: 12px;
    background: #eee;
    padding: 12px 16px;
    line-height: 15px
}

.lt-ie8 .extraOptions .review-item-icons li {
    display: inline;
    zoom: 1
}

.tab-footer .pagination {
    padding: 10px 0
}

.width-500 #checkoutNewShippingAddressForm fieldset .checkbox input#checkout-new-address-default {
    margin-right: 6px;
    vertical-align: middle
}

#checkoutTax #cart-table .shaded-rounded-content {
    padding-top: 20px;
    border-top: 1px solid #ccc;
    background: radial-gradient(center, ellipse cover, rgba(25, 25, 25, 0.35) 0, rgba(0, 0, 0, 0) 100%);
    background: radial-gradient(ellipse 70% 10px at top, rgba(25, 25, 25, 0.35) 0, rgba(255, 255, 255, 0) 80%);
    margin-top: 22px
}

#checkoutTax #cart-table .thead {
    padding: 10px 0;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    margin: 10px 0
}

.lt-ie8 .responsive .eproPickupInput, .lt-ie8 .responsive #cart-table .cart-img, .lt-ie8 .responsive #cart-table .cartItemDescription, .lt-ie8 .responsive #header-breadcrumb-container #pageHeader {
    display: inline;
    zoom: 1
}

.lt-ie9 .delivery-avail-container .cart-branch-info-container {
    max-width: 210px
}

#mask {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9000;
    background-color: #FFF;
    display: none
}

#boxes .window {
    position: fixed;
    left: 0;
    top: 0;
    width: 613px;
    height: 450px;
    display: none;
    z-index: 9999;
    padding: 20px;
    margin-left: 50px;
    margin-top: 10px
}

#boxes #dialog {
    width: 613px;
    height: 450px;
    padding: 10px;
    background-color: #fff
}

#dialog .shipping-labels-modal fieldset {
    margin-left: 7px
}

#dialog .dialogmodel-header .modallabel {
    margin-top: 10px
}

#dialog #no-delivery-after-modal {
    margin-top: -7px
}

.modallabel {
    margin-top: -5px
}

#po-number-div-modal, #customer-attention-div-modal {
    padding-top: 10px
}

#cart-table .show-more-content-edit .medium-width input {
    width: 195px
}

#pdt-label {
    padding-right: 100px \9;
    border-bottom: 0 \9
}

#pdt-label-sc {
    width: 57%;
    padding-right: 100px \9;
    border-bottom: 0 \9
}

#pdt-label-sc p {
    margin-left: -30px
}

#pdt-label-sc p.anonymous {
    margin-left: 5px
}

#qty-label {
    border-bottom: 0 \9
}

#avail-label {
    border-bottom: 0 \9
}

#price-label {
    border-bottom: 0 \9;
    margin-top: 0 \9
}

#cart-maincontent .orderListTable {
    border-top: 1px solid #ccc;
    background: radial-gradient(center, ellipse cover, rgba(25, 25, 25, 0.35) 0, rgba(0, 0, 0, 0) 100%);
    background: radial-gradient(ellipse 70% 10px at top, rgba(25, 25, 25, 0.35) 0, rgba(255, 255, 255, 0) 80%)
}

.rtaMsg {
    font-size: 12px
}

#extraInfoForm {
    height: auto;
    max-height: 611px;
    top: 20px;
    width: 613px
}

#attentionDeliveryInstructions {
    height: 33px
}

.selectErrorField.inputType.errorField {
    border: 2px solid #ad3333;
    height: 37px
}

.errorMsg.alert.invalidMsg {
    padding: 0 !important
}

.checkoutAddPaymentMethod .billingAddressState {
    width: 212px
}

.paymentInfoTypeDatas {
    margin-bottom: 10px;
    margin-top: 10px
}

#paymetricsFrame {
    display: none
}

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

#GraingerCreditCompanyInfo strong {
    margin-bottom: 0 !important
}

.creditCardInfo input[type="checkbox"] {
    margin-left: 17px;
    margin-right: 0 !important
}

.paymentSelected {
    background: #E0E9ED;
    padding: 15px;
    padding-left: 38px
}

.sixMonthFree {
    width: 222px
}

#GraingerCreditCompanyInfo {
    padding-top: 10px;
    padding-left: 40px
}

.payCardMessage {
    padding-top: 10px
}

#payAtBranchInfo {
    padding-top: 10px;
    padding-bottom: 10px
}

.payAtBranch-modal table {
    width: 95% !important
}

.payAtBranch-modal table tr {
    border: 1px solid #000 !important
}

.payAtBranch-modal table tr td {
    font: inherit !important;
    font-size: 12px !important;
    padding: 2px 0;
    border: 1px solid #000 !important
}

.payAtBranch-modal p {
    margin-bottom: 7px
}

#paymentDetailsInfoModal {
    top: 10px;
    height: 550px;
    width: 700px;
    overflow-y: auto
}

#paymentDetailsInfoModal table {
    border-spacing: 2px !important;
    border-collapse: separate !important;
    font-family: Arial, Helvetica, sans-serif
}

#paymentDetailsInfoModal table tr {
    border: 0 !important
}

#paymentDetailsInfoModal table tr td {
    padding: 5px 0 !important
}

#paymentDetailsInfoModal .tableDispHead {
    width: 700px;
    font-size: 12px
}

#paymentDetailsInfoModal .tableDispTitle {
    height: 25px;
    background: #666
}

#paymentDetailsInfoModal .tableDisp {
    width: 700px;
    font-size: 12px
}

.paymentMethods .nav-tabs > li:first-child {
    margin-left: 0 !important
}

.paymentMethods .subnav > li.active a {
    border: 0 !important;
    text-decoration: none;
    color: #000
}

.paymentMethods .subnav > li a {
    border: 0 !important;
    text-decoration: underline;
    color: #145579
}

.nav-tabs.subnav {
    border-bottom: 0 !important
}

.altBg {
    background: #E5E5E5
}

.subnavfirst, .second, .nav-tabs .last {
    width: 33%;
    text-align: center
}

#payccarddet label {
    font-weight: normal !important
}

.gcomQuote {
    clear: both
}

.savedLocTab {
    border-bottom: 0 !important
}

.icon-csp:before {
    font-family: graingerFont;
    content: "\e904";
    font-weight: 400;
    font-size: 25px;
    color: purple
}

#customField2 {
    height: 80px;
    resize: none
}

#orderApprovalArea {
    display: none
}

.footerFindBranch:after {
    font-family: graingerFont;
    content: "\e60d";
    font-weight: 400;
    padding-left: 3px
}

#shipAddress .buttons {
    float: right;
    padding-bottom: 10px
}

#shipAddress .tdLabel {
    text-align: left;
    padding-right: 20px;
    width: 120px
}

#shipAddress #addressLine2 {
    margin-top: 0
}

.no-padding {
    padding: 0 !important
}

.branchHoursTable {
    position: relative;
    left: -7px
}

#pickupSearchRadius {
    top: 1px;
    margin-bottom: 0;
    height: 31px
}

.shippingNotes {
    width: 450px
}

.promo-label {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 48.5px;
    height: 14px;
    border: none;
    font: normal 80%/normal Arial, Helvetica, sans-serif;
    color: #fff;
    -o-text-overflow: clip;
    text-overflow: clip;
    background: #2FB74F;
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    display: inline-block
}

.non-custom-catalog-label {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 97.5px;
    height: 14px;
    border: none;
    font: normal 80%/normal Arial, Helvetica, sans-serif;
    color: #fff;
    -o-text-overflow: clip;
    text-overflow: clip;
    background: #ED8000;
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    display: inline-block;
    text-align: center;
    padding: 2px;
    margin-top: 5px
}

.covid19-branch-pick-height {
    height: 185px
}

.cart-summary-area .disclaimer-warning {
    font-size: 11px;
    font-style: italic;
    color: #E2791C;
    clear: both;
    line-height: 14px;
    text-align: left
}

.altCheckoutMainContent #cart-table {
    width: 100%
}

#best-option-selected {
    margin-top: 12px
}

#best-option-selected .carrier-bill-info {
    margin-top: 10px
}

#checkoutTax #cart-table td {
    padding-left: 0
}

#checkoutTax #cart-table td:first-child {
    padding: 0
}

#checkoutTax #cart-table td .select label {
    vertical-align: top
}

#gcom-checkout-shipping-address-error-format > * {
    margin-bottom: 0
}

.altCheckoutNav {
    text-align: right
}

#cart-table .shippingAddressesPerPage {
    float: left;
    font-weight: 700;
    font-size: 12px
}

#cart-table .shipAddressFilterContainer {
    margin-bottom: 20px;
    background: #eaeaea;
    padding: 10px
}

#cart-table .shipAddressFilterContainer .shipAddressFilter {
    width: 30%;
    display: inline-block;
    margin-right: 1%;
    margin-bottom: 10px;
    vertical-align: top
}

#cart-table .shipAddressFilterContainer .shipAddressFilter label {
    display: block;
    margin-bottom: 4px
}

#cart-table .shipAddressFilterContainer .shipAddressFilter input {
    margin: 0
}

#cart-table .shippingAddressPagination {
    width: 100%;
    display: block;
    margin-bottom: 10px;
    font-size: 12px
}

#cart-table .shippingAddressPagination .current {
    font-size: 12px
}

#cart-table .checkbox label {
    margin-top: 0;
    line-height: 17px
}

#cart-table .shippingMethodRadioBtn {
    clear: both
}

#cart-table .shippingMethodRadioBtn .gForm-checkbox {
    margin: 0 0 10px 0
}

#cart-table .radio {
    margin: 0 0 8px 0
}

#cart-table .radio input {
    float: left;
    margin-right: 7px
}

#cart-table .radio label {
    margin-top: 2px
}

#cart-table input {
    display: inline-block;
    margin-top: 3px;
    margin-right: 6px
}

#cart-table .shippingMethodLabel {
    width: 600px;
    color: #999;
    font-weight: 500
}

#cart-table .shippingMethodLabel em {
    color: #257238;
    font-weight: 700
}

#cart-table .shippingMethodLabel strong {
    color: #000;
    width: 100px
}

#cart-table .carrierPrefsTitle {
    margin: 20px 0 0 0;
    font-weight: 700
}

#cart-table .carrierPrefsTitle .carrierOptionalText {
    padding: 0 0 0 5px
}

#cart-table .carrierDisclaimerMsg {
    padding: 5px 0
}

#cart-table .carrierPrefsDropdown {
    padding: 0;
    margin: 0
}

#cart-table .carrierBillMeCheckbox {
    margin: 10px 0;
    font-weight: 500
}

#cart-table .carrierBillMeCheckbox label {
    font-weight: 500
}

#cart-table .haveCarrierBillMe {
    font-weight: 500
}

#cart-table .exportCompliance {
    margin: 20px 0 10px 0;
    font-weight: 700;
    font-size: 14px
}

#cart-table .exportComplianceContent > * {
    float: left
}

#cart-table .exportComplianceContent input {
    margin-top: 8px
}

#cart-table .exportComplianceContent label {
    display: inline-block;
    width: auto;
    margin: 7px 6px 0 6px;
    font-weight: normal
}

#cart-table #designatedCarrier {
    display: block
}

#cart-table .carrierOptionalText {
    color: #ccc
}

#cart-table .tableShipping {
    clear: both
}

#checkoutShippingAddressData td {
    padding: 0
}

#checkoutShippingAddressData td .radio {
    margin-top: 18px
}

#checkoutShippingAddressData {
    width: 100%
}

#checkoutShippingAddressData .selectedRow {
    background: #f2f2f2
}

#checkoutShippingAddressData .edit-options {
    margin: 10px 0 0 0
}

#checkoutShippingAddressData .edit-options:after, #checkoutShippingAddressData .edit-options:before {
    content: " ";
    display: table
}

#checkoutShippingAddressData .edit-options:after {
    clear: both
}

.lt-ie8 #checkoutShippingAddressData .edit-options {
    clear: both;
    zoom: 1
}

#checkoutShippingAddressData .edit-options:after, #checkoutShippingAddressData .edit-options:before {
    content: " ";
    display: table
}

#checkoutShippingAddressData .edit-options:after {
    clear: both
}

.lt-ie8 #checkoutShippingAddressData .edit-options {
    clear: both;
    zoom: 1
}

#checkoutShippingAddressData .edit-options:after, #checkoutShippingAddressData .edit-options:before {
    content: " ";
    display: table
}

#checkoutShippingAddressData .edit-options:after {
    clear: both
}

.lt-ie8 #checkoutShippingAddressData .edit-options {
    clear: both;
    zoom: 1
}

#checkoutShippingAddressData .edit-options:after, #checkoutShippingAddressData .edit-options:before {
    content: " ";
    display: table
}

#checkoutShippingAddressData .edit-options:after {
    clear: both
}

.lt-ie8 #checkoutShippingAddressData .edit-options {
    clear: both;
    zoom: 1
}

#checkoutShippingAddressData .edit-options:after, #checkoutShippingAddressData .edit-options:before {
    content: " ";
    display: table
}

#checkoutShippingAddressData .edit-options:after {
    clear: both
}

.lt-ie8 #checkoutShippingAddressData .edit-options {
    clear: both;
    zoom: 1
}

#checkoutShippingAddressData .edit-options:after, #checkoutShippingAddressData .edit-options:before {
    content: " ";
    display: table
}

#checkoutShippingAddressData .edit-options:after {
    clear: both
}

.lt-ie8 #checkoutShippingAddressData .edit-options {
    clear: both;
    zoom: 1
}

#checkoutShippingAddressData .edit-options:after, #checkoutShippingAddressData .edit-options:before {
    content: " ";
    display: table
}

#checkoutShippingAddressData .edit-options:after {
    clear: both
}

.lt-ie8 #checkoutShippingAddressData .edit-options {
    clear: both;
    zoom: 1
}

#checkoutShippingAddressData .edit-options:after, #checkoutShippingAddressData .edit-options:before {
    content: " ";
    display: table
}

#checkoutShippingAddressData .edit-options:after {
    clear: both
}

.lt-ie8 #checkoutShippingAddressData .edit-options {
    clear: both;
    zoom: 1
}

#checkoutShippingAddressData .edit-options:after, #checkoutShippingAddressData .edit-options:before {
    content: " ";
    display: table
}

#checkoutShippingAddressData .edit-options:after {
    clear: both
}

.lt-ie8 #checkoutShippingAddressData .edit-options {
    clear: both;
    zoom: 1
}

#checkoutShippingAddressData .edit-options:after, #checkoutShippingAddressData .edit-options:before {
    content: " ";
    display: table
}

#checkoutShippingAddressData .edit-options:after {
    clear: both
}

.lt-ie8 #checkoutShippingAddressData .edit-options {
    clear: both;
    zoom: 1
}

#checkoutShippingAddressData .edit-options li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #checkoutShippingAddressData .edit-options li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #checkoutShippingAddressData .edit-options li:first-child {
    border: none
}

#checkoutShippingAddressData .edit-options li:first-child:before {
    display: none
}

#checkoutShippingAddressData .edit-options li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #checkoutShippingAddressData .edit-options li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #checkoutShippingAddressData .edit-options li:first-child {
    border: none
}

#checkoutShippingAddressData .edit-options li:first-child:before {
    display: none
}

#checkoutShippingAddressData .edit-options li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #checkoutShippingAddressData .edit-options li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #checkoutShippingAddressData .edit-options li:first-child {
    border: none
}

#checkoutShippingAddressData .edit-options li:first-child:before {
    display: none
}

#checkoutShippingAddressData .edit-options li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #checkoutShippingAddressData .edit-options li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #checkoutShippingAddressData .edit-options li:first-child {
    border: none
}

#checkoutShippingAddressData .edit-options li:first-child:before {
    display: none
}

#checkoutShippingAddressData .edit-options li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #checkoutShippingAddressData .edit-options li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #checkoutShippingAddressData .edit-options li:first-child {
    border: none
}

#checkoutShippingAddressData .edit-options li:first-child:before {
    display: none
}

#checkoutShippingAddressData .edit-options li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #checkoutShippingAddressData .edit-options li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #checkoutShippingAddressData .edit-options li:first-child {
    border: none
}

#checkoutShippingAddressData .edit-options li:first-child:before {
    display: none
}

#checkoutShippingAddressData .edit-options li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #checkoutShippingAddressData .edit-options li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #checkoutShippingAddressData .edit-options li:first-child {
    border: none
}

#checkoutShippingAddressData .edit-options li:first-child:before {
    display: none
}

#checkoutShippingAddressData .edit-options li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #checkoutShippingAddressData .edit-options li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #checkoutShippingAddressData .edit-options li:first-child {
    border: none
}

#checkoutShippingAddressData .edit-options li:first-child:before {
    display: none
}

#checkoutShippingAddressData .edit-options li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #checkoutShippingAddressData .edit-options li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #checkoutShippingAddressData .edit-options li:first-child {
    border: none
}

#checkoutShippingAddressData .edit-options li:first-child:before {
    display: none
}

#checkoutShippingAddressData .edit-options li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #checkoutShippingAddressData .edit-options li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #checkoutShippingAddressData .edit-options li:first-child {
    border: none
}

#checkoutShippingAddressData .edit-options li:first-child:before {
    display: none
}

#checkoutShippingAddressData .edit-options li .setDefaultAddressForCheckout, #checkoutShippingAddressData .edit-options li .unsetDefaultAddressForCheckout {
    float: left
}

#checkoutShippingAddressData .edit-options li a, #checkoutShippingAddressData .edit-options .show-more {
    font-weight: 700
}

#checkoutShippingAddressData .edit-options .showHideRecipientLink {
    line-height: 10px;
    padding-top: 10px
}

#checkoutShippingAddressData .edit-options .showHideRecipientLink:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #checkoutShippingAddressData .edit-options .showHideRecipientLink {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #checkoutShippingAddressData .edit-options .showHideRecipientLink:first-child {
    border: none
}

#checkoutShippingAddressData .edit-options .showHideRecipientLink:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #checkoutShippingAddressData .edit-options .showHideRecipientLink {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #checkoutShippingAddressData .edit-options .showHideRecipientLink:first-child {
    border: none
}

#checkoutShippingAddressData .edit-options .showHideRecipientLink:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #checkoutShippingAddressData .edit-options .showHideRecipientLink {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #checkoutShippingAddressData .edit-options .showHideRecipientLink:first-child {
    border: none
}

#checkoutShippingAddressData .edit-options .showHideRecipientLink:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #checkoutShippingAddressData .edit-options .showHideRecipientLink {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #checkoutShippingAddressData .edit-options .showHideRecipientLink:first-child {
    border: none
}

#checkoutShippingAddressData .edit-options .showHideRecipientLink:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #checkoutShippingAddressData .edit-options .showHideRecipientLink {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #checkoutShippingAddressData .edit-options .showHideRecipientLink:first-child {
    border: none
}

#checkoutShippingAddressData .edit-options .showHideRecipientLink:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #checkoutShippingAddressData .edit-options .showHideRecipientLink {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #checkoutShippingAddressData .edit-options .showHideRecipientLink:first-child {
    border: none
}

#checkoutShippingAddressData .edit-options .showHideRecipientLink:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #checkoutShippingAddressData .edit-options .showHideRecipientLink {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #checkoutShippingAddressData .edit-options .showHideRecipientLink:first-child {
    border: none
}

#checkoutShippingAddressData .edit-options .showHideRecipientLink:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #checkoutShippingAddressData .edit-options .showHideRecipientLink {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #checkoutShippingAddressData .edit-options .showHideRecipientLink:first-child {
    border: none
}

#checkoutShippingAddressData .edit-options .showHideRecipientLink:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #checkoutShippingAddressData .edit-options .showHideRecipientLink {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #checkoutShippingAddressData .edit-options .showHideRecipientLink:first-child {
    border: none
}

#checkoutShippingAddressData .edit-options .showHideRecipientLink:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #checkoutShippingAddressData .edit-options .showHideRecipientLink {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #checkoutShippingAddressData .edit-options .showHideRecipientLink:first-child {
    border: none
}

#checkoutShippingAddressData .edit-options .showHideRecipientLink .expand:before, #checkoutShippingAddressData .edit-options .showHideRecipientLink .collapse:before {
    margin-top: 0;
    float: left;
    margin-right: 6px
}

#checkoutShippingAddressData .edit-options .show-more-content {
    clear: both;
    margin-top: 15px;
    background: #eee;
    padding: 10px 18px 0
}

#checkoutShippingAddressData .edit-options .clear:after, #checkoutShippingAddressData .edit-options .clear:before {
    content: " ";
    display: table
}

#checkoutShippingAddressData .edit-options .clear:after {
    clear: both
}

.lt-ie8 #checkoutShippingAddressData .edit-options .clear {
    clear: both;
    zoom: 1
}

#checkoutShippingAddressData .edit-options .clear:after, #checkoutShippingAddressData .edit-options .clear:before {
    content: " ";
    display: table
}

#checkoutShippingAddressData .edit-options .clear:after {
    clear: both
}

.lt-ie8 #checkoutShippingAddressData .edit-options .clear {
    clear: both;
    zoom: 1
}

#checkoutShippingAddressData .edit-options .clear:after, #checkoutShippingAddressData .edit-options .clear:before {
    content: " ";
    display: table
}

#checkoutShippingAddressData .edit-options .clear:after {
    clear: both
}

.lt-ie8 #checkoutShippingAddressData .edit-options .clear {
    clear: both;
    zoom: 1
}

#checkoutShippingAddressData .edit-options .clear:after, #checkoutShippingAddressData .edit-options .clear:before {
    content: " ";
    display: table
}

#checkoutShippingAddressData .edit-options .clear:after {
    clear: both
}

.lt-ie8 #checkoutShippingAddressData .edit-options .clear {
    clear: both;
    zoom: 1
}

#checkoutShippingAddressData .edit-options .clear:after, #checkoutShippingAddressData .edit-options .clear:before {
    content: " ";
    display: table
}

#checkoutShippingAddressData .edit-options .clear:after {
    clear: both
}

.lt-ie8 #checkoutShippingAddressData .edit-options .clear {
    clear: both;
    zoom: 1
}

#checkoutShippingAddressData .edit-options .clear:after, #checkoutShippingAddressData .edit-options .clear:before {
    content: " ";
    display: table
}

#checkoutShippingAddressData .edit-options .clear:after {
    clear: both
}

.lt-ie8 #checkoutShippingAddressData .edit-options .clear {
    clear: both;
    zoom: 1
}

#checkoutShippingAddressData .edit-options .clear:after, #checkoutShippingAddressData .edit-options .clear:before {
    content: " ";
    display: table
}

#checkoutShippingAddressData .edit-options .clear:after {
    clear: both
}

.lt-ie8 #checkoutShippingAddressData .edit-options .clear {
    clear: both;
    zoom: 1
}

#checkoutShippingAddressData .edit-options .clear:after, #checkoutShippingAddressData .edit-options .clear:before {
    content: " ";
    display: table
}

#checkoutShippingAddressData .edit-options .clear:after {
    clear: both
}

.lt-ie8 #checkoutShippingAddressData .edit-options .clear {
    clear: both;
    zoom: 1
}

#checkoutShippingAddressData .edit-options .clear:after, #checkoutShippingAddressData .edit-options .clear:before {
    content: " ";
    display: table
}

#checkoutShippingAddressData .edit-options .clear:after {
    clear: both
}

.lt-ie8 #checkoutShippingAddressData .edit-options .clear {
    clear: both;
    zoom: 1
}

#checkoutShippingAddressData .edit-options .clear:after, #checkoutShippingAddressData .edit-options .clear:before {
    content: " ";
    display: table
}

#checkoutShippingAddressData .edit-options .clear:after {
    clear: both
}

.lt-ie8 #checkoutShippingAddressData .edit-options .clear {
    clear: both;
    zoom: 1
}

#checkoutShippingAddressData .edit-options .modal-content p {
    margin: 0;
    padding-bottom: 10px
}

#checkoutShippingAddressData .radio {
    padding-left: 18px
}

#checkoutShippingAddressData .radio input {
    vertical-align: top
}

#checkoutShippingAddressData .radio label {
    font-weight: 400;
    line-height: 16px
}

#checkoutShippingAddressData .radio label strong {
    margin-bottom: 7px;
    display: inline-block
}

#checkoutShippingAddressData .setDefaultAddress {
    padding: 0 0 0 3px;
    font-size: 16px
}

#checkoutShippingAddressData tr {
    border-bottom: 1px solid #ccc
}

#checkoutShippingAddressData tr td {
    padding: 0
}

#checkoutShippingAddressData .formFooter {
    padding: 0 20px 20px 0;
    text-align: left;
    margin: 0
}

#checkoutShippingAddressData .formFooter .cancelLink {
    text-decoration: none;
    padding: 0;
    vertical-align: middle;
    font-weight: 500;
    margin-top: 0
}

#checkoutShippingAddressData .formFooter .cancelLink:after {
    display: none
}

#checkoutShippingAddressData #shipAddressgsLgLb .formFooter {
    padding-top: 20px
}

.tab-container {
    clear: both
}

.newShippingAddressStateField {
    display: block
}

.altCheckoutMainContent h6 {
    padding: 20px 0 0 0
}

.altCheckoutMainContent .checkbox input {
    display: inline-block
}

.someParentClassNeedsToGoHere .tbody {
    padding: 20px 0 0 0
}

.someParentClassNeedsToGoHere .first {
    padding: 0
}

.shorter-width {
    margin: 0 0 0 125px
}

table {
    width: 100%
}

.creditCardInfo fieldset {
    padding: 10px
}

#payment-method .paymentRow td {
    border: 0
}

.paymentMethods .tab-content {
    border-bottom: 0
}

#paymentOptionsTable .creditCardImg {
    padding: 20px
}

#paymentOptionsTable .creditCardInfo {
    padding: 10px 0 0 0
}

#paymentOptionsTable .creditCardInfo label, #paymentOptionsTable .creditCardInfo input {
    display: inline-block
}

#paymentOptionsTable .creditCardInfo label {
    padding-left: 5px;
    font-weight: 400;
    line-height: 18px
}

#paymentOptionsTable .selected {
    background: #E0E9ED
}

#paymentOptionsTable strong {
    display: inline-block;
    margin-bottom: 10px
}

#paymentOptionsTable .edit-payment-options .nav {
    padding: 10px 0 10px 33px
}

#paymentOptionsTable .defaultPaymentLink {
    padding: 10px 0 0 0
}

#paymentOptionsTable li {
    display: inline-block
}

#paymentOptionsTable td {
    border-bottom: 1px solid #ccc;
    vertical-align: top
}

#paymentOptionsTable tr {
    border: 0
}

#paymentOptionsTable tr.selectedRow {
    background: #f2f2f2
}

#paymentOptionsTable .nav li:after {
    content: "|";
    padding: 0 10px
}

#paymentOptionsTable .nav {
    display: inline-block
}

#paymentOptionsTable .defaultPaymentLink {
    display: inline-block
}

#paymentOptionsTable .expirationDate p {
    padding: 10px 0 0 20px;
    width: 180px;
    font-size: 12px;
    margin-bottom: -8px
}

#paymentOptionsTable .expirationDate .expireDateLabel {
    font-weight: 700
}

#paymentOptionsTable .expirationDate p + p {
    font-weight: 700
}

#paymentOptionsTable .radio, #paymentOptionsTable .radio input {
    vertical-align: top
}

#billingAddressForm .checkbox {
    display: inline-block;
    margin: 10px 0 0 0;
    width: auto
}

#billingAddressForm .checkbox label {
    margin: 0;
    display: inline-block
}

#billingAddressForm .checkboxLabel {
    margin: 6px 0 0 7px;
    display: inline-block;
    width: auto
}

.billingAddress .sectionLabel {
    display: inline-block;
    margin: 10px 10px 5px 0
}

.billingAddress fieldset {
    border-top: 1px solid #ccc;
    margin: 10px 0 0 0
}

#cart-table h6 {
    padding: 20px 0 0 0
}

#cart-table .tab-content {
    padding: 10px 0 0 0
}

#cart-table .export-to-country {
    margin-top: 10px
}

#cart-table .pickupSearch {
    margin: 10px 0 20px 15px
}

#cart-table .pickupSearch p {
    font-size: 14px;
    font-weight: 700
}

#cart-table .pickupSearch input {
    margin-top: 0
}

#cart-table hr {
    background: #C0C0C0;
    height: 1px;
    border: none;
    width: 100%;
    display: block;
    margin: 15px 0
}

#hasPhoneHoursLink {
    padding: 0
}

#branchPickupTable .defaultpickupLocationAddress {
    font-weight: normal
}

#branchPickupTable .branchPickupLocationColumn {
    width: 325px
}

#branchPickupTable .branchPickupLocationSelect {
    width: inherit
}

#branchPickupTable th, #branchPickupTable th span {
    font-size: 14px;
    font-weight: 700
}

#branchPickupTable tr {
    border-bottom: solid 1px #ccc
}

#branchPickupTable td {
    padding: 20px 0 20px 15px;
    font-size: 14px
}

#branchPickupTable .branchPickupDistanceContent p {
    font-size: 14px
}

#branchPickupTable .radio input {
    margin-right: 10px;
    float: left
}

#branchPickupTable .radio p {
    font-weight: 500;
    margin: 0;
    padding: 2px 20px 0
}

#branchPickupTable .radio label p {
    padding: 0
}

#branchPickupTable .availabilityMsgColumn {
    font-size: 12px;
    font-weight: 700;
    width: 200px
}

#branchPickupTable .availabilityLabel {
    font-size: 12px;
    font-weight: 700
}

#branchPickupTable .phoneHoursLink {
    font-size: 24px
}

#branchPickupTable .branchMapPhoneBlock:after, #branchPickupTable .branchMapPhoneBlock:before {
    content: " ";
    display: table
}

#branchPickupTable .branchMapPhoneBlock:after {
    clear: both
}

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

#branchPickupTable .branchMapPhoneBlock:after, #branchPickupTable .branchMapPhoneBlock:before {
    content: " ";
    display: table
}

#branchPickupTable .branchMapPhoneBlock:after {
    clear: both
}

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

#branchPickupTable .branchMapPhoneBlock:after, #branchPickupTable .branchMapPhoneBlock:before {
    content: " ";
    display: table
}

#branchPickupTable .branchMapPhoneBlock:after {
    clear: both
}

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

#branchPickupTable .branchMapPhoneBlock:after, #branchPickupTable .branchMapPhoneBlock:before {
    content: " ";
    display: table
}

#branchPickupTable .branchMapPhoneBlock:after {
    clear: both
}

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

#branchPickupTable .branchMapPhoneBlock:after, #branchPickupTable .branchMapPhoneBlock:before {
    content: " ";
    display: table
}

#branchPickupTable .branchMapPhoneBlock:after {
    clear: both
}

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

#branchPickupTable .branchMapPhoneBlock:after, #branchPickupTable .branchMapPhoneBlock:before {
    content: " ";
    display: table
}

#branchPickupTable .branchMapPhoneBlock:after {
    clear: both
}

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

#branchPickupTable .branchMapPhoneBlock:after, #branchPickupTable .branchMapPhoneBlock:before {
    content: " ";
    display: table
}

#branchPickupTable .branchMapPhoneBlock:after {
    clear: both
}

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

#branchPickupTable .branchMapPhoneBlock:after, #branchPickupTable .branchMapPhoneBlock:before {
    content: " ";
    display: table
}

#branchPickupTable .branchMapPhoneBlock:after {
    clear: both
}

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

#branchPickupTable .branchMapPhoneBlock:after, #branchPickupTable .branchMapPhoneBlock:before {
    content: " ";
    display: table
}

#branchPickupTable .branchMapPhoneBlock:after {
    clear: both
}

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

#branchPickupTable .branchMapPhoneBlock:after, #branchPickupTable .branchMapPhoneBlock:before {
    content: " ";
    display: table
}

#branchPickupTable .branchMapPhoneBlock:after {
    clear: both
}

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

#branchPickupTable .branchMapPhoneBlock ul {
    margin-left: 20px
}

#branchPickupTable .branchMapPhoneBlock ul li {
    display: inline-block
}

#branchPickupTable .branchMapPhoneBlock ul li:first-child a:after {
    padding: 0 5px 0 5px;
    content: "|";
    color: #999;
    text-decoration: none
}

#branchPickupTable .branchMapPhoneBlock ul li a {
    display: inline-block
}

#branchPickupTable .tab-content .active {
    display: inline;
    font-weight: 500
}

#branchPickupTable .navBranchPickupSetDefault {
    padding: 10px 0 0 20px;
    font-size: 11px;
    display: block
}

#branchPickupTable .navBranchPickupSetDefault label {
    font-size: 12px;
    font-weight: 500;
    line-height: 12px
}

#branchPickupTable .phoneHoursList {
    padding: 0 0 10px 15px;
    margin: 30px 0 10px 20px;
    background: #eee;
    border: 1px solid #ccc
}

#branchPickupTable .phoneHoursList .fieldHeader {
    font-weight: 500;
    font-size: 12px;
    padding: 10px 0 0 0
}

#branchPickupTable .phoneHoursList .field {
    font-size: 12px;
    display: inline
}

#branchPickupTable .branchPickupTopRow {
    border-top: none
}

.tab-footer li {
    display: inline
}

.tab-footer li a {
    display: inline;
    padding-left: 5px
}

.tab-footer li a span {
    font-size: 8px
}

#checkoutEmpOption tr {
    border-bottom: solid 1px #ccc
}

#checkoutEmpOption tr:last-child {
    border: 0
}

#checkoutEmpOption tr.selectedRow {
    background: #f2f2f2
}

#checkoutEmpOption label {
    font-weight: 500
}

#checkoutEmpOption label strong {
    font-weight: 700
}

#checkoutEmpOption .checkbox {
    margin-top: 10px
}

#checkoutEmpOption .checkbox input {
    margin: 2px 2px 0
}

#checkoutEmpOption .radio input {
    vertical-align: top;
    margin-top: 5px
}

.omsCartOrderHistoryTable th, .omsCartOrderHistoryTable td {
    padding-left: 10px;
    max-width: 20%
}

.omsCartOrderHistoryTable th {
    font-weight: 700
}

.lt-ie9 #cart-table.left .tab-container {
    position: relative
}

.creditCardInfo .paymentSettingsLink {
    padding: 0 0 15px 33px;
    font-size: 12px
}

.creditCardInfo .edit-payment-options {
    font-size: 12px;
    margin-bottom: 15px;
    font-weight: bold
}

#add-new-card {
    background-color: #eee;
    padding-top: 10px
}

#add-new-card .creditCardInformation {
    margin-bottom: 20px
}

#paymentOptionsTable .credit-card-form {
    background: #eee;
    width: 100%;
    position: relative;
    padding-top: 10px;
    padding-left: 20px
}

#paymentOptionsTable .credit-card-form > i {
    position: absolute;
    top: 50%;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    left: 50%;
    margin-left: -6px;
    border-bottom-color: #ccc;
    border-width: 0 10px 10px 10px;
    top: -6px;
    top: -10px;
    left: 39px
}

#paymentOptionsTable .credit-card-form > i:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    position: absolute
}

#paymentOptionsTable .credit-card-form > i:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    position: absolute
}

#paymentOptionsTable .credit-card-form > i:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    position: absolute
}

#paymentOptionsTable .credit-card-form > i:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    position: absolute
}

#paymentOptionsTable .credit-card-form > i:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    position: absolute
}

#paymentOptionsTable .credit-card-form > i:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    position: absolute
}

#paymentOptionsTable .credit-card-form > i:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    position: absolute
}

#paymentOptionsTable .credit-card-form > i:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    position: absolute
}

#paymentOptionsTable .credit-card-form > i:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    position: absolute
}

#paymentOptionsTable .credit-card-form > i:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    position: absolute
}

#paymentOptionsTable .credit-card-form > i:after {
    border-bottom-color: #fff;
    border-width: 0 9px 9px 9px;
    top: 1px;
    right: -9px
}

#paymentOptionsTable .credit-card-form > i:after {
    border-bottom-color: #fff;
    border-width: 0 9px 9px 9px;
    top: 1px;
    right: -9px
}

#paymentOptionsTable .credit-card-form > i:after {
    border-bottom-color: #fff;
    border-width: 0 9px 9px 9px;
    top: 1px;
    right: -9px
}

#paymentOptionsTable .credit-card-form > i:after {
    border-bottom-color: #fff;
    border-width: 0 9px 9px 9px;
    top: 1px;
    right: -9px
}

#paymentOptionsTable .credit-card-form > i:after {
    border-bottom-color: #fff;
    border-width: 0 9px 9px 9px;
    top: 1px;
    right: -9px
}

#paymentOptionsTable .credit-card-form > i:after {
    border-bottom-color: #fff;
    border-width: 0 9px 9px 9px;
    top: 1px;
    right: -9px
}

#paymentOptionsTable .credit-card-form > i:after {
    border-bottom-color: #fff;
    border-width: 0 9px 9px 9px;
    top: 1px;
    right: -9px
}

#paymentOptionsTable .credit-card-form > i:after {
    border-bottom-color: #fff;
    border-width: 0 9px 9px 9px;
    top: 1px;
    right: -9px
}

#paymentOptionsTable .credit-card-form > i:after {
    border-bottom-color: #fff;
    border-width: 0 9px 9px 9px;
    top: 1px;
    right: -9px
}

#paymentOptionsTable .credit-card-form > i:after {
    border-bottom-color: #fff;
    border-width: 0 9px 9px 9px;
    top: 1px;
    right: -9px
}

#paymentOptionsTable .credit-card-form > i:after {
    border-bottom-color: #EEE
}

#paymentOptionsTable .paymentAlertRow, #paymentOptionsTable .paymentAlertRow td {
    border: none;
    padding: 0
}

#paymentOptionsTable .paymentAlertRow .alert-block {
    margin-bottom: 0
}

#paymentOptionsTable .paymentInfoRow {
    border: none
}

#paymentOptionsTable .paymentInfoRow td {
    padding: 0
}

.cardHolderReference .show-more, .cardHolderReference .show-less {
    margin-right: 6px
}

.addressMarginDiv {
    margin-left: 20px;
    font-size: 12px
}

.omsCartSummary h2 {
    font-size: 14px
}

.omsCartSummary .optional-request-approval {
    margin-bottom: 20px
}

.omsCartSummary .optional-request-approval p {
    margin-top: 20px
}

.omsCartSummary #oms-reviewer {
    margin-top: 20px
}

.omsCartSummary #omsCcMoreUsers {
    display: block;
    margin-top: 10px
}

.omsCartSummary #locked-approver-label {
    margin-bottom: 5px
}

.omsCartSummary #locked-approver-label > div {
    display: inline-block;
    *display: inline;
    zoom: 1
}

.omsCartSummary #locked-approver-label > div strong {
    display: block;
    margin-top: 5px
}

.omsCartSummary #locked-approver-label > div.right {
    float: right;
    margin-top: 15px
}

.omsCartSummary #locked-approver-label .locked:before {
    font-family: graingerFont;
    content: "\e632";
    font-weight: 400
}

.omsCartSummary .pendingOrderApprover, .omsCartSummary .omsOrderComments {
    width: 100%
}

.omsCartSummary .pendingOrderSubmitArea {
    text-align: right
}

.omsCartSummary .stick {
    width: 425px;
    top: 0;
    position: fixed
}

#omsCcMoreUsersModal .col1, #omsCcMoreUsersModal .col3 {
    width: 45.833333333333336%;
    padding: 10px;
    margin-bottom: 10px;
    float: left
}

.lt-ie8 #omsCcMoreUsersModal .col1, .lt-ie8 #omsCcMoreUsersModal .col3 {
    width: 43.833333333333336%
}

.lt-ie8 #omsCcMoreUsersModal .col1, .lt-ie8 #omsCcMoreUsersModal .col3 {
    width: 43.833333333333336%
}

.lt-ie8 #omsCcMoreUsersModal .col1, .lt-ie8 #omsCcMoreUsersModal .col3 {
    width: 43.833333333333336%
}

.lt-ie8 #omsCcMoreUsersModal .col1, .lt-ie8 #omsCcMoreUsersModal .col3 {
    width: 43.833333333333336%
}

.lt-ie8 #omsCcMoreUsersModal .col1, .lt-ie8 #omsCcMoreUsersModal .col3 {
    width: 43.833333333333336%
}

.lt-ie8 #omsCcMoreUsersModal .col1, .lt-ie8 #omsCcMoreUsersModal .col3 {
    width: 43.833333333333336%
}

.lt-ie8 #omsCcMoreUsersModal .col1, .lt-ie8 #omsCcMoreUsersModal .col3 {
    width: 43.833333333333336%
}

.lt-ie8 #omsCcMoreUsersModal .col1, .lt-ie8 #omsCcMoreUsersModal .col3 {
    width: 43.833333333333336%
}

.lt-ie8 #omsCcMoreUsersModal .col1, .lt-ie8 #omsCcMoreUsersModal .col3 {
    width: 43.833333333333336%
}

.lt-ie8 #omsCcMoreUsersModal .col1, .lt-ie8 #omsCcMoreUsersModal .col3 {
    width: 43.833333333333336%
}

#omsCcMoreUsersModal .col2 {
    width: 8.333333333333334%;
    padding: 10px;
    margin-bottom: 10px;
    float: left;
    margin-top: 25px
}

.lt-ie8 #omsCcMoreUsersModal .col2 {
    width: 6.333333333333334%
}

.lt-ie8 #omsCcMoreUsersModal .col2 {
    width: 6.333333333333334%
}

.lt-ie8 #omsCcMoreUsersModal .col2 {
    width: 6.333333333333334%
}

.lt-ie8 #omsCcMoreUsersModal .col2 {
    width: 6.333333333333334%
}

.lt-ie8 #omsCcMoreUsersModal .col2 {
    width: 6.333333333333334%
}

.lt-ie8 #omsCcMoreUsersModal .col2 {
    width: 6.333333333333334%
}

.lt-ie8 #omsCcMoreUsersModal .col2 {
    width: 6.333333333333334%
}

.lt-ie8 #omsCcMoreUsersModal .col2 {
    width: 6.333333333333334%
}

.lt-ie8 #omsCcMoreUsersModal .col2 {
    width: 6.333333333333334%
}

.lt-ie8 #omsCcMoreUsersModal .col2 {
    width: 6.333333333333334%
}

#omsCcMoreUsersModal .col2 input {
    margin-bottom: 20px
}

#omsCcMoreUsersModal .col3 select {
    width: 270px
}

.sectionHeaderContainer {
    background: #00739e;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00739e), color-stop(1, #0098d1));
    background: -ms-linear-gradient(bottom, #00739e, #0098d1);
    background: -moz-linear-gradient(center bottom, #00739e 0, #0098d1 100%);
    background: -o-linear-gradient(#0098d1, #00739e);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0098d1', endColorstr='#00739e', GradientType=0);
    color: white;
    padding: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

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

.sectionHeaderContainer .sectionHeaderTitle {
    font-size: 16px
}

.sectionHeaderContainer .sectionHeaderLines {
    float: right
}

#cartItemsTbody .sourcingAlertContainer .sourcingAlert, #cartItemsTbody .sectionHeaderContainer {
    text-align: left
}

#cartItemsTbody .div-header .sectionSubHeader:after, #cartItemsTbody .div-header .rightSubsectionHeader:after, #cartItemsTbody .div-header .sectionSubHeader:before, #cartItemsTbody .div-header .rightSubsectionHeader:before {
    content: " ";
    display: table
}

#cartItemsTbody .div-header .sectionSubHeader:after, #cartItemsTbody .div-header .rightSubsectionHeader:after {
    clear: both
}

.lt-ie8 #cartItemsTbody .div-header .sectionSubHeader, .lt-ie8 #cartItemsTbody .div-header .rightSubsectionHeader {
    clear: both;
    zoom: 1
}

#cartItemsTbody .div-header .sectionSubHeader:after, #cartItemsTbody .div-header .rightSubsectionHeader:after, #cartItemsTbody .div-header .sectionSubHeader:before, #cartItemsTbody .div-header .rightSubsectionHeader:before {
    content: " ";
    display: table
}

#cartItemsTbody .div-header .sectionSubHeader:after, #cartItemsTbody .div-header .rightSubsectionHeader:after {
    clear: both
}

.lt-ie8 #cartItemsTbody .div-header .sectionSubHeader, .lt-ie8 #cartItemsTbody .div-header .rightSubsectionHeader {
    clear: both;
    zoom: 1
}

#cartItemsTbody .div-header .sectionSubHeader:after, #cartItemsTbody .div-header .rightSubsectionHeader:after, #cartItemsTbody .div-header .sectionSubHeader:before, #cartItemsTbody .div-header .rightSubsectionHeader:before {
    content: " ";
    display: table
}

#cartItemsTbody .div-header .sectionSubHeader:after, #cartItemsTbody .div-header .rightSubsectionHeader:after {
    clear: both
}

.lt-ie8 #cartItemsTbody .div-header .sectionSubHeader, .lt-ie8 #cartItemsTbody .div-header .rightSubsectionHeader {
    clear: both;
    zoom: 1
}

#cartItemsTbody .div-header .sectionSubHeader:after, #cartItemsTbody .div-header .rightSubsectionHeader:after, #cartItemsTbody .div-header .sectionSubHeader:before, #cartItemsTbody .div-header .rightSubsectionHeader:before {
    content: " ";
    display: table
}

#cartItemsTbody .div-header .sectionSubHeader:after, #cartItemsTbody .div-header .rightSubsectionHeader:after {
    clear: both
}

.lt-ie8 #cartItemsTbody .div-header .sectionSubHeader, .lt-ie8 #cartItemsTbody .div-header .rightSubsectionHeader {
    clear: both;
    zoom: 1
}

#cartItemsTbody .div-header .sectionSubHeader:after, #cartItemsTbody .div-header .rightSubsectionHeader:after, #cartItemsTbody .div-header .sectionSubHeader:before, #cartItemsTbody .div-header .rightSubsectionHeader:before {
    content: " ";
    display: table
}

#cartItemsTbody .div-header .sectionSubHeader:after, #cartItemsTbody .div-header .rightSubsectionHeader:after {
    clear: both
}

.lt-ie8 #cartItemsTbody .div-header .sectionSubHeader, .lt-ie8 #cartItemsTbody .div-header .rightSubsectionHeader {
    clear: both;
    zoom: 1
}

#cartItemsTbody .div-header .sectionSubHeader:after, #cartItemsTbody .div-header .rightSubsectionHeader:after, #cartItemsTbody .div-header .sectionSubHeader:before, #cartItemsTbody .div-header .rightSubsectionHeader:before {
    content: " ";
    display: table
}

#cartItemsTbody .div-header .sectionSubHeader:after, #cartItemsTbody .div-header .rightSubsectionHeader:after {
    clear: both
}

.lt-ie8 #cartItemsTbody .div-header .sectionSubHeader, .lt-ie8 #cartItemsTbody .div-header .rightSubsectionHeader {
    clear: both;
    zoom: 1
}

#cartItemsTbody .div-header .sectionSubHeader:after, #cartItemsTbody .div-header .rightSubsectionHeader:after, #cartItemsTbody .div-header .sectionSubHeader:before, #cartItemsTbody .div-header .rightSubsectionHeader:before {
    content: " ";
    display: table
}

#cartItemsTbody .div-header .sectionSubHeader:after, #cartItemsTbody .div-header .rightSubsectionHeader:after {
    clear: both
}

.lt-ie8 #cartItemsTbody .div-header .sectionSubHeader, .lt-ie8 #cartItemsTbody .div-header .rightSubsectionHeader {
    clear: both;
    zoom: 1
}

#cartItemsTbody .div-header .sectionSubHeader:after, #cartItemsTbody .div-header .rightSubsectionHeader:after, #cartItemsTbody .div-header .sectionSubHeader:before, #cartItemsTbody .div-header .rightSubsectionHeader:before {
    content: " ";
    display: table
}

#cartItemsTbody .div-header .sectionSubHeader:after, #cartItemsTbody .div-header .rightSubsectionHeader:after {
    clear: both
}

.lt-ie8 #cartItemsTbody .div-header .sectionSubHeader, .lt-ie8 #cartItemsTbody .div-header .rightSubsectionHeader {
    clear: both;
    zoom: 1
}

#cartItemsTbody .div-header .sectionSubHeader:after, #cartItemsTbody .div-header .rightSubsectionHeader:after, #cartItemsTbody .div-header .sectionSubHeader:before, #cartItemsTbody .div-header .rightSubsectionHeader:before {
    content: " ";
    display: table
}

#cartItemsTbody .div-header .sectionSubHeader:after, #cartItemsTbody .div-header .rightSubsectionHeader:after {
    clear: both
}

.lt-ie8 #cartItemsTbody .div-header .sectionSubHeader, .lt-ie8 #cartItemsTbody .div-header .rightSubsectionHeader {
    clear: both;
    zoom: 1
}

#cartItemsTbody .div-header .sectionSubHeader:after, #cartItemsTbody .div-header .rightSubsectionHeader:after, #cartItemsTbody .div-header .sectionSubHeader:before, #cartItemsTbody .div-header .rightSubsectionHeader:before {
    content: " ";
    display: table
}

#cartItemsTbody .div-header .sectionSubHeader:after, #cartItemsTbody .div-header .rightSubsectionHeader:after {
    clear: both
}

.lt-ie8 #cartItemsTbody .div-header .sectionSubHeader, .lt-ie8 #cartItemsTbody .div-header .rightSubsectionHeader {
    clear: both;
    zoom: 1
}

#cartItemsTbody .div-header .sectionSubHeader > *, #cartItemsTbody .div-header .rightSubsectionHeader > * {
    float: left
}

#cartItemsTbody .div-header .sectionSubHeader > *:before, #cartItemsTbody .div-header .rightSubsectionHeader > *:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #cartItemsTbody .div-header .sectionSubHeader > *, .lt-ie8 #cartItemsTbody .div-header .rightSubsectionHeader > * {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #cartItemsTbody .div-header .sectionSubHeader > *:first-child, .lt-ie8 #cartItemsTbody .div-header .rightSubsectionHeader > *:first-child {
    border: none
}

#cartItemsTbody .div-header .sectionSubHeader > *:first-child:before, #cartItemsTbody .div-header .rightSubsectionHeader > *:first-child:before {
    display: none
}

#cartItemsTbody .div-header .sectionSubHeader > *:before, #cartItemsTbody .div-header .rightSubsectionHeader > *:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #cartItemsTbody .div-header .sectionSubHeader > *, .lt-ie8 #cartItemsTbody .div-header .rightSubsectionHeader > * {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #cartItemsTbody .div-header .sectionSubHeader > *:first-child, .lt-ie8 #cartItemsTbody .div-header .rightSubsectionHeader > *:first-child {
    border: none
}

#cartItemsTbody .div-header .sectionSubHeader > *:first-child:before, #cartItemsTbody .div-header .rightSubsectionHeader > *:first-child:before {
    display: none
}

#cartItemsTbody .div-header .sectionSubHeader > *:before, #cartItemsTbody .div-header .rightSubsectionHeader > *:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #cartItemsTbody .div-header .sectionSubHeader > *, .lt-ie8 #cartItemsTbody .div-header .rightSubsectionHeader > * {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #cartItemsTbody .div-header .sectionSubHeader > *:first-child, .lt-ie8 #cartItemsTbody .div-header .rightSubsectionHeader > *:first-child {
    border: none
}

#cartItemsTbody .div-header .sectionSubHeader > *:first-child:before, #cartItemsTbody .div-header .rightSubsectionHeader > *:first-child:before {
    display: none
}

#cartItemsTbody .div-header .sectionSubHeader > *:before, #cartItemsTbody .div-header .rightSubsectionHeader > *:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #cartItemsTbody .div-header .sectionSubHeader > *, .lt-ie8 #cartItemsTbody .div-header .rightSubsectionHeader > * {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #cartItemsTbody .div-header .sectionSubHeader > *:first-child, .lt-ie8 #cartItemsTbody .div-header .rightSubsectionHeader > *:first-child {
    border: none
}

#cartItemsTbody .div-header .sectionSubHeader > *:first-child:before, #cartItemsTbody .div-header .rightSubsectionHeader > *:first-child:before {
    display: none
}

#cartItemsTbody .div-header .sectionSubHeader > *:before, #cartItemsTbody .div-header .rightSubsectionHeader > *:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #cartItemsTbody .div-header .sectionSubHeader > *, .lt-ie8 #cartItemsTbody .div-header .rightSubsectionHeader > * {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #cartItemsTbody .div-header .sectionSubHeader > *:first-child, .lt-ie8 #cartItemsTbody .div-header .rightSubsectionHeader > *:first-child {
    border: none
}

#cartItemsTbody .div-header .sectionSubHeader > *:first-child:before, #cartItemsTbody .div-header .rightSubsectionHeader > *:first-child:before {
    display: none
}

#cartItemsTbody .div-header .sectionSubHeader > *:before, #cartItemsTbody .div-header .rightSubsectionHeader > *:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #cartItemsTbody .div-header .sectionSubHeader > *, .lt-ie8 #cartItemsTbody .div-header .rightSubsectionHeader > * {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #cartItemsTbody .div-header .sectionSubHeader > *:first-child, .lt-ie8 #cartItemsTbody .div-header .rightSubsectionHeader > *:first-child {
    border: none
}

#cartItemsTbody .div-header .sectionSubHeader > *:first-child:before, #cartItemsTbody .div-header .rightSubsectionHeader > *:first-child:before {
    display: none
}

#cartItemsTbody .div-header .sectionSubHeader > *:before, #cartItemsTbody .div-header .rightSubsectionHeader > *:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #cartItemsTbody .div-header .sectionSubHeader > *, .lt-ie8 #cartItemsTbody .div-header .rightSubsectionHeader > * {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #cartItemsTbody .div-header .sectionSubHeader > *:first-child, .lt-ie8 #cartItemsTbody .div-header .rightSubsectionHeader > *:first-child {
    border: none
}

#cartItemsTbody .div-header .sectionSubHeader > *:first-child:before, #cartItemsTbody .div-header .rightSubsectionHeader > *:first-child:before {
    display: none
}

#cartItemsTbody .div-header .sectionSubHeader > *:before, #cartItemsTbody .div-header .rightSubsectionHeader > *:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #cartItemsTbody .div-header .sectionSubHeader > *, .lt-ie8 #cartItemsTbody .div-header .rightSubsectionHeader > * {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #cartItemsTbody .div-header .sectionSubHeader > *:first-child, .lt-ie8 #cartItemsTbody .div-header .rightSubsectionHeader > *:first-child {
    border: none
}

#cartItemsTbody .div-header .sectionSubHeader > *:first-child:before, #cartItemsTbody .div-header .rightSubsectionHeader > *:first-child:before {
    display: none
}

#cartItemsTbody .div-header .sectionSubHeader > *:before, #cartItemsTbody .div-header .rightSubsectionHeader > *:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #cartItemsTbody .div-header .sectionSubHeader > *, .lt-ie8 #cartItemsTbody .div-header .rightSubsectionHeader > * {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #cartItemsTbody .div-header .sectionSubHeader > *:first-child, .lt-ie8 #cartItemsTbody .div-header .rightSubsectionHeader > *:first-child {
    border: none
}

#cartItemsTbody .div-header .sectionSubHeader > *:first-child:before, #cartItemsTbody .div-header .rightSubsectionHeader > *:first-child:before {
    display: none
}

#cartItemsTbody .div-header .sectionSubHeader > *:before, #cartItemsTbody .div-header .rightSubsectionHeader > *:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #cartItemsTbody .div-header .sectionSubHeader > *, .lt-ie8 #cartItemsTbody .div-header .rightSubsectionHeader > * {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #cartItemsTbody .div-header .sectionSubHeader > *:first-child, .lt-ie8 #cartItemsTbody .div-header .rightSubsectionHeader > *:first-child {
    border: none
}

#cartItemsTbody .div-header .sectionSubHeader > *:first-child:before, #cartItemsTbody .div-header .rightSubsectionHeader > *:first-child:before {
    display: none
}

#cartItemsTbody .div-header > td {
    padding: 0
}

#cartItemsTbody .sourcingWarning {
    line-height: 16px
}

#cart-summery h2 {
    line-height: 22px
}

#cart-summery #print-page {
    text-align: right;
    margin-bottom: 10px;
    display: block
}

.itemsInOrder {
    font-size: 16px
}

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

.nav.navTable:after {
    clear: both
}

.lt-ie8 .nav.navTable {
    clear: both;
    zoom: 1
}

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

.nav.navTable:after {
    clear: both
}

.lt-ie8 .nav.navTable {
    clear: both;
    zoom: 1
}

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

.nav.navTable:after {
    clear: both
}

.lt-ie8 .nav.navTable {
    clear: both;
    zoom: 1
}

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

.nav.navTable:after {
    clear: both
}

.lt-ie8 .nav.navTable {
    clear: both;
    zoom: 1
}

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

.nav.navTable:after {
    clear: both
}

.lt-ie8 .nav.navTable {
    clear: both;
    zoom: 1
}

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

.nav.navTable:after {
    clear: both
}

.lt-ie8 .nav.navTable {
    clear: both;
    zoom: 1
}

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

.nav.navTable:after {
    clear: both
}

.lt-ie8 .nav.navTable {
    clear: both;
    zoom: 1
}

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

.nav.navTable:after {
    clear: both
}

.lt-ie8 .nav.navTable {
    clear: both;
    zoom: 1
}

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

.nav.navTable:after {
    clear: both
}

.lt-ie8 .nav.navTable {
    clear: both;
    zoom: 1
}

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

.nav.navTable:after {
    clear: both
}

.lt-ie8 .nav.navTable {
    clear: both;
    zoom: 1
}

.nav.navTable li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 .nav.navTable li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 .nav.navTable li:first-child {
    border: none
}

.nav.navTable li:first-child:before {
    display: none
}

.nav.navTable li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 .nav.navTable li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 .nav.navTable li:first-child {
    border: none
}

.nav.navTable li:first-child:before {
    display: none
}

.nav.navTable li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 .nav.navTable li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 .nav.navTable li:first-child {
    border: none
}

.nav.navTable li:first-child:before {
    display: none
}

.nav.navTable li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 .nav.navTable li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 .nav.navTable li:first-child {
    border: none
}

.nav.navTable li:first-child:before {
    display: none
}

.nav.navTable li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 .nav.navTable li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 .nav.navTable li:first-child {
    border: none
}

.nav.navTable li:first-child:before {
    display: none
}

.nav.navTable li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 .nav.navTable li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 .nav.navTable li:first-child {
    border: none
}

.nav.navTable li:first-child:before {
    display: none
}

.nav.navTable li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 .nav.navTable li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 .nav.navTable li:first-child {
    border: none
}

.nav.navTable li:first-child:before {
    display: none
}

.nav.navTable li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 .nav.navTable li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 .nav.navTable li:first-child {
    border: none
}

.nav.navTable li:first-child:before {
    display: none
}

.nav.navTable li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 .nav.navTable li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 .nav.navTable li:first-child {
    border: none
}

.nav.navTable li:first-child:before {
    display: none
}

.nav.navTable li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 .nav.navTable li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 .nav.navTable li:first-child {
    border: none
}

.nav.navTable li:first-child:before {
    display: none
}

#cartFormorderConfirmation {
    padding-top: 20px;
    border-top: 1px solid #ccc;
    background: radial-gradient(center, ellipse cover, rgba(25, 25, 25, 0.35) 0, rgba(0, 0, 0, 0) 100%);
    background: radial-gradient(ellipse 70% 10px at top, rgba(25, 25, 25, 0.35) 0, rgba(255, 255, 255, 0) 80%)
}

#cartFormorderConfirmation thead tr th:last-child {
    text-align: right
}

.oms-confirmation-container {
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px
}

.oms-confirmation-container .notificationSent {
    margin-top: 20px
}

.oms-confirmation-container .notificationSent ul li {
    margin-bottom: 10px
}

.oms-confirmation-container .notificationSent ul li:after, .oms-confirmation-container .notificationSent ul li:before {
    content: " ";
    display: table
}

.oms-confirmation-container .notificationSent ul li:after {
    clear: both
}

.lt-ie8 .oms-confirmation-container .notificationSent ul li {
    clear: both;
    zoom: 1
}

.oms-confirmation-container .notificationSent ul li:after, .oms-confirmation-container .notificationSent ul li:before {
    content: " ";
    display: table
}

.oms-confirmation-container .notificationSent ul li:after {
    clear: both
}

.lt-ie8 .oms-confirmation-container .notificationSent ul li {
    clear: both;
    zoom: 1
}

.oms-confirmation-container .notificationSent ul li:after, .oms-confirmation-container .notificationSent ul li:before {
    content: " ";
    display: table
}

.oms-confirmation-container .notificationSent ul li:after {
    clear: both
}

.lt-ie8 .oms-confirmation-container .notificationSent ul li {
    clear: both;
    zoom: 1
}

.oms-confirmation-container .notificationSent ul li:after, .oms-confirmation-container .notificationSent ul li:before {
    content: " ";
    display: table
}

.oms-confirmation-container .notificationSent ul li:after {
    clear: both
}

.lt-ie8 .oms-confirmation-container .notificationSent ul li {
    clear: both;
    zoom: 1
}

.oms-confirmation-container .notificationSent ul li:after, .oms-confirmation-container .notificationSent ul li:before {
    content: " ";
    display: table
}

.oms-confirmation-container .notificationSent ul li:after {
    clear: both
}

.lt-ie8 .oms-confirmation-container .notificationSent ul li {
    clear: both;
    zoom: 1
}

.oms-confirmation-container .notificationSent ul li:after, .oms-confirmation-container .notificationSent ul li:before {
    content: " ";
    display: table
}

.oms-confirmation-container .notificationSent ul li:after {
    clear: both
}

.lt-ie8 .oms-confirmation-container .notificationSent ul li {
    clear: both;
    zoom: 1
}

.oms-confirmation-container .notificationSent ul li:after, .oms-confirmation-container .notificationSent ul li:before {
    content: " ";
    display: table
}

.oms-confirmation-container .notificationSent ul li:after {
    clear: both
}

.lt-ie8 .oms-confirmation-container .notificationSent ul li {
    clear: both;
    zoom: 1
}

.oms-confirmation-container .notificationSent ul li:after, .oms-confirmation-container .notificationSent ul li:before {
    content: " ";
    display: table
}

.oms-confirmation-container .notificationSent ul li:after {
    clear: both
}

.lt-ie8 .oms-confirmation-container .notificationSent ul li {
    clear: both;
    zoom: 1
}

.oms-confirmation-container .notificationSent ul li:after, .oms-confirmation-container .notificationSent ul li:before {
    content: " ";
    display: table
}

.oms-confirmation-container .notificationSent ul li:after {
    clear: both
}

.lt-ie8 .oms-confirmation-container .notificationSent ul li {
    clear: both;
    zoom: 1
}

.oms-confirmation-container .notificationSent ul li:after, .oms-confirmation-container .notificationSent ul li:before {
    content: " ";
    display: table
}

.oms-confirmation-container .notificationSent ul li:after {
    clear: both
}

.lt-ie8 .oms-confirmation-container .notificationSent ul li {
    clear: both;
    zoom: 1
}

.oms-confirmation-container .notificationSent ul li span {
    float: left
}

.oms-confirmation-container .notificationSent ul li .label {
    width: 75px
}

.oms-confirmation-container .notificationSent .ccUsers {
    padding-bottom: 10px
}

.oms-confirmation-container .notificationSent .ccUsers .ccUserEmails {
    width: 85%
}

#omsCartOrderHistoryContainer {
    padding-top: 20px;
    border-top: 1px solid #ccc;
    background: radial-gradient(center, ellipse cover, rgba(25, 25, 25, 0.35) 0, rgba(0, 0, 0, 0) 100%);
    background: radial-gradient(ellipse 70% 10px at top, rgba(25, 25, 25, 0.35) 0, rgba(255, 255, 255, 0) 80%)
}

#omsCartOrderHistoryContainer th {
    text-align: left
}

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

#omsCartOrderHistoryContainer thead tr {
    background: #999;
    color: #FFF
}

#omsCartOrderHistoryContainer tbody {
    font-size: 12px
}

#omsCartOrderHistoryContainer .omsCartOrderHistoryTable {
    border: 1px solid #ccc
}

#omsCartOrderHistoryContainer .omsCartOrderHistoryTable .even td {
    background: #ebebeb
}

.registrationWelcomeMsg {
    display: block;
    padding: 10px 0 20px 0
}

#cart-table {
    clear: both
}

#orderConfirmActions {
    display: inline-block;
    float: right;
    clear: both
}

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

#orderConfirmActions:after {
    clear: both
}

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

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

#orderConfirmActions:after {
    clear: both
}

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

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

#orderConfirmActions:after {
    clear: both
}

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

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

#orderConfirmActions:after {
    clear: both
}

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

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

#orderConfirmActions:after {
    clear: both
}

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

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

#orderConfirmActions:after {
    clear: both
}

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

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

#orderConfirmActions:after {
    clear: both
}

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

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

#orderConfirmActions:after {
    clear: both
}

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

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

#orderConfirmActions:after {
    clear: both
}

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

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

#orderConfirmActions:after {
    clear: both
}

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

#orderConfirmActions > li {
    float: left
}

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

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

.lt-ie8 #orderConfirmActions > li:first-child {
    border: none
}

#orderConfirmActions > li:first-child:before {
    display: none
}

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

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

.lt-ie8 #orderConfirmActions > li:first-child {
    border: none
}

#orderConfirmActions > li:first-child:before {
    display: none
}

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

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

.lt-ie8 #orderConfirmActions > li:first-child {
    border: none
}

#orderConfirmActions > li:first-child:before {
    display: none
}

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

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

.lt-ie8 #orderConfirmActions > li:first-child {
    border: none
}

#orderConfirmActions > li:first-child:before {
    display: none
}

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

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

.lt-ie8 #orderConfirmActions > li:first-child {
    border: none
}

#orderConfirmActions > li:first-child:before {
    display: none
}

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

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

.lt-ie8 #orderConfirmActions > li:first-child {
    border: none
}

#orderConfirmActions > li:first-child:before {
    display: none
}

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

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

.lt-ie8 #orderConfirmActions > li:first-child {
    border: none
}

#orderConfirmActions > li:first-child:before {
    display: none
}

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

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

.lt-ie8 #orderConfirmActions > li:first-child {
    border: none
}

#orderConfirmActions > li:first-child:before {
    display: none
}

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

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

.lt-ie8 #orderConfirmActions > li:first-child {
    border: none
}

#orderConfirmActions > li:first-child:before {
    display: none
}

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

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

.lt-ie8 #orderConfirmActions > li:first-child {
    border: none
}

#orderConfirmActions > li:first-child:before {
    display: none
}

.altCheckoutcnfrmContent {
    background-color: #fff;
    border: 1px solid #bebebe;
    padding-top: 25px;
    margin-bottom: 0 !important
}

#borderlinecnfrm {
    clear: both;
    border-bottom: 1px solid #ccc;
    width: 66.66666666666667%;
    padding: 0;
    margin-bottom: 10px;
    float: left;
    margin-bottom: 15px
}

.lt-ie8 #borderlinecnfrm {
    width: 64.66666666666667%
}

.lt-ie8 #borderlinecnfrm {
    width: 64.66666666666667%
}

.lt-ie8 #borderlinecnfrm {
    width: 64.66666666666667%
}

.lt-ie8 #borderlinecnfrm {
    width: 64.66666666666667%
}

.lt-ie8 #borderlinecnfrm {
    width: 64.66666666666667%
}

.lt-ie8 #borderlinecnfrm {
    width: 64.66666666666667%
}

.lt-ie8 #borderlinecnfrm {
    width: 64.66666666666667%
}

.lt-ie8 #borderlinecnfrm {
    width: 64.66666666666667%
}

.lt-ie8 #borderlinecnfrm {
    width: 64.66666666666667%
}

.lt-ie8 #borderlinecnfrm {
    width: 64.66666666666667%
}

#header-breadcrumb-container #pageHeader, #header-breadcrumb-container .clear-cart {
    margin-top: 5px
}

#header-breadcrumb-container #pageHeader {
    display: inline-block;
    margin-left: 10px
}

#header-breadcrumb-container .clear-cart {
    display: inline-block;
    padding: 10px;
    font-size: 12px;
    font-weight: 700
}

.responsive #header-breadcrumb-container .clear-cart {
    position: relative;
    top: -3px
}

#header-breadcrumb-container #order-super-heading-right {
    float: right;
    margin-top: 10px
}

.cartdetails #header-breadcrumb-container .left.container-width {
    padding-bottom: 10px;
    border-bottom: #eee 2px solid
}

.cartdetails #header-breadcrumb-container .left.container-width:after, .cartdetails #header-breadcrumb-container .left.container-width:before {
    content: " ";
    display: table
}

.cartdetails #header-breadcrumb-container .left.container-width:after {
    clear: both
}

.lt-ie8 .cartdetails #header-breadcrumb-container .left.container-width {
    clear: both;
    zoom: 1
}

.cartdetails #header-breadcrumb-container .left.container-width:after, .cartdetails #header-breadcrumb-container .left.container-width:before {
    content: " ";
    display: table
}

.cartdetails #header-breadcrumb-container .left.container-width:after {
    clear: both
}

.lt-ie8 .cartdetails #header-breadcrumb-container .left.container-width {
    clear: both;
    zoom: 1
}

.cartdetails #header-breadcrumb-container .left.container-width:after, .cartdetails #header-breadcrumb-container .left.container-width:before {
    content: " ";
    display: table
}

.cartdetails #header-breadcrumb-container .left.container-width:after {
    clear: both
}

.lt-ie8 .cartdetails #header-breadcrumb-container .left.container-width {
    clear: both;
    zoom: 1
}

.cartdetails #header-breadcrumb-container .left.container-width:after, .cartdetails #header-breadcrumb-container .left.container-width:before {
    content: " ";
    display: table
}

.cartdetails #header-breadcrumb-container .left.container-width:after {
    clear: both
}

.lt-ie8 .cartdetails #header-breadcrumb-container .left.container-width {
    clear: both;
    zoom: 1
}

.cartdetails #header-breadcrumb-container .left.container-width:after, .cartdetails #header-breadcrumb-container .left.container-width:before {
    content: " ";
    display: table
}

.cartdetails #header-breadcrumb-container .left.container-width:after {
    clear: both
}

.lt-ie8 .cartdetails #header-breadcrumb-container .left.container-width {
    clear: both;
    zoom: 1
}

.cartdetails #header-breadcrumb-container .left.container-width:after, .cartdetails #header-breadcrumb-container .left.container-width:before {
    content: " ";
    display: table
}

.cartdetails #header-breadcrumb-container .left.container-width:after {
    clear: both
}

.lt-ie8 .cartdetails #header-breadcrumb-container .left.container-width {
    clear: both;
    zoom: 1
}

.cartdetails #header-breadcrumb-container .left.container-width:after, .cartdetails #header-breadcrumb-container .left.container-width:before {
    content: " ";
    display: table
}

.cartdetails #header-breadcrumb-container .left.container-width:after {
    clear: both
}

.lt-ie8 .cartdetails #header-breadcrumb-container .left.container-width {
    clear: both;
    zoom: 1
}

.cartdetails #header-breadcrumb-container .left.container-width:after, .cartdetails #header-breadcrumb-container .left.container-width:before {
    content: " ";
    display: table
}

.cartdetails #header-breadcrumb-container .left.container-width:after {
    clear: both
}

.lt-ie8 .cartdetails #header-breadcrumb-container .left.container-width {
    clear: both;
    zoom: 1
}

.cartdetails #header-breadcrumb-container .left.container-width:after, .cartdetails #header-breadcrumb-container .left.container-width:before {
    content: " ";
    display: table
}

.cartdetails #header-breadcrumb-container .left.container-width:after {
    clear: both
}

.lt-ie8 .cartdetails #header-breadcrumb-container .left.container-width {
    clear: both;
    zoom: 1
}

.cartdetails #header-breadcrumb-container .left.container-width:after, .cartdetails #header-breadcrumb-container .left.container-width:before {
    content: " ";
    display: table
}

.cartdetails #header-breadcrumb-container .left.container-width:after {
    clear: both
}

.lt-ie8 .cartdetails #header-breadcrumb-container .left.container-width {
    clear: both;
    zoom: 1
}

.responsive.cartdetails #header-breadcrumb-container .left.container-width {
    border-bottom: none
}

#cart-table .service-box th, #cart-table .service-box td {
    padding-left: 0
}

#cart-table .service-box tr.extendRow td:last-child {
    text-align: left
}

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

#bulkOrderCartContainer:after {
    clear: both
}

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

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

#bulkOrderCartContainer:after {
    clear: both
}

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

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

#bulkOrderCartContainer:after {
    clear: both
}

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

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

#bulkOrderCartContainer:after {
    clear: both
}

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

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

#bulkOrderCartContainer:after {
    clear: both
}

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

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

#bulkOrderCartContainer:after {
    clear: both
}

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

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

#bulkOrderCartContainer:after {
    clear: both
}

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

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

#bulkOrderCartContainer:after {
    clear: both
}

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

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

#bulkOrderCartContainer:after {
    clear: both
}

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

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

#bulkOrderCartContainer:after {
    clear: both
}

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

#progress-bar {
    width: 517px;
    margin: 10px 0
}

#progress-bar ul.nav {
    width: 517px;
    height: 35px;
    overflow: hidden
}

#progress-bar ul.nav li {
    display: inline-block;
    float: none;
    width: 156px;
    height: 100px;
    margin-top: -34px;
    padding: 0;
    -webkit-transform: rotate(14deg);
    -moz-transform: rotate(14deg);
    -o-transform: rotate(14deg);
    -ms-transform: rotate(14deg);
    transform: rotate(14deg);
    background: #eee;
    color: #999;
    border-left: 2px solid #fff;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500
}

#progress-bar ul.nav li:before, #progress-bar ul.nav li:after {
    content: "";
    float: none;
    margin: 0
}

#progress-bar ul.nav li a, #progress-bar ul.nav li span {
    display: inline-block;
    width: 126px;
    margin: 44px 0 0 12px;
    text-align: center;
    -webkit-transform: rotate(-14deg);
    -moz-transform: rotate(-14deg);
    -o-transform: rotate(-14deg);
    -ms-transform: rotate(-14deg);
    transform: rotate(-14deg)
}

#progress-bar ul.nav li.first {
    margin-right: -15px;
    margin-left: -5px
}

#progress-bar ul.nav li.first a, #progress-bar ul.nav li.first span {
    margin-top: 40px;
    width: 90px
}

#progress-bar ul.nav li.next span {
    width: 90px
}

#progress-bar ul.nav li.next-default span {
    width: 90px
}

#progress-bar ul.nav li.last {
    margin-left: -3px;
    margin-right: -5px;
    width: 225px
}

#progress-bar ul.nav li.last span {
    width: 192px;
    position: relative
}

#progress-bar ul.nav li.active {
    background: #666;
    color: #fff
}

#progress-bar ul.nav li.active span {
    position: relative;
    left: 15px
}

#progress-bar ul.nav li.inactive {
    background: #999;
    color: #fff;
    position: relative
}

#progress-bar ul.nav li.inactive a {
    color: #fff;
    font-size: 500;
    position: relative;
    top: 1px;
    left: 10px
}

#progress-bar ul.nav li.inactive span {
    width: 90px;
    position: relative;
    top: 1px;
    left: 10px
}

.lt-ie8 #progress-bar ul.nav li {
    display: inline
}

.lt-ie8 #progress-bar ul.nav li a {
    margin-top: 45px
}

.page-checkoutOrderConfirmationPage #progress-bar {
    width: 500px;
    overflow: hidden
}

.page-checkoutOrderConfirmationPage #progress-bar ul.nav li.active {
    width: 230px;
    background: #666;
    color: #fff
}

.page-checkoutOrderConfirmationPage #progress-bar ul.nav li.active span {
    width: 192px;
    position: relative;
    left: 1px
}

.page-checkoutOrderConfirmationPage #progress-bar ul.nav li.inactive {
    background: #999;
    color: #fff;
    position: relative;
    margin-right: -15px;
    margin-left: -5px
}

.page-checkoutOrderConfirmationPage #progress-bar ul.nav li.inactive a {
    color: #fff;
    font-size: 500;
    position: relative;
    top: 1px;
    left: 10px
}

.page-checkoutOrderConfirmationPage #progress-bar ul.nav li.inactive span {
    width: 90px;
    position: relative;
    top: 1px;
    left: 10px
}

#add-new-card {
    background-color: #eee;
    padding-top: 10px;
    padding-left: 20px;
    padding-bottom: 10px
}

#headingTab {
    background-color: #333;
    height: 35px;
    width: 48%;
    padding-top: 5px
}

#headingSpan {
    color: #eee;
    font-size: 21px;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 2px;
    padding-left: 58px;
    padding-top: 0
}

#paymentHeadingTab {
    background-color: #333;
    float: left;
    height: 35px;
    margin-top: -35px;
    width: 49%;
    margin-left: 10px;
    padding-top: 5px
}

#paymentHeadingSpan {
    color: #eee;
    font-size: 21px;
    padding-left: 58px
}

#confirmationHeadingTab {
    background-color: #333;
    float: left;
    height: 35px;
    margin-top: 63px;
    padding-bottom: 8px;
    width: 31.5%;
    margin-left: 10px;
    padding-top: 5px
}

#confirmationHeadingSpan {
    color: #eee;
    font-size: 21px;
    padding-left: 58px
}

#paymentModesTable .creditCardImg {
    padding: 20px
}

#paymentModesTable .creditCardInfo {
    padding: 10px 0 0 0
}

#paymentModesTable .creditCardInfo label {
    padding-left: 5px;
    font-weight: 400;
    line-height: 18px
}

#paymentModesTable .selected {
    background: #E0E9ED
}

#paymentModesTable strong {
    display: inline-block;
    margin-bottom: 10px
}

#paymentModesTable .edit-payment-options .nav {
    padding: 10px 0 10px 33px
}

#paymentModesTable .defaultPaymentLink {
    padding: 10px 0 0 0;
    display: inline-block
}

#paymentModesTable li {
    display: inline-block
}

#paymentModesTable td {
    border-bottom: 1px solid #ccc;
    vertical-align: top
}

#paymentModesTable tr {
    border: 0
}

#paymentModesTable tr.selectedRow {
    background: #e0e9ed
}

#paymentModesTable .nav {
    display: inline-block
}

#paymentModesTable .nav li:after {
    content: "|";
    padding: 0 10px
}

#paymentModesTable .expirationDate p {
    padding: 10px 0 0 20px;
    width: 180px;
    font-size: 12px;
    margin-bottom: -8px
}

#paymentModesTable .expirationDate .expireDateLabel {
    font-weight: 700
}

#paymentModesTable .credit-card-form {
    background: #eee;
    width: 100%;
    position: relative;
    padding-top: 10px;
    padding-left: 20px
}

#paymentModesTable .credit-card-form > i {
    position: absolute;
    top: 50%;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    left: 50%;
    margin-left: -6px;
    border-bottom-color: #ccc;
    border-width: 0 10px 10px 10px;
    top: -6px;
    top: -10px;
    left: 39px
}

#paymentModesTable .credit-card-form > i:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    position: absolute;
    border-bottom-color: #fff;
    border-width: 0 9px 9px 9px;
    top: 1px;
    right: -9px;
    border-bottom-color: #EEE
}

#paymentModesTable .paymentAlertRow .alert-block {
    margin-bottom: 0
}

#paymentModesTable .paymentInfoRow {
    border: none
}

#paymentModesTable .paymentInfoRow td {
    padding: 0
}

#paymentModesTable .creditCardInfo label, #paymentModesTable .creditCardInfo input {
    display: inline-block
}

#paymentModesTable .radio, #paymentModesTable .radio input {
    vertical-align: top
}

#paymentModesTable .paymentAlertRow, #paymentModesTable .paymentAlertRow td {
    border: none;
    padding: 0
}

#checkoutPickUpAddressData {
    width: 100%
}

#checkoutPickUpAddressData .edit-options {
    margin: 10px 0 0 0
}

#checkoutPickUpAddressData .edit-options .nav {
    padding: 0 0 15px 37px;
    float: left;
    margin-bottom: 0
}

#checkoutPickUpAddressData .edit-options .nav li {
    float: left
}

#checkoutPickUpAddressData .edit-options li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

#checkoutPickUpAddressData .edit-options li:first-child:before {
    display: none
}

#checkoutPickUpAddressData .edit-options .showHideRecipientLink {
    line-height: 10px;
    padding-top: 10px
}

#checkoutPickUpAddressData .edit-options .showHideRecipientLink:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

#checkoutPickUpAddressData .edit-options .show-more-content {
    clear: both;
    margin-top: 15px;
    background: #eee;
    padding: 10px 18px 0
}

#checkoutPickUpAddressData .edit-options .clear:after {
    clear: both
}

#checkoutPickUpAddressData .edit-options .modal-content p {
    margin: 0;
    padding-bottom: 10px
}

#checkoutPickUpAddressData div.radio {
    margin-bottom: 18px
}

#checkoutPickUpAddressData td {
    padding: 0
}

#checkoutPickUpAddressData td .radio {
    margin-top: 18px
}

#checkoutPickUpAddressData .selectedRow {
    background: #e0e9ed
}

#checkoutPickUpAddressData .edit-options:after {
    clear: both
}

#checkoutPickUpAddressData .radio {
    padding-left: 18px
}

#checkoutPickUpAddressData .radio input {
    vertical-align: top
}

#checkoutPickUpAddressData .radio label {
    font-weight: 400;
    line-height: 16px
}

#checkoutPickUpAddressData .radio label strong {
    margin-bottom: 7px;
    display: inline-block
}

#checkoutPickUpAddressData .setDefaultAddress {
    padding: 0 0 0 3px;
    font-size: 16px
}

#checkoutPickUpAddressData tr {
    border-bottom: 1px solid #ccc
}

#checkoutPickUpAddressData tr td {
    padding: 0
}

#checkoutPickUpAddressData .formFooter {
    padding: 0 20px 20px 0;
    text-align: left;
    margin: 0
}

#checkoutPickUpAddressData .formFooter .cancelLink {
    text-decoration: none;
    padding: 0;
    vertical-align: middle;
    font-weight: 500;
    margin-top: 0
}

#checkoutPickUpAddressData .formFooter .cancelLink:after {
    display: none
}

#checkoutPickUpAddressData #shipAddressgsLgLb .formFooter {
    padding-top: 20px
}

#checkoutPickUpAddressData .edit-options:after, #checkoutPickUpAddressData .edit-options:before {
    content: " ";
    display: table
}

.lt-ie8 #checkoutPickUpAddressData .edit-options {
    clear: both;
    zoom: 1
}

.lt-ie8 #checkoutPickUpAddressData .edit-options li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #checkoutPickUpAddressData .edit-options li:first-child {
    border: none
}

.lt-ie8 #checkoutPickUpAddressData .edit-options .showHideRecipientLink {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #checkoutPickUpAddressData .edit-options .showHideRecipientLink:first-child {
    border: none
}

.lt-ie8 #checkoutPickUpAddressData .edit-options .clear {
    clear: both;
    zoom: 1
}

#checkoutPickUpAddressData .edit-options li .setDefaultAddressForCheckout, #checkoutPickUpAddressData .edit-options li .unsetDefaultAddressForCheckout {
    float: left
}

#checkoutPickUpAddressData .edit-options li a, #checkoutPickUpAddressData .edit-options .show-more {
    font-weight: 700
}

#checkoutPickUpAddressData .edit-options .showHideRecipientLink .expand:before, #checkoutPickUpAddressData .edit-options .showHideRecipientLink .collapse:before {
    margin-top: 0;
    float: left;
    margin-right: 6px
}

#checkoutPickUpAddressData .edit-options .clear:after, #checkoutPickUpAddressData .edit-options .clear:before {
    content: " ";
    display: table
}

#paymentModesTable .expirationDate p + p {
    font-weight: 700
}

#saveNewCreditCard {
    width: 170px
}

#paymentmethod_es {
    height: 54px
}

.creditselectBox {
    margin-left: -150px !important;
    width: 100px
}

.ccdeliveryMonthYear {
    width: 200px !important
}

#whatisthis {
    padding: 10px 0 10px 20px
}

#polistDetailsTable .noBorder {
    border: none !important
}

#polistNoItemsDescription {
    color: #00E6E6;
    font-weight: bold
}

div.fileinputs {
    position: relative
}

div.fakefile {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

input.file {
    position: relative;
    text-align: right;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    z-index: 2;
    height: 33px
}

.lt-ie8 input.file {
    zoom: 1
}

.lt-ie8 input.file {
    zoom: 1
}

.lt-ie8 input.file {
    zoom: 1
}

.lt-ie8 input.file {
    zoom: 1
}

.lt-ie8 input.file {
    zoom: 1
}

.lt-ie8 input.file {
    zoom: 1
}

.lt-ie8 input.file {
    zoom: 1
}

.lt-ie8 input.file {
    zoom: 1
}

.lt-ie8 input.file {
    zoom: 1
}

.lt-ie8 input.file {
    zoom: 1
}

input.fakeTextBox {
    width: 215px
}

#poSubTotal {
    color: #257238;
    font-weight: 700
}

.poQuantityTd {
    border-top-width: 0 !important;
    padding-top: 0 !important;
    padding-right: 30px
}

.poTotalPrice {
    color: #257238;
    font-weight: 700;
    text-align: center !important
}

#poErrorTd {
    padding-left: 226px !important;
    margin-top: -16px !important
}

.promotionalShippingAdd {
    width: 290px !important
}

#promoGiftMsg {
    width: 300px;
    height: 44px;
    margin-left: 651px;
    padding-top: 12px;
    margin-top: -14px;
    padding-left: 11px
}

#promotionalGiftShippingAdd {
    width: 400px !important;
    height: 550px;
    overflow-y: auto;
    margin-left: -17px
}

.promoAddlink {
    text-decoration: underline !important
}

.promoSaveButton {
    background-color: #e2791c !important
}

.promoCancelButton {
    margin-left: 180px !important
}

.styledSelect.inputType.errorField {
    border: 2px solid #ad3333 !important
}

.promoAddEnter {
    color: #f00
}

#poPublishMsg {
    font-size: 13.5px;
    font-weight: 700;
    color: #3CF
}

.polistSubTotalTd {
    width: 130px
}

.poOrderSummaryTable .noBorder {
    border: none !important
}

.pColumnHeaderLabel {
    text-align: center !important
}

.paymentInfoTypeClass {
    font-size: 12px
}

.invoiceRowDetails {
    border-top: 0 !important
}

#cartAvailbilityContainer, #defaultBranchDiv {
    width: 79%;
    padding-top: 0
}

.lt-ie8 #cartAvailbilityContainer {
    width: 75%;
    padding-top: 0;
    float: right;
    display: block
}

.lt-ie8 .delivery-avail-container #checkAvailabilityForm {
    width: 20%;
    display: block;
    float: left
}

.phoneAndHrs {
    width: 375px !important;
    margin-top: -95px !important;
    margin-left: 200px !important
}

.pickSuccessMsg {
    margin-left: 26px;
    margin-top: -14px
}

.pickupDate {
    margin-left: 25px
}

.cart-avail {
    padding-top: 0 !important
}

.paddingTopTenClass {
    padding-top: 10px
}

.notesTextBoxWidth {
    width: 510px;
    padding-right: 15px !important
}

.orderLevelDetailsLabel {
    display: inline-block;
    width: 200px
}

.orderConfirmationDetails .orderLevelDetailsLabel {
    width: 200px
}

.orderLevelDetailsValue {
    display: inline-block
}

.orderLevelDetailsValue #customField1ID {
    height: 80px;
    width: 350px;
    margin-bottom: 0;
    padding: 5px;
    resize: none;
    margin-bottom: 8px
}

.orderLevelDetailsValue .alert {
    display: block;
    margin: 10px 0
}

.orderLevelDetailsValue #deliverMethodID {
    background-color: #eee;
    font-size: 12px;
    margin: 10px 0 0 0;
    padding: 0;
    border: 0;
    font-family: Arial, Helvetica, sans-serif
}

.orderLevelDetailsValue input {
    width: 400px;
    padding-top: 5px
}

.orderLevelDetailsValue input.alert, .orderLevelDetailsValue select.alert {
    color: #000;
    font-weight: 300
}

.orderLevelDetailsValue input#poNumberNotUsed {
    width: auto;
    height: auto
}

.orderLevelDetailsValue input#poNumberNotUsed-orderdetails {
    width: auto;
    height: auto
}

.orderLevelDetailsValue select {
    width: 400px;
    font-size: 12px;
    height: 34px
}

.orderLevelDetailsValue textarea {
    width: 400px;
    height: 75px;
    resize: none;
    padding: 5px 32px 5px 5px;
    font-size: 14px;
    font-weight: normal
}

.inlineAddressData {
    width: 400px;
    text-align: left;
    text-overflow: hidden;
    margin: 8px 0;
    padding: 0;
    display: inline-block !important;
    padding: 0 15px
}

.inlineAddressData div {
    margin-bottom: 7px
}

.inlineAddressData .shipAddressData {
    padding: 0 15px 0 15px
}

.shipAddressWidth {
    width: 450px
}

.shared-cart-content {
    width: 100%
}

.cartCheck {
    width: 3%
}

.cartItemsCheck {
    display: inline-block;
    position: relative;
    left: 15px;
    top: 10px
}

.shared-cart-price {
    width: 10% !important
}

input.qty {
    width: 50px
}

#shareCartAddError {
    float: right
}

#header-breadcrumb-container-sc {
    position: relative;
    top: -50px;
    display: inline-block
}

#order-items-list {
    background-color: #f2f2f2;
    margin-top: 10px;
    padding: 10px
}

#order-items-list .cartActions {
    float: right
}

#order-items-list .cartActions li {
    float: left
}

#order-items-list .cartActions li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #order-items-list .cartActions li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #order-items-list .cartActions li:first-child {
    border: none
}

#order-items-list .cartActions li:first-child:before {
    display: none
}

#order-items-list .cartActions li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #order-items-list .cartActions li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #order-items-list .cartActions li:first-child {
    border: none
}

#order-items-list .cartActions li:first-child:before {
    display: none
}

#order-items-list .cartActions li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #order-items-list .cartActions li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #order-items-list .cartActions li:first-child {
    border: none
}

#order-items-list .cartActions li:first-child:before {
    display: none
}

#order-items-list .cartActions li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #order-items-list .cartActions li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #order-items-list .cartActions li:first-child {
    border: none
}

#order-items-list .cartActions li:first-child:before {
    display: none
}

#order-items-list .cartActions li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #order-items-list .cartActions li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #order-items-list .cartActions li:first-child {
    border: none
}

#order-items-list .cartActions li:first-child:before {
    display: none
}

#order-items-list .cartActions li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #order-items-list .cartActions li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #order-items-list .cartActions li:first-child {
    border: none
}

#order-items-list .cartActions li:first-child:before {
    display: none
}

#order-items-list .cartActions li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #order-items-list .cartActions li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #order-items-list .cartActions li:first-child {
    border: none
}

#order-items-list .cartActions li:first-child:before {
    display: none
}

#order-items-list .cartActions li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #order-items-list .cartActions li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #order-items-list .cartActions li:first-child {
    border: none
}

#order-items-list .cartActions li:first-child:before {
    display: none
}

#order-items-list .cartActions li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #order-items-list .cartActions li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #order-items-list .cartActions li:first-child {
    border: none
}

#order-items-list .cartActions li:first-child:before {
    display: none
}

#order-items-list .cartActions li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #order-items-list .cartActions li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #order-items-list .cartActions li:first-child {
    border: none
}

#order-items-list .cartActions li:first-child:before {
    display: none
}

#order-items-list .cartActions li a {
    font-size: 12px;
    font-weight: bold
}

#order-items-list-checkout {
    background-color: #eee;
    padding: 10px 10px 3px 10px
}

#productsincartedit {
    margin-top: 25px
}

#productsincartedit .itemsInOrder {
    display: inline-block
}

.itemQuantity {
    width: 10% !important
}

#shared-cart-text-right {
    position: relative;
    right: -27%
}

.shared-cart-p-right {
    position: relative;
    right: 26%;
    color: #257238;
    font-weight: 700
}

#shareCartTitle {
    text-transform: none !important
}

#shareCartAddError {
    display: none
}

.shared-cart-price span {
    color: #257238;
    font-weight: 700
}

#cart-table td.mb-comment {
    word-wrap: break-word;
    word-break: break-all;
    padding-right: 5px
}

.page-sharedCart-list #cart-table table tr {
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px !important
}

.page-sharedCart-list #cart-table .div-header {
    border-bottom: 0 !important
}

.page-sharedCart-list #cart-table .cartItemDescription {
    width: 65%;
    margin-left: 80px;
    position: relative;
    top: 10px;
    left: 10px
}

.page-sharedCart-list #cart-table .cart-img {
    position: absolute;
    top: 15px
}

.page-sharedCart-list #cart-table .cart-item {
    position: relative;
    left: 9px
}

.page-sharedCart-list #cart-table #price-label1 {
    position: relative
}

.page-sharedCart-list #shareCartAddToCart {
    position: relative;
    top: -7px
}

.page-sharedCart-list .totalPriceRow {
    border-bottom: none !important
}

.page-sharedCart-list .shared-cart-price .bottomText, .page-sharedCart-list .shared-cart-price .price-each {
    position: relative;
    left: 2px
}

#cart-table.pending .rightPO {
    margin-bottom: 10px;
    font-size: 12px
}

#cart-table.pending .rightPO th {
    padding: 10px !important
}

.orderLevelDetailsValueLabel {
    display: inline-block;
    width: 70%
}

.orderLevelDetailsValueLabel #customField1ID {
    height: 80px;
    width: 350px;
    margin-bottom: 0;
    padding: 5px;
    resize: none;
    margin-bottom: 8px
}

.orderLevelDetailsValueLabel input {
    width: 350px;
    height: 30px
}

.orderLevelDetailsValueLabel select {
    width: 350px;
    height: 30px
}

.orderLevelDetailsValueLabel span {
    display: inline;
    padding-top: 8px
}

#pickupBranchParent {
    position: relative
}

#pickupBranchChildTwo {
    position: absolute;
    top: 220px
}

#paymetricsFrame {
    display: none
}

.orderConfirmationDetails {
    background-color: #eee;
    margin-bottom: 20px;
    padding: 10px;
    min-height: 260px;
    font-size: 12px
}

.orderConfirmationDetails label {
    border-right: 1px solid #ccc;
    margin-right: 5px;
    padding-top: 3px
}

.orderConfirmationDetails .orderLevelDetailsLabelCardNum {
    width: 200px;
    display: inline-block
}

.orderConfirmationDetails .orderLevelDetailsLabelCardNum label {
    border-right: 1px solid #ccc
}

.orderConfirmationDetails .orderLevelDetailsLabelApprover {
    width: 200px;
    display: inline-block
}

.orderConfirmationDetails .orderLevelDetailsLabelApprover label {
    border-right: 1px solid #ccc;
    padding-bottom: 15px
}

#order-heading-page-title h1 {
    font-size: 24px
}

#order-heading-page-title .check-mark-icon {
    display: inline-block;
    vertical-align: top
}

#order-heading-page-title .check-mark-icon:before {
    font-family: graingerFont;
    content: "\ea10";
    font-weight: 400;
    font-size: 32px
}

#order-heading-page-title .order-heading-text {
    display: inline-block;
    vertical-align: top
}

#order-heading-page-title .order-heading-text .orderWeb {
    padding-top: 5px;
    padding-left: 5px
}

#order-heading-page-title .order-heading-text .order-heading-text-approval {
    width: 100%
}

#order-heading-page-title .alert.confirmation:before {
    padding-left: 0
}

.summaryHeight {
    height: 500px
}

.changeSaveButtons {
    text-align: right;
    margin-right: 55px !important;
    padding-top: 10px
}

#orderDetailsForm .changeSaveButtons {
    text-align: left;
    margin: 0 0 0 200px !important
}

#orderDetailsForm .row {
    display: block;
    margin-bottom: 5px;
    position: relative;
    clear: both;
    margin-left: 0;
    margin-right: 0
}

#orderDetailsForm .row label {
    width: 200px;
    display: block;
    float: left;
    margin-top: 7px;
    word-wrap: break-word;
    padding-right: 5px
}

#orderDetailsForm .row .po-field {
    margin-left: 200px;
    padding: 3px 0
}

#orderDetailsForm .row .po-field label {
    float: none;
    font-weight: 400;
    display: inline
}

#orderDetailsForm .row .addr-label {
    height: auto;
    vertical-align: top
}

#orderDetailsForm .row .orderLevelDetailsValue {
    margin: 8px 0
}

#orderDetailsForm .row .char-counter {
    position: absolute;
    top: 7px;
    right: 205px;
    padding: 6px 8px;
    background-color: #fff
}

#orderDetailsForm .row .char-counter.txt-area {
    top: 50px;
    background-color: transparent
}

#orderDetailsForm .row .alert {
    margin-left: 200px
}

#orderDetailsForm .row > div {
    display: block
}

#orderDetailsForm .row .v-top {
    vertical-align: top
}

#orderDetailsForm .row .inlineAddressData {
    padding: 0
}

#orderDetailsForm .row .gTooltip .graingerTip {
    top: 1px;
    position: relative
}

#orderDetailsCheckArea {
    padding-top: 10px
}

#cartDeliveryModeCheck {
    padding-top: 10px
}

#cartPickupCheck {
    padding-top: 10px
}

#cartShippingCheck {
    padding-top: 10px
}

#checkCreditCardExpiredArea {
    padding-top: 32px
}

#checkCreditCardNotExists {
    padding-top: 10px;
    padding-bottom: 10px
}

.orderConfirmationPrint {
    float: right;
    position: relative;
    top: 10px
}

.cartGenericIcons {
    background: url("../../images/sprites/grainger_icon_sprite.png") no-repeat scroll 0 0;
    display: inline-block;
    margin: 0 3px
}

.questionMark {
    background-position: 0 -6100px;
    height: 16px;
    width: 16px;
    vertical-align: sub
}

#customField2ID-label-confirmation {
    word-wrap: break-word;
    display: inline-block;
    padding-top: 2px
}

.orderShippingNotes {
    width: 200px !important;
    display: inline-block;
    vertical-align: top
}

.orderShippingNotes label {
    border-right: 1px solid #ccc;
    padding-bottom: 12px
}

.header-po {
    background-color: #E5E5E5
}

#cart-maincontent h2 {
    font-size: 18px
}

#cart-maincontent #gcShipAddress input, #cart-maincontent #modifiedGuestUserInfo input, #cart-maincontent .additionalInformationDiv input, #cart-maincontent #gcShipAddress select, #cart-maincontent #modifiedGuestUserInfo select, #cart-maincontent .additionalInformationDiv select {
    border: 1px solid #595959
}

#cart-maincontent .delivery-avail-container.gcModifiedDeliveryMethod .gcPickupBranchDiv .gcPickUpLocationDiv .styledSelect select {
    border: 1px solid #595959
}

#cart-maincontent .delivery-avail-container.gcModifiedDeliveryMethod .gcPickupBranchDiv .gcPickUpLocationDiv .styledSelect:after {
    border-top: 1px solid #595959;
    border-bottom: 1px solid #595959
}

#cart-maincontent .gcModifiedShippingAddress .styledSelect:after {
    border-top: 1px solid #595959;
    border-bottom: 1px solid #595959;
    border-right: none
}

#cart-maincontent .gcModifiedShippingAddress #gcShipAddress input, #cart-maincontent .gcModifiedShippingAddress .additionalInformationDiv input, #cart-maincontent .gcModifiedShippingAddress #gcShipAddress select, #cart-maincontent .gcModifiedShippingAddress .additionalInformationDiv select {
    border: 1px solid #595959
}

.oms-audit-trail-header {
    font-size: 18px
}

#actions-pending-orders-table {
    border: 1px solid #E5E5E5
}

#actions-pending-orders-table #actions, #actions-pending-orders-table #date {
    width: 12%
}

#actions-pending-orders-table #by, #actions-pending-orders-table #to {
    width: 17%
}

#actions-pending-orders-table #comments {
    width: 42%
}

#actions-pending-orders-table th {
    font-weight: bold;
    font-size: 12px !important
}

#actions-pending-orders-table tr {
    border-top: 1px solid #ccc;
    font-size: 12px !important
}

.gTooltip div.tooltip:after {
    content: '';
    display: none !important
}

.tooltip:after {
    content: '';
    display: none !important
}

.rightPO {
    float: right !important
}

.oms-update-all {
    text-align: center;
    font-weight: bolder
}

.cart-item-border {
    border-top: 2px solid #eee;
    padding: 10px 0 15px 0
}

#order-items-list-epro-availability {
    background-color: #E5E5E5;
    padding: 10px;
    margin-bottom: 30px
}

#order-items-list-epro-availability .epro-delivery-method {
    font-size: 16px;
    font-weight: 700;
    margin: 0
}

#order-items-list-epro-availability .epro-delivery-method a a:after {
    font-family: graingerFont;
    content: "\e62c";
    font-weight: 400;
    margin: 5px 0 0 10px;
    font-size: 12px
}

.view-mode .select-wrap {
    width: 380px;
    display: inline-block;
    overflow: hidden
}

.view-mode input, .view-mode textarea, .view-mode select {
    border: 0;
    background-color: #eee;
    color: #000;
    padding-left: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin-bottom: 0
}

.view-mode .required-field, .view-mode .po-field {
    display: none
}

.view-mode #orderDetailsForm .row {
    margin-bottom: 0
}

.view-mode #orderDetailsForm .row .char-ctr-display {
    display: none
}

.view-mode #orderDetailsForm .row label {
    margin-top: 5px
}

.view-mode select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    margin: 8px 0 0 0;
    height: auto
}

.view-mode::-ms-expand {
    display: none
}

.view-mode textarea {
    height: 30px
}

.view-mode input#deliverMethodID {
    border: 0;
    background-color: #eee;
    padding: 8px 0 0 0
}

#dataPromptSection .styledSelect {
    margin-bottom: 0
}

.lt-ie8 #progress-bar {
    width: 64%
}

.lt-ie8 #progress-bar ul.nav {
    width: 100%
}

.lt-ie8 #progress-bar ul.nav li.inactive {
    position: static
}

.lt-ie8 .page-checkoutOrderConfirmationPage #progress-bar ul.nav li.inactive {
    position: static
}

.lt-ie8 #cartRightRail {
    float: right
}

#products-links-line {
    float: right;
    padding-right: 5px
}

#pstExemptAllLink {
    color: #145579
}

#productsLineTitle {
    font-size: 16px
}

.orderConfirmationDetails .addr-addr1 {
    display: block
}

.orderConfirmationDetails .addr-addr1 .addr-delim {
    display: none
}

.orderConfirmationDetails .addr-label {
    display: block;
    height: 40px;
    width: 195px
}

.orderConfirmationDetails .addr-address {
    margin-left: 202px
}

#orderDetailsForm.gForms {
    padding: 0 10px;
    font-size: 12px;
    line-height: 1.25em;
    margin-bottom: 15px
}

#orderDetailsForm .addr-addr1 {
    display: block
}

#orderDetailsForm .addr-addr1 .addr-delim {
    display: none
}

#shippingSettingsContainer .addr-addr1 {
    display: block;
    padding: 5px 0
}

#shippingSettingsContainer .addr-addr1 .addr-delim {
    display: none
}

.note-po-box {
    font-weight: 100;
    font-style: italic;
    margin-bottom: 10px;
    margin-top: 0;
    clear: both
}

.lt-ie9 #orderDetailsForm .row .char-counter {
    top: 5px
}

.lt-ie9 #orderDetailsForm .row .char-counter.txt-area {
    top: 50px
}

.lt-ie8 #orderDetailsForm .row .char-counter {
    right: 180px;
    top: 7px
}

.lt-ie8 #orderDetailsForm .row .char-counter.txt-area {
    top: 70px
}

.disabled-text-field {
    background-color: #ebebe4;
    border: 1px solid #ccc
}

.ltlIndicatorMessage {
    margin-top: 13px;
    font-size: 12px !important
}

#updateGuestUserInfo .gForm-row-input label {
    width: 124px;
    display: inline-block !important;
    padding-top: 5px
}

#updateGuestUserInfo .gForm-row-input input[type=text] {
    width: 400px;
    display: inline
}

#updateGuestUserInfo .gForm-row-button {
    padding-left: 350px
}

#updateGuestUserInfo .pickup-validation-errors {
    padding-left: 140px
}

.guestCheckoutCartDiscliamer {
    color: #00739e;
    font-weight: bold;
    padding-top: 4px
}

.cartMandatoryFieldError {
    border: 2px solid #00739E !important
}

.styledSelect.cartMandatoryFeildSelect:after {
    border: 2px solid #00739E !important;
    border-left: 1px solid #E7E6E6 !important
}

.sameAsShippingAddress {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 14px;
    font-family: RobotoCondensed, Arial, Helvetica, sans-serif
}

.guest-checkout-order-items-list {
    background-color: #f2f2f2;
    margin-top: 10px;
    padding: 10px;
    margin-bottom: 10px
}

.delivery-avail-container.gcModifiedDeliveryMethod .title {
    background-color: #eee;
    padding: 10px 0 10px 13px;
    margin-bottom: 15px
}

.delivery-avail-container.gcModifiedDeliveryMethod .gcPickUpSelectedPickUpLocationTitle {
    margin-bottom: 9px
}

#cart-maincontent .delivery-avail-container.gcModifiedDeliveryMethod .gcPickupBranchDiv {
    width: 100%;
    border-left: none;
    padding: 0;
    margin-bottom: 80px
}

#cart-maincontent .delivery-avail-container.gcModifiedDeliveryMethod .gcPickupBranchDiv .pickup-companyNameDiv {
    width: 100%;
    margin-bottom: 8px;
    position: relative
}

#cart-maincontent .delivery-avail-container.gcModifiedDeliveryMethod .gcPickupBranchDiv #pickup-companyName {
    width: 100%
}

#cart-maincontent .delivery-avail-container.gcModifiedDeliveryMethod .gcPickupBranchDiv .pickup-firstNameDiv {
    width: 49.3%;
    margin-right: 1.4%;
    float: left;
    margin-bottom: 8px
}

#cart-maincontent .delivery-avail-container.gcModifiedDeliveryMethod .gcPickupBranchDiv #pickup-firstName {
    width: 100%
}

#cart-maincontent .delivery-avail-container.gcModifiedDeliveryMethod .gcPickupBranchDiv .pickup-lastNameDiv {
    width: 49.3%;
    float: right;
    margin-bottom: 8px
}

#cart-maincontent .delivery-avail-container.gcModifiedDeliveryMethod .gcPickupBranchDiv #pickup-lastName {
    width: 100%
}

#cart-maincontent .delivery-avail-container.gcModifiedDeliveryMethod .gcPickupBranchDiv .pickup-emailIdDiv {
    width: 49.3%;
    margin-right: 1.4%;
    float: left;
    height: auto
}

#cart-maincontent .delivery-avail-container.gcModifiedDeliveryMethod .gcPickupBranchDiv #pickup-emailId {
    width: 100%
}

#cart-maincontent .delivery-avail-container.gcModifiedDeliveryMethod .gcPickupBranchDiv .pickup-phoneNumberDiv {
    width: 30.9%;
    margin-right: 1.4%;
    float: left;
    height: auto
}

#cart-maincontent .delivery-avail-container.gcModifiedDeliveryMethod .gcPickupBranchDiv #pickup-phoneNumber {
    width: 100%
}

#cart-maincontent .delivery-avail-container.gcModifiedDeliveryMethod .gcPickupBranchDiv .pickup-phoneExtDiv {
    width: 17%;
    float: right;
    position: relative;
    height: auto
}

#cart-maincontent .delivery-avail-container.gcModifiedDeliveryMethod .gcPickupBranchDiv #pickup-phoneExt {
    width: 100%
}

#cart-maincontent .delivery-avail-container.gcModifiedDeliveryMethod .gcPickupBranchDiv #updateGuestUserInfo .pickup-validation-errors {
    padding-left: 0
}

#cart-maincontent .delivery-avail-container.gcModifiedDeliveryMethod .gcPickupBranchDiv form {
    display: inline-block;
    width: 100%;
    margin: 8px 0 8px 0
}

#cart-maincontent .delivery-avail-container.gcModifiedDeliveryMethod .gcPickupBranchDiv input.gcErrorBox {
    border: 2px solid #ad3333
}

#cart-maincontent .delivery-avail-container.gcModifiedDeliveryMethod .gcPickupBranchDiv #pickupcustomField2.gcErrorBox {
    border: 2px solid #ad3333
}

#cart-maincontent .delivery-avail-container.gcModifiedDeliveryMethod .gcPickupBranchDiv .optionalLabel {
    position: absolute;
    top: 9px;
    float: right;
    font-size: 13px;
    color: #7d7d7d;
    padding: 6px 8px;
    right: 8px
}

#cart-maincontent .delivery-avail-container.gcModifiedDeliveryMethod .gcPickupBranchDiv input {
    padding: 8px 13px;
    height: 41px
}

#cart-maincontent .delivery-avail-container.gcModifiedDeliveryMethod .gcPickupBranchDiv .gForm-row-input {
    height: 60px
}

#cart-maincontent .delivery-avail-container.gcModifiedDeliveryMethod .gcPickupBranchDiv .gcPickUpLocationDiv {
    margin-left: 2px
}

#cart-maincontent .delivery-avail-container.gcModifiedDeliveryMethod .gcPickupBranchDiv .gcPickUpLocationDiv label {
    color: #9a9999
}

#cart-maincontent .delivery-avail-container.gcModifiedDeliveryMethod .gcPickupBranchDiv .gcPickUpLocationDiv select {
    background: #fff;
    padding-left: 15px
}

#cart-maincontent .delivery-avail-container.gcModifiedDeliveryMethod .gcPickupBranchDiv .gcPickUpLocationDiv .styledSelect {
    width: 160px
}

#cart-maincontent .delivery-avail-container.gcModifiedDeliveryMethod .gcPickupBranchDiv .gcPickUpLocationDiv .styledSelect:after {
    background: #fff;
    border-left: none;
    font-size: 14px;
    right: 8px;
    border-right: none;
    color: #00739e;
    padding: 11px 6px
}

#cart-maincontent .delivery-avail-container.gcModifiedDeliveryMethod .gcPickupBranchDiv .gcPickUpLocationDiv .styledSelect.gcErrorBox {
    border: 2px solid #ad3333
}

.guestUserSelectedBranchDiv {
    border-bottom: 1px solid #000 !important
}

.guestUserBranchRadioInput {
    float: left;
    margin-bottom: 5px
}

.guestUserBranchPickupDiv, .guestUserBranchPickupDivShowMore {
    border-bottom: 1px solid #eee;
    margin-bottom: 8px;
    padding-bottom: 15px;
    height: auto;
    clear: both;
    overflow: hidden
}

.guestUserBranchPickupDiv input, .guestUserBranchPickupDivShowMore input {
    height: auto !important;
    margin-right: 10px
}

.guestUserBranchPickupDiv .guestUserDisplayName, .guestUserBranchPickupDivShowMore .guestUserDisplayName {
    font-weight: 700;
    line-height: 15px;
    display: inline-block
}

.guestUserBranchPickupDiv .guestUserAddress, .guestUserBranchPickupDivShowMore .guestUserAddress {
    font-weight: 700;
    line-height: 15px;
    padding-left: 23px;
    width: auto
}

.guestUserBranchPickupDiv .guestUserPhoneNoDiv, .guestUserBranchPickupDivShowMore .guestUserPhoneNoDiv {
    padding-left: 23px;
    line-height: 16px;
    float: left
}

.guestUserBranchPickupDiv .guestUserFaxDiv, .guestUserBranchPickupDivShowMore .guestUserFaxDiv {
    padding-left: 23px;
    line-height: 16px
}

.guestUserBranchPickupDiv .pickupbranchdefaulthoursDiv, .guestUserBranchPickupDivShowMore .pickupbranchdefaulthoursDiv {
    padding-left: 23px
}

.guestUserBranchPickupDiv .gcPickupBranchDefaultHours, .guestUserBranchPickupDivShowMore .gcPickupBranchDefaultHours {
    float: left;
    margin-right: 4px
}

.guestUserBranchPickupDiv .branchNameAddressDiv, .guestUserBranchPickupDivShowMore .branchNameAddressDiv {
    width: 45%;
    display: inline-block;
    float: left
}

.guestUserBranchPickupDiv .branchHoursDiv, .guestUserBranchPickupDivShowMore .branchHoursDiv {
    width: 52%;
    display: inline-block;
    margin-right: 10px;
    line-height: 1.5
}

.guestUserBranchPickupDiv .branchAvailabilityDiv, .guestUserBranchPickupDivShowMore .branchAvailabilityDiv {
    width: 33%;
    display: inline;
    float: right
}

.gcDeliveryMethodBtnDiv {
    padding: 15px 0;
    margin-bottom: 2px;
    background-color: #fff;
    border: none;
    box-shadow: none
}

.gcDeliveryMethodBtnDiv .gcDeliveryMethodPreviousBtn {
    margin-right: 2%;
    float: left;
    width: 48%;
    font-size: 14px
}

.gcDeliveryMethodBtnDiv .gcDeliveryMethodNextBtn {
    width: 48%;
    font-size: 14px
}

.gcModifiedCartMainContent {
    position: relative;
    top: 61px
}

.gcModifiedCartMainContent .guest-checkout-order-items-list {
    margin-top: 0;
    background-color: #eee;
    padding: 10px 13px;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 15px
}

.gcModifiedCartMainContent .guest-checkout-order-items-list .title {
    margin-bottom: 0
}

.gcModifiedCartMainContent .gcDeliveryMethodRadioDiv {
    padding: 0 0 15px 13px
}

.gcModifiedCartMainContent .gcDeliveryMethodRadioDiv .radio {
    padding-bottom: 12px;
    font-size: 12px
}

.gcModifiedCartMainContent .gcDeliveryMethodRadioDiv .radio label {
    pointer-events: none
}

.delivery-avail-container.gcModifiedDeliveryMethod {
    background-color: #fff;
    padding: 0
}

.delivery-avail-container.gcModifiedDeliveryMethod #checkAvailabilityForm {
    width: 100%
}

.delivery-avail-container.gcModifiedDeliveryMethod #checkAvailabilityForm .title {
    background-color: #eee;
    padding: 10px 0 10px 13px;
    text-transform: uppercase;
    margin-bottom: 20px
}

.delivery-avail-container.gcModifiedDeliveryMethod #checkAvailabilityForm .radio {
    padding-left: 13px
}

.delivery-avail-container.gcModifiedDeliveryMethod #checkAvailabilityForm .radio:checked:before {
    background: green
}

.gcModifiedDeliveryMethod .cart-delivery-container {
    margin-bottom: 15px
}

.gcModifiedShippingAddress .shippingAddressTitle {
    background-color: #eee;
    padding: 10px 0 10px 13px;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 15px
}

.gcModifiedShippingAddress .newShippingAddress {
    margin-bottom: 12px
}

.gcModifiedShippingAddress .newShippingAddress .companyNameDiv {
    width: 100%;
    margin-bottom: 8px;
    position: relative
}

.gcModifiedShippingAddress .newShippingAddress .firstNameDiv {
    width: 49.3%;
    float: left;
    margin-right: 1.4%;
    margin-bottom: 8px
}

.gcModifiedShippingAddress .newShippingAddress .lastNameDiv {
    width: 49.3%;
    display: inline-block;
    float: right;
    margin-bottom: 8px
}

.gcModifiedShippingAddress .newShippingAddress .address1Div {
    clear: both;
    margin-bottom: 8px
}

.gcModifiedShippingAddress .newShippingAddress .addressDiv2 {
    clear: both;
    margin-bottom: 8px;
    position: relative
}

.gcModifiedShippingAddress .newShippingAddress .zipCodeDiv {
    width: 32.6%;
    float: right
}

.gcModifiedShippingAddress .newShippingAddress .cityDiv {
    width: 48.6%;
    float: left;
    margin-right: 1.4%
}

.gcModifiedShippingAddress .newShippingAddress .stateInfoDiv {
    width: 16%;
    float: left;
    margin-right: 1.4%
}

.gcModifiedShippingAddress .newShippingAddress .stateInfoDiv .styledSelect {
    width: 100%;
    border-radius: 2px
}

.gcModifiedShippingAddress .newShippingAddress .stateInfoDiv .stateInfoProvinceLabel {
    margin-top: -21px;
    font-weight: normal;
    color: #7d7d7d
}

.gcModifiedShippingAddress .newShippingAddress .optionalLabel {
    position: absolute;
    top: 9px;
    float: right;
    font-size: 13px;
    color: #7d7d7d;
    padding: 6px 8px;
    right: 8px
}

.gcModifiedShippingAddress .newShippingAddress #companyName {
    width: 100%
}

.gcModifiedShippingAddress .newShippingAddress #firstName {
    width: 100%
}

.gcModifiedShippingAddress .newShippingAddress #lastName {
    width: 100%
}

.gcModifiedShippingAddress .newShippingAddress #address1 {
    width: 100%
}

.gcModifiedShippingAddress .newShippingAddress #addressLine2 {
    width: 100%
}

.gcModifiedShippingAddress .newShippingAddress #zipCode {
    width: 100%
}

.gcModifiedShippingAddress .newShippingAddress #city {
    width: 100%
}

.gcModifiedShippingAddress .newShippingAddress #stateInfo {
    width: 100%;
    height: 38px;
    font-weight: normal;
    font-size: 13px
}

.gcModifiedShippingAddress .newShippingAddress .defaultStateValue {
    color: #7d7d7d
}

.gcModifiedShippingAddress .newShippingAddress .gForm-row {
    height: 60px
}

.gcModifiedShippingAddress .additionalInformationTitle {
    background-color: #eee;
    padding: 10px 0 10px 13px;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 15px
}

.gcModifiedShippingAddress .styledSelect select {
    background-color: #fff;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(1, #fff));
    height: 30px
}

.gcModifiedShippingAddress .styledSelect:after {
    background-color: #fff;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(1, #fff));
    border-left: none;
    color: #599a9c;
    font-size: 14px;
    right: 8px;
    border-top: 1px solid #595959;
    border-bottom: 1px solid #595959
}

.gcModifiedShippingAddress input[type="text"] {
    border-radius: 1.5px;
    padding-left: 13px;
    height: 41px
}

.gcModifiedShippingAddress input[type="password"] {
    border-radius: 1.5px
}

.gcModifiedShippingAddress input.disabled {
    border-radius: 1.5px
}

.gcModifiedShippingAddress .gcShippingAddress .gForm-row input.gcErrorBox {
    border: 2px solid #ad3333
}

.gcModifiedShippingAddress .gcShippingAddress .gForm-row .styledSelect.gcErrorBox {
    border: 2px solid #ad3333
}

.gcModifiedShippingAddress .additionalInformationDiv {
    margin-bottom: 4px
}

.gcModifiedShippingAddress .additionalInformationDiv fieldset {
    width: 100%;
    margin-bottom: 40px
}

.gcModifiedShippingAddress .additionalInformationDiv .workEmailDiv {
    width: 49.3%;
    float: left;
    margin-right: 1.4%;
    margin-bottom: 8px;
    height: 60px
}

.gcModifiedShippingAddress .additionalInformationDiv .workEmailDiv #workEmailID {
    width: 100%
}

.gcModifiedShippingAddress .additionalInformationDiv .workPhoneNo {
    width: 30.9%;
    float: left;
    margin-right: 1.4%;
    height: 60px
}

.gcModifiedShippingAddress .additionalInformationDiv .workPhoneNo #workPhoneNumber {
    width: 100%
}

.gcModifiedShippingAddress .additionalInformationDiv .extDiv {
    width: 17%;
    float: right;
    height: 60px;
    position: relative
}

.gcModifiedShippingAddress .additionalInformationDiv .extDiv .optionalLabel {
    position: absolute;
    top: 9px;
    float: right;
    font-size: 13px;
    color: #7d7d7d;
    padding: 6px 8px;
    right: 8px
}

.gcModifiedShippingAddress .additionalInformationDiv .extDiv #extID {
    width: 100%
}

.gcModifiedShippingAddress .additionalInformationDiv .po-number-div-class {
    width: 49.3%;
    margin-right: 1.4%;
    margin-bottom: 8px;
    height: 60px;
    position: relative;
    display: inline-block
}

.gcModifiedShippingAddress .additionalInformationDiv .po-number-div-class #poNumberID, .gcModifiedShippingAddress .additionalInformationDiv .po-number-div-class .poNumberIDReviewPage {
    width: 100%;
    margin: 0;
    margin-bottom: 5px
}

.gcModifiedShippingAddress .additionalInformationDiv .requisition-name-div {
    width: 49.3%;
    float: right;
    margin-bottom: 8px;
    height: 60px;
    position: relative;
    display: inline-block
}

.gcModifiedShippingAddress .additionalInformationDiv .requisition-name-div #requisitionNameID {
    width: 100%
}

.gcModifiedShippingAddress .additionalInformationDiv .requisition-name-div .char-ctr-display {
    z-index: 1
}

.gcModifiedShippingAddress .additionalInformationDiv .customField1Div {
    position: relative;
    width: 100%
}

.gcModifiedShippingAddress .additionalInformationDiv .customField2Div {
    position: relative;
    width: 100%
}

.gcModifiedShippingAddress .additionalInformationDiv #customField1 {
    width: 100%;
    height: 37px
}

.gcModifiedShippingAddress .additionalInformationDiv #customField2 {
    width: 100%;
    height: 41px;
    padding: 10px 38px 8px 13px;
    resize: none;
    overflow: auto;
    word-break: break-all
}

.gcModifiedShippingAddress .additionalInformationDiv .shippingNotesAutoHeight #customField2 {
    height: 60px;
    padding-right: 35px
}

.gcModifiedShippingAddress .additionalInformationDiv .shippingNotesAutoHeight .char-ctr-display {
    top: 19px
}

.gcModifiedShippingAddress .additionalInformationDiv .char-ctr-display {
    position: absolute;
    top: 9px;
    float: right;
    font-size: 13px;
    color: #7d7d7d;
    right: 8px
}

.gcModifiedShippingAddress .additionalInformationDiv #error-po-number {
    top: -13px;
    position: relative
}

.gcModifiedShippingAddress .additionalInformationDiv #error-po-format-number {
    top: -13px;
    position: relative
}

.gcModifiedShippingAddress .additionalInformationDiv input[type="text"] {
    border-radius: 1.5px
}

.gcModifiedShippingAddress .additionalInformationDiv input[type="password"] {
    border-radius: 1.5px
}

.gcModifiedShippingAddress .additionalInformationDiv input.disabled {
    border-radius: 1.5px
}

.gcModifiedShippingAddress .additionalInformationDiv select {
    border-radius: 1.5px
}

.gcModifiedShippingAddress .additionalInformationDiv #emailId-gcError {
    position: relative;
    top: -19px
}

.gcModifiedShippingAddress .additionalInformationDiv #phoneNumber-gcError {
    position: relative;
    top: -19px
}

.gcModifiedShippingAddress .additionalInformationDiv input.gcErrorBox {
    border: 2px solid #ad3333
}

.gcModifiedShippingAddress .additionalInformationDiv #customField2.gcErrorBox {
    border: 2px solid #ad3333
}

.gcModifiedShippingAddress .shippingDelAdditionalInfoDiv.shippingDelAdditionalInfoErrorDiv {
    height: 72px
}

.gcModifiedShippingAddress .shippingDelAdditionalInfoDiv.shippingDelAdditionalInfoErrorDiv .alert {
    top: -14px !important
}

#cart-maincontent.gcModifiedCartMainContent {
    padding: 0 25px 0 0
}

#cart-maincontent.gcPaymentInfoContainer {
    padding: 0 25px 35px 0;
    position: relative;
    top: 61px
}

#cart-maincontent.gcPaymentInfoContainer .gcPaymentInfoChangeBtnDiv {
    float: right
}

#cart-maincontent.gcPaymentInfoContainer input.gcErrorBox {
    border: 2px solid #ad3333
}

#cart-maincontent.gcPaymentInfoContainer .styledSelect.gcErrorBox {
    border: 2px solid #ad3333
}

#cart-maincontent.gcPaymentInfoContainer .securityCode input#securityCode {
    width: 100%
}

.gcPaymentInfoContainer .guest-checkout-order-items-list {
    margin-top: 0;
    background-color: #eee;
    padding: 10px 13px;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 15px
}

.gcPaymentInfoContainer .guest-checkout-order-items-list .title {
    margin-bottom: 0;
    font-size: 14px
}

.gcPaymentInfoContainer .gForm-row-input {
    margin-bottom: 8px;
    position: relative
}

.gcPaymentInfoContainer .gForm-row-input .spacing-error-messages {
    display: inline-block;
    width: 170px
}

.gcPaymentInfoContainer .gForm-row-input .spacing-error-message-card-num {
    display: inline-block !important;
    width: 100%
}

.gcPaymentInfoContainer .gForm-row-input .spacing-error-message-card-type {
    display: none !important;
    position: absolute;
    left: 61%
}

.gcPaymentInfoContainer .gForm-row-input .spacing-error-messages-exp {
    display: inline-block;
    width: 60%
}

.gcPaymentInfoContainer .gForm-row-input .spacing-error-messages-security-code {
    display: inline-block !important;
    position: absolute;
    left: 61%;
    top: 46px
}

.gcPaymentInfoContainer input {
    padding: 8px 15px;
    height: 41px;
    border-radius: 2px
}

.gcPaymentInfoContainer #gForm-row-input-nameOnCard {
    width: 50%
}

.gcPaymentInfoContainer #gForm-row-input-nameOnCard input {
    width: 100%
}

.gcPaymentInfoContainer #gForm-row-input-cardNumber {
    width: 50%;
    position: relative
}

.gcPaymentInfoContainer #gForm-row-input-cardNumber #cardNumber {
    width: 57.3%;
    display: inline-block;
    margin-right: 3.7%;
    float: left
}

.gcPaymentInfoContainer #gForm-row-input-cardNumber .styledSelect {
    border-radius: 2px;
    width: 39%;
    margin: 0;
    height: 41px
}

.gcPaymentInfoContainer #gForm-row-input-cardNumber .styledSelect select {
    background: #fff;
    padding-top: 12px;
    color: #868585;
    font-weight: normal;
    padding-left: 12px
}

.gcPaymentInfoContainer #gForm-row-input-cardNumber .styledSelect:after {
    background: #fff;
    border-left: none;
    font-size: 14px;
    right: 4px;
    color: #00739e;
    line-height: 16px
}

.gcPaymentInfoContainer #gForm-row-input-cardNumber.autoHeight {
    height: auto
}

.gcPaymentInfoContainer #gForm-row-input-gcExpirationDate {
    width: 50%;
    margin-bottom: 15px;
    position: relative
}

.gcPaymentInfoContainer #gForm-row-input-gcExpirationDate #guestCheckoutExpirationDate {
    width: 57.3%;
    display: inline-block;
    margin-right: 3.7%;
    float: left
}

.gcPaymentInfoContainer #gForm-row-input-gcExpirationDate .securityCode {
    width: 39%;
    float: right
}

.gcPaymentInfoContainer #gForm-row-input-gcExpirationDate .cardExpirationDate {
    position: absolute;
    font-size: 11px;
    margin: -8px 0 0 13px;
    padding: 0 4px;
    background-color: #fff;
    color: #868585;
    font-weight: normal
}

.gcPaymentInfoContainer #gForm-row-input-gcExpirationDate .guestCheckoutExpirationDate input {
    width: 100%
}

.gcPaymentInfoContainer .guest-payment-delivery-address {
    line-height: 18px;
    font-size: 12px
}

.gcPaymentInfoContainer .sameAsShippingAddress {
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    margin-bottom: 20px;
    margin-top: -4px
}

.gcPaymentInfoContainer .sameAsShippingAddress input {
    height: auto
}

.gcPaymentInfoContainer .sameAsShippingAddress .sameAsShippingAddressLabel {
    font-weight: 700;
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    position: relative;
    top: -2px
}

.gcPaymentInfoContainer .sameAsShippingAddress .checkBoxContainer {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.gcPaymentInfoContainer .sameAsShippingAddress .checkBoxContainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.gcPaymentInfoContainer .sameAsShippingAddress .checkBoxContainer .checkmark {
    position: absolute;
    top: -5px;
    left: 0;
    height: 23px;
    width: 23px;
    border: 2px solid #8c8b8b
}

.gcPaymentInfoContainer .sameAsShippingAddress .checkBoxContainer .checkmarkSign {
    left: 8px;
    top: 0;
    width: 7px;
    height: 11px;
    border: solid #666;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display: inline-block;
    position: absolute
}

.gcPaymentInfoContainer #gForm-row-input-gcCompany {
    position: relative
}

.gcPaymentInfoContainer #gForm-row-input-gcCompany input {
    width: 100%
}

.gcPaymentInfoContainer #gForm-row-input-gcCompany .optionalLabel {
    position: absolute;
    top: 9px;
    float: right;
    font-size: 13px;
    color: #7d7d7d;
    padding: 6px 8px;
    right: 8px
}

.gcPaymentInfoContainer #gForm-row-input-gcFullName #gForm-row-input-gcFirstName {
    display: inline-block;
    width: 48%;
    margin-right: 2%;
    float: left
}

.gcPaymentInfoContainer #gForm-row-input-gcFullName #gForm-row-input-gcLastName {
    display: inline-block;
    width: 50%
}

.gcPaymentInfoContainer #gForm-row-input-gcFullName #firstName {
    width: 100%
}

.gcPaymentInfoContainer #gForm-row-input-gcFullName #lastName {
    width: 100%
}

.gcPaymentInfoContainer #gForm-row-input-gcAddressLine1 input {
    width: 100%
}

.gcPaymentInfoContainer #gForm-row-input-gcAddressLine2 {
    display: none
}

.gcPaymentInfoContainer #gForm-row-input-AddressInfo #gForm-row-input-billingAddress-city {
    width: 48%;
    margin-right: 2%;
    float: left;
    display: inline-block
}

.gcPaymentInfoContainer #gForm-row-input-AddressInfo #city {
    width: 100%
}

.gcPaymentInfoContainer #gForm-row-input-AddressInfo #gForm-row-input-billingAddress-province {
    width: 20%;
    margin-right: 2%;
    display: inline-block
}

.gcPaymentInfoContainer #gForm-row-input-AddressInfo .styledSelect {
    width: 100%;
    height: 41px;
    border-radius: 2px
}

.gcPaymentInfoContainer #gForm-row-input-AddressInfo .styledSelect select {
    background: #fff;
    padding-top: 12px;
    font-weight: normal;
    padding-left: 13px
}

.gcPaymentInfoContainer #gForm-row-input-AddressInfo .styledSelect:after {
    background: #fff;
    border-left: none;
    font-size: 14px;
    right: 8px;
    color: #00739e;
    border-top: 1px solid #595959;
    border-bottom: 1px solid #595959
}

.gcPaymentInfoContainer #gForm-row-input-AddressInfo .styledSelect .defaultStateValue {
    color: #7d7d7d
}

.gcPaymentInfoContainer #gForm-row-input-AddressInfo #gForm-row-input-billingAddress-postalCode {
    width: 28%;
    float: right;
    display: inline-block
}

.gcPaymentInfoContainer #gForm-row-input-AddressInfo #gForm-row-input-billingAddress-postalCode .spacing-error-messages {
    width: 230px
}

.gcPaymentInfoContainer #gForm-row-input-AddressInfo #postalCode {
    width: 100%
}

.gcPaymentInfoContainer #gForm-row-input-billingAddress-province .spacing-error-messages {
    width: auto
}

.gcPaymentInfoContainer input[type="text"]:focus, .gcPaymentInfoContainer input[type="password"]:focus, .gcPaymentInfoContainer input.disabled:focus, .gcPaymentInfoContainer textarea:focus {
    padding: 8px 15px
}

.gcPaymentInfoContainer .gForm-row-input {
    height: 60px !important
}

.gcPaymentInfoContainer .alert {
    line-height: 16px
}

.gcPaymentInfoBtnDiv {
    margin-bottom: 2px;
    background-color: #fff;
    border: none;
    box-shadow: none
}

.gcPaymentInfoBtnDiv .gcPaymentInfoPreviousBtn {
    margin-right: 2%;
    float: left;
    width: 48%;
    font-size: 14px;
    font-style: normal
}

.gcPaymentInfoBtnDiv .gcPaymentInfoNextBtn {
    width: 48%;
    font-size: 14px
}

.gcPaymentInfoContainer .gcPaymentCardContainer .cc-visa, .gcPaymentInfoContainer .gcPaymentCardContainer .cc-master, .gcPaymentInfoContainer .gcPaymentCardContainer .cc-amex {
    position: relative;
    height: 35px;
    display: inline-block;
    width: 51px;
    opacity: .25;
    right: -7px;
    background-repeat: no-repeat
}

.gcPaymentInfoContainer .gcPaymentCardContainer .cc-visa.opacity100, .gcPaymentInfoContainer .gcPaymentCardContainer .cc-master.opacity100, .gcPaymentInfoContainer .gcPaymentCardContainer .cc-amex.opacity100 {
    opacity: 1
}

.guest-payment-billing-address-form-input {
    height: 335px
}

.guest-checkout-progress-bar {
    position: relative;
    top: 14px
}

.guest-checkout-progress-bar ul {
    width: 100%
}

.guest-checkout-progress-bar ul li {
    width: 24.2%;
    margin: 3px 0 0
}

.guest-checkout-progress-bar ul li:before {
    display: none
}

.guest-checkout-progress-bar ul li:last-child {
    width: auto;
    margin: 3px 0 0
}

.guest-checkout-progress-bar ul li .dotConnector {
    border-top: 3px solid #ccc;
    width: 100%;
    margin: -16px 0 0 0;
    z-index: -1;
    position: relative;
    left: 22px
}

.guest-checkout-progress-bar ul li:after {
    left: 6px;
    content: "";
    position: absolute;
    top: 7px;
    width: 13px;
    height: 8px;
    border-left: 3px solid #fff;
    border-bottom: 3px solid #fff;
    transform: rotate(-45deg)
}

.guest-checkout-progress-bar .nav li .gcDot {
    height: 26px;
    width: 26px;
    border-radius: 13px;
    background: #ccc;
    z-index: 1;
    display: inline-block
}

.guest-checkout-progress-bar .nav li.active, .guest-checkout-progress-bar .nav li.complete {
    position: relative
}

.guest-checkout-progress-bar .nav li.active .gcDot, .guest-checkout-progress-bar .nav li.complete .gcDot {
    background-color: #157a43
}

.guest-checkout-progress-bar .nav li.complete .dotConnector {
    border-color: #157a43
}

.gcLeftContainerWidth {
    width: 66.66%;
    padding: 0 25px 0 0;
    position: relative;
    top: 30px
}

.cartdetails #header-breadcrumb-container .cartBackButton.gcLeftContainerWidth {
    border-bottom: none
}

#gc-order-items-list-checkout {
    background-color: #eee;
    padding: 10px 10px 3px 10px;
    margin-top: 15px
}

.gc-order-review-additional-info {
    margin-top: 25px
}

.guestCheckout-order-heading {
    margin-top: 61px
}

.guestCheckout-order-heading .guestCheckout-order-heading-page-title {
    margin-top: 0;
    background-color: #eee;
    padding: 9px 0 9px 13px;
    font-size: 14px;
    margin-right: 15px
}

.guestCheckout-order-heading .guestCheckout-order-heading-page-title p {
    margin: 0;
    color: #495158;
    font-weight: normal
}

.guestCheckout-order-heading .guestCheckout-order-heading-page-title .orderNumber {
    margin-left: -3px
}

.guestCheckout-order-heading .guestCheckout-order-heading-page-title .alert.confirmation:before {
    font-family: graingerFont;
    content: "\e61e";
    font-weight: 400;
    padding-left: 0;
    padding-right: 5px;
    font-size: 20px;
    color: #157a43
}

.guestCheckoutOrderConfirmationDetails {
    background-color: #fff;
    min-height: 150px;
    margin-bottom: 10px;
    padding-left: 15px
}

.guestCheckoutOrderConfirmationDetails .guestCheckoutShippingAddContainer {
    display: block;
    position: relative;
    width: 205px;
    margin-right: 25px;
    float: left;
    border-right: 1px solid #eee;
    min-height: 150px;
    word-wrap: break-word;
    padding-right: 10px
}

.guestCheckoutOrderConfirmationDetails .guestCheckoutPaymentMethodContainer {
    display: inline-block;
    position: relative;
    width: 205px;
    margin-right: 25px;
    float: left;
    border-right: 1px solid #eee;
    min-height: 150px
}

.guestCheckoutOrderConfirmationDetails .guestCheckoutPaymentMethodContainer .orderLevelDetailsValueLabel {
    margin-top: 10px;
    text-transform: capitalize;
    display: inline-block;
    width: auto;
    margin-right: 10px;
    top: -14px;
    position: relative
}

.guestCheckoutOrderConfirmationDetails .guestCheckoutAdditionalInformationContainer {
    display: inline-block;
    position: relative;
    margin-right: 10px;
    float: left;
    width: 325px
}

.guestCheckoutOrderConfirmationDetails .guestCheckoutAdditionalInformationContainer .orderLevelDetailsLabel {
    width: auto !important
}

.guestCheckoutOrderConfirmationDetails .guestCheckoutAdditionalInformationContainer .orderLevelDetailsLabel label {
    font-weight: normal;
    padding-bottom: 0
}

.guestCheckoutOrderConfirmationDetails .guestCheckoutAdditionalInformationContainer .orderLevelDetailsLabel label.orderAdditionalInfoLabel {
    font-weight: bold
}

.guestCheckoutOrderConfirmationDetails .guestCheckoutAdditionalInformationContainer .orderLevelDetailsValueLabel {
    width: auto !important;
    display: inline;
    word-break: break-all;
    line-height: 18px
}

.guestCheckoutOrderConfirmationDetails .guestCheckoutAdditionalInformationContainer .orderLevelDetailsValueLabel.orderShippingNotesValue {
    display: inline;
    word-break: break-all;
    position: relative;
    top: 2px;
    line-height: 18px
}

.guestCheckoutOrderConfirmationDetails .guestCheckoutAdditionalInformationContainer #customField2ID-label-confirmation {
    margin-top: 3px !important;
    padding-top: 0
}

.guestCheckoutOrderConfirmationDetails .orderShippingNotes label {
    border-right: none
}

.guestCheckoutOrderConfirmationDetails .orderLevelHeadingLabel {
    font-size: 14px
}

.guestCheckoutOrderConfirmationDetails .orderLevelHeadingLabel label {
    font-weight: bold
}

.guestCheckoutOrderConfirmationDetails .orderLevelDetailsLabel.orderLevelHeadingLabel {
    font-size: 14px;
    width: 370px !important
}

.guestCheckoutOrderConfirmationDetails .orderLevelDetailsValue {
    margin-left: 0;
    width: 195px;
    line-height: 19px;
    font-size: 12px;
    padding-right: 15px;
    margin-top: 3px;
    text-transform: capitalize
}

.guestCheckoutOrderConfirmationDetails .orderLevelDetailsValueLabel {
    font-size: 12px
}

.guestCheckoutOrderConfirmationDetails .orderLevelDetailsLabelApprover.orderLevelDetailsLabel {
    display: inline-block;
    width: auto;
    font-size: 12px
}

.guestCheckoutOrderConfirmationDetails .orderLevelDetailsLabelApprover.orderLevelDetailsLabel label {
    display: inline-block;
    font-weight: normal
}

.guestCheckoutOrderConfirmationDetails .orderLevelDetailsLabelApproverValue.orderLevelDetailsValueLabel {
    display: inline
}

.guestCheckoutOrderConfirmationDetails .guestUserFullName {
    margin-top: 27px;
    font-size: 12px;
    text-transform: capitalize;
    line-height: 18px
}

.guestCheckoutOrderConfirmationDetails .guestUserCompanyName {
    margin-top: 5px;
    font-size: 12px;
    text-transform: capitalize;
    line-height: 18px
}

.gcPrintOrderBtnDiv {
    padding: 15px;
    margin-bottom: 2px;
    background-color: #fff;
    border: none;
    box-shadow: none
}

.gcPrintOrderBtnDiv .gcPrintOrderBtn {
    font-size: 14px;
    padding: 9px 18px
}

#cnfrmbody-content-main .summaryHeight {
    height: auto
}

#cnfrmbody-content-main #order-heading {
    margin-bottom: 23px
}

#cnfrmbody-content-main #order-heading-page-title .order-heading-text {
    display: inline
}

#cnfrmbody-content-main #order-heading-page-title .orderWeb {
    display: block;
    margin-top: 0;
    background-color: #eee;
    width: 100%;
    padding: 10px;
    margin: 0 0 15px
}

#cnfrmbody-content-main #order-heading-page-title .alert.confirmation {
    padding: 0;
    margin: 0;
    color: #157a43;
    font-weight: normal
}

#cnfrmbody-content-main #order-heading-page-title .alert.confirmation .orderNumber.marginLeft {
    margin-left: -3px
}

#cnfrmbody-content-main #order-heading-page-title:before {
    font-size: 20px;
    padding-right: 5px
}

.guestCheckoutOrderConfirmationDetails .cc-visa, .guestCheckoutOrderConfirmationDetails .cc-master, .guestCheckoutOrderConfirmationDetails .cc-amex {
    width: 55px;
    height: 35px;
    display: inline-block;
    background-repeat: no-repeat;
    position: relative;
    top: 2px
}

.guestCheckoutOrderConfirmationDetails .cc-visa {
    background: url('../../images/icon/new-Visa.svg');
    top: 0
}

.guestCheckoutOrderConfirmationDetails .cc-master {
    background: url('../../images/icon/new-Mastercard.svg')
}

.guestCheckoutOrderConfirmationDetails .cc-amex {
    background: url('../../images/icon/new-AmericanExpress.svg');
    height: 32px;
    top: 4px
}

.guestCheckoutOrderConfirmationDetails .guestCheckoutShippingAddContainer .inlineAddressData {
    padding-left: 0
}

.minQtyError {
    height: 50px;
    display: inline-block;
    text-align: center;
    position: relative;
    left: 3%;
    margin-top: 25px
}

#guest-checkout-return-cart {
    background-color: #fff;
    border: 2px solid #666;
    color: #666;
    padding: 9px 18px;
    font: 14px
}

#cartRightRail .gcPaymentInfoBtnDiv .orderReviewCheckAvailability {
    font-size: 14px;
    width: 48%;
    font-style: normal
}

#cartRightRail .gcCartSummaryEmailOptIn {
    font-size: 12px;
    border: 1px solid #eee;
    box-shadow: 0 3px #eee;
    padding: 15px 0 15px 15px
}

#cart-maincontent.gcOrderInfoContainer {
    padding: 0 25px 35px 0;
    position: relative;
    top: 61px
}

#cart-maincontent.gcOrderInfoContainer .gc-order-review-additional-info {
    margin-top: 0
}

#cart-maincontent.gcOrderInfoContainer .gc-order-review-additional-info .gcPaymentInfoChangeDiv.editMode {
    margin-left: 0
}

#cart-maincontent.gcOrderInfoContainer .gc-order-review-additional-info .gcOrderReviewTitleDiv {
    margin-top: 0;
    background-color: #eee;
    padding: 10px 20px 10px 15px;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px
}

#cart-maincontent.gcOrderInfoContainer .gc-order-review-additional-info .gcOrderReviewTitleDiv .title {
    margin-bottom: 0
}

#cart-maincontent.gcOrderInfoContainer .gc-order-review-additional-info .gcOrderReviewTitleDiv .gcOrderReviewChangeLabel {
    float: right
}

#cart-maincontent.gcOrderInfoContainer .gc-order-review-additional-info .gcOrderReviewSectionDetailDiv {
    width: 100%;
    padding: 0;
    margin: 0 0 20px 0;
    text-transform: capitalize;
    line-height: 19px;
    font-size: 12px;
    word-wrap: break-word
}

#cart-maincontent.gcOrderInfoContainer .gc-order-review-additional-info .gcOrderReviewSectionDetailDiv .shipAddressData, #cart-maincontent.gcOrderInfoContainer .gc-order-review-additional-info .gcOrderReviewSectionDetailDiv .addInfoData {
    padding: 0 15px
}

#cart-maincontent.gcOrderInfoContainer .gc-order-review-additional-info .gcOrderReviewSectionDetailDiv .gcAdditionalInfoReviewChange {
    margin-top: 8px
}

#cart-maincontent.gcOrderInfoContainer .gc-order-review-additional-info .gcOrderReviewSectionDetailDiv .gcOrderReviewShippingNote {
    word-break: break-all
}

#cart-maincontent.gcOrderInfoContainer .gc-order-review-additional-info .gcOrderReviewSectionDetailDiv .gcOrderReviewTextTransform {
    text-transform: none
}

#cart-maincontent.gcOrderInfoContainer .gc-order-review-additional-info .gcOrderReviewSectionDetailDiv .guestUserCreditCardDiv {
    padding: 0 15px;
    margin: -20px 0 0 0
}

#cart-maincontent.gcOrderInfoContainer .gc-order-review-additional-info .gcOrderReviewSectionDetailDiv .guestUserCreditCardDiv .cc-visa {
    background: url('../../images/icon/new-Visa.svg')
}

#cart-maincontent.gcOrderInfoContainer .gc-order-review-additional-info .gcOrderReviewSectionDetailDiv .guestUserCreditCardDiv .cc-master {
    background: url('../../images/icon/new-Mastercard.svg')
}

#cart-maincontent.gcOrderInfoContainer .gc-order-review-additional-info .gcOrderReviewSectionDetailDiv .guestUserCreditCardDiv .cc-amex {
    background: url('../../images/icon/new-AmericanExpress.svg')
}

#cart-maincontent.gcOrderInfoContainer .gc-order-review-additional-info .gcOrderReviewSectionDetailDiv .guestUserCreditCardDiv .cc-visa, #cart-maincontent.gcOrderInfoContainer .gc-order-review-additional-info .gcOrderReviewSectionDetailDiv .guestUserCreditCardDiv .cc-master, #cart-maincontent.gcOrderInfoContainer .gc-order-review-additional-info .gcOrderReviewSectionDetailDiv .guestUserCreditCardDiv .cc-amex {
    position: relative;
    height: 35px;
    display: inline-block;
    width: 55px;
    top: 15px;
    left: 15px;
    background-repeat: no-repeat
}

#cart-maincontent.gcOrderInfoContainer .gc-order-review-additional-info .gcOrderReviewSectionDetailDiv .gcCheckoutOrderReviewEmail {
    text-transform: lowercase
}

#cart-maincontent.gcOrderInfoContainer .gc-order-review-additional-info .gcOrderReviewSectionDetailDiv .gcOrderDetailShippingNotes {
    word-break: break-all;
    display: inline-block
}

.pickupbranchdefaulthoursSpan {
    left: 15px;
    margin-left: 5px
}

.guestCheckoutRegister {
    border: 1px solid #eee;
    box-shadow: 0 3px #eee
}

.guestCheckoutRegister h1 {
    margin: 0;
    padding: 20px 15px;
    background-color: #eee;
    font-size: 28px
}

.guestCheckoutRegister h2 {
    margin: 0;
    padding: 10px 15px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    background: #666
}

.lt-ie8 .guestCheckoutRegister h2 {
    position: relative
}

.guestCheckoutRegister .gcRegisterTimer {
    position: relative;
    height: 58px;
    display: inline-block;
    width: 58px;
    background: url('../../images/icon/clock.svg');
    background-repeat: no-repeat
}

.guestCheckoutRegister .gcRegisterHeading {
    display: inline-block;
    width: 280px;
    margin-left: 15px
}

.guestCheckoutRegisterSubHeading {
    margin: 0 0 23px 0;
    font-size: 12px;
    font-weight: 700
}

.minQtyValidationErrorMsg {
    margin-top: 25px
}

.gcPasswordStrength {
    margin-top: 15px;
    margin-bottom: 15px
}

.gcPickupBranchDiv .additionalInformationTitle {
    background-color: #eee;
    padding: 10px 0 10px 13px;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 15px
}

.gcPickupBranchDiv .additionalInformationDiv {
    margin-bottom: 0;
    height: 90px
}

.gcPickupBranchDiv .additionalInformationDiv fieldset {
    width: 100%;
    margin-bottom: 15px
}

.gcPickupBranchDiv .additionalInformationDiv .po-number-div-class {
    width: 49.3%;
    margin-right: 1.4%;
    margin-bottom: 8px;
    height: 60px;
    position: relative;
    display: inline-block
}

.gcPickupBranchDiv .additionalInformationDiv .po-number-div-class #pickuppoNumberID {
    width: 100%;
    margin: 0;
    margin-bottom: 5px
}

.gcPickupBranchDiv .additionalInformationDiv .requisition-name-div {
    width: 49.3%;
    float: right;
    margin-bottom: 8px;
    height: 60px;
    position: relative;
    display: inline-block
}

.gcPickupBranchDiv .additionalInformationDiv .requisition-name-div #pickuprequisitionNameID {
    width: 100%
}

.gcPickupBranchDiv .additionalInformationDiv .requisition-name-div .char-ctr-display {
    z-index: 1
}

.gcPickupBranchDiv .additionalInformationDiv .customField1Div {
    position: relative;
    width: 100%
}

.gcPickupBranchDiv .additionalInformationDiv .customField2Div {
    position: relative;
    width: 100%
}

.gcPickupBranchDiv .additionalInformationDiv #customField1 {
    width: 100%;
    height: 37px
}

.gcPickupBranchDiv .additionalInformationDiv #pickupcustomField2 {
    width: 100%;
    height: 41px;
    padding: 10px 38px 8px 13px;
    resize: none;
    overflow: auto;
    word-break: break-all
}

.gcPickupBranchDiv .additionalInformationDiv .shippingNotesAutoHeight #pickupcustomField2 {
    height: 60px;
    padding-right: 35px
}

.gcPickupBranchDiv .additionalInformationDiv .shippingNotesAutoHeight .char-ctr-display {
    top: 19px
}

.gcPickupBranchDiv .additionalInformationDiv .char-ctr-display {
    position: absolute;
    top: 9px;
    float: right;
    font-size: 13px;
    color: #7d7d7d;
    right: 8px
}

.gcPickupBranchDiv .additionalInformationDiv #error-po-number {
    top: -13px;
    position: relative
}

.gcPickupBranchDiv .additionalInformationDiv #error-po-format-number {
    top: -13px;
    position: relative
}

.gcPickupBranchDiv .additionalInformationDiv input[type="text"] {
    border-radius: 1.5px
}

.gcPickupBranchDiv .additionalInformationDiv input.disabled {
    border-radius: 1.5px
}

.gcPickupBranchDiv .additionalInformationDiv select {
    border-radius: 1.5px
}

.gcPickupBranchDiv .additionalInformationDiv input.gcErrorBox {
    border: 2px solid #ad3333
}

#modelGuestCheckoutMinQtyValidation .minQtyError {
    left: 0;
    margin-left: 21px
}

#workPhoneNumberLongErrorMsg.alert, #phoneNumber-gcError.alert, #pickup-phoneNumberLongErrorMsg.alert, #pickup-phoneNumber-error-gc {
    width: 278px;
    display: inline-block;
    position: relative;
    top: -14px
}

.floating-labels {
    position: relative
}

.floating-labels label {
    display: none
}

.floating-labels input:focus::placeholder, .floating-labels textarea:focus::placeholder {
    opacity: 0
}

.floating-labels.show-labels label {
    display: block;
    position: absolute;
    top: -5px;
    left: 14px;
    font-size: 11px;
    padding: 0 5px;
    background: #fff;
    outline: 0;
    line-height: 11px
}

.floating-labels.show-labels-registration label {
    display: block;
    position: absolute;
    top: -18px;
    left: -4px;
    font-size: .8em;
    padding: 0 5px;
    outline: 0
}

.gcRegistration {
    text-align: right;
    padding: 15px;
    background-color: #fff;
    margin-bottom: 8px
}

.gcRegistration .gcUserRegistration {
    width: 100%
}

.gcRegistration-phnExt {
    margin-top: 15px
}

.submitOrder-btn {
    padding: 11px 0
}

.gcRightRailReg-lft {
    float: left;
    width: 49.3%
}

.gcRightRailReg-rt {
    float: right;
    width: 49.3%
}

.gcRightRailRegPass-lft {
    float: left;
    width: 44.3%
}

.gcRightRailRegPass-rt {
    float: right;
    width: 55.3%
}

#gForm-row-input-billingAddress-country {
    height: 70px
}

.gcPickupResultTablecontainer input {
    width: 14px
}

.gcModifiedShippingAddress .additionalInformationDiv .po-number-div-class #poNumberIDReviewPage {
    width: 100%;
    margin: 0
}

orderLevelDetailsValue div.alert {
    display: block
}

.orderLevelDetailsValue span.alert {
    display: inline
}

.gcModifiedShippingAddress .additionalInformationDiv #phoneNumber-gcError, .gcModifiedShippingAddress .additionalInformationDiv #emailId-gcError {
    top: -13px
}

.gcPaymentInfoContainer input.gcErrorBox {
    border: 2px solid #ad3333
}

#newCreditCardForm .gcPaymentInfoContainer .styledSelect.gcErrorBox {
    border: 2px solid #ad3333
}

.reviewPageBtns {
    padding: 11px 30px;
    width: 135px
}

.reviewPageBtnsDiv {
    float: right;
    clear: right
}

.onChangeMessage {
    float: left
}

.reviewPageBtnsAndMessageDiv {
    margin-top: 20px
}

.reviewPageBtnsAndMessagePaymentDiv {
    margin-top: 20px;
    width: 100%;
    display: inline-block
}

.reviewPageAddInfoDiv {
    margin-bottom: 0 !important
}

#cart-guest-register {
    border: none;
    box-shadow: none;
    margin-bottom: 0
}

#cart-guest-register .gForm-row {
    height: 60px;
    margin-bottom: 8px
}

#cart-guest-register .gForm-row input[type=text], #cart-guest-register .gForm-row input[type="password"], #cart-guest-register .gForm-row select {
    height: 41px;
    margin-bottom: 5px;
    padding: 8px 5px 8px 13px
}

#cart-guest-register .gForm-row .alert {
    margin: -1px 0 0 -2px;
    width: 415px
}

#cart-guest-register .gForm-row .alert:before {
    margin-right: 3px
}

#cart-guest-register #termsOfRegError {
    margin: 5px 0 0 0
}

#cart-guest-register #long-form-email .show-labels.floating-labels label {
    background: linear-gradient(to top, transparent 55%, #fff 45%)
}

#cart-guest-register #long-form-securityQuestion select {
    font-size: 14px;
    width: 100%
}

#cart-guest-register .errors #securityQuestion {
    border: 2px solid #ad3333 !important
}

#cart-guest-register .gc-long-form-securityAnswer {
    margin-top: 30px
}

#cart-guest-register #long-form-passwordAndValidation {
    width: 100%;
    margin-top: 0;
    display: inline-block
}

#cart-guest-register #long-form-passwordAndValidation #long-form-password {
    width: 49%;
    margin-right: 1%;
    display: inline-block;
    padding-right: 0;
    padding-top: 0
}

#cart-guest-register #long-form-passwordAndValidation #long-form-password .gForm-input {
    position: relative
}

#cart-guest-register #long-form-passwordAndValidation #long-form-password #newPassword {
    width: 100%;
    border-radius: 1.5px;
    padding-left: 13px;
    padding-right: 42px;
    height: 41px
}

#cart-guest-register #long-form-passwordAndValidation #long-form-password .alert {
    margin-top: 3px
}

#cart-guest-register #long-form-passwordAndValidation #long-form-password .newPwnedPasswordLongSecureMessage {
    margin-left: -2px
}

#cart-guest-register #long-form-passwordAndValidation .passwordRule {
    display: inline-block;
    list-style-type: none;
    font-size: 12px;
    margin-top: -12px;
    position: relative;
    left: 10px;
    width: 195px
}

#cart-guest-register #long-form-passwordAndValidation ul.passwordRule > li:before {
    content: "\2022";
    color: #00739e;
    font-size: 15px;
    position: relative;
    right: 9px;
    margin-right: -5px
}

#cart-guest-register #long-form-passwordAndValidation .showLabel {
    position: absolute;
    top: 8px;
    float: right;
    font-size: 13px;
    color: #7d7d7d;
    padding: 6px;
    right: 2px
}

#cart-guest-register #long-form-passwordAndValidation .password-rule-met {
    color: #eee
}

#cart-guest-register #long-form-passwordAndValidation .passwordSuccess {
    color: #257238
}

#cart-guest-register #long-form-passwordAndValidation #newPasswordLongError.alert:before {
    margin-right: 1px
}

#cart-guest-register #long-form-passwordAndValidation #newPasswordLongSecureMessage {
    margin-top: 12px;
    display: inline-block;
    width: 193px;
    margin-left: 3px
}

#cart-guest-register #long-form-passwordAndValidation #newPasswordLongSecureMessage.alert {
    color: #ad3333
}

#cart-guest-register #long-form-passwordAndValidation .gcShowLabel {
    position: relative !important;
    float: right;
    font-size: 13px;
    color: #7d7d7d;
    top: auto
}

#cart-guest-register #long-form-securityQuestion .styledSelect {
    width: 100%;
    border-radius: 2px;
    margin-top: -1px
}

#cart-guest-register #long-form-securityQuestion .styledSelect:after {
    background-color: #fff;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(1, #fff));
    border-left: none !important;
    border-right: none !important;
    color: #599a9c;
    font-size: 14px;
    right: 8px
}

#cart-guest-register #long-form-securityQuestion .gForm-input.errors .styledSelect:after {
    border: 2px solid #ad3333
}

#cart-guest-register #long-form-securityQuestion #securityQuestion {
    background-color: #fff;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(1, #fff));
    width: 100%;
    height: 39px;
    font-weight: normal;
    font-size: 13px;
    margin-bottom: 0
}

#cart-guest-register .phone-extension-long-input .optionalLabel {
    position: absolute;
    top: 9px;
    float: right;
    font-size: 13px;
    color: #7d7d7d;
    padding: 6px 8px;
    right: 8px
}

#cart-guest-register .gcPasswordsDiv {
    height: auto !important
}

#cart-guest-register .gcNewPasswordDiv {
    width: 100% !important;
    height: auto;
    min-height: 60px;
    margin-bottom: 8px
}

#cart-guest-register .gcConfirmPasswordDiv {
    width: 100% !important;
    margin-top: 5px
}

#cart-guest-register .gcConfirmPasswordInput {
    width: 100% !important
}

#cart-guest-register .gcPasswordLenght {
    font-weight: normal;
    font-size: 12px;
    color: #686868;
    margin: 2px 0
}

#cart-guest-register .gcPasswordInputDiv {
    height: auto
}

.reviewPageAddInfoOptional {
    top: 6px !important
}

.reviewPageBillingInfo {
    width: 100%
}

.reviewPageZipCode {
    height: auto !important
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    #cart-guest-register #long-form-email .show-labels.floating-labels label {
        background: linear-gradient(to top, #ebebee 55%, #fff 45%) !important
    }
}

.page-checkoutOrderConfirmationPage .guest-checkout-progress-bar {
    position: relative;
    top: 10px
}

.registerSecurityAnswerDiv {
    margin-top: 20px
}

.language-fr #cart-guest-register #long-form-passwordAndValidation #long-form-password #newPassword {
    padding-right: 52px
}

.language-fr #cart-guest-register #long-form-passwordAndValidation .passwordRule {
    margin-top: -14px
}

.language-fr #cart-guest-register #long-form-passwordAndValidation #newPasswordLongError {
    margin-top: 9px
}

.language-fr #cart-payment .txtR .btn-add-payment {
    float: left
}

.language-fr .guestCheckoutRegister .gcRegisterHeading {
    display: inline-block;
    width: 100%;
    margin-left: 15px
}

.language-fr .guestCheckoutRegister .gcRegisterTimer {
    top: -7px
}

#cart-table .dataPromptSection .data-prompt-item strong {
    float: left
}

#cart-table .dataPromptSection .data-prompt-item span {
    width: 75%;
    word-break: break-all
}

#cart-table .alert.pl-0, #cart-table .alert.mvn {
    padding-left: 0 !important
}

#orderDetailsForm .orderLevelDetailsValue span.alert {
    display: block
}

@media print {
    body {
        zoom: 50%
    }

    .nonPrintable {
        display: none
    }
}

#orderLevelDetails.view-mode .orderLevelDetailsValue textarea {
    height: 38px;
    padding: 5px;
    width: 400px;
    margin-top: 5px;
    border: 1px solid #595959
}

.cart-summary-area #naturalDisaster {
    margin-top: 8px;
    font-size: 11px;
    font-style: italic
}

.page-checkoutOrderReviewPage .isLoggedIn .full-width-btn, .page-checkoutOrderConfirmationPage .isLoggedIn .full-width-btn {
    width: 100%
}

.page-checkoutOrderReviewPage .isLoggedIn .btn-ui, .page-checkoutOrderConfirmationPage .isLoggedIn .btn-ui {
    padding: 0
}

.page-checkoutOrderReviewPage .isLoggedIn .second-checkout-btn .second-submit-btn, .page-checkoutOrderConfirmationPage .isLoggedIn .second-checkout-btn .second-submit-btn {
    display: none
}

.page-checkoutOrderReviewPage .isLoggedIn .mobileBottomRightRail #cartRightRail, .page-checkoutOrderConfirmationPage .isLoggedIn .mobileBottomRightRail #cartRightRail {
    width: 25%
}

.page-checkoutOrderReviewPage .isLoggedIn #cartRightRail .cartRightRailStickyFixed, .page-checkoutOrderConfirmationPage .isLoggedIn #cartRightRail .cartRightRailStickyFixed {
    width: 313px
}

.covid-alert {
    text-align: left !important;
    color: #F26823;
    display: inline-block;
    font-weight: 700;
    line-height: 20px
}

.covid-alert:before {
    font-family: graingerFont;
    content: "\e616";
    margin-right: 5px
}

.entrust-seal {
    display: flex;
    justify-content: center;
    padding: 10px 0
}

.paymentModel_securityCode {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.paymentModel_securityCode #securityCode {
    min-width: 100px
}

.maxQuantityMsgAlert {
    padding-left: 0 !important
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
    overflow: hidden
}

.pickupBranchMessage {
    padding-left: 5px
}

#cart-maincontent .action-data #actionTable, #orderDetailsMainContentLeft .action-data #actionTable {
    color: #333;
    text-decoration: none;
    pointer-events: none
}

#content .gcHeader {
    font-size: 30px
}

.eproContainer {
    min-height: 434px
}

@media print, screen and (min-width: 1025px) {
    .page-cartPage .prodRecCarouselDiv {
        width: 65%
    }

    .page-cartPage .prodRecCarouselDiv .adobe-carousel-container .recsContent .recsProductBtn .horizontalATCBtn {
        padding-left: 0;
        padding-right: 0;
        text-align: center
    }

    #cnfrmbody-content-main #order-heading #order-heading-page-title {
        display: none
    }

    #cnfrmbody-content-main #order-heading #order-heading-page-title.guestCheckout-order-heading-page-title {
        display: block
    }

    .mobileCartRightRail, .mobileGcDeliveryMethodBtnDiv, .gcPaymentInfoBtnDivMobile {
        display: none
    }

    #content .orderHistoryTableProductListHeading {
        margin-bottom: 0;
        font-size: 18px
    }

    #content .orderHistoryTableProductListHeading .productListHeading, #content #order-items-list .productListHeading {
        color: #29333b;
        font-size: 18px;
        text-decoration: none;
        pointer-events: none
    }

    #content .pendingOrderTableProductListHeading {
        margin-top: 10px
    }

    #content .pendingOrderTableProductListHeading a.productListHeading, #content .deniedOrderTableProductListHeading a.productListHeading {
        color: #333;
        text-decoration: none;
        pointer-events: none
    }

    #content .view-table .actionTableLink, #content .view-table .omsViewProductListLink {
        display: none
    }

    #content #cart-table .denied-table tr th {
        border-top: 2px solid #ececec
    }

    #content.pendingOrderDetailContent .pending-orders {
        padding-top: 0
    }

    #content.pendingOrderDetailContent .pending-orders tr th {
        border-top: 2px solid #ececec
    }

    #content.pendingOrderDetailContent #cart-maincontent .pendingOrderTableProductListHeading {
        display: none
    }

    #content.pendingOrderDetailContent #cart-maincontent .cartItemDescription .quantityToDisplay.clearance-text {
        position: relative;
        top: 1px
    }

    #orderDetailsMainContentLeft #cart-table .visible-mobile {
        display: none !important
    }

    .show-mobile, .hide-desktop {
        display: none
    }

    #main-content.acc-page .bstabbable .bstab-pane .filter-dropdown .styledSelect {
        max-width: 185px
    }

    #main-content.acc-page .bstabbable .bstab-pane .filter-dropdown .styledSelect .date-filter-menu {
        width: 100% !important
    }

    #main-content.acc-page .bstabbable .bstab-pane #tab_oh_downloads-content .mhl {
        margin-top: 0 !important;
        margin-left: 0 !important
    }

    #main-content.acc-page .bstabbable .bstab-pane #yourReportsSection .content-title-container {
        margin-left: 0 !important
    }

    #main-content.acc-page .bstabbable .nav-tabs li:first-child {
        margin-left: 0
    }

    #main-content.acc-page .bstabbable .download-data-msg-small-device {
        display: none
    }

    .btn-mobile-summary {
        display: none
    }

    .col-product {
        width: 52% !important
    }

    .gcOrderReviewProductHeadingDiv {
        display: none
    }

    #cartEhcResponsive {
        display: none
    }

    .page-checkoutOrderConfirmationPage .fixedHeaderBody #container {
        padding-top: 15px
    }
}

.lineLevelNotesError {
    margin: 0 !important;
    padding: 0 !important
}

.page-order-details-page .btn-mobile-summary {
    display: block;
    padding: 15px;
    background-color: #fff;
    font-weight: 400;
    margin-bottom: 9px;
    border: 1px solid #eee;
    box-shadow: 0 3px #eee
}

.page-order-details-page .btn-mobile-summary .btnLarge {
    width: 100%
}

.page-checkoutOrderReviewPage .orderLevelDetailsValue .alert {
    margin-top: 0 0 !important
}

.page-checkoutOrderReviewPage #orderLevelDetails .alert {
    margin-top: 5px !important;
    margin-bottom: 0 !important
}

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

.guestPreAuthMsg {
    font-size: 12px;
    font-style: italic;
    margin: 0 0 15px;
    font-weight: bold;
    color: #f26823
}

.guestPreAuthMsg .guestPreAuthMsg1 {
    margin-bottom: 3px
}

.cartMyContactInfo {
    font-size: 12px;
    padding: 10px;
    margin-top: 10px;
    width: 100%;
    display: inline-block;
    background-color: #eee
}

.cartMyContactInfo p {
    width: 100%;
    float: left;
    margin: 0;
    display: block;
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 5px;
    text-transform: uppercase
}

.cartMyContactInfo .myContactFirstNameDiv, .cartMyContactInfo .myContactLastNameDiv, .cartMyContactInfo .myContactEmailDiv, .cartMyContactInfo .myContactPhoneNumDiv {
    float: left;
    margin-right: 8px;
    width: 180px;
    display: inline-block
}

.cartMyContactInfo .myContactFirstNameDiv .alert, .cartMyContactInfo .myContactLastNameDiv .alert, .cartMyContactInfo .myContactEmailDiv .alert, .cartMyContactInfo .myContactPhoneNumDiv .alert {
    margin: 0;
    display: inline-block
}

.cartMyContactInfo .myContactFirstNameDiv input, .cartMyContactInfo .myContactLastNameDiv input, .cartMyContactInfo .myContactEmailDiv input, .cartMyContactInfo .myContactPhoneNumDiv input {
    width: 100%
}

.cartMyContactInfo .myContactPhoneNumDiv {
    margin-right: 0
}

@media print, screen and (min-width: 1025px) and (max-width: 1120px) {
    .guest-checkout-progress-bar ul li {
        width: 24%
    }
}

@media print, screen and (min-width: 1121px) and (max-width: 1260px) {
    .guest-checkout-progress-bar ul li {
        width: 24.1%
    }
}

.gcPaymentInfoContainer .gForm-row-input .spacing-error-message-card-num {
    width: 100%
}

.gcVisadebitCardNotAllowedContainer {
    position: relative;
    display: table-cell;
    right: -428px;
    bottom: 53px
}

.gcVisadebitCardNotAllowedContainer > span {
    font-style: italic;
    font-size: 12px;
    font-family: inherit
}

.gcPaymentInfoContainer.gcPaymentInfoLoggenInContainer .gcPaymentCardContainer .cc-visa {
    position: relative;
    max-width: 100% !important;
    right: -2px;
    width: 29%;
    display: inline-block;
    vertical-align: middle
}

.gcPaymentInfoContainer.gcPaymentInfoLoggenInContainer .gcPaymentCardContainer .cc-master {
    position: relative;
    max-width: 100% !important;
    right: -2px;
    width: 29%;
    display: inline-block;
    vertical-align: middle
}

.gcPaymentInfoContainer.gcPaymentInfoLoggenInContainer .gcPaymentCardContainer .cc-amex {
    position: relative;
    max-width: 100% !important;
    right: -2px;
    width: 29%;
    display: inline-block;
    vertical-align: middle
}

.gcPaymentInfoContainer.gcPaymentInfoLoggenInContainer .gcPaymentCardContainer img {
    width: 100%;
    max-width: 45px;
    height: 100%
}

.gcPaymentInfoLoggenInContainer .loggedInCardNo {
    padding: 8px 5px !important
}

.gcPaymentInfoLoggenInContainer .loggedInPaymentCardContainer {
    float: right;
    height: 24px;
    width: 29%;
    margin-right: 5%;
    margin-top: -37px;
    padding: 0;
    display: inline-block;
    vertical-align: middle
}

#newCreditCardModal .tdLabel, #newCreditCardModal label {
    font-size: 14px
}

.paymentInfoTable .cc-visa {
    background: url('../../images/icon/new-Visa.svg');
    background-repeat: no-repeat;
    margin-top: 4px;
    margin-left: 5px
}

.paymentInfoTable .cc-master {
    background: url('../../images/icon/new-Mastercard.svg');
    background-repeat: no-repeat;
    margin-top: 4px;
    margin-left: 5px
}

.paymentInfoTable .cc-amex {
    background: url('../../images/icon/new-AmericanExpress.svg');
    background-repeat: no-repeat;
    margin-top: 4px;
    margin-left: 5px
}

.orderReviewPaymentErrorMessage {
    margin-bottom: 10px
}

.page-checkoutOrderConfirmationPage #order-heading-page-title .alert.confirmation:before {
    font-family: graingerFont;
    content: "\e61e";
    font-weight: 400;
    padding-left: 0;
    padding-right: 5px;
    font-size: 20px;
    color: #157a43
}

.final-sale-item {
    color: #ad3333;
    font-size: 13px;
    font-weight: bold
}

.gcAdditionalInfoReviewChange {
    margin-top: 20px
}

.pendingPrintModal #cart-maincontent {
    width: 100%
}

.pendingPrintModal #cart-table .action-data {
    margin-top: 220px
}

.pendingPrintModal #cart-table .action-data .oms-audit-trail-header #actionTable {
    color: #333;
    text-decoration: none;
    pointer-events: none
}

.deniedPrintModal #cart-table .cart-item {
    width: 53%
}

.deniedPrintModal #cart-table .cart-qty {
    width: 17%
}

.deniedPrintModal #cart-details .action-data {
    margin-top: 180px
}

#cart-maincontent .gcPaymentSectionBtnDiv {
    margin: 15px 0 25px;
    width: 100%;
    display: inline-block
}

#cart-maincontent .gcPaymentSectionBtnDiv .gcPaymentPageBtnsDiv {
    float: right
}

#cart-maincontent .gcPaymentSectionBtnDiv .gcPaymentPageBtnsDiv a {
    margin-left: 5px;
    width: 135px
}

#cart-maincontent .gcPaymentSectionDetailDiv .guestUserCreditCardDiv {
    margin: 0 0 10px 0;
    padding: 0 15px;
    font-size: 12px;
    top: -13px;
    position: relative;
    word-wrap: break-word;
    text-transform: capitalize
}

#cart-maincontent .gcPaymentSectionDetailDiv .guestUserCreditCardDiv .cc-visa {
    position: relative;
    height: 35px;
    display: inline-block;
    width: 55px;
    top: 15px;
    left: 15px;
    background-repeat: no-repeat;
    background: url('../../images/icon/new-Visa.svg')
}

#cart-maincontent .gcPaymentSectionDetailDiv .guestUserCreditCardDiv .cc-master {
    position: relative;
    height: 35px;
    display: inline-block;
    width: 55px;
    top: 15px;
    left: 15px;
    background-repeat: no-repeat;
    background: url('../../images/icon/new-Mastercard.svg')
}

#cart-maincontent .gcPaymentSectionDetailDiv .guestUserCreditCardDiv .cc-amex {
    position: relative;
    height: 35px;
    display: inline-block;
    width: 55px;
    top: 15px;
    left: 15px;
    background-repeat: no-repeat;
    background: url('../../images/icon/new-AmericanExpress.svg')
}

.nonEditableGcPaymentPage {
    padding-bottom: 30px
}

.nonEditableGcPaymentPage .billingAddressData {
    width: 100%;
    padding: 0 15px;
    font-size: 12px;
    margin-bottom: 20px;
    text-transform: capitalize;
    line-height: 20px;
    overflow-wrap: break-word;
    text-align: left
}

.editableGcPaymentPage {
    margin-bottom: 40px
}

.service-box #cartItemsTbody input.quantity {
    border: 1px solid #595959;
    text-align: center
}

.guest-payment-billing-address-form-input input, .guest-payment-billing-address-form-input select {
    border: 1px solid #595959 !important
}

.gcPaymentInfoContainer #gForm-row-input-AddressInfo .styledSelect select {
    padding: 13px 12px
}

.gcPaymentInfoContainer #gForm-row-input-AddressInfo .styledSelect:after {
    border: none;
    padding: 14px 6px;
    border-top: 1px solid #595959
}

@media only screen and (min-width: 768px) {
    .cartAdditionalInformation {
        margin-top: 20px
    }

    .cartAdditionalInformation h2 {
        margin: 0;
        padding: 10px 15px;
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        background: #666
    }

    .cartAdditionalInformation #order-reference-information-div div.additional-information-section {
        width: 49%;
        display: inline-block
    }

    .cartAdditionalInformation #order-reference-information-div div.additional-information-section:nth-child(odd) {
        margin-right: 2%;
        float: left
    }

    .cartAdditionalInformation #order-reference-information-div div.additional-information-section .mas {
        margin: 0 !important
    }

    .cartAdditionalInformation #order-reference-information-div div.additional-information-section .poNumberSettingsMsg {
        margin-bottom: 0 !important
    }

    .cartAdditionalInformation #order-reference-information-div div.additional-information-section select {
        max-width: 100%
    }

    .cartAdditionalInformation #order-reference-information-div div.additional-information-section.orderNotesDiv {
        margin-right: 0;
        float: none;
        width: 100%
    }
}

@media print, screen and (min-width: 1025px) and (max-width: 1315px) {
    .page-cartPage .prodRecCarouselDiv {
        padding-left: 15px
    }

    .page-cartPage .prodRecCarouselDiv .adobe-carousel-container .jcarousel ul li.activeItems {
        padding: 15px
    }

    .page-cartPage .prodRecCarouselDiv .adobe-carousel-container .recsContent .recsProductBtn {
        padding: 0 15px
    }
}

.optionalFileUploadDiv {
    width: 49%;
    display: inline-block;
    position: relative;
    margin-top: 23px
}

.optionalFileUploadDiv #requiredLabel {
    top: 6px;
    float: right;
    font-size: 13px;
    color: #333;
    padding: 6px 8px;
    right: 5px;
    position: absolute;
    font-style: italic
}

.optionalFileUploadDiv #requiredLabel.emptyBox {
    color: #be2122
}

.optionalFileUploadDiv label.uploadFileLabel {
    line-height: 22px;
    visibility: hidden
}

.optionalFileUploadDiv #uploadFileBoxDiv {
    width: 64.5%;
    position: relative;
    display: inline-block
}

.optionalFileUploadDiv #uploadFileBoxDiv:nth-child(odd) {
    margin-right: 2%;
    float: left
}

.optionalFileUploadDiv #uploadFileBox {
    width: 100%;
    color: #7d7d7d;
    padding: 8px 8px 9px 8px;
    display: inline-block;
    margin: 0 auto 0 auto;
    position: relative
}

.optionalFileUploadDiv #uploadForm {
    width: 32%;
    margin-left: 1.5%;
    display: inline-block
}

.optionalFileUploadDiv .fileUploadBrowseBtn {
    width: 100%;
    text-align: center;
    padding: 11px 0;
    text-transform: uppercase
}

.optionalFileUploadDiv .checkMark {
    right: 18px;
    content: "";
    position: absolute;
    top: 12px;
    width: 13px;
    height: 8px;
    border-left: 3px solid #157a43;
    border-bottom: 3px solid #157a43;
    transform: rotate(-45deg)
}

.optionalFileUploadDiv #uploadPOFileTypeError {
    width: 100%;
    float: left
}

.optionalFileUploadDiv #uploadPOFileSizeError {
    width: 100%;
    float: left
}

.sourcingWarningMsgDiv .cart-sourcing-note-info {
    padding: 0 0 3px 0
}

.sourcingNoteDiv .cart-sourcing-note-info {
    padding: 7px 0
}

@media only screen and (min-width: 320px) and (max-width: 1024px) {
    #checkoutSignInBucketContainer {
        margin: 0
    }

    #checkoutSignInBucketContainer .checkoutBucket.graingerSignIn {
        width: 100%;
        float: none;
        margin: 10px 0 0 0;
        padding: 0
    }

    #checkoutSignInBucketContainer h3 {
        line-height: 1
    }

    #checkoutSignInBucketContainer .guestCheckoutBucket {
        width: 100%;
        float: none;
        margin: 0
    }

    #checkoutSignInBucketContainer .signInButton {
        position: relative;
        bottom: 0;
        margin-bottom: 10px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    #checkoutSignInBucketContainer {
        margin-top: 10px
    }

    #checkoutSignInBucketContainer h3 {
        margin-top: -3px 0 0 -1px
    }

    #checkoutSignInBucketContainer .regBucket {
        margin: 0;
        width: 48%;
        border-left: 0;
        padding: 0 22px;
        border: 1px solid #e4e4e4;
        border-width: 0 2px;
        width: 34.33%;
        float: left;
        display: inline-block
    }

    #checkoutSignInBucketContainer .regBucket.nonCheckoutSignIn {
        padding: 0 22px
    }

    #checkoutSignInBucketContainer .regBucket .signInButton {
        margin: 25px 0
    }

    #checkoutSignInBucketContainer .checkoutBucket.graingerSignIn {
        margin: 0 0 25px 0;
        padding: 0;
        width: 31.33%;
        float: left;
        display: inline-block
    }

    #checkoutSignInBucketContainer #guestSignIn {
        padding: 0 5px 0 22px;
        width: 34.33%;
        float: left;
        display: inline-block
    }

    #checkoutSignInBucketContainer .guestCheckoutBucket #guestCheckoutButton {
        bottom: 0;
        margin-top: 25px
    }

    #checkoutSignInBucketContainer .checkoutBucket.guestCheckoutBucket {
        padding: 0
    }

    #checkoutSignInBucketContainer .graingerSignIn input[type=text], #checkoutSignInBucketContainer .graingerSignIn input[type=password] {
        width: 100%;
        max-width: 205px
    }

    #checkoutSignInBucketContainer #guestOrderTrackingForm .guestOrderTracking {
        width: 32%;
        padding-left: 15px
    }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
    #checkoutSignInBucketContainer .regBucket {
        width: 100%;
        float: none;
        margin: 25px 0;
        padding: 25px 0;
        border-style: solid;
        border-width: 2px 0;
        border-color: #e4e4e4
    }

    #checkoutSignInBucketContainer .regBucket .signInButton {
        margin: 25px 0 0 0
    }

    #checkoutSignInBucketContainer .checkoutBucketSeparator {
        float: none;
        width: 100%;
        line-height: 4;
        margin: 0;
        padding-left: 10px;
        text-align: center
    }

    #checkoutSignInBucketContainer .guestCheckoutBucket #guestCheckoutButton {
        bottom: 0;
        position: relative;
        margin-top: 20px
    }

    #checkoutSignInBucketContainer .checkoutBucket:last-child, #checkoutSignInBucketContainer .checkoutBucket.guestBucket {
        padding: 0
    }

    #checkoutSignInBucketContainer .checkoutBucket:last-child {
        margin-bottom: 40px
    }

    #checkoutSignInBucketContainer .regBucket.nonCheckoutSignIn {
        padding: 25px 0;
        border-bottom: 0;
        margin-bottom: 0
    }

    #checkoutSignInBucketContainer #guestOrderTrackingForm {
        padding-top: 25px;
        border-top: 2px solid #e4e4e4
    }

    #checkoutSignInBucketContainer #guestOrderTrackingForm .guestOrderTracking {
        width: 100%;
        padding-left: 0
    }
}

@media only screen and (max-width: 320px) {
    #main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long #registrationInfoBackBtn {
        width: 30% !important
    }

    #main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long #long-form-securityAnswer {
        margin-top: 20px
    }
}

@media only screen and (max-width: 1024px) {
    #main-content.user-registration-main-content {
        padding-left: 0
    }

    #main-content.user-registration-main-content #mainContentLeft {
        width: 100%;
        padding: 10px
    }
}

@media only screen and (max-width: 767px) {
    #main-content.user-registration-main-content {
        padding-left: 0
    }

    #main-content.user-registration-main-content {
        padding: 0
    }

    #main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long {
        padding: 15px
    }

    #main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long #long-form-firstName, #main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long #long-form-lastName, #main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long #long-form-userID, #main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long #long-form-securityQuestion, #main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long #long-form-securityAnswer {
        width: 100%
    }

    #main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long #long-form-passwordAndValidation #long-form-password {
        padding-bottom: 0;
        margin-bottom: 0;
        width: 100% !important
    }

    #main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long #long-form-phone {
        /*margin-bottom: 4em;*/
    }

    #main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long #long-form-phone .phone-fields-long-form-registration, #main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long #long-form-phone .phone-extension-long-form-registration {
        width: 100%;
        margin-bottom: 20px
    }

    #main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long #long-form-phone .phone-fields-long-form-registration .errorMsg, #main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long #long-form-phone .phone-extension-long-form-registration .errorMsg {
        margin-bottom: 0
    }

    #main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long .gForm-radioCheck label {
        display: inline-block;
        width: 90%
    }

    #main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long #long-form-companyName {
        width: 100%
    }

    #main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long .passwordRule {
        margin-left: 8px !important;
        display: block !important
    }

    #main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long .securityQuestionLongLabel {
        margin-top: 0
    }

    #main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long #registrationInfoBackBtn {
        width: 40%
    }

    #main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long #long-form-securityAnswer {
        margin-top: 20px
    }

    #main-content.user-registration-main-content #mainContentLeft #registration .registeredUserQuestionBlockDiv {
        padding-top: 20px
    }

    #main-content.user-registration-main-content #mainContentLeft #registration .registeredUserQuestionBlockDiv .registeredUserQuestionBlock .gForm-radioCheck {
        margin-bottom: 10px
    }

    #main-content.user-registration-main-content #mainContentLeft #registration .userInputNumberDiv {
        width: 100% !important;
        line-height: 1.5
    }

    #main-content.user-registration-main-content #mainContentLeft #registration .userInputNumberDiv .error1 {
        width: 100%
    }

    #main-content.user-registration-main-content #mainContentLeft #cart-maincontent #order-main-content {
        padding: 0
    }
}

@media only screen and (max-width: 375px) {
    #registration .floating-labels.show-labels label {
        font-size: .7em !important
    }
}

@media only screen and (min-width: 376px) and (max-width: 768px) {
    #long-form-phone .phonenumberLongDiv {
        width: 65% !important
    }

    #long-form-phone .phoneExtLongDiv {
        width: 33% !important
    }
}

@media only screen and (max-width: 1024px) {
    #main-content.user-registration-main-content #mainContentLeft {
        padding: 0
    }

    #main-content.user-registration-main-content #mainContentLeft #registration .invited-user-registration-instructions {
        margin-bottom: 15px
    }

    #main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long #long-form-passwordAndValidation .passwordRule {
        margin-left: 10px
    }

    #main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo fieldset {
        display: contents
    }

    #main-content.user-registration-main-content #mainContentLeft #registration .registration-progress-bar ul {
        display: flex
    }

    #main-content.user-registration-main-content #mainContentLeft #registration .registration-progress-bar ul li {
        width: 50%
    }

    #main-content.user-registration-main-content #mainContentLeft #registration .registration-progress-bar ul li .dotConnector {
        left: 0
    }

    #main-content.user-registration-main-content #mainContentLeft #registration .registration-progress-bar ul li:last-child {
        width: auto
    }

    div#main-content.user-registration-main-content {
        padding: 0
    }

    #main-content.invitedUser h1 {
        margin-top: 10px;
        margin-bottom: 0
    }

    #main-content.invitedUser h1, #main-content.invitedUser .invited-user-registration-instructions, #main-content.invitedUser #invtdUserAccountInfoDiv, #main-content.invitedUser #invitedUsersBenefits-mobile {
        padding-left: 10px
    }

    #main-content.invitedUser #invtdUserAccountInfoDiv {
        margin-bottom: 10px
    }

    #main-content.invitedUser #mainContentLeft {
        width: 100%;
        padding: 0
    }

    #main-content.invitedUser #mainContentLeft #registration #form-content {
        padding: 10px 15px
    }

    #main-content.invitedUser #mainContentLeft #registration #form-content #contactInformation .invtdUserShipping select {
        max-width: 100%
    }

    #main-content.invitedUser #mainContentLeft #registration #form-content #contactInformation #long-form-securityQuestion select {
        padding-right: 35px
    }

    #main-content.invitedUser #mainContentLeft #registration #form-content #contactInformation .invtdUserShipping select, #main-content.invitedUser #mainContentLeft #registration #form-content #contactInformation #long-form-securityQuestion select {
        word-wrap: break-word;
        min-height: 18px;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis
    }

    #main-content.invitedUser #mainContentLeft #registration #form-content #invitedUserRegistrationInfo #newPasswordLongSecureMessage {
        margin-top: 15px !important
    }

    #main-content.invitedUser #mainContentLeft #registration #form-content #invitedUserRegistrationInfo #invitedUserPwdRules {
        margin-top: -15px !important
    }

    #main-content.invitedUser #invitedUsersBenefits {
        display: none
    }

    #main-content.invitedUser #invitedUsersBenefits-mobile ul {
        list-style: disc;
        zoom: 0;
        margin-left: 20px;
        padding: 2px 0
    }

    .language-fr #main-content.invitedUser h1 {
        font-size: 20px;
        margin-top: 10px;
        margin-bottom: 0
    }
}

@media only screen and (max-width: 767px) {
    #main-content.user-registration-main-content #mainContentLeft #registration .registration-progress-bar {
        width: 100%
    }

    #main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long {
        padding: 25px 15px
    }

    #main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long .registrationStepTwo #long-form-userID {
        width: 100%;
        margin-right: 0
    }

    #main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long .registrationStepTwo #long-form-securityQuestion {
        width: 100%;
        margin-right: 0
    }

    #main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long .registrationStepTwo #long-form-securityQuestion select {
        max-width: 100%;
        word-wrap: break-word;
        min-height: 18px;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis
    }

    #main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long .registrationStepTwo #long-form-securityAnswer {
        width: 100%;
        margin-right: 0;
        margin-top: 12px
    }

    #main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long .registrationStepTwo #long-form-passwordAndValidation {
        width: 100%;
        margin-right: 0
    }

    #main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long .registrationStepTwo #long-form-passwordAndValidation #long-form-password {
        width: 100% !important;
        margin-bottom: 0;
        padding-bottom: 0
    }

    #main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long .registrationStepTwo #long-form-passwordAndValidation #long-form-password #newPassword {
        padding-right: 0
    }

    #main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long .registrationStepTwo #long-form-passwordAndValidation #long-form-password .alert {
        min-width: 250px;
        display: block
    }

    #main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long .registrationStepTwo #long-form-passwordAndValidation #newPasswordLongSecureMessage {
        margin-top: 0 !important
    }

    #main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long .registrationStepTwo #long-form-passwordAndValidation .passwordRuleMobileTooltip {
        display: inline-block;
        margin: 14px 0 0 3px
    }

    #main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long .registrationStepTwo #long-form-passwordAndValidation .passwordRule {
        display: none !important
    }

    #main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long .registrationStepTwo .pwnedPassword input, #main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long .registrationStepTwo .newPwnedPasswordLongSecureMessage {
        width: 100% !important
    }

    #main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long .registrationStepTwo .registrationAccountDiv {
        height: auto
    }

    #main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long .registrationStepTwo #long-form-defaultShippingAddress {
        width: 100%
    }

    #main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long .registrationStepTwo #long-form-defaultShippingAddress select {
        max-width: 100%;
        word-wrap: break-word;
        min-height: 18px;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis
    }

    #main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long .registrationStepTwo #long-form-defaultShippingAddress .alert {
        margin-top: 1px
    }

    #main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long .registrationStepTwo #long-form-defaultShippingAddress #defaultShipLocation {
        border: 1px solid #ccc;
        padding: 6px 5px;
        border-radius: 1.5px
    }

    #main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long .registrationStepTwo .gForm-radioCheck label {
        width: 92%
    }

    #main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long .registrationStepTwo .showLabel {
        right: 0;
        padding: 6px
    }

    #main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long .registrationStepTwo #long-form-emailAndTerms #termsOfRegLongForm {
        margin-bottom: 0
    }

    #main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long .registrationStepTwo #lfCaptcha {
        height: 100%
    }

    #main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long .registrationStepTwo .alert {
        font-size: 12px
    }

    #main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long .registrationStepTwo .securityQuestionLongLabel {
        margin-top: -9px
    }

    #main-content.user-registration-main-content #mainContentLeft #registration #form-content {
        margin-right: 0;
        width: 100% !important;
    }

    #main-content.user-registration-main-content .newPasswordLongError, #main-content.user-registration-main-content .confirmPasswordLongError {
        display: none
    }

    .language-fr #main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long .registrationStepTwo #long-form-passwordAndValidation #long-form-password {
        width: 100% !important
    }

    .language-fr #main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long .registrationStepTwo #long-form-passwordAndValidation #long-form-password #newPassword {
        padding-right: 0
    }

    .language-fr #main-content.invitedUser #mainContentLeft #registration .floating-labels.show-labels label {
        font-size: 10px !important
    }

    .language-fr #main-content.invitedUser #mainContentLeft #registration #invitedUserRegistrationInfo .optionalLabel {
        font-size: 11px;
        right: 0
    }

    .language-fr #main-content.invitedUser #mainContentLeft #registration #invtdUserAccountInfoDiv {
        font-size: 14px
    }

    .language-fr #main-content.invitedUser #mainContentLeft #registration h1, .language-fr #main-content.invitedUser #mainContentLeft #registration h3 {
        font-size: 18px
    }

    .language-fr #main-content.invitedUser #mainContentLeft #registration #emailSignUpMessage, .language-fr #main-content.invitedUser #mainContentLeft #registration .termsOfRegDes {
        font-size: 12px
    }

    .language-fr #main-content.invitedUser #mainContentLeft #registration #termsOfRegLongForm label {
        font-size: 12px
    }

    .language-fr #main-content.invitedUser #mainContentLeft #registration .invtdUserSbmtBtn .btn {
        margin: 0 2px;
        font-size: 13px
    }

    .language-fr #main-content.invitedUser #mainContentLeft #registration #contactInformation .long-form-phone input[id^="phoneExtLong"]::-webkit-input-placeholder {
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%
    }

    .language-fr #main-content.invitedUser #mainContentLeft #registration #contactInformation .long-form-phone input[id^="phoneExtLong"]::-moz-placeholder {
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%
    }

    .language-fr #main-content.invitedUser #mainContentLeft #registration #contactInformation .long-form-phone input[id^="phoneExtLong"]:-ms-input-placeholder {
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%
    }

    .language-fr #main-content.invitedUser #mainContentLeft #registration #contactInformation .long-form-phone input[id^="phoneExtLong"]:-moz-placeholder {
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%
    }

    .language-fr #main-content.invitedUser #mainContentLeft #registration .invtdUserPwdShowLabel {
        padding: 13px 0 !important;
        font-size: 12px
    }

    #main-content.invitedUser h1, #main-content.invitedUser .invited-user-registration-instructions, #main-content.invitedUser #invtdUserAccountInfoDiv, #main-content.invitedUser #invitedUsersBenefits-mobile {
        padding-left: 10px
    }

    #main-content.invitedUser #mainContentLeft {
        width: 100%
    }

    #main-content.invitedUser #mainContentLeft #registration #form-content #contactInformation {
        padding: 15px
    }

    #main-content.invitedUser #mainContentLeft #registration #form-content #contactInformation .invtdUserFrstName, #main-content.invitedUser #mainContentLeft #registration #form-content #contactInformation .invtdUserLastName, #main-content.invitedUser #mainContentLeft #registration #form-content #contactInformation .invtdUserEmail, #main-content.invitedUser #mainContentLeft #registration #form-content #contactInformation .long-form-phone, #main-content.invitedUser #mainContentLeft #registration #form-content #contactInformation .invtdUserShipping, #main-content.invitedUser #mainContentLeft #registration #form-content #contactInformation #long-form-passwordAndValidation, #main-content.invitedUser #mainContentLeft #registration #form-content #contactInformation .invtdUserSecQstn, #main-content.invitedUser #mainContentLeft #registration #form-content #contactInformation .invtdUserSecuAnswr {
        width: 100%
    }

    #main-content.invitedUser #mainContentLeft #registration #form-content #contactInformation #long-form-passwordAndValidation {
        margin-bottom: 0
    }

    #main-content.invitedUser #mainContentLeft #registration #form-content #contactInformation #long-form-passwordAndValidation #long-form-password {
        width: 65%
    }

    #main-content.invitedUser #mainContentLeft #registration #form-content #contactInformation #long-form-passwordAndValidation .graingerTip {
        padding-top: 15px
    }

    #main-content.invitedUser #mainContentLeft #registration #form-content #contactInformation #long-form-passwordAndValidation .passwordRule {
        display: none
    }

    #main-content.invitedUser #mainContentLeft #registration #form-content #contactInformation #long-form-passwordAndValidation .passwordSuccess {
        font-size: 12px;
        margin-top: 0 !important;
        padding-bottom: 15px;
        float: left
    }

    #main-content.invitedUser #mainContentLeft #registration #form-content #contactInformation #long-form-passwordAndValidation .newPasswordLongError, #main-content.invitedUser #mainContentLeft #registration #form-content #contactInformation #long-form-passwordAndValidation .confirmPasswordLongError {
        display: none
    }

    #main-content.invitedUser #mainContentLeft #registration #form-content #contactInformation #long-form-passwordAndValidation #newPasswordLongSecureMessage {
        margin-top: 0 !important;
        margin-bottom: 10px;
        float: left;
        font-size: 12px;
        font-weight: 550
    }

    #main-content.invitedUser #mainContentLeft #registration #form-content #contactInformation .captchaEnteredLongDiv .captchaEmptyError {
        font-size: 12px !important
    }

    #main-content.invitedUser #mainContentLeft #registration #form-content #contactInformation #long-form-securityQuestion select {
        padding-right: 35px;
        max-width: 100%
    }

    #main-content.invitedUser #mainContentLeft #registration #form-content #contactInformation .invtdUserShipping select, #main-content.invitedUser #mainContentLeft #registration #form-content #contactInformation #long-form-securityQuestion select {
        word-wrap: break-word;
        min-height: 18px;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis
    }

    #main-content.invitedUser #mainContentLeft #registration #form-content #contactInformation #long-form-emailAndTerms #long-form-emailOptIn label {
        width: 90%
    }

    #main-content.invitedUser #mainContentLeft #registration #form-content #contactInformation #long-form-password .invitedUserPwdRules {
        margin-top: 0
    }

    #main-content.invitedUser #mainContentLeft #registration #form-content #contactInformation #long-form-password .alert {
        padding-bottom: 10px
    }

    #main-content.invitedUser #mainContentLeft #registration .floating-labels.show-labels label {
        font-size: 10px !important
    }

    #main-content.invitedUser #invitedUsersBenefits {
        display: none
    }
}

@media only screen and (max-width: 450px) {
    #main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long #registrationInfoBackBtn, #main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long .registrationInfoNext {
        width: auto
    }
}

@media only screen and (max-width: 370px) {
    #main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long #registrationInfoBackBtn, #main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long #long-form-submitRegistration {
        margin: 0 0 12px 0;
        width: 100% !important
    }

    #main-content.user-registration-main-content #mainContentLeft #registration #longFormRegistrationInfo #create-account-long #long-form-emailAndTerms #termsOfRegLongForm {
        height: auto
    }

    #main-content.invitedUser h1 {
        font-size: 20px;
        margin-top: 10px;
        margin-bottom: 0
    }

    #main-content.invitedUser h1, #main-content.invitedUser .invited-user-registration-instructions, #main-content.invitedUser #invtdUserAccountInfoDiv, #main-content.invitedUser #invitedUsersBenefits-mobile {
        padding-left: 10px
    }

    #main-content.invitedUser #mainContentLeft {
        width: 100%
    }

    #main-content.invitedUser #mainContentLeft #registration .invited-user-registration-instructions {
        font-size: 12px
    }

    #main-content.invitedUser #mainContentLeft #registration h3 {
        font-size: 18px
    }

    #main-content.invitedUser #mainContentLeft #registration p, #main-content.invitedUser #mainContentLeft #registration ul, #main-content.invitedUser #mainContentLeft #registration .emailSignUpMessage, #main-content.invitedUser #mainContentLeft #registration .termsOfRegDes {
        font-size: 12px
    }

    #main-content.invitedUser #mainContentLeft #registration #invtdUserAccountInfoDiv {
        font-size: 14px
    }

    #main-content.invitedUser #mainContentLeft #registration #long-form-emailOptIn label, #main-content.invitedUser #mainContentLeft #registration #termsOfRegLongForm label {
        font-size: 12px
    }

    #main-content.invitedUser #mainContentLeft #registration .invtdUserSbmtBtn .btn {
        margin: 0 5px;
        font-size: 11px
    }

    #main-content.invitedUser #mainContentLeft #registration #form-content #contactInformation .floating-labels .show-labels label {
        font-size: 11.2px !important
    }
}

@media only screen and (max-width: 851px) {
    #invitedUserRegistrationInfo .floating-labels.show-labels .phonenumberLong {
        width: 190px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media only screen and (max-width: 1245px) {
    #invitedUserRegistrationInfo .floating-labels.show-labels .phonenumberLong {
        width: 165px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media only screen and (min-width: 1025px) {
    #invitedUsersBenefits-mobile {
        display: none
    }
}

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

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

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

body {
    line-height: 1
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

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

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

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

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

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

[hidden], template {
    display: none
}

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

body {
    margin: 0
}

a {
    background: transparent
}

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

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

.autocomplete:focus {
    outline: 0
}

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

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

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

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

b, strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

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

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

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

pre {
    white-space: pre-wrap
}

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

small {
    font-size: 80%
}

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

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

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

figure {
    margin: 0
}

fieldset {
    margin: 0
}

legend {
    border: 0;
    padding: 0
}

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

button, input {
    line-height: normal
}

button, select {
    text-transform: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.invisible {
    visibility: hidden
}

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

.clearfix:after {
    clear: both
}

.clearfix {
    *zoom: 1
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.left-n {
    left: 0 !important
}

.right-n {
    left: 0 !important
}

.pan {
    padding: 0 !important
}

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

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

.man {
    margin: 0 !important
}

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

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

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

.ptn {
    padding-top: 0 !important
}

.prn {
    padding-right: 0 !important
}

.pbn {
    padding-bottom: 0 !important
}

.pln {
    padding-left: 0 !important
}

.mtn {
    margin-top: 0 !important
}

.mrn {
    margin-right: 0 !important
}

.mbn {
    margin-bottom: 0 !important
}

.mln {
    margin-left: 0 !important
}

.pas {
    padding: 5px !important
}

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

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

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

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

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

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

.mas {
    margin: 5px !important
}

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

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

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

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

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

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

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

.pam {
    padding: 10px !important
}

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

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

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

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

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

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

.mam {
    margin: 10px !important
}

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

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

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

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

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

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

.pal {
    padding: 15px !important
}

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

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

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

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

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

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

.mal {
    margin: 15px !important
}

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

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

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

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

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

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

.paxl {
    padding: 20px !important
}

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

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

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

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

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

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

.maxl {
    margin: 20px !important
}

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

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

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

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

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

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

.block {
    display: block !important
}

.inline {
    display: inline !important
}

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

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

.display-table {
    display: table !important
}

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

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

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

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

.hidden-flow {
    overflow: hidden !important
}

.clickable {
    cursor: pointer !important
}

.abs {
    position: absolute !important
}

.rel {
    position: relative
}

.fixed {
    position: fixed
}

.static {
    position: static
}

.nowrap {
    white-space: nowrap
}

.hide {
    display: none !important
}

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

.invisible {
    visibility: hidden !important
}

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

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

.clearfix:after {
    clear: both
}

.clear-left {
    clear: left !important
}

.txtC {
    text-align: center !important
}

.txtL {
    text-align: left !important
}

.txtR {
    text-align: right !important
}

.bold {
    font-weight: bold !important
}

.regular {
    font-weight: normal !important
}

.italic {
    font-style: italic
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.no-bullets {
    list-style: none
}

.white {
    color: #fff !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.border-none {
    border: 0 !important
}

.red {
    color: #ad3333 !important
}

.uppercase {
    text-transform: uppercase !important
}

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

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

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

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

body {
    background-color: #fff
}

a {
    cursor: pointer
}

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

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

#globalBanner:after {
    clear: both
}

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

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

#globalBanner:after {
    clear: both
}

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

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

#globalBanner:after {
    clear: both
}

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

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

#globalBanner:after {
    clear: both
}

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

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

#globalBanner:after {
    clear: both
}

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

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

#globalBanner:after {
    clear: both
}

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

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

#globalBanner:after {
    clear: both
}

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

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

#globalBanner:after {
    clear: both
}

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

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

#globalBanner:after {
    clear: both
}

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

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

#globalBanner:after {
    clear: both
}

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

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

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

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

#container:after {
    clear: both
}

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

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

#container:after {
    clear: both
}

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

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

#container:after {
    clear: both
}

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

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

#container:after {
    clear: both
}

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

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

#container:after {
    clear: both
}

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

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

#container:after {
    clear: both
}

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

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

#container:after {
    clear: both
}

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

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

#container:after {
    clear: both
}

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

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

#container:after {
    clear: both
}

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

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

#container:after {
    clear: both
}

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

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

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

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

#customHeaderMessage p {
    margin: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.lt-ie8 .two-column #body {
    clear: both;
    zoom: 1
}

.two-column #body:after, .two-column #body:before {
    content: " ";
    display: table
}

.two-column #body:after {
    clear: both
}

.lt-ie8 .two-column #body {
    clear: both;
    zoom: 1
}

.two-column #body:after, .two-column #body:before {
    content: " ";
    display: table
}

.two-column #body:after {
    clear: both
}

.lt-ie8 .two-column #body {
    clear: both;
    zoom: 1
}

.responsive#body-main {
    min-width: 640px
}

#side-nav {
    width: 25%;
    padding: 0;
    margin-bottom: 10px;
    float: left;
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1
}

.lt-ie8 #side-nav {
    width: 23%
}

.lt-ie8 #side-nav {
    width: 23%
}

.lt-ie8 #side-nav {
    width: 23%
}

.lt-ie8 #side-nav {
    width: 23%
}

.lt-ie8 #side-nav {
    width: 23%
}

.lt-ie8 #side-nav {
    width: 23%
}

.lt-ie8 #side-nav {
    width: 23%
}

.lt-ie8 #side-nav {
    width: 23%
}

.lt-ie8 #side-nav {
    width: 23%
}

.lt-ie8 #side-nav {
    width: 23%
}

#side-nav #side-nav {
    width: auto;
    padding: 0;
    margin: 0;
    float: none;
    display: block
}

.offscreen {
    height: 1px;
    left: -10000px;
    position: absolute;
    top: auto;
    width: 1px
}

.alert {
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    margin: 15px 0;
    color: #ad3333
}

.alert:before {
    font-family: graingerFont;
    content: "\e616";
    font-weight: 400;
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    float: left;
    margin-right: 5px
}

.alert.error {
    color: #ad3333
}

.alert.error:before {
    font-family: graingerFont;
    content: "\e610";
    font-weight: 400
}

.alert.warn {
    color: #f26823
}

.alert.confirmation, .alert.confirm {
    color: #257238
}

.alert.confirmation:before, .alert.confirm:before {
    font-family: graingerFont;
    content: "\e61e";
    font-weight: 400;
    padding-left: 0;
    margin-bottom: 10px
}

.alert.alert-block {
    border: 1px solid #CCC;
    padding: 10px;
    clear: both
}

.alert.alert-block ul {
    list-style: disc;
    margin-left: 18px
}

.alert p:last-child {
    margin-bottom: 0
}

.lt-ie8 .alert {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -2880px;
    background-position-x: 0
}

.lt-ie8 .alert {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -2880px;
    background-position-x: 0
}

.lt-ie8 .alert {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -2880px;
    background-position-x: 0
}

.lt-ie8 .alert {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -2880px;
    background-position-x: 0
}

.lt-ie8 .alert {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -2880px;
    background-position-x: 0
}

.lt-ie8 .alert {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -2880px;
    background-position-x: 0
}

.lt-ie8 .alert {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -2880px;
    background-position-x: 0
}

.lt-ie8 .alert {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -2880px;
    background-position-x: 0
}

.lt-ie8 .alert {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -2880px;
    background-position-x: 0
}

.lt-ie8 .alert {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -2880px;
    background-position-x: 0
}

.lt-ie8 .alert {
    padding-left: 20px
}

.pageAlert {
    border: 1px solid #ccc;
    padding: 10px
}

.pagination .nav {
    text-align: right
}

.pagination .nav li {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    margin: 0 5px 0 0
}

.pagination .nav li.current {
    font-weight: bold
}

.lt-ie8 .pagination .nav li.current {
    vertical-align: top
}

#backButton {
    margin: 7px 10px 0 10px
}

.responsive #backButton {
    float: left;
    display: block;
    width: 80px;
    margin-left: 0
}

@media (max-width: 890px) {
    .responsive.productview #backButton, .responsive.cartdetails #backButton, .responsive.two-column #backButton {
        margin-left: 10px
    }
}

.responsive.myaccount.two-column #backButton {
    margin-left: 0
}

.responsive #backButton {
    vertical-align: top
}

.lt-ie8 .responsive #backButton {
    min-width: 40px
}

.lockedbyAdmin {
    float: right;
    font-size: 12px;
    font-weight: 700
}

.lockedbyAdmin:before {
    font-family: graingerFont;
    content: "\e632";
    font-weight: 400;
    float: left;
    margin-right: 6px
}

.show-more, .show-less {
    font-size: 12px
}

.show-more:before, .show-less:before {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    margin-top: 1px;
    background: #00739e;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00739e), color-stop(1, #0098d1));
    background: -ms-linear-gradient(bottom, #00739e, #0098d1);
    background: -moz-linear-gradient(center bottom, #00739e 0, #0098d1 100%);
    background: -o-linear-gradient(#0098d1, #00739e);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0098d1', endColorstr='#00739e', GradientType=0);
    line-height: 8px;
    font-size: 6px;
    padding: 2px 3px;
    color: #fff;
    margin-right: 1px;
    font-weight: normal;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    float: left;
    margin-right: 5px
}

.show-more:before {
    font-family: graingerFont;
    content: "\e629";
    font-weight: 400
}

.show-less:before {
    font-family: graingerFont;
    content: "\e60f";
    font-weight: 400
}

hr {
    border-bottom: 1px solid #ccc;
    border-top: 0;
    margin-top: 20px
}

.tooltip li {
    list-style-type: disc;
    margin-left: 10px;
    margin-bottom: 5px;
    line-height: 14px;
    font-size: 10px
}

.item-list tr td {
    padding-right: 7px
}

.boldText {
    font-weight: bold
}

.padding10Right {
    padding-right: 10px
}

.tertiaryLink {
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    color: #00739e;
    border: none;
    background: none
}

.share-captcha-text {
    width: 40%
}

.ie-icon.icon {
    height: 15px;
    width: 24px;
    display: none
}

.lt-ie8 .ie-icon {
    display: inline-block
}

#eheader .icon {
    background: url('../../images/sprites/IE-white-chevron-down.png') no-repeat
}

#eheader .open .icon {
    background: url('../../images/sprites/IE-chevron-down.png') no-repeat
}

div#body-main #eheader {
    font-size: 14px;
    line-height: 1;
    font-family: Arial, Helvetica, Sans-Serif
}

#eheader {
    min-width: 610px;
    position: relative;
    padding-top: 0
}

#eheader .headerContainer ul {
    margin-bottom: 0
}

#eheader .dropdown > a {
    position: relative;
    z-index: 11
}

#eheader .dropdown.ribbonItemNav {
    clear: none
}

#eheader .dropdown .dropdown-menu {
    border-radius: 0;
    z-index: 11;
    margin-top: 0
}

#eheader .dropdown .bulkOrderContent {
    right: -12px
}

#eheader .dropdown .bulkOrderContent:before {
    font-family: graingerFont;
    content: "\e603";
    color: #eee;
    font-size: 22px;
    position: absolute;
    right: 28px;
    top: -49px
}

#eheader .dropdown .en-arrow:before {
    right: 56px !important
}

#eheader #topRibbon {
    font-size: 11px;
    position: relative;
    line-height: 31px;
    min-height: 31px;
    z-index: 13
}

#eheader #topRibbon a {
    color: #fff
}

#eheader #userAuthLinks {
    font-weight: 500;
    float: right
}

#eheader #userAuthLinks .headerUserReginfo {
    padding: 8px 5px 0 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 140px;
    white-space: nowrap;
    text-align: right
}

#eheader #userAuthLinks #logOffLink {
    padding: 10px 8px 0 8px
}

#eheader #userAuthLinks ul li {
    float: left
}

#eheader #userAuthLinks p, #eheader #userAuthLinks a {
    display: inline-block;
    font-size: 14px;
    margin: 0;
    line-height: 20px;
    color: #fff
}

.signedIn #eheader #userAuthLinks {
    background-color: #eee
}

#eheader #userAuthLinks .headerUserReginfo, #eheader #userAuthLinks .userInfo {
    color: #fff
}

#eheader #userAuthLinks .headerUserReginfo a, #eheader #userAuthLinks .userInfo a {
    color: #fff
}

#eheader #userAuthLinks .blueSignIn {
    background-color: #00739e;
    border-radius: 12px;
    color: #fff;
    height: 24px;
    padding: 0 10px;
    margin-top: 7px;
    margin-left: 10px;
    font-weight: 500
}

#eheader #userAuthLinks .blueSignIn #signInLink {
    line-height: 15px;
    font-size: 14px;
    color: #fff
}

#eheader #userAuthLinks #registerLink {
    line-height: 28px;
    font-size: 14px;
    color: #fff
}

#eheader #authNav {
    float: left
}

#eheader #authNav .count {
    background: #bb0d02;
    border-radius: 10px;
    color: #fff;
    padding: 1px 4px;
    text-decoration: none;
    display: inline-block;
    line-height: 12px
}

#eheader #authNav > div {
    float: left
}

#eheader #authNav > div:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #eheader #authNav > div {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #eheader #authNav > div:first-child {
    border: none
}

#eheader #authNav > div:first-child:before {
    display: none
}

#eheader #authNav > div:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #eheader #authNav > div {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #eheader #authNav > div:first-child {
    border: none
}

#eheader #authNav > div:first-child:before {
    display: none
}

#eheader #authNav > div:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #eheader #authNav > div {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #eheader #authNav > div:first-child {
    border: none
}

#eheader #authNav > div:first-child:before {
    display: none
}

#eheader #authNav > div:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #eheader #authNav > div {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #eheader #authNav > div:first-child {
    border: none
}

#eheader #authNav > div:first-child:before {
    display: none
}

#eheader #authNav > div:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #eheader #authNav > div {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #eheader #authNav > div:first-child {
    border: none
}

#eheader #authNav > div:first-child:before {
    display: none
}

#eheader #authNav > div:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #eheader #authNav > div {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #eheader #authNav > div:first-child {
    border: none
}

#eheader #authNav > div:first-child:before {
    display: none
}

#eheader #authNav > div:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #eheader #authNav > div {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #eheader #authNav > div:first-child {
    border: none
}

#eheader #authNav > div:first-child:before {
    display: none
}

#eheader #authNav > div:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #eheader #authNav > div {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #eheader #authNav > div:first-child {
    border: none
}

#eheader #authNav > div:first-child:before {
    display: none
}

#eheader #authNav > div:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #eheader #authNav > div {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #eheader #authNav > div:first-child {
    border: none
}

#eheader #authNav > div:first-child:before {
    display: none
}

#eheader #authNav > div:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #eheader #authNav > div {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #eheader #authNav > div:first-child {
    border: none
}

#eheader #authNav > div:first-child:before {
    display: none
}

#eheader #authNav > div:before {
    font-weight: 400;
    font-size: 11px;
    color: #fff
}

#eheader #authNav > div ul {
    float: left;
    margin-right: 10px
}

#eheader #authNav > div ul li {
    float: left
}

#eheader #authNav > div ul li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #eheader #authNav > div ul li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #eheader #authNav > div ul li:first-child {
    border: none
}

#eheader #authNav > div ul li:first-child:before {
    display: none
}

#eheader #authNav > div ul li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #eheader #authNav > div ul li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #eheader #authNav > div ul li:first-child {
    border: none
}

#eheader #authNav > div ul li:first-child:before {
    display: none
}

#eheader #authNav > div ul li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #eheader #authNav > div ul li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #eheader #authNav > div ul li:first-child {
    border: none
}

#eheader #authNav > div ul li:first-child:before {
    display: none
}

#eheader #authNav > div ul li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #eheader #authNav > div ul li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #eheader #authNav > div ul li:first-child {
    border: none
}

#eheader #authNav > div ul li:first-child:before {
    display: none
}

#eheader #authNav > div ul li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #eheader #authNav > div ul li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #eheader #authNav > div ul li:first-child {
    border: none
}

#eheader #authNav > div ul li:first-child:before {
    display: none
}

#eheader #authNav > div ul li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #eheader #authNav > div ul li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #eheader #authNav > div ul li:first-child {
    border: none
}

#eheader #authNav > div ul li:first-child:before {
    display: none
}

#eheader #authNav > div ul li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #eheader #authNav > div ul li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #eheader #authNav > div ul li:first-child {
    border: none
}

#eheader #authNav > div ul li:first-child:before {
    display: none
}

#eheader #authNav > div ul li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #eheader #authNav > div ul li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #eheader #authNav > div ul li:first-child {
    border: none
}

#eheader #authNav > div ul li:first-child:before {
    display: none
}

#eheader #authNav > div ul li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #eheader #authNav > div ul li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #eheader #authNav > div ul li:first-child {
    border: none
}

#eheader #authNav > div ul li:first-child:before {
    display: none
}

#eheader #authNav > div ul li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #eheader #authNav > div ul li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #eheader #authNav > div ul li:first-child {
    border: none
}

#eheader #authNav > div ul li:first-child:before {
    display: none
}

#eheader #authNav > div ul li:before {
    font-weight: 400;
    font-size: 11px;
    color: #fff
}

#eheader #authNav > div ul li.dropdown .dropdown-toggle {
    padding-left: 0;
    padding-right: 0
}

#eheader #authNav > div ul li.dropdown .dropdown-toggle:after {
    font-family: graingerFont;
    content: "\e62c";
    font-weight: 400;
    font-size: 9px
}

#eheader #authNav > div ul .dropdown-toggle {
    border: none
}

@media (max-width: 960px) {
    .responsive #eheader #authNav {
        padding-left: 10px
    }
}

#eheader #authNav #cspQuotesTopRibbon, #eheader #authNav #cspQuotesTopRibbon2 {
    width: 270px;
    margin-bottom: 0
}

#eheader #authNav #cspQuotesTopRibbon thead tr, #eheader #authNav #cspQuotesTopRibbon2 thead tr {
    border: none
}

#eheader #authNav #cspQuotesTopRibbon tbody tr:hover, #eheader #authNav #cspQuotesTopRibbon2 tbody tr:hover {
    background: #f2f2f2
}

#eheader #authNav #cspQuotesTopRibbon th, #eheader #authNav #cspQuotesTopRibbon2 th {
    font-weight: 700;
    border-bottom: 0
}

#eheader #authNav #cspQuotesTopRibbon td, #eheader #authNav #cspQuotesTopRibbon2 td, #eheader #authNav #cspQuotesTopRibbon th, #eheader #authNav #cspQuotesTopRibbon2 th {
    padding-top: 0;
    padding-bottom: 0
}

#eheader #authNav .quotesMoreLink {
    padding-left: 10px
}

#eheader #authNav .tab-content {
    padding: 0
}

#eheader div#headerContent {
    background: #fff;
    min-height: 77px;
    position: relative;
    z-index: 12
}

#eheader div#headerContent:after, #eheader div#headerContent:before {
    content: " ";
    display: table
}

#eheader div#headerContent:after {
    clear: both
}

.lt-ie8 #eheader div#headerContent {
    clear: both;
    zoom: 1
}

#eheader div#headerContent:after, #eheader div#headerContent:before {
    content: " ";
    display: table
}

#eheader div#headerContent:after {
    clear: both
}

.lt-ie8 #eheader div#headerContent {
    clear: both;
    zoom: 1
}

#eheader div#headerContent:after, #eheader div#headerContent:before {
    content: " ";
    display: table
}

#eheader div#headerContent:after {
    clear: both
}

.lt-ie8 #eheader div#headerContent {
    clear: both;
    zoom: 1
}

#eheader div#headerContent:after, #eheader div#headerContent:before {
    content: " ";
    display: table
}

#eheader div#headerContent:after {
    clear: both
}

.lt-ie8 #eheader div#headerContent {
    clear: both;
    zoom: 1
}

#eheader div#headerContent:after, #eheader div#headerContent:before {
    content: " ";
    display: table
}

#eheader div#headerContent:after {
    clear: both
}

.lt-ie8 #eheader div#headerContent {
    clear: both;
    zoom: 1
}

#eheader div#headerContent:after, #eheader div#headerContent:before {
    content: " ";
    display: table
}

#eheader div#headerContent:after {
    clear: both
}

.lt-ie8 #eheader div#headerContent {
    clear: both;
    zoom: 1
}

#eheader div#headerContent:after, #eheader div#headerContent:before {
    content: " ";
    display: table
}

#eheader div#headerContent:after {
    clear: both
}

.lt-ie8 #eheader div#headerContent {
    clear: both;
    zoom: 1
}

#eheader div#headerContent:after, #eheader div#headerContent:before {
    content: " ";
    display: table
}

#eheader div#headerContent:after {
    clear: both
}

.lt-ie8 #eheader div#headerContent {
    clear: both;
    zoom: 1
}

#eheader div#headerContent:after, #eheader div#headerContent:before {
    content: " ";
    display: table
}

#eheader div#headerContent:after {
    clear: both
}

.lt-ie8 #eheader div#headerContent {
    clear: both;
    zoom: 1
}

#eheader div#headerContent:after, #eheader div#headerContent:before {
    content: " ";
    display: table
}

#eheader div#headerContent:after {
    clear: both
}

.lt-ie8 #eheader div#headerContent {
    clear: both;
    zoom: 1
}

#eheader div#headerContent #elogo {
    float: left;
    width: 290px
}

#eheader div#headerContent #elogo a {
    display: inline-block
}

@media (max-width: 960px) {
    .responsive #eheader div#headerContent #elogo {
        margin-left: 10px
    }
}

#eheader div#headerContent #customCatalogTitle {
    position: relative;
    left: -282px;
    top: 15px;
    color: #373737;
    font-size: 11px
}

#eheader div#headerContent #customCatalogSelectionArea {
    float: left;
    clear: none;
    margin-top: 35px
}

#eheader div#headerContent #customCatalogSelectionArea select {
    width: 270px;
    height: 34px;
    max-width: 270px
}

#eheader div#headerContent .serviceHeaderLinks {
    float: right;
    text-align: right;
    padding: 0;
    max-width: 75%;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    display: inline-block
}

#eheader div#headerContent .serviceHeaderLinks a {
    color: #fff;
    line-height: 16px;
    padding: 5px;
    font-size: 14px
}

#eheader div#headerContent .serviceHeaderLinks a.onfocus {
    outline: 1px solid #00739e !important
}

@media (max-width: 960px) {
    .responsive #eheader div#headerContent .serviceHeaderLinks {
        width: auto;
        padding-right: 5px
    }
}

@media (max-width: 730px) {
    .responsive #eheader div#headerContent .serviceHeaderLinks {
        width: 220px
    }
}

#eheader div#headerContent .serviceHeaderLinks .dropdown-menu {
    width: 203px
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 {
    display: block;
    margin: 0;
    font-weight: 700;
    min-height: 25px
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1:after, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2:after, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1:before, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2:before {
    content: " ";
    display: table
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1:after, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2:after {
    clear: both
}

.lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1, .lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 {
    clear: both;
    zoom: 1
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1:after, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2:after, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1:before, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2:before {
    content: " ";
    display: table
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1:after, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2:after {
    clear: both
}

.lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1, .lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 {
    clear: both;
    zoom: 1
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1:after, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2:after, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1:before, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2:before {
    content: " ";
    display: table
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1:after, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2:after {
    clear: both
}

.lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1, .lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 {
    clear: both;
    zoom: 1
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1:after, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2:after, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1:before, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2:before {
    content: " ";
    display: table
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1:after, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2:after {
    clear: both
}

.lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1, .lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 {
    clear: both;
    zoom: 1
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1:after, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2:after, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1:before, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2:before {
    content: " ";
    display: table
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1:after, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2:after {
    clear: both
}

.lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1, .lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 {
    clear: both;
    zoom: 1
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1:after, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2:after, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1:before, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2:before {
    content: " ";
    display: table
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1:after, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2:after {
    clear: both
}

.lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1, .lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 {
    clear: both;
    zoom: 1
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1:after, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2:after, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1:before, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2:before {
    content: " ";
    display: table
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1:after, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2:after {
    clear: both
}

.lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1, .lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 {
    clear: both;
    zoom: 1
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1:after, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2:after, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1:before, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2:before {
    content: " ";
    display: table
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1:after, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2:after {
    clear: both
}

.lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1, .lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 {
    clear: both;
    zoom: 1
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1:after, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2:after, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1:before, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2:before {
    content: " ";
    display: table
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1:after, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2:after {
    clear: both
}

.lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1, .lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 {
    clear: both;
    zoom: 1
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1:after, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2:after, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1:before, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2:before {
    content: " ";
    display: table
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1:after, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2:after {
    clear: both
}

.lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1, .lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 {
    clear: both;
    zoom: 1
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 > *, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 > * {
    display: inline-block
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .dropdown.open > a, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 .dropdown.open > a {
    background-color: #eee;
    color: #666
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .dropdown.open > a:after, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 .dropdown.open > a:after {
    color: #666
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .dropdown.open > a:hover, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 .dropdown.open > a:hover {
    text-decoration: none
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .dropdown-menu a, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 .dropdown-menu a {
    padding: 5px;
    line-height: 16px;
    color: #00739e
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .dropdown-menu a:hover, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 .dropdown-menu a:hover {
    background: #eee;
    text-decoration: none
}

@media (max-width: 780px) {
    .responsive #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1, .responsive #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 {
        margin-right: 5px
    }
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .content p, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 .content p {
    margin-bottom: 16px
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 {
    margin-top: 12px
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 a {
    color: #373737 !important
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 div {
    display: inline;
    color: #666
}

@media (max-width: 780px) {
    .responsive #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .piped {
        display: none !important
    }
}

.lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .piped {
    display: inline;
    zoom: 1;
    padding-top: 3px
}

.img #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .piped {
    margin-top: 2px
}

@media (max-width: 780px) {
    .responsive #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 {
        height: 20px
    }
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 a {
    color: #373737;
    font-size: 14px
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 li {
    display: inline-block;
    line-height: 24px
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 .catalog {
    vertical-align: top;
    display: inline
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 .catalog svg {
    display: none
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 .catalog a {
    display: inline-block;
    padding: 3px
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 #list_resources_links_comps ul li, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 #list_services_links_comps ul li {
    display: block
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 #list_resources_links_comps ul li a, #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 #list_services_links_comps ul li a {
    display: block
}

@media (max-width: 780px) {
    .responsive #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 {
        display: none !important
    }
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 #myLocationsLink {
    margin-top: 3px;
    width: 120px
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 > ul > li, #eheader div#headerContent .serviceHeaderLinks #gCustomerLinks > ul > li, #eheader div#headerContent .serviceHeaderLinks .serviceLinks {
    float: left;
    line-height: 23px
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .piped > li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .piped > li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .piped > li:first-child {
    border: none
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .piped > li:first-child:before {
    display: none
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .piped > li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .piped > li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .piped > li:first-child {
    border: none
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .piped > li:first-child:before {
    display: none
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .piped > li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .piped > li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .piped > li:first-child {
    border: none
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .piped > li:first-child:before {
    display: none
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .piped > li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .piped > li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .piped > li:first-child {
    border: none
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .piped > li:first-child:before {
    display: none
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .piped > li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .piped > li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .piped > li:first-child {
    border: none
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .piped > li:first-child:before {
    display: none
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .piped > li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .piped > li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .piped > li:first-child {
    border: none
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .piped > li:first-child:before {
    display: none
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .piped > li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .piped > li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .piped > li:first-child {
    border: none
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .piped > li:first-child:before {
    display: none
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .piped > li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .piped > li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .piped > li:first-child {
    border: none
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .piped > li:first-child:before {
    display: none
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .piped > li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .piped > li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .piped > li:first-child {
    border: none
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .piped > li:first-child:before {
    display: none
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .piped > li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .piped > li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .piped > li:first-child {
    border: none
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .piped > li:first-child:before {
    display: none
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .piped > li:before {
    color: #666;
    display: none
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 .piped > li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 .piped > li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 .piped > li:first-child {
    border: none
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 .piped > li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 .piped > li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 .piped > li:first-child {
    border: none
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 .piped > li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 .piped > li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 .piped > li:first-child {
    border: none
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 .piped > li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 .piped > li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 .piped > li:first-child {
    border: none
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 .piped > li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 .piped > li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 .piped > li:first-child {
    border: none
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 .piped > li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 .piped > li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 .piped > li:first-child {
    border: none
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 .piped > li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 .piped > li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 .piped > li:first-child {
    border: none
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 .piped > li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 .piped > li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 .piped > li:first-child {
    border: none
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 .piped > li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 .piped > li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 .piped > li:first-child {
    border: none
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 .piped > li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 .piped > li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow2 .piped > li:first-child {
    border: none
}

#eheader div#headerContent .serviceHeaderLinks .piped > li {
    line-height: 23px
}

#eheader div#headerContent .serviceHeaderLinks .piped > li:before {
    line-height: 21px;
    margin: 0 2px !important
}

#eheader div#headerContent .serviceHeaderLinks .piped > li:first-child:before {
    content: ""
}

#eheader div#headerContent .serviceHeaderLinks #responsiveServiceLinkContainer {
    display: none;
    width: 200px;
    float: right;
    margin: 0 10px 0 10px;
    position: relative;
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5)
}

@media (max-width: 780px) {
    .responsive #eheader div#headerContent .serviceHeaderLinks #responsiveServiceLinkContainer {
        display: block
    }
}

#eheader div#headerContent .serviceHeaderLinks #responsiveServiceLinkContainer .responsiveHeaderLinkTrigger {
    font-size: 14px;
    color: #eee;
    background-color: #666;
    text-align: left;
    padding: 8px 12px;
    cursor: pointer
}

#eheader div#headerContent .serviceHeaderLinks #responsiveServiceLinkContainer .responsiveHeaderLinkTrigger:after {
    font-family: graingerFont;
    content: "\e62c";
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    padding-left: 125px
}

#eheader div#headerContent .serviceHeaderLinks #responsiveServiceLinkContainer .responsiveHeaderLinkWrapper {
    background-color: #fff;
    position: absolute;
    top: 32px;
    z-index: 10;
    width: 200px;
    text-align: left;
    padding: 10px 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 0;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5)
}

#eheader div#headerContent .serviceHeaderLinks #responsiveServiceLinkContainer .responsiveHeaderLinkWrapper a {
    color: #00739e;
    font-size: 14px
}

#eheader div#headerContent .serviceHeaderLinks #responsiveServiceLinkContainer .responsiveHeaderLinkWrapper a:hover {
    text-decoration: none
}

#eheader div#headerContent .serviceHeaderLinks #responsiveServiceLinkContainer .responsiveHeaderLinkWrapper .catalog a, #eheader div#headerContent .serviceHeaderLinks #responsiveServiceLinkContainer .responsiveHeaderLinkWrapper .findABranchHeaderLink, #eheader div#headerContent .serviceHeaderLinks #responsiveServiceLinkContainer .responsiveHeaderLinkWrapper .serviceLinks, #eheader div#headerContent .serviceHeaderLinks #responsiveServiceLinkContainer .responsiveHeaderLinkWrapper .responsiveHeaderLinks2 a {
    display: block;
    padding: 3px 0 3px 15px;
    float: none
}

#eheader div#headerContent .serviceHeaderLinks #responsiveServiceLinkContainer .responsiveHeaderLinkWrapper .responsiveHeaderLinks2 {
    border-top: 1px solid #ccc;
    padding-top: 5px
}

#eheader div#headerContent .serviceHeaderLinks #responsiveServiceLinkContainer .responsiveHeaderLinkWrapper .serviceLinks {
    padding: 5px 0 5px 3px;
    line-height: 22px
}

#eheader div#headerContent .serviceHeaderLinks #responsiveServiceLinkContainer .responsiveHeaderLinkWrapper .serviceLinks > a {
    padding: 0
}

#eheader div#headerContent .serviceHeaderLinks #responsiveServiceLinkContainer .responsiveHeaderLinkWrapper .serviceLinks > a:before {
    font-family: graingerFont;
    content: "\e62d";
    font-size: 11px;
    margin-right: 2px;
    font-weight: 400;
    display: inline-block
}

#eheader div#headerContent .serviceHeaderLinks #responsiveServiceLinkContainer .responsiveHeaderLinkWrapper .serviceLinks > a:after {
    color: #00739e;
    content: none
}

#eheader div#headerContent .serviceHeaderLinks #responsiveServiceLinkContainer .responsiveHeaderLinkWrapper .catalog, #eheader div#headerContent .serviceHeaderLinks #responsiveServiceLinkContainer .responsiveHeaderLinkWrapper svg#Layer_1 {
    display: none !important
}

#eheader div#headerContent .serviceHeaderLinks #responsiveServiceLinkContainer .responsiveHeaderLinkWrapper .dropdown.open > a {
    background-color: #eee
}

#eheader div#headerContent .serviceHeaderLinks #responsiveServiceLinkContainer .responsiveHeaderLinkWrapper .dropdown.open .dropdown-menu {
    display: block
}

#eheader div#headerContent .serviceHeaderLinks #responsiveServiceLinkContainer .responsiveHeaderLinkWrapper .dropdown .dropdown-menu {
    display: none;
    min-width: 200px;
    right: 200px;
    left: auto;
    top: 0;
    text-align: right;
    box-shadow: none;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

#eheader div#headerContent .serviceHeaderLinks #responsiveServiceLinkContainer .responsiveHeaderLinkWrapper .dropdown .dropdown-menu > * {
    padding: 5px 10px
}

#eheader #navSearchContainer {
    border-bottom: 1px solid #333;
    background-color: #333;
    font-weight: 500;
    line-height: 38px;
    position: relative;
    z-index: 9;
    min-width: 640px
}

#eheader #navSearchContainer:after, #eheader #navSearchContainer:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer:after, #eheader #navSearchContainer:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer:after, #eheader #navSearchContainer:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer:after, #eheader #navSearchContainer:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer:after, #eheader #navSearchContainer:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer:after, #eheader #navSearchContainer:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer:after, #eheader #navSearchContainer:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer:after, #eheader #navSearchContainer:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer:after, #eheader #navSearchContainer:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer:after, #eheader #navSearchContainer:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer > a {
    font-size: 16px
}

@media (max-width: 780px) {
    .responsive #eheader #navSearchContainer > a {
        font-size: 14px
    }
}

#eheader #navSearchContainer .allProducts > a, #eheader #navSearchContainer #show-bulk-order-link, #eheader #navSearchContainer #cartLink, #eheader #navSearchContainer #quick-search-submit, #eheader #navSearchContainer #part-number-submit {
    color: #eee;
    position: relative;
    font-size: 14px
}

#eheader #navSearchContainer .allProducts > a:hover, #eheader #navSearchContainer #show-bulk-order-link:hover, #eheader #navSearchContainer #cartLink:hover, #eheader #navSearchContainer #quick-search-submit:hover, #eheader #navSearchContainer #part-number-submit:hover {
    text-decoration: none
}

#eheader #navSearchContainer .allProducts > a, #eheader #navSearchContainer #quick-search-submit, #eheader #navSearchContainer #part-number-submit {
    font-weight: 700
}

#eheader #navSearchContainer .newCartCount {
    background: #bb0d02;
    border-radius: 10px;
    color: #fff;
    padding: 1px 4px;
    text-decoration: none;
    display: inline-block;
    line-height: 15px;
    position: absolute;
    right: 6px;
    top: -7px;
    height: 16px;
    font-size: 12px;
    font-weight: 500
}

#eheader #navSearchContainer .allProducts {
    border-left: 1px solid #333;
    float: left;
    width: 25%
}

#eheader #navSearchContainer .allProducts > a {
    display: inline-block;
    width: 100%
}

@media (max-width: 960px) {
    .responsive #eheader #navSearchContainer .allProducts > a {
        padding: 0 10px
    }
}

#eheader #navSearchContainer .allProducts > a:before {
    margin-left: 12px
}

#eheader #navSearchContainer .allProducts > a.onfocus {
    background-color: #e0e0e0;
    color: #29333b;
    outline: 0 !important
}

#eheader #navSearchContainer .allProducts > a.onfocus:after {
    color: #29333b
}

#eheader #navSearchContainer .allProducts .dropdown-menu {
    width: 750px;
    height: auto;
    padding: 10px 0;
    line-height: 16px;
    top: 41px
}

#eheader #navSearchContainer .allProducts .dropdown-menu:after, #eheader #navSearchContainer .allProducts .dropdown-menu:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu:after, #eheader #navSearchContainer .allProducts .dropdown-menu:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu:after, #eheader #navSearchContainer .allProducts .dropdown-menu:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu:after, #eheader #navSearchContainer .allProducts .dropdown-menu:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu:after, #eheader #navSearchContainer .allProducts .dropdown-menu:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu:after, #eheader #navSearchContainer .allProducts .dropdown-menu:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu:after, #eheader #navSearchContainer .allProducts .dropdown-menu:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu:after, #eheader #navSearchContainer .allProducts .dropdown-menu:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu:after, #eheader #navSearchContainer .allProducts .dropdown-menu:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu:after, #eheader #navSearchContainer .allProducts .dropdown-menu:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu:before {
    font-family: graingerFont;
    content: "\e603";
    color: #eee;
    font-size: 22px;
    position: absolute;
    left: 100px;
    top: -12px;
    z-index: 15
}

.responsive #eheader #navSearchContainer .allProducts .dropdown-menu {
    width: 600px
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    float: none;
    border-bottom: 1px solid #ccc
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    width: 98%
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    width: 98%
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    width: 98%
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    width: 98%
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    width: 98%
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    width: 98%
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    width: 98%
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    width: 98%
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    width: 98%
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after, #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    clear: both;
    zoom: 1
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil {
    width: 98%
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil a {
    padding-left: 0;
    display: inline
}

#eheader #navSearchContainer .allProducts .dropdown-menu .navTopUtil a:hover {
    background: none
}

#eheader #navSearchContainer .allProducts .dropdown-menu a {
    color: #29333b;
    font-size: 12px;
    padding: 4px 15px;
    display: block
}

@media (max-width: 890px) {
    .responsive #eheader #navSearchContainer .allProducts .dropdown-menu a {
        font-size: 12px
    }
}

#eheader #navSearchContainer .allProducts .dropdown-menu a:hover {
    background: #f2f2f2
}

#eheader #navSearchContainer .allProducts .dropdown-menu > ul {
    width: 33.333333333333336%;
    padding: 0;
    margin-bottom: 10px;
    float: left;
    min-height: 0;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    margin-bottom: 0
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu > ul {
    width: 31.333333333333336%
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu > ul {
    width: 31.333333333333336%
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu > ul {
    width: 31.333333333333336%
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu > ul {
    width: 31.333333333333336%
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu > ul {
    width: 31.333333333333336%
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu > ul {
    width: 31.333333333333336%
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu > ul {
    width: 31.333333333333336%
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu > ul {
    width: 31.333333333333336%
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu > ul {
    width: 31.333333333333336%
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu > ul {
    width: 31.333333333333336%
}

#eheader #navSearchContainer .allProducts .dropdown-menu > ul:first-child {
    border: 0;
    width: 33%;
    float: left
}

#eheader #navSearchContainer .allProducts .dropdown-menu > ul:last-child {
    border: 0
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu > ul {
    width: 220px;
    float: left;
    clear: none
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent {
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
    padding-top: 0
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent:after, #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent:after, #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent:after, #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent:after, #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent:after, #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent:after, #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent:after, #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent:after, #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent:after, #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent:after, #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent.authenticated > ul {
    float: right
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent > ul li {
    float: left
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter {
    margin-top: 5px
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter:after, #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter:after, #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter:after, #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter:after, #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter:after, #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter:after, #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter:after, #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter:after, #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter:after, #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter:after, #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter > li {
    display: block
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter > li:after, #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter > li:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter > li:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter > li {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter > li:after, #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter > li:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter > li:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter > li {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter > li:after, #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter > li:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter > li:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter > li {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter > li:after, #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter > li:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter > li:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter > li {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter > li:after, #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter > li:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter > li:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter > li {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter > li:after, #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter > li:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter > li:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter > li {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter > li:after, #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter > li:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter > li:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter > li {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter > li:after, #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter > li:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter > li:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter > li {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter > li:after, #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter > li:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter > li:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter > li {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter > li:after, #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter > li:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter > li:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter > li {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter > li label, #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter > li input {
    float: left
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter > li input {
    margin-right: 11px
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter > li label {
    line-height: 13px;
    margin-right: 10px;
    width: 75%
}

.responsive #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter > li {
    width: 50%
}

.responsive #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent #catalogFilter {
    width: 400px
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent .catalog, #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent .serviceLinks {
    display: block
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent .catalog > a, #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent .serviceLinks > a {
    position: relative;
    display: block;
    font-size: 14px;
    padding-left: 34px;
    line-height: 17px;
    margin-top: 4px
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent .catalog svg {
    position: absolute;
    top: 0;
    left: 6px;
    z-index: 2
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent .catalog {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -5580px;
    background-position-x: 0
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent .catalog {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -5580px;
    background-position-x: 0
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent .catalog {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -5580px;
    background-position-x: 0
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent .catalog {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -5580px;
    background-position-x: 0
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent .catalog {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -5580px;
    background-position-x: 0
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent .catalog {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -5580px;
    background-position-x: 0
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent .catalog {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -5580px;
    background-position-x: 0
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent .catalog {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -5580px;
    background-position-x: 0
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent .catalog {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -5580px;
    background-position-x: 0
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent .catalog {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -5580px;
    background-position-x: 0
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent .catalog {
    margin-left: 5px
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent .catalog a {
    padding-left: 20px;
    line-height: 13px
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent .serviceLinks {
    margin: 0
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent .serviceLinks {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -5491px;
    background-position-x: 0
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent .serviceLinks {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -5491px;
    background-position-x: 0
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent .serviceLinks {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -5491px;
    background-position-x: 0
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent .serviceLinks {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -5491px;
    background-position-x: 0
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent .serviceLinks {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -5491px;
    background-position-x: 0
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent .serviceLinks {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -5491px;
    background-position-x: 0
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent .serviceLinks {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -5491px;
    background-position-x: 0
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent .serviceLinks {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -5491px;
    background-position-x: 0
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent .serviceLinks {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -5491px;
    background-position-x: 0
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent .serviceLinks {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -5491px;
    background-position-x: 0
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent .serviceLinks {
    margin-left: 5px
}

.lt-ie8 #eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent .serviceLinks a {
    padding-left: 20px;
    line-height: 13px
}

#eheader #navSearchContainer .allProducts .dropdown-menu .additionalContent .serviceLinks a:before {
    font-family: graingerFont;
    content: "\e63e";
    font-weight: 400;
    position: absolute;
    top: 3px;
    left: 7px;
    z-index: 2;
    font-size: 18px;
    color: #2b2b2b
}

#eheader #navSearchContainer .dropdown a:hover {
    text-decoration: none
}

#eheader #navSearchContainer .dropdown.open > a, #eheader #navSearchContainer .dropdown.open #show-bulk-order-link {
    background-color: #29333b;
    color: #fff !important
}

#eheader #navSearchContainer .dropdown.open > a:after, #eheader #navSearchContainer .dropdown.open #show-bulk-order-link:after {
    color: #666
}

#eheader #navSearchContainer .dropdown.open > a#show-bulk-order-link:after, #eheader #navSearchContainer .dropdown.open #show-bulk-order-link#show-bulk-order-link:after {
    font-family: graingerFont;
    content: "\e62c";
    font-weight: 400
}

#eheader #navSearchContainer .dropdown.open .hackInteriorNav {
    display: block
}

#eheader #navSearchContainer .dropdown .hackInteriorNav {
    display: none;
    border: none;
    background-color: #eee;
    height: 2px;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    z-index: 11
}

#eheader #navSearchContainer .serviceHeaderLinks .dropdown-menu li:hover {
    background: #eee
}

#eheader #navSearchContainer .serviceHeaderLinks .dropdown-menu li > a {
    display: block;
    padding: 5px;
    line-height: 16px;
    color: #00739e
}

#eheader #navSearchContainer .serviceHeaderLinks .dropdown-menu li > a:after, #eheader #navSearchContainer .serviceHeaderLinks .dropdown-menu li > a:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .serviceHeaderLinks .dropdown-menu li > a:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .serviceHeaderLinks .dropdown-menu li > a {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .serviceHeaderLinks .dropdown-menu li > a:after, #eheader #navSearchContainer .serviceHeaderLinks .dropdown-menu li > a:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .serviceHeaderLinks .dropdown-menu li > a:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .serviceHeaderLinks .dropdown-menu li > a {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .serviceHeaderLinks .dropdown-menu li > a:after, #eheader #navSearchContainer .serviceHeaderLinks .dropdown-menu li > a:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .serviceHeaderLinks .dropdown-menu li > a:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .serviceHeaderLinks .dropdown-menu li > a {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .serviceHeaderLinks .dropdown-menu li > a:after, #eheader #navSearchContainer .serviceHeaderLinks .dropdown-menu li > a:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .serviceHeaderLinks .dropdown-menu li > a:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .serviceHeaderLinks .dropdown-menu li > a {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .serviceHeaderLinks .dropdown-menu li > a:after, #eheader #navSearchContainer .serviceHeaderLinks .dropdown-menu li > a:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .serviceHeaderLinks .dropdown-menu li > a:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .serviceHeaderLinks .dropdown-menu li > a {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .serviceHeaderLinks .dropdown-menu li > a:after, #eheader #navSearchContainer .serviceHeaderLinks .dropdown-menu li > a:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .serviceHeaderLinks .dropdown-menu li > a:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .serviceHeaderLinks .dropdown-menu li > a {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .serviceHeaderLinks .dropdown-menu li > a:after, #eheader #navSearchContainer .serviceHeaderLinks .dropdown-menu li > a:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .serviceHeaderLinks .dropdown-menu li > a:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .serviceHeaderLinks .dropdown-menu li > a {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .serviceHeaderLinks .dropdown-menu li > a:after, #eheader #navSearchContainer .serviceHeaderLinks .dropdown-menu li > a:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .serviceHeaderLinks .dropdown-menu li > a:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .serviceHeaderLinks .dropdown-menu li > a {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .serviceHeaderLinks .dropdown-menu li > a:after, #eheader #navSearchContainer .serviceHeaderLinks .dropdown-menu li > a:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .serviceHeaderLinks .dropdown-menu li > a:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .serviceHeaderLinks .dropdown-menu li > a {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer .serviceHeaderLinks .dropdown-menu li > a:after, #eheader #navSearchContainer .serviceHeaderLinks .dropdown-menu li > a:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer .serviceHeaderLinks .dropdown-menu li > a:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer .serviceHeaderLinks .dropdown-menu li > a {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer #quick-search-group {
    border: 0;
    padding: 0
}

#eheader #navSearchContainer #searchbarHeader:after, #eheader #navSearchContainer #searchbarHeader:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer #searchbarHeader:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer #searchbarHeader {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer #searchbarHeader:after, #eheader #navSearchContainer #searchbarHeader:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer #searchbarHeader:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer #searchbarHeader {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer #searchbarHeader:after, #eheader #navSearchContainer #searchbarHeader:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer #searchbarHeader:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer #searchbarHeader {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer #searchbarHeader:after, #eheader #navSearchContainer #searchbarHeader:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer #searchbarHeader:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer #searchbarHeader {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer #searchbarHeader:after, #eheader #navSearchContainer #searchbarHeader:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer #searchbarHeader:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer #searchbarHeader {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer #searchbarHeader:after, #eheader #navSearchContainer #searchbarHeader:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer #searchbarHeader:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer #searchbarHeader {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer #searchbarHeader:after, #eheader #navSearchContainer #searchbarHeader:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer #searchbarHeader:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer #searchbarHeader {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer #searchbarHeader:after, #eheader #navSearchContainer #searchbarHeader:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer #searchbarHeader:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer #searchbarHeader {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer #searchbarHeader:after, #eheader #navSearchContainer #searchbarHeader:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer #searchbarHeader:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer #searchbarHeader {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer #searchbarHeader:after, #eheader #navSearchContainer #searchbarHeader:before {
    content: " ";
    display: table
}

#eheader #navSearchContainer #searchbarHeader:after {
    clear: both
}

.lt-ie8 #eheader #navSearchContainer #searchbarHeader {
    clear: both;
    zoom: 1
}

#eheader #navSearchContainer #search {
    border: 0;
    border-left: 1px solid #333;
    height: 40px;
    padding: 0 10px;
    width: 390px;
    margin-bottom: 0;
    float: left;
    color: #666;
    -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.4);
    box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.4)
}

@media (max-width: 960px) {
    .responsive #eheader #navSearchContainer #search {
        width: 75%
    }
}

@media (max-width: 730px) {
    .responsive #eheader #navSearchContainer #search {
        width: 65%
    }
}

#eheader #navSearchContainer #search::-webkit-input-placeholder, #eheader #navSearchContainer #search:-moz-placeholder, #eheader #navSearchContainer #search::-moz-placeholder, #eheader #navSearchContainer #search:-ms-input-placeholder, #eheader #navSearchContainer #search.ui-placeholder {
    color: #666;
    font-weight: 400
}

.lt-ie9 #eheader #navSearchContainer #search {
    line-height: 38px
}

.lt-ie8 #eheader #navSearchContainer #search {
    width: 383px
}

#eheader #navSearchContainer #quick-search-submit, #eheader #navSearchContainer #part-number-submit {
    height: 40px;
    float: left;
    padding: 0 23px;
    font-weight: 700;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

@media (max-width: 780px) {
    .responsive #eheader #navSearchContainer #quick-search-submit, .responsive #eheader #navSearchContainer #part-number-submit {
        padding: 0 20px
    }
}

@media (max-width: 730px) {
    .responsive #eheader #navSearchContainer #quick-search-submit, .responsive #eheader #navSearchContainer #part-number-submit {
        padding: 0 10px
    }
}

.lt-ie8 #eheader #navSearchContainer #quick-search-submit, .lt-ie8 #eheader #navSearchContainer #part-number-submit {
    padding: 0 7px;
    float: none
}

#eheader #navSearchContainer #part-number-submit {
    margin-left: 2px;
    padding: 0 15px
}

#eheader #navSearchContainer #bulkOrderCartContainer {
    float: right
}

@media (max-width: 960px) {
    .responsive #eheader #navSearchContainer #bulkOrderCartContainer {
        width: auto;
        position: absolute;
        right: 0
    }
}

#eheader #navSearchContainer #bulkOrderCartContainer #show-bulk-order-link.onfocus, #eheader #navSearchContainer #bulkOrderCartContainer #cartLink.onfocus {
    outline: 1px solid #fff !important
}

#eheader #navSearchContainer #cartLink {
    padding: 0;
    border-left: 1px solid #333;
    border-right: 1px solid #333;
    display: inline-block;
    padding: 0 20px;
    text-align: center;
    height: 40px
}

@media (max-width: 960px) {
    .responsive #eheader #navSearchContainer #cartLink {
        width: auto;
        padding: 0 15px
    }
}

@media (max-width: 960px) {
    .responsive #eheader #navSearchContainer #quickCartText {
        display: none !important
    }
}

#eheader #customWelcomeContent {
    border-left: 1px solid #666;
    color: #ccc;
    display: inline-block;
    font-weight: 400;
    padding-left: 10px;
    margin: 0 0 15px 5px
}

@media (max-width: 890px) {
    .responsive #eheader #customWelcomeContent {
        padding-left: 5px;
        margin-left: 0;
        vertical-align: top
    }
}

#eheader #customWelcomeContent #customWelcomeMsg p {
    margin-bottom: 0;
    padding-left: 5px;
    width: 135px
}

#eheader #customWelcomeContent #customWelcomeMsg p:last-child {
    color: #fff
}

#eheader #customWelcomeContent #customWelcomeMsg p:last-child a {
    color: #fff
}

.lt-ie9 #eheader #customWelcomeContent #customWelcomeMsg p a {
    color: #fff
}

#eheader #customWelcomeContent #customMediaLogo, #eheader #customWelcomeContent #customWelcomeMsg {
    display: inline-block
}

#eheader #customWelcomeContent #customMediaLogo img {
    max-height: 50px;
    max-width: 100px
}

#eheader .serviceLinks > a:after, #eheader .allProducts > a:after, #eheader #show-bulk-order-link:after {
    font-family: graingerFont;
    content: "\e62c";
    color: #eee;
    font-size: 7px;
    font-weight: 400;
    margin: 0 0 0 8px
}

#searchContainer {
    float: left
}

#recommendClone, #productClone, #shopCategoryBtnClone, #productWaitClone {
    height: 0;
    visibility: hidden
}

#autoComplete, #searchHistory {
    position: absolute;
    background: #fff;
    top: 40px;
    width: 373px;
    -webkit-box-shadow: 0 4px 4px 0 rgba(25, 25, 25, 0.25);
    -moz-box-shadow: 0 4px 4px 0 rgba(25, 25, 25, 0.25);
    box-shadow: 0 4px 4px 0 rgba(25, 25, 25, 0.25);
    left: 1px
}

#autoComplete.alt-width, #searchHistory.alt-width {
    width: 860px !important
}

#autoComplete .dropdown-menu.autocomplete, #searchHistory .dropdown-menu.autocomplete {
    font-size: 12px;
    display: block !important;
    width: 373px;
    padding: 0;
    border: 0;
    box-shadow: none;
    overflow: hidden;
    left: 0 !important
}

#autoComplete .dropdown-menu.autocomplete li, #searchHistory .dropdown-menu.autocomplete li {
    padding: 0
}

#autoComplete .dropdown-menu.autocomplete li.first, #searchHistory .dropdown-menu.autocomplete li.first {
    padding-left: 0
}

#autoComplete .dropdown-menu.autocomplete li.autoSuggestion, #searchHistory .dropdown-menu.autocomplete li.autoSuggestion, #autoComplete .dropdown-menu.autocomplete li.prdCategories, #searchHistory .dropdown-menu.autocomplete li.prdCategories, #autoComplete .dropdown-menu.autocomplete li.previousSearchTerm, #searchHistory .dropdown-menu.autocomplete li.previousSearchTerm {
    width: 373px
}

#autoComplete .dropdown-menu.autocomplete li.productResult, #searchHistory .dropdown-menu.autocomplete li.productResult {
    font-weight: normal
}

#autoComplete .dropdown-menu.autocomplete li.ui-state-focus a, #searchHistory .dropdown-menu.autocomplete li.ui-state-focus a {
    background-color: #f2f2f2
}

#autoComplete .dropdown-menu.autocomplete li.clearHistory a span, #searchHistory .dropdown-menu.autocomplete li.clearHistory a span {
    display: block;
    border-top: solid 1px #777
}

#autoComplete .dropdown-menu.autocomplete li > a, #searchHistory .dropdown-menu.autocomplete li > a {
    display: block;
    padding: 1px 12px;
    line-height: 22px;
    cursor: pointer !important;
    color: #29333b
}

#autoComplete .dropdown-menu.autocomplete li > a:hover, #searchHistory .dropdown-menu.autocomplete li > a:hover, #autoComplete .dropdown-menu.autocomplete li > a:active, #searchHistory .dropdown-menu.autocomplete li > a:active {
    background-color: #f9f9f9
}

#autoComplete .dropdown-menu.autocomplete li > a .sub-txt, #searchHistory .dropdown-menu.autocomplete li > a .sub-txt {
    color: #777
}

#autoComplete .dropdown-menu.autocomplete .category, #searchHistory .dropdown-menu.autocomplete .category {
    width: 360px;
    margin-right: 15px;
    margin-left: 5px;
    text-transform: uppercase;
    background: linear-gradient(to bottom, #fff 51%, #ddd 52%, #fff 52%) repeat scroll 0 0 transparent
}

#autoComplete .dropdown-menu.autocomplete .category em, #searchHistory .dropdown-menu.autocomplete .category em {
    padding: 4px 6px
}

#autoComplete .flyout, #searchHistory .flyout {
    width: 487px;
    border-left: 1px solid #eee;
    position: absolute;
    top: 0;
    left: 373px;
    line-height: 16px
}

#autoComplete .flyout .recommend, #searchHistory .flyout .recommend {
    font-size: 11px;
    padding: 15px 10px
}

#autoComplete .flyout .recommend-text, #searchHistory .flyout .recommend-text {
    float: left;
    width: 75%
}

#autoComplete .flyout .recommend-text .item-number, #searchHistory .flyout .recommend-text .item-number {
    display: block;
    margin-bottom: 5px;
    font-size: 11px;
    color: #777
}

#autoComplete .flyout .item-desc, #searchHistory .flyout .item-desc {
    padding: 10px;
    font-size: 12px
}

#autoComplete .flyout .category-shop, #searchHistory .flyout .category-shop {
    padding: 0 15px;
    position: absolute;
    width: 100%
}

#autoComplete .flyout .recommend-cta, #searchHistory .flyout .recommend-cta {
    float: right;
    text-align: right;
    width: 25%
}

#autoComplete .flyout .recommend-cta .btn, #searchHistory .flyout .recommend-cta .btn {
    font-size: 12px
}

#autoComplete .flyout .flyout-row, #searchHistory .flyout .flyout-row {
    border-bottom: 1px solid #eee;
    padding: 10px
}

#autoComplete .flyout .flyout-row:last-child, #searchHistory .flyout .flyout-row:last-child {
    border-bottom: 0
}

#autoComplete .flyout .info, #searchHistory .flyout .info {
    height: 65px;
    width: 100%;
    display: inline-block
}

#autoComplete .flyout .info > div, #searchHistory .flyout .info > div {
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

#autoComplete .flyout .info .item-name, #searchHistory .flyout .info .item-name {
    width: 218px;
    float: left;
    font-size: 11px;
    margin: 0 10px
}

#autoComplete .flyout .info .item-name a, #searchHistory .flyout .info .item-name a {
    word-break: break-word;
    font-weight: normal
}

#autoComplete .flyout .info .item-image, #searchHistory .flyout .info .item-image {
    float: left;
    border-radius: 2px
}

#autoComplete .flyout .info .item-number, #searchHistory .flyout .info .item-number {
    display: block;
    margin-top: 5px;
    font-size: 11px;
    color: #777;
    cursor: default
}

#autoComplete .flyout .info .addToCart, #searchHistory .flyout .info .addToCart {
    padding: 9px;
    font-size: 12px;
    vertical-align: top
}

#autoComplete .flyout .cta, #searchHistory .flyout .cta {
    float: right
}

#autoComplete .flyout .cta .qty, #searchHistory .flyout .cta .qty {
    width: 40px;
    border-radius: 3px;
    padding: 6px 5px;
    text-align: center
}

#autoComplete .flyout .cta .viewProduct, #searchHistory .flyout .cta .viewProduct {
    display: none;
    font-size: 12px
}

#autoComplete .flyout .prdCategories .info .cta, #searchHistory .flyout .prdCategories .info .cta, #autoComplete .flyout .brandResult .info .cta, #searchHistory .flyout .brandResult .info .cta, #autoComplete .flyout .prdCategories .info .item-number, #searchHistory .flyout .prdCategories .info .item-number, #autoComplete .flyout .brandResult .info .item-number, #searchHistory .flyout .brandResult .info .item-number {
    display: none
}

#autoComplete .flyout .prdCategories .L3 .info .cta, #searchHistory .flyout .prdCategories .L3 .info .cta, #autoComplete .flyout .brandResult .L3 .info .cta, #searchHistory .flyout .brandResult .L3 .info .cta, #autoComplete .flyout .prdCategories .L3 .info .item-number, #searchHistory .flyout .prdCategories .L3 .info .item-number, #autoComplete .flyout .brandResult .L3 .info .item-number, #searchHistory .flyout .brandResult .L3 .info .item-number, #autoComplete .flyout .prdCategories .L3 .info .viewProduct, #searchHistory .flyout .prdCategories .L3 .info .viewProduct, #autoComplete .flyout .brandResult .L3 .info .viewProduct, #searchHistory .flyout .brandResult .L3 .info .viewProduct {
    display: block
}

#autoComplete .flyout .prdCategories .L3 .info .cta .qty, #searchHistory .flyout .prdCategories .L3 .info .cta .qty, #autoComplete .flyout .brandResult .L3 .info .cta .qty, #searchHistory .flyout .brandResult .L3 .info .cta .qty, #autoComplete .flyout .prdCategories .L3 .info .cta .addToCart, #searchHistory .flyout .prdCategories .L3 .info .cta .addToCart, #autoComplete .flyout .brandResult .L3 .info .cta .addToCart, #searchHistory .flyout .brandResult .L3 .info .cta .addToCart {
    display: none
}

#autoComplete .flyout .prdCategories .flyout-row.prod, #searchHistory .flyout .prdCategories .flyout-row.prod, #autoComplete .flyout .brandResult .flyout-row.prod, #searchHistory .flyout .brandResult .flyout-row.prod {
    border-bottom: 0;
    width: 50%;
    float: left;
    padding-right: 0;
    padding-bottom: 0
}

#autoComplete .flyout .prdCategories .info .item-name, #searchHistory .flyout .prdCategories .info .item-name, #autoComplete .flyout .brandResult .info .item-name, #searchHistory .flyout .brandResult .info .item-name {
    width: 155px;
    margin: 0 5px
}

#autoComplete .flyout .shopCategoryBtn, #searchHistory .flyout .shopCategoryBtn {
    position: absolute;
    bottom: 10px;
    width: 100%
}

#autoComplete .flyout .suggestions .info .shopCategoryBtn, #searchHistory .flyout .suggestions .info .shopCategoryBtn {
    display: none
}

.cta-false #autoComplete .flyout .info .addToCart, .cta-false #autoComplete .flyout .cta .qty, .cta-false #autoComplete .flyout .info .addToCart, .cta-false #autoComplete .flyout .cta .qty, #autoComplete .flyout .DG .info .addToCart, #autoComplete .flyout .DG .cta .qty, #autoComplete .flyout .DV .info .addToCart, #autoComplete .flyout .DV .cta .qty {
    display: none
}

.cta-false #autoComplete .flyout .cta .viewProduct, .cta-false #autoComplete .flyout .cta .viewProduct, #autoComplete .flyout .DG .cta .viewProduct, #autoComplete .flyout .DV .cta .viewProduct {
    display: block;
    font-size: 12px
}

#searchHistory .dropdown-menu.autocomplete {
    top: 0
}

@media (max-width: 960px) {
    .responsive {
        width: 51%
    }
}

@media (max-width: 730px) {
    .responsive {
        width: 45%
    }
}

@media (max-width: 730px) {
    .responsive #show-bulk-order-link:after {
        margin-left: 0
    }
}

.headerContainer {
    position: relative
}

.headerContainer, .footerContainer {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto
}

.headerContainer:after, .footerContainer:after, .headerContainer:before, .footerContainer:before {
    content: " ";
    display: table
}

.headerContainer:after, .footerContainer:after {
    clear: both
}

.lt-ie8 .headerContainer, .lt-ie8 .footerContainer {
    clear: both;
    zoom: 1
}

.headerContainer:after, .footerContainer:after, .headerContainer:before, .footerContainer:before {
    content: " ";
    display: table
}

.headerContainer:after, .footerContainer:after {
    clear: both
}

.lt-ie8 .headerContainer, .lt-ie8 .footerContainer {
    clear: both;
    zoom: 1
}

.headerContainer:after, .footerContainer:after, .headerContainer:before, .footerContainer:before {
    content: " ";
    display: table
}

.headerContainer:after, .footerContainer:after {
    clear: both
}

.lt-ie8 .headerContainer, .lt-ie8 .footerContainer {
    clear: both;
    zoom: 1
}

.headerContainer:after, .footerContainer:after, .headerContainer:before, .footerContainer:before {
    content: " ";
    display: table
}

.headerContainer:after, .footerContainer:after {
    clear: both
}

.lt-ie8 .headerContainer, .lt-ie8 .footerContainer {
    clear: both;
    zoom: 1
}

.headerContainer:after, .footerContainer:after, .headerContainer:before, .footerContainer:before {
    content: " ";
    display: table
}

.headerContainer:after, .footerContainer:after {
    clear: both
}

.lt-ie8 .headerContainer, .lt-ie8 .footerContainer {
    clear: both;
    zoom: 1
}

.headerContainer:after, .footerContainer:after, .headerContainer:before, .footerContainer:before {
    content: " ";
    display: table
}

.headerContainer:after, .footerContainer:after {
    clear: both
}

.lt-ie8 .headerContainer, .lt-ie8 .footerContainer {
    clear: both;
    zoom: 1
}

.headerContainer:after, .footerContainer:after, .headerContainer:before, .footerContainer:before {
    content: " ";
    display: table
}

.headerContainer:after, .footerContainer:after {
    clear: both
}

.lt-ie8 .headerContainer, .lt-ie8 .footerContainer {
    clear: both;
    zoom: 1
}

.headerContainer:after, .footerContainer:after, .headerContainer:before, .footerContainer:before {
    content: " ";
    display: table
}

.headerContainer:after, .footerContainer:after {
    clear: both
}

.lt-ie8 .headerContainer, .lt-ie8 .footerContainer {
    clear: both;
    zoom: 1
}

.headerContainer:after, .footerContainer:after, .headerContainer:before, .footerContainer:before {
    content: " ";
    display: table
}

.headerContainer:after, .footerContainer:after {
    clear: both
}

.lt-ie8 .headerContainer, .lt-ie8 .footerContainer {
    clear: both;
    zoom: 1
}

.headerContainer:after, .footerContainer:after, .headerContainer:before, .footerContainer:before {
    content: " ";
    display: table
}

.headerContainer:after, .footerContainer:after {
    clear: both
}

.lt-ie8 .headerContainer, .lt-ie8 .footerContainer {
    clear: both;
    zoom: 1
}

@media (max-width: 960px) {
    .responsive .headerContainer, .responsive .footerContainer {
        width: 100%
    }
}

.ribbonDropDownMenu {
    display: none !important
}

.lt-ie8 #authLinks div, .lt-ie8 #authLinks ul, .lt-ie8 #authLinks li, .lt-ie8 #customMessage, .lt-ie8 #elogo #customWelcomeContent, .lt-ie8 #catalogCartLinks li, .lt-ie8 .catalog, .lt-ie8 .catalog a, .lt-ie8 #branchCart, .lt-ie8 #searchContainer div, .lt-ie8 #searchContainer section, .lt-ie8 #customSearch, .lt-ie8 #staticSearch, .lt-ie8 #searchFilterText, .lt-ie8 #search #searchBox, .lt-ie8 #search #searchSubmit, .lt-ie8 #authNav > div, .lt-ie8 #authNav li, .lt-ie8 #elogo a, .lt-ie8 #elogo ul, .lt-ie8 #bulkOrderPad .isAuthenticatedLink, .lt-ie8 .serviceLinksRow2 .catalog {
    display: inline;
    zoom: 1
}

.lt-ie8 #gCustomerLinks ul li, .lt-ie8 .serviceLinksRow1 ul li {
    float: left
}

.lt-ie8 #eheader {
    z-index: 2
}

.lt-ie8 #container {
    z-index: 1
}

.lt-ie8 #customWelcomeMsg p a {
    color: #fff
}

.lt-ie8 #authNav li.dropdown a.dropdown-toggle {
    padding-right: 20px
}

.lt-ie8 #authNav li.dropdown.ribbonItemNav {
    clear: none;
    padding-right: 10px
}

.lt-ie8 #authNav li.dropdown.ribbonItemNav .count {
    position: relative;
    top: 10px
}

#polistdetInner {
    width: 323px !important
}

#addToCartModal .alert.warn {
    margin-bottom: 10px;
    margin-left: 26px
}

#addToCartModal .alert.error:before {
    font-family: graingerFont;
    content: "\e616"
}

.language-en #eheader #navSearchContainer #search, .language-fr #eheader #navSearchContainer #search {
    width: 373px
}

.language-es #eheader #navSearchContainer #cartLink {
    padding: 0 5px 0 5px
}

.language-es #eheader #navSearchContainer #search {
    width: 329px
}

#customHeaderMessage {
    width: 100%;
    padding: 10px 0 10px 0;
    height: 52px
}

#customHeaderMessage .multi-account-switch-area {
    background-color: #f2f2f2;
    float: left !important;
    width: 950px !important;
    margin-top: 5px
}

#customHeaderMessage .multi-account-switch-area form {
    position: relative;
    display: block;
    height: 37px;
    text-align: left
}

#customHeaderMessage .multi-account-switch-area .account-switch-label-text {
    display: inline-block;
    color: #29333b;
    margin-left: 6px;
    height: inherit;
    vertical-align: top
}

#customHeaderMessage .multi-account-switch-area .account-switch-label-text span {
    display: block;
    margin-top: 11px
}

#customHeaderMessage .multi-account-switch-area .account-switch-selection-area {
    display: inline-block;
    margin-left: 10px;
    cursor: pointer
}

#customHeaderMessage .multi-account-switch-area .account-switch-selection-area .account-switch-icon {
    display: inline-block
}

#customHeaderMessage .multi-account-switch-area .account-switch-selection-area .account-switch-icon .downward-chevron-icon {
    display: table-cell;
    height: 37px;
    padding-top: 11px
}

#customHeaderMessage .multi-account-switch-area .account-switch-selection-area .account-switch-icon .downward-chevron-icon:before {
    font-family: graingerFont;
    content: "\e62c";
    font-weight: 400;
    font-size: 15px;
    color: #29333b;
    font-weight: bold
}

#customHeaderMessage .multi-account-switch-area .account-switch-selection-area .selection-area-click-text {
    color: #29333b;
    font-weight: 100;
    padding-left: 8px;
    display: inline-block;
    vertical-align: top;
    min-height: 37px
}

#customHeaderMessage .multi-account-switch-area .account-switch-selection-area .selection-area-click-text span {
    display: table-cell;
    height: 37px;
    padding-top: 11px
}

#customHeaderMessage .multi-account-switch-area .current-shipping-address-area {
    display: inline-block;
    margin-left: 10px;
    cursor: pointer;
    height: inherit;
    font-size: 0;
    width: 97.7%
}

#customHeaderMessage .multi-account-switch-area .current-shipping-address-area .account-switch-icon {
    display: inline-block
}

#customHeaderMessage .multi-account-switch-area .current-shipping-address-area .account-switch-icon .downward-chevron-icon {
    display: table-cell;
    height: 37px;
    padding-top: 11px
}

#customHeaderMessage .multi-account-switch-area .current-shipping-address-area .account-switch-icon .downward-chevron-icon:before {
    font-family: graingerFont;
    content: "\e62c";
    font-weight: 400;
    font-size: 15px;
    color: #29333b;
    font-weight: bold
}

#customHeaderMessage .multi-account-switch-area .current-shipping-address-area .selected-account-name-text {
    display: inline-block;
    font-size: 12px;
    vertical-align: top;
    margin-left: 10px;
    color: #29333b;
    word-wrap: break-word;
    width: 32%;
    min-height: 37px
}

#customHeaderMessage .multi-account-switch-area .current-shipping-address-area .selected-account-name-text span {
    display: table-cell;
    height: 37px;
    vertical-align: middle;
    padding-left: 4px;
    padding-right: 4px
}

#customHeaderMessage .multi-account-switch-area .current-shipping-address-area .selected-shipping-address {
    display: inline-block;
    font-size: 12px;
    font-weight: 100;
    color: #29333b;
    word-wrap: break-word;
    width: 33%;
    min-height: 37px;
    border-left: 1px solid #ccc
}

#customHeaderMessage .multi-account-switch-area .current-shipping-address-area .selected-shipping-address span {
    display: table-cell;
    height: 37px;
    vertical-align: middle;
    padding-left: 4px;
    padding-right: 4px
}

#customHeaderMessage .multi-account-switch-area .current-shipping-address-area .selected-shipping-address-nickname {
    display: inline-block;
    font-size: 12px;
    font-weight: 100;
    color: #29333b;
    word-wrap: break-word;
    width: 23%;
    min-height: 37px;
    border-left: 1px solid #ccc
}

#customHeaderMessage .multi-account-switch-area .current-shipping-address-area .selected-shipping-address-nickname span {
    display: table-cell;
    height: 37px;
    vertical-align: middle;
    padding-left: 4px;
    padding-right: 4px
}

#customHeaderMessage .multi-account-switch-area .current-shipping-address-area .selected-shipping-address-province {
    display: inline-block;
    font-size: 12px;
    font-weight: 100;
    color: #29333b;
    word-wrap: break-word;
    width: 8%;
    min-height: 37px;
    border-left: 1px solid #f2f2f2;
    vertical-align: top;
    text-align: center;
    text-align: -webkit-center;
    text-align: -moz-center
}

#customHeaderMessage .multi-account-switch-area .current-shipping-address-area .selected-shipping-address-province span {
    display: inline-block;
    padding-top: 12px;
    vertical-align: middle;
    padding-left: 4px;
    padding-right: 4px
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window {
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    border: 1px solid #e4e4e4;
    border-top: 3px solid #29333b;
    background-color: #fff;
    z-index: 100;
    max-height: 494px;
    transform: translate(0px, -40px)
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-header-area {
    display: block;
    height: 35px;
    cursor: pointer
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-header-area .account-switch-header-content {
    width: 20%;
    display: table-cell;
    padding-top: 9px;
    height: 35px;
    text-align: left
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-header-area .account-switch-header-content .downward-chevron-icon {
    margin-left: 9px
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-header-area .account-switch-header-content .downward-chevron-icon:before {
    font-family: graingerFont;
    content: "\e62c";
    font-weight: 400;
    font-size: 15px;
    color: #29333b;
    font-weight: bold;
    vertical-align: middle
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-header-area .account-switch-header-content .account-switch-header-text {
    color: #29333b;
    font-weight: 100;
    padding-left: 8px;
    cursor: pointer
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-search-area {
    margin-bottom: 5px
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-search-area input {
    height: 36px;
    width: 98.1%;
    display: inline-block;
    margin: 0 1%;
    padding-right: 32px;
    box-shadow: inset 0 1px #29333b, -1px 1px 2px #ccc, 1px 0 2px #ccc
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-search-area .search-bar-icon {
    display: inline-block;
    width: 0;
    position: absolute;
    cursor: pointer;
    cursor: hand;
    transform: translate(910px, -25px);
    -ms-transform: translate(-38px, 6px)
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-search-area .search-bar-icon:before {
    font-family: graingerFont;
    content: "\e61a";
    font-weight: 400;
    font-size: 18px;
    color: #a1a1a1
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area {
    width: 98%;
    max-height: 385px;
    display: block;
    margin: 0 1%;
    margin-bottom: 15px;
    overflow: auto
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .account-Nickname-container {
    display: table-cell;
    width: 23%;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    height: 47px;
    vertical-align: middle;
    padding-left: 4px;
    padding-right: 4px
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .account-Nickname-container-empty-address {
    width: 12% !important
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .currentDefault {
    background: #666
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .currentDefault div {
    color: #fff !important
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .currentDefaultTriangle {
    float: right;
    position: relative;
    left: 3px;
    border-right-color: #fff;
    border-width: 12px 17px 12px 0;
    border-style: solid;
    border-bottom-color: #666;
    border-top-color: #666
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .account-address-container {
    display: table-cell;
    width: 40%;
    height: 47px;
    vertical-align: middle;
    padding-left: 4px;
    padding-right: 4px
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area #employeePurchaseProgram {
    cursor: pointer
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .account-result-container:nth-child(even) {
    background-color: white
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .account-result-container {
    width: 100%;
    border-right: 2px solid #ccc;
    border-left: 2px solid #ccc;
    background-color: #f2f2f2;
    font-size: 0
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .account-result-container .account-name-area {
    display: inline-block;
    font-size: 12px;
    width: 35%;
    min-height: 49px;
    padding: 15px 0;
    vertical-align: top;
    border-top: 2px solid #29333b
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .account-result-container .account-name-area span {
    color: #29333b;
    margin-left: 10px
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .account-result-container .epp {
    border-top: 2px solid #ccc;
    border-left: 1px solid #ccc;
    width: 65%
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .account-result-container .epp .address-alias-text {
    font-weight: initial
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .account-result-container .account-addresses-area {
    display: inline-block;
    font-size: 0;
    width: 65%;
    min-height: 47px;
    vertical-align: top;
    border-top: 2px solid #ccc
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .account-result-container .account-addresses-area .account-address-click-container:last-child {
    border-bottom: none
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .account-result-container .account-addresses-area .account-address-click-container {
    cursor: pointer;
    font-size: 0;
    border-bottom: 1px solid #ccc
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .account-result-container .account-addresses-area .account-address-click-container .account-address-entry {
    font-size: 12px;
    color: #29333b;
    font-weight: 100;
    display: inline-block;
    width: 95%;
    min-height: 20px;
    padding: 4px 0;
    padding-left: 1%;
    padding-right: 1%;
    vertical-align: middle;
    word-wrap: break-word
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .account-result-container .account-addresses-area .account-address-click-container .account-address-entry-alias {
    font-size: 12px;
    color: #29333b;
    display: inline-block;
    font-weight: 100;
    width: 100%;
    min-height: 20px;
    padding: 4px 0;
    padding-left: 1%;
    padding-right: 1%;
    border-bottom: 0 solid #ccc;
    vertical-align: middle;
    word-wrap: break-word
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .account-result-container .account-addresses-area .account-address-click-container:first-child .account-address-entry {
    border-top: 0
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .account-result-container .account-addresses-area .account-address-click-container:first-child .account-address-entry-alias {
    border-top: 0
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .account-result-container .account-name-area.epp {
    margin-bottom: 0;
    min-height: 47px;
    line-height: 1.9;
    background-color: #fff;
    border-top: 1px solid #ccc
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .account-result-container .account-name-area.epp.currentDefault {
    background-color: #666;
    border-top: 1px solid #ccc
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .account-result-container .account-name-area.epp.currentDefault .address-alias-text {
    margin-top: 1px !important
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .account-result-container:last-child {
    border-bottom: 2px solid #ccc
}

#miniCartDisplay {
    width: 400px;
    max-height: 426px;
    position: absolute;
    right: 0;
    top: 41px;
    background-color: #fff;
    border: 1px solid #eee;
    -webkit-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1);
    border-top: 0;
    font-size: 12px;
    z-index: 999
}

#miniCartDisplay:before {
    font-family: graingerFont;
    content: "\e603";
    color: #eee;
    font-size: 22px;
    position: absolute;
    right: 17px;
    top: -23px
}

#miniCartDisplay #miniCartContent {
    height: auto;
    border-top: 0;
    padding: 0 10px;
    max-height: 274px;
    overflow: auto
}

#miniCartDisplay .row {
    display: table;
    width: 100%;
    border-bottom: 1px solid #eee
}

#miniCartDisplay .col {
    display: table-cell;
    vertical-align: middle;
    line-height: 1.5em;
    padding: 15px 5px;
    text-align: center;
    word-break: break-all
}

#miniCartDisplay .row.header {
    background-color: #eee;
    padding: 0 10px;
    font-weight: 700
}

#miniCartDisplay .row.footer {
    background-color: #eee;
    padding: 10px 10px 15px 10px;
    font-weight: 700;
    text-align: center;
    border-bottom: 0
}

#miniCartDisplay .header .col {
    padding: 15px 0
}

#miniCartDisplay .mini-qty {
    width: 10%
}

#miniCartDisplay .mini-image {
    width: 15%;
    text-align: left
}

#miniCartDisplay .mini-desc {
    width: 50%;
    text-align: left
}

#miniCartDisplay .mini-price {
    width: 25%
}

#miniCartDisplay .mini-price span {
    color: #257238;
    font-weight: 700
}

#miniCartDisplay .mini-product {
    width: 65%;
    text-align: left
}

#miniCartDisplay .alt .mini-product {
    width: 60%
}

#miniCartDisplay .mini-subtotal {
    font-size: 18px
}

#miniCartDisplay .minicart-subtotal {
    color: #257238
}

#miniCartDisplay .btnPrimary {
    padding: 11px 50px
}

#miniCartDisplay .globalNavigationminiCartDisplayTable thead.header, #miniCartDisplay .globalNavigationminiCartDisplayTable tfoot {
    background-color: #eee
}

#miniCartDisplay .globalNavigationminiCartDisplayTable thead tr th {
    padding: 5px 10px;
    font-weight: 700;
    border-bottom: none
}

#miniCartDisplay table.globalNavigationminiCartDisplayTable tr td:first-child {
    padding-left: 3px
}

#miniCartDisplay .globalNavigationminiCartDisplayTable thead tr:first-of-type, #miniCartDisplay .globalNavigationminiCartDisplayTable tbody tr:first-of-type {
    border-top: none
}

#miniCartDisplay .globalNavigationminiCartDisplayTable tbody tr {
    border-bottom: 1px solid #eee
}

#miniCartDisplay .globalNavigationminiCartDisplayTable tfoot tr td {
    text-align: center;
    padding: 0;
    font-size: 17px;
    font-weight: 600
}

#miniCartDisplay .globalNavigationminiCartDisplayTable tfoot tr td input[type=button] {
    margin-bottom: 15px;
    outline: none;
    padding: 8px 16px
}

#miniCartDisplay .globalNavigationminiCartDisplayTable tfoot tr {
    border-top: none
}

#miniCartDisplay table.globalNavigationminiCartDisplayTable {
    margin-bottom: 0;
    display: inline-grid
}

#miniCartDisplay .globalNavigationminiCartDisplayTable tfoot {
    display: inline-table
}

#miniCartDisplay .globalNavigationminiCartDisplayTable .miniCartTheadProduct {
    width: 60%
}

#miniCartDisplay .globalNavigationminiCartDisplayTable .miniCartTheadQty {
    width: 9%
}

#miniCartDisplay .globalNavigationminiCartDisplayTable .miniCartTheadPrice {
    width: 28%;
    line-height: 17px;
    vertical-align: middle
}

#miniCartDisplay .globalNavigationminiCartDisplayTable .minicartItemDiv {
    margin-top: 7px
}

#miniCartDisplay .globalNavigationminiCartDisplayTable .miniCartTbodyProductImage {
    width: 13.5%
}

#miniCartDisplay .globalNavigationminiCartDisplayTable .miniCartTbodyProduct {
    width: 48%;
    line-height: 21px;
    padding-right: 10px;
    padding-left: 5px
}

#miniCartDisplay .globalNavigationminiCartDisplayTable .miniCartTbodyProductQty {
    width: 8%
}

#miniCartDisplay .globalNavigationminiCartDisplayTable .miniCartTbodyProductPrice {
    width: 20%
}

.minicartCartTotalTd {
    padding-top: 5px
}

.bulk-order #bulk-order-content .btnPrimary {
    outline: none
}

#globalNavigationLineByLineTable {
    padding: 0;
    margin-bottom: 0
}

#globalNavigationLineByLineTable .globalNavigationLineByLineTableLabel {
    margin-left: 22px
}

table#globalNavigationLineByLineTable tr, table#globalNavigationLineByLineTable td {
    border-top: none;
    padding: 0
}

table#globalNavigationLineByLineTable thead tr th:first-of-type {
    border-bottom: none;
    padding: 0;
    font-size: 14px
}

table#globalNavigationLineByLineTable thead tr th {
    border-bottom: none;
    padding: 0;
    margin-left: 20px;
    font-size: 14px
}

table#globalNavigationLineByLineTable th:first-child {
    padding-left: 10px
}

.bulk-order .dropdown-menu #bulkorderSingleAddForm #globalNavigationLineByLineTable input[name="productQuantity"] {
    margin: 0 0 8px 21px
}

.lt-ie9 #customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-search-area .search-bar-icon {
    margin-left: -41px;
    margin-top: 6px;
    z-index: 1
}

.lt-ie8 #customHeaderMessage {
    padding-left: 0
}

.lt-ie8 #customHeaderMessage .multi-account-switch-area {
    float: none;
    width: 75%;
    padding-left: 25%
}

.lt-ie8 #customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area > div, .lt-ie8 #customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .account-result-container .account-name-area, .lt-ie8 #customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .account-Nickname-container {
    display: block;
    float: left
}

.lt-ie8 #customHeaderMessage .multi-account-switch-area .current-shipping-address-area .account-switch-icon, .lt-ie8 #customHeaderMessage .multi-account-switch-area .current-shipping-address-area .selected-account-name-text, .lt-ie8 #customHeaderMessage .multi-account-switch-area .current-shipping-address-area .selected-shipping-address-nickname, .lt-ie8 #customHeaderMessage .multi-account-switch-area .current-shipping-address-area .selected-shipping-address {
    display: block;
    float: left
}

.lt-ie8 #customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area input {
    width: 94%
}

.lt-ie8 #customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .currentDefaultTriangle {
    display: none
}

.skip-content a {
    position: absolute;
    left: -9999em;
    z-index: 111;
    top: 8px
}

#skipToMainContent a:focus {
    left: 45%
}

#skipToSignin a:focus {
    left: 45%
}

.language-fr #eheader #userAuthLinks .headerUserReginfo {
    width: 135px
}

.language-fr #eheader #navSearchContainer #quick-search-submit, .language-fr #eheader #navSearchContainer #part-number-submit {
    padding: 0 10px
}

.language-fr #eheader #headerContent #customCatalogTitle {
    left: -282px
}

.language-fr #eheader #headerContent #customCatalogSelectionArea select {
    width: 270px;
    max-width: 270px
}

.language-fr #eheader #headerContent .serviceHeaderLinks .serviceLinksRow1 {
    margin-top: 12px
}

.language-fr #eheader #headerContent .serviceHeaderLinks {
    margin-top: -10px
}

.language-fr #bulk-order #show-bulk-order-link {
    padding: 0 7px
}

.language-fr #eheader #navSearchContainer #miniCartLinkForm #cartLink {
    padding: 0 7px
}

input.quick-search-submit {
    height: 40px;
    border-radius: 0
}

@media screen and (max-width: 1024px) {
    #eheader #navSearchContainer #quick-search-submit, #eheader #navSearchContainer #part-number-submit, #eheader #navSearchContainer #show-bulk-order-link, #eheader #navSearchContainer #cartLink {
        font-size: 12px;
        padding: 0 10px
    }

    #eheader #navSearchContainer #search {
        width: 260px !important
    }

    #eheader #headerContent #customCatalogSelectionArea select {
        width: 260px !important
    }

    #eheader #headerContent #customCatalogTitle {
        left: -275px
    }

    #eheader #headerContent .serviceHeaderLinks .serviceLinksRow1 {
        margin-top: 5px
    }

    .language-fr #eheader #navSearchContainer #search {
        width: 280px
    }

    .language-fr #eheader #headerContent #customCatalogTitle {
        left: -275px
    }

    .language-fr #eheader #headerContent .serviceHeaderLinks {
        max-width: 46%
    }

    .language-fr #eheader #headerContent .serviceHeaderLinks .serviceLinksRow1 {
        margin-top: 0
    }

    .tabbed .rotator {
        height: 335px !important
    }
}

@media screen and (max-width: 800px) {
    #eheader #navSearchContainer #bulkOrderCartContainer {
        float: none;
        clear: both;
        margin-left: 26%
    }
}

@media screen and (max-width: 768px) {
    .tabbed .rotator {
        height: 265px !important
    }
}

.text-center {
    text-align: center
}

.appcues-widget-image {
    height: 14px
}

li.appcues-nothing-new {
    display: none
}

#eheader #headerContent #elogo {
    margin-right: 30px
}

#eheader #headerContent #customCatalogSelectionArea select {
    max-width: 240px;
    width: 240px
}

#eheader #headerContent #customCatalogTitle {
    left: -252px
}

#eheader #headerContent .serviceHeaderLinks .serviceLinksRow2.serviceLinksRow2WithAppcues {
    margin-top: -9px
}

#eheader #headerContent .serviceHeaderLinks .serviceLinksRow1.serviceLinksRow1WithAppcues {
    position: relative;
    top: -5px
}

.language-fr #eheader #headerContent #elogo {
    margin-right: 30px
}

.language-fr #eheader #headerContent #elogo a img {
    padding: 4px 0;
    position: relative;
    top: 1px
}

.language-fr #eheader #headerContent #elogo.eproElogo a img {
    padding: 4px 0 0 0
}

.language-fr #eheader #headerContent #customCatalogTitle {
    left: -247px;
    top: 15px
}

.language-fr #eheader #headerContent #customCatalogSelectionArea select {
    max-width: 235px;
    width: 235px
}

.language-fr #eheader #headerContent .serviceHeaderLinks .serviceLinksRow1.anonymousServiceLinksRow1 {
    position: relative;
    top: 10px
}

.language-fr #eheader #headerContent .serviceHeaderLinks .serviceLinksRow2 #gCustomerLinks.anonymousgCustomerLinks {
    position: relative;
    top: 10px
}

.language-fr #eheader #headerContent .serviceHeaderLinks .serviceLinksRow1.loggedInServiceLinksRow1 {
    position: relative;
    top: 2px
}

.language-fr #eheader #headerContent .serviceHeaderLinks .serviceLinksRow2.loggedInServiceLinksRow2 {
    position: relative;
    top: 0
}

.language-fr #eheader #headerContent .serviceHeaderLinks .serviceLinksRow1.loggedInServiceLinksRow1.serviceLinksRow1WithAppcues {
    position: relative;
    top: -5px
}

.language-fr #eheader #headerContent .serviceHeaderLinks.loggedInServiceHeaderLinks {
    margin-top: 0
}

.language-fr #eheader #headerContent .serviceHeaderLinks.eproServiceHeaderLinks {
    margin-top: -2px
}

.tl-mask-div {
    display: none
}

#autoComplete.headerSearchBarLength .dropdown-menu.autocomplete li.autoSuggestion, #searchHistory.headerSearchBarLength .dropdown-menu.autocomplete li.autoSuggestion, #autoComplete.headerSearchBarLength .dropdown-menu.autocomplete li.prdCategories, #searchHistory.headerSearchBarLength .dropdown-menu.autocomplete li.prdCategories, #autoComplete.headerSearchBarLength .dropdown-menu.autocomplete li.previousSearchTerm, #searchHistory.headerSearchBarLength .dropdown-menu.autocomplete li.previousSearchTerm {
    width: 450px
}

#autoComplete.headerSearchBarLength .dropdown-menu.autocomplete .category, #searchHistory.headerSearchBarLength .dropdown-menu.autocomplete .category {
    width: 437px
}

#autoComplete.headerSearchBarLength .flyout, #searchHistory.headerSearchBarLength .flyout {
    left: 450px
}

#autoComplete.headerSearchBarLength.alt-width, #searchHistory.headerSearchBarLength.alt-width {
    width: 937px !important
}

div:lang(fr) #eheader #navSearchContainer #search {
    width: 373px
}

div:lang(fr) #eheader #navSearchContainer #quick-search-submit {
    padding: 0 10px
}

#smarteditoverlay .slot-visibility-button-template__menu {
    height: 750px;
    overflow: scroll
}

@media only screen and (min-width: 1025px) {
    #eheader div#headerContent .serviceHeaderLinks {
        line-height: 23px
    }

    #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 {
        line-height: 20px
    }

    #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .appcues-widget-icon {
        line-height: 0
    }

    #eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .appcues-widget-icon .appcues-widget-image {
        vertical-align: baseline
    }

    #eheader .one-col-width {
        width: 100% !important
    }

    #eheader .one-col-width ul {
        width: 100% !important
    }

    #eheader #topRibbon.resetStyle {
        position: unset
    }

    #eheader #topRibbon.resetStyle .resetStyle {
        position: unset
    }

    .navHeaderButton, .navHeaderButtonClose {
        display: none !important
    }

    #container {
        padding-right: 0;
        padding-left: 0
    }

    #miniCartDisplay .row {
        margin: 0
    }

    #customHeaderMessage .multi-account-switch-area .current-shipping-address-area .selected-shipping-address {
        width: auto;
        max-width: 40%
    }

    #customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .account-result-container .account-name-area.epp.currentDefault {
        margin-left: 35%
    }

    #customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .account-result-container .account-name-area.epp {
        margin-left: 35%;
        width: 65%
    }

    #eheader.newHeader div#headerContent #userAuthLinks .headerUserReginfo {
        padding-top: 7px
    }

    #eheader.newHeader div#headerContent .headerContainer {
        max-width: 1280px;
        padding: 5px 10px 5px 0;
        height: 56px;
        font-size: 14px;
        font-weight: 500
    }

    #eheader.newHeader div#headerContent .headerContainer a {
        text-decoration: none
    }

    #eheader.newHeader div#headerContent #elogo .simple_disp-img a img {
        max-width: 180px;
        margin-right: 16px;
        padding: 0;
        position: relative;
        margin-left: 10px;
        padding-left: 10px
    }

    #eheader.newHeader div#headerContent .serviceHeaderLinks {
        margin-top: 3px !important
    }

    #eheader.newHeader div#headerContent .serviceHeaderLinks .serviceLinksRow1_epro {
        margin-top: 3px !important;
        margin-right: 5px
    }

    #eheader.newHeader div#headerContent .serviceHeaderLinks .serviceLinksRow1 {
        margin-top: 11px;
        display: inline-block;
        line-height: 14px
    }

    #eheader.newHeader div#headerContent .serviceHeaderLinks .serviceLinksRow2 {
        display: inline-block;
        float: left
    }

    #eheader.newHeader div#headerContent .serviceHeaderLinks .serviceLinksRow2 a {
        padding: 0
    }

    #eheader.newHeader div#headerContent .serviceHeaderLinks .serviceLinksRow2 p, #eheader.newHeader div#headerContent .serviceHeaderLinks .serviceLinksRow2 .content {
        margin-top: 0;
        margin-bottom: 10px
    }

    #eheader.newHeader div#headerContent .serviceHeaderLinks .serviceLinksRow2 p #gCustomerLinks .piped > li, #eheader.newHeader div#headerContent .serviceHeaderLinks .serviceLinksRow2 .content #gCustomerLinks .piped > li {
        line-height: inherit
    }

    #eheader.newHeader div#headerContent .serviceHeaderLinks .serviceLinksRow2 .piped > li:before {
        display: none
    }

    #eheader.newHeader div#headerContent .serviceHeaderLinks .piped > li {
        line-height: inherit
    }

    #eheader.newHeader div#headerContent .serviceHeaderLinks .piped > li:not(first-child) {
        margin-left: 14px
    }

    #eheader.newHeader div#headerContent .serviceHeaderLinks .piped > li .new-icon {
        margin-right: 5px
    }

    #eheader.newHeader div#headerContent .serviceHeaderLinks .piped li.appcuesWidgetDiv {
        margin-left: 0 !important
    }

    #eheader.newHeader div#headerContent .serviceHeaderLinks .piped li.appcuesWidgetDiv .appcues-widget-icon {
        font-size: 14px
    }

    #eheader.newHeader #navSearchContainer {
        max-height: 69px;
        background-color: #29333b
    }

    #eheader.newHeader #navSearchContainer .headerContainer {
        background-color: #29333b;
        align-items: center
    }

    #eheader.newHeader #navSearchContainer .headerContainer div.allProducts {
        margin-right: 0;
        border: none;
        min-height: auto;
        width: 19%;
        height: 68px;
        color: #fff;
        background-color: #29333b;
        align-items: center;
        font-size: 16px;
        font-weight: 500;
        font-family: Roboto, Arial, Helvetica, sans-serif !important
    }

    #eheader.newHeader #navSearchContainer .headerContainer div.allProducts .allProductsLink {
        height: 68px;
        padding: 0 15px;
        align-items: center;
        width: auto;
        display: inline-flex
    }

    #eheader.newHeader #navSearchContainer .headerContainer div.allProducts .allProductsLink:hover .allProductsLink:focus {
        color: #fff
    }

    #eheader.newHeader #navSearchContainer .headerContainer div.allProducts .dropdown-menu {
        top: 68px
    }

    #eheader.newHeader #navSearchContainer .headerContainer div.allProducts .dropdown-menu a {
        word-break: break-word
    }

    #eheader.newHeader #navSearchContainer .headerContainer div.allProducts .dropdown-menu.one-col-width {
        width: 128% !important;
        max-width: 316px;
        z-index: unset
    }

    #eheader.newHeader #navSearchContainer .headerContainer div.allProducts .phl {
        padding: 0 !important
    }

    #eheader.newHeader #navSearchContainer .headerContainer div.allProducts.open .allProductsLink, #eheader.newHeader #navSearchContainer .headerContainer div.allProducts.focused .allProductsLink {
        color: #29333b
    }

    #eheader.newHeader #navSearchContainer #searchContainer {
        width: 55%
    }

    #eheader.newHeader #navSearchContainer #searchContainer #search {
        background-color: #fff;
        border-radius: 2px 0 0 2px;
        font-size: 14px;
        padding: 18px;
        width: 90% !important;
        overflow: visible;
        line-height: 1.15;
        margin: 0;
        height: auto;
        border: none;
        box-shadow: none
    }

    #eheader.newHeader #navSearchContainer #searchContainer.searchWithPartBtn {
        width: 54%
    }

    #eheader.newHeader #navSearchContainer #searchContainer.searchWithPartBtn #search {
        width: 73% !important
    }

    #eheader.newHeader #navSearchContainer #searchContainer.searchWithPartBtn #searchHistory {
        width: 73%
    }

    #eheader.newHeader #navSearchContainer .customer-part-number-btn {
        width: 17%;
        max-width: 93px;
        float: left;
        height: 53px;
        display: flex;
        padding: 12px;
        align-items: center;
        border-radius: 0 2px 2px 0;
        font-size: 16px;
        font-weight: 500;
        font-family: Roboto, Arial, Helvetica, sans-serif !important
    }

    #eheader.newHeader #navSearchContainer #quick-search-submit {
        width: 9%;
        color: #fff;
        height: 53px;
        display: flex;
        font-size: 16px;
        border-width: 0;
        font-weight: 500;
        align-items: center;
        justify-content: center;
        border-radius: 0 2px 2px 0;
        background-color: #c8102e !important;
        font-family: Roboto, Arial, Helvetica, sans-serif !important
    }

    #eheader.newHeader #navSearchContainer #quick-search-submit:after {
        content: "\e61a";
        font-weight: 400;
        font-size: 18px;
        color: #fff;
        font-family: graingerFont
    }

    #eheader.newHeader #navSearchContainer .bulk-order {
        margin-left: 10px
    }

    #eheader.newHeader #navSearchContainer .bulk-order #bulk-order-content {
        top: 68px
    }

    #eheader.newHeader #navSearchContainer .bulk-order #show-bulk-order-link #bulkOrderPadCount {
        padding: 0
    }

    #eheader.newHeader #navSearchContainer .bulkOrderBody.dropdown {
        align-items: center;
        display: flex;
        justify-content: center;
        line-height: 4
    }

    #eheader.newHeader #navSearchContainer #bulkOrderCartContainer {
        height: 68px;
        align-items: center;
        display: flex !important
    }

    #eheader.newHeader #navSearchContainer #show-bulk-order-link .bulkOrderPadCount {
        padding: 0
    }

    #eheader.newHeader #navSearchContainer #cartLink:before {
        line-height: 1.9;
        margin-right: 3px
    }

    #eheader.newHeader #navSearchContainer #cartLink, #eheader.newHeader #navSearchContainer .allProducts > a, #eheader.newHeader #navSearchContainer #part-number-submit, #eheader.newHeader #navSearchContainer #part-number-submit, #eheader.newHeader #navSearchContainer #show-bulk-order-link {
        display: flex;
        font-size: 16px;
        font-weight: 500;
        color: #fff;
        padding: 0;
        border: none;
        font-family: Roboto, Arial, Helvetica, sans-serif !important
    }

    #eheader.newHeader #navSearchContainer #show-bulk-order-link {
        padding: 2px 0 3px;
        width: 188px
    }

    #eheader.newHeader #navSearchContainer #bulkOrderCartContainer #miniCartLinkForm #cartLink {
        padding-right: 11px
    }

    #eheader.newHeader #navSearchContainer div#show-bulk-order-link {
        padding: 0 12px
    }

    #eheader.newHeader #navSearchContainer .allProducts > a:after, #eheader.newHeader #navSearchContainer .bulkOrderBody > a:after, #eheader.newHeader #navSearchContainer .serviceLinks > a:after, #eheader.newHeader #navSearchContainer .allProducts a#show-bulk-order-link:after, #eheader.newHeader #navSearchContainer .bulkOrderBody a#show-bulk-order-link:after, #eheader.newHeader #navSearchContainer .serviceLinks a#show-bulk-order-link:after {
        font-family: graingerFont !important;
        content: "" !important;
        color: #abb0b6 !important;
        font-size: 14px;
        font-weight: 400;
        margin: 0 0 0 5px
    }

    #eheader.newHeader #navSearchContainer .bulkOrderBody > a:after, #eheader.newHeader #navSearchContainer .bulkOrderBody a#show-bulk-order-link:after {
        padding-top: 4px
    }

    #eheader.newHeader #navSearchContainer #quick-search {
        margin: 8px 1px
    }

    #eheader.newHeader #navSearchContainer #miniCartLinkForm {
        margin-left: 10px;
        align-items: center;
        display: flex !important
    }

    #eheader.newHeader #navSearchContainer #autoComplete.alt-width, #eheader.newHeader #navSearchContainer #searchHistory {
        top: 52px;
        left: 0
    }

    #eheader.newHeader #navSearchContainer #autoComplete.alt-width .dropdown-menu.autocomplete, #eheader.newHeader #navSearchContainer #searchHistory .dropdown-menu.autocomplete {
        z-index: 0;
        width: 100% !important;
        border-top: 1px solid #eee
    }

    #eheader.newHeader #navSearchContainer #autoComplete.alt-width .dropdown-menu.autocomplete li.previousSearchTerm, #eheader.newHeader #navSearchContainer #searchHistory .dropdown-menu.autocomplete li.previousSearchTerm {
        width: 100%
    }

    #eheader.newHeader #navSearchContainer #searchHistory {
        width: 90%
    }

    #eheader.newHeader #navSearchContainer #miniCartDisplay {
        top: 68px
    }

    #eheader.newHeader #navSearchContainer .en-pd {
        padding-right: 24px;
        padding-left: 24px
    }

    .language-fr #eheader.newHeader #authNav > div.ribbonNav1 ul {
        margin-right: 0
    }

    .language-fr #eheader.newHeader #navSearchContainer #searchContainer {
        width: 52%
    }

    .language-fr #eheader.newHeader #navSearchContainer #searchContainer.searchWithPartBtn #search, .language-fr #eheader.newHeader #navSearchContainer #searchContainer.searchWithPartBtn #searchHistory {
        width: 64% !important
    }

    .language-fr #eheader.newHeader #navSearchContainer .customer-part-number-btn {
        width: 27%;
        max-width: 142px
    }

    .language-fr #eheader.newHeader #navSearchContainer .fr-pd {
        padding-right: 0;
        padding-left: 0
    }

    .language-fr #eheader.newHeader #headerContent .serviceHeaderLinks .serviceLinksRow2 #gCustomerLinks.anonymousgCustomerLinks {
        top: 0
    }

    .language-fr #eheader.newHeader #headerContent .serviceHeaderLinks .serviceLinksRow1.anonymousServiceLinksRow1, .language-fr #eheader.newHeader #headerContent .serviceHeaderLinks .serviceLinksRow1.loggedInServiceLinksRow1 {
        top: 0
    }

    .language-fr #eheader.newHeader #headerContent #elogo .simple_disp-img a img {
        max-width: 170px
    }
}

.homepage #eheader.newHeader #navSearchContainer .allProducts.alt-menu > .dropdown-menu {
    width: 750px
}

.homepage #eheader.newHeader #navSearchContainer .allProducts.alt-menu > .dropdown-menu .dynamic-width {
    width: 50% !important
}

.account-name-area-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

.multi-account-switch-area-heading {
    color: #666 !important;
    float: left !important
}

#customHeaderMessage .multi-account-switch-area {
    background-color: #fff
}

#customHeaderMessage .multi-account-switch-area .current-shipping-address-area {
    margin-left: 0;
    width: 100%;
    border: 1px solid #ccc
}

#customHeaderMessage .multi-account-switch-area .current-shipping-address-area .account-switch-icon {
    margin-left: 10px
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window {
    border: 1px solid #ccc
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-search-area {
    margin-top: 12px;
    margin-bottom: 12px
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-search-area input {
    box-shadow: inset 0 0 #ccc, -1px 1px 2px #ccc, 1px 0 2px #ccc
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-header-area {
    border-bottom: 1px solid #ccc
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area {
    border-top: 1px solid #ccc
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .account-result-container {
    border-bottom: 1px solid #ccc;
    background-color: #fff
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .account-result-container .account-name-area {
    width: 100%;
    border-top: none;
    background-color: #f2f2f2;
    margin-bottom: 8px;
    padding: 12px 0;
    min-height: 30px
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .account-result-container .account-addresses-area {
    margin-left: 35%;
    border-top: 1px solid #ccc
}

#customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .account-result-container .epp .address-alias-text {
    font-weight: bold
}

#customHeaderMessage .multi-account-switch-area form {
    height: 39px
}

@media only screen and (min-width: 1025px) and (max-width: 1035px) {
    #bulk-order #show-bulk-order-link {
        padding: 0 15px
    }

    #eheader #navSearchContainer #miniCartLinkForm #cartLink {
        padding: 0 15px
    }
}

.LPMcontainer.increasedZoomLvl {
    position: absolute !important;
    inset: 0 0 auto auto !important
}

.email-signup-form .heading-signup-form {
    font-size: 32px;
    color: #29333b;
    font-family: RobotoCondensedBold, Arial, Helvetica, sans-serif;
    margin: 0 0 10px 0;
    display: block
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

#eheader div#headerContent {
    background: #000
}

#eheader div#headerContent .headerContainer {
    align-items: center;
    margin: auto;
    position: relative
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 a {
    color: #fff !important
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .mapleLeafImageDiv {
    position: relative;
    left: 4px;
    vertical-align: middle
}

#eheader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .mapleLeafImage {
    width: 13px;
    height: auto
}

#eheader div#headerContent .serviceHeaderLinks.loggedInServiceHeaderLinks {
    margin-top: 0
}

#eheader div#headerContent .simple_disp-img img {
    width: 95%;
    padding: 4px
}

#eheader div#headerContent div.serviceHeaderLinks .serviceLinksRow1 a, #eheader div#headerContent div.serviceHeaderLinks .serviceLinksRow2 a, #eheader div#headerContent #customCatalogTitle, #eheader div#headerContent #customCatalogTitle strong {
    color: #fff !important;
    font-weight: normal
}

#eheader.newHeader div#headerContent #elogo {
    width: auto;
    margin-right: 5px
}

#eheader.newHeader div#headerContent #customCatalogTitle {
    display: none
}

#eheader.newHeader div#headerContent .serviceHeaderLinks .serviceLinksRow1 {
    display: inline-block
}

#eheader.newHeader div#headerContent .serviceHeaderLinks .serviceLinksRow1 a.engToggle {
    margin-left: 2px;
    left: 2px;
    position: relative
}

#eheader.newHeader div#headerContent .serviceHeaderLinks .serviceLinksRow1 a.frenchToggle {
    position: relative;
    left: -2px
}

#eheader.newHeader div#headerContent .serviceHeaderLinks .serviceLinksRow1 a.engToggle, #eheader.newHeader div#headerContent .serviceHeaderLinks .serviceLinksRow1 a.frenchToggle {
    font-size: 11px;
    padding: 0
}

#eheader.newHeader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .engToggle.disabledLang, #eheader.newHeader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .frenchToggle.disabledLang {
    pointer-events: none;
    cursor: pointer;
    color: #fd0103 !important
}

#eheader.newHeader div#headerContent #customCatalogSelectionArea {
    margin: 0;
    border: 1px solid #a9a9a9;
    border-radius: 2px;
    padding: 0
}

#eheader.newHeader div#headerContent #customCatalogSelectionArea select {
    background: #000;
    height: auto;
    color: #fff;
    padding: 5px;
    width: 240px;
    max-width: 240px;
    font-size: 14px;
    font-weight: normal;
    padding: 5px 15px 5px 5px;
    text-overflow: ellipsis
}

#eheader.newHeader div#headerContent #customCatalogSelectionArea select option:disabled {
    pointer-events: none;
    cursor: pointer;
    color: #fff
}

#eheader.newHeader div#headerContent #customCatalogSelectionArea select option {
    color: #fff;
    background-color: #000
}

#eheader.newHeader div#headerContent #customCatalogSelectionArea.styledSelect:after {
    content: "";
    color: #fff;
    font-size: 12px;
    border: none;
    background: none;
    display: inline-block;
    padding: 7px 3px
}

#eheader.newHeader #navSearchContainer .dropdown .hackInteriorNav {
    height: 0
}

#eheader.newHeader #navSearchContainer #cartLink:before {
    padding-right: 0
}

#eheader.newHeader #navSearchContainer #quickCartText {
    display: none
}

.language-fr #eheader #headerContent #elogo a img, .language-fr #eheader #headerContent #elogo.eproElogo a img {
    padding: 4px
}

.language-fr #eheader #navSearchContainer #miniCartLinkForm #cartLink {
    padding: 0
}

.language-fr #eheader.newHeader #headerContent #elogo a img {
    padding: 4px
}

.language-fr #eheader.newHeader #headerContent #elogo.eproElogo a img {
    padding: 4px
}

.language-fr #eheader.newHeader #headerContent #customCatalogSelectionArea select {
    width: 240px;
    max-width: 240px
}

.language-fr #eheader.newHeader #navSearchContainer #miniCartLinkForm #cartLink {
    padding: 0
}

#endEproSession {
    line-height: 1px
}

@media only screen and (min-width: 1025px) and (max-width: 1150px) {
    #eheader.newHeader div#headerContent .headerContainer {
        height: auto
    }

    #eheader.newHeader div#headerContent .headerContainer .serviceHeaderLinks {
        max-width: 100%;
        margin-top: 5px
    }

    #eheader.newHeader div#headerContent .headerContainer .serviceHeaderLinks .piped > li:not(first-child) {
        margin-left: 14px
    }

    #eheader.newHeader div#headerContent #elogo .simple_disp-img a img {
        margin-right: 0
    }

    .language-fr #eheader.newHeader div#headerContent #elogo {
        margin-right: 5px
    }

    .language-fr #eheader.newHeader div#headerContent .headerContainer .serviceHeaderLinks .serviceLinksRow2 #gCustomerLinks.anonymousgCustomerLinks {
        top: 0
    }

    .language-fr #eheader.newHeader div#headerContent .headerContainer .serviceHeaderLinks .serviceLinksRow2 .serviceLinksRow1.anonymousServiceLinksRow1 {
        top: 0
    }
}

@media only screen and (min-width: 1025px) and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    #eheader.newHeader #navSearchContainer .headerContainer {
        max-height: 69px
    }

    #eheader #topRibbon #userAuthLinks a {
        line-height: 31px
    }
}

@media print {
    .mobileAllProductsContainer, .mobileAllProductLink, .navHeaderButton, .navHeaderButtonClose {
        display: none !important
    }

    #eheader #navSearchContainer #searchContainer {
        width: 40%
    }

    #eheader #navSearchContainer #searchContainer #search {
        width: 75%;
        border-left: none;
        display: inline-flex
    }

    #eheader #navSearchContainer #searchContainer .btn {
        padding: 11px 3px;
        display: inline-flex
    }

    #eheader .headerContainer #bulkOrderCartContainer .bulk-order {
        display: inline-block
    }

    #eheader .headerContainer #bulkOrderCartContainer .bulk-order #show-bulk-order-link {
        padding: 0
    }

    #eheader .headerContainer #bulkOrderCartContainer #miniCartLinkForm {
        float: right;
        display: inline-flex !important
    }

    * {
        -webkit-print-color-adjust: exact !important;
        color-adjust: exact !important
    }
}

#eheader .btn {
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding: 11px 18px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border: none;
    *border: 0
}

#eheader input.quick-search-submit {
    border-radius: 0
}

.no-scroll {
    overflow: hidden !important
}

#container #leftColumn .allProductsLink {
    display: none
}

.fixedHeaderBody .headerBanner {
    top: 0;
    z-index: 101;
    width: 100%;
    position: fixed
}

.fixedHeaderBody #navSearchContainer {
    top: 104px;
    width: 100%;
    z-index: 101;
    position: fixed !important
}

.fixedHeaderBody #customHeaderMessage {
    top: 173px;
    position: relative
}

.fixedHeaderBody .allProductsLink.opened {
    box-shadow: 0 1px 0 0 #ccc
}

.fixedHeaderBody #container {
    position: relative;
    margin-top: 173px;
    z-index: 0
}

.fixedHeaderBody #container #content #leftColumn #subscribe {
    margin-top: auto !important
}

.fixedHeaderBody #container .prd_ctg_for_nav_comps.openedPrdNav {
    z-index: 0;
    left: 0;
    top: -1px;
    height: auto;
    float: left;
    margin-top: 0;
    text-align: left;
    min-width: 180px;
    list-style: none;
    padding: 10px 0;
    max-width: 311px;
    line-height: 16px;
    position: relative;
    width: 128% !important;
    display: block !important;
    background-color: #fff;
    border-right: 1px solid #ccc !important;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0)
}

.fixedHeaderBody #container .prd_ctg_for_nav_comps.openedPrdNav ul {
    margin: 0;
    padding: 0
}

.fixedHeaderBody #container .prd_ctg_for_nav_comps.openedPrdNav li {
    line-height: inherit !important
}

.fixedHeaderBody #container .prd_ctg_for_nav_comps.openedPrdNav li a {
    word-break: break-word;
    color: #29333b;
    font-size: 12px;
    padding: 4px 15px;
    display: block
}

.fixedHeaderBody #container .prd_ctg_for_nav_comps.openedPrdNav li a:hover {
    background: #f2f2f2;
    text-decoration: none
}

.IE11BannerDiv {
    text-align: center;
    display: block;
    width: 100%;
    padding: 15px 0;
    font-size: 13px;
    position: relative;
    border-bottom: 2px solid #f26823
}

.IE11BannerDiv .warningIcon {
    height: 0;
    width: 0;
    background-color: #fff;
    border-style: solid;
    border-width: 13px 7px 0 7px;
    border-color: #f26823 transparent transparent transparent;
    border-radius: 3px;
    display: inline-block;
    color: #fff;
    transform: rotate(180deg);
    vertical-align: text-top
}

.IE11BannerDiv .warningIconText {
    top: -15px;
    left: -2px;
    color: #fff;
    transform: rotate(180deg);
    display: inline-block;
    position: relative;
    font-weight: bold
}

.IE11BannerDiv .IE11BannerMsg a {
    color: #00739e;
    font-size: 13px
}

.IE11BannerDiv .IE11BannerMsg a:hover {
    text-decoration: underline
}

#arrowBackToTop.fixed-tag {
    position: fixed;
    z-index: 10;
    right: -100px;
    width: 145px;
    background: #000;
    color: #fff;
    font-weight: bold;
    padding: 15px;
    bottom: 225px;
    opacity: .5;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    filter: alpha(opacity=50);
    transition: all .2s ease-out;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    background-clip: padding-box;
    display: none;
    cursor: pointer
}

#arrowBackToTop.fixed-tag .up-arrow {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    border: solid #fff;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 5px;
    top: 4px;
    left: 2px;
    position: relative;
    margin-right: 5px
}

#arrowBackToTop.fixed-tag .backToTopMessage {
    display: none
}

.eproBody #eheader.newHeader div#headerContent .serviceHeaderLinks .serviceLinksRow1 {
    margin-top: 3px;
    margin-right: 8px
}

.eproBody #eheader.newHeader div#headerContent .serviceHeaderLinks .serviceLinksRow1 .mapleLeafImageDiv {
    top: 2px
}

.eproBody #eheader.newHeader #userAuthLinks .userInfo {
    margin-right: 8px
}

#footer {
    background-color: #29333b;
    min-width: 630px;
    position: relative;
    padding: 0;
    z-index: 10
}

#footer h6 {
    font-size: 14px;
    color: #fff;
    margin-bottom: 8px;
    text-transform: capitalize;
    font-weight: normal;
    font-family: Roboto, Arial, Helvetica, sans-serif
}

#footer .footerCustomerSupportCall {
    color: #abb0b6;
    font-size: 12px
}

#footer p:empty {
    display: none
}

#footer h3 {
    font-size: 16px;
    color: #333
}

#footer #e_footerrow1:after, #footer #e_footerrow1:before {
    content: " ";
    display: table
}

#footer #e_footerrow1:after {
    clear: both
}

.lt-ie8 #footer #e_footerrow1 {
    clear: both;
    zoom: 1
}

#footer #e_footerrow1:after, #footer #e_footerrow1:before {
    content: " ";
    display: table
}

#footer #e_footerrow1:after {
    clear: both
}

.lt-ie8 #footer #e_footerrow1 {
    clear: both;
    zoom: 1
}

#footer #e_footerrow1:after, #footer #e_footerrow1:before {
    content: " ";
    display: table
}

#footer #e_footerrow1:after {
    clear: both
}

.lt-ie8 #footer #e_footerrow1 {
    clear: both;
    zoom: 1
}

#footer #e_footerrow1:after, #footer #e_footerrow1:before {
    content: " ";
    display: table
}

#footer #e_footerrow1:after {
    clear: both
}

.lt-ie8 #footer #e_footerrow1 {
    clear: both;
    zoom: 1
}

#footer #e_footerrow1:after, #footer #e_footerrow1:before {
    content: " ";
    display: table
}

#footer #e_footerrow1:after {
    clear: both
}

.lt-ie8 #footer #e_footerrow1 {
    clear: both;
    zoom: 1
}

#footer #e_footerrow1:after, #footer #e_footerrow1:before {
    content: " ";
    display: table
}

#footer #e_footerrow1:after {
    clear: both
}

.lt-ie8 #footer #e_footerrow1 {
    clear: both;
    zoom: 1
}

#footer #e_footerrow1:after, #footer #e_footerrow1:before {
    content: " ";
    display: table
}

#footer #e_footerrow1:after {
    clear: both
}

.lt-ie8 #footer #e_footerrow1 {
    clear: both;
    zoom: 1
}

#footer #e_footerrow1:after, #footer #e_footerrow1:before {
    content: " ";
    display: table
}

#footer #e_footerrow1:after {
    clear: both
}

.lt-ie8 #footer #e_footerrow1 {
    clear: both;
    zoom: 1
}

#footer #e_footerrow1:after, #footer #e_footerrow1:before {
    content: " ";
    display: table
}

#footer #e_footerrow1:after {
    clear: both
}

.lt-ie8 #footer #e_footerrow1 {
    clear: both;
    zoom: 1
}

#footer #e_footerrow1:after, #footer #e_footerrow1:before {
    content: " ";
    display: table
}

#footer #e_footerrow1:after {
    clear: both
}

.lt-ie8 #footer #e_footerrow1 {
    clear: both;
    zoom: 1
}

#footer #e_footerrow1 a {
    color: #abb0b6;
    display: block;
    padding: 0;
    font-size: 12px;
    margin-bottom: 8px;
    line-height: normal
}

#footer #e_footerrow1 .e-footercolumn {
    width: 20%;
    padding: 10px;
    margin-bottom: 10px;
    float: left;
    padding: 0 10px 0 0
}

.lt-ie8 #footer #e_footerrow1 .e-footercolumn {
    width: 18%
}

.lt-ie8 #footer #e_footerrow1 .e-footercolumn {
    width: 18%
}

.lt-ie8 #footer #e_footerrow1 .e-footercolumn {
    width: 18%
}

.lt-ie8 #footer #e_footerrow1 .e-footercolumn {
    width: 18%
}

.lt-ie8 #footer #e_footerrow1 .e-footercolumn {
    width: 18%
}

.lt-ie8 #footer #e_footerrow1 .e-footercolumn {
    width: 18%
}

.lt-ie8 #footer #e_footerrow1 .e-footercolumn {
    width: 18%
}

.lt-ie8 #footer #e_footerrow1 .e-footercolumn {
    width: 18%
}

.lt-ie8 #footer #e_footerrow1 .e-footercolumn {
    width: 18%
}

.lt-ie8 #footer #e_footerrow1 .e-footercolumn {
    width: 18%
}

#footer #e_footerrow1 .e-footercolumn:last-child {
    padding: 0
}

#footer #e_footerrow1 #e_footercol2 .footerCatalog {
    display: block
}

.lt-ie8 #footer #e_footerrow1 #e_footercol2 .footerCatalog {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -4950px;
    background-position-x: 0
}

.lt-ie8 #footer #e_footerrow1 #e_footercol2 .footerCatalog {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -4950px;
    background-position-x: 0
}

.lt-ie8 #footer #e_footerrow1 #e_footercol2 .footerCatalog {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -4950px;
    background-position-x: 0
}

.lt-ie8 #footer #e_footerrow1 #e_footercol2 .footerCatalog {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -4950px;
    background-position-x: 0
}

.lt-ie8 #footer #e_footerrow1 #e_footercol2 .footerCatalog {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -4950px;
    background-position-x: 0
}

.lt-ie8 #footer #e_footerrow1 #e_footercol2 .footerCatalog {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -4950px;
    background-position-x: 0
}

.lt-ie8 #footer #e_footerrow1 #e_footercol2 .footerCatalog {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -4950px;
    background-position-x: 0
}

.lt-ie8 #footer #e_footerrow1 #e_footercol2 .footerCatalog {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -4950px;
    background-position-x: 0
}

.lt-ie8 #footer #e_footerrow1 #e_footercol2 .footerCatalog {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -4950px;
    background-position-x: 0
}

.lt-ie8 #footer #e_footerrow1 #e_footercol2 .footerCatalog {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -4950px;
    background-position-x: 0
}

.lt-ie8 #footer #e_footerrow1 #e_footercol2 .footerCatalog {
    padding-left: 18px
}

#footer #e_footerrow1 #e_footercol2 .footerCatalog:before {
    font-family: graingerFont;
    content: "\e63b";
    font-weight: 400;
    padding-right: 5px
}

#footer #e_footerrow1 #e_footercol2 .footerContact {
    display: block
}

.lt-ie8 #footer #e_footerrow1 #e_footercol2 .footerContact {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -3780px;
    background-position-x: 0
}

.lt-ie8 #footer #e_footerrow1 #e_footercol2 .footerContact {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -3780px;
    background-position-x: 0
}

.lt-ie8 #footer #e_footerrow1 #e_footercol2 .footerContact {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -3780px;
    background-position-x: 0
}

.lt-ie8 #footer #e_footerrow1 #e_footercol2 .footerContact {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -3780px;
    background-position-x: 0
}

.lt-ie8 #footer #e_footerrow1 #e_footercol2 .footerContact {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -3780px;
    background-position-x: 0
}

.lt-ie8 #footer #e_footerrow1 #e_footercol2 .footerContact {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -3780px;
    background-position-x: 0
}

.lt-ie8 #footer #e_footerrow1 #e_footercol2 .footerContact {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -3780px;
    background-position-x: 0
}

.lt-ie8 #footer #e_footerrow1 #e_footercol2 .footerContact {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -3780px;
    background-position-x: 0
}

.lt-ie8 #footer #e_footerrow1 #e_footercol2 .footerContact {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -3780px;
    background-position-x: 0
}

.lt-ie8 #footer #e_footerrow1 #e_footercol2 .footerContact {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -3780px;
    background-position-x: 0
}

.lt-ie8 #footer #e_footerrow1 #e_footercol2 .footerContact {
    padding-left: 18px
}

#footer #e_footerrow1 #e_footercol2 .footerContact:before {
    font-family: graingerFont;
    content: "\e621";
    font-weight: 400;
    padding-right: 5px
}

#footer #e_footerrow1 #e_footercol2 .footerFindBranch {
    display: block
}

.lt-ie8 #footer #e_footerrow1 #e_footercol2 .footerFindBranch {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -180px;
    background-position-x: 0
}

.lt-ie8 #footer #e_footerrow1 #e_footercol2 .footerFindBranch {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -180px;
    background-position-x: 0
}

.lt-ie8 #footer #e_footerrow1 #e_footercol2 .footerFindBranch {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -180px;
    background-position-x: 0
}

.lt-ie8 #footer #e_footerrow1 #e_footercol2 .footerFindBranch {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -180px;
    background-position-x: 0
}

.lt-ie8 #footer #e_footerrow1 #e_footercol2 .footerFindBranch {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -180px;
    background-position-x: 0
}

.lt-ie8 #footer #e_footerrow1 #e_footercol2 .footerFindBranch {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -180px;
    background-position-x: 0
}

.lt-ie8 #footer #e_footerrow1 #e_footercol2 .footerFindBranch {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -180px;
    background-position-x: 0
}

.lt-ie8 #footer #e_footerrow1 #e_footercol2 .footerFindBranch {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -180px;
    background-position-x: 0
}

.lt-ie8 #footer #e_footerrow1 #e_footercol2 .footerFindBranch {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -180px;
    background-position-x: 0
}

.lt-ie8 #footer #e_footerrow1 #e_footercol2 .footerFindBranch {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -180px;
    background-position-x: 0
}

.lt-ie8 #footer #e_footerrow1 #e_footercol2 .footerFindBranch {
    padding-left: 18px
}

#footer #e_footerrow1 #e_footercol2 .footerFindBranch:before {
    font-family: graingerFont;
    content: "\e60d";
    font-weight: 400;
    padding-right: 3px
}

#footer #e_footerrow1 #e_footercol2 .footerFeedback {
    display: block
}

.lt-ie8 #footer #e_footerrow1 #e_footercol2 .footerFeedback {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -5850px;
    background-position-x: 0
}

.lt-ie8 #footer #e_footerrow1 #e_footercol2 .footerFeedback {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -5850px;
    background-position-x: 0
}

.lt-ie8 #footer #e_footerrow1 #e_footercol2 .footerFeedback {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -5850px;
    background-position-x: 0
}

.lt-ie8 #footer #e_footerrow1 #e_footercol2 .footerFeedback {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -5850px;
    background-position-x: 0
}

.lt-ie8 #footer #e_footerrow1 #e_footercol2 .footerFeedback {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -5850px;
    background-position-x: 0
}

.lt-ie8 #footer #e_footerrow1 #e_footercol2 .footerFeedback {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -5850px;
    background-position-x: 0
}

.lt-ie8 #footer #e_footerrow1 #e_footercol2 .footerFeedback {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -5850px;
    background-position-x: 0
}

.lt-ie8 #footer #e_footerrow1 #e_footercol2 .footerFeedback {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -5850px;
    background-position-x: 0
}

.lt-ie8 #footer #e_footerrow1 #e_footercol2 .footerFeedback {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -5850px;
    background-position-x: 0
}

.lt-ie8 #footer #e_footerrow1 #e_footercol2 .footerFeedback {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -5850px;
    background-position-x: 0
}

.lt-ie8 #footer #e_footerrow1 #e_footercol2 .footerFeedback {
    padding-left: 18px
}

#footer #e_footerrow1 #e_footercol2 .footerFeedback:before {
    font-family: graingerFont;
    content: "\e63a";
    font-weight: 400;
    padding-right: 3px
}

#footer #e_footerrow2:after, #footer #e_footerrow2:before {
    content: " ";
    display: table
}

#footer #e_footerrow2:after {
    clear: both
}

.lt-ie8 #footer #e_footerrow2 {
    clear: both;
    zoom: 1
}

#footer #e_footerrow2:after, #footer #e_footerrow2:before {
    content: " ";
    display: table
}

#footer #e_footerrow2:after {
    clear: both
}

.lt-ie8 #footer #e_footerrow2 {
    clear: both;
    zoom: 1
}

#footer #e_footerrow2:after, #footer #e_footerrow2:before {
    content: " ";
    display: table
}

#footer #e_footerrow2:after {
    clear: both
}

.lt-ie8 #footer #e_footerrow2 {
    clear: both;
    zoom: 1
}

#footer #e_footerrow2:after, #footer #e_footerrow2:before {
    content: " ";
    display: table
}

#footer #e_footerrow2:after {
    clear: both
}

.lt-ie8 #footer #e_footerrow2 {
    clear: both;
    zoom: 1
}

#footer #e_footerrow2:after, #footer #e_footerrow2:before {
    content: " ";
    display: table
}

#footer #e_footerrow2:after {
    clear: both
}

.lt-ie8 #footer #e_footerrow2 {
    clear: both;
    zoom: 1
}

#footer #e_footerrow2:after, #footer #e_footerrow2:before {
    content: " ";
    display: table
}

#footer #e_footerrow2:after {
    clear: both
}

.lt-ie8 #footer #e_footerrow2 {
    clear: both;
    zoom: 1
}

#footer #e_footerrow2:after, #footer #e_footerrow2:before {
    content: " ";
    display: table
}

#footer #e_footerrow2:after {
    clear: both
}

.lt-ie8 #footer #e_footerrow2 {
    clear: both;
    zoom: 1
}

#footer #e_footerrow2:after, #footer #e_footerrow2:before {
    content: " ";
    display: table
}

#footer #e_footerrow2:after {
    clear: both
}

.lt-ie8 #footer #e_footerrow2 {
    clear: both;
    zoom: 1
}

#footer #e_footerrow2:after, #footer #e_footerrow2:before {
    content: " ";
    display: table
}

#footer #e_footerrow2:after {
    clear: both
}

.lt-ie8 #footer #e_footerrow2 {
    clear: both;
    zoom: 1
}

#footer #e_footerrow2:after, #footer #e_footerrow2:before {
    content: " ";
    display: table
}

#footer #e_footerrow2:after {
    clear: both
}

.lt-ie8 #footer #e_footerrow2 {
    clear: both;
    zoom: 1
}

#footer #e_footerrow2 .e-footercolumn {
    width: 15.833333333333334%;
    padding: 10px;
    margin-bottom: 10px;
    float: left;
    padding: 0 20px 0 0;
    margin-right: 20px
}

.lt-ie8 #footer #e_footerrow2 .e-footercolumn {
    width: 13.833333333333334%
}

.lt-ie8 #footer #e_footerrow2 .e-footercolumn {
    width: 13.833333333333334%
}

.lt-ie8 #footer #e_footerrow2 .e-footercolumn {
    width: 13.833333333333334%
}

.lt-ie8 #footer #e_footerrow2 .e-footercolumn {
    width: 13.833333333333334%
}

.lt-ie8 #footer #e_footerrow2 .e-footercolumn {
    width: 13.833333333333334%
}

.lt-ie8 #footer #e_footerrow2 .e-footercolumn {
    width: 13.833333333333334%
}

.lt-ie8 #footer #e_footerrow2 .e-footercolumn {
    width: 13.833333333333334%
}

.lt-ie8 #footer #e_footerrow2 .e-footercolumn {
    width: 13.833333333333334%
}

.lt-ie8 #footer #e_footerrow2 .e-footercolumn {
    width: 13.833333333333334%
}

.lt-ie8 #footer #e_footerrow2 .e-footercolumn {
    width: 13.833333333333334%
}

#footer #e_footerrow2 .e-footercolumn:last-child {
    padding: 0;
    margin-right: 0
}

#footer #e_footerrow2 p {
    color: #29333b
}

#footer #e_footerrow2 #e_footercol6, #footer #e_footerrow2 #e_footercol7 {
    border-right: 1px solid #ccc
}

#footer #e_footerrow2 #e_footercol6 {
    width: 30.833333333333336%;
    padding: 10px;
    margin-bottom: 10px;
    float: left;
    padding: 0 20px 0 0
}

.lt-ie8 #footer #e_footerrow2 #e_footercol6 {
    width: 28.833333333333332%
}

.lt-ie8 #footer #e_footerrow2 #e_footercol6 {
    width: 28.833333333333332%
}

.lt-ie8 #footer #e_footerrow2 #e_footercol6 {
    width: 28.833333333333332%
}

.lt-ie8 #footer #e_footerrow2 #e_footercol6 {
    width: 28.833333333333332%
}

.lt-ie8 #footer #e_footerrow2 #e_footercol6 {
    width: 28.833333333333332%
}

.lt-ie8 #footer #e_footerrow2 #e_footercol6 {
    width: 28.833333333333332%
}

.lt-ie8 #footer #e_footerrow2 #e_footercol6 {
    width: 28.833333333333332%
}

.lt-ie8 #footer #e_footerrow2 #e_footercol6 {
    width: 28.833333333333332%
}

.lt-ie8 #footer #e_footerrow2 #e_footercol6 {
    width: 28.833333333333332%
}

.lt-ie8 #footer #e_footerrow2 #e_footercol6 {
    width: 28.833333333333332%
}

#footer #e_footerrow2 #e_footercol6 a {
    display: inline-block;
    margin-right: 10px
}

#footer #e_footerrow2 #e_footercol7 {
    width: 23.333333333333332%;
    padding: 10px;
    margin-bottom: 10px;
    float: left;
    padding: 0 20px 0 0
}

.lt-ie8 #footer #e_footerrow2 #e_footercol7 {
    width: 21.333333333333332%
}

.lt-ie8 #footer #e_footerrow2 #e_footercol7 {
    width: 21.333333333333332%
}

.lt-ie8 #footer #e_footerrow2 #e_footercol7 {
    width: 21.333333333333332%
}

.lt-ie8 #footer #e_footerrow2 #e_footercol7 {
    width: 21.333333333333332%
}

.lt-ie8 #footer #e_footerrow2 #e_footercol7 {
    width: 21.333333333333332%
}

.lt-ie8 #footer #e_footerrow2 #e_footercol7 {
    width: 21.333333333333332%
}

.lt-ie8 #footer #e_footerrow2 #e_footercol7 {
    width: 21.333333333333332%
}

.lt-ie8 #footer #e_footerrow2 #e_footercol7 {
    width: 21.333333333333332%
}

.lt-ie8 #footer #e_footerrow2 #e_footercol7 {
    width: 21.333333333333332%
}

.lt-ie8 #footer #e_footerrow2 #e_footercol7 {
    width: 21.333333333333332%
}

#footer #e_footerrow2 #e_footercol7 a {
    margin-top: 10px
}

.lt-ie8 #footer #e_footerrow2 #e_footercol7 a {
    display: block;
    float: left
}

#footer #e_footerrow2 #e_footercol8 a {
    float: left;
    margin-right: 5px
}

#footer #e_footerrow2 #e_footercol8 img {
    max-width: 36px;
    max-height: 36px
}

#footer #e_footerrow2 #e_footercol9 {
    float: right;
    width: 18%
}

#footer #e_footerrow2 #e_footercol9 p {
    font-size: 16px;
    padding-top: 40px
}

#footer #e_footerrow2 #e_footercol9 span {
    color: #333;
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin-top: 5px;
    font-size: 22px
}

#footer #footerLegal {
    border: none;
    color: #29333b;
    background-color: #000;
    text-align: center;
    padding: 0
}

#footer #footerLegal:after, #footer #footerLegal:before {
    content: " ";
    display: table
}

#footer #footerLegal:after {
    clear: both
}

.lt-ie8 #footer #footerLegal {
    clear: both;
    zoom: 1
}

#footer #footerLegal:after, #footer #footerLegal:before {
    content: " ";
    display: table
}

#footer #footerLegal:after {
    clear: both
}

.lt-ie8 #footer #footerLegal {
    clear: both;
    zoom: 1
}

#footer #footerLegal:after, #footer #footerLegal:before {
    content: " ";
    display: table
}

#footer #footerLegal:after {
    clear: both
}

.lt-ie8 #footer #footerLegal {
    clear: both;
    zoom: 1
}

#footer #footerLegal:after, #footer #footerLegal:before {
    content: " ";
    display: table
}

#footer #footerLegal:after {
    clear: both
}

.lt-ie8 #footer #footerLegal {
    clear: both;
    zoom: 1
}

#footer #footerLegal:after, #footer #footerLegal:before {
    content: " ";
    display: table
}

#footer #footerLegal:after {
    clear: both
}

.lt-ie8 #footer #footerLegal {
    clear: both;
    zoom: 1
}

#footer #footerLegal:after, #footer #footerLegal:before {
    content: " ";
    display: table
}

#footer #footerLegal:after {
    clear: both
}

.lt-ie8 #footer #footerLegal {
    clear: both;
    zoom: 1
}

#footer #footerLegal:after, #footer #footerLegal:before {
    content: " ";
    display: table
}

#footer #footerLegal:after {
    clear: both
}

.lt-ie8 #footer #footerLegal {
    clear: both;
    zoom: 1
}

#footer #footerLegal:after, #footer #footerLegal:before {
    content: " ";
    display: table
}

#footer #footerLegal:after {
    clear: both
}

.lt-ie8 #footer #footerLegal {
    clear: both;
    zoom: 1
}

#footer #footerLegal:after, #footer #footerLegal:before {
    content: " ";
    display: table
}

#footer #footerLegal:after {
    clear: both
}

.lt-ie8 #footer #footerLegal {
    clear: both;
    zoom: 1
}

#footer #footerLegal:after, #footer #footerLegal:before {
    content: " ";
    display: table
}

#footer #footerLegal:after {
    clear: both
}

.lt-ie8 #footer #footerLegal {
    clear: both;
    zoom: 1
}

#footer #footerLegal a {
    color: #fff;
    display: inline-block;
    font-size: 12px
}

#footer #footerLegal ul {
    margin: 0 auto;
    width: 600px
}

#footer #footerLegal ul:after, #footer #footerLegal ul:before {
    content: " ";
    display: table
}

#footer #footerLegal ul:after {
    clear: both
}

.lt-ie8 #footer #footerLegal ul {
    clear: both;
    zoom: 1
}

#footer #footerLegal ul:after, #footer #footerLegal ul:before {
    content: " ";
    display: table
}

#footer #footerLegal ul:after {
    clear: both
}

.lt-ie8 #footer #footerLegal ul {
    clear: both;
    zoom: 1
}

#footer #footerLegal ul:after, #footer #footerLegal ul:before {
    content: " ";
    display: table
}

#footer #footerLegal ul:after {
    clear: both
}

.lt-ie8 #footer #footerLegal ul {
    clear: both;
    zoom: 1
}

#footer #footerLegal ul:after, #footer #footerLegal ul:before {
    content: " ";
    display: table
}

#footer #footerLegal ul:after {
    clear: both
}

.lt-ie8 #footer #footerLegal ul {
    clear: both;
    zoom: 1
}

#footer #footerLegal ul:after, #footer #footerLegal ul:before {
    content: " ";
    display: table
}

#footer #footerLegal ul:after {
    clear: both
}

.lt-ie8 #footer #footerLegal ul {
    clear: both;
    zoom: 1
}

#footer #footerLegal ul:after, #footer #footerLegal ul:before {
    content: " ";
    display: table
}

#footer #footerLegal ul:after {
    clear: both
}

.lt-ie8 #footer #footerLegal ul {
    clear: both;
    zoom: 1
}

#footer #footerLegal ul:after, #footer #footerLegal ul:before {
    content: " ";
    display: table
}

#footer #footerLegal ul:after {
    clear: both
}

.lt-ie8 #footer #footerLegal ul {
    clear: both;
    zoom: 1
}

#footer #footerLegal ul:after, #footer #footerLegal ul:before {
    content: " ";
    display: table
}

#footer #footerLegal ul:after {
    clear: both
}

.lt-ie8 #footer #footerLegal ul {
    clear: both;
    zoom: 1
}

#footer #footerLegal ul:after, #footer #footerLegal ul:before {
    content: " ";
    display: table
}

#footer #footerLegal ul:after {
    clear: both
}

.lt-ie8 #footer #footerLegal ul {
    clear: both;
    zoom: 1
}

#footer #footerLegal ul:after, #footer #footerLegal ul:before {
    content: " ";
    display: table
}

#footer #footerLegal ul:after {
    clear: both
}

.lt-ie8 #footer #footerLegal ul {
    clear: both;
    zoom: 1
}

#footer #footerLegal li {
    float: left
}

#footer #footerLegal li:after {
    content: " | ";
    padding: 0 5px;
    color: #fff
}

#footer #footerLegal li:last-child:after {
    content: ""
}

#footer #footerLegal .footerContainer {
    padding: 0;
    color: #abb0b6;
    font-size: 12px
}

#footer #footerLegal div.footerContainer {
    padding: 32px
}

#footer #footerLegal .content {
    margin-bottom: 0
}

#footer #footerLegal p {
    margin: 0
}

.responsive .footerContainer {
    margin-bottom: 10px
}

.responsive .footerContainer h4 {
    margin-bottom: 5px
}

@media (max-width: 730px) {
    .responsive .footerContainer #footercol1 {
        margin-left: 10px
    }
}

.responsive .eProSite.pdf-catalog #footer {
    width: 960px
}

.responsive .footerIcon {
    width: 23px;
    display: inline-block;
    vertical-align: top;
    font-size: 18px
}

.responsive #footercol1, .responsive #footercol2, .responsive #footercol3, .responsive #footercol4 {
    width: 23%;
    margin-left: 10px;
    display: inline-block;
    vertical-align: top
}

@media (max-width: 730px) {
    .responsive #footercol1, .responsive #footercol2, .responsive #footercol3, .responsive #footercol4 {
        margin-left: 5px
    }
}

.responsive .footerButton, .responsive #footer a.footerButton {
    background: #575757;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #575757), color-stop(1, #313131));
    background: -ms-linear-gradient(bottom, #575757, #313131);
    background: -moz-linear-gradient(center bottom, #575757 0, #313131 100%);
    background: -o-linear-gradient(#313131, #575757);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#313131', endColorstr='#575757', GradientType=0);
    color: #FFF;
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    display: inline-block;
    cursor: pointer;
    font-size: 14px
}

.responsive .footerButton:hover, .responsive #footer a.footerButton:hover {
    text-decoration: none
}

.responsive .footerContent {
    display: inline-block;
    width: 75%
}

.responsive .footerContent p {
    word-wrap: break-word
}

.responsive .footerContent .footerBold {
    margin-right: 4px
}

.responsive #footerChat:before {
    font-family: graingerFont;
    content: "\e613";
    font-weight: 400
}

.responsive #footerCall:before {
    font-family: graingerFont;
    content: "\e62a";
    font-weight: 400
}

.responsive #footerMessageUs:before {
    font-family: graingerFont;
    content: "\e621";
    font-weight: 400
}

.responsive #footerSignUpbefore {
    font-family: graingerFont;
    content: "\e621";
    font-weight: 400
}

.lt-ie8 .responsive #footercol1, .lt-ie8 .responsive #footercol2, .lt-ie8 .responsive #footercol3, .lt-ie8 .responsive #footercol4 {
    display: inline;
    zoom: 1
}

#footer.overlapHidden {
    z-index: 0
}

@media print, screen and (min-width: 1025px) {
    #footer div.footerContainer {
        max-width: 1440px
    }

    #footer div.footerContainer #e_footerrow1 {
        padding: 32px 32px 0 32px
    }

    #footer div.footerContainer #e_footerrow2 {
        padding-bottom: 32px
    }
}

.bulk-order {
    display: inline-block;
    position: relative;
    z-index: 9
}

.bulk-order textarea {
    width: 100%;
    margin-bottom: 18px;
    height: 132px;
    max-height: 132px;
    font-size: 14px;
    line-height: normal;
    font-family: RobotoCondensed, Arial, Helvetica, sans-serif
}

.lt-ie8 .bulk-order h3 b {
    float: left
}

.bulk-order #show-bulk-order-link {
    display: inline-block;
    padding: 0 20px
}

@media (max-width: 960px) {
    .bulk-order #show-bulk-order-link {
        padding: 0 10px
    }
}

.bulk-order #show-bulk-order-link #bulkOrderPadCount {
    display: inline-block;
    padding: 0 4px
}

.bulk-order #bulk-order-content {
    padding: 0;
    top: 41px;
    width: 270px;
    -webkit-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1)
}

.bulk-order #bulk-order-content.loading {
    min-height: 70px;
    background: url(../../images/spinner_searchCatProd.gif) no-repeat center #fff
}

.bulk-order #bulk-order-content .btn {
    line-height: 14px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding: 11px 18px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border: none;
    *border: 0;
    background-color: #151b1e;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.bulk-order #bulk-order-content .btnPrimary {
    background-color: #be2122
}

.bulk-order #bulk-order-content b {
    font-weight: bold
}

.bulk-order #bulk-order-content #bulkCopyPasteAdd .mts {
    margin-bottom: 15px
}

.bulk-order #bulk-order-content #bulkCopyPasteAdd p, .bulk-order #bulk-order-content #bulkCopyPasteAdd .mbn {
    margin-top: 0
}

.bulk-order #bulk-order-content #bulkCopyPasteAdd #bulkCopyPasteCreate legend {
    border: none;
    margin-bottom: 15px
}

.bulk-order .dropdown-menu .dropdown-header, .bulk-order .dropdown-menu .tab-content {
    padding: 10px 15px;
    width: auto
}

.bulk-order .dropdown-menu .dropdown-header #showCopyPasteLabelText, .bulk-order .dropdown-menu .dropdown-header #showSeparateLabelText {
    color: #333
}

.bulk-order .dropdown-menu .dropdown-header a {
    font-size: 12px;
    float: right;
    color: #00739e
}

.bulk-order .dropdown-menu a:hover {
    text-decoration: underline
}

.bulk-order .dropdown-menu #bulkorderSingleAddForm {
    line-height: 30px;
    width: auto
}

.bulk-order .dropdown-menu #bulkorderSingleAddForm label, .bulk-order .dropdown-menu #bulkorderSingleAddForm input {
    display: inline-block;
    width: 130px;
    line-height: normal
}

.bulk-order .dropdown-menu #bulkorderSingleAddForm .bulkorderItemHeading, .bulk-order .dropdown-menu #bulkorderSingleAddForm .bulkorderQuantityHeading {
    display: inline-block;
    width: 130px;
    font-weight: 700;
    font-size: 14px
}

.lt-ie8 .bulk-order .dropdown-menu #bulkorderSingleAddForm input {
    display: inline
}

.lt-ie8 .bulk-order .dropdown-menu #bulkorderSingleAddForm label {
    display: block;
    float: left
}

.lt-ie8 .bulk-order .dropdown-menu #bulkorderSingleAddForm label:first-child {
    width: 100px;
    margin-right: 41px
}

.bulk-order .dropdown-menu #bulkorderSingleAddForm label.bulkorderQuantity, .bulk-order .dropdown-menu #bulkorderSingleAddForm .bulkorderQuantityHeading {
    margin-right: 25px;
    float: right;
    width: 20px
}

.bulk-order .dropdown-menu #bulkorderSingleAddForm input[name="productItemNumber"] {
    width: 155px
}

.lt-ie8 .bulk-order .dropdown-menu #bulkorderSingleAddForm input[name="productItemNumber"] {
    width: 100px
}

.bulk-order .dropdown-menu #bulkorderSingleAddForm input[name="productQuantity"] {
    width: 48px;
    margin: 0 0 8px 20px
}

.bulk-order .dropdown-menu #bulkorderSingleAddForm input[name="productQuantity"]:after, .bulk-order .dropdown-menu #bulkorderSingleAddForm input[name="productQuantity"]:before {
    content: " ";
    display: table
}

.bulk-order .dropdown-menu #bulkorderSingleAddForm input[name="productQuantity"]:after {
    clear: both
}

.lt-ie8 .bulk-order .dropdown-menu #bulkorderSingleAddForm input[name="productQuantity"] {
    clear: both;
    zoom: 1
}

.bulk-order .dropdown-menu #bulkorderSingleAddForm input[name="productQuantity"]:after, .bulk-order .dropdown-menu #bulkorderSingleAddForm input[name="productQuantity"]:before {
    content: " ";
    display: table
}

.bulk-order .dropdown-menu #bulkorderSingleAddForm input[name="productQuantity"]:after {
    clear: both
}

.lt-ie8 .bulk-order .dropdown-menu #bulkorderSingleAddForm input[name="productQuantity"] {
    clear: both;
    zoom: 1
}

.bulk-order .dropdown-menu #bulkorderSingleAddForm input[name="productQuantity"]:after, .bulk-order .dropdown-menu #bulkorderSingleAddForm input[name="productQuantity"]:before {
    content: " ";
    display: table
}

.bulk-order .dropdown-menu #bulkorderSingleAddForm input[name="productQuantity"]:after {
    clear: both
}

.lt-ie8 .bulk-order .dropdown-menu #bulkorderSingleAddForm input[name="productQuantity"] {
    clear: both;
    zoom: 1
}

.bulk-order .dropdown-menu #bulkorderSingleAddForm input[name="productQuantity"]:after, .bulk-order .dropdown-menu #bulkorderSingleAddForm input[name="productQuantity"]:before {
    content: " ";
    display: table
}

.bulk-order .dropdown-menu #bulkorderSingleAddForm input[name="productQuantity"]:after {
    clear: both
}

.lt-ie8 .bulk-order .dropdown-menu #bulkorderSingleAddForm input[name="productQuantity"] {
    clear: both;
    zoom: 1
}

.bulk-order .dropdown-menu #bulkorderSingleAddForm input[name="productQuantity"]:after, .bulk-order .dropdown-menu #bulkorderSingleAddForm input[name="productQuantity"]:before {
    content: " ";
    display: table
}

.bulk-order .dropdown-menu #bulkorderSingleAddForm input[name="productQuantity"]:after {
    clear: both
}

.lt-ie8 .bulk-order .dropdown-menu #bulkorderSingleAddForm input[name="productQuantity"] {
    clear: both;
    zoom: 1
}

.bulk-order .dropdown-menu #bulkorderSingleAddForm input[name="productQuantity"]:after, .bulk-order .dropdown-menu #bulkorderSingleAddForm input[name="productQuantity"]:before {
    content: " ";
    display: table
}

.bulk-order .dropdown-menu #bulkorderSingleAddForm input[name="productQuantity"]:after {
    clear: both
}

.lt-ie8 .bulk-order .dropdown-menu #bulkorderSingleAddForm input[name="productQuantity"] {
    clear: both;
    zoom: 1
}

.bulk-order .dropdown-menu #bulkorderSingleAddForm input[name="productQuantity"]:after, .bulk-order .dropdown-menu #bulkorderSingleAddForm input[name="productQuantity"]:before {
    content: " ";
    display: table
}

.bulk-order .dropdown-menu #bulkorderSingleAddForm input[name="productQuantity"]:after {
    clear: both
}

.lt-ie8 .bulk-order .dropdown-menu #bulkorderSingleAddForm input[name="productQuantity"] {
    clear: both;
    zoom: 1
}

.bulk-order .dropdown-menu #bulkorderSingleAddForm input[name="productQuantity"]:after, .bulk-order .dropdown-menu #bulkorderSingleAddForm input[name="productQuantity"]:before {
    content: " ";
    display: table
}

.bulk-order .dropdown-menu #bulkorderSingleAddForm input[name="productQuantity"]:after {
    clear: both
}

.lt-ie8 .bulk-order .dropdown-menu #bulkorderSingleAddForm input[name="productQuantity"] {
    clear: both;
    zoom: 1
}

.bulk-order .dropdown-menu #bulkorderSingleAddForm input[name="productQuantity"]:after, .bulk-order .dropdown-menu #bulkorderSingleAddForm input[name="productQuantity"]:before {
    content: " ";
    display: table
}

.bulk-order .dropdown-menu #bulkorderSingleAddForm input[name="productQuantity"]:after {
    clear: both
}

.lt-ie8 .bulk-order .dropdown-menu #bulkorderSingleAddForm input[name="productQuantity"] {
    clear: both;
    zoom: 1
}

.bulk-order .dropdown-menu #bulkorderSingleAddForm input[name="productQuantity"]:after, .bulk-order .dropdown-menu #bulkorderSingleAddForm input[name="productQuantity"]:before {
    content: " ";
    display: table
}

.bulk-order .dropdown-menu #bulkorderSingleAddForm input[name="productQuantity"]:after {
    clear: both
}

.lt-ie8 .bulk-order .dropdown-menu #bulkorderSingleAddForm input[name="productQuantity"] {
    clear: both;
    zoom: 1
}

.lt-ie8 .bulk-order .dropdown-menu #bulkorderSingleAddForm input[name="productQuantity"] {
    width: 28px
}

.bulk-order .dropdown-menu #bulkorderSingleAddForm .btnPrimary {
    margin: 5px 0
}

.bulk-order #showMoreEntryFieldsLabelText, .bulk-order .isAuthenticatedLink {
    font-size: 12px;
    float: right;
    font-weight: bold
}

.lt-ie8 .bulk-order #showMoreEntryFieldsLabelText, .lt-ie8 .bulk-order .isAuthenticatedLink {
    float: left
}

.bulk-order .addToList {
    float: none;
    margin: 0 0 0 5px
}

.bulk-order .alert {
    line-height: 14px;
    font-size: 12px
}

.bulk-order .bulkOrderBody .dropdown-menu .dropdown-header, .bulk-order .bulkOrderBody .dropdown-menu .tab-content {
    width: auto
}

.bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table {
    margin: 10px 0;
    font-size: 11px
}

.bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table:after, .bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table:before {
    content: " ";
    display: table
}

.bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table:after {
    clear: both
}

.lt-ie8 .bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table {
    clear: both;
    zoom: 1
}

.bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table:after, .bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table:before {
    content: " ";
    display: table
}

.bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table:after {
    clear: both
}

.lt-ie8 .bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table {
    clear: both;
    zoom: 1
}

.bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table:after, .bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table:before {
    content: " ";
    display: table
}

.bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table:after {
    clear: both
}

.lt-ie8 .bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table {
    clear: both;
    zoom: 1
}

.bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table:after, .bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table:before {
    content: " ";
    display: table
}

.bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table:after {
    clear: both
}

.lt-ie8 .bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table {
    clear: both;
    zoom: 1
}

.bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table:after, .bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table:before {
    content: " ";
    display: table
}

.bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table:after {
    clear: both
}

.lt-ie8 .bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table {
    clear: both;
    zoom: 1
}

.bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table:after, .bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table:before {
    content: " ";
    display: table
}

.bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table:after {
    clear: both
}

.lt-ie8 .bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table {
    clear: both;
    zoom: 1
}

.bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table:after, .bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table:before {
    content: " ";
    display: table
}

.bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table:after {
    clear: both
}

.lt-ie8 .bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table {
    clear: both;
    zoom: 1
}

.bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table:after, .bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table:before {
    content: " ";
    display: table
}

.bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table:after {
    clear: both
}

.lt-ie8 .bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table {
    clear: both;
    zoom: 1
}

.bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table:after, .bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table:before {
    content: " ";
    display: table
}

.bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table:after {
    clear: both
}

.lt-ie8 .bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table {
    clear: both;
    zoom: 1
}

.bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table:after, .bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table:before {
    content: " ";
    display: table
}

.bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table:after {
    clear: both
}

.lt-ie8 .bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table {
    clear: both;
    zoom: 1
}

.bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table .thead > *, .bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table .tbody .row > * {
    float: left;
    margin-right: 7px
}

.bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table .thead {
    margin-bottom: 10px
}

.bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table .thead .td-item, .bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table .tbody .td-item {
    width: 45px
}

.bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table .thead .td-qty, .bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table .tbody .td-qty {
    width: 30px
}

.bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table .thead .td-availability, .bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table .tbody .td-availability {
    width: 70px
}

.bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table .thead .td-your-price, .bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table .tbody .td-your-price {
    width: 53px;
    margin-right: 0
}

.bulk-order .bulkOrderBody .dropdown-menu #bulkSeperateAdd .table .tbody .row {
    width: 100%;
    margin-bottom: 10px;
    overflow: hidden;
    display: block
}

#bopContainer #bulkCopyPasteAdd {
    width: 35.00000000000001%;
    padding: 10px;
    margin-bottom: 10px;
    float: left
}

.lt-ie8 #bopContainer #bulkCopyPasteAdd {
    width: 33%
}

.lt-ie8 #bopContainer #bulkCopyPasteAdd {
    width: 33%
}

.lt-ie8 #bopContainer #bulkCopyPasteAdd {
    width: 33%
}

.lt-ie8 #bopContainer #bulkCopyPasteAdd {
    width: 33%
}

.lt-ie8 #bopContainer #bulkCopyPasteAdd {
    width: 33%
}

.lt-ie8 #bopContainer #bulkCopyPasteAdd {
    width: 33%
}

.lt-ie8 #bopContainer #bulkCopyPasteAdd {
    width: 33%
}

.lt-ie8 #bopContainer #bulkCopyPasteAdd {
    width: 33%
}

.lt-ie8 #bopContainer #bulkCopyPasteAdd {
    width: 33%
}

.lt-ie8 #bopContainer #bulkCopyPasteAdd {
    width: 33%
}

@media (max-width: 960px) {
    .responsive #bopContainer #bulkCopyPasteAdd textarea {
        resize: none
    }
}

@media (max-width: 890px) {
    .responsive #bopContainer #bulkCopyPasteAdd {
        width: 30%
    }
}

#bopContainer #bopLineItemLeft {
    width: 65%;
    padding: 10px;
    margin-bottom: 10px;
    float: left
}

.lt-ie8 #bopContainer #bopLineItemLeft {
    width: 63%
}

.lt-ie8 #bopContainer #bopLineItemLeft {
    width: 63%
}

.lt-ie8 #bopContainer #bopLineItemLeft {
    width: 63%
}

.lt-ie8 #bopContainer #bopLineItemLeft {
    width: 63%
}

.lt-ie8 #bopContainer #bopLineItemLeft {
    width: 63%
}

.lt-ie8 #bopContainer #bopLineItemLeft {
    width: 63%
}

.lt-ie8 #bopContainer #bopLineItemLeft {
    width: 63%
}

.lt-ie8 #bopContainer #bopLineItemLeft {
    width: 63%
}

.lt-ie8 #bopContainer #bopLineItemLeft {
    width: 63%
}

.lt-ie8 #bopContainer #bopLineItemLeft {
    width: 63%
}

#bopContainer #bopLineItemLeft table input {
    max-width: 120px
}

#bopContainer #bopLineItemLeft td, #bopContainer #bopLineItemLeft th {
    display: inline-block;
    float: left;
    margin-right: 9px;
    text-align: left;
    padding: 5px 0
}

#bopContainer #bopLineItemLeft td:first-child, #bopContainer #bopLineItemLeft th:first-child {
    padding-left: 0
}

#bopContainer #bopLineItemLeft th, #bopContainer #bopLineItemLeft tr, #bopContainer #bopLineItemLeft td {
    border: none
}

#bopContainer #bopLineItemLeft [for="bulkorderItem"], #bopContainer #bopLineItemLeft [name="productItemNumber"] {
    width: 120px
}

@media (max-width: 780px) {
    .responsive #bopContainer #bopLineItemLeft [for="bulkorderItem"], .responsive #bopContainer #bopLineItemLeft [name="productItemNumber"] {
        width: 70px
    }
}

#bopContainer #bopLineItemLeft [for="bulkorderQuantity"], #bopContainer #bopLineItemLeft [name="productQuantity"] {
    width: 50px
}

@media (max-width: 890px) {
    .responsive #bopContainer #bopLineItemLeft {
        width: 70%
    }
}

#bopContainer #bopLineItemLeft th.bulkOrderItem {
    margin-right: 0
}

#bopContainer #bopLineItemLeft th.bulkOrderQty {
    margin: 0 18px 0 -1px
}

@media (max-width: 960px) {
    .responsive #bopContainer h5 {
        margin-left: 10px
    }
}

#order-main-content .bulk-order {
    display: block;
    margin-bottom: 15px
}

#order-main-content .bulk-order #show-bulk-order-link {
    position: relative;
    line-height: 14px;
    display: inline-block;
    *display: inline;
    padding: 9px 20px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-text-shadow: 0 1px 1px rgba(153, 153, 153, 0.2);
    -moz-text-shadow: 0 1px 1px rgba(153, 153, 153, 0.2);
    text-shadow: 0 1px 1px rgba(153, 153, 153, 0.2);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #666;
    background-image: -moz-linear-gradient(top, #757575 0, #757575 50%, #666 51%, #666 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #757575), color-stop(50%, #757575), color-stop(51%, #666), color-stop(100%, #666));
    background-image: -webkit-linear-gradient(top, #757575 0, #757575 50%, #666 51%, #666 100%);
    background-image: -o-linear-gradient(top, #757575 0, #757575 50%, #666 51%, #666 100%);
    background-image: -ms-linear-gradient(top, #757575 0, #757575 50%, #666 51%, #666 100%);
    background-image: linear-gradient(to bottom, #757575 0, #757575 50%, #666 51%, #666 100%);
    border: 1px solid #FFF;
    border-bottom: none;
    z-index: 2
}

#order-main-content .bulk-order #show-bulk-order-link:hover, #order-main-content .bulk-order #show-bulk-order-link:focus, #order-main-content .bulk-order #show-bulk-order-link:active, #order-main-content .bulk-order #show-bulk-order-link.active {
    background-color: #575757;
    background-image: -moz-linear-gradient(top, #686868 0, #686868 50%, #575757 51%, #575757 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #686868), color-stop(50%, #686868), color-stop(51%, #575757), color-stop(100%, #575757));
    background-image: -webkit-linear-gradient(top, #686868 0, #686868 50%, #575757 51%, #575757 100%);
    background-image: -o-linear-gradient(top, #686868 0, #686868 50%, #575757 51%, #575757 100%);
    background-image: -ms-linear-gradient(top, #686868 0, #686868 50%, #575757 51%, #575757 100%);
    background-image: linear-gradient(to bottom, #686868 0, #686868 50%, #575757 51%, #575757 100%);
    text-decoration: none
}

#order-main-content .bulk-order #bulk-order-content {
    top: 35px
}

#order-main-content .bulk-order #bulk-order-content > * {
    width: 330px
}

#order-main-content .bulk-order #bulk-order-content .tab-content {
    padding: 10px 20px 0 20px
}

#order-main-content .bulk-order #bulk-order-content:after, #order-main-content .bulk-order #bulk-order-content:before {
    content: " ";
    display: table
}

#order-main-content .bulk-order #bulk-order-content:after {
    clear: both
}

.lt-ie8 #order-main-content .bulk-order #bulk-order-content {
    clear: both;
    zoom: 1
}

#order-main-content .bulk-order #bulk-order-content:after, #order-main-content .bulk-order #bulk-order-content:before {
    content: " ";
    display: table
}

#order-main-content .bulk-order #bulk-order-content:after {
    clear: both
}

.lt-ie8 #order-main-content .bulk-order #bulk-order-content {
    clear: both;
    zoom: 1
}

#order-main-content .bulk-order #bulk-order-content:after, #order-main-content .bulk-order #bulk-order-content:before {
    content: " ";
    display: table
}

#order-main-content .bulk-order #bulk-order-content:after {
    clear: both
}

.lt-ie8 #order-main-content .bulk-order #bulk-order-content {
    clear: both;
    zoom: 1
}

#order-main-content .bulk-order #bulk-order-content:after, #order-main-content .bulk-order #bulk-order-content:before {
    content: " ";
    display: table
}

#order-main-content .bulk-order #bulk-order-content:after {
    clear: both
}

.lt-ie8 #order-main-content .bulk-order #bulk-order-content {
    clear: both;
    zoom: 1
}

#order-main-content .bulk-order #bulk-order-content:after, #order-main-content .bulk-order #bulk-order-content:before {
    content: " ";
    display: table
}

#order-main-content .bulk-order #bulk-order-content:after {
    clear: both
}

.lt-ie8 #order-main-content .bulk-order #bulk-order-content {
    clear: both;
    zoom: 1
}

#order-main-content .bulk-order #bulk-order-content:after, #order-main-content .bulk-order #bulk-order-content:before {
    content: " ";
    display: table
}

#order-main-content .bulk-order #bulk-order-content:after {
    clear: both
}

.lt-ie8 #order-main-content .bulk-order #bulk-order-content {
    clear: both;
    zoom: 1
}

#order-main-content .bulk-order #bulk-order-content:after, #order-main-content .bulk-order #bulk-order-content:before {
    content: " ";
    display: table
}

#order-main-content .bulk-order #bulk-order-content:after {
    clear: both
}

.lt-ie8 #order-main-content .bulk-order #bulk-order-content {
    clear: both;
    zoom: 1
}

#order-main-content .bulk-order #bulk-order-content:after, #order-main-content .bulk-order #bulk-order-content:before {
    content: " ";
    display: table
}

#order-main-content .bulk-order #bulk-order-content:after {
    clear: both
}

.lt-ie8 #order-main-content .bulk-order #bulk-order-content {
    clear: both;
    zoom: 1
}

#order-main-content .bulk-order #bulk-order-content:after, #order-main-content .bulk-order #bulk-order-content:before {
    content: " ";
    display: table
}

#order-main-content .bulk-order #bulk-order-content:after {
    clear: both
}

.lt-ie8 #order-main-content .bulk-order #bulk-order-content {
    clear: both;
    zoom: 1
}

#order-main-content .bulk-order #bulk-order-content:after, #order-main-content .bulk-order #bulk-order-content:before {
    content: " ";
    display: table
}

#order-main-content .bulk-order #bulk-order-content:after {
    clear: both
}

.lt-ie8 #order-main-content .bulk-order #bulk-order-content {
    clear: both;
    zoom: 1
}

#order-main-content .bulk-order #bulk-order-content.dropdown-menu-right {
    left: 0;
    right: auto
}

#order-main-content .bulk-order #bulk-order-content #bulkorderSingleAddForm {
    width: auto
}

#order-main-content .bulk-order #bulk-order-content #bulkorderSingleAddForm label[for="bulkorderQuantity"] {
    float: none
}

#order-main-content .bulk-order #bulk-order-content #bulkorderSingleAddForm label {
    width: 127px
}

#order-main-content .bulk-order #bulk-order-content #bulkorderSingleAddForm ul:after, #order-main-content .bulk-order #bulk-order-content #bulkorderSingleAddForm ul:before {
    content: " ";
    display: table
}

#order-main-content .bulk-order #bulk-order-content #bulkorderSingleAddForm ul:after {
    clear: both
}

.lt-ie8 #order-main-content .bulk-order #bulk-order-content #bulkorderSingleAddForm ul {
    clear: both;
    zoom: 1
}

#order-main-content .bulk-order #bulk-order-content #bulkorderSingleAddForm ul:after, #order-main-content .bulk-order #bulk-order-content #bulkorderSingleAddForm ul:before {
    content: " ";
    display: table
}

#order-main-content .bulk-order #bulk-order-content #bulkorderSingleAddForm ul:after {
    clear: both
}

.lt-ie8 #order-main-content .bulk-order #bulk-order-content #bulkorderSingleAddForm ul {
    clear: both;
    zoom: 1
}

#order-main-content .bulk-order #bulk-order-content #bulkorderSingleAddForm ul:after, #order-main-content .bulk-order #bulk-order-content #bulkorderSingleAddForm ul:before {
    content: " ";
    display: table
}

#order-main-content .bulk-order #bulk-order-content #bulkorderSingleAddForm ul:after {
    clear: both
}

.lt-ie8 #order-main-content .bulk-order #bulk-order-content #bulkorderSingleAddForm ul {
    clear: both;
    zoom: 1
}

#order-main-content .bulk-order #bulk-order-content #bulkorderSingleAddForm ul:after, #order-main-content .bulk-order #bulk-order-content #bulkorderSingleAddForm ul:before {
    content: " ";
    display: table
}

#order-main-content .bulk-order #bulk-order-content #bulkorderSingleAddForm ul:after {
    clear: both
}

.lt-ie8 #order-main-content .bulk-order #bulk-order-content #bulkorderSingleAddForm ul {
    clear: both;
    zoom: 1
}

#order-main-content .bulk-order #bulk-order-content #bulkorderSingleAddForm ul:after, #order-main-content .bulk-order #bulk-order-content #bulkorderSingleAddForm ul:before {
    content: " ";
    display: table
}

#order-main-content .bulk-order #bulk-order-content #bulkorderSingleAddForm ul:after {
    clear: both
}

.lt-ie8 #order-main-content .bulk-order #bulk-order-content #bulkorderSingleAddForm ul {
    clear: both;
    zoom: 1
}

#order-main-content .bulk-order #bulk-order-content #bulkorderSingleAddForm ul:after, #order-main-content .bulk-order #bulk-order-content #bulkorderSingleAddForm ul:before {
    content: " ";
    display: table
}

#order-main-content .bulk-order #bulk-order-content #bulkorderSingleAddForm ul:after {
    clear: both
}

.lt-ie8 #order-main-content .bulk-order #bulk-order-content #bulkorderSingleAddForm ul {
    clear: both;
    zoom: 1
}

#order-main-content .bulk-order #bulk-order-content #bulkorderSingleAddForm ul:after, #order-main-content .bulk-order #bulk-order-content #bulkorderSingleAddForm ul:before {
    content: " ";
    display: table
}

#order-main-content .bulk-order #bulk-order-content #bulkorderSingleAddForm ul:after {
    clear: both
}

.lt-ie8 #order-main-content .bulk-order #bulk-order-content #bulkorderSingleAddForm ul {
    clear: both;
    zoom: 1
}

#order-main-content .bulk-order #bulk-order-content #bulkorderSingleAddForm ul:after, #order-main-content .bulk-order #bulk-order-content #bulkorderSingleAddForm ul:before {
    content: " ";
    display: table
}

#order-main-content .bulk-order #bulk-order-content #bulkorderSingleAddForm ul:after {
    clear: both
}

.lt-ie8 #order-main-content .bulk-order #bulk-order-content #bulkorderSingleAddForm ul {
    clear: both;
    zoom: 1
}

#order-main-content .bulk-order #bulk-order-content #bulkorderSingleAddForm ul:after, #order-main-content .bulk-order #bulk-order-content #bulkorderSingleAddForm ul:before {
    content: " ";
    display: table
}

#order-main-content .bulk-order #bulk-order-content #bulkorderSingleAddForm ul:after {
    clear: both
}

.lt-ie8 #order-main-content .bulk-order #bulk-order-content #bulkorderSingleAddForm ul {
    clear: both;
    zoom: 1
}

#order-main-content .bulk-order #bulk-order-content #bulkorderSingleAddForm ul:after, #order-main-content .bulk-order #bulk-order-content #bulkorderSingleAddForm ul:before {
    content: " ";
    display: table
}

#order-main-content .bulk-order #bulk-order-content #bulkorderSingleAddForm ul:after {
    clear: both
}

.lt-ie8 #order-main-content .bulk-order #bulk-order-content #bulkorderSingleAddForm ul {
    clear: both;
    zoom: 1
}

#order-main-content .bulk-order #bulk-order-content #bulkorderSingleAddForm ul li {
    float: left;
    margin-right: 10px
}

#order-main-content .bulk-order #bulk-order-content #bulkorderSingleAddForm #bulkorderQuantity {
    margin: 0
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce {
    font-size: 11px;
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    max-height: 215px;
    overflow-y: auto
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .thead {
    font-weight: bold;
    border-bottom: 1px solid #CCC;
    padding: 7px 20px;
    margin: 0 -20px
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .thead:after, #order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .thead:before {
    content: " ";
    display: table
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .thead:after {
    clear: both
}

.lt-ie8 #order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .thead {
    clear: both;
    zoom: 1
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .thead:after, #order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .thead:before {
    content: " ";
    display: table
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .thead:after {
    clear: both
}

.lt-ie8 #order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .thead {
    clear: both;
    zoom: 1
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .thead:after, #order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .thead:before {
    content: " ";
    display: table
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .thead:after {
    clear: both
}

.lt-ie8 #order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .thead {
    clear: both;
    zoom: 1
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .thead:after, #order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .thead:before {
    content: " ";
    display: table
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .thead:after {
    clear: both
}

.lt-ie8 #order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .thead {
    clear: both;
    zoom: 1
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .thead:after, #order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .thead:before {
    content: " ";
    display: table
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .thead:after {
    clear: both
}

.lt-ie8 #order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .thead {
    clear: both;
    zoom: 1
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .thead:after, #order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .thead:before {
    content: " ";
    display: table
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .thead:after {
    clear: both
}

.lt-ie8 #order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .thead {
    clear: both;
    zoom: 1
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .thead:after, #order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .thead:before {
    content: " ";
    display: table
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .thead:after {
    clear: both
}

.lt-ie8 #order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .thead {
    clear: both;
    zoom: 1
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .thead:after, #order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .thead:before {
    content: " ";
    display: table
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .thead:after {
    clear: both
}

.lt-ie8 #order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .thead {
    clear: both;
    zoom: 1
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .thead:after, #order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .thead:before {
    content: " ";
    display: table
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .thead:after {
    clear: both
}

.lt-ie8 #order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .thead {
    clear: both;
    zoom: 1
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .thead:after, #order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .thead:before {
    content: " ";
    display: table
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .thead:after {
    clear: both
}

.lt-ie8 #order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .thead {
    clear: both;
    zoom: 1
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .td-item {
    width: 175px
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .td-item li {
    font-size: 12px;
    margin-top: 8px;
    line-height: 14px;
    word-wrap: break-word
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .td-item li:first-child {
    margin-top: 0
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .td-item li.removeIcon:after {
    font-family: graingerFont;
    content: "\e61d";
    font-weight: 400;
    margin-left: 5px;
    display: inline-block;
    font-size: 11px
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .td-your-price {
    width: 63px;
    float: right;
    text-align: right
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .tbody .row {
    border-top: 1px solid #CCC;
    padding: 10px 20px;
    margin: 0 -20px;
    width: auto
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .tbody .row:first-child {
    border-top: none
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .tbody .row a {
    font-weight: bold
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .tbody .row .td-qty {
    font-weight: bold;
    font-size: 12px
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .tbody .row .td-your-price {
    line-height: 8px
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd > .table.commerce .tbody .row .td-your-price .price {
    font-size: 12px
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd .bulkOrderPadSubNav #sub-total-text {
    font-weight: bold
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd .bulkOrderPadSubNav #sub-total-text .priceWrapper {
    float: right;
    line-height: 12px
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd #add-to-list {
    border-top: 1px solid #CCC;
    padding: 15px 20px;
    margin: 0 -20px;
    margin-top: 11px;
    background: #eaeaea
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd #add-to-list:after, #order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd #add-to-list:before {
    content: " ";
    display: table
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd #add-to-list:after {
    clear: both
}

.lt-ie8 #order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd #add-to-list {
    clear: both;
    zoom: 1
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd #add-to-list:after, #order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd #add-to-list:before {
    content: " ";
    display: table
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd #add-to-list:after {
    clear: both
}

.lt-ie8 #order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd #add-to-list {
    clear: both;
    zoom: 1
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd #add-to-list:after, #order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd #add-to-list:before {
    content: " ";
    display: table
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd #add-to-list:after {
    clear: both
}

.lt-ie8 #order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd #add-to-list {
    clear: both;
    zoom: 1
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd #add-to-list:after, #order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd #add-to-list:before {
    content: " ";
    display: table
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd #add-to-list:after {
    clear: both
}

.lt-ie8 #order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd #add-to-list {
    clear: both;
    zoom: 1
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd #add-to-list:after, #order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd #add-to-list:before {
    content: " ";
    display: table
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd #add-to-list:after {
    clear: both
}

.lt-ie8 #order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd #add-to-list {
    clear: both;
    zoom: 1
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd #add-to-list:after, #order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd #add-to-list:before {
    content: " ";
    display: table
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd #add-to-list:after {
    clear: both
}

.lt-ie8 #order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd #add-to-list {
    clear: both;
    zoom: 1
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd #add-to-list:after, #order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd #add-to-list:before {
    content: " ";
    display: table
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd #add-to-list:after {
    clear: both
}

.lt-ie8 #order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd #add-to-list {
    clear: both;
    zoom: 1
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd #add-to-list:after, #order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd #add-to-list:before {
    content: " ";
    display: table
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd #add-to-list:after {
    clear: both
}

.lt-ie8 #order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd #add-to-list {
    clear: both;
    zoom: 1
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd #add-to-list:after, #order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd #add-to-list:before {
    content: " ";
    display: table
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd #add-to-list:after {
    clear: both
}

.lt-ie8 #order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd #add-to-list {
    clear: both;
    zoom: 1
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd #add-to-list:after, #order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd #add-to-list:before {
    content: " ";
    display: table
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd #add-to-list:after {
    clear: both
}

.lt-ie8 #order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd #add-to-list {
    clear: both;
    zoom: 1
}

#order-main-content .bulk-order #bulk-order-content #bulkSeperateAdd #add-to-list .isAuthenticatedLink {
    font-size: 12px;
    font-weight: bold;
    margin-left: 8px
}

#order-main-content .bulk-order #bulk-order-content #bulkCopyPasteAdd .sub-total {
    border-top: 1px solid #CCC;
    padding: 15px 20px;
    margin: 0 -20px;
    margin-top: 11px;
    background: #eaeaea
}

#order-main-content .bulk-order .open #show-bulk-order-link {
    background: #EEE;
    color: #666;
    border: 1px solid #ccc;
    border-bottom: none
}

.placeHolder {
    margin-left: 10px
}

.bulkordercenter-content {
    display: inline-block;
    vertical-align: middle;
    display: inline;
    zoom: 1;
    vertical-align: top;
    width: 90%;
    padding-right: 1.7%
}

.td-padding-right {
    padding-right: 20px !important
}

#bopPageLineByLineTable th {
    padding-right: 10px !important
}

.show_hide2 {
    text-decoration: none !important
}

#addMorelinesLink {
    text-decoration: underline !important;
    position: relative;
    float: right;
    right: 210px
}

#bopLineItemLeft, #bulkCopyPasteAdd {
    width: 100% !important
}

.highlightCell {
    border-color: red !important
}

.bulkordercenter-content #errorDivBulkOrderFullPage .alert {
    margin-top: 0 !important
}

#addToCartModal .add-to-pending-order {
    display: none
}

#pendingOrderAddItems #bulk-order-content {
    top: 35px;
    width: 270px;
    border: 1px solid #eee;
    z-index: 1
}

#pendingOrderAddItems.bulk-order {
    z-index: auto
}

#pendingOrderAddItems.bulk-order .dropdown-menu #bulkorderSingleAddForm {
    width: auto
}

#pendingOrderAddItems.bulk-order .dropdown-menu #bulkorderSingleAddForm input[name="productItemNumber"] {
    width: 155px
}

#pendingOrderAddItems.bulk-order .dropdown-menu .dropdown-header, #pendingOrderAddItems.bulk-order .dropdown-menu .tab-content {
    width: auto;
    padding: 10px 15px
}

#pendingOrderAddItemsButton.open {
    background-color: #eee;
    color: #777;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.language-fr #pendingOrderAddItems .btnPrimary {
    font-size: 13px;
    padding: 11px
}

#addToCartModal.pending-order .btn {
    text-transform: initial
}

#addToCartModal.pending-order .add-to-cart {
    display: none
}

#addToCartModal.pending-order .add-to-pending-order {
    display: block
}

.bulkOrderBody #addMorelinesLink {
    right: 455px;
    text-decoration: none !important
}

#bulkCopyPasteFullPageCreate {
    padding-bottom: 20px
}

#quickitemview .modal-header h2 a, #quickitemview .modal-header h2 span {
    display: block;
    font-size: 14px;
    font-weight: normal;
    margin-top: 8px
}

#quickitemview #zoomTrigger, #quickitemview #helpOverlay360 {
    display: none
}

#quickitemview .tabs {
    width: 66.66666666666667%;
    padding: 10px;
    margin-bottom: 10px;
    float: left;
    padding-left: 0;
    padding-top: 0;
    margin-bottom: 0
}

.lt-ie8 #quickitemview .tabs {
    width: 64.66666666666667%
}

.lt-ie8 #quickitemview .tabs {
    width: 64.66666666666667%
}

.lt-ie8 #quickitemview .tabs {
    width: 64.66666666666667%
}

.lt-ie8 #quickitemview .tabs {
    width: 64.66666666666667%
}

.lt-ie8 #quickitemview .tabs {
    width: 64.66666666666667%
}

.lt-ie8 #quickitemview .tabs {
    width: 64.66666666666667%
}

.lt-ie8 #quickitemview .tabs {
    width: 64.66666666666667%
}

.lt-ie8 #quickitemview .tabs {
    width: 64.66666666666667%
}

.lt-ie8 #quickitemview .tabs {
    width: 64.66666666666667%
}

.lt-ie8 #quickitemview .tabs {
    width: 64.66666666666667%
}

#quickitemview .tabs .nav-tabs {
    margin: 0
}

#quickitemview .tabs .tab-content {
    font-size: 13px;
    border-bottom: none
}

#quickitemview .tabs #details_tab .detail-product-image {
    width: 33.333333333333336%;
    padding: 10px;
    margin-bottom: 10px;
    float: left
}

.lt-ie8 #quickitemview .tabs #details_tab .detail-product-image {
    width: 31.333333333333336%
}

.lt-ie8 #quickitemview .tabs #details_tab .detail-product-image {
    width: 31.333333333333336%
}

.lt-ie8 #quickitemview .tabs #details_tab .detail-product-image {
    width: 31.333333333333336%
}

.lt-ie8 #quickitemview .tabs #details_tab .detail-product-image {
    width: 31.333333333333336%
}

.lt-ie8 #quickitemview .tabs #details_tab .detail-product-image {
    width: 31.333333333333336%
}

.lt-ie8 #quickitemview .tabs #details_tab .detail-product-image {
    width: 31.333333333333336%
}

.lt-ie8 #quickitemview .tabs #details_tab .detail-product-image {
    width: 31.333333333333336%
}

.lt-ie8 #quickitemview .tabs #details_tab .detail-product-image {
    width: 31.333333333333336%
}

.lt-ie8 #quickitemview .tabs #details_tab .detail-product-image {
    width: 31.333333333333336%
}

.lt-ie8 #quickitemview .tabs #details_tab .detail-product-image {
    width: 31.333333333333336%
}

#quickitemview .tabs #details_tab .detail-product-info {
    width: 66.66666666666667%;
    padding: 10px;
    margin-bottom: 10px;
    float: left
}

.lt-ie8 #quickitemview .tabs #details_tab .detail-product-info {
    width: 64.66666666666667%
}

.lt-ie8 #quickitemview .tabs #details_tab .detail-product-info {
    width: 64.66666666666667%
}

.lt-ie8 #quickitemview .tabs #details_tab .detail-product-info {
    width: 64.66666666666667%
}

.lt-ie8 #quickitemview .tabs #details_tab .detail-product-info {
    width: 64.66666666666667%
}

.lt-ie8 #quickitemview .tabs #details_tab .detail-product-info {
    width: 64.66666666666667%
}

.lt-ie8 #quickitemview .tabs #details_tab .detail-product-info {
    width: 64.66666666666667%
}

.lt-ie8 #quickitemview .tabs #details_tab .detail-product-info {
    width: 64.66666666666667%
}

.lt-ie8 #quickitemview .tabs #details_tab .detail-product-info {
    width: 64.66666666666667%
}

.lt-ie8 #quickitemview .tabs #details_tab .detail-product-info {
    width: 64.66666666666667%
}

.lt-ie8 #quickitemview .tabs #details_tab .detail-product-info {
    width: 64.66666666666667%
}

#quickitemview .tabs #details_tab .product-reviews-mini {
    margin: 15px 0;
    padding: 15px 0 12px 0;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC
}

#quickitemview .tabs #details_tab .product-reviews-mini .prodReviews {
    width: 190px
}

#quickitemview .tabs #details_tab .product-reviews-mini .prodReviews:after, #quickitemview .tabs #details_tab .product-reviews-mini .prodReviews:before {
    content: " ";
    display: table
}

#quickitemview .tabs #details_tab .product-reviews-mini .prodReviews:after {
    clear: both
}

.lt-ie8 #quickitemview .tabs #details_tab .product-reviews-mini .prodReviews {
    clear: both;
    zoom: 1
}

#quickitemview .tabs #details_tab .product-reviews-mini .prodReviews:after, #quickitemview .tabs #details_tab .product-reviews-mini .prodReviews:before {
    content: " ";
    display: table
}

#quickitemview .tabs #details_tab .product-reviews-mini .prodReviews:after {
    clear: both
}

.lt-ie8 #quickitemview .tabs #details_tab .product-reviews-mini .prodReviews {
    clear: both;
    zoom: 1
}

#quickitemview .tabs #details_tab .product-reviews-mini .prodReviews:after, #quickitemview .tabs #details_tab .product-reviews-mini .prodReviews:before {
    content: " ";
    display: table
}

#quickitemview .tabs #details_tab .product-reviews-mini .prodReviews:after {
    clear: both
}

.lt-ie8 #quickitemview .tabs #details_tab .product-reviews-mini .prodReviews {
    clear: both;
    zoom: 1
}

#quickitemview .tabs #details_tab .product-reviews-mini .prodReviews:after, #quickitemview .tabs #details_tab .product-reviews-mini .prodReviews:before {
    content: " ";
    display: table
}

#quickitemview .tabs #details_tab .product-reviews-mini .prodReviews:after {
    clear: both
}

.lt-ie8 #quickitemview .tabs #details_tab .product-reviews-mini .prodReviews {
    clear: both;
    zoom: 1
}

#quickitemview .tabs #details_tab .product-reviews-mini .prodReviews:after, #quickitemview .tabs #details_tab .product-reviews-mini .prodReviews:before {
    content: " ";
    display: table
}

#quickitemview .tabs #details_tab .product-reviews-mini .prodReviews:after {
    clear: both
}

.lt-ie8 #quickitemview .tabs #details_tab .product-reviews-mini .prodReviews {
    clear: both;
    zoom: 1
}

#quickitemview .tabs #details_tab .product-reviews-mini .prodReviews:after, #quickitemview .tabs #details_tab .product-reviews-mini .prodReviews:before {
    content: " ";
    display: table
}

#quickitemview .tabs #details_tab .product-reviews-mini .prodReviews:after {
    clear: both
}

.lt-ie8 #quickitemview .tabs #details_tab .product-reviews-mini .prodReviews {
    clear: both;
    zoom: 1
}

#quickitemview .tabs #details_tab .product-reviews-mini .prodReviews:after, #quickitemview .tabs #details_tab .product-reviews-mini .prodReviews:before {
    content: " ";
    display: table
}

#quickitemview .tabs #details_tab .product-reviews-mini .prodReviews:after {
    clear: both
}

.lt-ie8 #quickitemview .tabs #details_tab .product-reviews-mini .prodReviews {
    clear: both;
    zoom: 1
}

#quickitemview .tabs #details_tab .product-reviews-mini .prodReviews:after, #quickitemview .tabs #details_tab .product-reviews-mini .prodReviews:before {
    content: " ";
    display: table
}

#quickitemview .tabs #details_tab .product-reviews-mini .prodReviews:after {
    clear: both
}

.lt-ie8 #quickitemview .tabs #details_tab .product-reviews-mini .prodReviews {
    clear: both;
    zoom: 1
}

#quickitemview .tabs #details_tab .product-reviews-mini .prodReviews:after, #quickitemview .tabs #details_tab .product-reviews-mini .prodReviews:before {
    content: " ";
    display: table
}

#quickitemview .tabs #details_tab .product-reviews-mini .prodReviews:after {
    clear: both
}

.lt-ie8 #quickitemview .tabs #details_tab .product-reviews-mini .prodReviews {
    clear: both;
    zoom: 1
}

#quickitemview .tabs #details_tab .product-reviews-mini .prodReviews:after, #quickitemview .tabs #details_tab .product-reviews-mini .prodReviews:before {
    content: " ";
    display: table
}

#quickitemview .tabs #details_tab .product-reviews-mini .prodReviews:after {
    clear: both
}

.lt-ie8 #quickitemview .tabs #details_tab .product-reviews-mini .prodReviews {
    clear: both;
    zoom: 1
}

#quickitemview .tabs #details_tab .product-reviews-mini .prodReviews li {
    float: left;
    min-height: 18px
}

#quickitemview .tabs #details_tab .product-reviews-mini .prodReviews li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #quickitemview .tabs #details_tab .product-reviews-mini .prodReviews li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #quickitemview .tabs #details_tab .product-reviews-mini .prodReviews li:first-child {
    border: none
}

#quickitemview .tabs #details_tab .product-reviews-mini .prodReviews li:first-child:before {
    display: none
}

#quickitemview .tabs #details_tab .product-reviews-mini .prodReviews li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #quickitemview .tabs #details_tab .product-reviews-mini .prodReviews li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #quickitemview .tabs #details_tab .product-reviews-mini .prodReviews li:first-child {
    border: none
}

#quickitemview .tabs #details_tab .product-reviews-mini .prodReviews li:first-child:before {
    display: none
}

#quickitemview .tabs #details_tab .product-reviews-mini .prodReviews li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #quickitemview .tabs #details_tab .product-reviews-mini .prodReviews li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #quickitemview .tabs #details_tab .product-reviews-mini .prodReviews li:first-child {
    border: none
}

#quickitemview .tabs #details_tab .product-reviews-mini .prodReviews li:first-child:before {
    display: none
}

#quickitemview .tabs #details_tab .product-reviews-mini .prodReviews li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #quickitemview .tabs #details_tab .product-reviews-mini .prodReviews li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #quickitemview .tabs #details_tab .product-reviews-mini .prodReviews li:first-child {
    border: none
}

#quickitemview .tabs #details_tab .product-reviews-mini .prodReviews li:first-child:before {
    display: none
}

#quickitemview .tabs #details_tab .product-reviews-mini .prodReviews li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #quickitemview .tabs #details_tab .product-reviews-mini .prodReviews li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #quickitemview .tabs #details_tab .product-reviews-mini .prodReviews li:first-child {
    border: none
}

#quickitemview .tabs #details_tab .product-reviews-mini .prodReviews li:first-child:before {
    display: none
}

#quickitemview .tabs #details_tab .product-reviews-mini .prodReviews li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #quickitemview .tabs #details_tab .product-reviews-mini .prodReviews li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #quickitemview .tabs #details_tab .product-reviews-mini .prodReviews li:first-child {
    border: none
}

#quickitemview .tabs #details_tab .product-reviews-mini .prodReviews li:first-child:before {
    display: none
}

#quickitemview .tabs #details_tab .product-reviews-mini .prodReviews li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #quickitemview .tabs #details_tab .product-reviews-mini .prodReviews li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #quickitemview .tabs #details_tab .product-reviews-mini .prodReviews li:first-child {
    border: none
}

#quickitemview .tabs #details_tab .product-reviews-mini .prodReviews li:first-child:before {
    display: none
}

#quickitemview .tabs #details_tab .product-reviews-mini .prodReviews li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #quickitemview .tabs #details_tab .product-reviews-mini .prodReviews li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #quickitemview .tabs #details_tab .product-reviews-mini .prodReviews li:first-child {
    border: none
}

#quickitemview .tabs #details_tab .product-reviews-mini .prodReviews li:first-child:before {
    display: none
}

#quickitemview .tabs #details_tab .product-reviews-mini .prodReviews li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #quickitemview .tabs #details_tab .product-reviews-mini .prodReviews li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #quickitemview .tabs #details_tab .product-reviews-mini .prodReviews li:first-child {
    border: none
}

#quickitemview .tabs #details_tab .product-reviews-mini .prodReviews li:first-child:before {
    display: none
}

#quickitemview .tabs #details_tab .product-reviews-mini .prodReviews li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #quickitemview .tabs #details_tab .product-reviews-mini .prodReviews li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #quickitemview .tabs #details_tab .product-reviews-mini .prodReviews li:first-child {
    border: none
}

#quickitemview .tabs #details_tab .product-reviews-mini .prodReviews li:first-child:before {
    display: none
}

#quickitemview .tabs #details_tab .product-reviews-mini .prodReviews li .starRating {
    margin-top: -3px
}

#quickitemview .tabs #details_tab .product-reviews-mini .prodReviews li a {
    font-size: 12px;
    font-weight: bold
}

#quickitemview .tabs #details_tab .product-reviews-mini .prodReviews li:nth-child(3):before {
    display: none
}

#quickitemview .tabs #details_tab .nsmNumber {
    margin-bottom: 8px
}

#quickitemview .tabs #details_tab .nsmNumber:after, #quickitemview .tabs #details_tab .nsmNumber:before {
    content: " ";
    display: table
}

#quickitemview .tabs #details_tab .nsmNumber:after {
    clear: both
}

.lt-ie8 #quickitemview .tabs #details_tab .nsmNumber {
    clear: both;
    zoom: 1
}

#quickitemview .tabs #details_tab .nsmNumber:after, #quickitemview .tabs #details_tab .nsmNumber:before {
    content: " ";
    display: table
}

#quickitemview .tabs #details_tab .nsmNumber:after {
    clear: both
}

.lt-ie8 #quickitemview .tabs #details_tab .nsmNumber {
    clear: both;
    zoom: 1
}

#quickitemview .tabs #details_tab .nsmNumber:after, #quickitemview .tabs #details_tab .nsmNumber:before {
    content: " ";
    display: table
}

#quickitemview .tabs #details_tab .nsmNumber:after {
    clear: both
}

.lt-ie8 #quickitemview .tabs #details_tab .nsmNumber {
    clear: both;
    zoom: 1
}

#quickitemview .tabs #details_tab .nsmNumber:after, #quickitemview .tabs #details_tab .nsmNumber:before {
    content: " ";
    display: table
}

#quickitemview .tabs #details_tab .nsmNumber:after {
    clear: both
}

.lt-ie8 #quickitemview .tabs #details_tab .nsmNumber {
    clear: both;
    zoom: 1
}

#quickitemview .tabs #details_tab .nsmNumber:after, #quickitemview .tabs #details_tab .nsmNumber:before {
    content: " ";
    display: table
}

#quickitemview .tabs #details_tab .nsmNumber:after {
    clear: both
}

.lt-ie8 #quickitemview .tabs #details_tab .nsmNumber {
    clear: both;
    zoom: 1
}

#quickitemview .tabs #details_tab .nsmNumber:after, #quickitemview .tabs #details_tab .nsmNumber:before {
    content: " ";
    display: table
}

#quickitemview .tabs #details_tab .nsmNumber:after {
    clear: both
}

.lt-ie8 #quickitemview .tabs #details_tab .nsmNumber {
    clear: both;
    zoom: 1
}

#quickitemview .tabs #details_tab .nsmNumber:after, #quickitemview .tabs #details_tab .nsmNumber:before {
    content: " ";
    display: table
}

#quickitemview .tabs #details_tab .nsmNumber:after {
    clear: both
}

.lt-ie8 #quickitemview .tabs #details_tab .nsmNumber {
    clear: both;
    zoom: 1
}

#quickitemview .tabs #details_tab .nsmNumber:after, #quickitemview .tabs #details_tab .nsmNumber:before {
    content: " ";
    display: table
}

#quickitemview .tabs #details_tab .nsmNumber:after {
    clear: both
}

.lt-ie8 #quickitemview .tabs #details_tab .nsmNumber {
    clear: both;
    zoom: 1
}

#quickitemview .tabs #details_tab .nsmNumber:after, #quickitemview .tabs #details_tab .nsmNumber:before {
    content: " ";
    display: table
}

#quickitemview .tabs #details_tab .nsmNumber:after {
    clear: both
}

.lt-ie8 #quickitemview .tabs #details_tab .nsmNumber {
    clear: both;
    zoom: 1
}

#quickitemview .tabs #details_tab .nsmNumber:after, #quickitemview .tabs #details_tab .nsmNumber:before {
    content: " ";
    display: table
}

#quickitemview .tabs #details_tab .nsmNumber:after {
    clear: both
}

.lt-ie8 #quickitemview .tabs #details_tab .nsmNumber {
    clear: both;
    zoom: 1
}

#quickitemview .tabs #details_tab .nsmNumber .dropdown-menu {
    min-width: 200px
}

#quickitemview .tabs #description_tab .techSpecsTable {
    max-height: 300px;
    overflow-y: auto
}

#quickitemview .tabs #description_tab .techSpecsTable li {
    border-bottom: 1px solid #ccc;
    padding: 12px 0
}

#quickitemview .tabs #description_tab .techSpecsTable li:after, #quickitemview .tabs #description_tab .techSpecsTable li:before {
    content: " ";
    display: table
}

#quickitemview .tabs #description_tab .techSpecsTable li:after {
    clear: both
}

.lt-ie8 #quickitemview .tabs #description_tab .techSpecsTable li {
    clear: both;
    zoom: 1
}

#quickitemview .tabs #description_tab .techSpecsTable li:after, #quickitemview .tabs #description_tab .techSpecsTable li:before {
    content: " ";
    display: table
}

#quickitemview .tabs #description_tab .techSpecsTable li:after {
    clear: both
}

.lt-ie8 #quickitemview .tabs #description_tab .techSpecsTable li {
    clear: both;
    zoom: 1
}

#quickitemview .tabs #description_tab .techSpecsTable li:after, #quickitemview .tabs #description_tab .techSpecsTable li:before {
    content: " ";
    display: table
}

#quickitemview .tabs #description_tab .techSpecsTable li:after {
    clear: both
}

.lt-ie8 #quickitemview .tabs #description_tab .techSpecsTable li {
    clear: both;
    zoom: 1
}

#quickitemview .tabs #description_tab .techSpecsTable li:after, #quickitemview .tabs #description_tab .techSpecsTable li:before {
    content: " ";
    display: table
}

#quickitemview .tabs #description_tab .techSpecsTable li:after {
    clear: both
}

.lt-ie8 #quickitemview .tabs #description_tab .techSpecsTable li {
    clear: both;
    zoom: 1
}

#quickitemview .tabs #description_tab .techSpecsTable li:after, #quickitemview .tabs #description_tab .techSpecsTable li:before {
    content: " ";
    display: table
}

#quickitemview .tabs #description_tab .techSpecsTable li:after {
    clear: both
}

.lt-ie8 #quickitemview .tabs #description_tab .techSpecsTable li {
    clear: both;
    zoom: 1
}

#quickitemview .tabs #description_tab .techSpecsTable li:after, #quickitemview .tabs #description_tab .techSpecsTable li:before {
    content: " ";
    display: table
}

#quickitemview .tabs #description_tab .techSpecsTable li:after {
    clear: both
}

.lt-ie8 #quickitemview .tabs #description_tab .techSpecsTable li {
    clear: both;
    zoom: 1
}

#quickitemview .tabs #description_tab .techSpecsTable li:after, #quickitemview .tabs #description_tab .techSpecsTable li:before {
    content: " ";
    display: table
}

#quickitemview .tabs #description_tab .techSpecsTable li:after {
    clear: both
}

.lt-ie8 #quickitemview .tabs #description_tab .techSpecsTable li {
    clear: both;
    zoom: 1
}

#quickitemview .tabs #description_tab .techSpecsTable li:after, #quickitemview .tabs #description_tab .techSpecsTable li:before {
    content: " ";
    display: table
}

#quickitemview .tabs #description_tab .techSpecsTable li:after {
    clear: both
}

.lt-ie8 #quickitemview .tabs #description_tab .techSpecsTable li {
    clear: both;
    zoom: 1
}

#quickitemview .tabs #description_tab .techSpecsTable li:after, #quickitemview .tabs #description_tab .techSpecsTable li:before {
    content: " ";
    display: table
}

#quickitemview .tabs #description_tab .techSpecsTable li:after {
    clear: both
}

.lt-ie8 #quickitemview .tabs #description_tab .techSpecsTable li {
    clear: both;
    zoom: 1
}

#quickitemview .tabs #description_tab .techSpecsTable li:after, #quickitemview .tabs #description_tab .techSpecsTable li:before {
    content: " ";
    display: table
}

#quickitemview .tabs #description_tab .techSpecsTable li:after {
    clear: both
}

.lt-ie8 #quickitemview .tabs #description_tab .techSpecsTable li {
    clear: both;
    zoom: 1
}

#quickitemview .tabs #description_tab .techSpecsTable li > span {
    width: 50%;
    padding: 0;
    margin-bottom: 10px;
    float: left;
    margin-bottom: 0
}

.lt-ie8 #quickitemview .tabs #description_tab .techSpecsTable li > span {
    width: 48%
}

.lt-ie8 #quickitemview .tabs #description_tab .techSpecsTable li > span {
    width: 48%
}

.lt-ie8 #quickitemview .tabs #description_tab .techSpecsTable li > span {
    width: 48%
}

.lt-ie8 #quickitemview .tabs #description_tab .techSpecsTable li > span {
    width: 48%
}

.lt-ie8 #quickitemview .tabs #description_tab .techSpecsTable li > span {
    width: 48%
}

.lt-ie8 #quickitemview .tabs #description_tab .techSpecsTable li > span {
    width: 48%
}

.lt-ie8 #quickitemview .tabs #description_tab .techSpecsTable li > span {
    width: 48%
}

.lt-ie8 #quickitemview .tabs #description_tab .techSpecsTable li > span {
    width: 48%
}

.lt-ie8 #quickitemview .tabs #description_tab .techSpecsTable li > span {
    width: 48%
}

.lt-ie8 #quickitemview .tabs #description_tab .techSpecsTable li > span {
    width: 48%
}

#quickitemview .tabs #description_tab .techSpecsTable li .specValue {
    font-weight: 700
}

#quickitemview .tabs #description_tab #idpAddInfoMsds {
    margin-top: 20px
}

#quickitemview .quickviewActions {
    width: 33.333333333333336%;
    padding: 10px;
    margin-bottom: 10px;
    float: left
}

.lt-ie8 #quickitemview .quickviewActions {
    width: 31.333333333333336%
}

.lt-ie8 #quickitemview .quickviewActions {
    width: 31.333333333333336%
}

.lt-ie8 #quickitemview .quickviewActions {
    width: 31.333333333333336%
}

.lt-ie8 #quickitemview .quickviewActions {
    width: 31.333333333333336%
}

.lt-ie8 #quickitemview .quickviewActions {
    width: 31.333333333333336%
}

.lt-ie8 #quickitemview .quickviewActions {
    width: 31.333333333333336%
}

.lt-ie8 #quickitemview .quickviewActions {
    width: 31.333333333333336%
}

.lt-ie8 #quickitemview .quickviewActions {
    width: 31.333333333333336%
}

.lt-ie8 #quickitemview .quickviewActions {
    width: 31.333333333333336%
}

.lt-ie8 #quickitemview .quickviewActions {
    width: 31.333333333333336%
}

#quickitemview .quickviewActions #ItemDetailInfo {
    background: #eaeaea;
    padding: 10px
}

#quickitemview .quickviewActions #ItemDetailInfo .detail-info-box > * {
    padding-left: 10px;
    padding-right: 10px
}

#quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .productPrice .price {
    font-size: 18px
}

@media (max-width: 780px) {
    #quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .productPrice .priceWrapper {
        margin-bottom: 0
    }
}

@media (max-width: 780px) {
    #quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .productPrice .priceWrapper .regularPrice {
        margin-bottom: 0
    }
}

@media (max-width: 780px) {
    #quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .productPrice {
        margin-bottom: 0;
        width: 100%
    }
}

#quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .quickviewAvailability {
    margin-top: 15px;
    margin-bottom: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

#quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .quickviewAvailability .quantity {
    width: 25%;
    padding: 10px;
    margin-bottom: 10px;
    float: left;
    padding-left: 0;
    padding-bottom: 0
}

.lt-ie8 #quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .quickviewAvailability .quantity {
    width: 23%
}

.lt-ie8 #quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .quickviewAvailability .quantity {
    width: 23%
}

.lt-ie8 #quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .quickviewAvailability .quantity {
    width: 23%
}

.lt-ie8 #quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .quickviewAvailability .quantity {
    width: 23%
}

.lt-ie8 #quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .quickviewAvailability .quantity {
    width: 23%
}

.lt-ie8 #quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .quickviewAvailability .quantity {
    width: 23%
}

.lt-ie8 #quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .quickviewAvailability .quantity {
    width: 23%
}

.lt-ie8 #quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .quickviewAvailability .quantity {
    width: 23%
}

.lt-ie8 #quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .quickviewAvailability .quantity {
    width: 23%
}

.lt-ie8 #quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .quickviewAvailability .quantity {
    width: 23%
}

#quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .quickviewAvailability h6 {
    margin-bottom: 6px
}

#quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .quickviewAvailability .availabilityMessage {
    font-size: 12px;
    margin-bottom: 6px
}

#quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .quickviewAvailability .zip {
    width: 75%;
    padding: 10px;
    margin-bottom: 10px;
    float: left;
    padding: 0
}

.lt-ie8 #quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .quickviewAvailability .zip {
    width: 73%
}

.lt-ie8 #quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .quickviewAvailability .zip {
    width: 73%
}

.lt-ie8 #quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .quickviewAvailability .zip {
    width: 73%
}

.lt-ie8 #quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .quickviewAvailability .zip {
    width: 73%
}

.lt-ie8 #quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .quickviewAvailability .zip {
    width: 73%
}

.lt-ie8 #quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .quickviewAvailability .zip {
    width: 73%
}

.lt-ie8 #quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .quickviewAvailability .zip {
    width: 73%
}

.lt-ie8 #quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .quickviewAvailability .zip {
    width: 73%
}

.lt-ie8 #quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .quickviewAvailability .zip {
    width: 73%
}

.lt-ie8 #quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .quickviewAvailability .zip {
    width: 73%
}

@media (max-width: 780px) {
    #quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .quickviewAvailability .zip input {
        width: 120px
    }
}

#quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .quickviewAvailability .quantity, #quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .quickviewAvailability .zip {
    padding-top: 0;
    margin-bottom: 5px
}

@media (max-width: 780px) {
    #quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .quickviewAvailability .quantity, #quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .quickviewAvailability .zip {
        float: none
    }
}

@media (max-width: 780px) {
    #quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .quickviewAvailability .btn {
        padding: 9px 5px
    }
}

#quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .avail {
    margin-top: 12px;
    font-size: 12px;
    font-weight: bold
}

#quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .detail-info-qty .quantity {
    display: inline-block;
    margin: 0 10px 0 0;
    float: left
}

@media (max-width: 780px) {
    #quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .detail-info-qty .quantity {
        margin-top: 10px
    }
}

#quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .detail-info-qty .btnPrimary {
    float: left
}

@media (max-width: 780px) {
    #quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .detail-info-qty .btnPrimary {
        margin-bottom: 5px
    }
}

#quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .detail-info-qty .add-to-list {
    clear: both;
    display: block;
    margin: 2px 7px 3px 0;
    font-size: 12px;
    font-weight: bold;
    text-align: right
}

@media (max-width: 780px) {
    #quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .detail-info-qty .add-to-list {
        text-align: left
    }
}

#quickitemview .quickviewActions #ItemDetailInfo .detail-info-box .extra-options {
    font-size: 12px;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #ccc
}

#quickitemview .detail-product-image .mainImageBar, #quickitemview .detail-product-image .close {
    display: none
}

#mylistSelectAdd .view-list-filter-block {
    margin: 0
}

#mylistSelectAdd .view-list-filter-block .styledSelect, #mylistSelectAdd .view-list-filter-block .button {
    display: inline-block
}

#mylistSelectAdd .view-list-filter-block .button {
    margin: 0 0 0 10px
}

#mylistSelectAdd .view-list-filter-block .button .btn {
    margin: 0
}

#mylistSelectAdd #addToListModalListsDiv {
    max-height: 100px;
    margin: 0 0 20px 0;
    overflow-y: auto
}

#mylistSelectAdd #addToListModalListsDiv .radio {
    width: 50%;
    padding: 10px;
    margin-bottom: 10px;
    float: left;
    margin: 0;
    padding: 5px
}

.lt-ie8 #mylistSelectAdd #addToListModalListsDiv .radio {
    width: 48%
}

.lt-ie8 #mylistSelectAdd #addToListModalListsDiv .radio {
    width: 48%
}

.lt-ie8 #mylistSelectAdd #addToListModalListsDiv .radio {
    width: 48%
}

.lt-ie8 #mylistSelectAdd #addToListModalListsDiv .radio {
    width: 48%
}

.lt-ie8 #mylistSelectAdd #addToListModalListsDiv .radio {
    width: 48%
}

.lt-ie8 #mylistSelectAdd #addToListModalListsDiv .radio {
    width: 48%
}

.lt-ie8 #mylistSelectAdd #addToListModalListsDiv .radio {
    width: 48%
}

.lt-ie8 #mylistSelectAdd #addToListModalListsDiv .radio {
    width: 48%
}

.lt-ie8 #mylistSelectAdd #addToListModalListsDiv .radio {
    width: 48%
}

.lt-ie8 #mylistSelectAdd #addToListModalListsDiv .radio {
    width: 48%
}

#mylistSelectAdd #addToListModalListsDiv .radio > * {
    display: inline-block
}

#mylistSelectAdd #addToListModalListsDiv .radio label {
    line-height: 14px;
    margin: 0 0 0 7px;
    word-wrap: break-word
}

#mylistSelectAdd .addNew {
    padding-top: 20px;
    border-top: 1px solid #ccc;
    background: radial-gradient(center, ellipse cover, rgba(25, 25, 25, 0.35) 0, rgba(0, 0, 0, 0) 100%);
    background: radial-gradient(ellipse 70% 10px at top, rgba(25, 25, 25, 0.35) 0, rgba(255, 255, 255, 0) 80%)
}

#mylistSelectAdd .addNew textarea {
    width: 375px;
    resize: none
}

#mylistSelectAdd .addNew textarea + span {
    display: block
}

#mylistSelectAdd table {
    text-align: left;
    font-size: 12px
}

#mylistSelectAdd table th {
    padding-right: 12px;
    padding-bottom: 16px
}

#mylistSelectAdd table td {
    vertical-align: top
}

#mylistSelectAdd table td a {
    display: block;
    font-size: 12px;
    max-width: 94%
}

#moveItemsToListForm #list-of-items-to-save {
    max-height: 130px;
    margin: 0 0 20px 0;
    overflow-y: auto
}

#moveItemsToListForm #list-of-items-to-save .checkbox {
    width: 50%;
    padding: 10px;
    margin-bottom: 10px;
    float: left;
    margin: 0;
    padding: 5px
}

.lt-ie8 #moveItemsToListForm #list-of-items-to-save .checkbox {
    width: 48%
}

.lt-ie8 #moveItemsToListForm #list-of-items-to-save .checkbox {
    width: 48%
}

.lt-ie8 #moveItemsToListForm #list-of-items-to-save .checkbox {
    width: 48%
}

.lt-ie8 #moveItemsToListForm #list-of-items-to-save .checkbox {
    width: 48%
}

.lt-ie8 #moveItemsToListForm #list-of-items-to-save .checkbox {
    width: 48%
}

.lt-ie8 #moveItemsToListForm #list-of-items-to-save .checkbox {
    width: 48%
}

.lt-ie8 #moveItemsToListForm #list-of-items-to-save .checkbox {
    width: 48%
}

.lt-ie8 #moveItemsToListForm #list-of-items-to-save .checkbox {
    width: 48%
}

.lt-ie8 #moveItemsToListForm #list-of-items-to-save .checkbox {
    width: 48%
}

.lt-ie8 #moveItemsToListForm #list-of-items-to-save .checkbox {
    width: 48%
}

#moveItemsToListForm #list-of-items-to-save .checkbox > * {
    display: inline-block
}

#moveItemsToListForm #list-of-items-to-save .checkbox input {
    float: left
}

#moveItemsToListForm #list-of-items-to-save .checkbox label {
    line-height: 14px;
    margin: 0 0 0 7px;
    font-weight: normal
}

#moveItemsToListForm .nav {
    padding-top: 20px;
    border-top: 1px solid #ccc;
    background: radial-gradient(center, ellipse cover, rgba(25, 25, 25, 0.35) 0, rgba(0, 0, 0, 0) 100%);
    background: radial-gradient(ellipse 70% 10px at top, rgba(25, 25, 25, 0.35) 0, rgba(255, 255, 255, 0) 80%)
}

#moveItemsToListForm .nav > li {
    display: inline-block;
    margin-right: 55px;
    vertical-align: top
}

#moveItemsToListForm .nav > li.or {
    margin-top: 30px
}

#moveItemsToListForm .filterLists {
    margin-top: 10px
}

#moveItemsToListForm .filterLists label, #moveItemsToListForm .filterLists .myListsFilterLabel {
    margin-top: 10px
}

@font-face {
    font-family: 'lists';
    src: url('/_ui/addons/gwwlistaddon/images/fonts/lists.eot?stqnaf');
    src: url('/_ui/addons/gwwlistaddon/images/fonts/lists.eot?stqnaf#iefix') format('embedded-opentype'), url('/_ui/addons/gwwlistaddon/images/fonts/lists.ttf?stqnaf') format('truetype'), url('/_ui/addons/gwwlistaddon/images/fonts/lists.woff?stqnaf') format('woff'), url('/_ui/addons/gwwlistaddon/images/fonts/lists.svg?stqnaf#lists') format('svg');
    font-weight: normal;
    font-style: normal
}

.mdl-order-list {
    background-color: #fff;
    position: fixed;
    display: block;
    left: 35%;
    top: 10%;
    display: none;
    width: 500px;
    z-index: 10001;
    border-top: 3px solid #333;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 20px #333
}

.mdl-order-list .mdl-section input[type=text] {
    width: 200px;
    padding: 8px 30px 8px 5px;
    border-radius: 3px
}

.mdl-order-list .mdl-section input[type=text] h2 {
    font-size: 18px;
    margin-top: 0 !important
}

.mdl-order-list .mdl-section input[type=text] .float-right {
    margin-top: 3px !important
}

.mdl-order-list .mdl-section label {
    font-weight: normal;
    display: inline-block;
    width: 85%;
    line-height: 18px;
    vertical-align: top;
    word-break: break-all
}

.mdl-order-list .mdl-section input[type=text]:focus {
    border: 1px solid #ccc
}

.mdl-order-list .mdl-section .btnInvisible {
    background-color: transparent;
    color: #00739e
}

.mdl-order-list .mdl-section input.product-number-input {
    width: 105px;
    margin-right: 5px;
    padding: 10px 5px;
    border-radius: 3px
}

.mdl-order-list .mdl-section input.product-quantity-input {
    width: 40px;
    margin-right: 5px;
    padding: 10px 5px;
    border-radius: 2px;
    text-align: center
}

.mdl-order-list .mdl-section .mdl-tabs {
    font-size: 0
}

.mdl-order-list .mdl-section .mdl-tabs .mdl-tab-items {
    display: inline-block;
    font-size: 14px;
    background-color: #eee;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    margin-right: 5px;
    position: relative;
    top: 5px
}

.mdl-order-list .mdl-section .mdl-tabs .selected {
    background: #fff;
    color: #666;
    margin-bottom: 0
}

.mdl-order-list .mdl-section .mdl-tabs a {
    display: block;
    padding: 12px 20px;
    color: #000
}

.mdl-order-list .mdl-section .list-wrap {
    height: 240px;
    overflow: auto;
    padding: 10px;
    border: 1px solid #999
}

.mdl-order-list .mdl-section ul li {
    padding: 8px 5px;
    border-bottom: 1px solid #eee
}

.mdl-order-list .mdl-section ul li.check-all {
    border-bottom: 1px solid #999
}

.mdl-order-list .mdl-section ul li.true:before, .mdl-order-list .mdl-section ul li.false:before {
    font-family: 'lists';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: small;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 17px;
    font-size: 17px;
    color: #f0ad4e;
    content: "\e90c"
}

.mdl-order-list .mdl-section ul li.false:before {
    color: #fff
}

.mdl-order-list .mdl-section ul#corporateListName li:before {
    margin-right: 4px
}

.mdl-order-list .mdl-section .search-wrap {
    text-align: right;
    margin: -35px 15px 3px 0
}

.mdl-order-list .mdl-section .search-wrap input[type=text] {
    top: 1px;
    right: -2px;
    position: relative
}

.mdl-order-list .mdl-section .search {
    margin-bottom: 0;
    border-radius: 3px;
    border: 1px solid #ccc
}

.mdl-order-list .mdl-section .search::-ms-clear {
    display: none
}

.mdl-order-list .mdl-section .search-icon, .mdl-order-list .mdl-section .clear-icon {
    display: inline-block;
    margin-left: -30px
}

.mdl-order-list .mdl-section .search-icon:after, .mdl-order-list .mdl-section .clear-icon:after {
    font-family: graingerFont;
    content: "\e61a"
}

.mdl-order-list .mdl-section .clear-icon:after {
    content: "\e903"
}

.mdl-order-list .message-wrap p {
    color: #ad3333;
    padding: 10px 15px;
    margin: 0;
    line-height: 1.5em;
    font-size: .875em
}

.mdl-order-list .message-wrap p.success {
    color: #257238
}

.mdl-order-list .message-wrap p:before {
    font-family: graingerFont;
    content: "\e610";
    font-weight: 400;
    margin-right: 10px;
    display: inline-block;
    vertical-align: top
}

.mdl-order-list .message-wrap p.alert:before {
    content: "\e616"
}

.mdl-order-list .message-wrap p.success:before {
    content: "\e61e"
}

.lt-ie10 .mdl-order-list .mdl-section input[type=text] {
    padding-right: 5px
}

.lt-ie10 .mdl-order-list .mdl-section .clear-icon {
    margin-left: 20px
}

.lt-ie10 .mdl-order-list .mdl-section .clear-icon:after {
    content: ""
}

.lt-ie10 .mdl-order-list .mdl-section .search-wrap.ie {
    margin-right: -21px
}

.lt-ie8 .mdl-order-list .mdl-section .mdl-tabs .mdl-tab-items {
    float: left
}

.lt-ie8 .mdl-order-list .mdl-section .list-wrap {
    clear: both
}

.lt-ie8 .mdl-order-list .mdl-section .search-wrap {
    margin: 0
}

.mdl-create-list {
    width: 450px;
    left: 35%
}

.mdl-add-list {
    left: 30%;
    width: 665px
}

.initial-add-product-table tr td {
    padding: 2px 0 !important;
    vertical-align: top
}

div#mdlAddToOL {
    position: fixed;
    top: 2%;
    height: auto;
    overflow-y: auto
}

div#mdlAddToOL .mdl-section h2 {
    font-size: 18px
}

div#mdlAddToOL .mdl-section input[type="radio"] {
    margin-top: 2px
}

@media print, screen and (min-width: 1025px) {
    div#mdlAddToOL {
        width: 37%;
        left: 31.5%
    }
}

#findBranchCountries {
    margin-top: 10px;
    padding: 10px;
    border: 1px dashed #ccc;
    clear: both
}

#findBranchCountries h2 {
    font-size: 14px
}

#findBranchCountries .closeButton {
    float: right;
    font-weight: 700
}

#findBranchCountries .countryLink {
    display: inline-block;
    margin-bottom: 10px;
    width: 32%
}

.branch-directions {
    font-size: 12px
}

.branch-directions td {
    vertical-align: top
}

.branch-directions #searchheader .scroll-content:after, .branch-directions #searchheader .scroll-content:before {
    content: " ";
    display: table
}

.branch-directions #searchheader .scroll-content:after {
    clear: both
}

.lt-ie8 .branch-directions #searchheader .scroll-content {
    clear: both;
    zoom: 1
}

.branch-directions #searchheader .scroll-content:after, .branch-directions #searchheader .scroll-content:before {
    content: " ";
    display: table
}

.branch-directions #searchheader .scroll-content:after {
    clear: both
}

.lt-ie8 .branch-directions #searchheader .scroll-content {
    clear: both;
    zoom: 1
}

.branch-directions #searchheader .scroll-content:after, .branch-directions #searchheader .scroll-content:before {
    content: " ";
    display: table
}

.branch-directions #searchheader .scroll-content:after {
    clear: both
}

.lt-ie8 .branch-directions #searchheader .scroll-content {
    clear: both;
    zoom: 1
}

.branch-directions #searchheader .scroll-content:after, .branch-directions #searchheader .scroll-content:before {
    content: " ";
    display: table
}

.branch-directions #searchheader .scroll-content:after {
    clear: both
}

.lt-ie8 .branch-directions #searchheader .scroll-content {
    clear: both;
    zoom: 1
}

.branch-directions #searchheader .scroll-content:after, .branch-directions #searchheader .scroll-content:before {
    content: " ";
    display: table
}

.branch-directions #searchheader .scroll-content:after {
    clear: both
}

.lt-ie8 .branch-directions #searchheader .scroll-content {
    clear: both;
    zoom: 1
}

.branch-directions #searchheader .scroll-content:after, .branch-directions #searchheader .scroll-content:before {
    content: " ";
    display: table
}

.branch-directions #searchheader .scroll-content:after {
    clear: both
}

.lt-ie8 .branch-directions #searchheader .scroll-content {
    clear: both;
    zoom: 1
}

.branch-directions #searchheader .scroll-content:after, .branch-directions #searchheader .scroll-content:before {
    content: " ";
    display: table
}

.branch-directions #searchheader .scroll-content:after {
    clear: both
}

.lt-ie8 .branch-directions #searchheader .scroll-content {
    clear: both;
    zoom: 1
}

.branch-directions #searchheader .scroll-content:after, .branch-directions #searchheader .scroll-content:before {
    content: " ";
    display: table
}

.branch-directions #searchheader .scroll-content:after {
    clear: both
}

.lt-ie8 .branch-directions #searchheader .scroll-content {
    clear: both;
    zoom: 1
}

.branch-directions #searchheader .scroll-content:after, .branch-directions #searchheader .scroll-content:before {
    content: " ";
    display: table
}

.branch-directions #searchheader .scroll-content:after {
    clear: both
}

.lt-ie8 .branch-directions #searchheader .scroll-content {
    clear: both;
    zoom: 1
}

.branch-directions #searchheader .scroll-content:after, .branch-directions #searchheader .scroll-content:before {
    content: " ";
    display: table
}

.branch-directions #searchheader .scroll-content:after {
    clear: both
}

.lt-ie8 .branch-directions #searchheader .scroll-content {
    clear: both;
    zoom: 1
}

.branch-directions #searchheader #enterAddress, .branch-directions #searchheader #findBranchSubmit {
    float: left
}

.branch-directions .scroll-content {
    clear: both
}

.branch-directions .map-input-left, .branch-directions .map-area-right {
    width: 50%;
    padding: 10px;
    margin-bottom: 10px;
    float: left;
    margin-bottom: 0;
    padding-bottom: 0
}

.lt-ie8 .branch-directions .map-input-left, .lt-ie8 .branch-directions .map-area-right {
    width: 48%
}

.lt-ie8 .branch-directions .map-input-left, .lt-ie8 .branch-directions .map-area-right {
    width: 48%
}

.lt-ie8 .branch-directions .map-input-left, .lt-ie8 .branch-directions .map-area-right {
    width: 48%
}

.lt-ie8 .branch-directions .map-input-left, .lt-ie8 .branch-directions .map-area-right {
    width: 48%
}

.lt-ie8 .branch-directions .map-input-left, .lt-ie8 .branch-directions .map-area-right {
    width: 48%
}

.lt-ie8 .branch-directions .map-input-left, .lt-ie8 .branch-directions .map-area-right {
    width: 48%
}

.lt-ie8 .branch-directions .map-input-left, .lt-ie8 .branch-directions .map-area-right {
    width: 48%
}

.lt-ie8 .branch-directions .map-input-left, .lt-ie8 .branch-directions .map-area-right {
    width: 48%
}

.lt-ie8 .branch-directions .map-input-left, .lt-ie8 .branch-directions .map-area-right {
    width: 48%
}

.lt-ie8 .branch-directions .map-input-left, .lt-ie8 .branch-directions .map-area-right {
    width: 48%
}

.branch-directions .map-area-right #map_canvas {
    width: 100%;
    height: 360px;
    position: relative;
    background-color: #e5e3df
}

@media (max-width: 730px) {
    .branch-directions .map-area-right #map_canvas {
        width: 220px;
        height: 360px
    }
}

.branch-directions .map_labels {
    color: #fff;
    top: -15px;
    left: -5px
}

.branch-directions .alert-message #suggestions {
    border-top: 1px solid #ccc;
    margin-top: 10px;
    padding-top: 5px
}

.branch-directions #hasPhoneHoursLink {
    border-top: 1px solid #ccc;
    margin-top: 10px;
    padding-top: 5px
}

.branch-directions #hasPhoneHoursLink .thead {
    padding-top: 5px
}

.branch-directions #hasPhoneHoursLink .thead:after, .branch-directions #hasPhoneHoursLink .thead:before {
    content: " ";
    display: table
}

.branch-directions #hasPhoneHoursLink .thead:after {
    clear: both
}

.lt-ie8 .branch-directions #hasPhoneHoursLink .thead {
    clear: both;
    zoom: 1
}

.branch-directions #hasPhoneHoursLink .thead:after, .branch-directions #hasPhoneHoursLink .thead:before {
    content: " ";
    display: table
}

.branch-directions #hasPhoneHoursLink .thead:after {
    clear: both
}

.lt-ie8 .branch-directions #hasPhoneHoursLink .thead {
    clear: both;
    zoom: 1
}

.branch-directions #hasPhoneHoursLink .thead:after, .branch-directions #hasPhoneHoursLink .thead:before {
    content: " ";
    display: table
}

.branch-directions #hasPhoneHoursLink .thead:after {
    clear: both
}

.lt-ie8 .branch-directions #hasPhoneHoursLink .thead {
    clear: both;
    zoom: 1
}

.branch-directions #hasPhoneHoursLink .thead:after, .branch-directions #hasPhoneHoursLink .thead:before {
    content: " ";
    display: table
}

.branch-directions #hasPhoneHoursLink .thead:after {
    clear: both
}

.lt-ie8 .branch-directions #hasPhoneHoursLink .thead {
    clear: both;
    zoom: 1
}

.branch-directions #hasPhoneHoursLink .thead:after, .branch-directions #hasPhoneHoursLink .thead:before {
    content: " ";
    display: table
}

.branch-directions #hasPhoneHoursLink .thead:after {
    clear: both
}

.lt-ie8 .branch-directions #hasPhoneHoursLink .thead {
    clear: both;
    zoom: 1
}

.branch-directions #hasPhoneHoursLink .thead:after, .branch-directions #hasPhoneHoursLink .thead:before {
    content: " ";
    display: table
}

.branch-directions #hasPhoneHoursLink .thead:after {
    clear: both
}

.lt-ie8 .branch-directions #hasPhoneHoursLink .thead {
    clear: both;
    zoom: 1
}

.branch-directions #hasPhoneHoursLink .thead:after, .branch-directions #hasPhoneHoursLink .thead:before {
    content: " ";
    display: table
}

.branch-directions #hasPhoneHoursLink .thead:after {
    clear: both
}

.lt-ie8 .branch-directions #hasPhoneHoursLink .thead {
    clear: both;
    zoom: 1
}

.branch-directions #hasPhoneHoursLink .thead:after, .branch-directions #hasPhoneHoursLink .thead:before {
    content: " ";
    display: table
}

.branch-directions #hasPhoneHoursLink .thead:after {
    clear: both
}

.lt-ie8 .branch-directions #hasPhoneHoursLink .thead {
    clear: both;
    zoom: 1
}

.branch-directions #hasPhoneHoursLink .thead:after, .branch-directions #hasPhoneHoursLink .thead:before {
    content: " ";
    display: table
}

.branch-directions #hasPhoneHoursLink .thead:after {
    clear: both
}

.lt-ie8 .branch-directions #hasPhoneHoursLink .thead {
    clear: both;
    zoom: 1
}

.branch-directions #hasPhoneHoursLink .thead:after, .branch-directions #hasPhoneHoursLink .thead:before {
    content: " ";
    display: table
}

.branch-directions #hasPhoneHoursLink .thead:after {
    clear: both
}

.lt-ie8 .branch-directions #hasPhoneHoursLink .thead {
    clear: both;
    zoom: 1
}

.branch-directions #hasPhoneHoursLink .headerLocation {
    float: left
}

.branch-directions #hasPhoneHoursLink .headerDistance {
    float: right
}

.branch-directions #hasPhoneHoursLink .tbody {
    height: 230px;
    overflow-y: scroll
}

.branch-directions .locationAddress .nav {
    margin: 10px 0
}

.branch-directions .locationAddress .nav:after, .branch-directions .locationAddress .nav:before {
    content: " ";
    display: table
}

.branch-directions .locationAddress .nav:after {
    clear: both
}

.lt-ie8 .branch-directions .locationAddress .nav {
    clear: both;
    zoom: 1
}

.branch-directions .locationAddress .nav:after, .branch-directions .locationAddress .nav:before {
    content: " ";
    display: table
}

.branch-directions .locationAddress .nav:after {
    clear: both
}

.lt-ie8 .branch-directions .locationAddress .nav {
    clear: both;
    zoom: 1
}

.branch-directions .locationAddress .nav:after, .branch-directions .locationAddress .nav:before {
    content: " ";
    display: table
}

.branch-directions .locationAddress .nav:after {
    clear: both
}

.lt-ie8 .branch-directions .locationAddress .nav {
    clear: both;
    zoom: 1
}

.branch-directions .locationAddress .nav:after, .branch-directions .locationAddress .nav:before {
    content: " ";
    display: table
}

.branch-directions .locationAddress .nav:after {
    clear: both
}

.lt-ie8 .branch-directions .locationAddress .nav {
    clear: both;
    zoom: 1
}

.branch-directions .locationAddress .nav:after, .branch-directions .locationAddress .nav:before {
    content: " ";
    display: table
}

.branch-directions .locationAddress .nav:after {
    clear: both
}

.lt-ie8 .branch-directions .locationAddress .nav {
    clear: both;
    zoom: 1
}

.branch-directions .locationAddress .nav:after, .branch-directions .locationAddress .nav:before {
    content: " ";
    display: table
}

.branch-directions .locationAddress .nav:after {
    clear: both
}

.lt-ie8 .branch-directions .locationAddress .nav {
    clear: both;
    zoom: 1
}

.branch-directions .locationAddress .nav:after, .branch-directions .locationAddress .nav:before {
    content: " ";
    display: table
}

.branch-directions .locationAddress .nav:after {
    clear: both
}

.lt-ie8 .branch-directions .locationAddress .nav {
    clear: both;
    zoom: 1
}

.branch-directions .locationAddress .nav:after, .branch-directions .locationAddress .nav:before {
    content: " ";
    display: table
}

.branch-directions .locationAddress .nav:after {
    clear: both
}

.lt-ie8 .branch-directions .locationAddress .nav {
    clear: both;
    zoom: 1
}

.branch-directions .locationAddress .nav:after, .branch-directions .locationAddress .nav:before {
    content: " ";
    display: table
}

.branch-directions .locationAddress .nav:after {
    clear: both
}

.lt-ie8 .branch-directions .locationAddress .nav {
    clear: both;
    zoom: 1
}

.branch-directions .locationAddress .nav:after, .branch-directions .locationAddress .nav:before {
    content: " ";
    display: table
}

.branch-directions .locationAddress .nav:after {
    clear: both
}

.lt-ie8 .branch-directions .locationAddress .nav {
    clear: both;
    zoom: 1
}

.branch-directions .locationAddress .nav li {
    float: left
}

.branch-directions .locationAddress .nav li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 .branch-directions .locationAddress .nav li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 .branch-directions .locationAddress .nav li:first-child {
    border: none
}

.branch-directions .locationAddress .nav li:first-child:before {
    display: none
}

.branch-directions .locationAddress .nav li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 .branch-directions .locationAddress .nav li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 .branch-directions .locationAddress .nav li:first-child {
    border: none
}

.branch-directions .locationAddress .nav li:first-child:before {
    display: none
}

.branch-directions .locationAddress .nav li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 .branch-directions .locationAddress .nav li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 .branch-directions .locationAddress .nav li:first-child {
    border: none
}

.branch-directions .locationAddress .nav li:first-child:before {
    display: none
}

.branch-directions .locationAddress .nav li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 .branch-directions .locationAddress .nav li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 .branch-directions .locationAddress .nav li:first-child {
    border: none
}

.branch-directions .locationAddress .nav li:first-child:before {
    display: none
}

.branch-directions .locationAddress .nav li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 .branch-directions .locationAddress .nav li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 .branch-directions .locationAddress .nav li:first-child {
    border: none
}

.branch-directions .locationAddress .nav li:first-child:before {
    display: none
}

.branch-directions .locationAddress .nav li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 .branch-directions .locationAddress .nav li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 .branch-directions .locationAddress .nav li:first-child {
    border: none
}

.branch-directions .locationAddress .nav li:first-child:before {
    display: none
}

.branch-directions .locationAddress .nav li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 .branch-directions .locationAddress .nav li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 .branch-directions .locationAddress .nav li:first-child {
    border: none
}

.branch-directions .locationAddress .nav li:first-child:before {
    display: none
}

.branch-directions .locationAddress .nav li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 .branch-directions .locationAddress .nav li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 .branch-directions .locationAddress .nav li:first-child {
    border: none
}

.branch-directions .locationAddress .nav li:first-child:before {
    display: none
}

.branch-directions .locationAddress .nav li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 .branch-directions .locationAddress .nav li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 .branch-directions .locationAddress .nav li:first-child {
    border: none
}

.branch-directions .locationAddress .nav li:first-child:before {
    display: none
}

.branch-directions .locationAddress .nav li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 .branch-directions .locationAddress .nav li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 .branch-directions .locationAddress .nav li:first-child {
    border: none
}

.branch-directions .locationAddress .nav li:first-child:before {
    display: none
}

.branch-directions .locationAddress .nav li .phoneHoursLink:before {
    font-family: graingerFont;
    content: "\e629";
    font-weight: 400;
    font-size: 8px;
    float: left;
    margin: 2px 6px 0 0
}

.branch-directions .locationAddress .nav li .phoneHoursLink.active:before {
    font-family: graingerFont;
    content: "\e60f";
    font-weight: 400
}

.branch-directions .locationAddress p {
    margin-bottom: 0
}

.branch-directions .branchMapPhoneBlock {
    margin-bottom: 20px
}

.branch-directions #results-table td {
    vertical-align: top
}

.branch-directions #results-table .locationCount {
    padding-right: 5px
}

.branch-directions #results-table .locationDistance {
    font-weight: 700;
    width: 20%;
    text-align: right;
    padding-right: 10px
}

.branch-directions #results-table .locationAddress {
    width: 77%;
    padding-right: 10px;
    padding-bottom: 0
}

.branch-directions #results-table .button.commerce {
    margin-left: 6px
}

.branch-directions #results-table .phoneHoursList dt {
    float: left;
    width: 45px
}

.branch-directions #results-table .phoneHoursList .fieldMessage {
    color: #ccc;
    font-style: italic
}

.branch-directions #results-table tr {
    border: none
}

.branch-directions #results-table .phonenhoursnsuch {
    border-bottom: 1px solid #ccc
}

.branch-directions #results-table .phonenhoursnsuch td {
    padding: 0
}

.branch-directions #results-table .phonenhoursnsuch td .branchMapPhoneBlock {
    width: 100%;
    margin-bottom: 0
}

.branch-directions #results-table .phonenhoursnsuch td .phoneHoursList {
    margin-bottom: 10px
}

.branch-directions #getdirectionsfromto {
    height: 360px;
    overflow-y: scroll
}

.branch-directions #getdirectionsfromto p {
    margin-bottom: 0
}

.branch-directions #getdirectionsfromto .branch-back {
    float: left
}

.branch-directions #getdirectionsfromto #user-actions {
    float: right
}

.branch-directions #getdirectionsfromto .scroll-content {
    clear: both;
    padding-top: 4px
}

.branch-directions #getdirectionsfromto h4 {
    border-top: 1px solid #ccc;
    font-weight: 700;
    padding-top: 10px;
    margin-top: 10px
}

.branch-directions .description:after, .branch-directions .description:before {
    content: " ";
    display: table
}

.branch-directions .description:after {
    clear: both
}

.lt-ie8 .branch-directions .description {
    clear: both;
    zoom: 1
}

.branch-directions .description:after, .branch-directions .description:before {
    content: " ";
    display: table
}

.branch-directions .description:after {
    clear: both
}

.lt-ie8 .branch-directions .description {
    clear: both;
    zoom: 1
}

.branch-directions .description:after, .branch-directions .description:before {
    content: " ";
    display: table
}

.branch-directions .description:after {
    clear: both
}

.lt-ie8 .branch-directions .description {
    clear: both;
    zoom: 1
}

.branch-directions .description:after, .branch-directions .description:before {
    content: " ";
    display: table
}

.branch-directions .description:after {
    clear: both
}

.lt-ie8 .branch-directions .description {
    clear: both;
    zoom: 1
}

.branch-directions .description:after, .branch-directions .description:before {
    content: " ";
    display: table
}

.branch-directions .description:after {
    clear: both
}

.lt-ie8 .branch-directions .description {
    clear: both;
    zoom: 1
}

.branch-directions .description:after, .branch-directions .description:before {
    content: " ";
    display: table
}

.branch-directions .description:after {
    clear: both
}

.lt-ie8 .branch-directions .description {
    clear: both;
    zoom: 1
}

.branch-directions .description:after, .branch-directions .description:before {
    content: " ";
    display: table
}

.branch-directions .description:after {
    clear: both
}

.lt-ie8 .branch-directions .description {
    clear: both;
    zoom: 1
}

.branch-directions .description:after, .branch-directions .description:before {
    content: " ";
    display: table
}

.branch-directions .description:after {
    clear: both
}

.lt-ie8 .branch-directions .description {
    clear: both;
    zoom: 1
}

.branch-directions .description:after, .branch-directions .description:before {
    content: " ";
    display: table
}

.branch-directions .description:after {
    clear: both
}

.lt-ie8 .branch-directions .description {
    clear: both;
    zoom: 1
}

.branch-directions .description:after, .branch-directions .description:before {
    content: " ";
    display: table
}

.branch-directions .description:after {
    clear: both
}

.lt-ie8 .branch-directions .description {
    clear: both;
    zoom: 1
}

#map #map_canvas {
    height: 350px;
    width: 100%
}

.lt-ie8 .headerDistance.findABranch {
    margin-right: 20px
}

.rta-message-warn:before {
    font-family: graingerFont;
    content: "\e616";
    font-weight: 400;
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin-right: 5px;
    color: #f26823
}

.rta-message-error:before {
    font-family: graingerFont;
    content: "\e616";
    font-weight: 400;
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin-right: 5px;
    color: #ad3333
}

#main-content h2#pageHeader {
    clear: both;
    margin-left: 10px
}

div.sitemapCategories {
    width: 25%;
    padding: 10px;
    margin-bottom: 10px;
    float: left;
    display: inline-block
}

.lt-ie8 div.sitemapCategories {
    width: 23%
}

.lt-ie8 div.sitemapCategories {
    width: 23%
}

.lt-ie8 div.sitemapCategories {
    width: 23%
}

.lt-ie8 div.sitemapCategories {
    width: 23%
}

.lt-ie8 div.sitemapCategories {
    width: 23%
}

.lt-ie8 div.sitemapCategories {
    width: 23%
}

.lt-ie8 div.sitemapCategories {
    width: 23%
}

.lt-ie8 div.sitemapCategories {
    width: 23%
}

.lt-ie8 div.sitemapCategories {
    width: 23%
}

.lt-ie8 div.sitemapCategories {
    width: 23%
}

div.sitemapCategories ul li {
    list-style-type: none !important;
    margin-bottom: 1px !important;
    margin-left: 1px !important;
    font-weight: normal !important
}

.sitemapcontainer {
    width: 75%;
    padding: 10px;
    margin-bottom: 10px;
    float: left
}

.lt-ie8 .sitemapcontainer {
    width: 73%
}

.lt-ie8 .sitemapcontainer {
    width: 73%
}

.lt-ie8 .sitemapcontainer {
    width: 73%
}

.lt-ie8 .sitemapcontainer {
    width: 73%
}

.lt-ie8 .sitemapcontainer {
    width: 73%
}

.lt-ie8 .sitemapcontainer {
    width: 73%
}

.lt-ie8 .sitemapcontainer {
    width: 73%
}

.lt-ie8 .sitemapcontainer {
    width: 73%
}

.lt-ie8 .sitemapcontainer {
    width: 73%
}

.lt-ie8 .sitemapcontainer {
    width: 73%
}

.sitemapcontainer:after, .sitemapcontainer:before {
    content: " ";
    display: table
}

.sitemapcontainer:after {
    clear: both
}

.lt-ie8 .sitemapcontainer {
    clear: both;
    zoom: 1
}

.sitemapcontainer:after, .sitemapcontainer:before {
    content: " ";
    display: table
}

.sitemapcontainer:after {
    clear: both
}

.lt-ie8 .sitemapcontainer {
    clear: both;
    zoom: 1
}

.sitemapcontainer:after, .sitemapcontainer:before {
    content: " ";
    display: table
}

.sitemapcontainer:after {
    clear: both
}

.lt-ie8 .sitemapcontainer {
    clear: both;
    zoom: 1
}

.sitemapcontainer:after, .sitemapcontainer:before {
    content: " ";
    display: table
}

.sitemapcontainer:after {
    clear: both
}

.lt-ie8 .sitemapcontainer {
    clear: both;
    zoom: 1
}

.sitemapcontainer:after, .sitemapcontainer:before {
    content: " ";
    display: table
}

.sitemapcontainer:after {
    clear: both
}

.lt-ie8 .sitemapcontainer {
    clear: both;
    zoom: 1
}

.sitemapcontainer:after, .sitemapcontainer:before {
    content: " ";
    display: table
}

.sitemapcontainer:after {
    clear: both
}

.lt-ie8 .sitemapcontainer {
    clear: both;
    zoom: 1
}

.sitemapcontainer:after, .sitemapcontainer:before {
    content: " ";
    display: table
}

.sitemapcontainer:after {
    clear: both
}

.lt-ie8 .sitemapcontainer {
    clear: both;
    zoom: 1
}

.sitemapcontainer:after, .sitemapcontainer:before {
    content: " ";
    display: table
}

.sitemapcontainer:after {
    clear: both
}

.lt-ie8 .sitemapcontainer {
    clear: both;
    zoom: 1
}

.sitemapcontainer:after, .sitemapcontainer:before {
    content: " ";
    display: table
}

.sitemapcontainer:after {
    clear: both
}

.lt-ie8 .sitemapcontainer {
    clear: both;
    zoom: 1
}

.sitemapcontainer:after, .sitemapcontainer:before {
    content: " ";
    display: table
}

.sitemapcontainer:after {
    clear: both
}

.lt-ie8 .sitemapcontainer {
    clear: both;
    zoom: 1
}

.sitemapcontainer .sitemapLinkSection {
    float: left;
    margin-bottom: 20px;
    margin-right: 20px;
    width: 210px
}

.sitemapcontainer .content {
    padding: 0 0 10px
}

.sitemapcontainer ul li {
    list-style-type: none !important;
    margin-bottom: 1px !important;
    margin-left: 1px !important;
    font-weight: normal !important
}

@font-face {
    font-family: 'RobotoCondensed';
    src: url('../../images/fonts/roboto-condensed-regular-webfont.woff2') format('woff2'), url('../../images/fonts/roboto-condensed-regular-webfont.eot?#iefix') format("embedded-opentype"), url('../../images/fonts/roboto-condensed-regular-webfont.woff') format('woff'), url('../../images/fonts/roboto-condensed-regular-webfont.ttf') format('truetype');
    font-weight: 400
}

@font-face {
    font-family: 'RobotoCondensedBold';
    src: url('../../images/fonts/roboto-condensed-bold-webfont.woff2') format('woff2'), url('../../images/fonts/roboto-condensed-bold-webfont.eot?#iefix') format("embedded-opentype"), url('../../images/fonts/roboto-condensed-bold-webfont.woff') format('woff'), url('../../images/fonts/roboto-condensed-bold-webfont.ttf') format('truetype');
    font-weight: 700
}

@font-face {
    font-family: 'RobotoCondensedLight';
    src: url('../../images/fonts/roboto-condensed-light-webfont.woff2') format('woff2'), url('../../images/fonts/roboto-condensed-light-webfont.eot?#iefix') format("embedded-opentype"), url('../../images/fonts/roboto-condensed-light-webfont.woff') format('woff'), url('../../images/fonts/roboto-condensed-light-webfont.ttf') format('truetype');
    font-weight: 300
}

@font-face {
    font-family: 'graingerFont';
    src: url('../images/fonts/graingerFont.eot');
    src: url('../images/fonts/graingerFont.eot?#iefix') format('embedded-opentype'), url('../images/fonts/graingerFont.woff') format('woff'), url('../images/fonts/graingerFont.ttf') format('truetype'), url('../images/fonts/graingerFont.svg#graingerFont') format('svg');
    font-weight: normal;
    font-style: normal
}

#chatLPButtonStalker {
    position: fixed;
    right: 0;
    bottom: 10px
}

#voiceLPButtonStalker {
    position: fixed;
    right: 0;
    bottom: 120px
}

#voiceLPButtonHeader, #chatLPButtonHeader {
    position: relative;
    top: -7px
}

.responsive #voiceLPButtonHeader, .responsive #chatLPButtonHeader {
    top: 3px
}

#eheader #headerContent .serviceHeaderLinks .serviceLinksRow1 div#voiceLPButtonHeader {
    margin-right: 10px;
    padding-left: 0;
    display: inline-block
}

.lt-ie8 #eheader #headerContent .serviceHeaderLinks .serviceLinksRow1 div#voiceLPButtonHeader {
    display: inline
}

#chatLPButtonHeader {
    display: inline-block;
    font-size: 14px
}

.lt-ie8 #chatLPButtonHeader {
    display: inline
}

#chatLPButtonHeader img {
    margin-right: 5px
}

.responsive #chatLPButtonHeader {
    vertical-align: top;
    margin-top: 4px
}

.responsive #chatLPButtonHeader .eproHeaderChatUnavailable {
    cursor: default
}

.responsive #chatLPButtonHeader .eproHeaderChatUnavailable:hover {
    text-decoration: none
}

body {
    background: #fff;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px
}

a {
    color: #00739e
}

a sup {
    display: inline
}

a, a:link, a:visited {
    text-decoration: none
}

a:hover, a:active {
    text-decoration: underline
}

.light {
    font-weight: 400
}

.legal {
    color: #666;
    font-size: .688em;
    font-style: italic;
    line-height: .875em;
    margin: 10px 0 0 0
}

.legal strong {
    font-weight: normal
}

h1, h2, h3, h4, h5, h6 {
    margin: 0 0 10px 0;
    font-family: RobotoCondensedBold, Arial, Helvetica, sans-serif;
    color: #29333b
}

h1 {
    font-size: 32px
}

h2 {
    font-size: 28px
}

h3 {
    font-size: 24px
}

h4 {
    font-size: 20px
}

h5 {
    font-size: 18px
}

h6 {
    font-size: 14px
}

p, .content {
    line-height: 16px;
    margin-bottom: 10px
}

p.bold, .content.bold {
    font-weight: 500
}

.priceWrapper {
    font-size: 18px;
    font-weight: 500
}

.priceWrapper .topText {
    width: 100%;
    padding: 0;
    margin-bottom: 10px;
    float: none;
    font-size: 14px;
    margin: 0;
    display: inline-block
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.lt-ie8 .priceWrapper .topText {
    width: 98%
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.lt-ie8 .priceWrapper .topText {
    width: 98%
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.lt-ie8 .priceWrapper .topText {
    width: 98%
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.lt-ie8 .priceWrapper .topText {
    width: 98%
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.lt-ie8 .priceWrapper .topText {
    width: 98%
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.lt-ie8 .priceWrapper .topText {
    width: 98%
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.lt-ie8 .priceWrapper .topText {
    width: 98%
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.lt-ie8 .priceWrapper .topText {
    width: 98%
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.lt-ie8 .priceWrapper .topText {
    width: 98%
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.priceWrapper .topText:after, .priceWrapper .topText:before {
    content: " ";
    display: table
}

.priceWrapper .topText:after {
    clear: both
}

.lt-ie8 .priceWrapper .topText {
    clear: both;
    zoom: 1
}

.lt-ie8 .priceWrapper .topText {
    width: 98%
}

.priceWrapper .price, .priceWrapper .priceValue {
    color: #257238;
    font-size: 14px;
    font-weight: 700
}

.priceWrapper .reducedPriceLabel {
    text-decoration: line-through
}

.priceWrapper .listPrice {
    color: #777;
    font-weight: normal;
    font-size: 11px;
    margin: 10px 0
}

.priceWrapper .strikedPrice {
    text-decoration: line-through;
    color: #777
}

.priceWrapper .bottomText {
    font-size: 14px
}

.priceLabel {
    display: block
}

.priceValue {
    color: #257238;
    font-size: 14px;
    font-weight: 700
}

.sale-price .price, .sale-price .priceRed {
    color: #ad3333
}

.noprice-msg-display {
    font-size: 13px;
    font-weight: bold;
    display: inline-block;
    margin: 30px 0;
    text-align: left
}

div.grid a.noprice-msg-display {
    margin: 0 !important
}

.onsaleExpiration {
    color: #333
}

.recStrikedPrice {
    text-decoration: line-through;
    color: #777
}

.accordion {
    margin-bottom: 20px
}

.accordion-group {
    margin-bottom: 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.accordion-heading {
    background: #eee;
    line-height: 14px;
    cursor: pointer;
    padding: 10px 0 10px 10px
}

.accordion-heading span {
    display: block;
    position: relative;
    padding-right: 25px
}

.accordion-heading span:after {
    font-family: graingerFont;
    content: "\e60f";
    font-weight: 400;
    background: #333;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #333), color-stop(1, #666));
    background: -ms-linear-gradient(bottom, #333, #666);
    background: -moz-linear-gradient(center bottom, #333 0, #666 100%);
    background: -o-linear-gradient(#666, #333);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#333333', GradientType=0);
    line-height: 9px;
    font-size: 8px;
    padding: 2px;
    color: #fff;
    float: right;
    margin-right: 10px;
    font-weight: normal;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    position: absolute;
    right: 0;
    top: 1px
}

.lt-ie8 .accordion-heading span {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -2160px;
    background-position-x: 96%
}

.lt-ie8 .accordion-heading span {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -2160px;
    background-position-x: 96%
}

.lt-ie8 .accordion-heading span {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -2160px;
    background-position-x: 96%
}

.lt-ie8 .accordion-heading span {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -2160px;
    background-position-x: 96%
}

.lt-ie8 .accordion-heading span {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -2160px;
    background-position-x: 96%
}

.lt-ie8 .accordion-heading span {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -2160px;
    background-position-x: 96%
}

.lt-ie8 .accordion-heading span {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -2160px;
    background-position-x: 96%
}

.lt-ie8 .accordion-heading span {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -2160px;
    background-position-x: 96%
}

.lt-ie8 .accordion-heading span {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -2160px;
    background-position-x: 96%
}

.lt-ie8 .accordion-heading span {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -2160px;
    background-position-x: 96%
}

.accordion-heading.collapsed {
    color: #00739e
}

.accordion-heading.collapsed:hover {
    color: #333
}

.accordion-heading.collapsed:hover span:after {
    background: #333;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #333), color-stop(1, #666));
    background: -ms-linear-gradient(bottom, #333, #666);
    background: -moz-linear-gradient(center bottom, #333 0, #666 100%);
    background: -o-linear-gradient(#666, #333);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#333333', GradientType=0)
}

.accordion-heading.collapsed span:after {
    background: #145579;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #145579), color-stop(1, #3e7898));
    background: -ms-linear-gradient(bottom, #145579, #3e7898);
    background: -moz-linear-gradient(center bottom, #145579 0, #3e7898 100%);
    background: -o-linear-gradient(#3e7898, #145579);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e7898', endColorstr='#145579', GradientType=0);
    font-family: graingerFont;
    content: "\e629";
    font-weight: 400
}

.lt-ie8 .accordion-heading.collapsed span {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -2070px;
    background-position-x: 96%
}

.lt-ie8 .accordion-heading.collapsed span {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -2070px;
    background-position-x: 96%
}

.lt-ie8 .accordion-heading.collapsed span {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -2070px;
    background-position-x: 96%
}

.lt-ie8 .accordion-heading.collapsed span {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -2070px;
    background-position-x: 96%
}

.lt-ie8 .accordion-heading.collapsed span {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -2070px;
    background-position-x: 96%
}

.lt-ie8 .accordion-heading.collapsed span {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -2070px;
    background-position-x: 96%
}

.lt-ie8 .accordion-heading.collapsed span {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -2070px;
    background-position-x: 96%
}

.lt-ie8 .accordion-heading.collapsed span {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -2070px;
    background-position-x: 96%
}

.lt-ie8 .accordion-heading.collapsed span {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -2070px;
    background-position-x: 96%
}

.lt-ie8 .accordion-heading.collapsed span {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -2070px;
    background-position-x: 96%
}

.accordion-heading .accordion-toggle {
    display: block;
    padding: 8px 15px
}

.worldwide .accordion-heading.collapsed span .icon {
    background-position: 0 0;
    font-family: graingerFont;
    content: "\e62c";
    font-weight: 400
}

.accordion-toggle {
    cursor: pointer
}

.accordion-inner {
    padding: 9px 15px;
    border-top: 1px solid #e5e5e5
}

.collapse {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .2s ease;
    -moz-transition: height .2s ease;
    -o-transition: height .2s ease;
    transition: height .2s ease
}

.collapse.in {
    height: auto
}

.page-FAQ #accordion .collapse {
    visibility: hidden
}

.page-FAQ #accordion .collapse.in {
    visibility: visible
}

.btn {
    line-height: 14px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding: 11px 18px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border: none;
    *border: 0;
    background-color: #151b1e;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.btn:hover, .btn:focus, .btn:active, .btn.active {
    background-color: #4c5c6a;
    text-decoration: none;
    transition: all .1s ease-out
}

.btn:focus {
    transition: initial
}

.btn.disabled, .btn[disabled] {
    cursor: default;
    background-image: none;
    opacity: .35;
    filter: alpha(opacity=35)
}

.btnPrimary {
    background-color: #be2122
}

.btnPrimary:hover, .btnPrimary:focus, .btnPrimary:active, .btnPrimary.active {
    background-color: #d82e2d;
    transition: all .1s ease-out
}

.btnPrimary:focus {
    transition: initial
}

.btnSecondary {
    color: #666;
    background-color: #ddd;
    background-image: -moz-linear-gradient(top, #e5e5e5 0, #e5e5e5 50%, #ddd 51%, #ddd 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(50%, #e5e5e5), color-stop(51%, #ddd), color-stop(100%, #ddd));
    background-image: -webkit-linear-gradient(top, #e5e5e5 0, #e5e5e5 50%, #ddd 51%, #ddd 100%);
    background-image: -o-linear-gradient(top, #e5e5e5 0, #e5e5e5 50%, #ddd 51%, #ddd 100%);
    background-image: -ms-linear-gradient(top, #e5e5e5 0, #e5e5e5 50%, #ddd 51%, #ddd 100%);
    background-image: linear-gradient(to bottom, #e5e5e5 0, #e5e5e5 50%, #ddd 51%, #ddd 100%)
}

.btnSecondary:hover, .btnSecondary:focus, .btnSecondary:active, .btnSecondary.active {
    background-color: #d6d6d6;
    background-image: -moz-linear-gradient(top, #e0e0e0 0, #e0e0e0 50%, #d6d6d6 51%, #d6d6d6 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e0e0e0), color-stop(50%, #e0e0e0), color-stop(51%, #d6d6d6), color-stop(100%, #d6d6d6));
    background-image: -webkit-linear-gradient(top, #e0e0e0 0, #e0e0e0 50%, #d6d6d6 51%, #d6d6d6 100%);
    background-image: -o-linear-gradient(top, #e0e0e0 0, #e0e0e0 50%, #d6d6d6 51%, #d6d6d6 100%);
    background-image: -ms-linear-gradient(top, #e0e0e0 0, #e0e0e0 50%, #d6d6d6 51%, #d6d6d6 100%);
    background-image: linear-gradient(to bottom, #e0e0e0 0, #e0e0e0 50%, #d6d6d6 51%, #d6d6d6 100%)
}

.btnUtility {
    font-family: RobotoCondensedLight;
    font-size: 14px;
    letter-spacing: .5px;
    padding: 10px;
    color: #595959;
    background-color: #fff
}

.btnUtility:hover, .btnUtility:focus, .btnUtility:active, .btnUtility.active {
    background-color: #fff;
    transition: initial
}

#print-page a:before, #shareButtonContainer a:before {
    font-family: graingerFont;
    content: "\e608";
    font-weight: 400;
    line-height: 1px;
    padding-right: 10px;
    vertical-align: middle
}

#shareButtonContainer a:before {
    content: "\e621"
}

.btnBranding {
    background-color: #666;
    background-image: -moz-linear-gradient(to bottom, #666 0, #666 50%, #666 51%, #666 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #666), color-stop(50%, #666), color-stop(51%, #666), color-stop(100%, #666));
    background-image: -webkit-linear-gradient(top, #666 0, #666 50%, #666 51%, #666 100%);
    background-image: -o-linear-gradient(top, #666 0, #666 50%, #666 51%, #666 100%);
    background-image: -ms-linear-gradient(top, #666 0, #666 50%, #666 51%, #666 100%);
    background-image: linear-gradient(to bottom, #666 0, #666 50%, #666 51%, #666 100%)
}

.btnBranding:hover, .btnBranding:focus, .btnBranding:active, .btnBranding.active {
    background-color: #717171;
    background-image: -moz-linear-gradient(top, #717171 0, #717171 50%, #717171 51%, #717171 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #717171), color-stop(50%, #717171), color-stop(51%, #717171), color-stop(100%, #717171));
    background-image: -webkit-linear-gradient(top, #717171 0, #717171 50%, #717171 51%, #717171 100%);
    background-image: -ms-linear-gradient(top, #717171 0, #717171 50%, #717171 51%, #717171 100%)
}

.btnInvisible {
    color: #00739e;
    background-color: transparent;
    background-image: none
}

.btnInvisible:hover, .btnInvisible:focus, .btnInvisible:active, .btnInvisible.active {
    background-color: transparent;
    background-image: none
}

.btnSmall {
    padding-left: 10px;
    padding-right: 10px
}

.btnDropdown {
    position: relative;
    border: 1px solid #ccc;
    width: auto;
    max-width: 100%;
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    margin-right: 10px;
    background: #eee;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(1, #fff));
    background: -ms-linear-gradient(bottom, #eee, #fff);
    background: -moz-linear-gradient(center bottom, #eee 0, #fff 100%);
    background: -o-linear-gradient(#fff, #eee);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
    padding: 9px;
    margin: 0;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    text-indent: .01px;
    text-overflow: ''
}

.btnDropdown:after {
    font-family: graingerFont;
    content: "\e62c";
    font-weight: 400;
    color: #666;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    border-left: 1px solid #E7E6E6;
    display: block;
    line-height: 12px;
    font-size: 9px;
    padding: 12px 6px
}

.btnViewProduct {
    float: right
}

.disabled-atc {
    cursor: default;
    background-image: none;
    -moz-opacity: .5;
    -khtml-opacity: .5;
    -webkit-opacity: .5;
    opacity: .5;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    filter: alpha(opacity=50)
}

.lt-ie8 .disabled-atc {
    zoom: 1
}

.lt-ie8 .disabled-atc {
    zoom: 1
}

.lt-ie8 .disabled-atc {
    zoom: 1
}

.lt-ie8 .disabled-atc {
    zoom: 1
}

.lt-ie8 .disabled-atc {
    zoom: 1
}

.lt-ie8 .disabled-atc {
    zoom: 1
}

.lt-ie8 .disabled-atc {
    zoom: 1
}

.lt-ie8 .disabled-atc {
    zoom: 1
}

.lt-ie8 .disabled-atc {
    zoom: 1
}

.lt-ie8 .disabled-atc {
    zoom: 1
}

input[type="text"], input[type="password"], input.disabled, textarea {
    border: 1px solid #595959;
    margin-bottom: 5px;
    padding: 8px 5px;
    border-radius: 2px;
    font-family: inherit;
    font-size: 14px;
    font-family: RobotoCondensed, Arial, Helvetica, sans-serif
}

.forgetPasswordForm input[type="text"], .forgetPasswordForm input[type="password"], .forgetPasswordForm input.disabled, .forgetPasswordForm textarea {
    min-width: 200px;
    margin: 15px 0
}

input[type="text"]:focus, input[type="password"]:focus, input.disabled:focus, textarea:focus {
    border: 2px solid #00739e;
    padding: 7px 4px;
    outline: none
}

input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input.disabled::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input[type="text"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input.disabled:-moz-placeholder, textarea:-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input.disabled::-moz-placeholder, textarea::-moz-placeholder, input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input.disabled:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #ccc
}

.errors input[type="text"], .errors input[type="password"], .errors input.disabled, .errors textarea, input[type="text"].errorField, input[type="password"].errorField, input.disabled.errorField, textarea.errorField {
    border: 2px solid #ad3333;
    padding: 7px 4px
}

input[type=password]::-ms-reveal {
    display: none !important
}

input[type=password]::-ms-clear {
    display: none !important
}

input {
    font-size: 12px
}

label {
    display: block;
    font-weight: 700;
    line-height: 22px
}

label .labelOptional {
    font-weight: 500
}

select {
    font-size: 14px;
    margin-bottom: 5px
}

fieldset.checkbox:after, fieldset.checkbox:before {
    content: " ";
    display: table
}

fieldset.checkbox:after {
    clear: both
}

.lt-ie8 fieldset.checkbox {
    clear: both;
    zoom: 1
}

fieldset.checkbox:after, fieldset.checkbox:before {
    content: " ";
    display: table
}

fieldset.checkbox:after {
    clear: both
}

.lt-ie8 fieldset.checkbox {
    clear: both;
    zoom: 1
}

fieldset.checkbox:after, fieldset.checkbox:before {
    content: " ";
    display: table
}

fieldset.checkbox:after {
    clear: both
}

.lt-ie8 fieldset.checkbox {
    clear: both;
    zoom: 1
}

fieldset.checkbox:after, fieldset.checkbox:before {
    content: " ";
    display: table
}

fieldset.checkbox:after {
    clear: both
}

.lt-ie8 fieldset.checkbox {
    clear: both;
    zoom: 1
}

fieldset.checkbox:after, fieldset.checkbox:before {
    content: " ";
    display: table
}

fieldset.checkbox:after {
    clear: both
}

.lt-ie8 fieldset.checkbox {
    clear: both;
    zoom: 1
}

fieldset.checkbox:after, fieldset.checkbox:before {
    content: " ";
    display: table
}

fieldset.checkbox:after {
    clear: both
}

.lt-ie8 fieldset.checkbox {
    clear: both;
    zoom: 1
}

fieldset.checkbox:after, fieldset.checkbox:before {
    content: " ";
    display: table
}

fieldset.checkbox:after {
    clear: both
}

.lt-ie8 fieldset.checkbox {
    clear: both;
    zoom: 1
}

fieldset.checkbox:after, fieldset.checkbox:before {
    content: " ";
    display: table
}

fieldset.checkbox:after {
    clear: both
}

.lt-ie8 fieldset.checkbox {
    clear: both;
    zoom: 1
}

fieldset.checkbox:after, fieldset.checkbox:before {
    content: " ";
    display: table
}

fieldset.checkbox:after {
    clear: both
}

.lt-ie8 fieldset.checkbox {
    clear: both;
    zoom: 1
}

fieldset.checkbox:after, fieldset.checkbox:before {
    content: " ";
    display: table
}

fieldset.checkbox:after {
    clear: both
}

.lt-ie8 fieldset.checkbox {
    clear: both;
    zoom: 1
}

fieldset.checkbox input[type="checkbox"], fieldset.checkbox input[type="radio"] {
    float: left;
    margin: 8px 8px 0 0
}

fieldset.checkbox label {
    float: left;
    font-weight: normal;
    width: 84%;
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    margin: 8px 8px 0 0
}

.checkbox > label, .gForm-radioCheck > label, .radio > label, .checkbox > a, .gForm-radioCheck > a, .radio > a {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    line-height: 16px;
    margin: 0 0 0 6px;
    width: 84%;
    padding-left: 0;
    font-weight: normal
}

.checkbox > input, .gForm-radioCheck > input, .radio > input {
    float: left;
    margin-right: 0
}

.gForms {
    color: #333;
    background-color: #eee;
    margin-bottom: 30px;
    padding: 20px
}

.gForm-row {
    margin-bottom: 15px
}

.gForm-row:after, .gForm-row:before {
    content: " ";
    display: table
}

.gForm-row:after {
    clear: both
}

.lt-ie8 .gForm-row {
    clear: both;
    zoom: 1
}

.gForm-row:after, .gForm-row:before {
    content: " ";
    display: table
}

.gForm-row:after {
    clear: both
}

.lt-ie8 .gForm-row {
    clear: both;
    zoom: 1
}

.gForm-row:after, .gForm-row:before {
    content: " ";
    display: table
}

.gForm-row:after {
    clear: both
}

.lt-ie8 .gForm-row {
    clear: both;
    zoom: 1
}

.gForm-row:after, .gForm-row:before {
    content: " ";
    display: table
}

.gForm-row:after {
    clear: both
}

.lt-ie8 .gForm-row {
    clear: both;
    zoom: 1
}

.gForm-row:after, .gForm-row:before {
    content: " ";
    display: table
}

.gForm-row:after {
    clear: both
}

.lt-ie8 .gForm-row {
    clear: both;
    zoom: 1
}

.gForm-row:after, .gForm-row:before {
    content: " ";
    display: table
}

.gForm-row:after {
    clear: both
}

.lt-ie8 .gForm-row {
    clear: both;
    zoom: 1
}

.gForm-row:after, .gForm-row:before {
    content: " ";
    display: table
}

.gForm-row:after {
    clear: both
}

.lt-ie8 .gForm-row {
    clear: both;
    zoom: 1
}

.gForm-row:after, .gForm-row:before {
    content: " ";
    display: table
}

.gForm-row:after {
    clear: both
}

.lt-ie8 .gForm-row {
    clear: both;
    zoom: 1
}

.gForm-row:after, .gForm-row:before {
    content: " ";
    display: table
}

.gForm-row:after {
    clear: both
}

.lt-ie8 .gForm-row {
    clear: both;
    zoom: 1
}

.gForm-row:after, .gForm-row:before {
    content: " ";
    display: table
}

.gForm-row:after {
    clear: both
}

.lt-ie8 .gForm-row {
    clear: both;
    zoom: 1
}

.gForm-row .formField {
    margin: 0 20px 20px 0;
    float: left
}

.gForm-row.error .errorMsg {
    color: #ad3333;
    display: block
}

.gForm-row.error .errorIcon {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    padding: 4px 0 0 5px
}

.gForm-row.error .errorIcon:after {
    color: #ad3333;
    font-size: 18px;
    font-family: graingerFont;
    content: "\e610";
    font-weight: 400;
    margin: 0 0 0 8px
}

.formFooter {
    padding: 10px 0;
    text-align: right
}

.formLinks, .cancel {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    margin: 0 10px
}

.cancelLink {
    margin-top: 10px
}

.styledSelect {
    position: relative;
    border: 1px solid #ccc;
    width: auto;
    max-width: 100%;
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    clear: both;
    margin-right: 10px;
    margin-bottom: 5px
}

.styledSelect select, .styledSelect .selectedFilters {
    background: #eee;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(1, #fff));
    background: -ms-linear-gradient(bottom, #eee, #fff);
    background: -moz-linear-gradient(center bottom, #eee 0, #fff 100%);
    background: -o-linear-gradient(#fff, #eee);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
    padding: 9px;
    padding-right: 30px;
    z-index: 18;
    margin: 0;
    border: none;
    border-radius: 0;
    outline: none;
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    color: #333;
    width: 100%;
    max-width: 477px;
    -moz-appearance: none;
    text-indent: .01px
}

.styledSelect select:disabled, .styledSelect .selectedFilters:disabled, .styledSelect select option:disabled, .styledSelect .selectedFilters option:disabled, .styledSelect select[disabled] > option, .styledSelect .selectedFilters[disabled] > option {
    color: graytext;
    cursor: default
}

.styledSelect select::-ms-expand {
    display: none
}

.styledSelect:after {
    font-family: graingerFont;
    content: "\e62c";
    font-weight: 400;
    background: #eee;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(1, #fff));
    background: -ms-linear-gradient(bottom, #eee, #fff);
    background: -moz-linear-gradient(center bottom, #eee 0, #fff 100%);
    background: -o-linear-gradient(#fff, #eee);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
    color: #666;
    font-size: 12px;
    padding: 4px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    border-left: 1px solid #E7E6E6;
    display: block;
    line-height: 12px;
    font-size: 9px;
    padding: 12px 6px
}

.styledSelect.hide {
    display: none
}

.styledSelect.errorField {
    border: 2px solid #ad3333
}

.gForm-row.state .styledSelect #state {
    width: 477px
}

.gForm-row.error .styledSelect {
    border-color: #ad3333
}

.gForm-row.error .errorMsg {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    width: 477px
}

.gForm-row.error .errorIcon {
    position: relative;
    top: -28px
}

.horizontalFields {
    margin-right: 10px
}

.horizontalFields, .horizontalFields .label, .horizontalFields .field {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1
}

.horizontalFields .label {
    padding-top: 5px
}

.horizontalFields .button-link {
    margin-top: 0
}

.fieldBlockHorizontal, .fieldBlockHorizontal .formField {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    vertical-align: top
}

.fieldBlockHorizontal .link {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    padding: 5px 0 0 10px
}

.labelBlock {
    display: block;
    margin-bottom: 5px
}

#inner-map-container .productHorizontalView .thumbnail, #inner-map-container .productHorizontalView .description {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1
}

#AvailabilityItemInfo .horizontalFields .label {
    vertical-align: top;
    padding: 7px 7px 0 0
}

.field.quantity, .quantity input {
    width: 50px;
    min-width: unset
}

.select.quantity {
    width: 50px;
    margin-bottom: 0
}

.field.company, .field.address, .field.name, .formField .field.company, .formField .field.address, .formField .field.name {
    width: 320px
}

.field.region, .formField .field.region {
    width: 260px
}

.field.city, .formField .field.city {
    width: 260px
}

.field.zip, .formField .field.zip {
    width: 100px
}

.field.security, .formField .field.security {
    width: 90px
}

.field.location {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    width: 300px
}

.radioLabel {
    padding: 0 0 5px 20px
}

.ogRadio {
    float: left;
    margin: 0 5px 0
}

.og-row {
    min-width: 240px
}

.lt-ie10 .formField .field.security {
    width: 100px
}

.lt-ie9 .styledSelect {
    max-width: none
}

.lt-ie9 .styledSelect:after {
    display: none
}

.lt-ie9 .styledSelect select {
    padding-right: 10px
}

.lt-ie9 fieldset.checkbox label {
    width: 93%
}

.credit-card-form, .address-form {
    background: #f2f2f2;
    padding: 20px 150px 20px 20px
}

.editContactAddressForm .credit-card-form, .editContactAddressForm .address-form {
    background: #FFF
}

.credit-card-form h2, .address-form h2 {
    margin: 5px 0 15px 0;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px
}

.credit-card-form input, .address-form input, .credit-card-form label, .address-form label {
    display: block;
    font-weight: bold
}

.credit-card-form .region.hide, .address-form .region.hide {
    display: none
}

.credit-card-form .styledSelect, .address-form .styledSelect, .credit-card-form input[type=text], .address-form input[type=text] {
    width: 100%
}

.credit-card-form .styledSelect select, .address-form .styledSelect select {
    max-width: none
}

.credit-card-form .formField, .address-form .formField {
    margin-top: 10px
}

.credit-card-form .fieldBlockHorizontal, .address-form .fieldBlockHorizontal {
    width: 100%
}

.credit-card-form .fieldBlockHorizontal .formField, .address-form .fieldBlockHorizontal .formField {
    width: auto
}

.credit-card-form .formFooter .btn, .address-form .formFooter .btn, .credit-card-form .modal-footer .btn, .address-form .modal-footer .btn {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1
}

.credit-card-form .checkbox, .address-form .checkbox {
    margin-top: 10px
}

.credit-card-form .checkbox input, .address-form .checkbox input {
    margin-right: 5px
}

.credit-card-form .show-more-title, .address-form .show-more-title {
    margin: 15px 0
}

.credit-card-form .show-more-title a, .address-form .show-more-title a {
    margin-right: 10px
}

.credit-card-form .ccMonthYear, .credit-card-form .checkout-security-code {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    width: auto;
    vertical-align: top
}

.credit-card-form .ccMonthYear {
    margin-right: 10px
}

.credit-card-form .ccMonthYear .formField {
    width: 50%;
    padding: 10px;
    margin-bottom: 10px;
    float: left;
    margin-top: 0;
    padding: 0
}

.lt-ie8 .credit-card-form .ccMonthYear .formField {
    width: 48%
}

.lt-ie8 .credit-card-form .ccMonthYear .formField {
    width: 48%
}

.lt-ie8 .credit-card-form .ccMonthYear .formField {
    width: 48%
}

.lt-ie8 .credit-card-form .ccMonthYear .formField {
    width: 48%
}

.lt-ie8 .credit-card-form .ccMonthYear .formField {
    width: 48%
}

.lt-ie8 .credit-card-form .ccMonthYear .formField {
    width: 48%
}

.lt-ie8 .credit-card-form .ccMonthYear .formField {
    width: 48%
}

.lt-ie8 .credit-card-form .ccMonthYear .formField {
    width: 48%
}

.lt-ie8 .credit-card-form .ccMonthYear .formField {
    width: 48%
}

.lt-ie8 .credit-card-form .ccMonthYear .formField {
    width: 48%
}

.credit-card-form .ccMonthYear .styledSelect {
    width: 100px
}

.credit-card-form #checkout-card-number {
    width: 200px
}

.credit-card-form .modal-footer {
    margin-top: 10px
}

.productAvailabilityShippingSection #add-new-shipping-location-modal {
    position: relative;
    top: 13px;
    left: 245px;
    width: 550px !important
}

.productAvailabilityShippingSection .address-form input {
    width: 370px !important
}

.productAvailabilityShippingSection .address-form label {
    text-align: left
}

.productAvailabilityShippingSection .address-form .styledSelect {
    width: 370px !important;
    margin-bottom: 5px
}

.productAvailabilityShippingSection .address-form .formFooter {
    margin-top: 20px
}

.productAvailabilityShippingSection .address-form #stateprovregion-area {
    min-height: 45px !important
}

.productAvailabilityShippingSection .address-form #validation-errors-state {
    position: static
}

.productAvailabilityShippingSection .gForm-row {
    margin-bottom: 0 !important
}

.address-form {
    padding-right: 20px !important
}

.address-form #nickName {
    margin-top: 15px
}

.address-form .newShippingAddress fieldset {
    height: auto;
    margin-bottom: 0
}

.address-form input {
    width: 550px !important;
    border-radius: 3px;
    padding: 10px
}

.address-form input:focus {
    padding: 8px
}

.address-form .validation-errors {
    margin-left: 100px
}

.address-form #validation-errors-state {
    position: static;
    margin-left: 100px
}

.address-form #validation-errors-address {
    position: relative;
    margin-left: 115px;
    top: 36px;
    margin-bottom: 10px
}

.address-form .error-spacer {
    padding-top: 17px
}

.address-form label {
    text-align: left;
    clear: both;
    float: left;
    margin-top: 8px;
    width: 100px
}

.address-form label[for=nickName] {
    padding-top: 9px
}

.address-form label[for=addressLine2] {
    height: 22px;
    padding: 0;
    margin: 0
}

.address-form .gForm-cityStateZip {
    margin-bottom: 20px;
    max-height: 100px
}

.address-form .gForm-Zipfield {
    margin-bottom: 20px;
    max-height: 40px
}

.address-form .gForm-row {
    margin-bottom: 5px !important
}

.address-form .gForm-address {
    margin-bottom: 5px;
    height: 71px
}

.address-form .gForm-address #address1 {
    margin-bottom: 5px
}

.address-form .gForm-address #addressLine2 {
    margin-left: 100px;
    margin-bottom: 20px
}

.address-form #stateprovregion-area {
    min-height: 45px !important
}

.address-form .styledSelect {
    width: 550px !important;
    margin-bottom: 5px
}

.address-form .styledSelect select::-ms-expand {
    display: none
}

.address-form input[type=button] {
    width: 100px !important;
    margin-left: 20px
}

.address-form .checkbox {
    position: absolute;
    margin-top: 0
}

.address-form .checkbox .address-modal-default-checkbox {
    float: left;
    margin-bottom: 10px
}

.address-form .checkbox .address-modal-default-checkbox input {
    width: 25px !important;
    margin-left: 115px;
    margin-top: 5px
}

.address-form .checkbox .address-modal-default-label {
    float: left;
    margin-bottom: 20px
}

.address-form .checkbox .address-modal-default-label label {
    width: 250px !important;
    margin-top: 0;
    height: 22px;
    text-align: left
}

.address-form .formFooter {
    padding: 0;
    text-align: right;
    margin: 30px 10px 20px 0
}

.address-form .formFooter .cancel {
    margin: 10px
}

.address-form #freightForwarderContent {
    padding: 10px 0
}

.address-form #freightForwarderContent input[type="checkbox"], .address-form #freightForwarderContent label {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1
}

#password-strength #strength-text, #password-strength #strength-text-long {
    font-weight: 700
}

#password-strength .strength-container {
    background: #ccc;
    width: 193px
}

#password-strength #strength-progress-bar, #password-strength #strength-progress-bar-long {
    display: block;
    height: 10px;
    margin-top: 5px;
    margin-bottom: 5px
}

#password-strength #strength-progress-bar.weak, #password-strength #strength-progress-bar-long.weak {
    background-color: #ffd700
}

#password-strength #strength-progress-bar.strong, #password-strength #strength-progress-bar-long.strong {
    background-color: #257238
}

#password-strength #strength-progress-bar.medium, #password-strength #strength-progress-bar-long.medium {
    background-color: #ffae00
}

#signIn {
    margin-bottom: 100px;
    line-height: 22px;
    font-size: 14px
}

.lt-ie8 .styledSelect select, .lt-ie8 .styledSelect .selectedFilters {
    background: #fff;
    padding: 15px;
    height: 20px;
    line-height: 20px;
    width: 200px
}

.lt-ie8 .address-form input {
    width: 540px !important
}

.signInForm .styledSelect {
    width: 477px !important
}

.signInForm .passwordChange {
    margin-bottom: 10px
}

#customerServices .inputType {
    width: 400px
}

#customerServices .alert {
    margin-top: 2px;
    margin-bottom: 15px
}

#customerServices #subject::-ms-expand {
    display: none
}

#customerServices .captchTextContactUs {
    margin-top: 15px;
    margin-bottom: 15px
}

#add-new-shipping-location-modal {
    top: 10%
}

#add-new-shipping-location-modal .modal-content {
    max-height: 500px
}

#add-new-shipping-location-modal .gForm-row {
    margin-bottom: 10px
}

#add-new-shipping-location-modal .gForm-row label {
    width: 124px;
    display: inline-block !important;
    padding-top: 5px
}

#add-new-shipping-location-modal .gForm-row input[type=text] {
    width: 540px;
    display: inline
}

#add-new-shipping-location-modal .styledSelect {
    width: 540px;
    margin-right: 0
}

#add-new-shipping-location-modal .styledSelect select {
    max-width: 100%
}

#add-new-shipping-location-modal .form-indent {
    margin-left: 128px
}

@media screen and (max-width: 1366px) {
    #add-new-shipping-location-modal {
        top: 5%;
        max-height: 85%
    }

    #add-new-shipping-location-modal .gForm-row input[type=text], #add-new-shipping-location-modal .styledSelect {
        width: 510px
    }
}

.modal-backdrop, .modal-backdrop-section {
    background-color: #000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 19;
    -moz-opacity: .3;
    -khtml-opacity: .3;
    -webkit-opacity: .3;
    opacity: .3;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
    filter: alpha(opacity=30)
}

.lt-ie8 .modal-backdrop, .lt-ie8 .modal-backdrop-section {
    zoom: 1
}

.lt-ie8 .modal-backdrop, .lt-ie8 .modal-backdrop-section {
    zoom: 1
}

.lt-ie8 .modal-backdrop, .lt-ie8 .modal-backdrop-section {
    zoom: 1
}

.lt-ie8 .modal-backdrop, .lt-ie8 .modal-backdrop-section {
    zoom: 1
}

.lt-ie8 .modal-backdrop, .lt-ie8 .modal-backdrop-section {
    zoom: 1
}

.lt-ie8 .modal-backdrop, .lt-ie8 .modal-backdrop-section {
    zoom: 1
}

.lt-ie8 .modal-backdrop, .lt-ie8 .modal-backdrop-section {
    zoom: 1
}

.lt-ie8 .modal-backdrop, .lt-ie8 .modal-backdrop-section {
    zoom: 1
}

.lt-ie8 .modal-backdrop, .lt-ie8 .modal-backdrop-section {
    zoom: 1
}

.lt-ie8 .modal-backdrop, .lt-ie8 .modal-backdrop-section {
    zoom: 1
}

.modal-loading {
    z-index: 100000;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%
}

.modal-loading .loading {
    margin: 0 auto;
    position: relative;
    top: 40%;
    width: 50px;
    height: 42px;
    opacity: 1;
    background: url(../../images/loader.gif) no-repeat center
}

.modal-backdrop-section {
    position: absolute
}

@media print {
    .printModalActive #container, .printModalActive #eheader, .printModalActive #footer, .printModalActive #globalBanner {
        display: none !important
    }

    #printModal {
        display: block;
        visibility: visible;
        height: auto;
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        margin: 0;
        padding: 0;
        max-height: none !important
    }

    #print-modal-cart {
        position: absolute !important;
        top: 1% !important;
        width: 100%;
        margin-left: 0;
        left: 0
    }

    .modal-content {
        max-height: none !important
    }

    .modal-print .btn, .modal-print .modal-footer {
        display: none
    }

    .modal-print .modal-window {
        position: fixed;
        top: 0 !important;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        margin-left: 0;
        margin: 0;
        padding: 0;
        border: none;
        min-height: 100%;
        background: #FFF
    }

    .LPMcontainer, .modal-backdrop {
        display: none !important
    }
}

.modal-print .modal-header img {
    float: left
}

#modal-table-row {
    border-top: none;
    width: 100%
}

.modal-cart-item {
    width: 10%;
    vertical-align: top
}

.modal-cart-picture {
    width: 40%;
    vertical-align: top
}

div.modalCartPicture div.cartItemDescription p {
    margin-bottom: 0
}

.cart-qty {
    width: 10%;
    vertical-align: top
}

.cart-price {
    width: 20%;
    vertical-align: top
}

.modal-cart-avail {
    width: 20%;
    vertical-align: top
}

.priceValue {
    color: #257238;
    font-weight: 700;
    font-size: 14px;
    word-wrap: break-word;
    display: block
}

#print-modal-cart .modalTableRow td {
    padding: 5px;
    vertical-align: top
}

#print-modal-cart .modalTableRow th {
    font-weight: 700
}

#print-modal-cart .modalTableRow td p {
    margin-bottom: 5px
}

.modalTableRow {
    border-bottom: 1px solid #ccc;
    text-align: left
}

#modal-top-btn {
    float: right
}

.modalTableRow .cart-price .modalPriceValue {
    width: auto
}

.modal, .modal-static {
    background-color: #fff;
    left: 50%;
    position: fixed;
    top: 16%;
    width: 720px;
    margin-left: -360px;
    z-index: 99999;
    border: 1px solid #ccc;
    border-top: 3px solid #333;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    display: none
}

@media (max-width: 780px) {
    .modal, .modal-static {
        width: 540px;
        margin-left: -270px
    }
}

.modal.in, .modal-static.in {
    display: block !important
}

.modal.smallModal, .modal-static.smallModal {
    width: 420px;
    margin-left: -210px
}

.modal.mediumModal, .modal-static.mediumModal {
    width: 540px;
    margin-left: -270px
}

.modal.largerModal, .modal-static.largerModal {
    width: 920px;
    margin-left: -460px
}

.modal.midscreenModal, .modal-static.midscreenModal {
    top: 38%
}

.modal.fade, .modal-static.fade {
    -webkit-transition: opacity .3s linear, top .3s ease-out;
    -moz-transition: opacity .3s linear, top .3s ease-out;
    -o-transition: opacity .3s linear, top .3s ease-out;
    transition: opacity .3s linear, top .3s ease-out;
    top: -25%
}

.modal.fade.in, .modal-static.fade.in {
    top: 10%
}

.modal.formModal .modal-body, .modal-static.formModal .modal-body, .modal.formModal .modal-content, .modal-static.formModal .modal-content {
    background: #eee
}

.modal.formModal .modal-footer .modalButtons, .modal-static.formModal .modal-footer .modalButtons {
    float: left
}

.modal .alert, .modal-static .alert {
    margin: 0
}

.modal input.alert, .modal-static input.alert {
    border: 1px solid #ad3333
}

.modal #container, .modal-static #container {
    width: 100%
}

.modal .modal-header, .modal-static .modal-header {
    background-color: #fff;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    padding: 16px 20px;
    font-weight: bold;
    border-bottom: 1px solid #ccc
}

.modal .modal-header:after, .modal-static .modal-header:after, .modal .modal-header:before, .modal-static .modal-header:before {
    content: " ";
    display: table
}

.modal .modal-header:after, .modal-static .modal-header:after {
    clear: both
}

.lt-ie8 .modal .modal-header, .lt-ie8 .modal-static .modal-header {
    clear: both;
    zoom: 1
}

.modal .modal-header:after, .modal-static .modal-header:after, .modal .modal-header:before, .modal-static .modal-header:before {
    content: " ";
    display: table
}

.modal .modal-header:after, .modal-static .modal-header:after {
    clear: both
}

.lt-ie8 .modal .modal-header, .lt-ie8 .modal-static .modal-header {
    clear: both;
    zoom: 1
}

.modal .modal-header:after, .modal-static .modal-header:after, .modal .modal-header:before, .modal-static .modal-header:before {
    content: " ";
    display: table
}

.modal .modal-header:after, .modal-static .modal-header:after {
    clear: both
}

.lt-ie8 .modal .modal-header, .lt-ie8 .modal-static .modal-header {
    clear: both;
    zoom: 1
}

.modal .modal-header:after, .modal-static .modal-header:after, .modal .modal-header:before, .modal-static .modal-header:before {
    content: " ";
    display: table
}

.modal .modal-header:after, .modal-static .modal-header:after {
    clear: both
}

.lt-ie8 .modal .modal-header, .lt-ie8 .modal-static .modal-header {
    clear: both;
    zoom: 1
}

.modal .modal-header:after, .modal-static .modal-header:after, .modal .modal-header:before, .modal-static .modal-header:before {
    content: " ";
    display: table
}

.modal .modal-header:after, .modal-static .modal-header:after {
    clear: both
}

.lt-ie8 .modal .modal-header, .lt-ie8 .modal-static .modal-header {
    clear: both;
    zoom: 1
}

.modal .modal-header:after, .modal-static .modal-header:after, .modal .modal-header:before, .modal-static .modal-header:before {
    content: " ";
    display: table
}

.modal .modal-header:after, .modal-static .modal-header:after {
    clear: both
}

.lt-ie8 .modal .modal-header, .lt-ie8 .modal-static .modal-header {
    clear: both;
    zoom: 1
}

.modal .modal-header:after, .modal-static .modal-header:after, .modal .modal-header:before, .modal-static .modal-header:before {
    content: " ";
    display: table
}

.modal .modal-header:after, .modal-static .modal-header:after {
    clear: both
}

.lt-ie8 .modal .modal-header, .lt-ie8 .modal-static .modal-header {
    clear: both;
    zoom: 1
}

.modal .modal-header:after, .modal-static .modal-header:after, .modal .modal-header:before, .modal-static .modal-header:before {
    content: " ";
    display: table
}

.modal .modal-header:after, .modal-static .modal-header:after {
    clear: both
}

.lt-ie8 .modal .modal-header, .lt-ie8 .modal-static .modal-header {
    clear: both;
    zoom: 1
}

.modal .modal-header:after, .modal-static .modal-header:after, .modal .modal-header:before, .modal-static .modal-header:before {
    content: " ";
    display: table
}

.modal .modal-header:after, .modal-static .modal-header:after {
    clear: both
}

.lt-ie8 .modal .modal-header, .lt-ie8 .modal-static .modal-header {
    clear: both;
    zoom: 1
}

.modal .modal-header:after, .modal-static .modal-header:after, .modal .modal-header:before, .modal-static .modal-header:before {
    content: " ";
    display: table
}

.modal .modal-header:after, .modal-static .modal-header:after {
    clear: both
}

.lt-ie8 .modal .modal-header, .lt-ie8 .modal-static .modal-header {
    clear: both;
    zoom: 1
}

.modal .modal-header h2, .modal-static .modal-header h2 {
    float: left;
    font-weight: bold;
    font-size: 18px !important;
    margin-bottom: 0;
    padding-right: 20px;
    padding-top: 3px
}

.modal .modal-header .printCartModal-header, .modal-static .modal-header .printCartModal-header {
    border-bottom: none
}

.modal .modal-header .close, .modal-static .modal-header .close {
    border: none;
    float: right;
    padding: 2px 0 0 0;
    cursor: pointer;
    text-transform: capitalize
}

.modal .modal-header .close:hover, .modal-static .modal-header .close:hover {
    text-decoration: none
}

.modal .modal-header .close:after, .modal-static .modal-header .close:after {
    font-family: graingerFont;
    content: "\e61d";
    font-weight: 400;
    color: #333;
    margin: 1px 0 0 8px;
    display: inline-block
}

.modal .modal-header th, .modal-static .modal-header th {
    padding: 0 0 0 10px
}

.modal .modal-body, .modal-static .modal-body, .modal .modal-content, .modal-static .modal-content {
    height: auto;
    overflow: hidden;
    padding: 15px 20px;
    position: relative;
    max-height: 450px;
    overflow-y: auto;
    font-size: 14px
}

.modal .modal-body h3, .modal-static .modal-body h3, .modal .modal-content h3, .modal-static .modal-content h3 {
    color: #000;
    font-weight: normal
}

.modal .modal-footer, .modal-static .modal-footer {
    padding: 14px 15px 15px;
    text-align: right;
    background: #eaeaea;
    border-top: 1px solid #ccc;
    *zoom: 1
}

.modal .modal-footer button + button, .modal-static .modal-footer button + button, .modal .modal-footer a.block + input, .modal-static .modal-footer a.block + input {
    margin-left: 10px
}

.modal .modal-footer .textLink, .modal-static .modal-footer .textLink, .modal .modal-footer .cancel, .modal-static .modal-footer .cancel {
    display: inline-block;
    margin: 0 10px 0 0;
    text-transform: capitalize
}

.lt-ie8 .modal .modal-footer .textLink, .lt-ie8 .modal-static .modal-footer .textLink, .lt-ie8 .modal .modal-footer .cancel, .lt-ie8 .modal-static .modal-footer .cancel {
    display: inline;
    zoom: 1
}

.modal .modal-footer:before:after, .modal-static .modal-footer:before:after, .modal .modal-footer:after:after, .modal-static .modal-footer:after:after, .modal .modal-footer:before:before, .modal-static .modal-footer:before:before, .modal .modal-footer:after:before, .modal-static .modal-footer:after:before {
    content: " ";
    display: table
}

.modal .modal-footer:before:after, .modal-static .modal-footer:before:after, .modal .modal-footer:after:after, .modal-static .modal-footer:after:after {
    clear: both
}

.lt-ie8 .modal .modal-footer:before, .lt-ie8 .modal-static .modal-footer:before, .lt-ie8 .modal .modal-footer:after, .lt-ie8 .modal-static .modal-footer:after {
    clear: both;
    zoom: 1
}

.modal .modal-footer:before:after, .modal-static .modal-footer:before:after, .modal .modal-footer:after:after, .modal-static .modal-footer:after:after, .modal .modal-footer:before:before, .modal-static .modal-footer:before:before, .modal .modal-footer:after:before, .modal-static .modal-footer:after:before {
    content: " ";
    display: table
}

.modal .modal-footer:before:after, .modal-static .modal-footer:before:after, .modal .modal-footer:after:after, .modal-static .modal-footer:after:after {
    clear: both
}

.lt-ie8 .modal .modal-footer:before, .lt-ie8 .modal-static .modal-footer:before, .lt-ie8 .modal .modal-footer:after, .lt-ie8 .modal-static .modal-footer:after {
    clear: both;
    zoom: 1
}

.modal .modal-footer:before:after, .modal-static .modal-footer:before:after, .modal .modal-footer:after:after, .modal-static .modal-footer:after:after, .modal .modal-footer:before:before, .modal-static .modal-footer:before:before, .modal .modal-footer:after:before, .modal-static .modal-footer:after:before {
    content: " ";
    display: table
}

.modal .modal-footer:before:after, .modal-static .modal-footer:before:after, .modal .modal-footer:after:after, .modal-static .modal-footer:after:after {
    clear: both
}

.lt-ie8 .modal .modal-footer:before, .lt-ie8 .modal-static .modal-footer:before, .lt-ie8 .modal .modal-footer:after, .lt-ie8 .modal-static .modal-footer:after {
    clear: both;
    zoom: 1
}

.modal .modal-footer:before:after, .modal-static .modal-footer:before:after, .modal .modal-footer:after:after, .modal-static .modal-footer:after:after, .modal .modal-footer:before:before, .modal-static .modal-footer:before:before, .modal .modal-footer:after:before, .modal-static .modal-footer:after:before {
    content: " ";
    display: table
}

.modal .modal-footer:before:after, .modal-static .modal-footer:before:after, .modal .modal-footer:after:after, .modal-static .modal-footer:after:after {
    clear: both
}

.lt-ie8 .modal .modal-footer:before, .lt-ie8 .modal-static .modal-footer:before, .lt-ie8 .modal .modal-footer:after, .lt-ie8 .modal-static .modal-footer:after {
    clear: both;
    zoom: 1
}

.modal .modal-footer:before:after, .modal-static .modal-footer:before:after, .modal .modal-footer:after:after, .modal-static .modal-footer:after:after, .modal .modal-footer:before:before, .modal-static .modal-footer:before:before, .modal .modal-footer:after:before, .modal-static .modal-footer:after:before {
    content: " ";
    display: table
}

.modal .modal-footer:before:after, .modal-static .modal-footer:before:after, .modal .modal-footer:after:after, .modal-static .modal-footer:after:after {
    clear: both
}

.lt-ie8 .modal .modal-footer:before, .lt-ie8 .modal-static .modal-footer:before, .lt-ie8 .modal .modal-footer:after, .lt-ie8 .modal-static .modal-footer:after {
    clear: both;
    zoom: 1
}

.modal .modal-footer:before:after, .modal-static .modal-footer:before:after, .modal .modal-footer:after:after, .modal-static .modal-footer:after:after, .modal .modal-footer:before:before, .modal-static .modal-footer:before:before, .modal .modal-footer:after:before, .modal-static .modal-footer:after:before {
    content: " ";
    display: table
}

.modal .modal-footer:before:after, .modal-static .modal-footer:before:after, .modal .modal-footer:after:after, .modal-static .modal-footer:after:after {
    clear: both
}

.lt-ie8 .modal .modal-footer:before, .lt-ie8 .modal-static .modal-footer:before, .lt-ie8 .modal .modal-footer:after, .lt-ie8 .modal-static .modal-footer:after {
    clear: both;
    zoom: 1
}

.modal .modal-footer:before:after, .modal-static .modal-footer:before:after, .modal .modal-footer:after:after, .modal-static .modal-footer:after:after, .modal .modal-footer:before:before, .modal-static .modal-footer:before:before, .modal .modal-footer:after:before, .modal-static .modal-footer:after:before {
    content: " ";
    display: table
}

.modal .modal-footer:before:after, .modal-static .modal-footer:before:after, .modal .modal-footer:after:after, .modal-static .modal-footer:after:after {
    clear: both
}

.lt-ie8 .modal .modal-footer:before, .lt-ie8 .modal-static .modal-footer:before, .lt-ie8 .modal .modal-footer:after, .lt-ie8 .modal-static .modal-footer:after {
    clear: both;
    zoom: 1
}

.modal .modal-footer:before:after, .modal-static .modal-footer:before:after, .modal .modal-footer:after:after, .modal-static .modal-footer:after:after, .modal .modal-footer:before:before, .modal-static .modal-footer:before:before, .modal .modal-footer:after:before, .modal-static .modal-footer:after:before {
    content: " ";
    display: table
}

.modal .modal-footer:before:after, .modal-static .modal-footer:before:after, .modal .modal-footer:after:after, .modal-static .modal-footer:after:after {
    clear: both
}

.lt-ie8 .modal .modal-footer:before, .lt-ie8 .modal-static .modal-footer:before, .lt-ie8 .modal .modal-footer:after, .lt-ie8 .modal-static .modal-footer:after {
    clear: both;
    zoom: 1
}

.modal .modal-footer:before:after, .modal-static .modal-footer:before:after, .modal .modal-footer:after:after, .modal-static .modal-footer:after:after, .modal .modal-footer:before:before, .modal-static .modal-footer:before:before, .modal .modal-footer:after:before, .modal-static .modal-footer:after:before {
    content: " ";
    display: table
}

.modal .modal-footer:before:after, .modal-static .modal-footer:before:after, .modal .modal-footer:after:after, .modal-static .modal-footer:after:after {
    clear: both
}

.lt-ie8 .modal .modal-footer:before, .lt-ie8 .modal-static .modal-footer:before, .lt-ie8 .modal .modal-footer:after, .lt-ie8 .modal-static .modal-footer:after {
    clear: both;
    zoom: 1
}

.modal .modal-footer:before:after, .modal-static .modal-footer:before:after, .modal .modal-footer:after:after, .modal-static .modal-footer:after:after, .modal .modal-footer:before:before, .modal-static .modal-footer:before:before, .modal .modal-footer:after:before, .modal-static .modal-footer:after:before {
    content: " ";
    display: table
}

.modal .modal-footer:before:after, .modal-static .modal-footer:before:after, .modal .modal-footer:after:after, .modal-static .modal-footer:after:after {
    clear: both
}

.lt-ie8 .modal .modal-footer:before, .lt-ie8 .modal-static .modal-footer:before, .lt-ie8 .modal .modal-footer:after, .lt-ie8 .modal-static .modal-footer:after {
    clear: both;
    zoom: 1
}

.modal .modal-footer .footerMessage, .modal-static .modal-footer .footerMessage {
    float: left;
    font-weight: 700;
    line-height: 29px
}

.modal .modal-footer .modalButtons, .modal-static .modal-footer .modalButtons {
    float: right
}

.modal .modal-footer .modalButtons button, .modal-static .modal-footer .modalButtons button {
    float: left
}

.modal .modal-footer .modalButtons button + button, .modal-static .modal-footer .modalButtons button + button {
    margin-left: 5px;
    margin-bottom: 0
}

.modal .modal-footer .btn-group .btn + .btn, .modal-static .modal-footer .btn-group .btn + .btn {
    margin-left: -1px
}

.modal .modal-footer .btn-block + .btn-block, .modal-static .modal-footer .btn-block + .btn-block {
    margin-left: 0
}

.modal .modal-footer .itemsCartMessage, .modal-static .modal-footer .itemsCartMessage {
    float: left;
    padding: 10px 0 0 0;
    color: #666
}

@media (max-width: 780px) {
    .modal .modal-footer .itemsCartMessage, .modal-static .modal-footer .itemsCartMessage {
        width: 45%;
        text-align: left;
        padding: 0 0 10px 0;
        margin-bottom: 0
    }
}

.modal .modal-footer .btn, .modal-static .modal-footer .btn {
    text-transform: capitalize
}

.modal #addToCartModal .commerce-table th, .modal-static #addToCartModal .commerce-table th {
    font-weight: 700
}

.modal #addToCartModal .commerce-table td.first, .modal-static #addToCartModal .commerce-table td.first {
    max-width: 250px
}

.modal #addToCartModal .commerce-table td.align-right, .modal-static #addToCartModal .commerce-table td.align-right {
    width: 100px
}

.modal#bulkorderadd, .modal-static#bulkorderadd {
    left: 50%;
    top: 10%;
    bottom: auto
}

.modal#bulkorderadd .prodCodes, .modal-static#bulkorderadd .prodCodes {
    margin-left: 40px
}

.modal#addToCart .modal-content, .modal-static#addToCart .modal-content, .modal#bulkorderadd .modal-content, .modal-static#bulkorderadd .modal-content, .modal#mylist .modal-content, .modal-static#mylist .modal-content {
    padding-top: 20px;
    border-top: 1px solid #ccc;
    background: radial-gradient(center, ellipse cover, rgba(25, 25, 25, 0.35) 0, rgba(0, 0, 0, 0) 100%);
    background: radial-gradient(ellipse 70% 10px at top, rgba(25, 25, 25, 0.35) 0, rgba(255, 255, 255, 0) 80%)
}

@media (max-width: 780px) {
    .modal#addToCart .carouselQty, .modal-static#addToCart .carouselQty, .modal#bulkorderadd .carouselQty, .modal-static#bulkorderadd .carouselQty, .modal#mylist .carouselQty, .modal-static#mylist .carouselQty {
        margin-bottom: 10px
    }
}

.modal#addToCart .commerce, .modal-static#addToCart .commerce, .modal#bulkorderadd .commerce, .modal-static#bulkorderadd .commerce, .modal#mylist .commerce, .modal-static#mylist .commerce {
    margin: 0 -15px;
    margin-bottom: 15px
}

.modal#addToCart .commerce .commerce-table, .modal-static#addToCart .commerce .commerce-table, .modal#bulkorderadd .commerce .commerce-table, .modal-static#bulkorderadd .commerce .commerce-table, .modal#mylist .commerce .commerce-table, .modal-static#mylist .commerce .commerce-table {
    width: 100%;
    padding-bottom: 0
}

.modal#addToCart .commerce .commerce-table th, .modal-static#addToCart .commerce .commerce-table th, .modal#bulkorderadd .commerce .commerce-table th, .modal-static#bulkorderadd .commerce .commerce-table th, .modal#mylist .commerce .commerce-table th, .modal-static#mylist .commerce .commerce-table th {
    padding: 10px;
    font-weight: 700;
    min-width: 130px;
    width: 100%;
    text-align: right
}

.modal#addToCart .commerce .commerce-table th.first, .modal-static#addToCart .commerce .commerce-table th.first, .modal#bulkorderadd .commerce .commerce-table th.first, .modal-static#bulkorderadd .commerce .commerce-table th.first, .modal#mylist .commerce .commerce-table th.first, .modal-static#mylist .commerce .commerce-table th.first {
    text-align: left
}

@media (max-width: 780px) {
    .modal#addToCart .commerce, .modal-static#addToCart .commerce, .modal#bulkorderadd .commerce, .modal-static#bulkorderadd .commerce, .modal#mylist .commerce, .modal-static#mylist .commerce {
        clear: both;
        margin: 0 -5px
    }
}

.modal#addToCart .itemsinCart, .modal-static#addToCart .itemsinCart, .modal#bulkorderadd .itemsinCart, .modal-static#bulkorderadd .itemsinCart, .modal#mylist .itemsinCart, .modal-static#mylist .itemsinCart {
    background: #eee;
    padding: 10px
}

.modal#addToCart .itemsinCart td, .modal-static#addToCart .itemsinCart td, .modal#bulkorderadd .itemsinCart td, .modal-static#bulkorderadd .itemsinCart td, .modal#mylist .itemsinCart td, .modal-static#mylist .itemsinCart td {
    padding: 15px;
    font-weight: 700;
    font-size: 12px;
    vertical-align: top;
    text-align: right;
    min-width: 90px;
    max-width: 300px
}

.modal#addToCart .itemsinCart td.first, .modal-static#addToCart .itemsinCart td.first, .modal#bulkorderadd .itemsinCart td.first, .modal-static#bulkorderadd .itemsinCart td.first, .modal#mylist .itemsinCart td.first, .modal-static#mylist .itemsinCart td.first {
    text-align: left
}

.modal#addToCart .itemsinCart td.align-left, .modal-static#addToCart .itemsinCart td.align-left, .modal#bulkorderadd .itemsinCart td.align-left, .modal-static#bulkorderadd .itemsinCart td.align-left, .modal#mylist .itemsinCart td.align-left, .modal-static#mylist .itemsinCart td.align-left {
    text-align: left;
    word-wrap: break-word;
    word-break: break-all
}

.modal#addToCart .itemsinCart td img, .modal-static#addToCart .itemsinCart td img, .modal#bulkorderadd .itemsinCart td img, .modal-static#bulkorderadd .itemsinCart td img, .modal#mylist .itemsinCart td img, .modal-static#mylist .itemsinCart td img {
    width: 45px;
    height: 45px;
    float: left
}

.modal#addToCart .itemsinCart a, .modal-static#addToCart .itemsinCart a, .modal#bulkorderadd .itemsinCart a, .modal-static#bulkorderadd .itemsinCart a, .modal#mylist .itemsinCart a, .modal-static#mylist .itemsinCart a {
    padding: 0 0 0 10px;
    max-width: 87%;
    float: left
}

@media (max-width: 780px) {
    .modal#addToCart .itemsinCart a, .modal-static#addToCart .itemsinCart a, .modal#bulkorderadd .itemsinCart a, .modal-static#bulkorderadd .itemsinCart a, .modal#mylist .itemsinCart a, .modal-static#mylist .itemsinCart a {
        max-width: 70%
    }
}

.modal#addToCart .itemsinCart .itemPrice, .modal-static#addToCart .itemsinCart .itemPrice, .modal#bulkorderadd .itemsinCart .itemPrice, .modal-static#bulkorderadd .itemsinCart .itemPrice, .modal#mylist .itemsinCart .itemPrice, .modal-static#mylist .itemsinCart .itemPrice, .modal#addToCart .itemsinCart .itemTotalPrice, .modal-static#addToCart .itemsinCart .itemTotalPrice, .modal#bulkorderadd .itemsinCart .itemTotalPrice, .modal-static#bulkorderadd .itemsinCart .itemTotalPrice, .modal#mylist .itemsinCart .itemTotalPrice, .modal-static#mylist .itemsinCart .itemTotalPrice, .modal#addToCart .itemsinCart .commerce-table td, .modal-static#addToCart .itemsinCart .commerce-table td, .modal#bulkorderadd .itemsinCart .commerce-table td, .modal-static#bulkorderadd .itemsinCart .commerce-table td, .modal#mylist .itemsinCart .commerce-table td, .modal-static#mylist .itemsinCart .commerce-table td {
    color: #257238
}

@media (max-width: 780px) {
    .modal#addToCart.modal, .modal-static#addToCart.modal, .modal#bulkorderadd.modal, .modal-static#bulkorderadd.modal, .modal#mylist.modal, .modal-static#mylist.modal {
        top: 1%
    }

    .modal#addToCart .modal-content, .modal-static#addToCart .modal-content, .modal#bulkorderadd .modal-content, .modal-static#bulkorderadd .modal-content, .modal#mylist .modal-content, .modal-static#mylist .modal-content {
        padding: 0 15px
    }

    .modal#addToCart .carousel, .modal-static#addToCart .carousel, .modal#bulkorderadd .carousel, .modal-static#bulkorderadd .carousel, .modal#mylist .carousel, .modal-static#mylist .carousel {
        padding: 10px 0 0 0;
        margin-bottom: 0
    }

    .modal#addToCart .carousel.intelligentOffer .carouselContainer .carouselProductLists .carouselProduct, .modal-static#addToCart .carousel.intelligentOffer .carouselContainer .carouselProductLists .carouselProduct, .modal#bulkorderadd .carousel.intelligentOffer .carouselContainer .carouselProductLists .carouselProduct, .modal-static#bulkorderadd .carousel.intelligentOffer .carouselContainer .carouselProductLists .carouselProduct, .modal#mylist .carousel.intelligentOffer .carouselContainer .carouselProductLists .carouselProduct, .modal-static#mylist .carousel.intelligentOffer .carouselContainer .carouselProductLists .carouselProduct {
        width: 110px;
        margin-right: 10px
    }

    .modal#addToCart .carousel.intelligentOffer .carouselContainer .carouselProductLists .carouselProduct .carouselProductName, .modal-static#addToCart .carousel.intelligentOffer .carouselContainer .carouselProductLists .carouselProduct .carouselProductName, .modal#bulkorderadd .carousel.intelligentOffer .carouselContainer .carouselProductLists .carouselProduct .carouselProductName, .modal-static#bulkorderadd .carousel.intelligentOffer .carouselContainer .carouselProductLists .carouselProduct .carouselProductName, .modal#mylist .carousel.intelligentOffer .carouselContainer .carouselProductLists .carouselProduct .carouselProductName, .modal-static#mylist .carousel.intelligentOffer .carouselContainer .carouselProductLists .carouselProduct .carouselProductName {
        min-height: 75px;
        padding: 0;
        word-wrap: break-word
    }

    .modal#addToCart .carousel.intelligentOffer .carouselContainer .carouselProductLists .carouselProduct .carouselProductImage, .modal-static#addToCart .carousel.intelligentOffer .carouselContainer .carouselProductLists .carouselProduct .carouselProductImage, .modal#bulkorderadd .carousel.intelligentOffer .carouselContainer .carouselProductLists .carouselProduct .carouselProductImage, .modal-static#bulkorderadd .carousel.intelligentOffer .carouselContainer .carouselProductLists .carouselProduct .carouselProductImage, .modal#mylist .carousel.intelligentOffer .carouselContainer .carouselProductLists .carouselProduct .carouselProductImage, .modal-static#mylist .carousel.intelligentOffer .carouselContainer .carouselProductLists .carouselProduct .carouselProductImage {
        width: 80px;
        height: 80px
    }

    .modal#addToCart .carousel.intelligentOffer .carouselContainer .carouselProductLists .carouselProduct .carouselProductImage img, .modal-static#addToCart .carousel.intelligentOffer .carouselContainer .carouselProductLists .carouselProduct .carouselProductImage img, .modal#bulkorderadd .carousel.intelligentOffer .carouselContainer .carouselProductLists .carouselProduct .carouselProductImage img, .modal-static#bulkorderadd .carousel.intelligentOffer .carouselContainer .carouselProductLists .carouselProduct .carouselProductImage img, .modal#mylist .carousel.intelligentOffer .carouselContainer .carouselProductLists .carouselProduct .carouselProductImage img, .modal-static#mylist .carousel.intelligentOffer .carouselContainer .carouselProductLists .carouselProduct .carouselProductImage img {
        width: 100%
    }

    .modal#addToCart .carousel > .arrow.carouselLeft, .modal-static#addToCart .carousel > .arrow.carouselLeft, .modal#bulkorderadd .carousel > .arrow.carouselLeft, .modal-static#bulkorderadd .carousel > .arrow.carouselLeft, .modal#mylist .carousel > .arrow.carouselLeft, .modal-static#mylist .carousel > .arrow.carouselLeft {
        left: -10px
    }

    .modal#addToCart .carousel > .arrow.carouselRight, .modal-static#addToCart .carousel > .arrow.carouselRight, .modal#bulkorderadd .carousel > .arrow.carouselRight, .modal-static#bulkorderadd .carousel > .arrow.carouselRight, .modal#mylist .carousel > .arrow.carouselRight, .modal-static#mylist .carousel > .arrow.carouselRight {
        right: -10px
    }

    .modal#addToCart .carouselPagination, .modal-static#addToCart .carouselPagination, .modal#bulkorderadd .carouselPagination, .modal-static#bulkorderadd .carouselPagination, .modal#mylist .carouselPagination, .modal-static#mylist .carouselPagination {
        padding-right: 10px
    }

    .modal#addToCart .smallerCarousel .carouselContainer, .modal-static#addToCart .smallerCarousel .carouselContainer, .modal#bulkorderadd .smallerCarousel .carouselContainer, .modal-static#bulkorderadd .smallerCarousel .carouselContainer, .modal#mylist .smallerCarousel .carouselContainer, .modal-static#mylist .smallerCarousel .carouselContainer {
        width: 450px
    }

    .modal#addToCart .smallerCarousel .carouselContainer li, .modal-static#addToCart .smallerCarousel .carouselContainer li, .modal#bulkorderadd .smallerCarousel .carouselContainer li, .modal-static#bulkorderadd .smallerCarousel .carouselContainer li, .modal#mylist .smallerCarousel .carouselContainer li, .modal-static#mylist .smallerCarousel .carouselContainer li {
        width: 115px
    }

    .modal#addToCart .smallerCarousel .carouselContainer div, .modal-static#addToCart .smallerCarousel .carouselContainer div, .modal#bulkorderadd .smallerCarousel .carouselContainer div, .modal-static#bulkorderadd .smallerCarousel .carouselContainer div, .modal#mylist .smallerCarousel .carouselContainer div, .modal-static#mylist .smallerCarousel .carouselContainer div {
        width: 100px
    }

    .modal#addToCart .smallerCarousel .carouselContainer div.carouselProductImage img, .modal-static#addToCart .smallerCarousel .carouselContainer div.carouselProductImage img, .modal#bulkorderadd .smallerCarousel .carouselContainer div.carouselProductImage img, .modal-static#bulkorderadd .smallerCarousel .carouselContainer div.carouselProductImage img, .modal#mylist .smallerCarousel .carouselContainer div.carouselProductImage img, .modal-static#mylist .smallerCarousel .carouselContainer div.carouselProductImage img {
        width: 90px
    }
}

.modal.sourcingQuotesModal .scrollable table, .modal-static.sourcingQuotesModal .scrollable table {
    border-collapse: collapse;
    width: 100%
}

.modal.sourcingQuotesModal .scrollable thead, .modal-static.sourcingQuotesModal .scrollable thead {
    text-align: left;
    display: table;
    float: left;
    width: 100%
}

.modal.sourcingQuotesModal .scrollable thead tr, .modal-static.sourcingQuotesModal .scrollable thead tr {
    display: table-row;
    width: 100%
}

.modal.sourcingQuotesModal .scrollable tbody, .modal-static.sourcingQuotesModal .scrollable tbody {
    display: block;
    max-height: 140px;
    overflow-x: auto;
    overflow-y: scroll;
    float: left;
    width: 100%
}

.modal.sourcingQuotesModal .scrollable tbody tr, .modal-static.sourcingQuotesModal .scrollable tbody tr {
    display: table;
    width: 100%
}

.modal.sourcingQuotesModal .scrollable tr:after, .modal-static.sourcingQuotesModal .scrollable tr:after {
    content: ".";
    margin-left: -3px;
    visibility: hidden
}

.modal-static {
    top: 170px;
    display: block
}

.modal-static h2 {
    border-bottom: none !important;
    padding-bottom: 0 !important
}

#cartRestrictedModal .restrictionChoice label {
    display: inline;
    padding: 0 15px 0 5px
}

#endSessionModal .modal-footer .btn {
    margin-left: 5px
}

#shipAvailablityTermsModal li {
    list-style-type: disc;
    margin-bottom: 10px
}

#shipAvailablityTermsModal .specialOrderItemsAlertList {
    margin-left: 10px
}

#eproReturnCartModal .modal-content {
    padding: 0
}

#eproReturnCartModal p {
    margin-left: 15px
}

#eheader #headerContent .serviceHeaderLinks .serviceLinksRow1 .vr_wn_modal_trigger {
    color: #00739e;
    vertical-align: top;
    line-height: 23px;
    display: none
}

#vrwnModal {
    position: absolute;
    top: 240px
}

#vrwnModal .modal-image {
    position: absolute;
    top: -245px;
    left: -40px
}

#vrwnModal .modal-content {
    margin-left: 10px
}

#vrwnModal .firstSection h2 {
    font-size: 24px;
    margin: 15px 0
}

#vrwnModal section {
    margin-bottom: 20px
}

#og-modify-popup-container #closeModify {
    display: none
}

#og-modify-popup-container #modifyPopup {
    background-color: #fff;
    border: 1px solid #ccc;
    border-top: 3px solid #333;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

#og-modify-popup-container .modifyHeader {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 15px;
    height: auto;
    color: #333
}

#og-modify-popup-container .modifyHeader:after, #og-modify-popup-container .modifyHeader:before {
    content: " ";
    display: table
}

#og-modify-popup-container .modifyHeader:after {
    clear: both
}

.lt-ie8 #og-modify-popup-container .modifyHeader {
    clear: both;
    zoom: 1
}

#og-modify-popup-container .modifyHeader:after, #og-modify-popup-container .modifyHeader:before {
    content: " ";
    display: table
}

#og-modify-popup-container .modifyHeader:after {
    clear: both
}

.lt-ie8 #og-modify-popup-container .modifyHeader {
    clear: both;
    zoom: 1
}

#og-modify-popup-container .modifyHeader:after, #og-modify-popup-container .modifyHeader:before {
    content: " ";
    display: table
}

#og-modify-popup-container .modifyHeader:after {
    clear: both
}

.lt-ie8 #og-modify-popup-container .modifyHeader {
    clear: both;
    zoom: 1
}

#og-modify-popup-container .modifyHeader:after, #og-modify-popup-container .modifyHeader:before {
    content: " ";
    display: table
}

#og-modify-popup-container .modifyHeader:after {
    clear: both
}

.lt-ie8 #og-modify-popup-container .modifyHeader {
    clear: both;
    zoom: 1
}

#og-modify-popup-container .modifyHeader:after, #og-modify-popup-container .modifyHeader:before {
    content: " ";
    display: table
}

#og-modify-popup-container .modifyHeader:after {
    clear: both
}

.lt-ie8 #og-modify-popup-container .modifyHeader {
    clear: both;
    zoom: 1
}

#og-modify-popup-container .modifyHeader:after, #og-modify-popup-container .modifyHeader:before {
    content: " ";
    display: table
}

#og-modify-popup-container .modifyHeader:after {
    clear: both
}

.lt-ie8 #og-modify-popup-container .modifyHeader {
    clear: both;
    zoom: 1
}

#og-modify-popup-container .modifyHeader:after, #og-modify-popup-container .modifyHeader:before {
    content: " ";
    display: table
}

#og-modify-popup-container .modifyHeader:after {
    clear: both
}

.lt-ie8 #og-modify-popup-container .modifyHeader {
    clear: both;
    zoom: 1
}

#og-modify-popup-container .modifyHeader:after, #og-modify-popup-container .modifyHeader:before {
    content: " ";
    display: table
}

#og-modify-popup-container .modifyHeader:after {
    clear: both
}

.lt-ie8 #og-modify-popup-container .modifyHeader {
    clear: both;
    zoom: 1
}

#og-modify-popup-container .modifyHeader:after, #og-modify-popup-container .modifyHeader:before {
    content: " ";
    display: table
}

#og-modify-popup-container .modifyHeader:after {
    clear: both
}

.lt-ie8 #og-modify-popup-container .modifyHeader {
    clear: both;
    zoom: 1
}

#og-modify-popup-container .modifyHeader:after, #og-modify-popup-container .modifyHeader:before {
    content: " ";
    display: table
}

#og-modify-popup-container .modifyHeader:after {
    clear: both
}

.lt-ie8 #og-modify-popup-container .modifyHeader {
    clear: both;
    zoom: 1
}

#og-modify-popup-container .modifyHeader .headerText {
    float: left;
    font-weight: bold;
    margin-bottom: 0;
    padding-right: 20px
}

#og-modify-popup-container .modifyMain {
    font-size: 12px;
    font-weight: normal
}

#og-modify-popup-container .modifyMain .modifyOptions label {
    display: inline-block;
    margin-bottom: 12px
}

#og-modify-popup-container .modifyMain input {
    float: left;
    margin: 4px
}

#og-modify-popup-container .modifyButtons {
    padding: 14px 15px 15px;
    text-align: right;
    background: #eaeaea;
    border-top: 1px solid #ccc;
    display: block;
    clear: both;
    height: auto;
    margin: -10px
}

#og-modify-popup-container .modifyButtons span.spanLink {
    float: none;
    padding-left: 15px
}

#order-review-data-edits-model-content .modal-header {
    font-weight: 700
}

#order-review-data-edits-model-content h4 {
    font-weight: 700;
    margin: 0
}

#order-review-data-edits-model-content .modal-order-review-title2 {
    padding-bottom: 10px
}

#order-review-data-edits-model-content .modal-order-details {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px
}

#order-review-data-edits-model-content .modal-order-line-items {
    padding-bottom: 10px
}

#order-review-data-edits-model-content input {
    width: 325px;
    margin-top: 5px
}

#order-review-data-edits-model-content .modal-order-divider {
    background-color: #ccc;
    height: 1px;
    margin-top: 10px
}

#order-review-data-edits-model-content select {
    width: 250px
}

.floating-window-modal {
    display: none;
    position: absolute;
    z-index: 1050;
    border: 1px solid #f2f2f2;
    border-top: 3px solid #000;
    box-shadow: 1px 2px 2px #ccc, 1px 2px 2px #ccc, -1px 2px 2px #ccc
}

.modal-x-cancel-button {
    height: 14px;
    width: 14px;
    color: #000;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg)
}

.modal-x-cancel-button:before {
    font-family: graingerFont;
    content: "\e629";
    font-weight: 400
}

#branchSelectedModal {
    top: 10% !important;
    max-height: 90%;
    width: 50% !important;
    padding: 0 15px
}

#branchSelectedModal .div-branch-details {
    margin: 10px;
    width: 31%;
    float: left
}

#branchSelectedModal #pickupMapContainerBS {
    height: 400px !important;
    margin: 0;
    padding: 0
}

#branchSelectedModal #selectedPickupMap {
    height: 100%
}

#branchSelectedModal .modal-header {
    padding: 15px 0
}

#branchSelectedModal .modal-header h2 {
    font-size: 18px;
    color: #575757
}

#branchSelectedModal .selectedBranchHourLabel {
    margin-right: 3px;
    display: inline-block
}

#branchSelectedModal .pickupbranchdefaulthours {
    margin-left: 0;
    display: inline-block
}

#branchSelectedModal .pickUpBranchClosed {
    display: block;
    margin-left: 40px
}

#branchSelectedModal .modal-footer #searchPickupModalBS {
    display: inline-block
}

#branchSelectedModal .bstab-content {
    background-color: #eaeaea;
    line-height: 149%
}

#branchSelectedModal #pickupModalCloseBS {
    width: auto
}

#branchSelectedModal #pickupModalSearchRadiusBS {
    height: 33px
}

#branchSelectedModal #pickupModalSearchNoResultsBS {
    position: relative;
    float: left;
    text-align: left;
    display: none;
    padding-bottom: 6px;
    margin-left: 6px
}

#branchSelectedModal .bstab-content #branchHoursTable {
    position: relative;
    top: -17px;
    left: 37px
}

#branchSelectedModal #go_button_modal_bs {
    position: relative;
    top: -1px
}

#branchSelectedModal #fab_button_modal_bs {
    width: auto;
    position: relative;
    float: none;
    margin-right: 3px
}

#branchSelectedModal #pickupModalSearchNoResultsBS {
    position: relative;
    float: left;
    text-align: left
}

#branchSelectedModal table {
    margin: 0
}

#branchSelectedModal table .btn {
    float: right;
    width: 175px;
    margin-bottom: 1px;
    font-weight: 500
}

#branchSelectedModal table tr {
    border-width: 0 !important
}

#branchSelectedModal .td-half-width {
    width: 50%;
    height: 100px;
    border-right: none !important;
    vertical-align: top !important
}

#branchSelectedModal .td-half-width2 {
    width: 40%;
    height: 100px;
    vertical-align: top !important;
    padding-top: 10px !important
}

#branchSelectedModal .td-half-width3 {
    width: 60%;
    height: 110px;
    border-right: none !important;
    padding: 0 0 0 10px
}

#branchSelectedModal #currentdefaultbtn {
    width: 186px;
    padding: 10px
}

.pickupmodalselectedbranch {
    position: relative;
    top: -5px;
    background-color: #ccc;
    float: right;
    width: 350px;
    font-size: 12px;
    padding: 12px 20px;
    line-height: 1.2em;
    right: 7px
}

.pickupbranchdefaulthours {
    margin-left: 40px
}

#searchPickupModal, #pickupmodalselectedbranch {
    display: inline-block
}

#infowindowTable {
    min-width: 365px
}

.no-padding {
    padding: 0
}

.backdropHeader {
    z-index: 10 !important
}

#pickupModal {
    background-color: #EEE;
    display: none;
    width: 860px;
    z-index: 100000;
    top: 5%;
    margin-top: 0;
    margin-left: -430px;
    left: 50%
}

#pickupModal .modal-header {
    padding: 15px;
    display: block
}

#pickupModal .pickUpModalContent {
    margin-bottom: 10px
}

#pickupModal .nav-tabs > li:first-child {
    margin-left: 15px
}

#pickupModal .selectedBranchHourLabel {
    margin-right: 3px;
    display: inline-block
}

#pickupModal .pickupbranchdefaulthours {
    margin-left: 0;
    display: inline-block
}

#pickupModal .pickUpBranchClosed {
    display: block;
    margin-left: 40px
}

#pickupModal #findChangeBranchModal {
    height: 39px;
    width: 300px;
    border: 1px solid #ccc
}

#pickupModal #findChangeBranchModal:focus {
    border: 2px solid #00739e;
    outline: none
}

#pickupModal .pickupMessageWrap {
    float: left;
    width: 500px
}

#pickupModal .pickupMessageModal {
    display: inline-block;
    margin-bottom: 5px
}

#pickupModal #pick-up-locations-header {
    margin-bottom: 2px;
    margin-top: 0;
    margin-left: 20px;
    font-weight: bold
}

#pickupModal #pickupModalSearchRadius {
    margin-bottom: 0;
    height: 39px;
    width: 80px;
    border: 1px solid #ccc;
    margin-top: 5px
}

#pickupModal #go_button_modal {
    vertical-align: top;
    margin-top: 5px;
    height: 39px;
    width: 60px;
    padding: 0;
    display: inline-block;
    zoom: 1;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border: none;
    *border: 0;
    background-color: #151b1e;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

#pickupModal .alert {
    padding: 0;
    display: inline-block
}

#pickupModal .pickupmodalselectedbranch .title {
    margin-bottom: 10px
}

#pickupModal .pickupMessageModal, #pickupModal #findChangeBranchModal {
    margin-left: 15px;
    margin-top: 5px
}

#pickupModal .modalTableCart {
    line-height: 20px
}

#pickupModal .td-half-width {
    width: 50%;
    height: 110px;
    border-right: none !important;
    vertical-align: top !important;
    padding: 10px
}

#pickupModal .td-half-width2 {
    width: 40%;
    height: 100px;
    vertical-align: top !important;
    padding-top: 10px !important
}

#pickupModal .td-half-width3 {
    width: 60%;
    height: 100px;
    border-right: none !important;
    padding: 0 10px 0 10px
}

#pickupModal .tr-background {
    background-color: #FFF;
    height: 100px
}

#pickupModal table .btn {
    float: right;
    width: 175px;
    margin-bottom: 1px;
    font-weight: 500
}

#pickupModal table, #pickupModal #currentdefaultbtn table {
    margin-bottom: 10px !important
}

#pickupModal table tr {
    border-width: 0 !important
}

#pickupModal hr {
    margin-top: 5px
}

#pickupModal #tab_piu {
    height: 280px;
    width: 98%;
    margin: auto;
    overflow-y: auto
}

#pickupModal #tab_oh_vlom {
    padding: 1%;
    height: 230px;
    overflow-y: auto
}

#pickupModal #pickupTabContentFooter {
    width: 98%
}

#pickupModal .ie-icon {
    display: none
}

#pickupModal .nav-tabs {
    margin: 10px 0 0 0;
    border-bottom: 1px solid #333
}

#pickupModal .nav-tabs li {
    min-width: 196px;
    height: 40px
}

#pickupModal .nav-tabs li a {
    height: 40px;
    text-align: center;
    color: #333;
    border-bottom: 1px solid #333;
    border-top: 3px solid #eee;
    border-right: 1px solid #eee
}

#pickupModal .nav-tabs li a:hover, #pickupModal .nav-tabs li a:focus {
    color: #000;
    text-decoration: none;
    background-color: #ccc
}

#pickupModal .nav-tabs li.active a, #pickupModal .nav-tabs li.active a:hover, #pickupModal .nav-tabs li.active a:focus {
    color: #333;
    cursor: default;
    background-color: #eee;
    border: 1px solid #333;
    border-top: 3px solid #333;
    border-bottom: 1px solid #eee;
    padding: 6px 11px 4px 11px
}

#pickupModal .nav-tabs li:first-child {
    width: 100px
}

#pickupModal .branchHoursTable td {
    border-right: none !important;
    vertical-align: top
}

#pickupModal .branchHoursTable td:first-child {
    padding-left: 7px !important;
    vertical-align: top;
    padding-top: 0
}

#pickupModal .branchHoursLabel {
    cursor: pointer !important;
    color: #145579
}

#pickupModal .branchHoursLabel:hover {
    text-decoration: underline
}

#pickupModal #pickupMapContainer {
    height: 100%;
    margin: 0;
    padding: 0
}

#pickupModal #pickupMap {
    height: 100%;
    width: 100%;
    display: block;
    flex-direction: column;
    visibility: visible
}

#pickupModal #pickupMap table .btn {
    top: 20%
}

#pickupModal .pickupMessage {
    font-size: 10px !important
}

#pickupModal #pickup-container {
    position: relative;
    left: -20px;
    border-left: 1px solid #ccc;
    padding-left: 20px
}

#pickupModal .bstab-content {
    background: none
}

#pickupModal table .btn {
    position: relative;
    top: 6%;
    right: 2%;
    width: 180px;
    white-space: normal;
    padding: 9px
}

#pickupModal .pickupaddressresults {
    font-size: 12px
}

#pickupModal .getDirectionsLink {
    font-size: 12px
}

#pickupModal .travelDistance {
    font-size: 12px
}

#pickupModal .branchHoursLabel {
    font-size: 12px;
    font-weight: 700
}

#pickupModal .pickupaddressdisplayname {
    font-size: 12px
}

#pickupModal .pickupaddressdisplayname h2 {
    font-size: 12px;
    color: #00739e;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    display: inline-block;
    margin: 0
}

#pickupModal #pickupModalSearchNoResultsContainer {
    margin-left: 10px;
    height: 310px
}

#pickupModal #pickupModalSearchNoResults {
    font-weight: 100;
    padding-bottom: 20px
}

#pickupModal #pickupSearchNoResults {
    font-weight: 100
}

#pickupModal #pickupModalResultsContainer {
    height: 100%;
    overflow: hidden
}

#pickupModal #currentdefaultbtn {
    font-size: 13px
}

#pickupModal .branchHoursTable .tblBranchTimings td:first-child {
    padding-left: 0 !important
}

#pickupModal #pickupModalShowNearByResults {
    font-weight: 100;
    padding-bottom: 20px
}

.lt-ie8 #pickupModal #findChangeBranchModal, .lt-ie8 #pickupModal #pickupModalSearchRadius {
    height: auto
}

.lt-ie8 #pickupModal table .btn {
    position: static
}

.lt-ie8 #pickupModal .ie-icon {
    display: inline
}

.branchHoursTable {
    font-size: 12px
}

.pickupaddressbranchhourstext {
    font-size: 12px
}

.delivery-avail-container #cartItemsTbody td {
    vertical-align: inherit
}

.delivery-avail-container #cartItemsTbody td #checkAvailabilityForm {
    border-right: 1px solid #ccc
}

.close-modal-icon, .atc-close-modal-icon {
    width: 17px;
    height: 20px;
    margin: auto;
    cursor: pointer;
    font-size: 17px;
    position: relative;
    float: right;
    padding-top: 2px;
    color: #29333b
}

.close-modal-icon:hover, .atc-close-modal-icon:hover {
    text-decoration: none
}

.close-modal-icon:before, .atc-close-modal-icon:before {
    font-family: graingerFont;
    content: "\e903";
    font-weight: 400
}

div.close-modal-icon:focus, .atc-close-modal-icon:focus {
    outline: 1px solid #00739e !important
}

.atcCloseIconBtn.cancel {
    display: inline
}

#newPaymetricsFrame {
    width: 100%;
    height: 215px
}

#newCreditCardModal #newPaymetricsFrame {
    width: 100%;
    height: 205px
}

#newCreditCardModal {
    max-width: 720px;
    position: fixed;
    top: 2%;
    height: 90%;
    max-height: 90%;
    overflow-y: auto !important;
    background-color: #e5e5e5
}

#newCreditCardModal label {
    font-weight: 300;
    display: inline-block
}

#newCreditCardModal h2.left {
    margin: 10px
}

#newCreditCardModal #creditCardInformationTable, #newCreditCardModal #billingAddressTable {
    width: 100%;
    margin: 0 auto
}

#newCreditCardModal #creditCardInformationTable tbody, #newCreditCardModal #billingAddressTable tbody {
    display: block;
    margin: 0 20px
}

#newCreditCardModal #creditCardInformationTable tr, #newCreditCardModal #billingAddressTable tr {
    border: 0;
    width: 100%;
    display: table
}

#newCreditCardModal #creditCardInformationTable td, #newCreditCardModal #billingAddressTable td {
    padding: 0
}

#newCreditCardModal #creditCardInformationTable select, #newCreditCardModal #billingAddressTable select, #newCreditCardModal #creditCardInformationTable input[type='text'], #newCreditCardModal #billingAddressTable input[type='text'], #newCreditCardModal #creditCardInformationTable .styledSelect, #newCreditCardModal #billingAddressTable .styledSelect {
    width: 100%
}

#newCreditCardModal #creditCardInformationTable select, #newCreditCardModal #billingAddressTable select, #newCreditCardModal #creditCardInformationTable input[type='text'], #newCreditCardModal #billingAddressTable input[type='text'] {
    padding: 5px 15px;
    height: 36px
}

#newCreditCardModal #creditCardInformationTable .styledSelect {
    width: auto
}

#newCreditCardModal #creditCardInformationTable .credit-card-expiration {
    width: 70px !important
}

#newCreditCardModal #creditCardInformationTable .gcPaymentInfoLoggenInContainer .loggedInPaymentCardContainer {
    margin-right: 0
}

#newCreditCardModal #creditCardInformationTable select, #newCreditCardModal #creditCardInformationTable input[type='text'] {
    width: 100%;
    height: 30px
}

#newCreditCardModal .dateInput {
    width: 50px !important
}

#newCreditCardModal #cardholder {
    width: 94% !important;
    height: 30px
}

#newCreditCardModal #cardholderDiv {
    padding-left: 20px;
    padding-top: 5px
}

#newCreditCardModal #cardholderDiv input[type="checkbox"] {
    top: 1px;
    position: relative
}

#newCreditCardModal #cardholderDiv label {
    display: inline
}

#newCreditCardModal .tdLabel {
    width: 20%;
    text-align: left;
    padding: 0 10px 0 3px !important
}

#newCreditCardModal .buttons {
    float: right;
    padding: 20px 20px 25px 0
}

#newCreditCardModal .tdControls {
    border-left: 1px solid #ccc;
    padding-left: 20px !important
}

#newCreditCardModal .tdControls .input {
    border-radius: 2px
}

#newCreditCardModal .tdControls input[aria-invalid='true'] {
    border: 2px solid #ad3333
}

#newCreditCardModal #nccContainer {
    height: 90%
}

#newCreditCardModal #securityCode {
    width: 20% !important
}

#newCreditCardModal #paymetricsFrame {
    display: none
}

#newCreditCardModal #general-error-message {
    padding: 10px
}

#newCreditCardModal .spacing-error-messages {
    padding-bottom: 10px !important
}

#newCreditCardModal #cardholderMsg {
    padding-top: 6px;
    padding-bottom: 10px
}

#newCreditCardModal #yearCCMsg, #newCreditCardModal #yearCCMsg2 {
    position: relative;
    display: inline-block;
    left: 10px
}

#newCreditCardModal #td-month-error-messages {
    width: auto
}

#newCreditCardModal #table-month-year-errors {
    margin: 0
}

#newCreditCardModal #yearErrorDiv {
    max-width: 180px;
    position: relative;
    right: 308px
}

#newCreditCardModal .credit-card-expiration {
    width: 70px !important
}

#newCreditCardModal #paymetricsValidationErrors-1.error, #newCreditCardModal #paymetricsValidationErrors-2.error, #newCreditCardModal #paymetricsValidationErrors-3.error {
    padding: 10px 18px 10px
}

#deleteCreditCardModal {
    width: 500px
}

#deleteCreditCardModal .buttons {
    float: right;
    margin: 20px
}

#deleteCreditCardModal .container {
    padding-left: 30px;
    padding-top: 30px;
    background-color: #eaeaea
}

#ConfirmationNewCreditCardModal {
    width: 500px
}

#ConfirmationNewCreditCardModal .container {
    padding-left: 30px;
    padding-top: 30px;
    max-width: 100%;
    background-color: #eaeaea
}

#ConfirmationNewCreditCardModal #btnOKConf {
    position: relative;
    float: right;
    right: 5%;
    margin: 10px
}

#ConfirmationUpdatedNewCreditCardModal {
    width: 500px
}

#ConfirmationUpdatedNewCreditCardModal .container {
    padding-left: 30px;
    padding-top: 30px;
    max-width: 100%;
    background-color: #eaeaea
}

#ConfirmationUpdatedNewCreditCardModal #btnOKCUpdate {
    position: relative;
    float: right;
    right: 5%;
    margin: 10px
}

.confirmationNewCreditCardModalMsg, .confirmationUpdatedNewCreditCardModalMsg {
    font-size: 13px;
    font-weight: 700;
    color: #666;
    padding-bottom: 5px
}

.confirmationNewCreditCardModalNote, .confirmationUpdatedNewCreditCardModalMsgNote {
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    color: #f26823
}

#orderSummaryDisclaimer .disclaimer-checkout-header {
    border-bottom: 1px solid #ccc
}

#orderSummaryDisclaimer .disclaimer-checkout-header h2 {
    text-transform: capitalize
}

#ErrorInvoiceModal {
    width: 500px
}

#ErrorInvoiceModal #container {
    padding-left: 30px;
    padding-top: 30px;
    background-color: #eaeaea
}

#ErrorInvoiceModal #btnClose {
    position: relative;
    float: right;
    right: 5%;
    margin: 10px
}

#eproProductAvailabilityModal {
    position: absolute;
    width: 200px;
    height: 154px
}

#eproProductAvailabilityModal #newPostalCode {
    width: 90%;
    margin-left: 10px
}

#eproProductAvailabilityModal .error {
    padding-left: 10px
}

#eproProductAvailabilityModal span {
    position: relative;
    top: 10px;
    left: 10px
}

#eproProductAvailabilityModal #close-modal-icon-availability {
    width: 10% !important;
    border-bottom: 1px solid #eee;
    padding: 8px 3px 5px 0;
    height: 32px
}

#eproProductAvailabilityModal .productAvlblHeader {
    padding: 8px 0 5px 10px;
    width: 90%;
    border-bottom: 1px solid #eee;
    display: inline-block;
    height: 32px
}

#eproProductAvailabilityModal #newPostalCode {
    margin-top: 15px
}

#eproProductAvailabilityModal .eproAvailActions {
    height: 50px;
    margin-top: 5px;
    background: #eee;
    text-align: right
}

#eproProductAvailabilityModal .eproAvailActions span {
    position: relative;
    left: 0
}

#eproProductAvailabilityModal .eproAvailActions #applyNewPostalCode {
    margin-right: 8px
}

.lt-ie8 .pickupmodalselectedbranch {
    width: 300px
}

#changeShippingAddressModal {
    top: 3%
}

#changeShippingAddressModal .ie-icon {
    display: none
}

#changeShippingAddressModal .scroll {
    height: 400px;
    overflow-y: auto
}

#changeShippingAddressModal #shippingAddressWrap {
    max-height: 300px;
    overflow-y: auto
}

#shippingAddressWrap span.block.bold {
    display: inline-block !important
}

#shippingAddressWrap span.editShippingLocation {
    margin-left: 15px
}

.modal-backdrop:nth-child(2n-1) {
    opacity: .3
}

.page-accountMgmt-accountSettings #saveChangesConfirmation .modal-content {
    overflow: hidden;
    padding: 12px 20px;
    max-height: 40px !important
}

#print-modal-cart.modal-print .modal-header img {
    width: 165px;
    height: auto
}

.maxQuantityExceedRowBorder {
    border-top: none !important
}

.maxQuantityExceedRowPadding {
    padding-bottom: 0 !important
}

.maxQuantityAlertMsg {
    margin-left: 5px !important
}

.custom-backdrop {
    background-color: #000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 0;
    -moz-opacity: .3;
    -khtml-opacity: .3;
    -webkit-opacity: .3;
    opacity: .3
}

#print-modal-cart #cart-rightcontent > h2 {
    display: none
}

#print-modal-cart .additionalInfoContainer {
    display: none
}

#print-modal-cart .checkout-btn-area {
    display: none
}

#print-modal-cart #cartRightRail {
    float: right;
    width: auto
}

@media print, screen and (min-width: 1025px) {
    #pickupModal div#tab_oh_vlom {
        height: 300px
    }

    .hiddenPrdRestrictedStatesTooltipDesktop {
        display: none
    }

    .entry-form-modal.list-add-products-modal {
        top: 4%;
        position: fixed;
        height: auto;
        max-height: 580px;
        overflow-y: auto
    }
}

#postalCodeModal .modal-header {
    padding: 15px
}

#postalCodeModal .ie-icon {
    display: none
}

#postalCodeModal .postalCodeContent {
    padding: 15px
}

#postalCodeModal .postalCodeContent .signInInfoMsg {
    margin-bottom: 18px
}

#postalCodeModal .postalCodeContainer {
    display: flex;
    background-color: #eee
}

#postalCodeModal .postalCodeContainer p:empty {
    display: none
}

#postalCodeModal .postalCodeContainer .signInDiv {
    width: 17%;
    min-width: 116px;
    margin: auto 0;
    padding: 10px;
    display: inline-block
}

#postalCodeModal .postalCodeContainer .separator {
    margin: 10px 10px 10px 0;
    border: 1px solid #ccc
}

#postalCodeModal .postalCodeContainer .title1 {
    display: none
}

#postalCodeModal .postalCodeContainer .deliveryMethodDiv {
    width: 81%;
    display: inline-block
}

#postalCodeModal .postalCodeContainer .deliveryMethodDiv .delivery-avail-container {
    font-size: 12px;
    background-color: #eee;
    padding: 10px
}

#postalCodeModal .postalCodeContainer .deliveryMethodDiv .delivery-avail-container > div {
    display: inline-block;
    vertical-align: top;
    border-left: 1px solid #CCC;
    padding: 0 10px
}

#postalCodeModal .postalCodeContainer .deliveryMethodDiv .delivery-avail-container .title {
    font-size: 14px;
    font-weight: bold
}

#postalCodeModal .postalCodeContainer .deliveryMethodDiv .delivery-avail-container .postal-code-delivery-container label {
    cursor: pointer;
    width: 79%;
    margin-bottom: 10px
}

#postalCodeModal .postalCodeContainer #defaultBranchDiv {
    width: 74%;
    padding: 0 0 0 15px
}

#postalCodeModal .postalCodeContainer #defaultBranchDiv #findChangeBranch {
    width: 79%;
    margin-right: 10px
}

#postalCodeModal .postalCodeContainer #defaultBranchDiv .cart-branch-info-container {
    display: none
}

#postalCodeModal .postalCodeContainer .checkAvailability {
    width: 25%;
    display: inline-block
}

#postalCodeModal .postalCodeContainer .postalCodeAvailbilityContainer {
    width: 74%
}

#postalCodeModal .postalCodeContainer .postalCodeAvailbilityContainer #shippingSettingsContainer .description {
    padding-top: 0;
    margin-bottom: 0 !important
}

#postalCodeModal .postalCodeContainer .postalCodeAvailbilityContainer #shippingSettingsContainer > div {
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.language-fr #postalCodeModal .postalCodeContainer .signInDiv {
    width: 19%
}

.language-fr #postalCodeModal .postalCodeContainer #defaultBranchDiv #findChangeBranch {
    width: 77%
}

@media only screen and (max-width: 767px) {
    div[id^="deletelistmodal"] {
        margin-left: 0 !important;
        left: 20 !important;
        width: 90%
    }
}

.productName.lineClamp3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.hiddenTitleTooltip {
    display: none
}

.prdTitleTooltipText {
    position: absolute;
    top: 20px;
    background: #fff;
    padding: 4px;
    z-index: 1;
    border: 1px solid #666
}

.productName.lineClamp5, .autoSearchPrdName.lineClamp5 {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.fixedHeaderBody #deletePaymentModalBackdrop {
    background-color: #000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 19;
    -moz-opacity: .3;
    -khtml-opacity: .3;
    -webkit-opacity: .3;
    opacity: .3;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
    filter: alpha(opacity=30)
}

[data-toggle=tooltip] {
    display: inline-block
}

[data-toggle=tooltip]:after {
    font-family: graingerFont;
    content: "\e624";
    font-weight: 400;
    font-size: 13px;
    color: #666
}

[data-toggle=tooltip]:hover {
    text-decoration: none
}

.lt-ie8 [data-toggle=tooltip] {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -1350px;
    background-position-x: 98%
}

.lt-ie8 [data-toggle=tooltip] {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -1350px;
    background-position-x: 98%
}

.lt-ie8 [data-toggle=tooltip] {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -1350px;
    background-position-x: 98%
}

.lt-ie8 [data-toggle=tooltip] {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -1350px;
    background-position-x: 98%
}

.lt-ie8 [data-toggle=tooltip] {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -1350px;
    background-position-x: 98%
}

.lt-ie8 [data-toggle=tooltip] {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -1350px;
    background-position-x: 98%
}

.lt-ie8 [data-toggle=tooltip] {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -1350px;
    background-position-x: 98%
}

.lt-ie8 [data-toggle=tooltip] {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -1350px;
    background-position-x: 98%
}

.lt-ie8 [data-toggle=tooltip] {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -1350px;
    background-position-x: 98%
}

.lt-ie8 [data-toggle=tooltip] {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -1350px;
    background-position-x: 98%
}

.lt-ie8 [data-toggle=tooltip] {
    min-height: 20px;
    padding-right: 20px;
    display: inline-block
}

#cartPageDeliveryCost [data-toggle=tooltip]:after {
    margin: 0
}

.tooltip {
    position: absolute;
    z-index: 99999;
    display: block;
    font-weight: normal;
    font-size: 11px;
    line-height: 18px;
    visibility: visible;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.275);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.275);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.275)
}

.tooltip .tooltip-inner {
    border: 1px solid #ccc;
    border-top: 3px solid #333;
    margin-top: 1px;
    background: #FFF;
    padding: 18px 11px;
    max-width: 350px;
    color: #666
}

.tooltip .tooltip-inner p {
    margin-bottom: 0
}

.tooltip .tooltip-arrow {
    position: absolute;
    top: 50%;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip .tooltip-arrow:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    position: absolute
}

.tooltip .tooltip-arrow:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    position: absolute
}

.tooltip .tooltip-arrow:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    position: absolute
}

.tooltip .tooltip-arrow:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    position: absolute
}

.tooltip .tooltip-arrow:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    position: absolute
}

.tooltip .tooltip-arrow:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    position: absolute
}

.tooltip .tooltip-arrow:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    position: absolute
}

.tooltip .tooltip-arrow:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    position: absolute
}

.tooltip .tooltip-arrow:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    position: absolute
}

.tooltip .tooltip-arrow:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    position: absolute
}

.tooltip.right {
    margin-left: 8px
}

.tooltip.right .tooltip-arrow {
    left: -9px;
    margin-top: -11px;
    border-right-color: #ccc;
    border-width: 10px 10px 10px 0
}

.tooltip.right .tooltip-arrow:after {
    border-right-color: #fff;
    border-width: 9px 9px 9px 0;
    top: -9px;
    right: -10px
}

.tooltip.right .tooltip-arrow:after {
    border-right-color: #fff;
    border-width: 9px 9px 9px 0;
    top: -9px;
    right: -10px
}

.tooltip.right .tooltip-arrow:after {
    border-right-color: #fff;
    border-width: 9px 9px 9px 0;
    top: -9px;
    right: -10px
}

.tooltip.right .tooltip-arrow:after {
    border-right-color: #fff;
    border-width: 9px 9px 9px 0;
    top: -9px;
    right: -10px
}

.tooltip.right .tooltip-arrow:after {
    border-right-color: #fff;
    border-width: 9px 9px 9px 0;
    top: -9px;
    right: -10px
}

.tooltip.right .tooltip-arrow:after {
    border-right-color: #fff;
    border-width: 9px 9px 9px 0;
    top: -9px;
    right: -10px
}

.tooltip.right .tooltip-arrow:after {
    border-right-color: #fff;
    border-width: 9px 9px 9px 0;
    top: -9px;
    right: -10px
}

.tooltip.right .tooltip-arrow:after {
    border-right-color: #fff;
    border-width: 9px 9px 9px 0;
    top: -9px;
    right: -10px
}

.tooltip.right .tooltip-arrow:after {
    border-right-color: #fff;
    border-width: 9px 9px 9px 0;
    top: -9px;
    right: -10px
}

.tooltip.right .tooltip-arrow:after {
    border-right-color: #fff;
    border-width: 9px 9px 9px 0;
    top: -9px;
    right: -10px
}

.tooltip.left {
    margin-left: -8px
}

.tooltip.left .tooltip-arrow {
    right: -9px;
    margin-top: -11px;
    border-left-color: #ccc;
    border-width: 10px 0 10px 10px
}

.tooltip.left .tooltip-arrow:after {
    border-left-color: #fff;
    border-width: 9px 0 9px 9px;
    top: -9px;
    right: 1px
}

.tooltip.left .tooltip-arrow:after {
    border-left-color: #fff;
    border-width: 9px 0 9px 9px;
    top: -9px;
    right: 1px
}

.tooltip.left .tooltip-arrow:after {
    border-left-color: #fff;
    border-width: 9px 0 9px 9px;
    top: -9px;
    right: 1px
}

.tooltip.left .tooltip-arrow:after {
    border-left-color: #fff;
    border-width: 9px 0 9px 9px;
    top: -9px;
    right: 1px
}

.tooltip.left .tooltip-arrow:after {
    border-left-color: #fff;
    border-width: 9px 0 9px 9px;
    top: -9px;
    right: 1px
}

.tooltip.left .tooltip-arrow:after {
    border-left-color: #fff;
    border-width: 9px 0 9px 9px;
    top: -9px;
    right: 1px
}

.tooltip.left .tooltip-arrow:after {
    border-left-color: #fff;
    border-width: 9px 0 9px 9px;
    top: -9px;
    right: 1px
}

.tooltip.left .tooltip-arrow:after {
    border-left-color: #fff;
    border-width: 9px 0 9px 9px;
    top: -9px;
    right: 1px
}

.tooltip.left .tooltip-arrow:after {
    border-left-color: #fff;
    border-width: 9px 0 9px 9px;
    top: -9px;
    right: 1px
}

.tooltip.left .tooltip-arrow:after {
    border-left-color: #fff;
    border-width: 9px 0 9px 9px;
    top: -9px;
    right: 1px
}

.tooltip.top {
    margin-top: -8px
}

.tooltip.top .tooltip-arrow {
    margin-top: -9px;
    border-top-color: #ccc;
    border-width: 10px 10px 0 10px;
    top: auto;
    bottom: -9px;
    left: 50%;
    margin-left: -6px
}

.tooltip.top .tooltip-arrow:after {
    border-top-color: #fff;
    border-width: 9px 9px 0 9px;
    top: -10px;
    right: -9px
}

.tooltip.top .tooltip-arrow:after {
    border-top-color: #fff;
    border-width: 9px 9px 0 9px;
    top: -10px;
    right: -9px
}

.tooltip.top .tooltip-arrow:after {
    border-top-color: #fff;
    border-width: 9px 9px 0 9px;
    top: -10px;
    right: -9px
}

.tooltip.top .tooltip-arrow:after {
    border-top-color: #fff;
    border-width: 9px 9px 0 9px;
    top: -10px;
    right: -9px
}

.tooltip.top .tooltip-arrow:after {
    border-top-color: #fff;
    border-width: 9px 9px 0 9px;
    top: -10px;
    right: -9px
}

.tooltip.top .tooltip-arrow:after {
    border-top-color: #fff;
    border-width: 9px 9px 0 9px;
    top: -10px;
    right: -9px
}

.tooltip.top .tooltip-arrow:after {
    border-top-color: #fff;
    border-width: 9px 9px 0 9px;
    top: -10px;
    right: -9px
}

.tooltip.top .tooltip-arrow:after {
    border-top-color: #fff;
    border-width: 9px 9px 0 9px;
    top: -10px;
    right: -9px
}

.tooltip.top .tooltip-arrow:after {
    border-top-color: #fff;
    border-width: 9px 9px 0 9px;
    top: -10px;
    right: -9px
}

.tooltip.top .tooltip-arrow:after {
    border-top-color: #fff;
    border-width: 9px 9px 0 9px;
    top: -10px;
    right: -9px
}

.tooltip.bottom {
    margin-top: 0
}

.tooltip.bottom .tooltip-arrow {
    left: 50%;
    margin-left: -6px;
    border-bottom-color: #ccc;
    border-width: 0 10px 10px 10px;
    top: -6px
}

.tooltip.bottom .tooltip-arrow:after {
    border-bottom-color: #fff;
    border-width: 0 9px 9px 9px;
    top: 1px;
    right: -9px
}

.tooltip.bottom .tooltip-arrow:after {
    border-bottom-color: #fff;
    border-width: 0 9px 9px 9px;
    top: 1px;
    right: -9px
}

.tooltip.bottom .tooltip-arrow:after {
    border-bottom-color: #fff;
    border-width: 0 9px 9px 9px;
    top: 1px;
    right: -9px
}

.tooltip.bottom .tooltip-arrow:after {
    border-bottom-color: #fff;
    border-width: 0 9px 9px 9px;
    top: 1px;
    right: -9px
}

.tooltip.bottom .tooltip-arrow:after {
    border-bottom-color: #fff;
    border-width: 0 9px 9px 9px;
    top: 1px;
    right: -9px
}

.tooltip.bottom .tooltip-arrow:after {
    border-bottom-color: #fff;
    border-width: 0 9px 9px 9px;
    top: 1px;
    right: -9px
}

.tooltip.bottom .tooltip-arrow:after {
    border-bottom-color: #fff;
    border-width: 0 9px 9px 9px;
    top: 1px;
    right: -9px
}

.tooltip.bottom .tooltip-arrow:after {
    border-bottom-color: #fff;
    border-width: 0 9px 9px 9px;
    top: 1px;
    right: -9px
}

.tooltip.bottom .tooltip-arrow:after {
    border-bottom-color: #fff;
    border-width: 0 9px 9px 9px;
    top: 1px;
    right: -9px
}

.tooltip.bottom .tooltip-arrow:after {
    border-bottom-color: #fff;
    border-width: 0 9px 9px 9px;
    top: 1px;
    right: -9px
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    max-width: 276px;
    padding: 1px;
    text-align: left;
    white-space: normal;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}

.popover.top {
    margin-top: -10px
}

.popover.right {
    margin-left: 10px
}

.popover.bottom {
    margin-top: 10px
}

.popover.left {
    margin-left: -10px
}

.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-weight: normal;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0
}

.popover-title:empty {
    display: none
}

.popover-content {
    padding: 9px 14px
}

.popover .arrow, .popover .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover .arrow {
    border-width: 11px
}

.popover .arrow:after {
    border-width: 10px;
    content: ""
}

.popover.top .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, 0.25);
    border-bottom-width: 0
}

.popover.top .arrow:after {
    bottom: 1px;
    margin-left: -10px;
    border-top-color: #fff;
    border-bottom-width: 0
}

.popover.right .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, 0.25);
    border-left-width: 0
}

.popover.right .arrow:after {
    bottom: -10px;
    left: 1px;
    border-right-color: #fff;
    border-left-width: 0
}

.popover.bottom .arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, 0.25);
    border-top-width: 0
}

.popover.bottom .arrow:after {
    top: 1px;
    margin-left: -10px;
    border-bottom-color: #fff;
    border-top-width: 0
}

.popover.left .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, 0.25);
    border-right-width: 0
}

.popover.left .arrow:after {
    right: 1px;
    bottom: -10px;
    border-left-color: #fff;
    border-right-width: 0
}

.dropdown {
    position: relative;
    min-height: 18px
}

.dropdown:after, .dropdown:before {
    content: " ";
    display: table
}

.dropdown:after {
    clear: both
}

.lt-ie8 .dropdown {
    clear: both;
    zoom: 1
}

.dropdown:after, .dropdown:before {
    content: " ";
    display: table
}

.dropdown:after {
    clear: both
}

.lt-ie8 .dropdown {
    clear: both;
    zoom: 1
}

.dropdown:after, .dropdown:before {
    content: " ";
    display: table
}

.dropdown:after {
    clear: both
}

.lt-ie8 .dropdown {
    clear: both;
    zoom: 1
}

.dropdown:after, .dropdown:before {
    content: " ";
    display: table
}

.dropdown:after {
    clear: both
}

.lt-ie8 .dropdown {
    clear: both;
    zoom: 1
}

.dropdown:after, .dropdown:before {
    content: " ";
    display: table
}

.dropdown:after {
    clear: both
}

.lt-ie8 .dropdown {
    clear: both;
    zoom: 1
}

.dropdown:after, .dropdown:before {
    content: " ";
    display: table
}

.dropdown:after {
    clear: both
}

.lt-ie8 .dropdown {
    clear: both;
    zoom: 1
}

.dropdown:after, .dropdown:before {
    content: " ";
    display: table
}

.dropdown:after {
    clear: both
}

.lt-ie8 .dropdown {
    clear: both;
    zoom: 1
}

.dropdown:after, .dropdown:before {
    content: " ";
    display: table
}

.dropdown:after {
    clear: both
}

.lt-ie8 .dropdown {
    clear: both;
    zoom: 1
}

.dropdown:after, .dropdown:before {
    content: " ";
    display: table
}

.dropdown:after {
    clear: both
}

.lt-ie8 .dropdown {
    clear: both;
    zoom: 1
}

.dropdown:after, .dropdown:before {
    content: " ";
    display: table
}

.dropdown:after {
    clear: both
}

.lt-ie8 .dropdown {
    clear: both;
    zoom: 1
}

.dropdown .dropdown-toggle {
    padding: 8px 11px 5px 11px;
    position: relative
}

.dropdown .dropdown-toggle:after {
    font-family: graingerFont;
    content: "";
    font-weight: 400;
    font-weight: normal;
    margin: 0 0 0 4px;
    color: #333
}

.dropdown .dropdown-toggle:hover {
    text-decoration: none
}

.lt-ie8 .dropdown .dropdown-toggle {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -3858px;
    background-position-x: 100%
}

.lt-ie8 .dropdown .dropdown-toggle {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -3858px;
    background-position-x: 100%
}

.lt-ie8 .dropdown .dropdown-toggle {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -3858px;
    background-position-x: 100%
}

.lt-ie8 .dropdown .dropdown-toggle {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -3858px;
    background-position-x: 100%
}

.lt-ie8 .dropdown .dropdown-toggle {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -3858px;
    background-position-x: 100%
}

.lt-ie8 .dropdown .dropdown-toggle {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -3858px;
    background-position-x: 100%
}

.lt-ie8 .dropdown .dropdown-toggle {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -3858px;
    background-position-x: 100%
}

.lt-ie8 .dropdown .dropdown-toggle {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -3858px;
    background-position-x: 100%
}

.lt-ie8 .dropdown .dropdown-toggle {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -3858px;
    background-position-x: 100%
}

.lt-ie8 .dropdown .dropdown-toggle {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -3858px;
    background-position-x: 100%
}

.lt-ie8 .dropdown .dropdown-toggle {
    padding-right: 20px
}

.dropdown .dropdown-menu-right {
    left: auto;
    right: 0
}

.dropdown.open .dropdown-toggle {
    background: #FFF;
    padding: 5px 10px;
    border-top: 3px solid #333;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #FFF;
    z-index: 2
}

.dropdown.open .dropdown-toggle:after {
    font-family: graingerFont;
    content: "\e603";
    font-weight: 400
}

.lt-ie8 .dropdown.open .dropdown-toggle {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -4490px;
    background-position-x: 96%
}

.lt-ie8 .dropdown.open .dropdown-toggle {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -4490px;
    background-position-x: 96%
}

.lt-ie8 .dropdown.open .dropdown-toggle {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -4490px;
    background-position-x: 96%
}

.lt-ie8 .dropdown.open .dropdown-toggle {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -4490px;
    background-position-x: 96%
}

.lt-ie8 .dropdown.open .dropdown-toggle {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -4490px;
    background-position-x: 96%
}

.lt-ie8 .dropdown.open .dropdown-toggle {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -4490px;
    background-position-x: 96%
}

.lt-ie8 .dropdown.open .dropdown-toggle {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -4490px;
    background-position-x: 96%
}

.lt-ie8 .dropdown.open .dropdown-toggle {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -4490px;
    background-position-x: 96%
}

.lt-ie8 .dropdown.open .dropdown-toggle {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -4490px;
    background-position-x: 96%
}

.lt-ie8 .dropdown.open .dropdown-toggle {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -4490px;
    background-position-x: 96%
}

.lt-ie8 .dropdown.open .dropdown-toggle {
    padding-right: 28px
}

.dropdown.open .dropdown-menu {
    display: block;
    z-index: 1;
    margin-top: -1px
}

.dropdown-menu {
    background-color: #fff;
    background-clip: padding-box;
    position: absolute;
    text-align: left;
    top: 100%;
    left: 0;
    z-index: 10;
    display: none;
    float: left;
    min-width: 180px;
    list-style: none;
    margin-top: 1px;
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.175);
    -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.175);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.175);
    border: 1px solid #ccc
}

.lt-ie8 .dropdown-menu {
    background-color: #fff
}

.dropdown-menu > * {
    padding: 10px
}

.dropdown-menu .dropdown-header {
    background: #EEE
}

.dropdown-menu .dropdown-header #showCopyPasteLabelText, .dropdown-menu .dropdown-header #showSeparateLabelText {
    margin: 4px 0;
    padding: 0;
    line-height: 13px;
    font-weight: bold;
    font-size: 14px
}

.dropdown-menu .tab-content {
    padding: 10px;
    border-bottom: none
}

.dropdown-menu .tab-footer {
    background: #eaeaea;
    border-top: 1px solid #ccc;
    padding: 10px;
    text-align: right
}

.dropdown-menu .tab-footer:after, .dropdown-menu .tab-footer:before {
    content: " ";
    display: table
}

.dropdown-menu .tab-footer:after {
    clear: both
}

.lt-ie8 .dropdown-menu .tab-footer {
    clear: both;
    zoom: 1
}

.dropdown-menu .tab-footer:after, .dropdown-menu .tab-footer:before {
    content: " ";
    display: table
}

.dropdown-menu .tab-footer:after {
    clear: both
}

.lt-ie8 .dropdown-menu .tab-footer {
    clear: both;
    zoom: 1
}

.dropdown-menu .tab-footer:after, .dropdown-menu .tab-footer:before {
    content: " ";
    display: table
}

.dropdown-menu .tab-footer:after {
    clear: both
}

.lt-ie8 .dropdown-menu .tab-footer {
    clear: both;
    zoom: 1
}

.dropdown-menu .tab-footer:after, .dropdown-menu .tab-footer:before {
    content: " ";
    display: table
}

.dropdown-menu .tab-footer:after {
    clear: both
}

.lt-ie8 .dropdown-menu .tab-footer {
    clear: both;
    zoom: 1
}

.dropdown-menu .tab-footer:after, .dropdown-menu .tab-footer:before {
    content: " ";
    display: table
}

.dropdown-menu .tab-footer:after {
    clear: both
}

.lt-ie8 .dropdown-menu .tab-footer {
    clear: both;
    zoom: 1
}

.dropdown-menu .tab-footer:after, .dropdown-menu .tab-footer:before {
    content: " ";
    display: table
}

.dropdown-menu .tab-footer:after {
    clear: both
}

.lt-ie8 .dropdown-menu .tab-footer {
    clear: both;
    zoom: 1
}

.dropdown-menu .tab-footer:after, .dropdown-menu .tab-footer:before {
    content: " ";
    display: table
}

.dropdown-menu .tab-footer:after {
    clear: both
}

.lt-ie8 .dropdown-menu .tab-footer {
    clear: both;
    zoom: 1
}

.dropdown-menu .tab-footer:after, .dropdown-menu .tab-footer:before {
    content: " ";
    display: table
}

.dropdown-menu .tab-footer:after {
    clear: both
}

.lt-ie8 .dropdown-menu .tab-footer {
    clear: both;
    zoom: 1
}

.dropdown-menu .tab-footer:after, .dropdown-menu .tab-footer:before {
    content: " ";
    display: table
}

.dropdown-menu .tab-footer:after {
    clear: both
}

.lt-ie8 .dropdown-menu .tab-footer {
    clear: both;
    zoom: 1
}

.dropdown-menu .tab-footer:after, .dropdown-menu .tab-footer:before {
    content: " ";
    display: table
}

.dropdown-menu .tab-footer:after {
    clear: both
}

.lt-ie8 .dropdown-menu .tab-footer {
    clear: both;
    zoom: 1
}

.dropdown-menu .tab-footer .cancel {
    font-weight: bold;
    margin: 11px 9px 0 0;
    display: inline-block
}

.dropdown-menu .tab-footer > * {
    display: inline-block
}

.dropdown-menu.typeahead {
    font-size: 11px;
    max-height: 350px;
    padding: 0;
    overflow-y: auto;
    overflow-x: visible
}

.dropdown-menu.typeahead > li.active > a > span {
    background-color: #f2f2f2
}

.dropdown-menu.typeahead > li {
    padding: 0 10px;
    cursor: pointer
}

.dropdown-menu.typeahead > li > a > span {
    display: block;
    padding: 5px
}

.dropdown-menu.typeahead > li > a > span:hover, .dropdown-menu.typeahead > li > a > span:focus {
    text-decoration: none;
    background-color: #f2f2f2
}

.dropdown-menu.typeahead > li:hover {
    background-color: transparent;
    cursor: cursor
}

.dropdown-menu.typeahead > li.ui-state-focus {
    background-color: #f2f2f2
}

.dropdown-menu.typeahead > li.first {
    padding-left: 14px
}

.dropdown-menu.typeahead > li.first:hover {
    background-color: #f2f2f2
}

.dropdown-menu.typeahead > li.first.ui-state-focus {
    background-color: transparent;
    cursor: default
}

ul:after, ul:before {
    content: " ";
    display: table
}

ul:after {
    clear: both
}

.lt-ie8 ul {
    clear: both;
    zoom: 1
}

ul:after, ul:before {
    content: " ";
    display: table
}

ul:after {
    clear: both
}

.lt-ie8 ul {
    clear: both;
    zoom: 1
}

ul:after, ul:before {
    content: " ";
    display: table
}

ul:after {
    clear: both
}

.lt-ie8 ul {
    clear: both;
    zoom: 1
}

ul:after, ul:before {
    content: " ";
    display: table
}

ul:after {
    clear: both
}

.lt-ie8 ul {
    clear: both;
    zoom: 1
}

ul:after, ul:before {
    content: " ";
    display: table
}

ul:after {
    clear: both
}

.lt-ie8 ul {
    clear: both;
    zoom: 1
}

ul:after, ul:before {
    content: " ";
    display: table
}

ul:after {
    clear: both
}

.lt-ie8 ul {
    clear: both;
    zoom: 1
}

ul:after, ul:before {
    content: " ";
    display: table
}

ul:after {
    clear: both
}

.lt-ie8 ul {
    clear: both;
    zoom: 1
}

ul:after, ul:before {
    content: " ";
    display: table
}

ul:after {
    clear: both
}

.lt-ie8 ul {
    clear: both;
    zoom: 1
}

ul:after, ul:before {
    content: " ";
    display: table
}

ul:after {
    clear: both
}

.lt-ie8 ul {
    clear: both;
    zoom: 1
}

ul:after, ul:before {
    content: " ";
    display: table
}

ul:after {
    clear: both
}

.lt-ie8 ul {
    clear: both;
    zoom: 1
}

ul li .dropdown {
    float: left;
    line-height: 11px
}

ul li .dropdown .dropdown-toggle {
    margin-left: -11px
}

ul li .dropdown .dropdown-menu {
    left: -11px
}

ul li .dropdown .dropdown-menu.dropdown-menu-right {
    left: auto;
    right: 0
}

.lt-ie9 #techSpecsFilter .filter .filterDropdown .filterOptions {
    z-index: 3
}

.lt-ie9 #techSpecsFilter .filter .filterDropdown .selectedFilters .icon {
    font-family: graingerFont;
    content: "";
    font-weight: 400;
    width: 22px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    font-weight: normal;
    margin: 0 0 0 4px;
    color: #333;
    font-size: 15px;
    text-align: center;
    padding-top: 4px;
    border-left: 1px solid #ccc
}

.custom-combobox {
    width: 100%
}

.custom-combobox a {
    display: block
}

.custom-combobox .custom-combobox-input {
    background: none;
    padding: 5px
}

.custom-combobox .checkbox {
    margin-top: 5px
}

.custom-combobox .checkbox label, .custom-combobox .checkbox input {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1
}

.custom-combobox .ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-left: 1px
}

.ui-autocomplete {
    width: 225px;
    border: 1px solid #ccc
}

.ui-autocomplete.ui-corner-all {
    border-radius: 0
}

.ui-autocomplete .ui-menu-item {
    display: block;
    font-size: 12px
}

.ui-autocomplete .ui-menu-item a {
    display: block;
    text-decoration: none;
    padding: 9px 7px;
    color: #00739e
}

.ui-autocomplete .ui-state-focus, .ui-autocomplete.ui-widget-content .ui-state-focus {
    background: #f2f2f2;
    border: none;
    cursor: pointer;
    border-radius: 0
}

.ui-menu-item {
    color: #145579;
    font-size: 12px;
    font-weight: 700;
    padding: 3px 5px;
    line-height: 30px
}

.category em {
    margin-right: 10px;
    color: #777;
    padding: 6px 6px;
    background-color: #FFF;
    font-weight: normal
}

.category {
    display: block;
    margin-right: 15px;
    margin-left: -10px;
    background: linear-gradient(to bottom, #fff 47%, #b4b4b4 50%, #fff 52%) repeat scroll 0 0 transparent
}

.smalldropDown:hover {
    width: 100%
}

.smalldropDown > ul {
    width: 100% !important
}

.smalldropDown ul:first-child {
    border-right: 0 !important
}

.lt-ie8 .smalldropDown:hover {
    width: 100%
}

.lt-ie8 .smalldropDown > ul {
    width: 100% !important
}

.lt-ie8 .twoColDropDown:hover {
    width: 503px
}

.lt-ie8 .twoColDropDown > ul {
    width: 50% !important
}

.lt-ie8 .twoColDropDown ul:first-child {
    border-right: none !important
}

.twoColDropDown:hover {
    width: 503px
}

.twoColDropDown > ul {
    width: 50% !important
}

.twoColDropDown ul:first-child {
    border-right: none !important
}

#eheader #navSearchContainer .allProducts .twoColDropDown {
    border-right: none !important
}

#eheader #navSearchContainer .allProducts .dropdown-menu > ul:last-child {
    border-right: none !important
}

.styledSelect select, .styledSelect select, .styledSelect selectedFilters, .styledSelect selectedFilters {
    border: 1px solid #595959;
    border-radius: 2px
}

.styledSelect:after, .styledSelect:after {
    border: 1px solid #595959
}

.nav-tabs {
    margin: 20px 0 0 0;
    list-style: none;
    border-bottom: 1px solid #ccc
}

.nav-tabs:after, .nav-tabs:before {
    content: " ";
    display: table
}

.nav-tabs:after {
    clear: both
}

.lt-ie8 .nav-tabs {
    clear: both;
    zoom: 1
}

.nav-tabs:after, .nav-tabs:before {
    content: " ";
    display: table
}

.nav-tabs:after {
    clear: both
}

.lt-ie8 .nav-tabs {
    clear: both;
    zoom: 1
}

.nav-tabs:after, .nav-tabs:before {
    content: " ";
    display: table
}

.nav-tabs:after {
    clear: both
}

.lt-ie8 .nav-tabs {
    clear: both;
    zoom: 1
}

.nav-tabs:after, .nav-tabs:before {
    content: " ";
    display: table
}

.nav-tabs:after {
    clear: both
}

.lt-ie8 .nav-tabs {
    clear: both;
    zoom: 1
}

.nav-tabs:after, .nav-tabs:before {
    content: " ";
    display: table
}

.nav-tabs:after {
    clear: both
}

.lt-ie8 .nav-tabs {
    clear: both;
    zoom: 1
}

.nav-tabs:after, .nav-tabs:before {
    content: " ";
    display: table
}

.nav-tabs:after {
    clear: both
}

.lt-ie8 .nav-tabs {
    clear: both;
    zoom: 1
}

.nav-tabs:after, .nav-tabs:before {
    content: " ";
    display: table
}

.nav-tabs:after {
    clear: both
}

.lt-ie8 .nav-tabs {
    clear: both;
    zoom: 1
}

.nav-tabs:after, .nav-tabs:before {
    content: " ";
    display: table
}

.nav-tabs:after {
    clear: both
}

.lt-ie8 .nav-tabs {
    clear: both;
    zoom: 1
}

.nav-tabs:after, .nav-tabs:before {
    content: " ";
    display: table
}

.nav-tabs:after {
    clear: both
}

.lt-ie8 .nav-tabs {
    clear: both;
    zoom: 1
}

.nav-tabs:after, .nav-tabs:before {
    content: " ";
    display: table
}

.nav-tabs:after {
    clear: both
}

.lt-ie8 .nav-tabs {
    clear: both;
    zoom: 1
}

.nav-tabs > li {
    float: left;
    margin-bottom: -1px
}

.nav-tabs > li > a {
    background-color: #eee;
    display: block;
    font-weight: 500;
    line-height: 20px;
    padding: 6px 11px 4px 12px;
    border-bottom: 1px solid #ccc;
    border-top: 3px solid #FFF;
    border-right: 1px solid #FFF
}

.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
    text-decoration: none;
    background-color: #ccc
}

.nav-tabs > li.active a, .nav-tabs > li.active a:hover, .nav-tabs > li.active a:focus {
    color: #333;
    cursor: default;
    background-color: #FFF;
    border: 1px solid #ccc;
    border-top: 3px solid #333;
    border-bottom: 1px solid #FFF;
    padding: 6px 11px 4px 11px
}

.nav-tabs > li:first-child {
    margin-left: 10px
}

.tab-content {
    padding: 20px 0;
    border-bottom: 1px solid #CCC;
    clear: both
}

.tab-content:after, .tab-content:before {
    content: " ";
    display: table
}

.tab-content:after {
    clear: both
}

.lt-ie8 .tab-content {
    clear: both;
    zoom: 1
}

.tab-content:after, .tab-content:before {
    content: " ";
    display: table
}

.tab-content:after {
    clear: both
}

.lt-ie8 .tab-content {
    clear: both;
    zoom: 1
}

.tab-content:after, .tab-content:before {
    content: " ";
    display: table
}

.tab-content:after {
    clear: both
}

.lt-ie8 .tab-content {
    clear: both;
    zoom: 1
}

.tab-content:after, .tab-content:before {
    content: " ";
    display: table
}

.tab-content:after {
    clear: both
}

.lt-ie8 .tab-content {
    clear: both;
    zoom: 1
}

.tab-content:after, .tab-content:before {
    content: " ";
    display: table
}

.tab-content:after {
    clear: both
}

.lt-ie8 .tab-content {
    clear: both;
    zoom: 1
}

.tab-content:after, .tab-content:before {
    content: " ";
    display: table
}

.tab-content:after {
    clear: both
}

.lt-ie8 .tab-content {
    clear: both;
    zoom: 1
}

.tab-content:after, .tab-content:before {
    content: " ";
    display: table
}

.tab-content:after {
    clear: both
}

.lt-ie8 .tab-content {
    clear: both;
    zoom: 1
}

.tab-content:after, .tab-content:before {
    content: " ";
    display: table
}

.tab-content:after {
    clear: both
}

.lt-ie8 .tab-content {
    clear: both;
    zoom: 1
}

.tab-content:after, .tab-content:before {
    content: " ";
    display: table
}

.tab-content:after {
    clear: both
}

.lt-ie8 .tab-content {
    clear: both;
    zoom: 1
}

.tab-content:after, .tab-content:before {
    content: " ";
    display: table
}

.tab-content:after {
    clear: both
}

.lt-ie8 .tab-content {
    clear: both;
    zoom: 1
}

.tab-content .tab-pane {
    display: none
}

.tab-content .tab-pane.active {
    display: block
}

.productIcons {
    background: url("../../images/sprites/sprite_productIcons.png") no-repeat scroll 0 0;
    display: block;
    float: left;
    margin: 0 3px
}

.label_01_new {
    background-position: 0 0;
    height: 23px;
    width: 23px
}

.label_02_msds {
    background-position: 0 -2032px;
    height: 23px;
    width: 22px
}

.label_03_saleitem {
    background-position: 0 -96px;
    height: 23px;
    width: 23px
}

.label_04_clearance {
    background-position: 0 -144px;
    height: 23px;
    width: 23px
}

.label_05_green {
    background-position: 0 -193px;
    height: 23px;
    width: 23px
}

.label_06_certconform {
    background-position: 0 -240px;
    height: 23px;
    width: 23px
}

.label_07_licenserequired {
    background-position: 0 -288px;
    height: 23px;
    width: 23px
}

.label_08_hazmat {
    background-position: 0 -2108px;
    height: 21px;
    width: 21px
}

.label_09_restrictedscale {
    background-position: 0 -384px;
    height: 23px;
    width: 23px
}

.label_10_prop65 {
    background-position: 0 -432px;
    height: 23px;
    width: 23px
}

.label_11_supplierdiversity {
    background-position: 0 -480px;
    height: 23px;
    width: 23px
}

.label_12_customcatalog {
    background-position: 0 -528px;
    height: 23px;
    width: 23px
}

.label_13_custompricing {
    background-position: 0 -576px;
    height: 23px;
    width: 23px
}

.csp_icon {
    display: inline-block;
    float: none;
    line-height: 23px;
    vertical-align: sub
}

.label_13_custompricing.productIcons {
    background: white
}

.label_13_custompricing.productIcons:before {
    font-family: graingerFont;
    content: "\e904";
    font-weight: 400;
    font-size: 25px;
    color: purple
}

.label_14_arra {
    background-position: 0 -624px;
    height: 23px;
    width: 23px
}

.label_15_CAepro {
    background-position: 0 -672px;
    height: 23px;
    width: 23px
}

.label_16_emergencyprep {
    background-position: 0 -720px;
    height: 23px;
    width: 23px
}

.label_17_energyconservation {
    background-position: 0 -768px;
    height: 23px;
    width: 23px
}

.label_18_greencleaning {
    background-position: 0 -816px;
    height: 23px;
    width: 23px
}

.label_19_GSA {
    background-position: 0 -864px;
    height: 23px;
    width: 23px
}

.label_20_productivity {
    background-position: 0 -912px;
    height: 23px;
    width: 23px
}

.label_21_rebate {
    background-position: 0 -960px;
    height: 23px;
    width: 23px
}

.label_22_recycled {
    background-position: 0 -1008px;
    height: 23px;
    width: 23px
}

.label_23_safety {
    background-position: 0 -1056px;
    height: 23px;
    width: 23px
}

.label_24_wastereduction {
    background-position: 0 -1104px;
    height: 23px;
    width: 23px
}

.label_25_waterconserv {
    background-position: 0 -1152px;
    height: 23px;
    width: 23px
}

.label_26_alert {
    background-position: 0 -1200px;
    height: 23px;
    width: 23px
}

.label_27_error {
    background-position: 0 -1248px;
    height: 23px;
    width: 23px
}

.label_28_good {
    background-position: 0 -1296px;
    height: 23px;
    width: 23px
}

.label_29_infotip {
    background-position: 0 -1344px;
    height: 23px;
    width: 23px
}

.label_30_secure {
    background-position: 0 -1392px;
    height: 23px;
    width: 23px
}

.label_35_energyguide {
    background-position: 0 -1723px;
    height: 23px;
    width: 23px
}

.label_36_lightingfacts {
    background-position: 0 -1669px;
    height: 23px;
    width: 23px
}

.label_37_circlee {
    background-position: 0 -1616px;
    height: 23px;
    width: 23px
}

.label_38_non_gsa {
    background-position: 0 -1771px;
    height: 23px;
    width: 23px
}

.label_39_non_taa {
    background-position: 0 -1879px;
    height: 23px;
    width: 23px
}

.label_40_jwod {
    background-position: 0 -1826px;
    height: 23px;
    width: 23px
}

.label_41_mpppricing {
    background-position: 0 -1982px;
    height: 23px;
    width: 23px
}

.label_44_special_order {
    background-position: 0 -2078px;
    height: 23px;
    width: 23px
}

#header-breadcrumb-container:after, .parentProduct .productBreadcrumb:after, #productPage:after, #header-breadcrumb-container:before, .parentProduct .productBreadcrumb:before, #productPage:before {
    content: " ";
    display: table
}

#header-breadcrumb-container:after, .parentProduct .productBreadcrumb:after, #productPage:after {
    clear: both
}

.lt-ie8 #header-breadcrumb-container, .lt-ie8 .parentProduct .productBreadcrumb, .lt-ie8 #productPage {
    clear: both;
    zoom: 1
}

#header-breadcrumb-container:after, .parentProduct .productBreadcrumb:after, #productPage:after, #header-breadcrumb-container:before, .parentProduct .productBreadcrumb:before, #productPage:before {
    content: " ";
    display: table
}

#header-breadcrumb-container:after, .parentProduct .productBreadcrumb:after, #productPage:after {
    clear: both
}

.lt-ie8 #header-breadcrumb-container, .lt-ie8 .parentProduct .productBreadcrumb, .lt-ie8 #productPage {
    clear: both;
    zoom: 1
}

#header-breadcrumb-container:after, .parentProduct .productBreadcrumb:after, #productPage:after, #header-breadcrumb-container:before, .parentProduct .productBreadcrumb:before, #productPage:before {
    content: " ";
    display: table
}

#header-breadcrumb-container:after, .parentProduct .productBreadcrumb:after, #productPage:after {
    clear: both
}

.lt-ie8 #header-breadcrumb-container, .lt-ie8 .parentProduct .productBreadcrumb, .lt-ie8 #productPage {
    clear: both;
    zoom: 1
}

#header-breadcrumb-container:after, .parentProduct .productBreadcrumb:after, #productPage:after, #header-breadcrumb-container:before, .parentProduct .productBreadcrumb:before, #productPage:before {
    content: " ";
    display: table
}

#header-breadcrumb-container:after, .parentProduct .productBreadcrumb:after, #productPage:after {
    clear: both
}

.lt-ie8 #header-breadcrumb-container, .lt-ie8 .parentProduct .productBreadcrumb, .lt-ie8 #productPage {
    clear: both;
    zoom: 1
}

#header-breadcrumb-container:after, .parentProduct .productBreadcrumb:after, #productPage:after, #header-breadcrumb-container:before, .parentProduct .productBreadcrumb:before, #productPage:before {
    content: " ";
    display: table
}

#header-breadcrumb-container:after, .parentProduct .productBreadcrumb:after, #productPage:after {
    clear: both
}

.lt-ie8 #header-breadcrumb-container, .lt-ie8 .parentProduct .productBreadcrumb, .lt-ie8 #productPage {
    clear: both;
    zoom: 1
}

#header-breadcrumb-container:after, .parentProduct .productBreadcrumb:after, #productPage:after, #header-breadcrumb-container:before, .parentProduct .productBreadcrumb:before, #productPage:before {
    content: " ";
    display: table
}

#header-breadcrumb-container:after, .parentProduct .productBreadcrumb:after, #productPage:after {
    clear: both
}

.lt-ie8 #header-breadcrumb-container, .lt-ie8 .parentProduct .productBreadcrumb, .lt-ie8 #productPage {
    clear: both;
    zoom: 1
}

#header-breadcrumb-container:after, .parentProduct .productBreadcrumb:after, #productPage:after, #header-breadcrumb-container:before, .parentProduct .productBreadcrumb:before, #productPage:before {
    content: " ";
    display: table
}

#header-breadcrumb-container:after, .parentProduct .productBreadcrumb:after, #productPage:after {
    clear: both
}

.lt-ie8 #header-breadcrumb-container, .lt-ie8 .parentProduct .productBreadcrumb, .lt-ie8 #productPage {
    clear: both;
    zoom: 1
}

#header-breadcrumb-container:after, .parentProduct .productBreadcrumb:after, #productPage:after, #header-breadcrumb-container:before, .parentProduct .productBreadcrumb:before, #productPage:before {
    content: " ";
    display: table
}

#header-breadcrumb-container:after, .parentProduct .productBreadcrumb:after, #productPage:after {
    clear: both
}

.lt-ie8 #header-breadcrumb-container, .lt-ie8 .parentProduct .productBreadcrumb, .lt-ie8 #productPage {
    clear: both;
    zoom: 1
}

#header-breadcrumb-container:after, .parentProduct .productBreadcrumb:after, #productPage:after, #header-breadcrumb-container:before, .parentProduct .productBreadcrumb:before, #productPage:before {
    content: " ";
    display: table
}

#header-breadcrumb-container:after, .parentProduct .productBreadcrumb:after, #productPage:after {
    clear: both
}

.lt-ie8 #header-breadcrumb-container, .lt-ie8 .parentProduct .productBreadcrumb, .lt-ie8 #productPage {
    clear: both;
    zoom: 1
}

#header-breadcrumb-container:after, .parentProduct .productBreadcrumb:after, #productPage:after, #header-breadcrumb-container:before, .parentProduct .productBreadcrumb:before, #productPage:before {
    content: " ";
    display: table
}

#header-breadcrumb-container:after, .parentProduct .productBreadcrumb:after, #productPage:after {
    clear: both
}

.lt-ie8 #header-breadcrumb-container, .lt-ie8 .parentProduct .productBreadcrumb, .lt-ie8 #productPage {
    clear: both;
    zoom: 1
}

#header-breadcrumb-container #breadcrumbs, .parentProduct .productBreadcrumb #breadcrumbs, #productPage #breadcrumbs, #header-breadcrumb-container .productBreadcrumb, .parentProduct .productBreadcrumb .productBreadcrumb, #productPage .productBreadcrumb {
    font-weight: normal;
    float: left;
    font-size: 12px;
    max-width: 1000px
}

#header-breadcrumb-container .breadcrumb, .parentProduct .productBreadcrumb .breadcrumb, #productPage .breadcrumb {
    font-size: 14px
}

#header-breadcrumb-container .nav, .parentProduct .productBreadcrumb .nav, #productPage .nav {
    display: inline-block;
    margin: 15px 0;
    font-size: 14px
}

#header-breadcrumb-container .nav:after, .parentProduct .productBreadcrumb .nav:after, #productPage .nav:after, #header-breadcrumb-container .nav:before, .parentProduct .productBreadcrumb .nav:before, #productPage .nav:before {
    content: " ";
    display: table
}

#header-breadcrumb-container .nav:after, .parentProduct .productBreadcrumb .nav:after, #productPage .nav:after {
    clear: both
}

.lt-ie8 #header-breadcrumb-container .nav, .lt-ie8 .parentProduct .productBreadcrumb .nav, .lt-ie8 #productPage .nav {
    clear: both;
    zoom: 1
}

#header-breadcrumb-container .nav:after, .parentProduct .productBreadcrumb .nav:after, #productPage .nav:after, #header-breadcrumb-container .nav:before, .parentProduct .productBreadcrumb .nav:before, #productPage .nav:before {
    content: " ";
    display: table
}

#header-breadcrumb-container .nav:after, .parentProduct .productBreadcrumb .nav:after, #productPage .nav:after {
    clear: both
}

.lt-ie8 #header-breadcrumb-container .nav, .lt-ie8 .parentProduct .productBreadcrumb .nav, .lt-ie8 #productPage .nav {
    clear: both;
    zoom: 1
}

#header-breadcrumb-container .nav:after, .parentProduct .productBreadcrumb .nav:after, #productPage .nav:after, #header-breadcrumb-container .nav:before, .parentProduct .productBreadcrumb .nav:before, #productPage .nav:before {
    content: " ";
    display: table
}

#header-breadcrumb-container .nav:after, .parentProduct .productBreadcrumb .nav:after, #productPage .nav:after {
    clear: both
}

.lt-ie8 #header-breadcrumb-container .nav, .lt-ie8 .parentProduct .productBreadcrumb .nav, .lt-ie8 #productPage .nav {
    clear: both;
    zoom: 1
}

#header-breadcrumb-container .nav:after, .parentProduct .productBreadcrumb .nav:after, #productPage .nav:after, #header-breadcrumb-container .nav:before, .parentProduct .productBreadcrumb .nav:before, #productPage .nav:before {
    content: " ";
    display: table
}

#header-breadcrumb-container .nav:after, .parentProduct .productBreadcrumb .nav:after, #productPage .nav:after {
    clear: both
}

.lt-ie8 #header-breadcrumb-container .nav, .lt-ie8 .parentProduct .productBreadcrumb .nav, .lt-ie8 #productPage .nav {
    clear: both;
    zoom: 1
}

#header-breadcrumb-container .nav:after, .parentProduct .productBreadcrumb .nav:after, #productPage .nav:after, #header-breadcrumb-container .nav:before, .parentProduct .productBreadcrumb .nav:before, #productPage .nav:before {
    content: " ";
    display: table
}

#header-breadcrumb-container .nav:after, .parentProduct .productBreadcrumb .nav:after, #productPage .nav:after {
    clear: both
}

.lt-ie8 #header-breadcrumb-container .nav, .lt-ie8 .parentProduct .productBreadcrumb .nav, .lt-ie8 #productPage .nav {
    clear: both;
    zoom: 1
}

#header-breadcrumb-container .nav:after, .parentProduct .productBreadcrumb .nav:after, #productPage .nav:after, #header-breadcrumb-container .nav:before, .parentProduct .productBreadcrumb .nav:before, #productPage .nav:before {
    content: " ";
    display: table
}

#header-breadcrumb-container .nav:after, .parentProduct .productBreadcrumb .nav:after, #productPage .nav:after {
    clear: both
}

.lt-ie8 #header-breadcrumb-container .nav, .lt-ie8 .parentProduct .productBreadcrumb .nav, .lt-ie8 #productPage .nav {
    clear: both;
    zoom: 1
}

#header-breadcrumb-container .nav:after, .parentProduct .productBreadcrumb .nav:after, #productPage .nav:after, #header-breadcrumb-container .nav:before, .parentProduct .productBreadcrumb .nav:before, #productPage .nav:before {
    content: " ";
    display: table
}

#header-breadcrumb-container .nav:after, .parentProduct .productBreadcrumb .nav:after, #productPage .nav:after {
    clear: both
}

.lt-ie8 #header-breadcrumb-container .nav, .lt-ie8 .parentProduct .productBreadcrumb .nav, .lt-ie8 #productPage .nav {
    clear: both;
    zoom: 1
}

#header-breadcrumb-container .nav:after, .parentProduct .productBreadcrumb .nav:after, #productPage .nav:after, #header-breadcrumb-container .nav:before, .parentProduct .productBreadcrumb .nav:before, #productPage .nav:before {
    content: " ";
    display: table
}

#header-breadcrumb-container .nav:after, .parentProduct .productBreadcrumb .nav:after, #productPage .nav:after {
    clear: both
}

.lt-ie8 #header-breadcrumb-container .nav, .lt-ie8 .parentProduct .productBreadcrumb .nav, .lt-ie8 #productPage .nav {
    clear: both;
    zoom: 1
}

#header-breadcrumb-container .nav:after, .parentProduct .productBreadcrumb .nav:after, #productPage .nav:after, #header-breadcrumb-container .nav:before, .parentProduct .productBreadcrumb .nav:before, #productPage .nav:before {
    content: " ";
    display: table
}

#header-breadcrumb-container .nav:after, .parentProduct .productBreadcrumb .nav:after, #productPage .nav:after {
    clear: both
}

.lt-ie8 #header-breadcrumb-container .nav, .lt-ie8 .parentProduct .productBreadcrumb .nav, .lt-ie8 #productPage .nav {
    clear: both;
    zoom: 1
}

#header-breadcrumb-container .nav:after, .parentProduct .productBreadcrumb .nav:after, #productPage .nav:after, #header-breadcrumb-container .nav:before, .parentProduct .productBreadcrumb .nav:before, #productPage .nav:before {
    content: " ";
    display: table
}

#header-breadcrumb-container .nav:after, .parentProduct .productBreadcrumb .nav:after, #productPage .nav:after {
    clear: both
}

.lt-ie8 #header-breadcrumb-container .nav, .lt-ie8 .parentProduct .productBreadcrumb .nav, .lt-ie8 #productPage .nav {
    clear: both;
    zoom: 1
}

#header-breadcrumb-container .nav li, .parentProduct .productBreadcrumb .nav li, #productPage .nav li {
    float: left;
    line-height: 14px
}

#header-breadcrumb-container .nav li:after, .parentProduct .productBreadcrumb .nav li:after, #productPage .nav li:after {
    padding: 1px 0
}

#header-breadcrumb-container .nav li a, .parentProduct .productBreadcrumb .nav li a, #productPage .nav li a {
    display: inline-block;
    color: #29333b
}

#header-breadcrumb-container .nav li a:hover, .parentProduct .productBreadcrumb .nav li a:hover, #productPage .nav li a:hover {
    background: none;
    text-decoration: underline
}

#header-breadcrumb-container .nav li .bread-name, .parentProduct .productBreadcrumb .nav li .bread-name, #productPage .nav li .bread-name {
    font-weight: 500;
    display: inline-block;
    padding: 1px 0;
    float: left
}

#header-breadcrumb-container .nav li .bread-link, .parentProduct .productBreadcrumb .nav li .bread-link, #productPage .nav li .bread-link {
    padding: 1px 0;
    float: left
}

#header-breadcrumb-container .nav li .last, .parentProduct .productBreadcrumb .nav li .last, #productPage .nav li .last {
    font-weight: 700;
    color: #777
}

#header-breadcrumb-container .nav li .bread-close, .parentProduct .productBreadcrumb .nav li .bread-close, #productPage .nav li .bread-close {
    display: inline-block;
    float: left
}

#header-breadcrumb-container .nav li .bread-close:hover, .parentProduct .productBreadcrumb .nav li .bread-close:hover, #productPage .nav li .bread-close:hover {
    text-decoration: none;
    background: none
}

#header-breadcrumb-container .nav li .bread-close:after, .parentProduct .productBreadcrumb .nav li .bread-close:after, #productPage .nav li .bread-close:after {
    font-family: graingerFont;
    content: "\e61d";
    font-weight: 400;
    content: "\e903";
    color: #777;
    margin: 1px 3px 0 6px;
    float: left;
    font-weight: normal
}

#header-breadcrumb-container .nav li:before, .parentProduct .productBreadcrumb .nav li:before, #productPage .nav li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #header-breadcrumb-container .nav li, .lt-ie8 .parentProduct .productBreadcrumb .nav li, .lt-ie8 #productPage .nav li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #header-breadcrumb-container .nav li:first-child, .lt-ie8 .parentProduct .productBreadcrumb .nav li:first-child, .lt-ie8 #productPage .nav li:first-child {
    border: none
}

#header-breadcrumb-container .nav li:first-child:before, .parentProduct .productBreadcrumb .nav li:first-child:before, #productPage .nav li:first-child:before {
    display: none
}

#header-breadcrumb-container .nav li:before, .parentProduct .productBreadcrumb .nav li:before, #productPage .nav li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #header-breadcrumb-container .nav li, .lt-ie8 .parentProduct .productBreadcrumb .nav li, .lt-ie8 #productPage .nav li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #header-breadcrumb-container .nav li:first-child, .lt-ie8 .parentProduct .productBreadcrumb .nav li:first-child, .lt-ie8 #productPage .nav li:first-child {
    border: none
}

#header-breadcrumb-container .nav li:first-child:before, .parentProduct .productBreadcrumb .nav li:first-child:before, #productPage .nav li:first-child:before {
    display: none
}

#header-breadcrumb-container .nav li:before, .parentProduct .productBreadcrumb .nav li:before, #productPage .nav li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #header-breadcrumb-container .nav li, .lt-ie8 .parentProduct .productBreadcrumb .nav li, .lt-ie8 #productPage .nav li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #header-breadcrumb-container .nav li:first-child, .lt-ie8 .parentProduct .productBreadcrumb .nav li:first-child, .lt-ie8 #productPage .nav li:first-child {
    border: none
}

#header-breadcrumb-container .nav li:first-child:before, .parentProduct .productBreadcrumb .nav li:first-child:before, #productPage .nav li:first-child:before {
    display: none
}

#header-breadcrumb-container .nav li:before, .parentProduct .productBreadcrumb .nav li:before, #productPage .nav li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #header-breadcrumb-container .nav li, .lt-ie8 .parentProduct .productBreadcrumb .nav li, .lt-ie8 #productPage .nav li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #header-breadcrumb-container .nav li:first-child, .lt-ie8 .parentProduct .productBreadcrumb .nav li:first-child, .lt-ie8 #productPage .nav li:first-child {
    border: none
}

#header-breadcrumb-container .nav li:first-child:before, .parentProduct .productBreadcrumb .nav li:first-child:before, #productPage .nav li:first-child:before {
    display: none
}

#header-breadcrumb-container .nav li:before, .parentProduct .productBreadcrumb .nav li:before, #productPage .nav li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #header-breadcrumb-container .nav li, .lt-ie8 .parentProduct .productBreadcrumb .nav li, .lt-ie8 #productPage .nav li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #header-breadcrumb-container .nav li:first-child, .lt-ie8 .parentProduct .productBreadcrumb .nav li:first-child, .lt-ie8 #productPage .nav li:first-child {
    border: none
}

#header-breadcrumb-container .nav li:first-child:before, .parentProduct .productBreadcrumb .nav li:first-child:before, #productPage .nav li:first-child:before {
    display: none
}

#header-breadcrumb-container .nav li:before, .parentProduct .productBreadcrumb .nav li:before, #productPage .nav li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #header-breadcrumb-container .nav li, .lt-ie8 .parentProduct .productBreadcrumb .nav li, .lt-ie8 #productPage .nav li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #header-breadcrumb-container .nav li:first-child, .lt-ie8 .parentProduct .productBreadcrumb .nav li:first-child, .lt-ie8 #productPage .nav li:first-child {
    border: none
}

#header-breadcrumb-container .nav li:first-child:before, .parentProduct .productBreadcrumb .nav li:first-child:before, #productPage .nav li:first-child:before {
    display: none
}

#header-breadcrumb-container .nav li:before, .parentProduct .productBreadcrumb .nav li:before, #productPage .nav li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #header-breadcrumb-container .nav li, .lt-ie8 .parentProduct .productBreadcrumb .nav li, .lt-ie8 #productPage .nav li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #header-breadcrumb-container .nav li:first-child, .lt-ie8 .parentProduct .productBreadcrumb .nav li:first-child, .lt-ie8 #productPage .nav li:first-child {
    border: none
}

#header-breadcrumb-container .nav li:first-child:before, .parentProduct .productBreadcrumb .nav li:first-child:before, #productPage .nav li:first-child:before {
    display: none
}

#header-breadcrumb-container .nav li:before, .parentProduct .productBreadcrumb .nav li:before, #productPage .nav li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #header-breadcrumb-container .nav li, .lt-ie8 .parentProduct .productBreadcrumb .nav li, .lt-ie8 #productPage .nav li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #header-breadcrumb-container .nav li:first-child, .lt-ie8 .parentProduct .productBreadcrumb .nav li:first-child, .lt-ie8 #productPage .nav li:first-child {
    border: none
}

#header-breadcrumb-container .nav li:first-child:before, .parentProduct .productBreadcrumb .nav li:first-child:before, #productPage .nav li:first-child:before {
    display: none
}

#header-breadcrumb-container .nav li:before, .parentProduct .productBreadcrumb .nav li:before, #productPage .nav li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #header-breadcrumb-container .nav li, .lt-ie8 .parentProduct .productBreadcrumb .nav li, .lt-ie8 #productPage .nav li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #header-breadcrumb-container .nav li:first-child, .lt-ie8 .parentProduct .productBreadcrumb .nav li:first-child, .lt-ie8 #productPage .nav li:first-child {
    border: none
}

#header-breadcrumb-container .nav li:first-child:before, .parentProduct .productBreadcrumb .nav li:first-child:before, #productPage .nav li:first-child:before {
    display: none
}

#header-breadcrumb-container .nav li:before, .parentProduct .productBreadcrumb .nav li:before, #productPage .nav li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #header-breadcrumb-container .nav li, .lt-ie8 .parentProduct .productBreadcrumb .nav li, .lt-ie8 #productPage .nav li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #header-breadcrumb-container .nav li:first-child, .lt-ie8 .parentProduct .productBreadcrumb .nav li:first-child, .lt-ie8 #productPage .nav li:first-child {
    border: none
}

#header-breadcrumb-container .nav li:first-child:before, .parentProduct .productBreadcrumb .nav li:first-child:before, #productPage .nav li:first-child:before {
    display: none
}

#header-breadcrumb-container .nav li:before, .parentProduct .productBreadcrumb .nav li:before, #productPage .nav li:before {
    color: #777
}

.responsive.itemdetail #header-breadcrumb-container .nav, .responsive.itemdetail .parentProduct .productBreadcrumb .nav, .responsive.itemdetail #productPage .nav {
    margin: 10px 0 0
}

.responsive.productview #header-breadcrumb-container .nav, .responsive.productview .parentProduct .productBreadcrumb .nav, .responsive.productview #productPage .nav, .responsive.categoryview #header-breadcrumb-container .nav, .responsive.categoryview .parentProduct .productBreadcrumb .nav, .responsive.categoryview #productPage .nav, .responsive.two-column #header-breadcrumb-container .nav, .responsive.two-column .parentProduct .productBreadcrumb .nav, .responsive.two-column #productPage .nav {
    margin-top: 10px
}

.responsive #header-breadcrumb-container .nav, .responsive .parentProduct .productBreadcrumb .nav, .responsive #productPage .nav {
    margin-top: 5px
}

#header-breadcrumb-container #user-actions, .parentProduct .productBreadcrumb #user-actions, #productPage #user-actions {
    float: right;
    display: inline-block;
    margin-top: 13px
}

#header-breadcrumb-container #user-actions #print-page, .parentProduct .productBreadcrumb #user-actions #print-page, #productPage #user-actions #print-page, #header-breadcrumb-container #user-actions .print-page, .parentProduct .productBreadcrumb #user-actions .print-page, #productPage #user-actions .print-page, #header-breadcrumb-container #user-actions #email-page, .parentProduct .productBreadcrumb #user-actions #email-page, #productPage #user-actions #email-page {
    float: right;
    margin-left: 10px
}

.responsive.itemdetail #header-breadcrumb-container #user-actions, .responsive.itemdetail .parentProduct .productBreadcrumb #user-actions, .responsive.itemdetail #productPage #user-actions {
    margin: 7px 10px 0 0
}

.responsive.cartdetails #header-breadcrumb-container #user-actions, .responsive.cartdetails .parentProduct .productBreadcrumb #user-actions, .responsive.cartdetails #productPage #user-actions {
    margin: 3px 5px 0 0
}

@media (max-width: 960px) {
    .responsive.itemdetail #header-breadcrumb-container .container-width, .responsive.itemdetail .parentProduct .productBreadcrumb .container-width, .responsive.itemdetail #productPage .container-width {
        padding-left: 10px
    }
}

@media (max-width: 960px) {
    .responsive #header-breadcrumb-container h1, .responsive .parentProduct .productBreadcrumb h1, .responsive #productPage h1 {
        margin-left: 10px
    }
}

.responsive .parentProduct .productBreadcrumb {
    margin-left: 10px
}

#omsBreadcrumbs #breadcrumbs {
    max-width: none
}

.carousel {
    display: block;
    margin-bottom: 20px;
    font-size: 12px;
    position: relative
}

.carousel h2 {
    margin-bottom: 15px;
    display: inline-block
}

.carousel .carouselPagination {
    float: right
}

.carousel .carouselPagination:after, .carousel .carouselPagination:before {
    content: " ";
    display: table
}

.carousel .carouselPagination:after {
    clear: both
}

.lt-ie8 .carousel .carouselPagination {
    clear: both;
    zoom: 1
}

.carousel .carouselPagination:after, .carousel .carouselPagination:before {
    content: " ";
    display: table
}

.carousel .carouselPagination:after {
    clear: both
}

.lt-ie8 .carousel .carouselPagination {
    clear: both;
    zoom: 1
}

.carousel .carouselPagination:after, .carousel .carouselPagination:before {
    content: " ";
    display: table
}

.carousel .carouselPagination:after {
    clear: both
}

.lt-ie8 .carousel .carouselPagination {
    clear: both;
    zoom: 1
}

.carousel .carouselPagination:after, .carousel .carouselPagination:before {
    content: " ";
    display: table
}

.carousel .carouselPagination:after {
    clear: both
}

.lt-ie8 .carousel .carouselPagination {
    clear: both;
    zoom: 1
}

.carousel .carouselPagination:after, .carousel .carouselPagination:before {
    content: " ";
    display: table
}

.carousel .carouselPagination:after {
    clear: both
}

.lt-ie8 .carousel .carouselPagination {
    clear: both;
    zoom: 1
}

.carousel .carouselPagination:after, .carousel .carouselPagination:before {
    content: " ";
    display: table
}

.carousel .carouselPagination:after {
    clear: both
}

.lt-ie8 .carousel .carouselPagination {
    clear: both;
    zoom: 1
}

.carousel .carouselPagination:after, .carousel .carouselPagination:before {
    content: " ";
    display: table
}

.carousel .carouselPagination:after {
    clear: both
}

.lt-ie8 .carousel .carouselPagination {
    clear: both;
    zoom: 1
}

.carousel .carouselPagination:after, .carousel .carouselPagination:before {
    content: " ";
    display: table
}

.carousel .carouselPagination:after {
    clear: both
}

.lt-ie8 .carousel .carouselPagination {
    clear: both;
    zoom: 1
}

.carousel .carouselPagination:after, .carousel .carouselPagination:before {
    content: " ";
    display: table
}

.carousel .carouselPagination:after {
    clear: both
}

.lt-ie8 .carousel .carouselPagination {
    clear: both;
    zoom: 1
}

.carousel .carouselPagination:after, .carousel .carouselPagination:before {
    content: " ";
    display: table
}

.carousel .carouselPagination:after {
    clear: both
}

.lt-ie8 .carousel .carouselPagination {
    clear: both;
    zoom: 1
}

.carousel .carouselPagination {
    display: none
}

.carousel .carouselAddToCart {
    margin-bottom: 10px
}

.carousel .carouselAddToCart .carouselQty {
    float: left;
    margin-right: 6px
}

.carousel .carouselAddToCart input[type="text"] {
    color: #666;
    font-weight: bold;
    font-style: italic;
    padding: 8px 5px;
    width: 37px;
    border: 1px solid #ccc
}

.carousel .carouselAddToCart select {
    color: #666;
    font-weight: bold;
    font-style: italic;
    padding: 8px 5px;
    width: 41px;
    border: 1px solid #ccc
}

.carousel .carouselAddToCart .btn {
    float: none;
    display: inline-block
}

@media (max-width: 780px) {
    .responsive .carousel .carouselAddToCart .btn {
        margin-top: 5px
    }
}

.carousel .carouselPagination {
    text-align: right;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 12px;
    letter-spacing: normal;
    word-spacing: normal
}

.carousel .carouselButtons, .carousel .carouselPages {
    display: inline
}

.carousel .carouselButtons {
    margin-left: 20px
}

.carousel .carouselButtons .carouselMoveLeft {
    margin-right: 5px
}

.carousel .carouselButtons .disabled {
    color: #333;
    text-decoration: none;
    cursor: default;
    pointer-events: none
}

.carousel .carouselButtons .disabled span {
    display: none
}

.carousel .carouselButtons .carouselMoveRight {
    margin-left: 5px
}

.carousel .prevArrow {
    background: url('../../images/ui/lead-away-left.png') no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 6px;
    width: 4px;
    overflow: visible;
    position: static;
    margin-top: 4px;
    margin-right: 5px;
    left: 0
}

.carousel .nextArrow {
    background: url('../../images/ui/lead-away-right.png') no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 6px;
    width: 4px;
    overflow: visible;
    position: static;
    margin-top: 4px;
    margin-left: 5px;
    right: 0
}

.carousel .carouselLeft {
    background: #fff;
    border-radius: 2px;
    border: 1px solid #d8d8d8;
    color: #fff;
    font-weight: bold;
    height: 48px;
    left: -11px;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 25%;
    width: 24px;
    z-index: 16
}

.carousel .carouselLeft .arrowLeft {
    border-width: 0 2.5px 2.5px 0 !important;
    border: solid #09709b;
    display: inline-block;
    margin-top: 19px;
    padding: 3px;
    margin-right: 0;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.carousel .carouselRight {
    background: #fff;
    border-radius: 2px;
    border: 1px solid #d8d8d8;
    color: #fff;
    font-weight: bold;
    height: 48px;
    padding: 0;
    position: absolute;
    right: -11px;
    text-align: center;
    top: 25%;
    width: 24px
}

.carousel .carouselRight .arrowRight {
    border-width: 0 2.5px 2.5px 0 !important;
    border: solid #09709b;
    display: inline-block;
    margin-top: 20px;
    padding: 3px;
    margin-left: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.carousel .carouselContainer {
    position: relative;
    vertical-align: middle;
    overflow: hidden;
    clear: both
}

.carousel .carouselContainer ul {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%
}

.carousel .carouselContainer ul:after, .carousel .carouselContainer ul:before {
    content: " ";
    display: table
}

.carousel .carouselContainer ul:after {
    clear: both
}

.lt-ie8 .carousel .carouselContainer ul {
    clear: both;
    zoom: 1
}

.carousel .carouselContainer ul:after, .carousel .carouselContainer ul:before {
    content: " ";
    display: table
}

.carousel .carouselContainer ul:after {
    clear: both
}

.lt-ie8 .carousel .carouselContainer ul {
    clear: both;
    zoom: 1
}

.carousel .carouselContainer ul:after, .carousel .carouselContainer ul:before {
    content: " ";
    display: table
}

.carousel .carouselContainer ul:after {
    clear: both
}

.lt-ie8 .carousel .carouselContainer ul {
    clear: both;
    zoom: 1
}

.carousel .carouselContainer ul:after, .carousel .carouselContainer ul:before {
    content: " ";
    display: table
}

.carousel .carouselContainer ul:after {
    clear: both
}

.lt-ie8 .carousel .carouselContainer ul {
    clear: both;
    zoom: 1
}

.carousel .carouselContainer ul:after, .carousel .carouselContainer ul:before {
    content: " ";
    display: table
}

.carousel .carouselContainer ul:after {
    clear: both
}

.lt-ie8 .carousel .carouselContainer ul {
    clear: both;
    zoom: 1
}

.carousel .carouselContainer ul:after, .carousel .carouselContainer ul:before {
    content: " ";
    display: table
}

.carousel .carouselContainer ul:after {
    clear: both
}

.lt-ie8 .carousel .carouselContainer ul {
    clear: both;
    zoom: 1
}

.carousel .carouselContainer ul:after, .carousel .carouselContainer ul:before {
    content: " ";
    display: table
}

.carousel .carouselContainer ul:after {
    clear: both
}

.lt-ie8 .carousel .carouselContainer ul {
    clear: both;
    zoom: 1
}

.carousel .carouselContainer ul:after, .carousel .carouselContainer ul:before {
    content: " ";
    display: table
}

.carousel .carouselContainer ul:after {
    clear: both
}

.lt-ie8 .carousel .carouselContainer ul {
    clear: both;
    zoom: 1
}

.carousel .carouselContainer ul:after, .carousel .carouselContainer ul:before {
    content: " ";
    display: table
}

.carousel .carouselContainer ul:after {
    clear: both
}

.lt-ie8 .carousel .carouselContainer ul {
    clear: both;
    zoom: 1
}

.carousel .carouselContainer ul:after, .carousel .carouselContainer ul:before {
    content: " ";
    display: table
}

.carousel .carouselContainer ul:after {
    clear: both
}

.lt-ie8 .carousel .carouselContainer ul {
    clear: both;
    zoom: 1
}

.carousel .carouselContainer li {
    background: none;
    border: 1px solid #ccc;
    float: left;
    padding: 24px;
    margin: 0 10px 0 0;
    width: 210px
}

.carousel .carouselProductName {
    font-weight: bold;
    text-transform: uppercase;
    word-wrap: break-word;
    min-height: 55px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.5
}

.carousel .carouselProductName a {
    word-wrap: break-word
}

@media (max-width: 730px) {
    .responsive .carousel .carouselProductName {
        margin-top: 5px;
        height: auto
    }
}

.carousel .carouselProductSKU {
    color: #7c7c7c;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 10px
}

.carousel .carouselProductSKU a {
    font-weight: bold
}

.carousel .carouselQty input {
    width: 40px;
    float: left;
    margin: 0 6px 0 0
}

.productCarousel .carouselContainer {
    width: 869px
}

.cartAlternatesCarousalDiv .productCarousel .carouselContainer {
    width: 500px
}

.cartAlternatesCarousalDiv .productCarousel .carouselContainer li {
    width: 161px
}

.productCarousel .carouselContainer .comparealt-controls input {
    margin: 10px 3px 10px 0
}

.productCarousel .carouselContainer .carouselContainer .carouselProductName {
    height: 40px;
    overflow: hidden
}

.productCarousel .carouselContainer .carouselContainer .carouselCompare label {
    float: none;
    display: inline
}

.productCarousel .carouselContainer .carouselContainer .carouselCompare input {
    float: none;
    display: inline-block;
    margin-right: 3px
}

.productCarousel .carouselContainer .carouselContainer li {
    width: 205px;
    padding: 0;
    margin-left: 10px;
    margin-right: 10px;
    border-right: 1px solid #CCC;
    -moz-box-sizing: border-box
}

.productCarousel .carouselContainer .carouselContainer li > div {
    width: 180px
}

.carouselProduct .carouselProductImage, .activeItems .carouselProductImage {
    margin: auto;
    max-width: 100px;
    min-height: auto;
    min-width: auto;
    height: auto;
    text-align: left;
    width: 30%;
    display: inline-flex;
    float: left;
    margin-right: 4%
}

.carouselProduct .carouselProductImage img, .activeItems .carouselProductImage img {
    height: 56px !important;
    margin: 0;
    max-width: 100px;
    min-height: auto;
    min-width: auto;
    width: 100%
}

.carouselProduct .carouselProductImage:hover .quickViewBtn, .activeItems .carouselProductImage:hover .quickViewBtn {
    display: block;
    position: absolute;
    top: 43px;
    left: 50%;
    margin-left: -55px
}

.carouselProduct .carouselProductImage .quickViewBtn, .activeItems .carouselProductImage .quickViewBtn {
    display: none
}

.carouselProduct .carouselProductImage .quickViewBtn .btn, .activeItems .carouselProductImage .quickViewBtn .btn {
    color: #FFF
}

.carouselProduct .add-to-cart > input, .activeItems .add-to-cart > input, .carouselProduct .add-to-cart > a, .activeItems .add-to-cart > a {
    float: left
}

.carouselProduct .add-to-cart > input, .activeItems .add-to-cart > input {
    max-width: 45px
}

.pbCarousel {
    margin-top: 20px;
    border-top: none;
    clear: both
}

.ecCarousel .carouselContainer {
    width: 255px
}

@media (max-width: 960px) {
    .responsive .ecCarousel .carouselContainer {
        width: 100%
    }
}

.ecCarousel .carouselContainer li {
    width: 45px;
    height: 45px;
    overflow: hidden;
    border: 1px solid #ccc;
    -moz-box-sizing: border-box;
    margin: 0 3px
}

.ecCarousel .carouselContainer li:last-child {
    border: 1px solid #ccc
}

.ecCarousel .carouselContainer li.active {
    border: 2px solid #ccc
}

@media (max-width: 960px) {
    .responsive .ecCarousel .carouselContainer li {
        width: 45px;
        height: 35px
    }
}

.ecCarousel .carouselContainer .carouselItem {
    cursor: pointer
}

#ecModal .ecCarousel .carouselContainer {
    width: 650px
}

#ecModal .ecCarousel .carouselContainer li {
    width: 120px;
    height: 120px
}

.smallerCarousel .carouselContainer {
    width: 100%;
    min-height: 300px;
    margin: auto
}

.smallerCarousel .carouselContainer li {
    width: 16.66%;
    margin: 0
}

.smallerCarousel .carouselAddToCart .btn {
    padding: 9px 10px
}

.smallerCarousel .carouselProductImage:hover .quickViewBtn {
    display: block;
    position: absolute;
    top: 80px;
    left: 50%;
    margin-left: -50px
}

.responsive .smallerCarousel .carouselProductImage:hover .quickViewBtn {
    margin-left: -43px
}

@media (max-width: 780px) {
    .responsive .smallerCarousel .carouselProductImage:hover .quickViewBtn {
        top: 60px
    }
}

#addToCartModal .smallerCarousel .carouselContainer {
    width: 620px
}

#addToCartModal .smallerCarousel .carouselContainer li {
    width: 156px;
    margin: 0;
    padding: 0 10px
}

.carouselProductLists .carouselProductBrand {
    color: #7c7c7c;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 10px;
    margin-left: 34%
}

.responsive .carouselProductLists .carouselProductBrand {
    word-wrap: break-word
}

.carousel .carouselProductPrice, .relatedItems .productPriceVertical p {
    font-size: 12px;
    margin-bottom: 10px;
    margin-bottom: 8px;
    display: inline-block;
    color: #257238;
    font-weight: 700;
    margin-left: 34%
}

.carousel .priceValue, .relatedItems .priceValue {
    color: #257238
}

.carousel .reducedPriceValue, .relatedItems .reducedPriceValue, .carousel .sale-price .priceValue, .relatedItems .sale-price .priceValue {
    color: #ad3333
}

.carousel .reducedPriceLabel, .relatedItems .reducedPriceLabel {
    color: #960A01
}

.carousel .carouselProductPrice .priceLabel p {
    font-size: 12px;
    padding-top: 5px;
    font-weight: bold;
    margin: 5px 0 0 0
}

.carousel .carouselProductPrice .priceLabel strike p, .relatedItems .productPriceVertical strike p {
    font-size: 12px
}

.carousel .carouselProductPrice .productIcons, .relatedItems .carouselProductPrice .productIcons {
    margin-left: 0
}

.carousel p.sale-price {
    font-size: 12px
}

.carousel p.sale-price span, .relatedItems p.sale-price span, .carousel p.custom-price span, .relatedItems p.custom-price span {
    font-size: 12px
}

.lt-ie8 .carousel, .lt-ie8 .carousel .prevArrow, .lt-ie8 .carousel .nextArrow, .lt-ie8 .carousel .arrow, .lt-ie8 .carousel .carouselContainer, .lt-ie8 .productCarousel .carouselContainer .carouselCompare input, .lt-ie8 .carousel .carouselAddToCart label.button, .lt-ie8 .carousel .carouselAddToCart .carouselQty {
    display: inline;
    zoom: 1
}

.lt-ie8 .carousel .carouselProductLists {
    width: 200%
}

.lt-ie8 .carousel .carouselContainer {
    height: 300px
}

#carousel-box-CartBottom {
    text-align: left
}

@media (max-width: 960px) {
    .responsive #carousel-box-CartBottom .productSectionTitle {
        margin-left: 10px
    }
}

@media (max-width: 960px) {
    .responsive .carousel {
        width: 850px;
        margin: 0 auto
    }
}

@media (max-width: 890px) {
    .responsive .carousel {
        width: 750px
    }
}

@media (max-width: 780px) {
    .responsive .carousel {
        width: 680px
    }
}

@media (max-width: 730px) {
    .responsive .carousel {
        width: 620px
    }
}

.responsive .carouselContainer {
    width: 91%
}

@media (max-width: 960px) {
    .responsive .carouselContainer li {
        width: 190px
    }
}

@media (max-width: 890px) {
    .responsive .carouselContainer li {
        width: 170px
    }
}

@media (max-width: 780px) {
    .responsive .carouselContainer li {
        width: 150px;
        padding-right: 15px
    }
}

@media (max-width: 730px) {
    .responsive .carouselContainer li {
        width: 135px
    }
}

@media (max-width: 960px) {
    .responsive .smallerCarousel {
        width: 630px;
        margin: 0 auto
    }
}

@media (max-width: 890px) {
    .responsive .smallerCarousel {
        width: 660px
    }
}

@media (max-width: 730px) {
    .responsive .smallerCarousel {
        width: 630px
    }
}

@media (max-width: 960px) {
    .responsive .smallerCarousel li {
        width: 135px;
        margin-left: 5px;
        padding-left: 5px
    }

    .responsive .smallerCarousel li .carouselQty .btnSmall {
        margin-top: 10px
    }
}

@media (max-width: 890px) {
    .responsive .smallerCarousel li {
        width: 145px
    }

    .responsive .smallerCarousel li .carouselQty .btnSmall {
        font-size: 13px;
        padding: 10px 5px
    }
}

@media (max-width: 730px) {
    .responsive .smallerCarousel li {
        width: 135px
    }

    .responsive .smallerCarousel li .carouselQty .btnSmall {
        font-size: 9px
    }
}

@media (max-width: 960px) {
    .responsive.productview #main-content .smallerCarousel, .responsive.categoryview #main-content .smallerCarousel {
        width: 600px
    }
}

@media (max-width: 890px) {
    .responsive.productview #main-content .smallerCarousel, .responsive.categoryview #main-content .smallerCarousel {
        width: 550px
    }
}

@media (max-width: 780px) {
    .responsive.productview #main-content .smallerCarousel, .responsive.categoryview #main-content .smallerCarousel {
        width: 500px
    }
}

@media (max-width: 730px) {
    .responsive.productview #main-content .smallerCarousel, .responsive.categoryview #main-content .smallerCarousel {
        width: 400px
    }
}

.responsive.productview #main-content .smallerCarousel .carouselRight, .responsive.categoryview #main-content .smallerCarousel .carouselRight {
    margin-left: 10px
}

.responsive.productview #main-content .smallerCarousel .carouselLeft, .responsive.categoryview #main-content .smallerCarousel .carouselLeft {
    margin-right: 0
}

@media (max-width: 890px) {
    .responsive.productview #main-content .smallerCarousel .carouselContainer, .responsive.categoryview #main-content .smallerCarousel .carouselContainer {
        width: 90%
    }
}

@media (max-width: 780px) {
    .responsive.productview #main-content .smallerCarousel .carouselContainer, .responsive.categoryview #main-content .smallerCarousel .carouselContainer {
        width: 86%
    }
}

@media (max-width: 960px) {
    .responsive.productview #main-content .smallerCarousel .carouselContainer .carouselProduct, .responsive.categoryview #main-content .smallerCarousel .carouselContainer .carouselProduct {
        width: 125px;
        margin-left: 5px;
        padding-left: 5px;
        padding-right: 15px
    }
}

@media (max-width: 890px) {
    .responsive.productview #main-content .smallerCarousel .carouselContainer .carouselProduct, .responsive.categoryview #main-content .smallerCarousel .carouselContainer .carouselProduct {
        width: 115px
    }
}

@media (max-width: 780px) {
    .responsive.productview #main-content .smallerCarousel .carouselContainer .carouselProduct, .responsive.categoryview #main-content .smallerCarousel .carouselContainer .carouselProduct {
        width: 100px
    }
}

@media (max-width: 730px) {
    .responsive.productview #main-content .smallerCarousel .carouselContainer .carouselProduct, .responsive.categoryview #main-content .smallerCarousel .carouselContainer .carouselProduct {
        width: 75px;
        padding-right: 10px
    }
}

@media (max-width: 960px) {
    .responsive.productview #main-content .smallerCarousel .carouselContainer .carouselProduct .carouselProductImage, .responsive.categoryview #main-content .smallerCarousel .carouselContainer .carouselProduct .carouselProductImage {
        width: 100px
    }
}

@media (max-width: 780px) {
    .responsive.productview #main-content .smallerCarousel .carouselContainer .carouselProduct .carouselProductImage, .responsive.categoryview #main-content .smallerCarousel .carouselContainer .carouselProduct .carouselProductImage {
        width: 80px;
        height: 80px
    }
}

@media (max-width: 730px) {
    .responsive.productview #main-content .smallerCarousel .carouselContainer .carouselProduct .carouselProductImage, .responsive.categoryview #main-content .smallerCarousel .carouselContainer .carouselProduct .carouselProductImage {
        width: 60px;
        height: 60px
    }
}

.responsive.productview #main-content .smallerCarousel .carouselContainer .carouselProduct .carouselProductImage img, .responsive.categoryview #main-content .smallerCarousel .carouselContainer .carouselProduct .carouselProductImage img {
    width: 100%
}

.responsive.productview #main-content .smallerCarousel .carouselContainer .carouselProduct .carouselProductName a, .responsive.categoryview #main-content .smallerCarousel .carouselContainer .carouselProduct .carouselProductName a {
    word-wrap: break-word
}

@media (max-width: 960px) {
    .responsive.productview #main-content .smallerCarousel .carouselContainer .carouselProduct .carouselscrollbox .item, .responsive.categoryview #main-content .smallerCarousel .carouselContainer .carouselProduct .carouselscrollbox .item {
        width: 100%;
        margin-bottom: 5px
    }
}

@media (max-width: 960px) {
    .responsive.productview #main-content .smallerCarousel .carouselContainer .carouselProduct .carouselscrollbox .item .carouselQty input, .responsive.categoryview #main-content .smallerCarousel .carouselContainer .carouselProduct .carouselscrollbox .item .carouselQty input {
        float: none
    }
}

@media (max-width: 960px) {
    .responsive.productview #main-content .smallerCarousel .carouselContainer .carouselProduct .carouselscrollbox .item .carouselQty .btn, .responsive.categoryview #main-content .smallerCarousel .carouselContainer .carouselProduct .carouselscrollbox .item .carouselQty .btn {
        margin-top: 10px;
        display: block;
        border-radius: 2px
    }
}

.carousel .carouselProductPrice .priceLabel .priceLabel {
    display: inline-block
}

.carousel .carouselProductPrice .priceLabel .price {
    display: block
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (-webkit-max-device-pixel-ratio: 1) {
    .carousel .carouselContainer .carouselProductLists .carouselProductBrand {
        margin-left: 35%
    }

    .carousel .carouselProductPrice .productPriceVertical p {
        padding-left: 5%
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    .carousel .carouselContainer .carouselProductLists .carouselProductBrand {
        margin-left: 35%
    }

    .carousel .carouselProductPrice .productPriceVertical p {
        padding-left: 5%
    }
}

#shareModalContainer.modal-static {
    top: 5% !important
}

#shareModalContainer .recipient > div, #shareModalContainer .senderInfo > div, #shareModalContainer .column > div {
    width: 32.5%
}

#shareModalContainer .recipient > div.remove {
    width: 2%
}

#shareModalContainer .modal-content textarea {
    width: 97.5%
}

#shareModalContainer .modal-content a.cancel {
    background: #f2f2f2;
    color: #00739e
}

#shareModalContainer .modal-content input[type="text"], #shareModalContainer .modal-content input[type="password"], #shareModalContainer .modal-content input.disabled, #shareModalContainer .modal-content textarea {
    font-size: 14px !important;
    font-weight: normal;
    color: #333
}

.modal-backdrop.sharemodal {
    background-color: #000;
    opacity: .4;
    z-index: 1000
}

#iGDMotorMatchGST {
    clear: both
}

#iGDMotorMatchGST * {
    -ms-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

#iGDMotorMatchGST *:after, #iGDMotorMatchGST *:before {
    -ms-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

#iGDMotorMatchGST label {
    line-height: 13px;
    display: inline-block;
    font-weight: normal
}

#iGDMotorMatchGST .section-step .section-actions a {
    line-height: 21px
}

#iGDMotorMatchGST .section-step .section-actions input[type="checkbox"], #iGDMotorMatchGST .section-step .section-actions input[type="radio"] {
    margin-left: 1px
}

.paginationBar ul.pagination {
    font-size: 13px;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1
}

.paginationBar ul.pagination li {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    min-width: 15px;
    height: 32px
}

.paginationBar ul.pagination li strong {
    display: block;
    padding: 0;
    border: 0;
    width: inherit;
    text-align: center;
    margin-top: 11px
}

.paginationBar ul.pagination li.first, .paginationBar ul.pagination li.last {
    font-weight: bold;
    font-size: 23px;
    color: #000
}

.paginationBar ul.pagination li a {
    padding: 0;
    border: 0;
    color: #777;
    width: inherit;
    height: 32px;
    text-align: center;
    display: block
}

.paginationBar ul.pagination li a:hover {
    color: #000
}

.paginationBar ul.pagination li a.active {
    color: black;
    font-weight: bold;
    cursor: default;
    text-decoration: none
}

.paginationBar ul.pagination li a.active-page-link {
    color: black;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    width: inherit;
    height: 32px
}

.paginationBar ul.pagination li a.inactive-page-link {
    color: #777;
    font-weight: bold;
    cursor: default;
    text-decoration: none;
    display: inline-block;
    width: inherit;
    height: 32px
}

.paginationBar ul.pagination li a.controls {
    font-weight: bold
}

.paginationBar ul.pagination li a.controls.prev:before, .paginationBar ul.pagination li a.controls.next:after {
    font-size: 15px;
    font-weight: bold;
    height: 32px;
    display: block;
    margin-top: 8px;
    line-height: 20px
}

.paginationBar ul.pagination li a.controls.prev:before {
    font-family: graingerFont;
    content: "\e637";
    font-weight: 400
}

.paginationBar ul.pagination li a.controls.next:after {
    font-family: graingerFont;
    content: "\e631";
    font-weight: 400
}

.paginationBar ul.pagination li a .pageNumber {
    display: block;
    margin-top: 11px
}

.paginationBar .totalResults {
    font-size: 10px
}

.confirm {
    background: #ECECEC;
    padding: 15px;
    margin-top: 10px;
    font-size: 13px;
    position: relative;
    border-top: 1px solid #CCC;
    text-align: right
}

.confirm:after, .confirm:before {
    content: " ";
    display: table
}

.confirm:after {
    clear: both
}

.lt-ie8 .confirm {
    clear: both;
    zoom: 1
}

.confirm:after, .confirm:before {
    content: " ";
    display: table
}

.confirm:after {
    clear: both
}

.lt-ie8 .confirm {
    clear: both;
    zoom: 1
}

.confirm:after, .confirm:before {
    content: " ";
    display: table
}

.confirm:after {
    clear: both
}

.lt-ie8 .confirm {
    clear: both;
    zoom: 1
}

.confirm:after, .confirm:before {
    content: " ";
    display: table
}

.confirm:after {
    clear: both
}

.lt-ie8 .confirm {
    clear: both;
    zoom: 1
}

.confirm:after, .confirm:before {
    content: " ";
    display: table
}

.confirm:after {
    clear: both
}

.lt-ie8 .confirm {
    clear: both;
    zoom: 1
}

.confirm:after, .confirm:before {
    content: " ";
    display: table
}

.confirm:after {
    clear: both
}

.lt-ie8 .confirm {
    clear: both;
    zoom: 1
}

.confirm:after, .confirm:before {
    content: " ";
    display: table
}

.confirm:after {
    clear: both
}

.lt-ie8 .confirm {
    clear: both;
    zoom: 1
}

.confirm:after, .confirm:before {
    content: " ";
    display: table
}

.confirm:after {
    clear: both
}

.lt-ie8 .confirm {
    clear: both;
    zoom: 1
}

.confirm:after, .confirm:before {
    content: " ";
    display: table
}

.confirm:after {
    clear: both
}

.lt-ie8 .confirm {
    clear: both;
    zoom: 1
}

.confirm:after, .confirm:before {
    content: " ";
    display: table
}

.confirm:after {
    clear: both
}

.lt-ie8 .confirm {
    clear: both;
    zoom: 1
}

.confirm > i {
    position: absolute;
    top: 50%;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    left: 50%;
    margin-left: -6px;
    border-bottom-color: #ccc;
    border-width: 0 10px 10px 10px;
    top: -6px;
    top: -10px;
    border-bottom-color: #999
}

.confirm > i:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    position: absolute
}

.confirm > i:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    position: absolute
}

.confirm > i:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    position: absolute
}

.confirm > i:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    position: absolute
}

.confirm > i:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    position: absolute
}

.confirm > i:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    position: absolute
}

.confirm > i:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    position: absolute
}

.confirm > i:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    position: absolute
}

.confirm > i:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    position: absolute
}

.confirm > i:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    position: absolute
}

.confirm > i:after {
    border-bottom-color: #fff;
    border-width: 0 9px 9px 9px;
    top: 1px;
    right: -9px
}

.confirm > i:after {
    border-bottom-color: #fff;
    border-width: 0 9px 9px 9px;
    top: 1px;
    right: -9px
}

.confirm > i:after {
    border-bottom-color: #fff;
    border-width: 0 9px 9px 9px;
    top: 1px;
    right: -9px
}

.confirm > i:after {
    border-bottom-color: #fff;
    border-width: 0 9px 9px 9px;
    top: 1px;
    right: -9px
}

.confirm > i:after {
    border-bottom-color: #fff;
    border-width: 0 9px 9px 9px;
    top: 1px;
    right: -9px
}

.confirm > i:after {
    border-bottom-color: #fff;
    border-width: 0 9px 9px 9px;
    top: 1px;
    right: -9px
}

.confirm > i:after {
    border-bottom-color: #fff;
    border-width: 0 9px 9px 9px;
    top: 1px;
    right: -9px
}

.confirm > i:after {
    border-bottom-color: #fff;
    border-width: 0 9px 9px 9px;
    top: 1px;
    right: -9px
}

.confirm > i:after {
    border-bottom-color: #fff;
    border-width: 0 9px 9px 9px;
    top: 1px;
    right: -9px
}

.confirm > i:after {
    border-bottom-color: #fff;
    border-width: 0 9px 9px 9px;
    top: 1px;
    right: -9px
}

.confirm > i:after {
    border-bottom-color: #ECECEC
}

.confirm p {
    display: inline-block;
    font-weight: bold;
    margin: 0;
    line-height: 32px;
    text-align: left;
    float: left
}

.confirm a {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1
}

.confirm a.close {
    border: none;
    float: right;
    padding: 2px 0 0 0;
    cursor: pointer;
    text-transform: capitalize
}

.confirm a.close:hover {
    text-decoration: none
}

.confirm a.close:after {
    font-family: graingerFont;
    content: "\e61d";
    font-weight: 400;
    color: #333;
    margin: 1px 0 0 8px;
    display: inline-block
}

.display-inline-block {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1
}

#side-nav {
    width: 24%;
    margin-right: 1%
}

#user-actions {
    float: right
}

.content-title-container {
    width: 100%;
    margin-bottom: 10px
}

#body-rail-left {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    width: 22.5%;
    padding-right: 1.7%;
    float: left
}

#body-rail-right {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    width: 22.5%;
    padding-left: 1.7%;
    float: right
}

#body-content-center {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    width: 54.5%
}

.content-header {
    display: block;
    margin-bottom: 10px
}

.content-right-rail {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    width: 24.5%;
    float: right
}

.center-content {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    width: 73.5%;
    padding-right: 1.7%
}

iframe {
    width: 100%
}

#pdf-container #pdfBodyId {
    margin-top: 10px;
    min-height: 400px;
    position: relative;
    z-index: 0
}

.center-content h2, #body-content-center h2, .center-content h3, #body-content-center h3 {
    margin-top: 20px;
    clear: both
}

.center-content hr, #body-content-center hr {
    margin-bottom: 20px
}

.center-content ul li, #body-content-center ul li {
    list-style-type: disc;
    margin-bottom: 10px;
    margin-left: 15px
}

.nav-tabs li {
    margin-bottom: -1px !important
}

.tab-content {
    padding: 15px 10px
}

#my-account-nav {
    border: 1px solid #eee
}

#my-account-nav .side-nav-header, #my-account-nav .category-wrapper .category-closed, #my-account-nav .category-wrapper .category-opened {
    background: #eee;
    font-weight: bold;
    padding: 10px;
    margin-bottom: 0
}

#my-account-nav .side-nav-header a, #my-account-nav .category-wrapper .category-closed a, #my-account-nav .category-wrapper .category-opened a {
    color: #333
}

#my-account-nav > div {
    padding: 10px
}

#my-account-nav .category-wrapper {
    padding: 0
}

#my-account-nav .expand-area {
    padding: 10px 0
}

#my-account-nav .expand-area li {
    padding: 5px 10px;
    font-size: 12px
}

.title-pane-accordion .accordion-heading {
    font-weight: bold
}

.title-pane-accordion .accordion-content {
    border: 1px solid #eee;
    padding: 10px
}

.title-pane-accordion li {
    padding: 3px 0;
    font-size: 12px
}

.nav li {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    margin-bottom: 10px
}

.three-column .content-block-content {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    width: 31.8%;
    margin-right: 1%;
    border-right: 1px solid #ccc;
    padding: 10px 15px 10px 0;
    min-height: 130px
}

.three-column .content-block-content.last {
    border-right: none;
    margin-right: none
}

.three-column .divider {
    display: none
}

.resource-sub-item {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    width: 24%;
    text-align: center;
    padding: 10px;
    min-height: 160px;
    margin-bottom: 5px
}

.resource-sub-item a {
    display: block
}

.resource-sub-item a img {
    width: 100%
}

.resource-sub-item.line-right {
    border-right: 1px solid #ccc
}

.product-category-display {
    min-height: 170px;
    margin-bottom: 10px
}

.product-category-display img, .product-category-display h2 {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1
}

.product-category-display > img {
    width: 25%;
    float: left
}

.product-category-display h2 {
    width: 71%;
    padding-left: 10px;
    margin-top: 10px
}

.product-category-display .box-cta {
    float: left;
    margin: 20px 0 0 30px;
    width: 212px;
    height: 69px
}

.resource-box {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    width: 31%;
    margin-right: 2%;
    margin-bottom: 10px
}

.resource-box .resource-top-layer .resource-box-top a {
    display: block;
    height: 112px;
    overflow: hidden
}

.resource-box .resource-top-layer img {
    width: 100%
}

.resource-box .resource-box-content {
    width: 100%;
    padding: 15px;
    background: #eee;
    font-size: 12px;
    min-height: 125px
}

.resource-box .resource-box-content a > h2 {
    font-size: 16px;
    font-weight: normal
}

.resource-box .resource-box-content p {
    margin-bottom: 0
}

.resource-space {
    display: none
}

.new-accordion {
    margin-bottom: 2px
}

.faq {
    margin-bottom: 20px
}

#Table_01 tr {
    border-top: none;
    line-height: 8px
}

#Table_01 td {
    padding: 0;
    vertical-align: top
}

#Table_01 td * {
    line-height: 1
}

#Table_01 td img {
    width: 100%;
    vertical-align: top
}

.map-background {
    background: url('../../images/graphic/map-master.jpg') no-repeat;
    height: 331px;
    margin-bottom: 10px;
    position: relative;
    width: 663px
}

.map-background #map-europe {
    width: 263px;
    height: 145px;
    left: 175px;
    top: 2px
}

.map-background #map-europe.active, .map-background #map-europe:hover {
    background: url('../../images/graphic/map-europe-active.gif') no-repeat
}

.map-background #map-northamerica {
    width: 223px;
    height: 183px;
    left: 0;
    top: 3px
}

.map-background #map-northamerica.active, .map-background #map-northamerica:hover {
    background: url('../../images/graphic/map-northamerica-active.gif') no-repeat
}

.map-background #map-centralamerica {
    height: 21px;
    left: 140px;
    top: 180px;
    width: 29px;
    z-index: 10
}

.map-background #map-centralamerica.active, .map-background #map-centralamerica:hover {
    background: url('../../images/graphic/map-centralamerica-active.gif') no-repeat
}

.map-background #map-southamerica {
    height: 140px;
    left: 160px;
    top: 189px;
    width: 107px
}

.map-background #map-southamerica.active, .map-background #map-southamerica:hover {
    background: url('../../images/graphic/map-southamerica-active.gif') no-repeat
}

.map-background #map-africa {
    height: 140px;
    left: 279px;
    top: 141px;
    width: 125px
}

.map-background #map-africa.active, .map-background #map-africa:hover {
    background: url('../../images/graphic/map-africa-active.gif') no-repeat
}

.map-background #map-middleeast {
    height: 60px;
    left: 358px;
    top: 130px;
    width: 70px;
    z-index: 10
}

.map-background #map-middleeast.active, .map-background #map-middleeast:hover {
    background: url('../../images/graphic/map-middleeast-active.gif') no-repeat
}

.map-background #map-asiapacific {
    height: 312px;
    left: 395px;
    top: 14px;
    width: 273px
}

.map-background #map-asiapacific.active, .map-background #map-asiapacific:hover {
    background: url('../../images/graphic/map-asiapacific-active.gif') no-repeat
}

.map-background #map-caribbean {
    height: 18px;
    left: 154px;
    top: 165px;
    width: 37px
}

.map-background #map-caribbean.active, .map-background #map-caribbean:hover {
    background: url('../../images/graphic/map-caribbean-active.gif') no-repeat
}

.map-background #map-northamerica, .map-background #map-centralamerica, .map-background #map-southamerica, .map-background #map-europe, .map-background #map-africa, .map-background #map-middleeast, .map-background #map-asiapacific, .map-background #map-caribbean {
    background: none;
    display: block;
    position: absolute;
    text-indent: -9999px
}

.accordion-body {
    border: 1px solid #eee;
    border-top: none
}

.accordion-body.in {
    padding: 10px 15px
}

.accordion-body .country-left, .accordion-body .country-right {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    vertical-align: top
}

.accordion-body .country-left {
    width: 50%;
    padding-right: 15px
}

.accordion-body .country-right {
    width: 49%;
    padding-left: 15px;
    min-height: 200px;
    border-left: 1px solid #eee
}

.accordion-body .country-select {
    margin-bottom: 10px;
    font-size: 12px
}

.rightSlot {
    float: left;
    width: 33.333333%
}

.center-content-three-col {
    display: inline-block;
    zoom: 1;
    vertical-align: top;
    width: 50.0%
}

.ship-to-message {
    margin-top: 10px
}

.ship-to-message .warning-message-shipto {
    color: #f26823
}

.center-content-one-col {
    display: inline-block;
    zoom: 1;
    vertical-align: top;
    width: 100%
}

.floatRight {
    float: right
}

.floatLeft {
    float: left
}

.container {
    padding-left: 15px;
    padding-right: 15px
}

.one-column-template-container #main-content .content-header, .one-column-template-container #main-content .content-title-container {
    margin-bottom: 0
}

.one-column-template-container #main-content .content-title-container:empty, .one-column-template-container #main-content .content-header:empty {
    display: none
}

.display-inline-block {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1
}

.display-inline-block {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1
}

table {
    border-spacing: 0;
    border-collapse: collapse;
    margin-bottom: 20px;
    width: 100%
}

table th {
    border-bottom: 1px solid #ccc;
    font-weight: 500;
    padding: 10px 0;
    text-align: left
}

table th:first-child {
    padding-left: 10px
}

table tr {
    border-top: 1px solid #ccc;
    text-align: left
}

table tr:first-child {
    border-bottom: none
}

table tr.checked td {
    background-color: #e0e9ed
}

table tr td {
    padding: 10px 0;
    vertical-align: middle
}

table tr td:first-child {
    padding-left: 10px
}

table tr a.sort:after {
    font-family: graingerFont;
    content: "";
    font-weight: 400;
    margin: 0 0 0 6px
}

table tr a.sort-reverse:after {
    font-family: graingerFont;
    content: "\e603";
    font-weight: 400;
    margin: 0 0 0 6px
}

.lt-ie8 table tr a.sort {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -3858px;
    background-position-x: 100%
}

.lt-ie8 table tr a.sort {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -3858px;
    background-position-x: 100%
}

.lt-ie8 table tr a.sort {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -3858px;
    background-position-x: 100%
}

.lt-ie8 table tr a.sort {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -3858px;
    background-position-x: 100%
}

.lt-ie8 table tr a.sort {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -3858px;
    background-position-x: 100%
}

.lt-ie8 table tr a.sort {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -3858px;
    background-position-x: 100%
}

.lt-ie8 table tr a.sort {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -3858px;
    background-position-x: 100%
}

.lt-ie8 table tr a.sort {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -3858px;
    background-position-x: 100%
}

.lt-ie8 table tr a.sort {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -3858px;
    background-position-x: 100%
}

.lt-ie8 table tr a.sort {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -3858px;
    background-position-x: 100%
}

.lt-ie8 table tr a.sort-reverse {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -4490px;
    background-position-x: 100%
}

.lt-ie8 table tr a.sort-reverse {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -4490px;
    background-position-x: 100%
}

.lt-ie8 table tr a.sort-reverse {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -4490px;
    background-position-x: 100%
}

.lt-ie8 table tr a.sort-reverse {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -4490px;
    background-position-x: 100%
}

.lt-ie8 table tr a.sort-reverse {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -4490px;
    background-position-x: 100%
}

.lt-ie8 table tr a.sort-reverse {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -4490px;
    background-position-x: 100%
}

.lt-ie8 table tr a.sort-reverse {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -4490px;
    background-position-x: 100%
}

.lt-ie8 table tr a.sort-reverse {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -4490px;
    background-position-x: 100%
}

.lt-ie8 table tr a.sort-reverse {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -4490px;
    background-position-x: 100%
}

.lt-ie8 table tr a.sort-reverse {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -4490px;
    background-position-x: 100%
}

.lt-ie8 table tr a.sort, .lt-ie8 table tr a.sort-reverse {
    padding-right: 20px
}

.lt-ie8 table tr a.sort {
    background-position-y: -3867px
}

.lt-ie8 table tr a.sort-reverse {
    background-position-y: -4497px
}

table tfoot tr {
    border-bottom: none
}

.pagebuilder-restyle table th, .pagebuilder-restyle table tr {
    border: none
}

.display-inline-block {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1
}

.omsContainer {
    margin: 20px 0 0 0;
    height: auto
}

.omsContainer:after, .omsContainer:before {
    content: " ";
    display: table
}

.omsContainer:after {
    clear: both
}

.lt-ie8 .omsContainer {
    clear: both;
    zoom: 1
}

.omsContainer:after, .omsContainer:before {
    content: " ";
    display: table
}

.omsContainer:after {
    clear: both
}

.lt-ie8 .omsContainer {
    clear: both;
    zoom: 1
}

.omsContainer:after, .omsContainer:before {
    content: " ";
    display: table
}

.omsContainer:after {
    clear: both
}

.lt-ie8 .omsContainer {
    clear: both;
    zoom: 1
}

.omsContainer:after, .omsContainer:before {
    content: " ";
    display: table
}

.omsContainer:after {
    clear: both
}

.lt-ie8 .omsContainer {
    clear: both;
    zoom: 1
}

.omsContainer:after, .omsContainer:before {
    content: " ";
    display: table
}

.omsContainer:after {
    clear: both
}

.lt-ie8 .omsContainer {
    clear: both;
    zoom: 1
}

.omsContainer:after, .omsContainer:before {
    content: " ";
    display: table
}

.omsContainer:after {
    clear: both
}

.lt-ie8 .omsContainer {
    clear: both;
    zoom: 1
}

.omsContainer:after, .omsContainer:before {
    content: " ";
    display: table
}

.omsContainer:after {
    clear: both
}

.lt-ie8 .omsContainer {
    clear: both;
    zoom: 1
}

.omsContainer:after, .omsContainer:before {
    content: " ";
    display: table
}

.omsContainer:after {
    clear: both
}

.lt-ie8 .omsContainer {
    clear: both;
    zoom: 1
}

.omsContainer:after, .omsContainer:before {
    content: " ";
    display: table
}

.omsContainer:after {
    clear: both
}

.lt-ie8 .omsContainer {
    clear: both;
    zoom: 1
}

.omsContainer:after, .omsContainer:before {
    content: " ";
    display: table
}

.omsContainer:after {
    clear: both
}

.lt-ie8 .omsContainer {
    clear: both;
    zoom: 1
}

.oms-custom-setup {
    position: relative
}

.oms-custom-setup .my-account-header .my-account-content {
    width: 100%;
    padding: 0
}

#header-breadcrumb-container #user-actions.omsUserAction {
    float: left
}

#header-breadcrumb-container h1 {
    clear: both
}

.select-approvers-page #oms-approvers:after, .assign-settings-page #oms-approvers:after, .step-three-assign-spend-limits #oms-approvers:after, .select-approvers-page #oms-approvers:before, .assign-settings-page #oms-approvers:before, .step-three-assign-spend-limits #oms-approvers:before {
    content: " ";
    display: table
}

.select-approvers-page #oms-approvers:after, .assign-settings-page #oms-approvers:after, .step-three-assign-spend-limits #oms-approvers:after {
    clear: both
}

.lt-ie8 .select-approvers-page #oms-approvers, .lt-ie8 .assign-settings-page #oms-approvers, .lt-ie8 .step-three-assign-spend-limits #oms-approvers {
    clear: both;
    zoom: 1
}

.select-approvers-page #oms-approvers:after, .assign-settings-page #oms-approvers:after, .step-three-assign-spend-limits #oms-approvers:after, .select-approvers-page #oms-approvers:before, .assign-settings-page #oms-approvers:before, .step-three-assign-spend-limits #oms-approvers:before {
    content: " ";
    display: table
}

.select-approvers-page #oms-approvers:after, .assign-settings-page #oms-approvers:after, .step-three-assign-spend-limits #oms-approvers:after {
    clear: both
}

.lt-ie8 .select-approvers-page #oms-approvers, .lt-ie8 .assign-settings-page #oms-approvers, .lt-ie8 .step-three-assign-spend-limits #oms-approvers {
    clear: both;
    zoom: 1
}

.select-approvers-page #oms-approvers:after, .assign-settings-page #oms-approvers:after, .step-three-assign-spend-limits #oms-approvers:after, .select-approvers-page #oms-approvers:before, .assign-settings-page #oms-approvers:before, .step-three-assign-spend-limits #oms-approvers:before {
    content: " ";
    display: table
}

.select-approvers-page #oms-approvers:after, .assign-settings-page #oms-approvers:after, .step-three-assign-spend-limits #oms-approvers:after {
    clear: both
}

.lt-ie8 .select-approvers-page #oms-approvers, .lt-ie8 .assign-settings-page #oms-approvers, .lt-ie8 .step-three-assign-spend-limits #oms-approvers {
    clear: both;
    zoom: 1
}

.select-approvers-page #oms-approvers:after, .assign-settings-page #oms-approvers:after, .step-three-assign-spend-limits #oms-approvers:after, .select-approvers-page #oms-approvers:before, .assign-settings-page #oms-approvers:before, .step-three-assign-spend-limits #oms-approvers:before {
    content: " ";
    display: table
}

.select-approvers-page #oms-approvers:after, .assign-settings-page #oms-approvers:after, .step-three-assign-spend-limits #oms-approvers:after {
    clear: both
}

.lt-ie8 .select-approvers-page #oms-approvers, .lt-ie8 .assign-settings-page #oms-approvers, .lt-ie8 .step-three-assign-spend-limits #oms-approvers {
    clear: both;
    zoom: 1
}

.select-approvers-page #oms-approvers:after, .assign-settings-page #oms-approvers:after, .step-three-assign-spend-limits #oms-approvers:after, .select-approvers-page #oms-approvers:before, .assign-settings-page #oms-approvers:before, .step-three-assign-spend-limits #oms-approvers:before {
    content: " ";
    display: table
}

.select-approvers-page #oms-approvers:after, .assign-settings-page #oms-approvers:after, .step-three-assign-spend-limits #oms-approvers:after {
    clear: both
}

.lt-ie8 .select-approvers-page #oms-approvers, .lt-ie8 .assign-settings-page #oms-approvers, .lt-ie8 .step-three-assign-spend-limits #oms-approvers {
    clear: both;
    zoom: 1
}

.select-approvers-page #oms-approvers:after, .assign-settings-page #oms-approvers:after, .step-three-assign-spend-limits #oms-approvers:after, .select-approvers-page #oms-approvers:before, .assign-settings-page #oms-approvers:before, .step-three-assign-spend-limits #oms-approvers:before {
    content: " ";
    display: table
}

.select-approvers-page #oms-approvers:after, .assign-settings-page #oms-approvers:after, .step-three-assign-spend-limits #oms-approvers:after {
    clear: both
}

.lt-ie8 .select-approvers-page #oms-approvers, .lt-ie8 .assign-settings-page #oms-approvers, .lt-ie8 .step-three-assign-spend-limits #oms-approvers {
    clear: both;
    zoom: 1
}

.select-approvers-page #oms-approvers:after, .assign-settings-page #oms-approvers:after, .step-three-assign-spend-limits #oms-approvers:after, .select-approvers-page #oms-approvers:before, .assign-settings-page #oms-approvers:before, .step-three-assign-spend-limits #oms-approvers:before {
    content: " ";
    display: table
}

.select-approvers-page #oms-approvers:after, .assign-settings-page #oms-approvers:after, .step-three-assign-spend-limits #oms-approvers:after {
    clear: both
}

.lt-ie8 .select-approvers-page #oms-approvers, .lt-ie8 .assign-settings-page #oms-approvers, .lt-ie8 .step-three-assign-spend-limits #oms-approvers {
    clear: both;
    zoom: 1
}

.select-approvers-page #oms-approvers:after, .assign-settings-page #oms-approvers:after, .step-three-assign-spend-limits #oms-approvers:after, .select-approvers-page #oms-approvers:before, .assign-settings-page #oms-approvers:before, .step-three-assign-spend-limits #oms-approvers:before {
    content: " ";
    display: table
}

.select-approvers-page #oms-approvers:after, .assign-settings-page #oms-approvers:after, .step-three-assign-spend-limits #oms-approvers:after {
    clear: both
}

.lt-ie8 .select-approvers-page #oms-approvers, .lt-ie8 .assign-settings-page #oms-approvers, .lt-ie8 .step-three-assign-spend-limits #oms-approvers {
    clear: both;
    zoom: 1
}

.select-approvers-page #oms-approvers:after, .assign-settings-page #oms-approvers:after, .step-three-assign-spend-limits #oms-approvers:after, .select-approvers-page #oms-approvers:before, .assign-settings-page #oms-approvers:before, .step-three-assign-spend-limits #oms-approvers:before {
    content: " ";
    display: table
}

.select-approvers-page #oms-approvers:after, .assign-settings-page #oms-approvers:after, .step-three-assign-spend-limits #oms-approvers:after {
    clear: both
}

.lt-ie8 .select-approvers-page #oms-approvers, .lt-ie8 .assign-settings-page #oms-approvers, .lt-ie8 .step-three-assign-spend-limits #oms-approvers {
    clear: both;
    zoom: 1
}

.select-approvers-page #oms-approvers:after, .assign-settings-page #oms-approvers:after, .step-three-assign-spend-limits #oms-approvers:after, .select-approvers-page #oms-approvers:before, .assign-settings-page #oms-approvers:before, .step-three-assign-spend-limits #oms-approvers:before {
    content: " ";
    display: table
}

.select-approvers-page #oms-approvers:after, .assign-settings-page #oms-approvers:after, .step-three-assign-spend-limits #oms-approvers:after {
    clear: both
}

.lt-ie8 .select-approvers-page #oms-approvers, .lt-ie8 .assign-settings-page #oms-approvers, .lt-ie8 .step-three-assign-spend-limits #oms-approvers {
    clear: both;
    zoom: 1
}

#resetRolesLink a, .resetToDefault {
    margin: 13px 0 17px 0;
    display: block
}

#spend1_form {
    margin: 10px 0
}

#alpha, #oms-approver-info-container {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    width: 100%;
    padding-left: 15px
}

#alpha li, #oms-approver-info-container li {
    padding-left: 10px;
    padding-top: 5px
}

#alpha li .checkbox input, #oms-approver-info-container li .checkbox input {
    vertical-align: top
}

#alpha li .checkbox label, #oms-approver-info-container li .checkbox label {
    font-weight: 500
}

#alpha .lock-approver label, #oms-approver-info-container .lock-approver label {
    display: inline
}

#alpha .alert p, #oms-approver-info-container .alert p {
    margin-left: 18px
}

#alpha {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 31px;
    padding-left: 0
}

#alpha li {
    background-color: #333;
    color: #fff;
    display: block;
    padding: 3px 10px;
    text-align: center
}

#alpha li.active {
    background-color: #666
}

#alpha a {
    color: #fff;
    font-size: 12px;
    text-transform: uppercase
}

#oms-approvers {
    position: relative
}

#oms-approvers #alpha {
    width: auto
}

#oms-approvers #alpha li, #oms-approvers #alpha li a {
    font-size: 10px
}

.lt-ie8 #oms-approvers #alpha {
    width: 30px;
    text-align: center
}

.lt-ie8 #oms-approvers #alpha li {
    padding: 3px 0
}

#oms-approvers #oms-approver-info-container, #oms-approvers #contactList {
    height: 417px;
    overflow-y: auto
}

.lt-ie8 #oms-approvers #oms-approver-info-container {
    display: block
}

#oms-approvers #contactList {
    margin-left: 14px;
    padding-left: 24px
}

#omsExpressSetupModal .modal-header h3 {
    float: right;
    margin: 3px 0 0 0;
    line-height: 14px
}

#omsExpressSetupModal .modal-body {
    padding: 8px 15px 1px 15px
}

#lockedAddressNavigation {
    overflow: hidden;
    margin-bottom: 9px;
    float: left;
    margin-left: 33px;
    z-index: 9;
    position: relative
}

#lockedAddressNavigation .selectLinks:after, #lockedAddressNavigation .selectLinks:before {
    content: " ";
    display: table
}

#lockedAddressNavigation .selectLinks:after {
    clear: both
}

.lt-ie8 #lockedAddressNavigation .selectLinks {
    clear: both;
    zoom: 1
}

#lockedAddressNavigation .selectLinks:after, #lockedAddressNavigation .selectLinks:before {
    content: " ";
    display: table
}

#lockedAddressNavigation .selectLinks:after {
    clear: both
}

.lt-ie8 #lockedAddressNavigation .selectLinks {
    clear: both;
    zoom: 1
}

#lockedAddressNavigation .selectLinks:after, #lockedAddressNavigation .selectLinks:before {
    content: " ";
    display: table
}

#lockedAddressNavigation .selectLinks:after {
    clear: both
}

.lt-ie8 #lockedAddressNavigation .selectLinks {
    clear: both;
    zoom: 1
}

#lockedAddressNavigation .selectLinks:after, #lockedAddressNavigation .selectLinks:before {
    content: " ";
    display: table
}

#lockedAddressNavigation .selectLinks:after {
    clear: both
}

.lt-ie8 #lockedAddressNavigation .selectLinks {
    clear: both;
    zoom: 1
}

#lockedAddressNavigation .selectLinks:after, #lockedAddressNavigation .selectLinks:before {
    content: " ";
    display: table
}

#lockedAddressNavigation .selectLinks:after {
    clear: both
}

.lt-ie8 #lockedAddressNavigation .selectLinks {
    clear: both;
    zoom: 1
}

#lockedAddressNavigation .selectLinks:after, #lockedAddressNavigation .selectLinks:before {
    content: " ";
    display: table
}

#lockedAddressNavigation .selectLinks:after {
    clear: both
}

.lt-ie8 #lockedAddressNavigation .selectLinks {
    clear: both;
    zoom: 1
}

#lockedAddressNavigation .selectLinks:after, #lockedAddressNavigation .selectLinks:before {
    content: " ";
    display: table
}

#lockedAddressNavigation .selectLinks:after {
    clear: both
}

.lt-ie8 #lockedAddressNavigation .selectLinks {
    clear: both;
    zoom: 1
}

#lockedAddressNavigation .selectLinks:after, #lockedAddressNavigation .selectLinks:before {
    content: " ";
    display: table
}

#lockedAddressNavigation .selectLinks:after {
    clear: both
}

.lt-ie8 #lockedAddressNavigation .selectLinks {
    clear: both;
    zoom: 1
}

#lockedAddressNavigation .selectLinks:after, #lockedAddressNavigation .selectLinks:before {
    content: " ";
    display: table
}

#lockedAddressNavigation .selectLinks:after {
    clear: both
}

.lt-ie8 #lockedAddressNavigation .selectLinks {
    clear: both;
    zoom: 1
}

#lockedAddressNavigation .selectLinks:after, #lockedAddressNavigation .selectLinks:before {
    content: " ";
    display: table
}

#lockedAddressNavigation .selectLinks:after {
    clear: both
}

.lt-ie8 #lockedAddressNavigation .selectLinks {
    clear: both;
    zoom: 1
}

#lockedAddressNavigation .selectLinks li {
    float: left
}

#lockedAddressNavigation .selectLinks li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #lockedAddressNavigation .selectLinks li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #lockedAddressNavigation .selectLinks li:first-child {
    border: none
}

#lockedAddressNavigation .selectLinks li:first-child:before {
    display: none
}

#lockedAddressNavigation .selectLinks li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #lockedAddressNavigation .selectLinks li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #lockedAddressNavigation .selectLinks li:first-child {
    border: none
}

#lockedAddressNavigation .selectLinks li:first-child:before {
    display: none
}

#lockedAddressNavigation .selectLinks li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #lockedAddressNavigation .selectLinks li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #lockedAddressNavigation .selectLinks li:first-child {
    border: none
}

#lockedAddressNavigation .selectLinks li:first-child:before {
    display: none
}

#lockedAddressNavigation .selectLinks li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #lockedAddressNavigation .selectLinks li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #lockedAddressNavigation .selectLinks li:first-child {
    border: none
}

#lockedAddressNavigation .selectLinks li:first-child:before {
    display: none
}

#lockedAddressNavigation .selectLinks li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #lockedAddressNavigation .selectLinks li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #lockedAddressNavigation .selectLinks li:first-child {
    border: none
}

#lockedAddressNavigation .selectLinks li:first-child:before {
    display: none
}

#lockedAddressNavigation .selectLinks li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #lockedAddressNavigation .selectLinks li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #lockedAddressNavigation .selectLinks li:first-child {
    border: none
}

#lockedAddressNavigation .selectLinks li:first-child:before {
    display: none
}

#lockedAddressNavigation .selectLinks li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #lockedAddressNavigation .selectLinks li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #lockedAddressNavigation .selectLinks li:first-child {
    border: none
}

#lockedAddressNavigation .selectLinks li:first-child:before {
    display: none
}

#lockedAddressNavigation .selectLinks li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #lockedAddressNavigation .selectLinks li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #lockedAddressNavigation .selectLinks li:first-child {
    border: none
}

#lockedAddressNavigation .selectLinks li:first-child:before {
    display: none
}

#lockedAddressNavigation .selectLinks li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #lockedAddressNavigation .selectLinks li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #lockedAddressNavigation .selectLinks li:first-child {
    border: none
}

#lockedAddressNavigation .selectLinks li:first-child:before {
    display: none
}

#lockedAddressNavigation .selectLinks li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #lockedAddressNavigation .selectLinks li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #lockedAddressNavigation .selectLinks li:first-child {
    border: none
}

#lockedAddressNavigation .selectLinks li:first-child:before {
    display: none
}

#lockedAddressNavigation .selectLinks li:before {
    margin: 0 7px
}

#oms-approver-info-container {
    border: 1px solid #ccc;
    display: block;
    width: auto;
    padding-left: 31px
}

#oms-approver-info-container > li {
    border-bottom: 1px solid #ccc
}

#oms-approver-info-container > li:after, #oms-approver-info-container > li:before {
    content: " ";
    display: table
}

#oms-approver-info-container > li:after {
    clear: both
}

.lt-ie8 #oms-approver-info-container > li {
    clear: both;
    zoom: 1
}

#oms-approver-info-container > li:after, #oms-approver-info-container > li:before {
    content: " ";
    display: table
}

#oms-approver-info-container > li:after {
    clear: both
}

.lt-ie8 #oms-approver-info-container > li {
    clear: both;
    zoom: 1
}

#oms-approver-info-container > li:after, #oms-approver-info-container > li:before {
    content: " ";
    display: table
}

#oms-approver-info-container > li:after {
    clear: both
}

.lt-ie8 #oms-approver-info-container > li {
    clear: both;
    zoom: 1
}

#oms-approver-info-container > li:after, #oms-approver-info-container > li:before {
    content: " ";
    display: table
}

#oms-approver-info-container > li:after {
    clear: both
}

.lt-ie8 #oms-approver-info-container > li {
    clear: both;
    zoom: 1
}

#oms-approver-info-container > li:after, #oms-approver-info-container > li:before {
    content: " ";
    display: table
}

#oms-approver-info-container > li:after {
    clear: both
}

.lt-ie8 #oms-approver-info-container > li {
    clear: both;
    zoom: 1
}

#oms-approver-info-container > li:after, #oms-approver-info-container > li:before {
    content: " ";
    display: table
}

#oms-approver-info-container > li:after {
    clear: both
}

.lt-ie8 #oms-approver-info-container > li {
    clear: both;
    zoom: 1
}

#oms-approver-info-container > li:after, #oms-approver-info-container > li:before {
    content: " ";
    display: table
}

#oms-approver-info-container > li:after {
    clear: both
}

.lt-ie8 #oms-approver-info-container > li {
    clear: both;
    zoom: 1
}

#oms-approver-info-container > li:after, #oms-approver-info-container > li:before {
    content: " ";
    display: table
}

#oms-approver-info-container > li:after {
    clear: both
}

.lt-ie8 #oms-approver-info-container > li {
    clear: both;
    zoom: 1
}

#oms-approver-info-container > li:after, #oms-approver-info-container > li:before {
    content: " ";
    display: table
}

#oms-approver-info-container > li:after {
    clear: both
}

.lt-ie8 #oms-approver-info-container > li {
    clear: both;
    zoom: 1
}

#oms-approver-info-container > li:after, #oms-approver-info-container > li:before {
    content: " ";
    display: table
}

#oms-approver-info-container > li:after {
    clear: both
}

.lt-ie8 #oms-approver-info-container > li {
    clear: both;
    zoom: 1
}

#oms-approver-info-container .approver-data, #oms-approver-info-container .approver-role {
    width: 47.91666666666667%;
    padding: 10px;
    margin-bottom: 10px;
    float: left
}

.lt-ie8 #oms-approver-info-container .approver-data, .lt-ie8 #oms-approver-info-container .approver-role {
    width: 45.916666666666664%
}

.lt-ie8 #oms-approver-info-container .approver-data, .lt-ie8 #oms-approver-info-container .approver-role {
    width: 45.916666666666664%
}

.lt-ie8 #oms-approver-info-container .approver-data, .lt-ie8 #oms-approver-info-container .approver-role {
    width: 45.916666666666664%
}

.lt-ie8 #oms-approver-info-container .approver-data, .lt-ie8 #oms-approver-info-container .approver-role {
    width: 45.916666666666664%
}

.lt-ie8 #oms-approver-info-container .approver-data, .lt-ie8 #oms-approver-info-container .approver-role {
    width: 45.916666666666664%
}

.lt-ie8 #oms-approver-info-container .approver-data, .lt-ie8 #oms-approver-info-container .approver-role {
    width: 45.916666666666664%
}

.lt-ie8 #oms-approver-info-container .approver-data, .lt-ie8 #oms-approver-info-container .approver-role {
    width: 45.916666666666664%
}

.lt-ie8 #oms-approver-info-container .approver-data, .lt-ie8 #oms-approver-info-container .approver-role {
    width: 45.916666666666664%
}

.lt-ie8 #oms-approver-info-container .approver-data, .lt-ie8 #oms-approver-info-container .approver-role {
    width: 45.916666666666664%
}

.lt-ie8 #oms-approver-info-container .approver-data, .lt-ie8 #oms-approver-info-container .approver-role {
    width: 45.916666666666664%
}

#oms-approver-info-container .approver-data p {
    margin-bottom: 0
}

#lockedAddressList {
    clear: both;
    margin: 10px 0
}

#lockedAddressList:after, #lockedAddressList:before {
    content: " ";
    display: table
}

#lockedAddressList:after {
    clear: both
}

.lt-ie8 #lockedAddressList {
    clear: both;
    zoom: 1
}

#lockedAddressList:after, #lockedAddressList:before {
    content: " ";
    display: table
}

#lockedAddressList:after {
    clear: both
}

.lt-ie8 #lockedAddressList {
    clear: both;
    zoom: 1
}

#lockedAddressList:after, #lockedAddressList:before {
    content: " ";
    display: table
}

#lockedAddressList:after {
    clear: both
}

.lt-ie8 #lockedAddressList {
    clear: both;
    zoom: 1
}

#lockedAddressList:after, #lockedAddressList:before {
    content: " ";
    display: table
}

#lockedAddressList:after {
    clear: both
}

.lt-ie8 #lockedAddressList {
    clear: both;
    zoom: 1
}

#lockedAddressList:after, #lockedAddressList:before {
    content: " ";
    display: table
}

#lockedAddressList:after {
    clear: both
}

.lt-ie8 #lockedAddressList {
    clear: both;
    zoom: 1
}

#lockedAddressList:after, #lockedAddressList:before {
    content: " ";
    display: table
}

#lockedAddressList:after {
    clear: both
}

.lt-ie8 #lockedAddressList {
    clear: both;
    zoom: 1
}

#lockedAddressList:after, #lockedAddressList:before {
    content: " ";
    display: table
}

#lockedAddressList:after {
    clear: both
}

.lt-ie8 #lockedAddressList {
    clear: both;
    zoom: 1
}

#lockedAddressList:after, #lockedAddressList:before {
    content: " ";
    display: table
}

#lockedAddressList:after {
    clear: both
}

.lt-ie8 #lockedAddressList {
    clear: both;
    zoom: 1
}

#lockedAddressList:after, #lockedAddressList:before {
    content: " ";
    display: table
}

#lockedAddressList:after {
    clear: both
}

.lt-ie8 #lockedAddressList {
    clear: both;
    zoom: 1
}

#lockedAddressList:after, #lockedAddressList:before {
    content: " ";
    display: table
}

#lockedAddressList:after {
    clear: both
}

.lt-ie8 #lockedAddressList {
    clear: both;
    zoom: 1
}

#lockedAddressList li {
    margin: 10px 0
}

.alpha-header, .alpha-header td {
    background-color: #333;
    clear: both;
    color: #fff;
    padding: 0;
    text-align: center;
    text-transform: uppercase
}

.alpha-header td {
    border-bottom: 0;
    line-height: 20px
}

li.alpha-header {
    padding: 2px 0
}

.approver-name {
    font-weight: 500;
    word-wrap: break-word;
    margin-bottom: 0
}

.hero-info-block {
    background: #eee;
    border: 1px solid #ccc;
    margin-bottom: 15px;
    overflow: hidden;
    padding: 10px 20px
}

.hero-info-block span, .hero-info-block p {
    float: left;
    margin-top: 12px;
    font-weight: 700
}

.hero-info-block a {
    float: right
}

.description {
    padding: 0 0 10px 0
}

.oms-info {
    margin: 15px 0 0 0
}

.oms-info:after, .oms-info:before {
    content: " ";
    display: table
}

.oms-info:after {
    clear: both
}

.lt-ie8 .oms-info {
    clear: both;
    zoom: 1
}

.oms-info:after, .oms-info:before {
    content: " ";
    display: table
}

.oms-info:after {
    clear: both
}

.lt-ie8 .oms-info {
    clear: both;
    zoom: 1
}

.oms-info:after, .oms-info:before {
    content: " ";
    display: table
}

.oms-info:after {
    clear: both
}

.lt-ie8 .oms-info {
    clear: both;
    zoom: 1
}

.oms-info:after, .oms-info:before {
    content: " ";
    display: table
}

.oms-info:after {
    clear: both
}

.lt-ie8 .oms-info {
    clear: both;
    zoom: 1
}

.oms-info:after, .oms-info:before {
    content: " ";
    display: table
}

.oms-info:after {
    clear: both
}

.lt-ie8 .oms-info {
    clear: both;
    zoom: 1
}

.oms-info:after, .oms-info:before {
    content: " ";
    display: table
}

.oms-info:after {
    clear: both
}

.lt-ie8 .oms-info {
    clear: both;
    zoom: 1
}

.oms-info:after, .oms-info:before {
    content: " ";
    display: table
}

.oms-info:after {
    clear: both
}

.lt-ie8 .oms-info {
    clear: both;
    zoom: 1
}

.oms-info:after, .oms-info:before {
    content: " ";
    display: table
}

.oms-info:after {
    clear: both
}

.lt-ie8 .oms-info {
    clear: both;
    zoom: 1
}

.oms-info:after, .oms-info:before {
    content: " ";
    display: table
}

.oms-info:after {
    clear: both
}

.lt-ie8 .oms-info {
    clear: both;
    zoom: 1
}

.oms-info:after, .oms-info:before {
    content: " ";
    display: table
}

.oms-info:after {
    clear: both
}

.lt-ie8 .oms-info {
    clear: both;
    zoom: 1
}

.oms-info li {
    background-image: none;
    float: left;
    padding: 0;
    text-align: center;
    width: 117px
}

.oms-info li.arrow {
    width: 60px
}

#workflow li.arrow {
    margin-top: 30px
}

#users li {
    width: 215px
}

#users li p {
    padding: 0 30px;
    text-align: center
}

#users li.divider, #limits li.divider {
    border-left: 1px solid #CBCBCB;
    min-height: 150px;
    width: 1px
}

#limits li {
    width: 325px
}

#limits li p {
    padding: 0 60px;
    text-align: center
}

.icon {
    background: url('../../images/sprite-icons.png') no-repeat;
    display: block
}

.icon-submit {
    background-position: -418px -546px;
    height: 54px;
    margin: 0 auto 17px;
    width: 35px
}

.icon-submit-large {
    background-position: -456px -448px;
    height: 67px;
    margin: 3px auto 15px;
    width: 44px
}

.icon-approve {
    background-position: -601px -546px;
    height: 53px;
    margin: 0 auto 17px;
    width: 42px
}

.icon-approve-large {
    background-position: -300px 0;
    height: 60px;
    margin: 10px auto 15px;
    width: 72px
}

.icon-approve-xlarge {
    background-position: -439px 0;
    height: 82px;
    margin: 10px auto 15px;
    width: 95px
}

.icon-any-approve-small {
    background-position: -267px -280px;
    height: 37px;
    width: 43px
}

.icon-any-approve-grey-small {
    background-position: -438px -280px;
    height: 42px;
    width: 47px
}

.icon-employee-small {
    background-position: -215px -280px;
    height: 37px;
    width: 43px
}

.icon-employee-medium {
    background-position: -700px 0;
    height: 70px;
    width: 81px
}

.icon-employee-grey-medium {
    background-position: -700px -104px;
    height: 70px;
    width: 81px
}

.icon-employee-grey-small {
    background-position: -382px -280px;
    height: 42px;
    width: 46px
}

.icon-process {
    background-position: -776px -548px;
    height: 52px;
    margin: 5px auto 14px;
    width: 48px
}

.icon-limits {
    background-position: -214px -556px;
    height: 46px;
    margin: 10px auto 15px;
    width: 73px
}

.icon-limits-large {
    background-position: -214px -465px;
    height: 52px;
    margin: 20px auto 15px;
    width: 84px
}

.icon-reviewer-xsmall {
    background-position: -382px -346px;
    height: 31px;
    width: 38px
}

.icon-reviewer-small {
    background-position: -321px -280px;
    height: 43px;
    width: 50px
}

.icon-review-large {
    background-position: -215px -71px;
    height: 60px;
    margin: 10px auto 15px;
    width: 72px
}

.icon-review-grey-medium {
    background-position: -700px -280px;
    height: 67px;
    width: 81px
}

.icon-reviewer-xlarge {
    background-position: -438px -105px;
    height: 84px;
    margin: 10px auto 15px;
    width: 99px
}

.icon-approval-large {
    background-position: -330px -448px;
    height: 64px;
    margin: 10px auto 15px;
    width: 82px
}

.icon-approval-xlarge {
    background-position: -439px -215px;
    height: 61px;
    margin: 10px auto;
    width: 128px
}

.icon-no-approval-employee-medium {
    background-position: -590px 0;
    height: 72px;
    margin: 10px auto;
    width: 82px
}

.icon-spend-limits-large {
    background-position: -215px -346px;
    height: 79px;
    margin: 10px auto;
    width: 125px
}

.icon-any-approver-grey-medium {
    background-position: -699px -185px;
    height: 72px;
    margin: 10px auto;
    width: 110px
}

.gradient-arrows {
    background-position: 0 0;
    height: 24px;
    width: 60px
}

.gradient-arrows-small {
    background-position: -100px 0;
    height: 14px;
    width: 28px
}

.icon-lock {
    background-position: 0 -255px;
    height: 31px;
    width: 113px
}

.cart-summary-area .icon-lock {
    background-position: -36px -255px;
    width: 40px
}

#omsExpressSetupModal .col1, #omsExpressSetupModal .col2 {
    width: 50%;
    padding: 10px;
    margin-bottom: 10px;
    float: left
}

.lt-ie8 #omsExpressSetupModal .col1, .lt-ie8 #omsExpressSetupModal .col2 {
    width: 48%
}

.lt-ie8 #omsExpressSetupModal .col1, .lt-ie8 #omsExpressSetupModal .col2 {
    width: 48%
}

.lt-ie8 #omsExpressSetupModal .col1, .lt-ie8 #omsExpressSetupModal .col2 {
    width: 48%
}

.lt-ie8 #omsExpressSetupModal .col1, .lt-ie8 #omsExpressSetupModal .col2 {
    width: 48%
}

.lt-ie8 #omsExpressSetupModal .col1, .lt-ie8 #omsExpressSetupModal .col2 {
    width: 48%
}

.lt-ie8 #omsExpressSetupModal .col1, .lt-ie8 #omsExpressSetupModal .col2 {
    width: 48%
}

.lt-ie8 #omsExpressSetupModal .col1, .lt-ie8 #omsExpressSetupModal .col2 {
    width: 48%
}

.lt-ie8 #omsExpressSetupModal .col1, .lt-ie8 #omsExpressSetupModal .col2 {
    width: 48%
}

.lt-ie8 #omsExpressSetupModal .col1, .lt-ie8 #omsExpressSetupModal .col2 {
    width: 48%
}

.lt-ie8 #omsExpressSetupModal .col1, .lt-ie8 #omsExpressSetupModal .col2 {
    width: 48%
}

.lt-ie9 #omsExpressSetupModal .col1, .lt-ie9 #omsExpressSetupModal .col2 {
    width: 47%
}

#omsExpressSetupModal .col1 .oms-info li, #omsExpressSetupModal .col2 .oms-info li {
    margin-bottom: 15px;
    width: 55px;
    font-size: 12px;
    text-align: center
}

#omsExpressSetupModal .col1 .oms-info li .icon-any-approve-small, #omsExpressSetupModal .col2 .oms-info li .icon-any-approve-small {
    margin: 0 auto
}

#omsExpressSetupModal .col1 .oms-info li.arrow, #omsExpressSetupModal .col2 .oms-info li.arrow {
    margin: 10px 1px;
    width: 28px
}

#omsExpressSetupModal .hasLeftNav #oms-approver-info-container li {
    clear: both
}

#omsExpressSetupModal #oms-approver-info-container li {
    clear: both;
    border-bottom: 1px solid #ccc
}

.begin-setup {
    background-color: #eee;
    border: 1px solid #666;
    margin: 15px 0 0 0;
    padding: 15px 0 0 0;
    text-align: center
}

.begin-setup a {
    border-top: 1px solid #666;
    display: block;
    font-weight: bold;
    text-decoration: none;
    padding: 10px 0;
    margin-top: 10px
}

.begin-setup span {
    margin: 0 auto
}

.express-setup-icon {
    background-position: 0 -336px;
    height: 83px;
    width: 141px
}

.custom-setup-icon {
    background-position: 0 -432px;
    height: 85px;
    width: 82px
}

.bullet-list {
    margin-left: 15px;
    min-height: 120px
}

.bullet-list ul {
    margin-bottom: 0
}

.bullet-list li {
    list-style: disc;
    margin-bottom: 5px
}

#oms-express-setup-select-approvers #oms-approvers {
    position: relative
}

.add-spend-limits-col, .add-approval-limits-col {
    width: 47.91666666666667%;
    padding: 10px;
    margin-bottom: 10px;
    float: left
}

.lt-ie8 .add-spend-limits-col, .lt-ie8 .add-approval-limits-col {
    width: 45.916666666666664%
}

.lt-ie8 .add-spend-limits-col, .lt-ie8 .add-approval-limits-col {
    width: 45.916666666666664%
}

.lt-ie8 .add-spend-limits-col, .lt-ie8 .add-approval-limits-col {
    width: 45.916666666666664%
}

.lt-ie8 .add-spend-limits-col, .lt-ie8 .add-approval-limits-col {
    width: 45.916666666666664%
}

.lt-ie8 .add-spend-limits-col, .lt-ie8 .add-approval-limits-col {
    width: 45.916666666666664%
}

.lt-ie8 .add-spend-limits-col, .lt-ie8 .add-approval-limits-col {
    width: 45.916666666666664%
}

.lt-ie8 .add-spend-limits-col, .lt-ie8 .add-approval-limits-col {
    width: 45.916666666666664%
}

.lt-ie8 .add-spend-limits-col, .lt-ie8 .add-approval-limits-col {
    width: 45.916666666666664%
}

.lt-ie8 .add-spend-limits-col, .lt-ie8 .add-approval-limits-col {
    width: 45.916666666666664%
}

.lt-ie8 .add-spend-limits-col, .lt-ie8 .add-approval-limits-col {
    width: 45.916666666666664%
}

.add-spend-limits-col h3, .add-approval-limits-col h3 {
    border-bottom: 1px solid #ccc;
    padding: 0 0 7px 0
}

.add-spend-limits-col .spend-approval-limit-input #create-new-spend-limit, .add-approval-limits-col .spend-approval-limit-input #create-new-spend-limit, .add-spend-limits-col .spend-approval-limit-input #create-new-approval-limit, .add-approval-limits-col .spend-approval-limit-input #create-new-approval-limit {
    width: 160px
}

.add-spend-limits-col p.current-limits, .add-approval-limits-col p.current-limits {
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    margin: 20px 0
}

.add-spend-limits-col ul #doesNotRequireApproval, .add-approval-limits-col ul #doesNotRequireApproval, .add-spend-limits-col ul #canApproveAnyOrder, .add-approval-limits-col ul #canApproveAnyOrder {
    margin-bottom: 10px
}

.add-spend-limits-col ul span, .add-approval-limits-col ul span {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    width: 100px
}

.add-spend-limits-col .spend-limit-note, .add-approval-limits-col .spend-limit-note {
    font-style: italic;
    margin: 0 0 10px 0
}

.add-spend-limits-col {
    border-right: 1px solid #ccc;
    padding-right: 30px
}

.add-approval-limits-col {
    padding-left: 30px
}

.spend-approval-limit-input {
    clear: both;
    overflow: hidden
}

.spend-approval-limit-input .formField {
    float: left;
    margin: 0 10px 5px 0
}

.spend-approval-limit-input .formField:after, .spend-approval-limit-input .formField:before {
    content: " ";
    display: table
}

.spend-approval-limit-input .formField:after {
    clear: both
}

.lt-ie8 .spend-approval-limit-input .formField {
    clear: both;
    zoom: 1
}

.spend-approval-limit-input .formField:after, .spend-approval-limit-input .formField:before {
    content: " ";
    display: table
}

.spend-approval-limit-input .formField:after {
    clear: both
}

.lt-ie8 .spend-approval-limit-input .formField {
    clear: both;
    zoom: 1
}

.spend-approval-limit-input .formField:after, .spend-approval-limit-input .formField:before {
    content: " ";
    display: table
}

.spend-approval-limit-input .formField:after {
    clear: both
}

.lt-ie8 .spend-approval-limit-input .formField {
    clear: both;
    zoom: 1
}

.spend-approval-limit-input .formField:after, .spend-approval-limit-input .formField:before {
    content: " ";
    display: table
}

.spend-approval-limit-input .formField:after {
    clear: both
}

.lt-ie8 .spend-approval-limit-input .formField {
    clear: both;
    zoom: 1
}

.spend-approval-limit-input .formField:after, .spend-approval-limit-input .formField:before {
    content: " ";
    display: table
}

.spend-approval-limit-input .formField:after {
    clear: both
}

.lt-ie8 .spend-approval-limit-input .formField {
    clear: both;
    zoom: 1
}

.spend-approval-limit-input .formField:after, .spend-approval-limit-input .formField:before {
    content: " ";
    display: table
}

.spend-approval-limit-input .formField:after {
    clear: both
}

.lt-ie8 .spend-approval-limit-input .formField {
    clear: both;
    zoom: 1
}

.spend-approval-limit-input .formField:after, .spend-approval-limit-input .formField:before {
    content: " ";
    display: table
}

.spend-approval-limit-input .formField:after {
    clear: both
}

.lt-ie8 .spend-approval-limit-input .formField {
    clear: both;
    zoom: 1
}

.spend-approval-limit-input .formField:after, .spend-approval-limit-input .formField:before {
    content: " ";
    display: table
}

.spend-approval-limit-input .formField:after {
    clear: both
}

.lt-ie8 .spend-approval-limit-input .formField {
    clear: both;
    zoom: 1
}

.spend-approval-limit-input .formField:after, .spend-approval-limit-input .formField:before {
    content: " ";
    display: table
}

.spend-approval-limit-input .formField:after {
    clear: both
}

.lt-ie8 .spend-approval-limit-input .formField {
    clear: both;
    zoom: 1
}

.spend-approval-limit-input .formField:after, .spend-approval-limit-input .formField:before {
    content: " ";
    display: table
}

.spend-approval-limit-input .formField:after {
    clear: both
}

.lt-ie8 .spend-approval-limit-input .formField {
    clear: both;
    zoom: 1
}

.spend-approval-limit-input .formField input, .spend-approval-limit-input .formField a {
    float: left
}

#addLimitsModal .add-spend-limits-col, #addLimitsModal .add-approval-limits-col {
    width: 315px
}

#addLimitsModal .add-spend-limits-col {
    margin-right: 20px;
    padding-right: 20px
}

.lt-ie8 #addLimitsModal .add-spend-limits-col, .lt-ie8 #addLimitsModal .add-approval-limits-col {
    width: 290px
}

.select-approvers-page, .step-three-assign-spend-limits {
    margin-top: 5px
}

.assign-approvers-settings-list {
    clear: both;
    padding-bottom: 10px
}

.assign-approvers-settings-list li {
    width: 180px;
    padding: 0 10px
}

.assign-approvers-settings-list .approval-messaging {
    text-align: left;
    width: 330px
}

.assign-approvers-settings-list li.arrow {
    width: 90px
}

.assign-approvers-settings-list .icon-lock {
    background-position: -10px -255px;
    width: 90px
}

.assign-approvers-settings-list .gradient-arrows {
    margin-left: 15px
}

.approver-role.editButtons {
    text-align: right
}

#custom-step-four .formFooter a {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    margin: 10px 10px 0 0
}

#reviewerSelectDiv {
    margin-top: 10px
}

#reviewerSelectDiv:after, #reviewerSelectDiv:before {
    content: " ";
    display: table
}

#reviewerSelectDiv:after {
    clear: both
}

.lt-ie8 #reviewerSelectDiv {
    clear: both;
    zoom: 1
}

#reviewerSelectDiv:after, #reviewerSelectDiv:before {
    content: " ";
    display: table
}

#reviewerSelectDiv:after {
    clear: both
}

.lt-ie8 #reviewerSelectDiv {
    clear: both;
    zoom: 1
}

#reviewerSelectDiv:after, #reviewerSelectDiv:before {
    content: " ";
    display: table
}

#reviewerSelectDiv:after {
    clear: both
}

.lt-ie8 #reviewerSelectDiv {
    clear: both;
    zoom: 1
}

#reviewerSelectDiv:after, #reviewerSelectDiv:before {
    content: " ";
    display: table
}

#reviewerSelectDiv:after {
    clear: both
}

.lt-ie8 #reviewerSelectDiv {
    clear: both;
    zoom: 1
}

#reviewerSelectDiv:after, #reviewerSelectDiv:before {
    content: " ";
    display: table
}

#reviewerSelectDiv:after {
    clear: both
}

.lt-ie8 #reviewerSelectDiv {
    clear: both;
    zoom: 1
}

#reviewerSelectDiv:after, #reviewerSelectDiv:before {
    content: " ";
    display: table
}

#reviewerSelectDiv:after {
    clear: both
}

.lt-ie8 #reviewerSelectDiv {
    clear: both;
    zoom: 1
}

#reviewerSelectDiv:after, #reviewerSelectDiv:before {
    content: " ";
    display: table
}

#reviewerSelectDiv:after {
    clear: both
}

.lt-ie8 #reviewerSelectDiv {
    clear: both;
    zoom: 1
}

#reviewerSelectDiv:after, #reviewerSelectDiv:before {
    content: " ";
    display: table
}

#reviewerSelectDiv:after {
    clear: both
}

.lt-ie8 #reviewerSelectDiv {
    clear: both;
    zoom: 1
}

#reviewerSelectDiv:after, #reviewerSelectDiv:before {
    content: " ";
    display: table
}

#reviewerSelectDiv:after {
    clear: both
}

.lt-ie8 #reviewerSelectDiv {
    clear: both;
    zoom: 1
}

#reviewerSelectDiv:after, #reviewerSelectDiv:before {
    content: " ";
    display: table
}

#reviewerSelectDiv:after {
    clear: both
}

.lt-ie8 #reviewerSelectDiv {
    clear: both;
    zoom: 1
}

.omsCustomSetupContent {
    border: 1px solid #ccc;
    padding: 10px
}

.omsCustomSetupContent:after, .omsCustomSetupContent:before {
    content: " ";
    display: table
}

.omsCustomSetupContent:after {
    clear: both
}

.lt-ie8 .omsCustomSetupContent {
    clear: both;
    zoom: 1
}

.omsCustomSetupContent:after, .omsCustomSetupContent:before {
    content: " ";
    display: table
}

.omsCustomSetupContent:after {
    clear: both
}

.lt-ie8 .omsCustomSetupContent {
    clear: both;
    zoom: 1
}

.omsCustomSetupContent:after, .omsCustomSetupContent:before {
    content: " ";
    display: table
}

.omsCustomSetupContent:after {
    clear: both
}

.lt-ie8 .omsCustomSetupContent {
    clear: both;
    zoom: 1
}

.omsCustomSetupContent:after, .omsCustomSetupContent:before {
    content: " ";
    display: table
}

.omsCustomSetupContent:after {
    clear: both
}

.lt-ie8 .omsCustomSetupContent {
    clear: both;
    zoom: 1
}

.omsCustomSetupContent:after, .omsCustomSetupContent:before {
    content: " ";
    display: table
}

.omsCustomSetupContent:after {
    clear: both
}

.lt-ie8 .omsCustomSetupContent {
    clear: both;
    zoom: 1
}

.omsCustomSetupContent:after, .omsCustomSetupContent:before {
    content: " ";
    display: table
}

.omsCustomSetupContent:after {
    clear: both
}

.lt-ie8 .omsCustomSetupContent {
    clear: both;
    zoom: 1
}

.omsCustomSetupContent:after, .omsCustomSetupContent:before {
    content: " ";
    display: table
}

.omsCustomSetupContent:after {
    clear: both
}

.lt-ie8 .omsCustomSetupContent {
    clear: both;
    zoom: 1
}

.omsCustomSetupContent:after, .omsCustomSetupContent:before {
    content: " ";
    display: table
}

.omsCustomSetupContent:after {
    clear: both
}

.lt-ie8 .omsCustomSetupContent {
    clear: both;
    zoom: 1
}

.omsCustomSetupContent:after, .omsCustomSetupContent:before {
    content: " ";
    display: table
}

.omsCustomSetupContent:after {
    clear: both
}

.lt-ie8 .omsCustomSetupContent {
    clear: both;
    zoom: 1
}

.omsCustomSetupContent:after, .omsCustomSetupContent:before {
    content: " ";
    display: table
}

.omsCustomSetupContent:after {
    clear: both
}

.lt-ie8 .omsCustomSetupContent {
    clear: both;
    zoom: 1
}

.omsCustomSetupContent .oms-enable-button-container, .omsCustomSetupContent .message-text {
    float: left
}

.omsCustomSetupContent .message-text {
    margin: 10px 0 0 15px
}

#oms-dashboard {
    position: relative;
    margin-bottom: 20px
}

#oms-dashboard.removeScroll #omsDashboardDataDiv {
    overflow-y: hidden
}

#oms-dashboard thead {
    background-color: #ccc
}

#oms-dashboard thead th {
    border-left: 2px solid #eee;
    text-align: center
}

#oms-dashboard thead tr {
    text-align: center
}

#oms-dashboard thead th.first:first-child {
    border-left: 1px solid #eee
}

#oms-dashboard thead th:last-child {
    border-right: 1px solid #eee
}

#oms-dashboard .oms-limitwidth-role {
    width: 8%;
    text-align: center;
    border-left: 1px solid #ccc
}

#oms-dashboard .thRoleOMS label, #oms-dashboard .lockedOMS label {
    text-align: center
}

#oms-dashboard .oms-user-actions {
    border-left: 1px solid #ccc
}

#oms-dashboard .oms-user-actions fieldset {
    margin-left: 0
}

#oms-dashboard .oms-user-lock-action {
    width: 8%;
    border-left: 1px solid #ccc
}

#oms-dashboard .oms-user-lock-action fieldset {
    margin-left: 35px
}

#oms-dashboard .updateButton {
    width: 90px;
    margin-bottom: 3px
}

#oms-dashboard .resetButton {
    width: 90px;
    margin-top: 5px;
    background: white;
    border: 1px solid #666;
    color: #666
}

#oms-dashboard .cancelButton {
    margin-left: 26px
}

.language-fr #oms-dashboard .updateButton, .language-fr #oms-dashboard .resetButton {
    width: auto;
    padding: 9px
}

#adminChangedRightsToNoApproverRights label {
    width: 100px;
    display: inline-block
}

#adminChangedRightsToNoApproverRights input {
    display: inline-block !important;
    width: 100px
}

#hideCancelUpdate {
    margin-left: 7px
}

.idrolelabel {
    text-align: center
}

.my-account-header:after, .my-account-header:before {
    content: " ";
    display: table
}

.my-account-header:after {
    clear: both
}

.lt-ie8 .my-account-header {
    clear: both;
    zoom: 1
}

.my-account-header:after, .my-account-header:before {
    content: " ";
    display: table
}

.my-account-header:after {
    clear: both
}

.lt-ie8 .my-account-header {
    clear: both;
    zoom: 1
}

.my-account-header:after, .my-account-header:before {
    content: " ";
    display: table
}

.my-account-header:after {
    clear: both
}

.lt-ie8 .my-account-header {
    clear: both;
    zoom: 1
}

.my-account-header:after, .my-account-header:before {
    content: " ";
    display: table
}

.my-account-header:after {
    clear: both
}

.lt-ie8 .my-account-header {
    clear: both;
    zoom: 1
}

.my-account-header:after, .my-account-header:before {
    content: " ";
    display: table
}

.my-account-header:after {
    clear: both
}

.lt-ie8 .my-account-header {
    clear: both;
    zoom: 1
}

.my-account-header:after, .my-account-header:before {
    content: " ";
    display: table
}

.my-account-header:after {
    clear: both
}

.lt-ie8 .my-account-header {
    clear: both;
    zoom: 1
}

.my-account-header:after, .my-account-header:before {
    content: " ";
    display: table
}

.my-account-header:after {
    clear: both
}

.lt-ie8 .my-account-header {
    clear: both;
    zoom: 1
}

.my-account-header:after, .my-account-header:before {
    content: " ";
    display: table
}

.my-account-header:after {
    clear: both
}

.lt-ie8 .my-account-header {
    clear: both;
    zoom: 1
}

.my-account-header:after, .my-account-header:before {
    content: " ";
    display: table
}

.my-account-header:after {
    clear: both
}

.lt-ie8 .my-account-header {
    clear: both;
    zoom: 1
}

.my-account-header:after, .my-account-header:before {
    content: " ";
    display: table
}

.my-account-header:after {
    clear: both
}

.lt-ie8 .my-account-header {
    clear: both;
    zoom: 1
}

.my-account-header .my-account-content {
    width: 50%;
    padding: 10px;
    margin-bottom: 10px;
    float: left;
    margin-bottom: 0;
    padding-left: 0
}

.lt-ie8 .my-account-header .my-account-content {
    width: 48%
}

.lt-ie8 .my-account-header .my-account-content {
    width: 48%
}

.lt-ie8 .my-account-header .my-account-content {
    width: 48%
}

.lt-ie8 .my-account-header .my-account-content {
    width: 48%
}

.lt-ie8 .my-account-header .my-account-content {
    width: 48%
}

.lt-ie8 .my-account-header .my-account-content {
    width: 48%
}

.lt-ie8 .my-account-header .my-account-content {
    width: 48%
}

.lt-ie8 .my-account-header .my-account-content {
    width: 48%
}

.lt-ie8 .my-account-header .my-account-content {
    width: 48%
}

.lt-ie8 .my-account-header .my-account-content {
    width: 48%
}

.oms-custom-setup .my-account-content {
    width: 100%
}

.learn-more-header-content {
    background-color: #eee;
    border: 1px solid #ccc;
    float: right;
    padding: 10px;
    width: 185px
}

.learn-more-header-content h5 {
    margin-bottom: 0
}

.learn-more-header-content .learn-more-icon {
    float: left;
    padding-right: 5px
}

#dataSearchWidget:after, #dataSearchWidget:before {
    content: " ";
    display: table
}

#dataSearchWidget:after {
    clear: both
}

.lt-ie8 #dataSearchWidget {
    clear: both;
    zoom: 1
}

#dataSearchWidget:after, #dataSearchWidget:before {
    content: " ";
    display: table
}

#dataSearchWidget:after {
    clear: both
}

.lt-ie8 #dataSearchWidget {
    clear: both;
    zoom: 1
}

#dataSearchWidget:after, #dataSearchWidget:before {
    content: " ";
    display: table
}

#dataSearchWidget:after {
    clear: both
}

.lt-ie8 #dataSearchWidget {
    clear: both;
    zoom: 1
}

#dataSearchWidget:after, #dataSearchWidget:before {
    content: " ";
    display: table
}

#dataSearchWidget:after {
    clear: both
}

.lt-ie8 #dataSearchWidget {
    clear: both;
    zoom: 1
}

#dataSearchWidget:after, #dataSearchWidget:before {
    content: " ";
    display: table
}

#dataSearchWidget:after {
    clear: both
}

.lt-ie8 #dataSearchWidget {
    clear: both;
    zoom: 1
}

#dataSearchWidget:after, #dataSearchWidget:before {
    content: " ";
    display: table
}

#dataSearchWidget:after {
    clear: both
}

.lt-ie8 #dataSearchWidget {
    clear: both;
    zoom: 1
}

#dataSearchWidget:after, #dataSearchWidget:before {
    content: " ";
    display: table
}

#dataSearchWidget:after {
    clear: both
}

.lt-ie8 #dataSearchWidget {
    clear: both;
    zoom: 1
}

#dataSearchWidget:after, #dataSearchWidget:before {
    content: " ";
    display: table
}

#dataSearchWidget:after {
    clear: both
}

.lt-ie8 #dataSearchWidget {
    clear: both;
    zoom: 1
}

#dataSearchWidget:after, #dataSearchWidget:before {
    content: " ";
    display: table
}

#dataSearchWidget:after {
    clear: both
}

.lt-ie8 #dataSearchWidget {
    clear: both;
    zoom: 1
}

#dataSearchWidget:after, #dataSearchWidget:before {
    content: " ";
    display: table
}

#dataSearchWidget:after {
    clear: both
}

.lt-ie8 #dataSearchWidget {
    clear: both;
    zoom: 1
}

#dataSearchWidget .omsSearchByOptionCol {
    background: #eee;
    width: 24.166666666666668%;
    padding: 10px;
    margin-bottom: 10px;
    float: left;
    margin-right: 2px;
    min-height: 85px;
    float: right;
    margin-bottom: 0 !important
}

.lt-ie8 #dataSearchWidget .omsSearchByOptionCol {
    width: 22.166666666666668%
}

.lt-ie8 #dataSearchWidget .omsSearchByOptionCol {
    width: 22.166666666666668%
}

.lt-ie8 #dataSearchWidget .omsSearchByOptionCol {
    width: 22.166666666666668%
}

.lt-ie8 #dataSearchWidget .omsSearchByOptionCol {
    width: 22.166666666666668%
}

.lt-ie8 #dataSearchWidget .omsSearchByOptionCol {
    width: 22.166666666666668%
}

.lt-ie8 #dataSearchWidget .omsSearchByOptionCol {
    width: 22.166666666666668%
}

.lt-ie8 #dataSearchWidget .omsSearchByOptionCol {
    width: 22.166666666666668%
}

.lt-ie8 #dataSearchWidget .omsSearchByOptionCol {
    width: 22.166666666666668%
}

.lt-ie8 #dataSearchWidget .omsSearchByOptionCol {
    width: 22.166666666666668%
}

.lt-ie8 #dataSearchWidget .omsSearchByOptionCol {
    width: 22.166666666666668%
}

#dataSearchWidget .omsSearchByOptionCol #searchOption {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1
}

#dataSearchWidget .omsSearchByOptionCol #searchOption label {
    font-size: 12px
}

#dataSearchWidget .omsSearchByOptionCol #searchOption span {
    width: 400px
}

#dataSearchWidget .omsSearchByOptionCol .resetFilters {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    margin-left: 10px
}

#dataSearchWidget .omsFilterByOptionCol {
    width: 75%;
    padding: 10px;
    margin-bottom: 10px;
    float: left;
    background: #eee;
    min-height: 85px !important;
    margin-bottom: 0 !important
}

.lt-ie8 #dataSearchWidget .omsFilterByOptionCol {
    width: 73%
}

.lt-ie8 #dataSearchWidget .omsFilterByOptionCol {
    width: 73%
}

.lt-ie8 #dataSearchWidget .omsFilterByOptionCol {
    width: 73%
}

.lt-ie8 #dataSearchWidget .omsFilterByOptionCol {
    width: 73%
}

.lt-ie8 #dataSearchWidget .omsFilterByOptionCol {
    width: 73%
}

.lt-ie8 #dataSearchWidget .omsFilterByOptionCol {
    width: 73%
}

.lt-ie8 #dataSearchWidget .omsFilterByOptionCol {
    width: 73%
}

.lt-ie8 #dataSearchWidget .omsFilterByOptionCol {
    width: 73%
}

.lt-ie8 #dataSearchWidget .omsFilterByOptionCol {
    width: 73%
}

.lt-ie8 #dataSearchWidget .omsFilterByOptionCol {
    width: 73%
}

#omsDashboardDataDiv {
    height: 468px;
    border: 1px solid #ccc;
    margin-bottom: 30px;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    z-index: 1
}

#omsDashboardDataDiv > li {
    border-bottom: 1px solid #ccc
}

#omsDashboardDataDiv > li:after, #omsDashboardDataDiv > li:before {
    content: " ";
    display: table
}

#omsDashboardDataDiv > li:after {
    clear: both
}

.lt-ie8 #omsDashboardDataDiv > li {
    clear: both;
    zoom: 1
}

#omsDashboardDataDiv > li:after, #omsDashboardDataDiv > li:before {
    content: " ";
    display: table
}

#omsDashboardDataDiv > li:after {
    clear: both
}

.lt-ie8 #omsDashboardDataDiv > li {
    clear: both;
    zoom: 1
}

#omsDashboardDataDiv > li:after, #omsDashboardDataDiv > li:before {
    content: " ";
    display: table
}

#omsDashboardDataDiv > li:after {
    clear: both
}

.lt-ie8 #omsDashboardDataDiv > li {
    clear: both;
    zoom: 1
}

#omsDashboardDataDiv > li:after, #omsDashboardDataDiv > li:before {
    content: " ";
    display: table
}

#omsDashboardDataDiv > li:after {
    clear: both
}

.lt-ie8 #omsDashboardDataDiv > li {
    clear: both;
    zoom: 1
}

#omsDashboardDataDiv > li:after, #omsDashboardDataDiv > li:before {
    content: " ";
    display: table
}

#omsDashboardDataDiv > li:after {
    clear: both
}

.lt-ie8 #omsDashboardDataDiv > li {
    clear: both;
    zoom: 1
}

#omsDashboardDataDiv > li:after, #omsDashboardDataDiv > li:before {
    content: " ";
    display: table
}

#omsDashboardDataDiv > li:after {
    clear: both
}

.lt-ie8 #omsDashboardDataDiv > li {
    clear: both;
    zoom: 1
}

#omsDashboardDataDiv > li:after, #omsDashboardDataDiv > li:before {
    content: " ";
    display: table
}

#omsDashboardDataDiv > li:after {
    clear: both
}

.lt-ie8 #omsDashboardDataDiv > li {
    clear: both;
    zoom: 1
}

#omsDashboardDataDiv > li:after, #omsDashboardDataDiv > li:before {
    content: " ";
    display: table
}

#omsDashboardDataDiv > li:after {
    clear: both
}

.lt-ie8 #omsDashboardDataDiv > li {
    clear: both;
    zoom: 1
}

#omsDashboardDataDiv > li:after, #omsDashboardDataDiv > li:before {
    content: " ";
    display: table
}

#omsDashboardDataDiv > li:after {
    clear: both
}

.lt-ie8 #omsDashboardDataDiv > li {
    clear: both;
    zoom: 1
}

#omsDashboardDataDiv > li:after, #omsDashboardDataDiv > li:before {
    content: " ";
    display: table
}

#omsDashboardDataDiv > li:after {
    clear: both
}

.lt-ie8 #omsDashboardDataDiv > li {
    clear: both;
    zoom: 1
}

#omsDashboardDataDiv .styledSelect {
    width: 155px !important;
    margin-right: 0 !important
}

.accountMgmtLinks {
    margin-bottom: 10px
}

.accountMgmtLinks:after, .accountMgmtLinks:before {
    content: " ";
    display: table
}

.accountMgmtLinks:after {
    clear: both
}

.lt-ie8 .accountMgmtLinks {
    clear: both;
    zoom: 1
}

.accountMgmtLinks:after, .accountMgmtLinks:before {
    content: " ";
    display: table
}

.accountMgmtLinks:after {
    clear: both
}

.lt-ie8 .accountMgmtLinks {
    clear: both;
    zoom: 1
}

.accountMgmtLinks:after, .accountMgmtLinks:before {
    content: " ";
    display: table
}

.accountMgmtLinks:after {
    clear: both
}

.lt-ie8 .accountMgmtLinks {
    clear: both;
    zoom: 1
}

.accountMgmtLinks:after, .accountMgmtLinks:before {
    content: " ";
    display: table
}

.accountMgmtLinks:after {
    clear: both
}

.lt-ie8 .accountMgmtLinks {
    clear: both;
    zoom: 1
}

.accountMgmtLinks:after, .accountMgmtLinks:before {
    content: " ";
    display: table
}

.accountMgmtLinks:after {
    clear: both
}

.lt-ie8 .accountMgmtLinks {
    clear: both;
    zoom: 1
}

.accountMgmtLinks:after, .accountMgmtLinks:before {
    content: " ";
    display: table
}

.accountMgmtLinks:after {
    clear: both
}

.lt-ie8 .accountMgmtLinks {
    clear: both;
    zoom: 1
}

.accountMgmtLinks:after, .accountMgmtLinks:before {
    content: " ";
    display: table
}

.accountMgmtLinks:after {
    clear: both
}

.lt-ie8 .accountMgmtLinks {
    clear: both;
    zoom: 1
}

.accountMgmtLinks:after, .accountMgmtLinks:before {
    content: " ";
    display: table
}

.accountMgmtLinks:after {
    clear: both
}

.lt-ie8 .accountMgmtLinks {
    clear: both;
    zoom: 1
}

.accountMgmtLinks:after, .accountMgmtLinks:before {
    content: " ";
    display: table
}

.accountMgmtLinks:after {
    clear: both
}

.lt-ie8 .accountMgmtLinks {
    clear: both;
    zoom: 1
}

.accountMgmtLinks:after, .accountMgmtLinks:before {
    content: " ";
    display: table
}

.accountMgmtLinks:after {
    clear: both
}

.lt-ie8 .accountMgmtLinks {
    clear: both;
    zoom: 1
}

.accountMgmtLinks ul {
    float: right
}

.accountMgmtLinks > ul > li {
    float: left
}

.accountMgmtLinks > ul > li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 .accountMgmtLinks > ul > li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 .accountMgmtLinks > ul > li:first-child {
    border: none
}

.accountMgmtLinks > ul > li:first-child:before {
    display: none
}

.accountMgmtLinks > ul > li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 .accountMgmtLinks > ul > li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 .accountMgmtLinks > ul > li:first-child {
    border: none
}

.accountMgmtLinks > ul > li:first-child:before {
    display: none
}

.accountMgmtLinks > ul > li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 .accountMgmtLinks > ul > li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 .accountMgmtLinks > ul > li:first-child {
    border: none
}

.accountMgmtLinks > ul > li:first-child:before {
    display: none
}

.accountMgmtLinks > ul > li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 .accountMgmtLinks > ul > li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 .accountMgmtLinks > ul > li:first-child {
    border: none
}

.accountMgmtLinks > ul > li:first-child:before {
    display: none
}

.accountMgmtLinks > ul > li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 .accountMgmtLinks > ul > li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 .accountMgmtLinks > ul > li:first-child {
    border: none
}

.accountMgmtLinks > ul > li:first-child:before {
    display: none
}

.accountMgmtLinks > ul > li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 .accountMgmtLinks > ul > li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 .accountMgmtLinks > ul > li:first-child {
    border: none
}

.accountMgmtLinks > ul > li:first-child:before {
    display: none
}

.accountMgmtLinks > ul > li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 .accountMgmtLinks > ul > li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 .accountMgmtLinks > ul > li:first-child {
    border: none
}

.accountMgmtLinks > ul > li:first-child:before {
    display: none
}

.accountMgmtLinks > ul > li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 .accountMgmtLinks > ul > li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 .accountMgmtLinks > ul > li:first-child {
    border: none
}

.accountMgmtLinks > ul > li:first-child:before {
    display: none
}

.accountMgmtLinks > ul > li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 .accountMgmtLinks > ul > li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 .accountMgmtLinks > ul > li:first-child {
    border: none
}

.accountMgmtLinks > ul > li:first-child:before {
    display: none
}

.accountMgmtLinks > ul > li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 .accountMgmtLinks > ul > li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 .accountMgmtLinks > ul > li:first-child {
    border: none
}

.accountMgmtLinks > ul > li:first-child:before {
    display: none
}

.accountMgmtLinks > a:hover {
    cursor: pointer
}

#dashboard-approvers-lists .approvalLimitMsg {
    border-bottom: none
}

#dashboard-approvers-lists th {
    font-weight: 700;
    padding: 10px;
    position: static
}

#dashboard-approvers-lists th:first-child {
    padding-left: 10px
}

#dashboard-approvers-lists .disabled, #dashboard-approvers-lists .disabled:hover {
    cursor: default;
    color: #333;
    text-decoration: none
}

#dashboard-approvers-lists .current-workflow td {
    background-color: #eee;
    padding: 0 0 5px 0
}

#dashboard-approvers-lists .current-workflow .icon-lock {
    background-position: -25px -255px;
    width: 60px
}

#dashboard-approvers-lists .current-workflow h3 {
    padding: 10px 0;
    text-align: center
}

#dashboard-approvers-lists .assign-approvers-settings-list li {
    width: 105px;
    padding: 0 5px
}

#dashboard-approvers-lists .assign-approvers-settings-list .icon {
    margin: 0 auto;
    margin-top: 41px
}

#dashboard-approvers-lists .assign-approvers-settings-list .icon-employee-medium {
    background-position: -690px 0;
    width: 90px
}

#dashboard-approvers-lists td {
    padding: 10px
}

.childTable .childThead {
    position: relative
}

#tableFixedHeader {
    background-color: #fff;
    border: 1px solid #ccc;
    position: absolute;
    top: 0;
    right: 0;
    left: 31px;
    z-index: 9;
    border-left: none
}

#tableFixedHeader table {
    margin-bottom: 0
}

#tableFixedHeader th {
    font-weight: bold;
    padding: 9px 20px 9px 0
}

#tableFixedHeader th:first-child {
    padding-left: 10px
}

.hasNavBar #tableFixedHeader {
    left: 31px;
    border-left: none;
    border-right: none
}

#omsTableFixedHeader {
    background-color: #fff;
    border: 1px solid #ccc;
    position: absolute;
    top: 0;
    right: 0;
    left: 1px;
    z-index: 2;
    border-left: none;
    border-bottom: none
}

#omsTableFixedHeader table {
    margin-bottom: 0
}

#omsTableFixedHeader th {
    font-weight: bold;
    padding: 10px 10px 10px 10px
}

#omsTableFixedHeader #tableHeaderSortRow th:nth-child(1) {
    min-width: 291px;
    width: 291px
}

#omsTableFixedHeader #tableHeaderSortRow th:nth-child(2) {
    min-width: 100px
}

#omsTableFixedHeader #tableHeaderSortRow th:nth-child(3) {
    min-width: 184px
}

#omsTableFixedHeader #tableHeaderSortRow th:nth-child(4) {
    min-width: 185px
}

#omsTableFixedHeader #tableHeaderSortRow th:nth-child(5) {
    min-width: 218px
}

#omsTableFixedHeader #tableHeaderSortRow th:nth-child(6) {
    min-width: 110px
}

#omsTableFixedHeader #tableHeaderSortRow th:nth-child(7) {
    min-width: 75px
}

#omsTableFixedHeader #tableHeaderSortRow th:nth-child(8) {
    min-width: 71px;
    width: 71px
}

#omsTableFixedHeader #tableHeaderSortRow th.lastHeaderCol:nth-child(8) {
    min-width: 71px
}

.oms-dashboardContent .dropdown {
    z-index: 12
}

.oms-dashboardContent.disabled {
    opacity: .35
}

#tableHeaderSortRow th {
    border-bottom: 1px solid #ccc
}

#showUsers-list li {
    margin: 5px 0
}

.apply-settings-user-links {
    text-align: right
}

#childTableBody .styledSelect {
    width: 105px
}

#childTableBody tr td:nth-child(1) {
    min-width: 231px
}

#childTableBody tr td:nth-child(2) {
    min-width: 100px
}

#childTableBody tr td:nth-child(3) {
    min-width: 184px
}

#childTableBody tr td:nth-child(4) {
    min-width: 185px
}

#childTableBody tr td:nth-child(5) {
    min-width: 218px
}

#childTableBody tr td:nth-child(6) {
    min-width: 110px
}

#childTableBody tr td:nth-child(7) {
    min-width: 75px
}

#childTableBody tr td:nth-child(8) {
    min-width: 128px
}

#childTableBody tr td.lastHeaderCol:nth-child(8) {
    min-width: 112px
}

#childTableBody tr td.oms-user-actions {
    padding: 0;
    text-align: center
}

#apply-default-settings-modal .modal-header {
    border-bottom: 1px solid #ccc
}

#apply-default-settings-modal .col1, #apply-default-settings-modal .col2 {
    float: left;
    padding-top: 15px;
    width: 315px
}

#apply-default-settings-modal .col1 {
    border-right: 1px solid #ccc;
    margin-right: 40px
}

#editOMSModal label {
    display: inline-block;
    font-weight: bold;
    width: 30%
}

#editOMSModal span.label {
    display: inline-block;
    font-weight: bold;
    width: 30%
}

#editOMSModal .modal-content > div {
    margin: 15px 20px
}

#editOMSModal .styledSelect {
    width: 67% !important
}

#editOMSModal .styledSelect select {
    max-width: 100%
}

#editOMSModal .styledSelect.disabled:after {
    display: none !important
}

#editOMSModal .modal-footer-buttons {
    background-color: #eaeaea;
    padding-right: 40px
}

#editOMSModal .modal-footer-buttons .btn {
    margin-left: 20px
}

#editOMSModal .btn {
    border: 1px solid #151b1e
}

.userSelection {
    padding: 5px 0 0 0
}

.userSelection:after, .userSelection:before {
    content: " ";
    display: table
}

.userSelection:after {
    clear: both
}

.lt-ie8 .userSelection {
    clear: both;
    zoom: 1
}

.userSelection:after, .userSelection:before {
    content: " ";
    display: table
}

.userSelection:after {
    clear: both
}

.lt-ie8 .userSelection {
    clear: both;
    zoom: 1
}

.userSelection:after, .userSelection:before {
    content: " ";
    display: table
}

.userSelection:after {
    clear: both
}

.lt-ie8 .userSelection {
    clear: both;
    zoom: 1
}

.userSelection:after, .userSelection:before {
    content: " ";
    display: table
}

.userSelection:after {
    clear: both
}

.lt-ie8 .userSelection {
    clear: both;
    zoom: 1
}

.userSelection:after, .userSelection:before {
    content: " ";
    display: table
}

.userSelection:after {
    clear: both
}

.lt-ie8 .userSelection {
    clear: both;
    zoom: 1
}

.userSelection:after, .userSelection:before {
    content: " ";
    display: table
}

.userSelection:after {
    clear: both
}

.lt-ie8 .userSelection {
    clear: both;
    zoom: 1
}

.userSelection:after, .userSelection:before {
    content: " ";
    display: table
}

.userSelection:after {
    clear: both
}

.lt-ie8 .userSelection {
    clear: both;
    zoom: 1
}

.userSelection:after, .userSelection:before {
    content: " ";
    display: table
}

.userSelection:after {
    clear: both
}

.lt-ie8 .userSelection {
    clear: both;
    zoom: 1
}

.userSelection:after, .userSelection:before {
    content: " ";
    display: table
}

.userSelection:after {
    clear: both
}

.lt-ie8 .userSelection {
    clear: both;
    zoom: 1
}

.userSelection:after, .userSelection:before {
    content: " ";
    display: table
}

.userSelection:after {
    clear: both
}

.lt-ie8 .userSelection {
    clear: both;
    zoom: 1
}

.userSelection li {
    float: left
}

.userSelection li:last-child {
    float: right
}

.oms-disabled .disable-content {
    background: #fff;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    -moz-opacity: .5;
    -khtml-opacity: .5;
    -webkit-opacity: .5;
    opacity: .5;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    filter: alpha(opacity=50)
}

.lt-ie8 .oms-disabled .disable-content {
    zoom: 1
}

.lt-ie8 .oms-disabled .disable-content {
    zoom: 1
}

.lt-ie8 .oms-disabled .disable-content {
    zoom: 1
}

.lt-ie8 .oms-disabled .disable-content {
    zoom: 1
}

.lt-ie8 .oms-disabled .disable-content {
    zoom: 1
}

.lt-ie8 .oms-disabled .disable-content {
    zoom: 1
}

.lt-ie8 .oms-disabled .disable-content {
    zoom: 1
}

.lt-ie8 .oms-disabled .disable-content {
    zoom: 1
}

.lt-ie8 .oms-disabled .disable-content {
    zoom: 1
}

.lt-ie8 .oms-disabled .disable-content {
    zoom: 1
}

.oms-disabled #disabled-message-container {
    position: relative;
    z-index: 2
}

.oms-review-disabled {
    position: relative
}

.oms-review-disabled .disable-content {
    background: #fff;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 90;
    -moz-opacity: .5;
    -khtml-opacity: .5;
    -webkit-opacity: .5;
    opacity: .5;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    filter: alpha(opacity=50)
}

.lt-ie8 .oms-review-disabled .disable-content {
    zoom: 1
}

.lt-ie8 .oms-review-disabled .disable-content {
    zoom: 1
}

.lt-ie8 .oms-review-disabled .disable-content {
    zoom: 1
}

.lt-ie8 .oms-review-disabled .disable-content {
    zoom: 1
}

.lt-ie8 .oms-review-disabled .disable-content {
    zoom: 1
}

.lt-ie8 .oms-review-disabled .disable-content {
    zoom: 1
}

.lt-ie8 .oms-review-disabled .disable-content {
    zoom: 1
}

.lt-ie8 .oms-review-disabled .disable-content {
    zoom: 1
}

.lt-ie8 .oms-review-disabled .disable-content {
    zoom: 1
}

.lt-ie8 .oms-review-disabled .disable-content {
    zoom: 1
}

#oms-pending-orders-action .shaded-content-block {
    float: none;
    margin-bottom: 0
}

#oms-pending-orders-action .pendingYourAction .alert a, #oms-pending-orders-action .pendingOnAccount .alert a, .rejectedOrders a {
    float: left
}

.rejectedOrders a {
    clear: both
}

.your-spend-limit .icon, .your-approval-limit .icon {
    background-image: url('../../images/icon/icon-information.png');
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    height: 15px;
    margin-left: 7px;
    width: 15px
}

.list-details-information .lock {
    background-image: url('../../images/sprite-icons.png');
    background-position: 0 -584px;
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    height: 18px;
    padding-left: 15px
}

.oms-list-details-information {
    overflow: hidden;
    margin-bottom: 30px;
    padding-left: 10px
}

.oms-list-details-information .list-details-content {
    margin-top: 10px;
    word-wrap: break-word;
    width: 45%
}

.oms-list-details-information .first {
    padding-left: 0;
    width: 18%
}

.pendingAction h4 {
    font-weight: 700
}

.pendingorders .assistMsg {
    clear: both;
    padding: 10px 10px 10px 20px
}

.pendingorders .assistMsg .td-order-list-reorder {
    text-align: center
}

.pendingorders .assistMsg th {
    border-bottom: 1px solid #ccc
}

.noOrdersPending {
    margin: 20px 0 10px 20px
}

#topApprovalAll, #bottomApprovalAll {
    float: left;
    margin: 10px
}

.pendingOrdersTab .table {
    margin-bottom: 0
}

#pendingOrdersPag .pagination, #pendingOrderBottomRow .pagination {
    clear: none;
    float: right
}

#pendingOrdersPag #paginationMain, #pendingOrderBottomRow #paginationBottom {
    margin: 5px 0
}

.pendingorders td.selectAllCheckColEmpty, .pendingorders #selectAllHeaderColEmpty {
    padding: 0;
    width: 0;
    margin: 0
}

.pendingorders td.selectAllCheckCol, .pendingorders #selectAllHeaderCol {
    width: 40px
}

.pendingorders .currentApprover {
    padding-right: 15px
}

#deniedOrdersTable tr, #pendingOrdersTable tr {
    text-align: center
}

#deniedOrdersTable td, #pendingOrdersTable td {
    vertical-align: bottom
}

.omsHelpContent {
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px
}

.omsHelpContent:after, .omsHelpContent:before {
    content: " ";
    display: table
}

.omsHelpContent:after {
    clear: both
}

.lt-ie8 .omsHelpContent {
    clear: both;
    zoom: 1
}

.omsHelpContent:after, .omsHelpContent:before {
    content: " ";
    display: table
}

.omsHelpContent:after {
    clear: both
}

.lt-ie8 .omsHelpContent {
    clear: both;
    zoom: 1
}

.omsHelpContent:after, .omsHelpContent:before {
    content: " ";
    display: table
}

.omsHelpContent:after {
    clear: both
}

.lt-ie8 .omsHelpContent {
    clear: both;
    zoom: 1
}

.omsHelpContent:after, .omsHelpContent:before {
    content: " ";
    display: table
}

.omsHelpContent:after {
    clear: both
}

.lt-ie8 .omsHelpContent {
    clear: both;
    zoom: 1
}

.omsHelpContent:after, .omsHelpContent:before {
    content: " ";
    display: table
}

.omsHelpContent:after {
    clear: both
}

.lt-ie8 .omsHelpContent {
    clear: both;
    zoom: 1
}

.omsHelpContent:after, .omsHelpContent:before {
    content: " ";
    display: table
}

.omsHelpContent:after {
    clear: both
}

.lt-ie8 .omsHelpContent {
    clear: both;
    zoom: 1
}

.omsHelpContent:after, .omsHelpContent:before {
    content: " ";
    display: table
}

.omsHelpContent:after {
    clear: both
}

.lt-ie8 .omsHelpContent {
    clear: both;
    zoom: 1
}

.omsHelpContent:after, .omsHelpContent:before {
    content: " ";
    display: table
}

.omsHelpContent:after {
    clear: both
}

.lt-ie8 .omsHelpContent {
    clear: both;
    zoom: 1
}

.omsHelpContent:after, .omsHelpContent:before {
    content: " ";
    display: table
}

.omsHelpContent:after {
    clear: both
}

.lt-ie8 .omsHelpContent {
    clear: both;
    zoom: 1
}

.omsHelpContent:after, .omsHelpContent:before {
    content: " ";
    display: table
}

.omsHelpContent:after {
    clear: both
}

.lt-ie8 .omsHelpContent {
    clear: both;
    zoom: 1
}

.omsHelpContent .omsHelpContent img {
    float: left;
    width: 100px;
    margin: 0 20px
}

.omsHelpContent .parentCol .col {
    float: left;
    width: 360px;
    margin-right: 20px
}

.learnMoreAboutOMS {
    padding-top: 10px;
    margin-bottom: 20px
}

.learnMoreAboutOMS:after, .learnMoreAboutOMS:before {
    content: " ";
    display: table
}

.learnMoreAboutOMS:after {
    clear: both
}

.lt-ie8 .learnMoreAboutOMS {
    clear: both;
    zoom: 1
}

.learnMoreAboutOMS:after, .learnMoreAboutOMS:before {
    content: " ";
    display: table
}

.learnMoreAboutOMS:after {
    clear: both
}

.lt-ie8 .learnMoreAboutOMS {
    clear: both;
    zoom: 1
}

.learnMoreAboutOMS:after, .learnMoreAboutOMS:before {
    content: " ";
    display: table
}

.learnMoreAboutOMS:after {
    clear: both
}

.lt-ie8 .learnMoreAboutOMS {
    clear: both;
    zoom: 1
}

.learnMoreAboutOMS:after, .learnMoreAboutOMS:before {
    content: " ";
    display: table
}

.learnMoreAboutOMS:after {
    clear: both
}

.lt-ie8 .learnMoreAboutOMS {
    clear: both;
    zoom: 1
}

.learnMoreAboutOMS:after, .learnMoreAboutOMS:before {
    content: " ";
    display: table
}

.learnMoreAboutOMS:after {
    clear: both
}

.lt-ie8 .learnMoreAboutOMS {
    clear: both;
    zoom: 1
}

.learnMoreAboutOMS:after, .learnMoreAboutOMS:before {
    content: " ";
    display: table
}

.learnMoreAboutOMS:after {
    clear: both
}

.lt-ie8 .learnMoreAboutOMS {
    clear: both;
    zoom: 1
}

.learnMoreAboutOMS:after, .learnMoreAboutOMS:before {
    content: " ";
    display: table
}

.learnMoreAboutOMS:after {
    clear: both
}

.lt-ie8 .learnMoreAboutOMS {
    clear: both;
    zoom: 1
}

.learnMoreAboutOMS:after, .learnMoreAboutOMS:before {
    content: " ";
    display: table
}

.learnMoreAboutOMS:after {
    clear: both
}

.lt-ie8 .learnMoreAboutOMS {
    clear: both;
    zoom: 1
}

.learnMoreAboutOMS:after, .learnMoreAboutOMS:before {
    content: " ";
    display: table
}

.learnMoreAboutOMS:after {
    clear: both
}

.lt-ie8 .learnMoreAboutOMS {
    clear: both;
    zoom: 1
}

.learnMoreAboutOMS:after, .learnMoreAboutOMS:before {
    content: " ";
    display: table
}

.learnMoreAboutOMS:after {
    clear: both
}

.lt-ie8 .learnMoreAboutOMS {
    clear: both;
    zoom: 1
}

.learnMoreAboutOMS .col1 {
    margin-right: 20px
}

.learnMoreAboutOMS .col1, .learnMoreAboutOMS .col2 {
    float: left;
    width: 360px
}

.learnMoreAboutOMS #omsHelpTitle {
    font-size: 16px
}

#omsSetupStepOneHelpRow1Component_panel .col1, #omsSetupStepTwoHelpRow1Component_panel .col1, #omsSetupStepThreeHelpRow1Component_panel .col1, #omsSetupStepFourHelpRow1Component_panel .col1, #omsSetupStepOneHelpRow1Component_panel .col2, #omsSetupStepTwoHelpRow1Component_panel .col2, #omsSetupStepThreeHelpRow1Component_panel .col2, #omsSetupStepFourHelpRow1Component_panel .col2 {
    float: left;
    width: 360px;
    margin-right: 20px
}

#omsSetupStepOneHelpRow1Component_panel .parentCol img, #omsSetupStepTwoHelpRow1Component_panel .parentCol img, #omsSetupStepThreeHelpRow1Component_panel .parentCol img, #omsSetupStepFourHelpRow1Component_panel .parentCol img {
    float: left;
    width: 100px;
    margin: 0 20px
}

#omsSetupStepOneHelpRow1Component_panel .learn-more li, #omsSetupStepTwoHelpRow1Component_panel .learn-more li, #omsSetupStepThreeHelpRow1Component_panel .learn-more li, #omsSetupStepFourHelpRow1Component_panel .learn-more li {
    margin-bottom: 5px
}

#omsSetupStepOneHelpComponent_panel > .learnMoreAboutOMS:last-child, #omsSetupStepTwoHelpComponent_panel > .learnMoreAboutOMS:last-child, #omsSetupStepThreeHelpComponent_panel > .learnMoreAboutOMS:last-child, #omsSetupStepFourHelpComponent_panel > .learnMoreAboutOMS:last-child {
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px
}

#omsSetupStepFourHelpRow2Component_panel, #omsSetupStepOneHelpRow2Component_panel, #omsSetupStepTwoHelpRow2Component_panel, #omsSetupStepThreeHelpRow2Component_panel {
    margin: 20px 0 0 160px;
    padding-top: 20px;
    border-top: 1px solid #ccc;
    background: radial-gradient(center, ellipse cover, rgba(25, 25, 25, 0.35) 0, rgba(0, 0, 0, 0) 100%);
    background: radial-gradient(ellipse 70% 10px at top, rgba(25, 25, 25, 0.35) 0, rgba(255, 255, 255, 0) 80%)
}

#omsSetupStepTwoHelpRow1Component_panel .col2 ul, #omsSetupStepFourHelpRow1Component_panel .col2 ul {
    margin-top: 20px
}

#oms-order-messaging {
    padding: 10px 0
}

.cart-summary-area #oms-order-messaging, .cart-summary-area #order-limit-message p {
    padding: 0
}

.cart-summary-area #approver, .cart-summary-area #omsCCEmailSelect {
    width: 240px
}

#oms-message p, #order-limit-message p, #user-spend-limit-message p {
    color: #AC0101;
    font-weight: bold;
    padding: 10px 0
}

#order-limit-message .below-limit {
    color: #000;
    font-weight: normal
}

#omsCcMoreUsersModal .col1, #omsCcMoreUsersModal .col2, #omsCcMoreUsersModal .col3 {
    float: left;
    margin-right: 20px
}

#omsCcMoreUsersModal .col1, #omsCcMoreUsersModal .col3 {
    width: 200px
}

#omsCcMoreUsersModal .col1 select, #omsCcMoreUsersModal .col3 select {
    width: 190px
}

#omsCcMoreUsersModal .col2 {
    margin-top: 18px
}

#omsCcMoreUsersModal .col3 select {
    height: 75px
}

#omsCcMoreUsersModal .col2 label {
    float: none;
    margin-bottom: 10px
}

.omsReviewSetupStep4 {
    margin-top: 20px
}

#approvalReadOnly h2 {
    color: #666
}

#approvalReadOnly p span {
    display: block;
    padding-bottom: 5px
}

#approvalReadOnly .approverName {
    font-weight: bold
}

.oms-confirmation-container h1 {
    margin-left: 0
}

.oms-ThanksCopyHead {
    background-color: #ebebeb;
    margin: 0 0 15px;
    padding: 5px 10px 0 0
}

.oms-ThanksCopyHead, .oms-ThanksCopy {
    font-size: 14px
}

.oms-confirmation-container .oms-ThanksCopyHead, #oms-action-conf-message.oms-ThanksCopyHead {
    background-color: #fff;
    border: 1px solid #bebebe;
    border-radius: .5em;
    margin-right: 10px;
    padding: 10px
}

.notificationSent ul li {
    background: none;
    overflow: hidden;
    padding-left: 0
}

.notificationSent ul li span {
    float: left
}

.notificationSent ul li .label {
    width: 62px
}

.notificationSent ul li .notifyList {
    width: 85%
}

.notificationSent ul li .ccUserEmails {
    width: 510px
}

#omsCartOrderHistoryContainer {
    clear: both;
    padding-top: 30px
}

#omsCartOrderHistoryContainer h2 {
    display: block
}

.omsCartOrderHistoryTable {
    border-bottom: 1px solid #d5d5d5;
    width: 630px;
    margin-top: 5px
}

.omsCartOrderHistoryTable th {
    background-color: #ccc;
    color: #fff
}

.omsCartOrderHistoryTable tr td, .omsCartOrderHistoryTable tr th {
    border-bottom: 1px solid #d5d5d5;
    padding: 5px 10px;
    word-wrap: break-word
}

.omsCartOrderHistoryTable tr.even td {
    background-color: #ebebeb
}

.orderHistoryAction, .orderHistoryBy, .orderHistoryTo, .orderHistoryDate {
    width: 100px
}

.orderHistoryComments {
    width: 40%
}

#omsBanner {
    width: 695px;
    border: 1px solid #ccc;
    margin: 30px 0;
    padding: 20px 20px;
    position: relative
}

#omsBanner:after, #omsBanner:before {
    content: " ";
    display: table
}

#omsBanner:after {
    clear: both
}

.lt-ie8 #omsBanner {
    clear: both;
    zoom: 1
}

#omsBanner:after, #omsBanner:before {
    content: " ";
    display: table
}

#omsBanner:after {
    clear: both
}

.lt-ie8 #omsBanner {
    clear: both;
    zoom: 1
}

#omsBanner:after, #omsBanner:before {
    content: " ";
    display: table
}

#omsBanner:after {
    clear: both
}

.lt-ie8 #omsBanner {
    clear: both;
    zoom: 1
}

#omsBanner:after, #omsBanner:before {
    content: " ";
    display: table
}

#omsBanner:after {
    clear: both
}

.lt-ie8 #omsBanner {
    clear: both;
    zoom: 1
}

#omsBanner:after, #omsBanner:before {
    content: " ";
    display: table
}

#omsBanner:after {
    clear: both
}

.lt-ie8 #omsBanner {
    clear: both;
    zoom: 1
}

#omsBanner:after, #omsBanner:before {
    content: " ";
    display: table
}

#omsBanner:after {
    clear: both
}

.lt-ie8 #omsBanner {
    clear: both;
    zoom: 1
}

#omsBanner:after, #omsBanner:before {
    content: " ";
    display: table
}

#omsBanner:after {
    clear: both
}

.lt-ie8 #omsBanner {
    clear: both;
    zoom: 1
}

#omsBanner:after, #omsBanner:before {
    content: " ";
    display: table
}

#omsBanner:after {
    clear: both
}

.lt-ie8 #omsBanner {
    clear: both;
    zoom: 1
}

#omsBanner:after, #omsBanner:before {
    content: " ";
    display: table
}

#omsBanner:after {
    clear: both
}

.lt-ie8 #omsBanner {
    clear: both;
    zoom: 1
}

#omsBanner:after, #omsBanner:before {
    content: " ";
    display: table
}

#omsBanner:after {
    clear: both
}

.lt-ie8 #omsBanner {
    clear: both;
    zoom: 1
}

#omsBanner .col1, #omsBanner .col2, #omsBanner .col3 {
    float: left
}

#omsBanner .col1 {
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 1
}

#omsBanner .col1 span {
    display: block;
    width: 160px;
    height: 100px;
    background-position: -10px -894px
}

#omsBanner .col2 {
    width: 300px;
    margin: 13px 0 0 185px
}

#omsBanner h2 {
    margin: 0 0 2px 0;
    font-weight: bold
}

#omsBanner h2 span {
    background-color: #f99911;
    padding: 1px 5px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    margin: 0 0 0 5px
}

#omsBanner .col3 {
    margin-top: 7px;
    width: 120px
}

#omsBanner .col3 a {
    display: block
}

#omsBanner .col3 a.btn {
    margin: 8px 0;
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1
}

#omsBanner .col3 a.btn:hover {
    text-decoration: none
}

#oms-express-setup.adminContactList {
    width: 720px
}

#contactList li {
    background-image: none;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc
}

#currentSpendLimitsList > li, #currentApproverLimitsList > li {
    margin: 0 0 7px 0
}

#currentSpendLimitsList > li.editable > input, #currentApproverLimitsList > li.editable > input {
    width: 110px;
    margin-right: 20px
}

#currentSpendLimitsList > li.editable > ul:after, #currentApproverLimitsList > li.editable > ul:after, #currentSpendLimitsList > li.editable > ul:before, #currentApproverLimitsList > li.editable > ul:before {
    content: " ";
    display: table
}

#currentSpendLimitsList > li.editable > ul:after, #currentApproverLimitsList > li.editable > ul:after {
    clear: both
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul, .lt-ie8 #currentApproverLimitsList > li.editable > ul {
    clear: both;
    zoom: 1
}

#currentSpendLimitsList > li.editable > ul:after, #currentApproverLimitsList > li.editable > ul:after, #currentSpendLimitsList > li.editable > ul:before, #currentApproverLimitsList > li.editable > ul:before {
    content: " ";
    display: table
}

#currentSpendLimitsList > li.editable > ul:after, #currentApproverLimitsList > li.editable > ul:after {
    clear: both
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul, .lt-ie8 #currentApproverLimitsList > li.editable > ul {
    clear: both;
    zoom: 1
}

#currentSpendLimitsList > li.editable > ul:after, #currentApproverLimitsList > li.editable > ul:after, #currentSpendLimitsList > li.editable > ul:before, #currentApproverLimitsList > li.editable > ul:before {
    content: " ";
    display: table
}

#currentSpendLimitsList > li.editable > ul:after, #currentApproverLimitsList > li.editable > ul:after {
    clear: both
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul, .lt-ie8 #currentApproverLimitsList > li.editable > ul {
    clear: both;
    zoom: 1
}

#currentSpendLimitsList > li.editable > ul:after, #currentApproverLimitsList > li.editable > ul:after, #currentSpendLimitsList > li.editable > ul:before, #currentApproverLimitsList > li.editable > ul:before {
    content: " ";
    display: table
}

#currentSpendLimitsList > li.editable > ul:after, #currentApproverLimitsList > li.editable > ul:after {
    clear: both
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul, .lt-ie8 #currentApproverLimitsList > li.editable > ul {
    clear: both;
    zoom: 1
}

#currentSpendLimitsList > li.editable > ul:after, #currentApproverLimitsList > li.editable > ul:after, #currentSpendLimitsList > li.editable > ul:before, #currentApproverLimitsList > li.editable > ul:before {
    content: " ";
    display: table
}

#currentSpendLimitsList > li.editable > ul:after, #currentApproverLimitsList > li.editable > ul:after {
    clear: both
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul, .lt-ie8 #currentApproverLimitsList > li.editable > ul {
    clear: both;
    zoom: 1
}

#currentSpendLimitsList > li.editable > ul:after, #currentApproverLimitsList > li.editable > ul:after, #currentSpendLimitsList > li.editable > ul:before, #currentApproverLimitsList > li.editable > ul:before {
    content: " ";
    display: table
}

#currentSpendLimitsList > li.editable > ul:after, #currentApproverLimitsList > li.editable > ul:after {
    clear: both
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul, .lt-ie8 #currentApproverLimitsList > li.editable > ul {
    clear: both;
    zoom: 1
}

#currentSpendLimitsList > li.editable > ul:after, #currentApproverLimitsList > li.editable > ul:after, #currentSpendLimitsList > li.editable > ul:before, #currentApproverLimitsList > li.editable > ul:before {
    content: " ";
    display: table
}

#currentSpendLimitsList > li.editable > ul:after, #currentApproverLimitsList > li.editable > ul:after {
    clear: both
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul, .lt-ie8 #currentApproverLimitsList > li.editable > ul {
    clear: both;
    zoom: 1
}

#currentSpendLimitsList > li.editable > ul:after, #currentApproverLimitsList > li.editable > ul:after, #currentSpendLimitsList > li.editable > ul:before, #currentApproverLimitsList > li.editable > ul:before {
    content: " ";
    display: table
}

#currentSpendLimitsList > li.editable > ul:after, #currentApproverLimitsList > li.editable > ul:after {
    clear: both
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul, .lt-ie8 #currentApproverLimitsList > li.editable > ul {
    clear: both;
    zoom: 1
}

#currentSpendLimitsList > li.editable > ul:after, #currentApproverLimitsList > li.editable > ul:after, #currentSpendLimitsList > li.editable > ul:before, #currentApproverLimitsList > li.editable > ul:before {
    content: " ";
    display: table
}

#currentSpendLimitsList > li.editable > ul:after, #currentApproverLimitsList > li.editable > ul:after {
    clear: both
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul, .lt-ie8 #currentApproverLimitsList > li.editable > ul {
    clear: both;
    zoom: 1
}

#currentSpendLimitsList > li.editable > ul:after, #currentApproverLimitsList > li.editable > ul:after, #currentSpendLimitsList > li.editable > ul:before, #currentApproverLimitsList > li.editable > ul:before {
    content: " ";
    display: table
}

#currentSpendLimitsList > li.editable > ul:after, #currentApproverLimitsList > li.editable > ul:after {
    clear: both
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul, .lt-ie8 #currentApproverLimitsList > li.editable > ul {
    clear: both;
    zoom: 1
}

#currentSpendLimitsList > li.editable > ul > li, #currentApproverLimitsList > li.editable > ul > li {
    width: 50%;
    padding: 0;
    margin-bottom: 10px;
    float: left;
    margin-bottom: 0
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul > li, .lt-ie8 #currentApproverLimitsList > li.editable > ul > li {
    width: 48%
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul > li, .lt-ie8 #currentApproverLimitsList > li.editable > ul > li {
    width: 48%
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul > li, .lt-ie8 #currentApproverLimitsList > li.editable > ul > li {
    width: 48%
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul > li, .lt-ie8 #currentApproverLimitsList > li.editable > ul > li {
    width: 48%
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul > li, .lt-ie8 #currentApproverLimitsList > li.editable > ul > li {
    width: 48%
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul > li, .lt-ie8 #currentApproverLimitsList > li.editable > ul > li {
    width: 48%
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul > li, .lt-ie8 #currentApproverLimitsList > li.editable > ul > li {
    width: 48%
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul > li, .lt-ie8 #currentApproverLimitsList > li.editable > ul > li {
    width: 48%
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul > li, .lt-ie8 #currentApproverLimitsList > li.editable > ul > li {
    width: 48%
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul > li, .lt-ie8 #currentApproverLimitsList > li.editable > ul > li {
    width: 48%
}

#currentSpendLimitsList > li.editable > ul .pipes, #currentApproverLimitsList > li.editable > ul .pipes {
    float: right
}

#currentSpendLimitsList > li.editable > ul .pipes li, #currentApproverLimitsList > li.editable > ul .pipes li {
    float: left;
    margin: 0 5px 0 5px
}

#currentSpendLimitsList > li.editable > ul .pipes li:before, #currentApproverLimitsList > li.editable > ul .pipes li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul .pipes li, .lt-ie8 #currentApproverLimitsList > li.editable > ul .pipes li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul .pipes li:first-child, .lt-ie8 #currentApproverLimitsList > li.editable > ul .pipes li:first-child {
    border: none
}

#currentSpendLimitsList > li.editable > ul .pipes li:first-child:before, #currentApproverLimitsList > li.editable > ul .pipes li:first-child:before {
    display: none
}

#currentSpendLimitsList > li.editable > ul .pipes li:before, #currentApproverLimitsList > li.editable > ul .pipes li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul .pipes li, .lt-ie8 #currentApproverLimitsList > li.editable > ul .pipes li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul .pipes li:first-child, .lt-ie8 #currentApproverLimitsList > li.editable > ul .pipes li:first-child {
    border: none
}

#currentSpendLimitsList > li.editable > ul .pipes li:first-child:before, #currentApproverLimitsList > li.editable > ul .pipes li:first-child:before {
    display: none
}

#currentSpendLimitsList > li.editable > ul .pipes li:before, #currentApproverLimitsList > li.editable > ul .pipes li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul .pipes li, .lt-ie8 #currentApproverLimitsList > li.editable > ul .pipes li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul .pipes li:first-child, .lt-ie8 #currentApproverLimitsList > li.editable > ul .pipes li:first-child {
    border: none
}

#currentSpendLimitsList > li.editable > ul .pipes li:first-child:before, #currentApproverLimitsList > li.editable > ul .pipes li:first-child:before {
    display: none
}

#currentSpendLimitsList > li.editable > ul .pipes li:before, #currentApproverLimitsList > li.editable > ul .pipes li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul .pipes li, .lt-ie8 #currentApproverLimitsList > li.editable > ul .pipes li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul .pipes li:first-child, .lt-ie8 #currentApproverLimitsList > li.editable > ul .pipes li:first-child {
    border: none
}

#currentSpendLimitsList > li.editable > ul .pipes li:first-child:before, #currentApproverLimitsList > li.editable > ul .pipes li:first-child:before {
    display: none
}

#currentSpendLimitsList > li.editable > ul .pipes li:before, #currentApproverLimitsList > li.editable > ul .pipes li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul .pipes li, .lt-ie8 #currentApproverLimitsList > li.editable > ul .pipes li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul .pipes li:first-child, .lt-ie8 #currentApproverLimitsList > li.editable > ul .pipes li:first-child {
    border: none
}

#currentSpendLimitsList > li.editable > ul .pipes li:first-child:before, #currentApproverLimitsList > li.editable > ul .pipes li:first-child:before {
    display: none
}

#currentSpendLimitsList > li.editable > ul .pipes li:before, #currentApproverLimitsList > li.editable > ul .pipes li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul .pipes li, .lt-ie8 #currentApproverLimitsList > li.editable > ul .pipes li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul .pipes li:first-child, .lt-ie8 #currentApproverLimitsList > li.editable > ul .pipes li:first-child {
    border: none
}

#currentSpendLimitsList > li.editable > ul .pipes li:first-child:before, #currentApproverLimitsList > li.editable > ul .pipes li:first-child:before {
    display: none
}

#currentSpendLimitsList > li.editable > ul .pipes li:before, #currentApproverLimitsList > li.editable > ul .pipes li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul .pipes li, .lt-ie8 #currentApproverLimitsList > li.editable > ul .pipes li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul .pipes li:first-child, .lt-ie8 #currentApproverLimitsList > li.editable > ul .pipes li:first-child {
    border: none
}

#currentSpendLimitsList > li.editable > ul .pipes li:first-child:before, #currentApproverLimitsList > li.editable > ul .pipes li:first-child:before {
    display: none
}

#currentSpendLimitsList > li.editable > ul .pipes li:before, #currentApproverLimitsList > li.editable > ul .pipes li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul .pipes li, .lt-ie8 #currentApproverLimitsList > li.editable > ul .pipes li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul .pipes li:first-child, .lt-ie8 #currentApproverLimitsList > li.editable > ul .pipes li:first-child {
    border: none
}

#currentSpendLimitsList > li.editable > ul .pipes li:first-child:before, #currentApproverLimitsList > li.editable > ul .pipes li:first-child:before {
    display: none
}

#currentSpendLimitsList > li.editable > ul .pipes li:before, #currentApproverLimitsList > li.editable > ul .pipes li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul .pipes li, .lt-ie8 #currentApproverLimitsList > li.editable > ul .pipes li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul .pipes li:first-child, .lt-ie8 #currentApproverLimitsList > li.editable > ul .pipes li:first-child {
    border: none
}

#currentSpendLimitsList > li.editable > ul .pipes li:first-child:before, #currentApproverLimitsList > li.editable > ul .pipes li:first-child:before {
    display: none
}

#currentSpendLimitsList > li.editable > ul .pipes li:before, #currentApproverLimitsList > li.editable > ul .pipes li:before {
    content: "\007C";
    font-size: 11px;
    font-weight: 500;
    margin: 0 9px 0 6px;
    float: left
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul .pipes li, .lt-ie8 #currentApproverLimitsList > li.editable > ul .pipes li {
    padding-right: 9px;
    padding-left: 6px;
    border-left: 1px solid #ccc
}

.lt-ie8 #currentSpendLimitsList > li.editable > ul .pipes li:first-child, .lt-ie8 #currentApproverLimitsList > li.editable > ul .pipes li:first-child {
    border: none
}

#currentSpendLimitsList > li.editable > ul .pipes li:first-child:before, #currentApproverLimitsList > li.editable > ul .pipes li:first-child:before {
    display: none
}

.ui-autocomplete {
    max-width: 250px
}

.approver {
    width: 110px
}

.oms-limitwidth-approverinfo {
    width: 21%
}

.oms-limitwidth {
    width: 18%;
    text-align: center;
    border-left: 1px solid #ccc
}

#omsFilterDropDown {
    width: 50% !important
}

.omsSearchDiv {
    width: 50% !important;
    margin-left: -79px !important;
    height: 59px !important;
    padding-left: 0 !important;
    text-align: right
}

.omsSearchDiv label {
    text-align: left;
    margin-left: 46%
}

#omsSearchInput {
    width: 250px
}

#omsSearchButton {
    margin-top: -2px
}

#limitsLable {
    margin-right: 10px
}

#suspendOrderMgmnt {
    margin-left: 10px
}

.omsClearLink {
    text-decoration: underline !important;
    margin-left: 19px !important
}

.lt-ie8 .styledSelect SELECT {
    width: 150px
}

.oms-wait {
    position: absolute;
    height: 468px;
    width: 100%;
    z-index: 999
}

.oms-wait .wait-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    backround: transparent
}

@media screen and (max-width: 1024px) {
    #omsDashboardDataDiv {
        overflow: auto
    }

    #approvalLimitSortHeader, #spendLimitSortHeader {
        margin-left: 0 !important;
        display: block;
        text-align: center
    }

    #omsFilterDropDown {
        width: 38% !important
    }

    .omsSearchDiv {
        width: 62% !important;
        padding-left: 85px !important
    }
}

.omsInvitedUserPendingRegistration {
    font-weight: bold
}

.tdShowItemApproval {
    width: 21%;
    text-align: center;
    border-left: 1px solid #ccc
}

.thItemApprovalImage {
    text-align: center;
    margin-bottom: -3px
}

.cusCatalogItemApprovalLabelHeader {
    text-align: center;
    margin-left: 5px
}

.cusCatalogItemApprovalImage {
    margin-bottom: -3px
}

#gwwAccountManageItemApprovalModal {
    top: 35%
}

#oms-one-user-fullrights p {
    font-size: 12px
}

#oms-one-user-fullrights ul {
    list-style-type: initial;
    margin: 0 14px;
    padding-left: 20px
}

#oms-one-user-fullrights ul li {
    font-weight: bold;
    font-size: 8px;
    line-height: 14px
}

#oms-one-user-fullrights ul li span {
    font-size: 12px;
    vertical-align: bottom
}

.parentProduct .productBreadcrumb .nav li:after {
    padding: 1px 0
}

#productSearch {
    margin-bottom: 15px
}

#side-nav .collapse.in {
    max-height: 168px;
    overflow-y: auto
}

#side-nav .side-nav-header {
    padding: 10px;
    margin: 0;
    background: #eee;
    font-weight: 700
}

#side-nav #bcLeftNavInner.results-filter-search li {
    display: flex
}

#side-nav .results-filter-search {
    border: 1px solid #eee;
    padding: 9px
}

#side-nav .results-filter-search .deleteIcon {
    color: #29333b;
    text-decoration: none;
    position: relative;
    padding-left: 20px
}

#side-nav .results-filter-search .deleteIcon:after {
    font-family: graingerFont;
    content: "\e61d";
    font-weight: 400;
    color: #333;
    font-size: 11px;
    margin: 2px 6px 0 2px;
    float: left;
    font-weight: normal;
    position: absolute;
    top: 1px;
    left: 0
}

#side-nav h3 {
    font-size: 14px;
    text-transform: uppercase
}

#side-nav .accordion-heading {
    margin: 0;
    font-size: 14px;
    font-family: RobotoCondensedBold, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    border-bottom: 0 solid white;
    -webkit-transition: border 0s ease-out;
    -moz-transition: border 0s ease-out;
    -o-transition: border 0s ease-out;
    transition: border 0s ease-out
}

#side-nav .accordion-heading.collapsed {
    border-bottom-width: 3px;
    -webkit-transition: border .5s ease-out;
    -moz-transition: border .5s ease-out;
    -o-transition: border .5s ease-out;
    transition: border .5s ease-out
}

#side-nav .filter-browse-item, #side-nav .filter-list-item, #side-nav .filter-list-item-instock-now {
    border: 1px solid #eee;
    padding: 5px 0 5px 0
}

#side-nav .filter-browse-item li, #side-nav .filter-list-item li, #side-nav .filter-list-item-instock-now li {
    position: relative;
    font-size: 12px
}

#side-nav .filter-browse-item li.category-img-container, #side-nav .filter-list-item li.category-img-container, #side-nav .filter-list-item-instock-now li.category-img-container {
    display: block;
    clear: both;
    margin-bottom: 15px
}

#side-nav .filter-browse-item li.category-img-container > img, #side-nav .filter-list-item li.category-img-container > img, #side-nav .filter-list-item-instock-now li.category-img-container > img {
    float: left;
    margin-left: 10px
}

#side-nav .filter-browse-item li.category-img-container > a.filter-option, #side-nav .filter-list-item li.category-img-container > a.filter-option, #side-nav .filter-list-item-instock-now li.category-img-container > a.filter-option {
    font-size: 12px;
    margin-left: 45px
}

#side-nav .filter-browse-item li.category-img-container > a.filter-option:hover, #side-nav .filter-list-item li.category-img-container > a.filter-option:hover, #side-nav .filter-list-item-instock-now li.category-img-container > a.filter-option:hover {
    background: none
}

#side-nav .filter-browse-item li > a, #side-nav .filter-list-item li > a, #side-nav .filter-list-item-instock-now li > a {
    padding: 4px 10px;
    display: block;
    line-height: 16px;
    color: #000
}

#side-nav .filter-browse-item li > a:hover, #side-nav .filter-list-item li > a:hover, #side-nav .filter-list-item-instock-now li > a:hover {
    text-decoration: none;
    background: #E0E9ED
}

#side-nav .filter-browse-item li > a > span, #side-nav .filter-list-item li > a > span, #side-nav .filter-list-item-instock-now li > a > span {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    color: #6a757c;
    margin: 0 0 0 5px
}

#side-nav .filter-browse-item .more-less-toggle, #side-nav .filter-list-item .more-less-toggle, #side-nav .filter-list-item-instock-now .more-less-toggle {
    margin-left: 10px;
    margin-right: 10px
}

#side-nav .filter-browse-item form, #side-nav .filter-list-item form, #side-nav .filter-list-item-instock-now form {
    display: flex;
    position: relative
}

#side-nav .multi-filter-list {
    padding: 10px;
    border: 1px solid #eee;
    color: #00739e;
    font-size: 14px
}

#side-nav .multi-filter-list li {
    display: block;
    vertical-align: top
}

#side-nav .multi-filter-list li input {
    margin-top: 4px;
    margin-right: 2px;
    vertical-align: top
}

#side-nav .multi-filter-list li.visualAttr {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    margin-right: 5px;
    margin-bottom: 10px;
    overflow: hidden;
    width: 100px;
    position: relative;
    vertical-align: top
}

#side-nav .multi-filter-list li.visualAttr .selectedFilter img {
    border: 2px solid #505050
}

#side-nav .multi-filter-list li.visualAttr a img {
    border: 2px solid #CFCFCF;
    max-width: 87px;
    max-height: 87px
}

@media (max-width: 890px) {
    .responsive #side-nav .multi-filter-list li.visualAttr a img {
        max-height: 75px;
        max-width: 75px
    }
}

.lt-ie8 #side-nav .multi-filter-list li.visualAttr a img {
    max-height: 75px;
    max-width: 75px
}

#side-nav .multi-filter-list li.visualAttr a:hover img {
    border: 2px solid #103F69
}

#side-nav .multi-filter-list li.visualAttr .disabledFilter {
    background-color: #FFF;
    height: 100%;
    left: 0;
    opacity: .75;
    position: absolute;
    top: 0;
    width: 100%
}

@media (max-width: 890px) {
    .responsive #side-nav .multi-filter-list li.visualAttr {
        width: 80px
    }
}

#side-nav .multi-filter-list li.visualAttr .lt-ie8 {
    width: 80px
}

#side-nav .multi-filter-list label {
    padding: 0;
    font-weight: 500;
    padding: 3px 0 3px 0;
    line-height: 17px
}

#side-nav .multi-filter-list label span {
    font-size: 12px;
    color: #777
}

#side-nav .multi-filter-list .refineStars > [type=checkbox] {
    margin-top: 7px
}

#side-nav .visualAttr {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    padding: 5px
}

#side-nav .filterName {
    overflow: inherit;
    overflow-wrap: break-word;
    width: 85px;
    font-size: 12px
}

#side-nav .expand-categories {
    padding: 6px 0 0 10px;
    display: block;
    overflow: hidden;
    font-size: 14px
}

#side-nav .expand-categories.show {
    min-height: 24px
}

#side-nav #refine-search-query {
    width: 200px;
    float: left;
    margin-right: 10px
}

@media (max-width: 960px) {
    .responsive #side-nav #refine-search-query {
        width: 60%
    }
}

.responsive #side-nav {
    min-width: 220px
}

@media (max-width: 890px) {
    .responsive #side-nav {
        padding: 0
    }
}

@media (max-width: 890px) {
    .responsive.productview #side-nav {
        position: fixed;
        top: 0;
        left: -220px;
        padding-top: 0;
        height: 100%;
        overflow-y: scroll
    }
}

.responsive.productview.eproFiltersActive #side-nav {
    left: 0;
    z-index: 20px
}

.bcLeftNavOuter {
    margin-top: 1px
}

.bcLeftNavOuter b {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    margin-bottom: 5px
}

#childTableFooter {
    display: none
}

#BVQAContainer .BVQAHeader {
    padding-top: 20px;
    border-top: 1px solid #ccc;
    background: radial-gradient(center, ellipse cover, rgba(25, 25, 25, 0.35) 0, rgba(0, 0, 0, 0) 100%);
    background: radial-gradient(ellipse 70% 10px at top, rgba(25, 25, 25, 0.35) 0, rgba(255, 255, 255, 0) 80%);
    padding: 40px 10px 10px;
    overflow: hidden;
    zoom: 1
}

@media (max-width: 890px) {
    .responsive #main-content #search-maincontent {
        margin-top: 5px
    }
}

.responsive #main-content #search-maincontent > p {
    padding: 0 10px
}

#main-content h1 {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    border-bottom: 1px solid #ccc;
    padding: 0 0 10px 0;
    width: 100%
}

@media (max-width: 890px) {
    .responsive #main-content h1 {
        padding-left: 10px
    }
}

#main-content h2 {
    font-size: 14px
}

#main-content h1, #main-content h2, #main-content h3, #main-content h4, #main-content h5 {
    text-transform: capitalize
}

#main-content .language-fr h1, #main-content h2, #main-content h3, #main-content h4, #main-content h5 {
    text-transform: none
}

#main-content tr {
    border-bottom: none
}

#main-content table td {
    vertical-align: none
}

#main-content .shop-category-divide {
    border-right: 1px solid #ccc
}

#main-content .content-title-container {
    font-weight: 700
}

#main-content .numberOfProducts {
    display: block;
    color: #999;
    padding: 7px 0 0 0;
    background: white;
    z-index: 0;
    position: relative;
    padding-top: 10px
}

@media (max-width: 890px) {
    .responsive #main-content .numberOfProducts {
        margin-left: 10px
    }
}

#main-content .isQpSearchRedirectToLeafNode {
    font-size: 20px
}

#main-content .carouselscrollbox .item {
    width: 160px
}

#main-content .shop-category-row {
    border-bottom: 1px solid #ccc
}

#main-content .shop-category-row:after, #main-content .shop-category-row:before {
    content: " ";
    display: table
}

#main-content .shop-category-row:after {
    clear: both
}

.lt-ie8 #main-content .shop-category-row {
    clear: both;
    zoom: 1
}

#main-content .shop-category-row:after, #main-content .shop-category-row:before {
    content: " ";
    display: table
}

#main-content .shop-category-row:after {
    clear: both
}

.lt-ie8 #main-content .shop-category-row {
    clear: both;
    zoom: 1
}

#main-content .shop-category-row:after, #main-content .shop-category-row:before {
    content: " ";
    display: table
}

#main-content .shop-category-row:after {
    clear: both
}

.lt-ie8 #main-content .shop-category-row {
    clear: both;
    zoom: 1
}

#main-content .shop-category-row:after, #main-content .shop-category-row:before {
    content: " ";
    display: table
}

#main-content .shop-category-row:after {
    clear: both
}

.lt-ie8 #main-content .shop-category-row {
    clear: both;
    zoom: 1
}

#main-content .shop-category-row:after, #main-content .shop-category-row:before {
    content: " ";
    display: table
}

#main-content .shop-category-row:after {
    clear: both
}

.lt-ie8 #main-content .shop-category-row {
    clear: both;
    zoom: 1
}

#main-content .shop-category-row:after, #main-content .shop-category-row:before {
    content: " ";
    display: table
}

#main-content .shop-category-row:after {
    clear: both
}

.lt-ie8 #main-content .shop-category-row {
    clear: both;
    zoom: 1
}

#main-content .shop-category-row:after, #main-content .shop-category-row:before {
    content: " ";
    display: table
}

#main-content .shop-category-row:after {
    clear: both
}

.lt-ie8 #main-content .shop-category-row {
    clear: both;
    zoom: 1
}

#main-content .shop-category-row:after, #main-content .shop-category-row:before {
    content: " ";
    display: table
}

#main-content .shop-category-row:after {
    clear: both
}

.lt-ie8 #main-content .shop-category-row {
    clear: both;
    zoom: 1
}

#main-content .shop-category-row:after, #main-content .shop-category-row:before {
    content: " ";
    display: table
}

#main-content .shop-category-row:after {
    clear: both
}

.lt-ie8 #main-content .shop-category-row {
    clear: both;
    zoom: 1
}

#main-content .shop-category-row:after, #main-content .shop-category-row:before {
    content: " ";
    display: table
}

#main-content .shop-category-row:after {
    clear: both
}

.lt-ie8 #main-content .shop-category-row {
    clear: both;
    zoom: 1
}

.responsive #main-content .shop-category-row {
    border-bottom: none
}

.responsive #main-content .shop-category-row:after, .responsive #main-content .shop-category-row:before {
    display: inline
}

#main-content .shop-category-item {
    width: 25%;
    padding: 0 10px;
    margin-bottom: 10px;
    float: left;
    margin: 20px 0;
    border-left: 1px solid #ccc
}

.lt-ie8 #main-content .shop-category-item {
    width: 23%
}

.lt-ie8 #main-content .shop-category-item {
    width: 23%
}

.lt-ie8 #main-content .shop-category-item {
    width: 23%
}

.lt-ie8 #main-content .shop-category-item {
    width: 23%
}

.lt-ie8 #main-content .shop-category-item {
    width: 23%
}

.lt-ie8 #main-content .shop-category-item {
    width: 23%
}

.lt-ie8 #main-content .shop-category-item {
    width: 23%
}

.lt-ie8 #main-content .shop-category-item {
    width: 23%
}

.lt-ie8 #main-content .shop-category-item {
    width: 23%
}

.lt-ie8 #main-content .shop-category-item {
    width: 23%
}

.lt-ie8 #main-content .shop-category-item {
    width: 21%
}

#main-content .shop-category-item:first-child {
    border-left: none
}

#main-content .shop-category-item a {
    display: block;
    text-align: center;
    height: auto
}

#main-content .shop-category-item .categoryViewProductContainer {
    height: 40px
}

#main-content .shop-category-item a:last-child {
    word-wrap: break-word
}

#main-content .shop-category-item img {
    padding: 5px 10px 5px 5px
}

.responsive #main-content .shop-category-item img {
    border-right: none;
    width: 100%
}

.responsive #main-content .shop-category-item {
    width: 24%;
    min-height: 180px;
    padding-bottom: 0;
    margin: 0 0 10px 5px;
    border-top: solid 1px 0;
    border-left: solid 1px 0;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    border-left: none
}

@media (max-width: 890px) {
    .responsive #main-content .shop-category-item {
        width: 32%
    }
}

.lt-ie9 .responsive #main-content .shop-category-item {
    width: 21% min-height 215px
}

#main-content .shop-category-item:nth-child(4n+1) {
    border-left: none !important
}

#main-content .carousel-category {
    clear: both
}

#main-content .categoryHeader {
    padding-top: 20px;
    border-top: 1px solid #ccc;
    background: radial-gradient(center, ellipse cover, rgba(25, 25, 25, 0.35) 0, rgba(0, 0, 0, 0) 100%);
    background: radial-gradient(ellipse 70% 10px at top, rgba(25, 25, 25, 0.35) 0, rgba(255, 255, 255, 0) 80%);
    font-weight: 700;
    padding: 30px 0;
    margin: 10px 0;
    border-top: none
}

#main-content .searchSortRefinement .heading {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    padding: 0 5px 0 0
}

#main-content .searchSortRefinement .dropdownSelect {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    margin-left: 5px;
    width: 190px
}

#main-content .searchRibbon {
    border-top: 1px solid #ccc;
    margin: 10px 0 0 0;
    padding: 10px 10px 10px 0;
    height: 55px
}

@media (max-width: 890px) {
    .responsive #main-content .searchRibbon {
        padding: 10px 5px
    }
}

.lt-ie8 #main-content .searchRibbon {
    height: 28px
}

#main-content #searchBottomRibbon {
    margin: 0 0 10px 0
}

#main-content .productPageBottomText {
    font-size: 12px
}

#main-content .searchDropdown {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    float: left
}

#main-content .searchPreviouslyPurchased {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    float: right;
    margin-top: 4px
}

#main-content .searchPreviouslyPurchased input {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle
}

#main-content .searchPreviouslyPurchased label {
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding: 2px 0 0 0;
    vertical-align: middle;
    color: #00739e;
    font-size: 12px
}

.lt-ie8 #main-content .searchPreviouslyPurchased {
    margin-top: 0
}

#main-content .searchControls {
    font-size: 14px;
    padding: 10px 0;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    height: 40px
}

@media (max-width: 890px) {
    .responsive #main-content .searchControls {
        padding: 5px 10px
    }
}

.lt-ie9 #main-content .searchControls {
    display: block
}

.lt-ie8 #main-content .searchControls {
    height: 20px
}

#main-content .searchControls .showList {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1
}

#main-content .searchControls .showList .listView {
    cursor: pointer;
    text-decoration: none
}

#main-content .searchControls .showList .listView:before {
    font-weight: 500
}

#main-content .searchControls .showGrid {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1
}

#main-content .searchControls .showGrid .gridView {
    cursor: pointer;
    text-decoration: none
}

#main-content .searchControls .showGrid .gridView:before {
    font-weight: 500
}

#main-content .searchControls .searchPreferences {
    float: left
}

#main-content .searchControls .searchPreferences .itemsPerPage a, #main-content .searchControls .searchPreferences .itemsPerPage span {
    padding: 0 0 0 5px
}

#main-content .searchControls .searchPreferences .itemsPerPage span {
    font-weight: 700
}

#main-content .searchControls .searchPreferences.lt-ie9 {
    height: 14px
}

#main-content .searchControls .searchPagination {
    float: right
}

#main-content .searchControls .searchPagination li {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    padding: 0 5px
}

#main-content .searchControls .searchPagination .current {
    font-weight: 700
}

#main-content .searchControls .searchPagination .prev {
    padding-bottom: 10px
}

#main-content .searchControls .searchPagination .next {
    padding-bottom: 10px
}

#main-content .bottom .searchControls {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #CCC
}

#main-content #resultsView {
    margin: 0 0 10px 0
}

#main-content #resultsView:after, #main-content #resultsView:before {
    content: " ";
    display: table
}

#main-content #resultsView:after {
    clear: both
}

.lt-ie8 #main-content #resultsView {
    clear: both;
    zoom: 1
}

#main-content #resultsView:after, #main-content #resultsView:before {
    content: " ";
    display: table
}

#main-content #resultsView:after {
    clear: both
}

.lt-ie8 #main-content #resultsView {
    clear: both;
    zoom: 1
}

#main-content #resultsView:after, #main-content #resultsView:before {
    content: " ";
    display: table
}

#main-content #resultsView:after {
    clear: both
}

.lt-ie8 #main-content #resultsView {
    clear: both;
    zoom: 1
}

#main-content #resultsView:after, #main-content #resultsView:before {
    content: " ";
    display: table
}

#main-content #resultsView:after {
    clear: both
}

.lt-ie8 #main-content #resultsView {
    clear: both;
    zoom: 1
}

#main-content #resultsView:after, #main-content #resultsView:before {
    content: " ";
    display: table
}

#main-content #resultsView:after {
    clear: both
}

.lt-ie8 #main-content #resultsView {
    clear: both;
    zoom: 1
}

#main-content #resultsView:after, #main-content #resultsView:before {
    content: " ";
    display: table
}

#main-content #resultsView:after {
    clear: both
}

.lt-ie8 #main-content #resultsView {
    clear: both;
    zoom: 1
}

#main-content #resultsView:after, #main-content #resultsView:before {
    content: " ";
    display: table
}

#main-content #resultsView:after {
    clear: both
}

.lt-ie8 #main-content #resultsView {
    clear: both;
    zoom: 1
}

#main-content #resultsView:after, #main-content #resultsView:before {
    content: " ";
    display: table
}

#main-content #resultsView:after {
    clear: both
}

.lt-ie8 #main-content #resultsView {
    clear: both;
    zoom: 1
}

#main-content #resultsView:after, #main-content #resultsView:before {
    content: " ";
    display: table
}

#main-content #resultsView:after {
    clear: both
}

.lt-ie8 #main-content #resultsView {
    clear: both;
    zoom: 1
}

#main-content #resultsView:after, #main-content #resultsView:before {
    content: " ";
    display: table
}

#main-content #resultsView:after {
    clear: both
}

.lt-ie8 #main-content #resultsView {
    clear: both;
    zoom: 1
}

@media (max-width: 890px) {
    .responsive #main-content #resultsView {
        padding: 0 10px
    }
}

#main-content #resultsView .compare-check.list-cmp .txtR.mrm {
    text-align: center !important
}

#main-content #resultsView .compare-check.list-cmp .txtR.mrm input, #main-content #resultsView .compare-check.list-cmp .txtR.mrm label {
    cursor: pointer
}

#main-content #resultsView .compare-check.grid-cmp .txtR.mrm {
    text-align: left !important
}

#main-content #resultsView .compare-check.grid-cmp .txtR.mrm input, #main-content #resultsView .compare-check.grid-cmp .txtR.mrm label {
    cursor: pointer
}

#main-content #resultsView .list-cmp-check {
    position: absolute;
    left: 0;
    margin-top: 85px;
    margin-left: 40px
}

#main-content .productAvailMsg {
    padding: 12px 0
}

#main-content .productAvailMsg.gridOnly {
    display: none
}

#main-content .productAvailMsg .availabilityMsg > a:before {
    font-family: graingerFont;
    content: "\e624";
    font-weight: 400;
    color: #333;
    margin: 0 0 0 4px;
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1
}

#main-content .productAvailMsg a:after {
    font-family: graingerFont;
    content: "\e62c";
    font-weight: 400;
    margin: 5px 0 0 10px;
    font-size: 12px
}

#main-content .list .product {
    border-top: 1px solid #ccc;
    width: 100%
}

#main-content .list .product:after, #main-content .list .product:before {
    content: " ";
    display: table
}

#main-content .list .product:after {
    clear: both
}

.lt-ie8 #main-content .list .product {
    clear: both;
    zoom: 1
}

#main-content .list .product:after, #main-content .list .product:before {
    content: " ";
    display: table
}

#main-content .list .product:after {
    clear: both
}

.lt-ie8 #main-content .list .product {
    clear: both;
    zoom: 1
}

#main-content .list .product:after, #main-content .list .product:before {
    content: " ";
    display: table
}

#main-content .list .product:after {
    clear: both
}

.lt-ie8 #main-content .list .product {
    clear: both;
    zoom: 1
}

#main-content .list .product:after, #main-content .list .product:before {
    content: " ";
    display: table
}

#main-content .list .product:after {
    clear: both
}

.lt-ie8 #main-content .list .product {
    clear: both;
    zoom: 1
}

#main-content .list .product:after, #main-content .list .product:before {
    content: " ";
    display: table
}

#main-content .list .product:after {
    clear: both
}

.lt-ie8 #main-content .list .product {
    clear: both;
    zoom: 1
}

#main-content .list .product:after, #main-content .list .product:before {
    content: " ";
    display: table
}

#main-content .list .product:after {
    clear: both
}

.lt-ie8 #main-content .list .product {
    clear: both;
    zoom: 1
}

#main-content .list .product:after, #main-content .list .product:before {
    content: " ";
    display: table
}

#main-content .list .product:after {
    clear: both
}

.lt-ie8 #main-content .list .product {
    clear: both;
    zoom: 1
}

#main-content .list .product:after, #main-content .list .product:before {
    content: " ";
    display: table
}

#main-content .list .product:after {
    clear: both
}

.lt-ie8 #main-content .list .product {
    clear: both;
    zoom: 1
}

#main-content .list .product:after, #main-content .list .product:before {
    content: " ";
    display: table
}

#main-content .list .product:after {
    clear: both
}

.lt-ie8 #main-content .list .product {
    clear: both;
    zoom: 1
}

#main-content .list .product:after, #main-content .list .product:before {
    content: " ";
    display: table
}

#main-content .list .product:after {
    clear: both
}

.lt-ie8 #main-content .list .product {
    clear: both;
    zoom: 1
}

#main-content .list .product > * {
    float: left
}

#main-content .list .product:first-child {
    border-top: none
}

#main-content .list .product .productName {
    min-height: 25px;
    overflow-wrap: break-word
}

#main-content .list .product .productImage {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    width: 15%
}

#main-content .list .product .productImage img {
    max-width: 100%
}

#main-content .list .product .numbOfChildren {
    vertical-align: bottom
}

#main-content .list .product .productDescription {
    width: 42%;
    margin: 10px 2% 0;
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    font-size: 12px
}

#main-content .list .product .productDescription .longDesc {
    font-size: 12px
}

#main-content .list .product .productDescription .item-icons li {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1
}

.lt-ie8 #main-content .list .product .productDescription {
    width: 180px
}

@media (max-width: 960px) {
    .responsive #main-content .list .product .productDescription {
        width: 25%
    }
}

@media (max-width: 890px) {
    .responsive #main-content .list .product .productDescription {
        width: 35%;
        margin-left: 40px
    }
}

@media (max-width: 780px) {
    .responsive #main-content .list .product .productDescription {
        width: 30%;
        margin-left: 10px
    }
}

@media (max-width: 730px) {
    .responsive #main-content .list .product .productDescription {
        width: 25%
    }
}

#main-content .list .product .productDescription > li {
    margin: 5px 0
}

#main-content .list .product .productDescription > li .catalogPageNumber {
    padding-left: 0
}

#main-content .list .product .priceWrapper, #main-content .list .product .sale-price {
    font-weight: 700;
    color: #257238;
    padding: 0;
    float: none;
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    font-size: 14px;
    vertical-align: top
}

#main-content .list .product .priceWrapper .topText, #main-content .list .product .sale-price .topText {
    color: #333;
    font-weight: 500;
    display: block
}

#main-content .list .product .priceWrapper .bottomText, #main-content .list .product .sale-price .bottomText {
    padding-right: 2px
}

#main-content .list .product .priceColumnL3ListView {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    float: left;
    text-align: left;
    max-width: 120px;
    padding-top: 15px
}

#main-content .list .product .priceColumnL3ListView.parent-item .productPrice {
    font-weight: bold
}

#main-content .list .product .productCountWrapper {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1
}

#main-content .list .product #resultsView .priceContainer {
    float: none
}

#main-content .list .product .productViewLink {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    float: left;
    width: 39%;
    text-align: right;
    font-size: 12px
}

.lt-ie8 #main-content .list .product .productViewLink {
    width: 350px
}

#main-content .list .product .productNameLink {
    padding: 5px 0;
    display: block;
    font-size: 16px;
    overflow-wrap: break-word
}

#main-content .list .product .productNameLink.parentItem {
    padding-top: 0
}

#main-content .list .product .productAvailMsg {
    border-bottom: 1px solid #ccc;
    padding: 12px 0;
    font-weight: 700
}

#main-content .list .product .availabilityCheck {
    font-weight: 700
}

#main-content .list .product .productMFR {
    font-weight: 500
}

#main-content .list .product .manufacturerAbbreviation {
    font-weight: 500
}

#main-content .list .product .productDescription .productMFR {
    display: block
}

#main-content .list .product .productDescription .customerPart {
    margin-bottom: 10px;
    display: block
}

#main-content .list .product .productDescription .productParentCategory {
    margin-top: 10px
}

#main-content .list .product .productCatalog:last-child {
    margin-bottom: 0
}

#main-content .list .product .productCatalog.gridOnly {
    display: none
}

#main-content .list .product .quantity {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    margin: 0 6px 0 0
}

#main-content .list .product .quantity input {
    margin-bottom: 0
}

#main-content .list .product .priceLabel {
    width: auto;
    display: inline-block
}

#main-content .list .product .priceColon {
    margin-left: -2px
}

#main-content .list .product .gTooltip {
    margin-left: -2px;
    margin-right: 0
}

#main-content .list .product .price {
    display: inline
}

#main-content .list .product .priceRow {
    display: inline-block
}

#main-content .list .product .productPrice {
    display: block;
    color: #257238
}

#main-content .list .product .sale-price {
    display: block
}

#main-content .list .product .strikedPrice {
    text-decoration: line-through
}

#main-content .list .product .productButtonContainer {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    vertical-align: top
}

.lt-ie8 #main-content .list .product .productButtonContainer .btn {
    width: 120px
}

#main-content .list .product .productAddToList {
    display: block;
    margin: 8px 3px 13px 0;
    padding: 0;
    text-align: right;
    font-size: 12px
}

#main-content .list .product .productAddtoListSigninMsg {
    margin: 5px 0
}

#main-content .list .product .productAddtoListSigninMsg p {
    display: inline;
    font-weight: 700;
    font-size: 12px
}

#main-content .list .product .productAddToCart {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    text-align: left;
    padding: 15px 10px;
    float: right;
    font-size: 12px
}

#main-content .list .product .productAddToCart .quantity {
    padding-bottom: 10px
}

#main-content .list .product .productAddToCart .quantity label, #main-content .list .product .productAddToCart .quantity input.qtyInput {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    padding-right: 5px;
    text-align: center
}

#main-content .list .product .productAddToCart a {
    font-weight: 700
}

#main-content .list .product .productAddToCart .availabilityMsg a {
    font-weight: 500
}

#main-content .list .product .compare-controls span {
    padding: 0 0 0 6px
}

#main-content .list .product .compare-controls .btn {
    float: none;
    margin-right: 6px
}

#main-content .list .product .btn {
    float: none;
    margin-bottom: 1px
}

#main-content .list .product .viewReplacement {
    display: block;
    margin-left: 18px
}

#main-content .list .product .productBrand {
    font-size: 12px;
    margin: 0;
    padding: 0;
    padding-top: 5px
}

#main-content .list .product .compare-controls-wrapper-top {
    display: none
}

#main-content .list .product .compare-controls-wrapper-bottom {
    font-size: 14px;
    margin: 5px 0;
    width: 50%
}

#main-content .list .product .viewChildrenLink .right .childShowPreview {
    background: #eee;
    font-weight: 700;
    padding: 20px;
    float: right;
    text-align: left;
    width: 550px;
    padding: 10px;
    margin: 0 0 2px 0;
    vertical-align: bottom
}

#main-content .list .product .viewChildrenLink .right .childShowPreview:after {
    font-family: graingerFont;
    content: "\e629";
    font-weight: 400;
    background: #145579;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #145579), color-stop(1, #3e7898));
    background: -ms-linear-gradient(bottom, #145579, #3e7898);
    background: -moz-linear-gradient(center bottom, #145579 0, #3e7898 100%);
    background: -o-linear-gradient(#3e7898, #145579);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e7898', endColorstr='#145579', GradientType=0);
    line-height: 9px;
    font-size: 8px;
    padding: 2px;
    color: #fff;
    float: right;
    font-weight: normal;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.lt-ie8 #main-content .list .product .viewChildrenLink .right .childShowPreview {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -2070px;
    background-position-x: 98%
}

.lt-ie8 #main-content .list .product .viewChildrenLink .right .childShowPreview {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -2070px;
    background-position-x: 98%
}

.lt-ie8 #main-content .list .product .viewChildrenLink .right .childShowPreview {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -2070px;
    background-position-x: 98%
}

.lt-ie8 #main-content .list .product .viewChildrenLink .right .childShowPreview {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -2070px;
    background-position-x: 98%
}

.lt-ie8 #main-content .list .product .viewChildrenLink .right .childShowPreview {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -2070px;
    background-position-x: 98%
}

.lt-ie8 #main-content .list .product .viewChildrenLink .right .childShowPreview {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -2070px;
    background-position-x: 98%
}

.lt-ie8 #main-content .list .product .viewChildrenLink .right .childShowPreview {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -2070px;
    background-position-x: 98%
}

.lt-ie8 #main-content .list .product .viewChildrenLink .right .childShowPreview {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -2070px;
    background-position-x: 98%
}

.lt-ie8 #main-content .list .product .viewChildrenLink .right .childShowPreview {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -2070px;
    background-position-x: 98%
}

.lt-ie8 #main-content .list .product .viewChildrenLink .right .childShowPreview {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -2070px;
    background-position-x: 98%
}

.lt-ie8 #main-content .list .product .viewChildrenLink .right .childShowPreview {
    background-position-y: -2062px
}

@media (max-width: 890px) {
    .responsive #main-content .list .product .viewChildrenLink .right .childShowPreview {
        width: 79%
    }
}

#main-content .list .product .viewChildrenLink .right .collapse {
    height: inherit
}

#main-content .list .product .viewChildrenLink .right .collapse:after {
    font-family: graingerFont;
    content: "\e60f";
    font-weight: 400;
    background: #145579;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #145579), color-stop(1, #3e7898));
    background: -ms-linear-gradient(bottom, #145579, #3e7898);
    background: -moz-linear-gradient(center bottom, #145579 0, #3e7898 100%);
    background: -o-linear-gradient(#3e7898, #145579);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e7898', endColorstr='#145579', GradientType=0);
    line-height: 9px;
    font-size: 8px;
    padding: 2px;
    color: #fff;
    float: right;
    margin-right: 10px;
    font-weight: normal;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.lt-ie8 #main-content .list .product .viewChildrenLink .right .collapse {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -2160px;
    background-position-x: 98%
}

.lt-ie8 #main-content .list .product .viewChildrenLink .right .collapse {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -2160px;
    background-position-x: 98%
}

.lt-ie8 #main-content .list .product .viewChildrenLink .right .collapse {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -2160px;
    background-position-x: 98%
}

.lt-ie8 #main-content .list .product .viewChildrenLink .right .collapse {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -2160px;
    background-position-x: 98%
}

.lt-ie8 #main-content .list .product .viewChildrenLink .right .collapse {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -2160px;
    background-position-x: 98%
}

.lt-ie8 #main-content .list .product .viewChildrenLink .right .collapse {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -2160px;
    background-position-x: 98%
}

.lt-ie8 #main-content .list .product .viewChildrenLink .right .collapse {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -2160px;
    background-position-x: 98%
}

.lt-ie8 #main-content .list .product .viewChildrenLink .right .collapse {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -2160px;
    background-position-x: 98%
}

.lt-ie8 #main-content .list .product .viewChildrenLink .right .collapse {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -2160px;
    background-position-x: 98%
}

.lt-ie8 #main-content .list .product .viewChildrenLink .right .collapse {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -2160px;
    background-position-x: 98%
}

.lt-ie8 #main-content .list .product .viewChildrenLink .right .collapse {
    background-position-y: -2152px
}

#main-content .list .product .viewChildrenLink {
    font-size: 12px;
    padding-bottom: 25px;
    clear: both;
    float: none;
    width: 100%
}

#main-content .list .product .viewChildrenLink br {
    clear: both
}

#main-content .list .product .viewChildrenLink a {
    vertical-align: middle
}

#main-content .list .product .rtaMsgIcon {
    padding: 0 0 0 6px
}

#main-content .list .product .productLink {
    font-weight: 700
}

#main-content .list .product .viewAllProdLinkChildTable {
    float: left;
    margin: 10px;
    padding: 2px 0 0 0
}

#main-content .list .product .childAvailMsg p {
    margin: 5px 0
}

#main-content .list .product .childTablePrice p {
    margin: 0 0 0 20px
}

.responsive #main-content .list .product .childTablePrice .priceInfo {
    text-align: right
}

#main-content .list .product .childTablePrice .reg-price, #main-content .list .product .childTablePrice .sale-price {
    color: #000;
    font-weight: 500;
    padding: 0;
    margin: 0;
    width: 90px
}

#main-content .list .product .childTablePrice .reg-price .price, #main-content .list .product .childTablePrice .sale-price .price {
    color: #257238;
    font-weight: 700
}

.responsive #main-content .list .product .childTablePrice .reg-price, .responsive #main-content .list .product .childTablePrice .sale-price {
    text-align: right
}

#main-content .list .product .childTableBody tr {
    border-bottom: 1px solid #ccc
}

#main-content .list .product #childTableHeader .breadBox {
    float: left;
    margin-top: 14px
}

#main-content .grid .product {
    width: 25%;
    padding: 10px;
    margin-bottom: 10px;
    float: left;
    padding-top: 20px
}

.lt-ie8 #main-content .grid .product {
    width: 23%
}

.lt-ie8 #main-content .grid .product {
    width: 23%
}

.lt-ie8 #main-content .grid .product {
    width: 23%
}

.lt-ie8 #main-content .grid .product {
    width: 23%
}

.lt-ie8 #main-content .grid .product {
    width: 23%
}

.lt-ie8 #main-content .grid .product {
    width: 23%
}

.lt-ie8 #main-content .grid .product {
    width: 23%
}

.lt-ie8 #main-content .grid .product {
    width: 23%
}

.lt-ie8 #main-content .grid .product {
    width: 23%
}

.lt-ie8 #main-content .grid .product {
    width: 23%
}

#main-content .grid .product .priceWrapper, #main-content .grid .product .sale-price {
    font-weight: 700;
    color: #257238;
    padding: 0;
    float: none;
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    font-size: 14px;
    vertical-align: top
}

#main-content .grid .product .priceWrapper .topText, #main-content .grid .product .sale-price .topText {
    color: #333;
    font-weight: 500;
    display: block
}

#main-content .grid .product .priceWrapper .bottomText, #main-content .grid .product .sale-price .bottomText {
    padding-right: 2px
}

.responsive #main-content .grid .product {
    border-top: solid 1px 0;
    border-left: solid 1px 0;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    margin: 0 0 10px 5px;
    padding-right: 5px;
    width: 24%;
    min-height: 600px
}

@media (max-width: 960px) {
    .responsive #main-content .grid .product {
        min-height: 625px
    }
}

.lt-ie8 .responsive #main-content .grid .product {
    min-height: 630px;
    width: 23%
}

#main-content .grid .product .qtyInput {
    margin-right: 6px
}

#main-content .grid .product .productImage {
    display: block
}

@media (max-width: 730px) {
    .responsive #main-content .grid .product .productImage img {
        width: 100%
    }
}

#main-content .grid .product .childTable {
    display: none
}

#main-content .grid .product .productDescription {
    display: block;
    width: 213px;
    margin: 20px 0 10px
}

#main-content .grid .product .productDescription .productMFR {
    display: block;
    margin: 14px 0 0
}

#main-content .grid .product .productDescription li.alert.mtn {
    margin: 15px 0 5px 0
}

.responsive #main-content .grid .product .productDescription {
    min-height: 175px
}

@media (max-width: 730px) {
    .responsive #main-content .grid .product .productDescription {
        width: 130px
    }
}

#main-content .grid .product .productDescription .prdDesc {
    display: none
}

#main-content .grid .product .productDescription .productLink, #main-content .grid .product .productDescription .productInfoValue {
    overflow-wrap: break-word
}

#main-content .grid .product .productDescription .labelMsdsSearch {
    display: inline-block;
    padding-bottom: 9px
}

#main-content .grid .product .productDescription .searchItemMsds {
    display: block;
    position: relative;
    left: 0;
    top: -1px;
    width: 210px
}

#main-content .grid .product .productDescription .searchItemLabelMsds {
    display: inline-block
}

#main-content .grid .product .productDescription .results-not-found {
    display: inline-block
}

#main-content .grid .product .productDescription .catalogPageNumber {
    display: inline-block
}

#main-content .grid .product .productDescription .catalogPageNumber.catalogPageNumAlign {
    padding-top: 88px
}

#main-content .grid .product .productDescription .searchItemMsdsText.searchItemMsdsTextAlign {
    padding-bottom: 88px !important;
    display: inline-block
}

#main-content .grid .product .ltlIndicatorMessage {
    display: inline-block;
    margin-top: -10px;
    width: 225px
}

#main-content .grid .product .item-icons {
    overflow: hidden;
    margin-top: 8px;
    margin-bottom: 6px;
    position: relative
}

#main-content .grid .product .label_05_green {
    position: absolute;
    right: 87px;
    top: 1px
}

#main-content .grid .product .label_08_hazmat {
    margin-top: -1px
}

#main-content .grid .product .label_02_msds {
    height: 19px
}

#main-content .grid .product .productBrand {
    margin: 0;
    font-size: 12px;
    overflow-wrap: break-word;
    margin-top: 5px;
    margin-bottom: 5px
}

#main-content .grid .product .productName {
    min-height: 38px;
    overflow-wrap: break-word;
    padding-bottom: 5px;
    line-height: 16px
}

#main-content .grid .product .productNameLink {
    font-weight: 700;
    display: block;
    padding: 10px 0 0 0;
    overflow-wrap: break-word
}

#main-content .grid .product .regularPrice {
    padding: 0;
    min-height: 35px;
    float: none;
    display: block;
    width: 145px;
    font-size: 16px
}

#main-content .grid .product .regularPrice .topText {
    font-weight: 500
}

#main-content .grid .product .regularPrice .priceLabel {
    display: inline-block
}

#main-content .grid .product .regularPrice .price {
    font-weight: 700;
    color: #257238;
    display: block
}

.responsive #main-content .grid .product .regularPrice {
    min-height: 100px
}

#main-content .grid .product #resultsView .priceContainer {
    float: none
}

#main-content .grid .product .productViewLink {
    display: block;
    padding-bottom: 7px
}

#main-content .grid .product .productAvailMsg {
    font-size: 12px;
    color: #4E4E4E;
    padding: 0 0 6px 0;
    line-height: 16px;
    font-weight: 700;
    position: relative
}

#main-content .grid .product .productAvailMsg.gridOnly {
    display: block
}

#main-content .grid .product .productAvailMsg .availabilityMsg .availabilityInfo {
    margin-left: 4px
}

#main-content .grid .product .priceColumnL3ListView {
    margin: 8px 0
}

#main-content .grid .product .productCatalog {
    display: none
}

#main-content .grid .product .productCatalog.gridOnly {
    display: block
}

#main-content .grid .product .listOnly {
    display: none
}

#main-content .grid .product .quantity {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1
}

#main-content .grid .product .productButtonContainer {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    margin-top: 15px
}

.responsive #main-content .grid .product .productButtonContainer .btn {
    padding: 9px 15px
}

@media (max-width: 960px) {
    .responsive #main-content .grid .product .productButtonContainer .btn {
        padding: 9px 10px
    }
}

@media (max-width: 890px) {
    .responsive #main-content .grid .product .productButtonContainer .btn {
        padding: 9px 15px
    }
}

@media (max-width: 730px) {
    .responsive #main-content .grid .product .productButtonContainer .btn {
        padding: 9px 5px
    }
}

#main-content .grid .product .productPrice {
    display: block;
    color: #257238;
    margin-top: 30px
}

#main-content .grid .product .productAddToList {
    display: block;
    margin: 0 8px 10px 0;
    font-weight: 700;
    font-size: 12px
}

#main-content .grid .product .productAddToCart {
    display: block;
    width: 210px;
    position: absolute;
    bottom: 0
}

#main-content .grid .product .productAddToCart a {
    font-weight: 700
}

#main-content .grid .product .productAddToCart .availabilityMsg a {
    font-weight: 500
}

#main-content .grid .product .productAddToCart .btn {
    padding-left: 10px;
    padding-right: 10px
}

#main-content .grid .product .productAddToCart .disabledATCBtn {
    position: relative;
    top: 0
}

#main-content .grid .product .compare-controls .btnSmall {
    margin-left: 5px
}

#main-content .grid .product .compare-controls-wrapper-bottom {
    display: none
}

#main-content .grid .product .compare-controls-wrapper-top {
    margin: 0
}

#main-content .grid .product .viewChildrenLink .right .childShowPreview {
    display: none
}

#main-content .grid .productDivider {
    display: none
}

#main-content .grid .productDividerLine {
    clear: both;
    border-bottom: 1px solid #ccc;
    padding-top: 7px
}

.responsive #main-content .grid .productDividerLine {
    display: none
}

#main-content .productImage {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1
}

#main-content .productDescription {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    clear: none;
    width: 160px;
    margin: 0 10px 0 10px;
    vertical-align: top
}

@media (max-width: 730px) {
    #main-content .productDescription {
        width: 140px
    }
}

#main-content .compare-controls {
    margin-top: 12px
}

#main-content .compare-controls.checkbox {
    overflow: hidden
}

#main-content .compare-controls .checkbox, #main-content .compare-controls label {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1
}

#main-content .compare-controls label {
    font-size: 12px;
    vertical-align: top;
    font-weight: 600
}

.lt-ie8 #main-content .compare-controls label {
    margin-top: 2px;
    width: auto
}

#main-content .compare-controls .btn {
    margin-left: 6px
}

#main-content .gridView, #main-content .listView {
    font-size: 14px;
    line-height: 14px;
    display: block;
    float: left
}

#main-content .gridView:after, #main-content .listView:after {
    padding: 0 5px;
    content: "|";
    color: #999;
    font-size: 14px;
    margin: 0 3px
}

.lt-ie8 #main-content .gridView, .lt-ie8 #main-content .listView {
    padding: 3px 10px 3px 25px;
    border-right: 1px solid #999;
    margin-right: 5px
}

#main-content .gridView:before {
    font-family: graingerFont;
    content: "\e60c";
    font-weight: 400;
    padding: 0 3px 0 0;
    color: #666;
    font-size: 12px
}

.lt-ie8 #main-content .gridView {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -809px;
    background-position-x: 0
}

.lt-ie8 #main-content .gridView {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -809px;
    background-position-x: 0
}

.lt-ie8 #main-content .gridView {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -809px;
    background-position-x: 0
}

.lt-ie8 #main-content .gridView {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -809px;
    background-position-x: 0
}

.lt-ie8 #main-content .gridView {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -809px;
    background-position-x: 0
}

.lt-ie8 #main-content .gridView {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -809px;
    background-position-x: 0
}

.lt-ie8 #main-content .gridView {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -809px;
    background-position-x: 0
}

.lt-ie8 #main-content .gridView {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -809px;
    background-position-x: 0
}

.lt-ie8 #main-content .gridView {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -809px;
    background-position-x: 0
}

.lt-ie8 #main-content .gridView {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -809px;
    background-position-x: 0
}

#main-content .listView:before {
    font-family: graingerFont;
    content: "\e622";
    font-weight: 400;
    color: #666;
    font-size: 14px;
    padding: 0 3px 0 0;
    float: left
}

.lt-ie8 #main-content .listView {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -715px;
    background-position-x: 0
}

.lt-ie8 #main-content .listView {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -715px;
    background-position-x: 0
}

.lt-ie8 #main-content .listView {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -715px;
    background-position-x: 0
}

.lt-ie8 #main-content .listView {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -715px;
    background-position-x: 0
}

.lt-ie8 #main-content .listView {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -715px;
    background-position-x: 0
}

.lt-ie8 #main-content .listView {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -715px;
    background-position-x: 0
}

.lt-ie8 #main-content .listView {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -715px;
    background-position-x: 0
}

.lt-ie8 #main-content .listView {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -715px;
    background-position-x: 0
}

.lt-ie8 #main-content .listView {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -715px;
    background-position-x: 0
}

.lt-ie8 #main-content .listView {
    background-image: url('../../images/sprites/grainger_icon_sprite.png');
    background-repeat: no-repeat;
    background-position-y: -715px;
    background-position-x: 0
}

#main-content .viewChildrenLink .childTable {
    background: #eee;
    padding: 10px;
    margin-bottom: 0
}

#main-content .viewChildrenLink .childTable th {
    font-weight: 700;
    font-size: 12px
}

@media (max-width: 730px) {
    .responsive #main-content .viewChildrenLink .childTable th {
        padding: 10px 5px
    }
}

#main-content .viewChildrenLink .childTable .childTableQuant {
    text-align: right;
    padding: 10px 40px 0 0
}

#main-content tfoot .productTableControls {
    padding: 2px 10px 0 0;
    float: right
}

#main-content .productTableControls {
    padding: 0 10px 0 0;
    float: right
}

#main-content .productTableControls .addToList {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    padding: 10px;
    font-weight: 700
}

#main-content .productTableControls .addToList a {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    padding: 3px 0 0 0
}

#main-content .productTableControls .addToCart {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1
}

#main-content .childTableSku {
    padding-left: 10px;
    width: 110px
}

@media (max-width: 730px) {
    .responsive #main-content .childTableSku {
        width: 90px
    }
}

#main-content .childTableSku > * {
    float: left;
    margin-right: 8px
}

#main-content .childTableSku > a:last-child {
    margin-top: 1px
}

#main-content #childTableBody .childTablePreview {
    padding: 0 10px 10px 10px
}

#main-content #childTableBody .childTableSku {
    padding: 0 0 0 10px
}

#main-content #childTableBody .childTableSku .expand:before {
    font-family: graingerFont;
    content: "\e629";
    font-weight: 400;
    background: #00739e;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00739e), color-stop(1, #05bbff));
    background: -ms-linear-gradient(bottom, #00739e, #05bbff);
    background: -moz-linear-gradient(center bottom, #00739e 0, #05bbff 100%);
    background: -o-linear-gradient(#05bbff, #00739e);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#05bbff', endColorstr='#00739e', GradientType=0);
    line-height: 9px;
    font-size: 8px;
    padding: 2px;
    color: #fff;
    font-weight: normal;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.lt-ie9 #main-content #childTableBody .childTableSku .expand:before {
    margin-right: 5px
}

#main-content #childTableBody .childTableSku .collapse {
    height: auto
}

#main-content #childTableBody .childTableSku .collapse:before {
    font-family: graingerFont;
    content: "\e60f";
    font-weight: 400;
    background: #00739e;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00739e), color-stop(1, #05bbff));
    background: -ms-linear-gradient(bottom, #00739e, #05bbff);
    background: -moz-linear-gradient(center bottom, #00739e 0, #05bbff 100%);
    background: -o-linear-gradient(#05bbff, #00739e);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#05bbff', endColorstr='#00739e', GradientType=0);
    line-height: 9px;
    font-size: 8px;
    padding: 2px;
    color: #fff;
    font-weight: normal;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

#main-content #childTableBody .msg_list {
    display: none
}

#main-content #childTableBody tr {
    border-bottom: 1px solid #ccc
}

#main-content #childTableBody .expanded {
    border-bottom: none
}

#main-content #childTableBody .childProductContainer, #main-content #childTableBody .childTechDetails {
    background: #fff;
    padding: 10px;
    font-size: 12px;
    position: relative;
    font-style: 13px
}

#main-content #childTableBody .childProductContainer:after, #main-content #childTableBody .childTechDetails:after, #main-content #childTableBody .childProductContainer:before, #main-content #childTableBody .childTechDetails:before {
    content: " ";
    display: table
}

#main-content #childTableBody .childProductContainer:after, #main-content #childTableBody .childTechDetails:after {
    clear: both
}

.lt-ie8 #main-content #childTableBody .childProductContainer, .lt-ie8 #main-content #childTableBody .childTechDetails {
    clear: both;
    zoom: 1
}

#main-content #childTableBody .childProductContainer:after, #main-content #childTableBody .childTechDetails:after, #main-content #childTableBody .childProductContainer:before, #main-content #childTableBody .childTechDetails:before {
    content: " ";
    display: table
}

#main-content #childTableBody .childProductContainer:after, #main-content #childTableBody .childTechDetails:after {
    clear: both
}

.lt-ie8 #main-content #childTableBody .childProductContainer, .lt-ie8 #main-content #childTableBody .childTechDetails {
    clear: both;
    zoom: 1
}

#main-content #childTableBody .childProductContainer:after, #main-content #childTableBody .childTechDetails:after, #main-content #childTableBody .childProductContainer:before, #main-content #childTableBody .childTechDetails:before {
    content: " ";
    display: table
}

#main-content #childTableBody .childProductContainer:after, #main-content #childTableBody .childTechDetails:after {
    clear: both
}

.lt-ie8 #main-content #childTableBody .childProductContainer, .lt-ie8 #main-content #childTableBody .childTechDetails {
    clear: both;
    zoom: 1
}

#main-content #childTableBody .childProductContainer:after, #main-content #childTableBody .childTechDetails:after, #main-content #childTableBody .childProductContainer:before, #main-content #childTableBody .childTechDetails:before {
    content: " ";
    display: table
}

#main-content #childTableBody .childProductContainer:after, #main-content #childTableBody .childTechDetails:after {
    clear: both
}

.lt-ie8 #main-content #childTableBody .childProductContainer, .lt-ie8 #main-content #childTableBody .childTechDetails {
    clear: both;
    zoom: 1
}

#main-content #childTableBody .childProductContainer:after, #main-content #childTableBody .childTechDetails:after, #main-content #childTableBody .childProductContainer:before, #main-content #childTableBody .childTechDetails:before {
    content: " ";
    display: table
}

#main-content #childTableBody .childProductContainer:after, #main-content #childTableBody .childTechDetails:after {
    clear: both
}

.lt-ie8 #main-content #childTableBody .childProductContainer, .lt-ie8 #main-content #childTableBody .childTechDetails {
    clear: both;
    zoom: 1
}

#main-content #childTableBody .childProductContainer:after, #main-content #childTableBody .childTechDetails:after, #main-content #childTableBody .childProductContainer:before, #main-content #childTableBody .childTechDetails:before {
    content: " ";
    display: table
}

#main-content #childTableBody .childProductContainer:after, #main-content #childTableBody .childTechDetails:after {
    clear: both
}

.lt-ie8 #main-content #childTableBody .childProductContainer, .lt-ie8 #main-content #childTableBody .childTechDetails {
    clear: both;
    zoom: 1
}

#main-content #childTableBody .childProductContainer:after, #main-content #childTableBody .childTechDetails:after, #main-content #childTableBody .childProductContainer:before, #main-content #childTableBody .childTechDetails:before {
    content: " ";
    display: table
}

#main-content #childTableBody .childProductContainer:after, #main-content #childTableBody .childTechDetails:after {
    clear: both
}

.lt-ie8 #main-content #childTableBody .childProductContainer, .lt-ie8 #main-content #childTableBody .childTechDetails {
    clear: both;
    zoom: 1
}

#main-content #childTableBody .childProductContainer:after, #main-content #childTableBody .childTechDetails:after, #main-content #childTableBody .childProductContainer:before, #main-content #childTableBody .childTechDetails:before {
    content: " ";
    display: table
}

#main-content #childTableBody .childProductContainer:after, #main-content #childTableBody .childTechDetails:after {
    clear: both
}

.lt-ie8 #main-content #childTableBody .childProductContainer, .lt-ie8 #main-content #childTableBody .childTechDetails {
    clear: both;
    zoom: 1
}

#main-content #childTableBody .childProductContainer:after, #main-content #childTableBody .childTechDetails:after, #main-content #childTableBody .childProductContainer:before, #main-content #childTableBody .childTechDetails:before {
    content: " ";
    display: table
}

#main-content #childTableBody .childProductContainer:after, #main-content #childTableBody .childTechDetails:after {
    clear: both
}

.lt-ie8 #main-content #childTableBody .childProductContainer, .lt-ie8 #main-content #childTableBody .childTechDetails {
    clear: both;
    zoom: 1
}

#main-content #childTableBody .childProductContainer:after, #main-content #childTableBody .childTechDetails:after, #main-content #childTableBody .childProductContainer:before, #main-content #childTableBody .childTechDetails:before {
    content: " ";
    display: table
}

#main-content #childTableBody .childProductContainer:after, #main-content #childTableBody .childTechDetails:after {
    clear: both
}

.lt-ie8 #main-content #childTableBody .childProductContainer, .lt-ie8 #main-content #childTableBody .childTechDetails {
    clear: both;
    zoom: 1
}

#main-content #childTableBody .childTechDetails:after, #main-content #childTableBody .childTechDetails:before {
    content: " ";
    display: table
}

#main-content #childTableBody .childTechDetails:after {
    clear: both
}

.lt-ie8 #main-content #childTableBody .childTechDetails {
    clear: both;
    zoom: 1
}

#main-content #childTableBody .childTechDetails:after, #main-content #childTableBody .childTechDetails:before {
    content: " ";
    display: table
}

#main-content #childTableBody .childTechDetails:after {
    clear: both
}

.lt-ie8 #main-content #childTableBody .childTechDetails {
    clear: both;
    zoom: 1
}

#main-content #childTableBody .childTechDetails:after, #main-content #childTableBody .childTechDetails:before {
    content: " ";
    display: table
}

#main-content #childTableBody .childTechDetails:after {
    clear: both
}

.lt-ie8 #main-content #childTableBody .childTechDetails {
    clear: both;
    zoom: 1
}

#main-content #childTableBody .childTechDetails:after, #main-content #childTableBody .childTechDetails:before {
    content: " ";
    display: table
}

#main-content #childTableBody .childTechDetails:after {
    clear: both
}

.lt-ie8 #main-content #childTableBody .childTechDetails {
    clear: both;
    zoom: 1
}

#main-content #childTableBody .childTechDetails:after, #main-content #childTableBody .childTechDetails:before {
    content: " ";
    display: table
}

#main-content #childTableBody .childTechDetails:after {
    clear: both
}

.lt-ie8 #main-content #childTableBody .childTechDetails {
    clear: both;
    zoom: 1
}

#main-content #childTableBody .childTechDetails:after, #main-content #childTableBody .childTechDetails:before {
    content: " ";
    display: table
}

#main-content #childTableBody .childTechDetails:after {
    clear: both
}

.lt-ie8 #main-content #childTableBody .childTechDetails {
    clear: both;
    zoom: 1
}

#main-content #childTableBody .childTechDetails:after, #main-content #childTableBody .childTechDetails:before {
    content: " ";
    display: table
}

#main-content #childTableBody .childTechDetails:after {
    clear: both
}

.lt-ie8 #main-content #childTableBody .childTechDetails {
    clear: both;
    zoom: 1
}

#main-content #childTableBody .childTechDetails:after, #main-content #childTableBody .childTechDetails:before {
    content: " ";
    display: table
}

#main-content #childTableBody .childTechDetails:after {
    clear: both
}

.lt-ie8 #main-content #childTableBody .childTechDetails {
    clear: both;
    zoom: 1
}

#main-content #childTableBody .childTechDetails:after, #main-content #childTableBody .childTechDetails:before {
    content: " ";
    display: table
}

#main-content #childTableBody .childTechDetails:after {
    clear: both
}

.lt-ie8 #main-content #childTableBody .childTechDetails {
    clear: both;
    zoom: 1
}

#main-content #childTableBody .childTechDetails:after, #main-content #childTableBody .childTechDetails:before {
    content: " ";
    display: table
}

#main-content #childTableBody .childTechDetails:after {
    clear: both
}

.lt-ie8 #main-content #childTableBody .childTechDetails {
    clear: both;
    zoom: 1
}

#main-content #childTableBody .childTechDetails .techSpecName, #main-content #childTableBody .childTechDetails .techSpecValue {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    float: left;
    width: 49%
}

#main-content #childTableBody .childTechDetails .techSpecName:after, #main-content #childTableBody .childTechDetails .techSpecValue:after, #main-content #childTableBody .childTechDetails .techSpecName:before, #main-content #childTableBody .childTechDetails .techSpecValue:before {
    content: " ";
    display: table
}

#main-content #childTableBody .childTechDetails .techSpecName:after, #main-content #childTableBody .childTechDetails .techSpecValue:after {
    clear: both
}

.lt-ie8 #main-content #childTableBody .childTechDetails .techSpecName, .lt-ie8 #main-content #childTableBody .childTechDetails .techSpecValue {
    clear: both;
    zoom: 1
}

#main-content #childTableBody .childTechDetails .techSpecName:after, #main-content #childTableBody .childTechDetails .techSpecValue:after, #main-content #childTableBody .childTechDetails .techSpecName:before, #main-content #childTableBody .childTechDetails .techSpecValue:before {
    content: " ";
    display: table
}

#main-content #childTableBody .childTechDetails .techSpecName:after, #main-content #childTableBody .childTechDetails .techSpecValue:after {
    clear: both
}

.lt-ie8 #main-content #childTableBody .childTechDetails .techSpecName, .lt-ie8 #main-content #childTableBody .childTechDetails .techSpecValue {
    clear: both;
    zoom: 1
}

#main-content #childTableBody .childTechDetails .techSpecName:after, #main-content #childTableBody .childTechDetails .techSpecValue:after, #main-content #childTableBody .childTechDetails .techSpecName:before, #main-content #childTableBody .childTechDetails .techSpecValue:before {
    content: " ";
    display: table
}

#main-content #childTableBody .childTechDetails .techSpecName:after, #main-content #childTableBody .childTechDetails .techSpecValue:after {
    clear: both
}

.lt-ie8 #main-content #childTableBody .childTechDetails .techSpecName, .lt-ie8 #main-content #childTableBody .childTechDetails .techSpecValue {
    clear: both;
    zoom: 1
}

#main-content #childTableBody .childTechDetails .techSpecName:after, #main-content #childTableBody .childTechDetails .techSpecValue:after, #main-content #childTableBody .childTechDetails .techSpecName:before, #main-content #childTableBody .childTechDetails .techSpecValue:before {
    content: " ";
    display: table
}

#main-content #childTableBody .childTechDetails .techSpecName:after, #main-content #childTableBody .childTechDetails .techSpecValue:after {
    clear: both
}

.lt-ie8 #main-content #childTableBody .childTechDetails .techSpecName, .lt-ie8 #main-content #childTableBody .childTechDetails .techSpecValue {
    clear: both;
    zoom: 1
}

#main-content #childTableBody .childTechDetails .techSpecName:after, #main-content #childTableBody .childTechDetails .techSpecValue:after, #main-content #childTableBody .childTechDetails .techSpecName:before, #main-content #childTableBody .childTechDetails .techSpecValue:before {
    content: " ";
    display: table
}

#main-content #childTableBody .childTechDetails .techSpecName:after, #main-content #childTableBody .childTechDetails .techSpecValue:after {
    clear: both
}

.lt-ie8 #main-content #childTableBody .childTechDetails .techSpecName, .lt-ie8 #main-content #childTableBody .childTechDetails .techSpecValue {
    clear: both;
    zoom: 1
}

#main-content #childTableBody .childTechDetails .techSpecName:after, #main-content #childTableBody .childTechDetails .techSpecValue:after, #main-content #childTableBody .childTechDetails .techSpecName:before, #main-content #childTableBody .childTechDetails .techSpecValue:before {
    content: " ";
    display: table
}

#main-content #childTableBody .childTechDetails .techSpecName:after, #main-content #childTableBody .childTechDetails .techSpecValue:after {
    clear: both
}

.lt-ie8 #main-content #childTableBody .childTechDetails .techSpecName, .lt-ie8 #main-content #childTableBody .childTechDetails .techSpecValue {
    clear: both;
    zoom: 1
}

#main-content #childTableBody .childTechDetails .techSpecName:after, #main-content #childTableBody .childTechDetails .techSpecValue:after, #main-content #childTableBody .childTechDetails .techSpecName:before, #main-content #childTableBody .childTechDetails .techSpecValue:before {
    content: " ";
    display: table
}

#main-content #childTableBody .childTechDetails .techSpecName:after, #main-content #childTableBody .childTechDetails .techSpecValue:after {
    clear: both
}

.lt-ie8 #main-content #childTableBody .childTechDetails .techSpecName, .lt-ie8 #main-content #childTableBody .childTechDetails .techSpecValue {
    clear: both;
    zoom: 1
}

#main-content #childTableBody .childTechDetails .techSpecName:after, #main-content #childTableBody .childTechDetails .techSpecValue:after, #main-content #childTableBody .childTechDetails .techSpecName:before, #main-content #childTableBody .childTechDetails .techSpecValue:before {
    content: " ";
    display: table
}

#main-content #childTableBody .childTechDetails .techSpecName:after, #main-content #childTableBody .childTechDetails .techSpecValue:after {
    clear: both
}

.lt-ie8 #main-content #childTableBody .childTechDetails .techSpecName, .lt-ie8 #main-content #childTableBody .childTechDetails .techSpecValue {
    clear: both;
    zoom: 1
}

#main-content #childTableBody .childTechDetails .techSpecName:after, #main-content #childTableBody .childTechDetails .techSpecValue:after, #main-content #childTableBody .childTechDetails .techSpecName:before, #main-content #childTableBody .childTechDetails .techSpecValue:before {
    content: " ";
    display: table
}

#main-content #childTableBody .childTechDetails .techSpecName:after, #main-content #childTableBody .childTechDetails .techSpecValue:after {
    clear: both
}

.lt-ie8 #main-content #childTableBody .childTechDetails .techSpecName, .lt-ie8 #main-content #childTableBody .childTechDetails .techSpecValue {
    clear: both;
    zoom: 1
}

#main-content #childTableBody .childTechDetails .techSpecName:after, #main-content #childTableBody .childTechDetails .techSpecValue:after, #main-content #childTableBody .childTechDetails .techSpecName:before, #main-content #childTableBody .childTechDetails .techSpecValue:before {
    content: " ";
    display: table
}

#main-content #childTableBody .childTechDetails .techSpecName:after, #main-content #childTableBody .childTechDetails .techSpecValue:after {
    clear: both
}

.lt-ie8 #main-content #childTableBody .childTechDetails .techSpecName, .lt-ie8 #main-content #childTableBody .childTechDetails .techSpecValue {
    clear: both;
    zoom: 1
}

#main-content #childTableBody .childTechDetails .techSpecValue {
    font-weight: bold
}

#main-content #childTableBody .childProductContainer > * {
    float: left;
    max-width: 30%;
    margin: 0 20px 0 0
}

#main-content #childTableBody .childProductContainer i {
    position: absolute;
    top: 50%;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    right: -9px;
    margin-top: -11px;
    border-left-color: #ccc;
    border-width: 10px 0 10px 10px;
    border-left-color: #fff;
    top: 0;
    left: 0;
    display: block;
    float: none
}

#main-content #childTableBody .childProductContainer i:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    position: absolute
}

#main-content #childTableBody .childProductContainer i:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    position: absolute
}

#main-content #childTableBody .childProductContainer i:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    position: absolute
}

#main-content #childTableBody .childProductContainer i:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    position: absolute
}

#main-content #childTableBody .childProductContainer i:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    position: absolute
}

#main-content #childTableBody .childProductContainer i:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    position: absolute
}

#main-content #childTableBody .childProductContainer i:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    position: absolute
}

#main-content #childTableBody .childProductContainer i:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    position: absolute
}

#main-content #childTableBody .childProductContainer i:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    position: absolute
}

#main-content #childTableBody .childProductContainer i:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    position: absolute
}

#main-content #childTableBody .childProductContainer i:after {
    border-left-color: #fff;
    border-width: 9px 0 9px 9px;
    top: -9px;
    right: 1px
}

#main-content #childTableBody .childProductContainer i:after {
    border-left-color: #fff;
    border-width: 9px 0 9px 9px;
    top: -9px;
    right: 1px
}

#main-content #childTableBody .childProductContainer i:after {
    border-left-color: #fff;
    border-width: 9px 0 9px 9px;
    top: -9px;
    right: 1px
}

#main-content #childTableBody .childProductContainer i:after {
    border-left-color: #fff;
    border-width: 9px 0 9px 9px;
    top: -9px;
    right: 1px
}

#main-content #childTableBody .childProductContainer i:after {
    border-left-color: #fff;
    border-width: 9px 0 9px 9px;
    top: -9px;
    right: 1px
}

#main-content #childTableBody .childProductContainer i:after {
    border-left-color: #fff;
    border-width: 9px 0 9px 9px;
    top: -9px;
    right: 1px
}

#main-content #childTableBody .childProductContainer i:after {
    border-left-color: #fff;
    border-width: 9px 0 9px 9px;
    top: -9px;
    right: 1px
}

#main-content #childTableBody .childProductContainer i:after {
    border-left-color: #fff;
    border-width: 9px 0 9px 9px;
    top: -9px;
    right: 1px
}

#main-content #childTableBody .childProductContainer i:after {
    border-left-color: #fff;
    border-width: 9px 0 9px 9px;
    top: -9px;
    right: 1px
}

#main-content #childTableBody .childProductContainer i:after {
    border-left-color: #fff;
    border-width: 9px 0 9px 9px;
    top: -9px;
    right: 1px
}

#main-content #childTableBody .childProductContainer a {
    font-weight: 700
}

#main-content #childTableBody .childProductContainer .childProductInfoWrp {
    width: 300px;
    max-width: 300px;
    border-right: 1px solid #ccc;
    margin-right: 20px;
    padding-right: 20px
}

#main-content #childTableBody .childProductContainer .childProductInfoWrp .childProductInfo .childProductTitle {
    margin: 7px 0 15px 0
}

#main-content #childTableBody .childProductContainer .childProductInfoWrp .childProductInfo .childProductTitle a {
    word-wrap: break-word;
    font-size: 15px
}

#main-content #childTableBody .childProductContainer .childProductInfoWrp .childProductInfo .childProductData {
    margin-bottom: 6px
}

#main-content #childTableBody .childProductContainer .childCatalogInfo, #main-content #childTableBody .childProductContainer .childProductInfoWrp {
    margin-top: 10px
}

#main-content #childTableBody .childProductContainer .childPricingInfo .item-icons {
    margin-top: 15px
}

#main-content #childTableBody .childProductContainer .childPricingInfo .item-icons:after, #main-content #childTableBody .childProductContainer .childPricingInfo .item-icons:before {
    content: " ";
    display: table
}

#main-content #childTableBody .childProductContainer .childPricingInfo .item-icons:after {
    clear: both
}

.lt-ie8 #main-content #childTableBody .childProductContainer .childPricingInfo .item-icons {
    clear: both;
    zoom: 1
}

#main-content #childTableBody .childProductContainer .childPricingInfo .item-icons:after, #main-content #childTableBody .childProductContainer .childPricingInfo .item-icons:before {
    content: " ";
    display: table
}

#main-content #childTableBody .childProductContainer .childPricingInfo .item-icons:after {
    clear: both
}

.lt-ie8 #main-content #childTableBody .childProductContainer .childPricingInfo .item-icons {
    clear: both;
    zoom: 1
}

#main-content #childTableBody .childProductContainer .childPricingInfo .item-icons:after, #main-content #childTableBody .childProductContainer .childPricingInfo .item-icons:before {
    content: " ";
    display: table
}

#main-content #childTableBody .childProductContainer .childPricingInfo .item-icons:after {
    clear: both
}

.lt-ie8 #main-content #childTableBody .childProductContainer .childPricingInfo .item-icons {
    clear: both;
    zoom: 1
}

#main-content #childTableBody .childProductContainer .childPricingInfo .item-icons:after, #main-content #childTableBody .childProductContainer .childPricingInfo .item-icons:before {
    content: " ";
    display: table
}

#main-content #childTableBody .childProductContainer .childPricingInfo .item-icons:after {
    clear: both
}

.lt-ie8 #main-content #childTableBody .childProductContainer .childPricingInfo .item-icons {
    clear: both;
    zoom: 1
}

#main-content #childTableBody .childProductContainer .childPricingInfo .item-icons:after, #main-content #childTableBody .childProductContainer .childPricingInfo .item-icons:before {
    content: " ";
    display: table
}

#main-content #childTableBody .childProductContainer .childPricingInfo .item-icons:after {
    clear: both
}

.lt-ie8 #main-content #childTableBody .childProductContainer .childPricingInfo .item-icons {
    clear: both;
    zoom: 1
}

#main-content #childTableBody .childProductContainer .childPricingInfo .item-icons:after, #main-content #childTableBody .childProductContainer .childPricingInfo .item-icons:before {
    content: " ";
    display: table
}

#main-content #childTableBody .childProductContainer .childPricingInfo .item-icons:after {
    clear: both
}

.lt-ie8 #main-content #childTableBody .childProductContainer .childPricingInfo .item-icons {
    clear: both;
    zoom: 1
}

#main-content #childTableBody .childProductContainer .childPricingInfo .item-icons:after, #main-content #childTableBody .childProductContainer .childPricingInfo .item-icons:before {
    content: " ";
    display: table
}

#main-content #childTableBody .childProductContainer .childPricingInfo .item-icons:after {
    clear: both
}

.lt-ie8 #main-content #childTableBody .childProductContainer .childPricingInfo .item-icons {
    clear: both;
    zoom: 1
}

#main-content #childTableBody .childProductContainer .childPricingInfo .item-icons:after, #main-content #childTableBody .childProductContainer .childPricingInfo .item-icons:before {
    content: " ";
    display: table
}

#main-content #childTableBody .childProductContainer .childPricingInfo .item-icons:after {
    clear: both
}

.lt-ie8 #main-content #childTableBody .childProductContainer .childPricingInfo .item-icons {
    clear: both;
    zoom: 1
}

#main-content #childTableBody .childProductContainer .childPricingInfo .item-icons:after, #main-content #childTableBody .childProductContainer .childPricingInfo .item-icons:before {
    content: " ";
    display: table
}

#main-content #childTableBody .childProductContainer .childPricingInfo .item-icons:after {
    clear: both
}

.lt-ie8 #main-content #childTableBody .childProductContainer .childPricingInfo .item-icons {
    clear: both;
    zoom: 1
}

#main-content #childTableBody .childProductContainer .childPricingInfo .item-icons:after, #main-content #childTableBody .childProductContainer .childPricingInfo .item-icons:before {
    content: " ";
    display: table
}

#main-content #childTableBody .childProductContainer .childPricingInfo .item-icons:after {
    clear: both
}

.lt-ie8 #main-content #childTableBody .childProductContainer .childPricingInfo .item-icons {
    clear: both;
    zoom: 1
}

#main-content #childTableBody .childProductContainer .childPricingInfo .item-icons li {
    float: left;
    margin-right: 10px
}

#main-content #childTableBody .childProductContainer .childPricingInfo .item-icons .productIcons {
    margin: 0
}

#main-content #childTableBody .childCatalogData {
    width: 100px
}

#main-content #childTableBody .childPricingInfo .regularPrice {
    font-size: 12px;
    padding: 0
}

#main-content #childTableBody .childPricingInfo .regularPrice .price {
    font-size: 12px;
    padding: 0
}

#main-content #childTableBody .compare-controls-wrapper {
    clear: both;
    max-width: 100%;
    float: none
}

#main-content #childTableBody .childTableQuant {
    text-align: right;
    padding: 0 15px 0 0
}

#main-content #childTableBody .compare-controls {
    margin: 0;
    padding: 10px 0 0 0
}

#main-content #childTableBody .childTechDetails .childTechSpecsTitle {
    font-size: 16px
}

#main-content #childTableBody .childTechDetails .column {
    font-size: 12px;
    width: 50%;
    padding: 10px;
    margin-bottom: 10px;
    float: left;
    margin-bottom: 0;
    padding-bottom: 0
}

.lt-ie8 #main-content #childTableBody .childTechDetails .column {
    width: 48%
}

.lt-ie8 #main-content #childTableBody .childTechDetails .column {
    width: 48%
}

.lt-ie8 #main-content #childTableBody .childTechDetails .column {
    width: 48%
}

.lt-ie8 #main-content #childTableBody .childTechDetails .column {
    width: 48%
}

.lt-ie8 #main-content #childTableBody .childTechDetails .column {
    width: 48%
}

.lt-ie8 #main-content #childTableBody .childTechDetails .column {
    width: 48%
}

.lt-ie8 #main-content #childTableBody .childTechDetails .column {
    width: 48%
}

.lt-ie8 #main-content #childTableBody .childTechDetails .column {
    width: 48%
}

.lt-ie8 #main-content #childTableBody .childTechDetails .column {
    width: 48%
}

.lt-ie8 #main-content #childTableBody .childTechDetails .column {
    width: 48%
}

#main-content #childTableBody .childTechDetails .column li {
    border-top: 1px solid #ccc;
    padding: 10px 0
}

#main-content #childTableBody .childTechDetails .column li:after, #main-content #childTableBody .childTechDetails .column li:before {
    content: " ";
    display: table
}

#main-content #childTableBody .childTechDetails .column li:after {
    clear: both
}

.lt-ie8 #main-content #childTableBody .childTechDetails .column li {
    clear: both;
    zoom: 1
}

#main-content #childTableBody .childTechDetails .column li:after, #main-content #childTableBody .childTechDetails .column li:before {
    content: " ";
    display: table
}

#main-content #childTableBody .childTechDetails .column li:after {
    clear: both
}

.lt-ie8 #main-content #childTableBody .childTechDetails .column li {
    clear: both;
    zoom: 1
}

#main-content #childTableBody .childTechDetails .column li:after, #main-content #childTableBody .childTechDetails .column li:before {
    content: " ";
    display: table
}

#main-content #childTableBody .childTechDetails .column li:after {
    clear: both
}

.lt-ie8 #main-content #childTableBody .childTechDetails .column li {
    clear: both;
    zoom: 1
}

#main-content #childTableBody .childTechDetails .column li:after, #main-content #childTableBody .childTechDetails .column li:before {
    content: " ";
    display: table
}

#main-content #childTableBody .childTechDetails .column li:after {
    clear: both
}

.lt-ie8 #main-content #childTableBody .childTechDetails .column li {
    clear: both;
    zoom: 1
}

#main-content #childTableBody .childTechDetails .column li:after, #main-content #childTableBody .childTechDetails .column li:before {
    content: " ";
    display: table
}

#main-content #childTableBody .childTechDetails .column li:after {
    clear: both
}

.lt-ie8 #main-content #childTableBody .childTechDetails .column li {
    clear: both;
    zoom: 1
}

#main-content #childTableBody .childTechDetails .column li:after, #main-content #childTableBody .childTechDetails .column li:before {
    content: " ";
    display: table
}

#main-content #childTableBody .childTechDetails .column li:after {
    clear: both
}

.lt-ie8 #main-content #childTableBody .childTechDetails .column li {
    clear: both;
    zoom: 1
}

#main-content #childTableBody .childTechDetails .column li:after, #main-content #childTableBody .childTechDetails .column li:before {
    content: " ";
    display: table
}

#main-content #childTableBody .childTechDetails .column li:after {
    clear: both
}

.lt-ie8 #main-content #childTableBody .childTechDetails .column li {
    clear: both;
    zoom: 1
}

#main-content #childTableBody .childTechDetails .column li:after, #main-content #childTableBody .childTechDetails .column li:before {
    content: " ";
    display: table
}

#main-content #childTableBody .childTechDetails .column li:after {
    clear: both
}

.lt-ie8 #main-content #childTableBody .childTechDetails .column li {
    clear: both;
    zoom: 1
}

#main-content #childTableBody .childTechDetails .column li:after, #main-content #childTableBody .childTechDetails .column li:before {
    content: " ";
    display: table
}

#main-content #childTableBody .childTechDetails .column li:after {
    clear: both
}

.lt-ie8 #main-content #childTableBody .childTechDetails .column li {
    clear: both;
    zoom: 1
}

#main-content #childTableBody .childTechDetails .column li:after, #main-content #childTableBody .childTechDetails .column li:before {
    content: " ";
    display: table
}

#main-content #childTableBody .childTechDetails .column li:after {
    clear: both
}

.lt-ie8 #main-content #childTableBody .childTechDetails .column li {
    clear: both;
    zoom: 1
}

#main-content #childTableBody .childTechDetails .column li:last-child {
    padding-bottom: 2px
}

#main-content .reg-price {
    color: #257238;
    font-weight: 700
}

#main-content .quickViewMostPopularProducts {
    background: #ccc;
    padding: 20px
}

#main-content .viewChildrenLink .right .childShowPreview {
    background: #eee;
    font-weight: 700;
    padding: 20px;
    float: right;
    text-align: left;
    width: 550px;
    padding: 10px 20px 10px 20px;
    margin: 0 0 2px 0
}

#main-content .viewChildrenLink .right .childShowPreview:after {
    font-family: graingerFont;
    content: "\e629";
    font-weight: 400;
    float: right
}

#main-content .viewChildrenLink .right .collapse {
    height: inherit
}

#main-content .regularPrice {
    font-weight: 700;
    color: #257238;
    padding: 0;
    float: none;
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    width: 100px;
    vertical-align: top
}

.lt-ie8 #main-content .regularPrice {
    width: 120px;
    padding-left: 0
}

@media (max-width: 730px) {
    #main-content .regularPrice {
        width: 140px
    }
}

#main-content #resultsView .priceContainer {
    float: none
}

#main-content .productLink {
    font-weight: 700
}

#main-content .childTablePrice p {
    margin: 0 0 0 20px
}

#main-content .childTableAvail {
    width: 120px
}

#main-content .childTableBody tr {
    border-bottom: 1px solid #ccc
}

@media (max-width: 890px) {
    .responsive #main-content {
        width: 66.66666666666667%;
        padding: 10px;
        margin-bottom: 10px;
        float: left
    }

    .lt-ie8 .responsive #main-content {
        width: 64.66666666666667%
    }

    .lt-ie8 .responsive #main-content {
        width: 64.66666666666667%
    }

    .lt-ie8 .responsive #main-content {
        width: 64.66666666666667%
    }

    .lt-ie8 .responsive #main-content {
        width: 64.66666666666667%
    }

    .lt-ie8 .responsive #main-content {
        width: 64.66666666666667%
    }

    .lt-ie8 .responsive #main-content {
        width: 64.66666666666667%
    }

    .lt-ie8 .responsive #main-content {
        width: 64.66666666666667%
    }

    .lt-ie8 .responsive #main-content {
        width: 64.66666666666667%
    }

    .lt-ie8 .responsive #main-content {
        width: 64.66666666666667%
    }

    .lt-ie8 .responsive #main-content {
        width: 64.66666666666667%
    }

    .responsive #main-content .endeca {
        width: 100% !important
    }

    .responsive #main-content .endeca img {
        width: 100%
    }
}

@media (max-width: 730px) {
    .responsive #main-content {
        width: 65%
    }
}

@media (max-width: 890px) {
    .responsive.productview #main-content {
        width: 100%;
        padding: 10px;
        margin-bottom: 10px;
        float: none;
        padding: 0
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .lt-ie8 .responsive.productview #main-content {
        width: 98%
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .lt-ie8 .responsive.productview #main-content {
        width: 98%
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .lt-ie8 .responsive.productview #main-content {
        width: 98%
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .lt-ie8 .responsive.productview #main-content {
        width: 98%
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .lt-ie8 .responsive.productview #main-content {
        width: 98%
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .lt-ie8 .responsive.productview #main-content {
        width: 98%
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .lt-ie8 .responsive.productview #main-content {
        width: 98%
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .lt-ie8 .responsive.productview #main-content {
        width: 98%
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .lt-ie8 .responsive.productview #main-content {
        width: 98%
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .responsive.productview #main-content:after, .responsive.productview #main-content:before {
        content: " ";
        display: table
    }

    .responsive.productview #main-content:after {
        clear: both
    }

    .lt-ie8 .responsive.productview #main-content {
        clear: both;
        zoom: 1
    }

    .lt-ie8 .responsive.productview #main-content {
        width: 98%
    }
}

.responsive.productview #main-content .pagebuilder-restyle {
    display: none
}

.responsive.productview #main-content .pagebuilder-restyle .msg_list, .responsive.productview #main-content .pagebuilder-restyle .msg_body {
    width: 100% !important
}

@media (max-width: 730px) {
    .responsive.productview #main-content .pagebuilder-restyle img {
        width: 100%;
        display: none
    }
}

.pagebuilder-restyle {
    overflow: hidden
}

#main-content .pagebuilder-restyle h3 {
    clear: both
}

#main-content .pagebuilder-restyle h3 + .shop-category-item {
    border-left: none
}

#main-content .pagebuilder-restyle table {
    margin: 0;
    padding: 0
}

#main-content .pagebuilder-restyle table tr {
    background: #CCC
}

#main-content .pagebuilder-restyle table tr td {
    padding: 0;
    background: white
}

#main-content .pagebuilder-restyle table .endeca + h3 {
    padding-top: 20px;
    border-top: 1px solid #ccc;
    background: radial-gradient(center, ellipse cover, rgba(25, 25, 25, 0.35) 0, rgba(0, 0, 0, 0) 100%);
    background: radial-gradient(ellipse 70% 10px at top, rgba(25, 25, 25, 0.35) 0, rgba(255, 255, 255, 0) 80%)
}

#main-content .pagebuilder-restyle table .endeca + h3 + .shop-category-item {
    border-left: none
}

#main-content .pagebuilder-restyle .shop-category-line {
    display: block;
    clear: both;
    border-top: thin solid #ccc
}

#main-content .pagebuilder-restyle .shop-category-line + .shop-category-item {
    border-left: none
}

.responsive #main-content .pagebuilder-restyle .shop-category-line {
    display: none
}

.category-wrapper label {
    color: #000;
    font-size: 12px;
    width: 260px
}

.category-wrapper label:hover {
    cursor: pointer;
    color: #29333b
}

.category-wrapper label span.facetValueCount {
    color: #6a757c;
    font-weight: 500;
    padding-left: 3px
}

.lt-ie8 .category-wrapper label {
    width: 235px
}

.category-wrapper label.facet_block-label {
    display: flex;
    position: relative;
    padding-left: 24px;
    padding-right: 8px;
    width: 100%
}

.category-wrapper label.facet_block-label .facetText {
    padding-left: 3px;
    display: -webkit-inline-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal !important;
    word-break: break-word;
    overflow: hidden;
    position: relative;
    vertical-align: bottom
}

.category-wrapper label, .category-wrapper input {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1
}

.category-wrapper #shopBy-nav_pane label {
    white-space: nowrap
}

.lt-ie8 .category-wrapper #shopBy-nav_pane label {
    white-space: normal
}

.advanced-attribute-search {
    font-family: graingerFont;
    font-weight: 400;
    font-size: 18px;
    width: 85%;
    margin-top: 2%;
    margin-left: 10px
}

.advanced-attribute-search-icon:after {
    content: "\e61a";
    font-weight: 400;
    font-size: 18px;
    color: #d6d6d6;
    font-family: graingerFont;
    top: 20px;
    position: absolute;
    right: 20px
}

.advanced-attribute-search-icon {
    position: absolute
}

.advanced-tech-attribute-search {
    border: 1px solid #ccc
}

body.hideFilterOverflow {
    overflow-x: hidden
}

.responsive #body {
    position: relative
}

@media (max-width: 890px) {
    .responsive #header-breadcrumb-container h1 {
        margin-left: 10px
    }

    .responsive #header-breadcrumb-container #user-actions {
        float: none;
        position: absolute;
        right: 10px;
        margin-top: 7px
    }

    .responsive #header-breadcrumb-container #breadcrumbs {
        max-width: 650px;
        margin-left: 10px
    }
}

.responsive #searchFilterBreadBox {
    display: none;
    background-color: #D5D5D5;
    border-top: solid 1px #aaa;
    border-left: solid 1px 0;
    border-right: solid 1px #aaa;
    border-bottom: solid 1px #aaa;
    width: 100%;
    height: 34px;
    margin-bottom: 10px;
    position: relative;
    z-index: 7
}

@media (max-width: 890px) {
    .responsive #searchFilterBreadBox {
        display: block
    }
}

.responsive #searchFilterBreadBox.fixedBreadbox {
    position: fixed;
    top: 0
}

.responsive #searchFilterBreadBox .results-filter-search ul, .responsive #searchFilterBreadBox .results-filter-search li, .responsive #searchFilterBreadBox .results-filter-search, .responsive #searchFilterBreadBox .clearAllTerms {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1
}

@media (max-width: 890px) {
    .responsive #searchFilterBreadBox .results-filter-search ul {
        margin-right: 5px
    }
}

.responsive #searchFilterBreadBox .results-filter-search li .deleteIcon:after {
    font-family: graingerFont;
    content: "\e61d";
    font-weight: 400;
    color: #333;
    font-size: 10px;
    margin-left: 3px;
    float: right;
    font-weight: normal
}

@media (max-width: 890px) {
    .responsive #searchFilterBreadBox .results-filter-search li {
        margin-left: 5px
    }
}

.responsive #searchFilterBreadBox .clearAllTerms {
    margin-left: 7px
}

.responsive #filterToggleLink {
    float: left;
    color: #04447E;
    font-size: 11px;
    cursor: pointer;
    line-height: 34px;
    position: relative;
    left: 170px
}

.responsive #appliedFilters {
    float: left;
    position: relative;
    left: 160px;
    line-height: 34px;
    font-size: 11px
}

.responsive.productview.eproFiltersActive #eheader, .responsive.productview.eproFiltersActive #body, .responsive.productview.eproFiltersActive #footer {
    left: 220px
}

@media (max-width: 960px) {
    .responsive .BVFieldText, .responsive .BVFieldTextArea {
        width: 100%
    }
}

@media (max-width: 960px) {
    .responsive .BVMEPopinTip {
        top: 15px
    }
}

@media (max-width: 960px) {
    .responsive .ProductSpotlight, .responsive .endecaBannerImg {
        display: none
    }
}

#filterToggleButton {
    display: none;
    left: -160px;
    position: absolute;
    cursor: pointer;
    padding: 0;
    z-index: 8;
    height: 34px;
    width: 145px;
    border-top: solid 1px #aaa;
    border-left: solid 1px 0;
    border-right: solid 1px #aaa;
    border-bottom: solid 1px #aaa;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5)
}

@media (max-width: 890px) {
    #filterToggleButton {
        display: block
    }
}

#filterToggleButton #filterToggleText {
    color: #FFF;
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    line-height: 30px;
    padding-left: 5px;
    vertical-align: top;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase
}

#filterToggleButton #filterToggleText:after {
    padding-left: 15px;
    font-family: graingerFont;
    content: "\e62e";
    font-weight: 400
}

#filterToggleButton.filtersShown {
    z-index: 20;
    width: 165px;
    color: #333;
    background-color: #ddd;
    background-image: -moz-linear-gradient(top, #e5e5e5 0, #e5e5e5 50%, #ddd 51%, #ddd 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(50%, #e5e5e5), color-stop(51%, #ddd), color-stop(100%, #ddd));
    background-image: -webkit-linear-gradient(top, #e5e5e5 0, #e5e5e5 50%, #ddd 51%, #ddd 100%);
    background-image: -o-linear-gradient(top, #e5e5e5 0, #e5e5e5 50%, #ddd 51%, #ddd 100%);
    background-image: -ms-linear-gradient(top, #e5e5e5 0, #e5e5e5 50%, #ddd 51%, #ddd 100%);
    background-image: linear-gradient(to bottom, #e5e5e5 0, #e5e5e5 50%, #ddd 51%, #ddd 100%)
}

#filterToggleButton.filtersShown #filterToggleText {
    color: #333
}

#filterToggleButton.filtersShown #filterToggleText:after {
    padding-left: 25px;
    font-family: graingerFont;
    content: "\e62d";
    font-weight: 400;
    color: #333
}

#filterToggleButton.filtersShown #filterToggleText:hover {
    background-color: #d6d6d6;
    background-image: -moz-linear-gradient(top, #e0e0e0 0, #e0e0e0 50%, #d6d6d6 51%, #d6d6d6 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e0e0e0), color-stop(50%, #e0e0e0), color-stop(51%, #d6d6d6), color-stop(100%, #d6d6d6));
    background-image: -webkit-linear-gradient(top, #e0e0e0 0, #e0e0e0 50%, #d6d6d6 51%, #d6d6d6 100%);
    background-image: -o-linear-gradient(top, #e0e0e0 0, #e0e0e0 50%, #d6d6d6 51%, #d6d6d6 100%);
    background-image: -ms-linear-gradient(top, #e0e0e0 0, #e0e0e0 50%, #d6d6d6 51%, #d6d6d6 100%);
    background-image: linear-gradient(to bottom, #e0e0e0 0, #e0e0e0 50%, #d6d6d6 51%, #d6d6d6 100%)
}

#filterToggleButton.fixedButton {
    position: fixed;
    top: 0
}

#searchFilterMask {
    display: none;
    width: 0;
    background-color: #000;
    -moz-opacity: .6;
    -khtml-opacity: .6;
    -webkit-opacity: .6;
    opacity: .6;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    filter: alpha(opacity=60);
    position: absolute;
    z-index: 15;
    height: 100%;
    right: 0;
    border-top: solid 1px 0;
    border-left: solid 1px #fff;
    border-right: solid 1px 0;
    border-bottom: solid 1px 0
}

.lt-ie8 #searchFilterMask {
    zoom: 1
}

.lt-ie8 #searchFilterMask {
    zoom: 1
}

.lt-ie8 #searchFilterMask {
    zoom: 1
}

.lt-ie8 #searchFilterMask {
    zoom: 1
}

.lt-ie8 #searchFilterMask {
    zoom: 1
}

.lt-ie8 #searchFilterMask {
    zoom: 1
}

.lt-ie8 #searchFilterMask {
    zoom: 1
}

.lt-ie8 #searchFilterMask {
    zoom: 1
}

.lt-ie8 #searchFilterMask {
    zoom: 1
}

.lt-ie8 #searchFilterMask {
    zoom: 1
}

#searchFilterMask.filterMaskActive {
    width: 100%;
    display: block;
    left: 220px
}

.shortDesc {
    height: 32px;
    overflow: hidden
}

.facet_block-label {
    font-size: 14px;
    font-weight: 500;
    line-height: 16px !important;
    padding-left: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    word-wrap: break-word
}

.facet_block-label input[type="checkbox"], .facet_block-label .facetValueCount {
    vertical-align: top
}

.facet_block-label .temporaryUnavailable {
    margin: 0;
    padding: 0 10px
}

.facet_block-label .hide-blocked-products {
    display: flex
}

.facet_block-label .switch {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 18px;
    vertical-align: top
}

.facet_block-label .switch input[type="checkbox"] {
    display: none
}

.facet_block-label .slider {
    position: absolute;
    cursor: pointer;
    top: 2px;
    left: 0;
    right: 0;
    bottom: 3px;
    background-color: #eee;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 34px
}

.facet_block-label .slider:before {
    position: absolute;
    content: "";
    height: 13px;
    width: 13px;
    top: 0;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%;
    border: 1px solid #ccc
}

.facet_block-label input:checked + .slider {
    background-color: #eee
}

.facet_block-label input:focus + .slider {
    box-shadow: 0 0 1px #2196F3
}

.facet_block-label input:checked + .slider:before {
    -webkit-transform: translateX(11px);
    -ms-transform: translateX(11px);
    transform: translateX(11px);
    background-color: #00739e
}

.facet_block-label .slider:after {
    content: '';
    color: white;
    display: block;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    font-size: 10px;
    font-family: Verdana, sans-serif
}

.facet_block-label input:checked + .slider:after {
    content: ''
}

.category-wrapper input[type="checkbox"] {
    margin-right: 3px;
    margin-left: 4px;
    position: absolute;
    top: 4px
}

.category-wrapper input[type="radio"] {
    margin-right: 3px;
    margin-left: 4px;
    position: absolute;
    top: 4px
}

.pageSizeForm .activePageSize {
    font-weight: 600;
    color: #000
}

.facet_nav-applied-filters {
    display: inline-block
}

.facet_nav-clear-app-filters {
    display: inline;
    margin-left: 10px
}

#bcLeftNavOuter .category-wrapper {
    margin-top: 1px solid #fff
}

#searchNavigationBanner:after {
    content: '';
    display: block;
    clear: both
}

#searchNavigationBanner .banner-category-item {
    width: 15.66%;
    padding: 1% .5%;
    margin: 1% .5%;
    float: left;
    text-align: center;
    min-height: 200px;
    border: 1px solid #ccc
}

.language-fr #main-content .list .product .priceColumnL3ListView {
    max-width: 105px
}

.categoryresults #main-content .item-message #suggest-item {
    padding-left: 15px
}

.categoryresults #main-content .item-message1 #unavailable-item {
    position: absolute
}

@media screen and (max-width: 1024px) {
    #main-content .list .product .productAddToCart {
        width: 100%;
        margin-bottom: 10px
    }

    #main-content .list .product .productButtonContainer {
        vertical-align: top
    }
}

.search-result-message h1 {
    font-size: 34px;
    font-family: RobotoCondensed, Arial, Helvetica, sans-serif;
    margin-bottom: 15px
}

.search-result-message p {
    font-size: 16px;
    margin-bottom: 20px
}

.closeMatchText {
    z-index: 7 !important
}

.language-fr #main-content #resultsView.list .product .noprice-msg-display {
    margin-right: 7px;
    width: 100%
}

#main-content .grid .productAvailMsg .DateLineTooltip {
    margin-left: -10px
}

#main-content .list .product {
    padding-bottom: 5px
}

#main-content .list .product .productAddToCart {
    display: block;
    float: none;
    text-align: right
}

#main-content .productAvailMsg .DateLineTooltip {
    margin-right: 3px !important;
    line-height: 1.4
}

#main-content .productAvailMsg .DateLineTooltip a:after {
    content: "\e624"
}

#main-content .productAvailMsg .manageAvailability {
    display: inline
}

#main-content #resultsView.grid .product {
    position: relative
}

#main-content #resultsView.grid .regularPrice .priceLabel {
    font-size: 14px
}

#main-content #resultsView.grid .alert.warn {
    display: block;
    position: relative
}

.page-search-page.language-fr #main-content .grid .product .productViewLink .productAddToCart .txtR, .page-category-landing.language-fr #main-content .grid .product .productViewLink .productAddToCart .txtR {
    margin-right: 0 !important
}

.categoryresults #main-content .grid .product .productAddToCart, .page-search-page #main-content .grid .product .productAddToCart {
    width: 100%;
    margin-top: 8px
}

.categoryresults #main-content .grid .product .productAddToCart div.txtR, .page-search-page #main-content .grid .product .productAddToCart div.txtR, .categoryresults #main-content .grid .product .productAddToCart div.add-to-ol.txtR, .page-search-page #main-content .grid .product .productAddToCart div.add-to-ol.txtR {
    font-size: 12px;
    margin: 0 0 3px 0 !important
}

.temporaryUnavailable {
    text-align: left !important;
    color: #f26823
}

.temporaryUnavailable:before {
    font-family: graingerFont;
    content: "\e616"
}

.temporaryUnavailable a:after {
    content: "" !important
}

@media print, screen and (min-width: 1025px) {
    .sideNavFilterText {
        display: none
    }
}

#main-content.productComponentView .grid .productGridComponent {
    width: 25%;
    padding: 10px;
    margin-bottom: 10px;
    float: left;
    padding-top: 20px
}

#main-content.productComponentView .grid .productGridComponentDescription {
    display: block;
    width: 100%;
    margin: 20px 0 10px
}

#main-content.productComponentView .grid .productGridComponentBrand {
    margin: 0;
    font-size: 12px;
    overflow-wrap: break-word;
    margin-top: 5px;
    margin-bottom: 5px
}

#main-content.productComponentView .grid .productGridComponentName {
    min-height: 38px;
    overflow-wrap: break-word;
    padding-bottom: 5px;
    line-height: 16px
}

#main-content.productComponentView .grid .componentproductMFR {
    display: none
}

#main-content.productComponentView .grid .productGridComponentLink {
    overflow-wrap: break-word;
    font-weight: 700
}

#main-content.productComponentView .grid .componentproductAvailMsg {
    font-size: 12px;
    color: #4E4E4E;
    padding: 0 0 6px 0;
    line-height: 16px;
    font-weight: 700
}

#main-content.productComponentView .grid .quantity {
    display: inline-block;
    vertical-align: middle;
    zoom: 1
}

#main-content.productComponentView .grid .componentproductButtonContainer {
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    margin-top: 15px
}

#main-content.productComponentView .grid .regularPrice {
    font-weight: 700;
    color: #257238;
    padding: 0;
    float: none;
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    width: 100%;
    vertical-align: top;
    width: 100% !important
}

#main-content.productComponentView .grid span[itemprop="priceCurrency"] {
    display: block
}

#main-content.productComponentView .grid .priceLabel {
    display: inline !important
}

#main-content.productComponentView #resultsView.grid .product {
    height: auto !important;
    margin-bottom: 0;
    padding-bottom: 0
}

#main-content.productComponentView #resultsView.grid .product .productAddToCart {
    position: relative
}

#main-content.productComponentView #resultsView.grid .product .productViewLink {
    margin-top: -30px
}

#main-content.productComponentView #resultsView.grid .product .productImage {
    width: 100%
}

#main-content.productComponentView #resultsView.list .productInfoValueList {
    font-weight: 700
}

.pageType-ContentPage #main-content.productComponentView #resultsView.grid .product .productViewLink {
    margin-top: -15px !important
}

.pageType-ContentPage #main-content.productComponentView .availabilityDate {
    display: block
}

.pageType-ContentPage #main-content.productComponentView .avl-msg {
    display: inline
}

@media only screen and (min-width: 768px) {
    .categoryresults #main-content .grid .productAddToCart .txtR, .page-search-page #main-content .grid .productAddToCart .txtR {
        padding-right: 34%
    }
}

.educationFlyoutQuestionSymbol {
    top: -1px;
    height: 14px;
    width: 14px;
    color: #fff;
    cursor: help;
    font-size: 11px;
    font-weight: bold;
    padding-left: 4px;
    position: relative;
    border-radius: 7px;
    display: inline-block;
    background-color: #00739e;
    text-decoration: none !important
}

#educationFlyoutModal h2.modalTitle {
    max-width: 295px;
    padding: 0 5px 0 0;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
    line-height: 18px;
    font-size: 14px !important
}

#educationFlyoutModal .modalBody {
    padding: 16px 20px 20px 20px
}

#educationFlyoutModal .modalBody .singleEducationFlyoutattribute {
    font-size: 12px;
    line-height: 14px;
    display: inline-block;
    margin-top: 5px
}

#educationFlyoutModal .modalBody li {
    line-height: 14px;
    list-style: disc;
    font-size: 12px;
    margin-left: 20px
}

#educationFlyoutModal .modalBody li:not(:first-child) {
    margin-top: 7px
}

#educationFlyoutModal .modalBody li strong:not(:empty) {
    padding-right: 3px
}

.suggest-item {
    font-size: 20px;
    margin-bottom: 15px
}

.unavailable-item {
    font-size: 14px;
    margin-bottom: 15px
}

.unavailable-item:before {
    font-family: graingerFont;
    content: "\e616";
    font-weight: 400;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    margin-right: 5px;
    color: #f26823
}

#main-content tr {
    border-top: none
}

#equotesTab {
    min-height: 780px
}

#equotesTab .equoteMin {
    display: block;
    font-weight: 700
}

@media (max-width: 960px) {
    .responsive #equotesTab {
        width: 100%
    }
}

.lt-ie8 #equotesTab .styledSelect {
    width: 150px
}

.eQuotesSearch {
    padding: 15px
}

.eQuotesSearch:after, .eQuotesSearch:before {
    content: " ";
    display: table
}

.eQuotesSearch:after {
    clear: both
}

.lt-ie8 .eQuotesSearch {
    clear: both;
    zoom: 1
}

.eQuotesSearch:after, .eQuotesSearch:before {
    content: " ";
    display: table
}

.eQuotesSearch:after {
    clear: both
}

.lt-ie8 .eQuotesSearch {
    clear: both;
    zoom: 1
}

.eQuotesSearch:after, .eQuotesSearch:before {
    content: " ";
    display: table
}

.eQuotesSearch:after {
    clear: both
}

.lt-ie8 .eQuotesSearch {
    clear: both;
    zoom: 1
}

.eQuotesSearch:after, .eQuotesSearch:before {
    content: " ";
    display: table
}

.eQuotesSearch:after {
    clear: both
}

.lt-ie8 .eQuotesSearch {
    clear: both;
    zoom: 1
}

.eQuotesSearch:after, .eQuotesSearch:before {
    content: " ";
    display: table
}

.eQuotesSearch:after {
    clear: both
}

.lt-ie8 .eQuotesSearch {
    clear: both;
    zoom: 1
}

.eQuotesSearch:after, .eQuotesSearch:before {
    content: " ";
    display: table
}

.eQuotesSearch:after {
    clear: both
}

.lt-ie8 .eQuotesSearch {
    clear: both;
    zoom: 1
}

.eQuotesSearch:after, .eQuotesSearch:before {
    content: " ";
    display: table
}

.eQuotesSearch:after {
    clear: both
}

.lt-ie8 .eQuotesSearch {
    clear: both;
    zoom: 1
}

.eQuotesSearch:after, .eQuotesSearch:before {
    content: " ";
    display: table
}

.eQuotesSearch:after {
    clear: both
}

.lt-ie8 .eQuotesSearch {
    clear: both;
    zoom: 1
}

.eQuotesSearch:after, .eQuotesSearch:before {
    content: " ";
    display: table
}

.eQuotesSearch:after {
    clear: both
}

.lt-ie8 .eQuotesSearch {
    clear: both;
    zoom: 1
}

.eQuotesSearch:after, .eQuotesSearch:before {
    content: " ";
    display: table
}

.eQuotesSearch:after {
    clear: both
}

.lt-ie8 .eQuotesSearch {
    clear: both;
    zoom: 1
}

.eQuotesSearch .formField, .eQuotesSearch .btn {
    float: left;
    margin-right: 20px
}

.eQuotesSearch p {
    font-weight: 700
}

.eQuotesSearch input, .eQuotesSearch .styledSelect {
    float: left;
    margin-right: 10px
}

.eQuotesSearch input {
    width: 150px
}

.quotesDetails .quoteDetailsHeader {
    width: 33.333333333333336%;
    padding: 10px;
    margin-bottom: 10px;
    float: left
}

.lt-ie8 .quotesDetails .quoteDetailsHeader {
    width: 31.333333333333336%
}

.lt-ie8 .quotesDetails .quoteDetailsHeader {
    width: 31.333333333333336%
}

.lt-ie8 .quotesDetails .quoteDetailsHeader {
    width: 31.333333333333336%
}

.lt-ie8 .quotesDetails .quoteDetailsHeader {
    width: 31.333333333333336%
}

.lt-ie8 .quotesDetails .quoteDetailsHeader {
    width: 31.333333333333336%
}

.lt-ie8 .quotesDetails .quoteDetailsHeader {
    width: 31.333333333333336%
}

.lt-ie8 .quotesDetails .quoteDetailsHeader {
    width: 31.333333333333336%
}

.lt-ie8 .quotesDetails .quoteDetailsHeader {
    width: 31.333333333333336%
}

.lt-ie8 .quotesDetails .quoteDetailsHeader {
    width: 31.333333333333336%
}

.lt-ie8 .quotesDetails .quoteDetailsHeader {
    width: 31.333333333333336%
}

.quotesDetails .quoteDetailsHeaderLabel {
    display: block;
    font-weight: 700
}

.quotesDetails p {
    margin-bottom: 0
}

.eQuotesPagination {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding-top: 10px;
    margin-bottom: 10px
}

.eQuotesPagination:after, .eQuotesPagination:before {
    content: " ";
    display: table
}

.eQuotesPagination:after {
    clear: both
}

.lt-ie8 .eQuotesPagination {
    clear: both;
    zoom: 1
}

.eQuotesPagination:after, .eQuotesPagination:before {
    content: " ";
    display: table
}

.eQuotesPagination:after {
    clear: both
}

.lt-ie8 .eQuotesPagination {
    clear: both;
    zoom: 1
}

.eQuotesPagination:after, .eQuotesPagination:before {
    content: " ";
    display: table
}

.eQuotesPagination:after {
    clear: both
}

.lt-ie8 .eQuotesPagination {
    clear: both;
    zoom: 1
}

.eQuotesPagination:after, .eQuotesPagination:before {
    content: " ";
    display: table
}

.eQuotesPagination:after {
    clear: both
}

.lt-ie8 .eQuotesPagination {
    clear: both;
    zoom: 1
}

.eQuotesPagination:after, .eQuotesPagination:before {
    content: " ";
    display: table
}

.eQuotesPagination:after {
    clear: both
}

.lt-ie8 .eQuotesPagination {
    clear: both;
    zoom: 1
}

.eQuotesPagination:after, .eQuotesPagination:before {
    content: " ";
    display: table
}

.eQuotesPagination:after {
    clear: both
}

.lt-ie8 .eQuotesPagination {
    clear: both;
    zoom: 1
}

.eQuotesPagination:after, .eQuotesPagination:before {
    content: " ";
    display: table
}

.eQuotesPagination:after {
    clear: both
}

.lt-ie8 .eQuotesPagination {
    clear: both;
    zoom: 1
}

.eQuotesPagination:after, .eQuotesPagination:before {
    content: " ";
    display: table
}

.eQuotesPagination:after {
    clear: both
}

.lt-ie8 .eQuotesPagination {
    clear: both;
    zoom: 1
}

.eQuotesPagination:after, .eQuotesPagination:before {
    content: " ";
    display: table
}

.eQuotesPagination:after {
    clear: both
}

.lt-ie8 .eQuotesPagination {
    clear: both;
    zoom: 1
}

.eQuotesPagination:after, .eQuotesPagination:before {
    content: " ";
    display: table
}

.eQuotesPagination:after {
    clear: both
}

.lt-ie8 .eQuotesPagination {
    clear: both;
    zoom: 1
}

.eQuotesPagination .pagination {
    float: right;
    clear: none;
    line-height: 14px;
    padding: 0 5px 5px
}

.eQuotesPagination .paginationPerPage {
    float: left
}

@media (max-width: 890px) {
    .responsive .eQuotesPagination .paginationPerPage {
        margin-left: 10px
    }
}

.eQuotesPagination .paginationPerPageLabel {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    line-height: 14px;
    margin-right: 5px;
    font-weight: 700
}

.eQuotesPagination .paginationPerPageList {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    margin-bottom: 0
}

.eQuotesPagination .paginationPerPageIndex {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    line-height: 14px;
    background: none;
    padding-left: 10px
}

.eQuotesPagination .selected, .eQuotesPagination .current, .eQuotesPagination .next {
    font-weight: 700
}

#eQuotesItemList.eQuotesItemListTable, #onlineQuoteTempItemList.eQuotesItemListTable, #nonSourcingQuoteItemList.eQuotesItemListTable, #sourcingQuoteItemList.eQuotesItemListTable {
    width: 938px;
    position: relative
}

@media (max-width: 960px) {
    .responsive #eQuotesItemList.eQuotesItemListTable, .responsive #onlineQuoteTempItemList.eQuotesItemListTable, .responsive #nonSourcingQuoteItemList.eQuotesItemListTable, .responsive #sourcingQuoteItemList.eQuotesItemListTable {
        width: 98%
    }
}

#eQuotesItemList tr th, #onlineQuoteTempItemList tr th, #nonSourcingQuoteItemList tr th, #sourcingQuoteItemList tr th {
    font-weight: 700
}

#eQuotesItemList tr th.eQuotesHeaderRow, #onlineQuoteTempItemList tr th.eQuotesHeaderRow, #nonSourcingQuoteItemList tr th.eQuotesHeaderRow, #sourcingQuoteItemList tr th.eQuotesHeaderRow {
    border-bottom: none
}

@media (max-width: 960px) {
    .responsive.one-column #eQuotesItemList tr th, .responsive.one-column #onlineQuoteTempItemList tr th, .responsive.one-column #nonSourcingQuoteItemList tr th, .responsive.one-column #sourcingQuoteItemList tr th {
        width: 15%
    }
}

@media (max-width: 890px) {
    .responsive.one-column #eQuotesItemList tr th#eQuoteRequestorHeader, .responsive.one-column #onlineQuoteTempItemList tr th#eQuoteRequestorHeader, .responsive.one-column #nonSourcingQuoteItemList tr th#eQuoteRequestorHeader, .responsive.one-column #sourcingQuoteItemList tr th#eQuoteRequestorHeader {
        display: none
    }
}

@media (max-width: 960px) {
    .responsive.two-column #eQuotesItemList tr th.headerItemPhoto, .responsive.two-column #onlineQuoteTempItemList tr th.headerItemPhoto, .responsive.two-column #nonSourcingQuoteItemList tr th.headerItemPhoto, .responsive.two-column #sourcingQuoteItemList tr th.headerItemPhoto, .responsive.two-column #eQuotesItemList tr th.headerQuoteNum, .responsive.two-column #onlineQuoteTempItemList tr th.headerQuoteNum, .responsive.two-column #nonSourcingQuoteItemList tr th.headerQuoteNum, .responsive.two-column #sourcingQuoteItemList tr th.headerQuoteNum, .responsive.two-column #eQuotesItemList tr th.headerStartDate, .responsive.two-column #onlineQuoteTempItemList tr th.headerStartDate, .responsive.two-column #nonSourcingQuoteItemList tr th.headerStartDate, .responsive.two-column #sourcingQuoteItemList tr th.headerStartDate, .responsive.two-column #eQuotesItemList tr th.headerExpDate, .responsive.two-column #onlineQuoteTempItemList tr th.headerExpDate, .responsive.two-column #nonSourcingQuoteItemList tr th.headerExpDate, .responsive.two-column #sourcingQuoteItemList tr th.headerExpDate {
        width: 75px
    }
}

#eQuotesItemList tr td, #onlineQuoteTempItemList tr td, #nonSourcingQuoteItemList tr td, #sourcingQuoteItemList tr td {
    border-bottom: 1px solid #ccc;
    padding: 15px 16px 15px 0
}

#eQuotesItemList tr td.eQuotesHeaderRow, #onlineQuoteTempItemList tr td.eQuotesHeaderRow, #nonSourcingQuoteItemList tr td.eQuotesHeaderRow, #sourcingQuoteItemList tr td.eQuotesHeaderRow {
    border-bottom: none
}

@media (max-width: 960px) {
    .responsive.one-column #eQuotesItemList tr td, .responsive.one-column #onlineQuoteTempItemList tr td, .responsive.one-column #nonSourcingQuoteItemList tr td, .responsive.one-column #sourcingQuoteItemList tr td {
        padding: 15px 16px 15px 0
    }
}

@media (max-width: 890px) {
    .responsive.one-column #eQuotesItemList tr td.eQuoteRequestorData, .responsive.one-column #onlineQuoteTempItemList tr td.eQuoteRequestorData, .responsive.one-column #nonSourcingQuoteItemList tr td.eQuoteRequestorData, .responsive.one-column #sourcingQuoteItemList tr td.eQuoteRequestorData, .responsive.one-column #eQuotesItemList tr td.eQuoteDataRequestorCol, .responsive.one-column #onlineQuoteTempItemList tr td.eQuoteDataRequestorCol, .responsive.one-column #nonSourcingQuoteItemList tr td.eQuoteDataRequestorCol, .responsive.one-column #sourcingQuoteItemList tr td.eQuoteDataRequestorCol {
        display: none
    }
}

@media (max-width: 960px) {
    .responsive.two-column #eQuotesItemList tr td, .responsive.two-column #onlineQuoteTempItemList tr td, .responsive.two-column #nonSourcingQuoteItemList tr td, .responsive.two-column #sourcingQuoteItemList tr td {
        padding: 15px 0;
        text-align: center
    }

    .responsive.two-column #eQuotesItemList tr td.eQuotesItemQtyColumn, .responsive.two-column #onlineQuoteTempItemList tr td.eQuotesItemQtyColumn, .responsive.two-column #nonSourcingQuoteItemList tr td.eQuotesItemQtyColumn, .responsive.two-column #sourcingQuoteItemList tr td.eQuotesItemQtyColumn {
        padding: 15px 0 15px 10px
    }
}

#eQuotesItemList tr td.eQuoteModalContainer, #onlineQuoteTempItemList tr td.eQuoteModalContainer, #nonSourcingQuoteItemList tr td.eQuoteModalContainer, #sourcingQuoteItemList tr td.eQuoteModalContainer {
    border-bottom: none
}

#eQuotesItemList tr:last-child td, #onlineQuoteTempItemList tr:last-child td, #nonSourcingQuoteItemList tr:last-child td, #sourcingQuoteItemList tr:last-child td {
    border-bottom: none
}

@media (max-width: 960px) {
    .responsive #eQuotesItemList tr.eQuoteRowItemBottom td, .responsive #onlineQuoteTempItemList tr.eQuoteRowItemBottom td, .responsive #nonSourcingQuoteItemList tr.eQuoteRowItemBottom td, .responsive #sourcingQuoteItemList tr.eQuoteRowItemBottom td {
        text-align: left
    }
}

#eQuotesItemList .eQuoteItemRow:hover, #onlineQuoteTempItemList .eQuoteItemRow:hover, #nonSourcingQuoteItemList .eQuoteItemRow:hover, #sourcingQuoteItemList .eQuoteItemRow:hover {
    background: #f2f2f2
}

#eQuotesItemList .eQuoteItemRow:hover td.eQuoteModalContainer, #onlineQuoteTempItemList .eQuoteItemRow:hover td.eQuoteModalContainer, #nonSourcingQuoteItemList .eQuoteItemRow:hover td.eQuoteModalContainer, #sourcingQuoteItemList .eQuoteItemRow:hover td.eQuoteModalContainer {
    background-color: #fff
}

#eQuotesItemList .eQuoteItemDataID, #onlineQuoteTempItemList .eQuoteItemDataID, #nonSourcingQuoteItemList .eQuoteItemDataID, #sourcingQuoteItemList .eQuoteItemDataID, #eQuotesItemList .eQuoteItemDataJobName, #onlineQuoteTempItemList .eQuoteItemDataJobName, #nonSourcingQuoteItemList .eQuoteItemDataJobName, #sourcingQuoteItemList .eQuoteItemDataJobName, #eQuotesItemList .eQuoteItemDataRequestor, #onlineQuoteTempItemList .eQuoteItemDataRequestor, #nonSourcingQuoteItemList .eQuoteItemDataRequestor, #sourcingQuoteItemList .eQuoteItemDataRequestor, #eQuotesItemList .eQuoteItemDataStartDate, #onlineQuoteTempItemList .eQuoteItemDataStartDate, #nonSourcingQuoteItemList .eQuoteItemDataStartDate, #sourcingQuoteItemList .eQuoteItemDataStartDate, #eQuotesItemList .eQuoteItemDataExpDate, #onlineQuoteTempItemList .eQuoteItemDataExpDate, #nonSourcingQuoteItemList .eQuoteItemDataExpDate, #sourcingQuoteItemList .eQuoteItemDataExpDate {
    display: block;
    word-wrap: break-word;
    cursor: pointer;
    overflow: hidden
}

#eQuotesItemList .eQuoteItemID, #onlineQuoteTempItemList .eQuoteItemID, #nonSourcingQuoteItemList .eQuoteItemID, #sourcingQuoteItemList .eQuoteItemID {
    position: relative;
    padding-left: 12px
}

#eQuotesItemList .eQuoteItemDataID, #onlineQuoteTempItemList .eQuoteItemDataID, #nonSourcingQuoteItemList .eQuoteItemDataID, #sourcingQuoteItemList .eQuoteItemDataID {
    width: 70px;
    position: relative
}

#eQuotesItemList .eQuoteItemDataJobName, #onlineQuoteTempItemList .eQuoteItemDataJobName, #nonSourcingQuoteItemList .eQuoteItemDataJobName, #sourcingQuoteItemList .eQuoteItemDataJobName, #eQuotesItemList .eQuoteItemDataRequestor, #onlineQuoteTempItemList .eQuoteItemDataRequestor, #nonSourcingQuoteItemList .eQuoteItemDataRequestor, #sourcingQuoteItemList .eQuoteItemDataRequestor {
    width: 152px
}

@media (max-width: 960px) {
    .responsive #eQuotesItemList .eQuoteItemDataJobName, .responsive #onlineQuoteTempItemList .eQuoteItemDataJobName, .responsive #nonSourcingQuoteItemList .eQuoteItemDataJobName, .responsive #sourcingQuoteItemList .eQuoteItemDataJobName, .responsive #eQuotesItemList .eQuoteItemDataRequestor, .responsive #onlineQuoteTempItemList .eQuoteItemDataRequestor, .responsive #nonSourcingQuoteItemList .eQuoteItemDataRequestor, .responsive #sourcingQuoteItemList .eQuoteItemDataRequestor {
        width: 100%
    }
}

#eQuotesItemList .eQuoteItemDataStartDate, #onlineQuoteTempItemList .eQuoteItemDataStartDate, #nonSourcingQuoteItemList .eQuoteItemDataStartDate, #sourcingQuoteItemList .eQuoteItemDataStartDate {
    width: 62px
}

@media (max-width: 960px) {
    .responsive #eQuotesItemList .eQuoteItemDataStartDate, .responsive #onlineQuoteTempItemList .eQuoteItemDataStartDate, .responsive #nonSourcingQuoteItemList .eQuoteItemDataStartDate, .responsive #sourcingQuoteItemList .eQuoteItemDataStartDate {
        width: 100%
    }
}

#eQuotesItemList .eQuoteItemDataExpDate, #onlineQuoteTempItemList .eQuoteItemDataExpDate, #nonSourcingQuoteItemList .eQuoteItemDataExpDate, #sourcingQuoteItemList .eQuoteItemDataExpDate {
    width: 84px
}

@media (max-width: 960px) {
    .responsive #eQuotesItemList .eQuoteItemDataExpDate, .responsive #onlineQuoteTempItemList .eQuoteItemDataExpDate, .responsive #nonSourcingQuoteItemList .eQuoteItemDataExpDate, .responsive #sourcingQuoteItemList .eQuoteItemDataExpDate {
        width: 100%;
        min-width: 84px
    }
}

#eQuotesItemList .eQuoteItemSelected .eQuoteModalContainer .eQuoteModal, #onlineQuoteTempItemList .eQuoteItemSelected .eQuoteModalContainer .eQuoteModal, #nonSourcingQuoteItemList .eQuoteItemSelected .eQuoteModalContainer .eQuoteModal, #sourcingQuoteItemList .eQuoteItemSelected .eQuoteModalContainer .eQuoteModal {
    display: inline-block
}

#eQuotesItemList .eQuoteModalContainer, #onlineQuoteTempItemList .eQuoteModalContainer, #nonSourcingQuoteItemList .eQuoteModalContainer, #sourcingQuoteItemList .eQuoteModalContainer {
    border-bottom: none;
    width: 100%;
    vertical-align: top
}

#eQuotesItemList .eQuoteModalContainer .eQuoteModal, #onlineQuoteTempItemList .eQuoteModalContainer .eQuoteModal, #nonSourcingQuoteItemList .eQuoteModalContainer .eQuoteModal, #sourcingQuoteItemList .eQuoteModalContainer .eQuoteModal {
    background: #fff;
    border: #ccc 1px solid;
    box-shadow: 0 0 3px 1px #ccc;
    display: none;
    position: absolute;
    top: 0;
    right: -4px;
    z-index: 2;
    width: 288px;
    cursor: default
}

#eQuotesItemList .eQuoteModalContainer .eQuoteModal .eQuotesExpires, #onlineQuoteTempItemList .eQuoteModalContainer .eQuoteModal .eQuotesExpires, #nonSourcingQuoteItemList .eQuoteModalContainer .eQuoteModal .eQuotesExpires, #sourcingQuoteItemList .eQuoteModalContainer .eQuoteModal .eQuotesExpires {
    font-size: 12px
}

#eQuotesItemList .eQuoteModalContainer .eQuoteModal .eQuotesDescription > div, #onlineQuoteTempItemList .eQuoteModalContainer .eQuoteModal .eQuotesDescription > div, #nonSourcingQuoteItemList .eQuoteModalContainer .eQuoteModal .eQuotesDescription > div, #sourcingQuoteItemList .eQuoteModalContainer .eQuoteModal .eQuotesDescription > div {
    max-width: 230px;
    word-wrap: break-word
}

@media (max-width: 780px) {
    .responsive #eQuotesItemList .eQuoteModalContainer .eQuoteModal, .responsive #onlineQuoteTempItemList .eQuoteModalContainer .eQuoteModal, .responsive #nonSourcingQuoteItemList .eQuoteModalContainer .eQuoteModal, .responsive #sourcingQuoteItemList .eQuoteModalContainer .eQuoteModal {
        right: 20px;
        width: 240px
    }

    .responsive #eQuotesItemList .eQuoteModalContainer .eQuoteModal .eQuotesDescription > div, .responsive #onlineQuoteTempItemList .eQuoteModalContainer .eQuoteModal .eQuotesDescription > div, .responsive #nonSourcingQuoteItemList .eQuoteModalContainer .eQuoteModal .eQuotesDescription > div, .responsive #sourcingQuoteItemList .eQuoteModalContainer .eQuoteModal .eQuotesDescription > div {
        max-width: 210px
    }
}

#eQuotesItemList .eQuoteModalContainer .modal-header, #onlineQuoteTempItemList .eQuoteModalContainer .modal-header, #nonSourcingQuoteItemList .eQuoteModalContainer .modal-header, #sourcingQuoteItemList .eQuoteModalContainer .modal-header {
    padding: 10px 15px 0;
    border-bottom: 1px solid #ccc
}

#eQuotesItemList .eQuoteModalContainer .modal-content, #onlineQuoteTempItemList .eQuoteModalContainer .modal-content, #nonSourcingQuoteItemList .eQuoteModalContainer .modal-content, #sourcingQuoteItemList .eQuoteModalContainer .modal-content {
    background: #fff;
    height: auto;
    padding: 10px 0 0 0;
    position: relative
}

#eQuotesItemList .eQuoteModalContainer .modal-content .equoteShowingLabel, #onlineQuoteTempItemList .eQuoteModalContainer .modal-content .equoteShowingLabel, #nonSourcingQuoteItemList .eQuoteModalContainer .modal-content .equoteShowingLabel, #sourcingQuoteItemList .eQuoteModalContainer .modal-content .equoteShowingLabel {
    font-weight: 700;
    padding: 0 15px 10px 15px
}

#eQuotesItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable, #onlineQuoteTempItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable, #nonSourcingQuoteItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable, #sourcingQuoteItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable {
    margin-bottom: 0
}

#eQuotesItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable tr td, #onlineQuoteTempItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable tr td, #nonSourcingQuoteItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable tr td, #sourcingQuoteItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable tr td {
    padding: 10px 15px
}

#eQuotesItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .eQuotesDetailsItemTitle, #onlineQuoteTempItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .eQuotesDetailsItemTitle, #nonSourcingQuoteItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .eQuotesDetailsItemTitle, #sourcingQuoteItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .eQuotesDetailsItemTitle, #eQuotesItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .eQuotesDetailsItemName, #onlineQuoteTempItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .eQuotesDetailsItemName, #nonSourcingQuoteItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .eQuotesDetailsItemName, #sourcingQuoteItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .eQuotesDetailsItemName {
    font-weight: 700
}

#eQuotesItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .productPrice, #onlineQuoteTempItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .productPrice, #nonSourcingQuoteItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .productPrice, #sourcingQuoteItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .productPrice {
    margin-top: 15px
}

#eQuotesItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .productPrice span, #onlineQuoteTempItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .productPrice span, #nonSourcingQuoteItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .productPrice span, #sourcingQuoteItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .productPrice span {
    font-size: 12px
}

#eQuotesItemList .eQuoteModalContainer .modal-content .noDataAvail, #onlineQuoteTempItemList .eQuoteModalContainer .modal-content .noDataAvail, #nonSourcingQuoteItemList .eQuoteModalContainer .modal-content .noDataAvail, #sourcingQuoteItemList .eQuoteModalContainer .modal-content .noDataAvail {
    display: block;
    font-weight: 700;
    padding: 15px
}

#eQuotesItemList .eQuoteModalContainer .modal-footer, #onlineQuoteTempItemList .eQuoteModalContainer .modal-footer, #nonSourcingQuoteItemList .eQuoteModalContainer .modal-footer, #sourcingQuoteItemList .eQuoteModalContainer .modal-footer {
    background: #eee;
    display: block;
    position: relative;
    padding: 10px;
    text-align: right;
    border-top: #ccc 1px solid
}

#eQuotesItemList .eQuoteModalContainer .modal-footer .btn, #onlineQuoteTempItemList .eQuoteModalContainer .modal-footer .btn, #nonSourcingQuoteItemList .eQuoteModalContainer .modal-footer .btn, #sourcingQuoteItemList .eQuoteModalContainer .modal-footer .btn {
    margin-left: 10px
}

#eQuotesItemList .eQuoteItemSelected.eQuoteItemRow:hover, #onlineQuoteTempItemList .eQuoteItemSelected.eQuoteItemRow:hover, #nonSourcingQuoteItemList .eQuoteItemSelected.eQuoteItemRow:hover, #sourcingQuoteItemList .eQuoteItemSelected.eQuoteItemRow:hover {
    background: #fff
}

#eQuotesItemList .eQuoteItemSelected .eQuoteModal, #onlineQuoteTempItemList .eQuoteItemSelected .eQuoteModal, #nonSourcingQuoteItemList .eQuoteItemSelected .eQuoteModal, #sourcingQuoteItemList .eQuoteItemSelected .eQuoteModal {
    display: block
}

#eQuotesItemList .eQuoteItemSelected .eQuoteModal .modal-header, #onlineQuoteTempItemList .eQuoteItemSelected .eQuoteModal .modal-header, #nonSourcingQuoteItemList .eQuoteItemSelected .eQuoteModal .modal-header, #sourcingQuoteItemList .eQuoteItemSelected .eQuoteModal .modal-header {
    padding-bottom: 10px
}

#eQuotesItemList .eQuoteItemSelected .eQuoteModal .priceWrapper, #onlineQuoteTempItemList .eQuoteItemSelected .eQuoteModal .priceWrapper, #nonSourcingQuoteItemList .eQuoteItemSelected .eQuoteModal .priceWrapper, #sourcingQuoteItemList .eQuoteItemSelected .eQuoteModal .priceWrapper {
    margin-bottom: 0
}

#eQuotesItemList .eQuoteItemSelected .eQuoteModal .modal-content, #onlineQuoteTempItemList .eQuoteItemSelected .eQuoteModal .modal-content, #nonSourcingQuoteItemList .eQuoteItemSelected .eQuoteModal .modal-content, #sourcingQuoteItemList .eQuoteItemSelected .eQuoteModal .modal-content {
    padding-top: 0
}

#eQuotesItemList .eQuoteItemSelected .eQuoteModal .equoteShowingLabel, #onlineQuoteTempItemList .eQuoteItemSelected .eQuoteModal .equoteShowingLabel, #nonSourcingQuoteItemList .eQuoteItemSelected .eQuoteModal .equoteShowingLabel, #sourcingQuoteItemList .eQuoteItemSelected .eQuoteModal .equoteShowingLabel {
    padding: 0;
    padding-left: 5px
}

#eQuotesItemList .eQuoteItemSelected .eQuoteModal .eQuotesDetailsItemName, #onlineQuoteTempItemList .eQuoteItemSelected .eQuoteModal .eQuotesDetailsItemName, #nonSourcingQuoteItemList .eQuoteItemSelected .eQuoteModal .eQuotesDetailsItemName, #sourcingQuoteItemList .eQuoteItemSelected .eQuoteModal .eQuotesDetailsItemName, #eQuotesItemList .eQuoteItemSelected .eQuoteModal .eQuotesDetailsItemData, #onlineQuoteTempItemList .eQuoteItemSelected .eQuoteModal .eQuotesDetailsItemData, #nonSourcingQuoteItemList .eQuoteItemSelected .eQuoteModal .eQuotesDetailsItemData, #sourcingQuoteItemList .eQuoteItemSelected .eQuoteModal .eQuotesDetailsItemData {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    width: 49%
}

#eQuotesItemList .eQuoteItemSelected .eQuoteModal .eQuotesDetailsItemData, #onlineQuoteTempItemList .eQuoteItemSelected .eQuoteModal .eQuotesDetailsItemData, #nonSourcingQuoteItemList .eQuoteItemSelected .eQuoteModal .eQuotesDetailsItemData, #sourcingQuoteItemList .eQuoteItemSelected .eQuoteModal .eQuotesDetailsItemData {
    padding-left: 20px
}

#eQuotesItemList .eQuoteItemSelected .selectRow, #onlineQuoteTempItemList .eQuoteItemSelected .selectRow, #nonSourcingQuoteItemList .eQuoteItemSelected .selectRow, #sourcingQuoteItemList .eQuoteItemSelected .selectRow {
    position: absolute;
    width: 705px;
    left: 0;
    top: -1px;
    bottom: -1px;
    z-index: 1;
    margin-left: 0;
    border: 1px solid #ccc;
    box-shadow: 0 0 13px 0 #ccc;
    padding: 10px;
    padding-top: 16px
}

@media (max-width: 890px) {
    .responsive #eQuotesItemList .eQuoteItemSelected .selectRow, .responsive #onlineQuoteTempItemList .eQuoteItemSelected .selectRow, .responsive #nonSourcingQuoteItemList .eQuoteItemSelected .selectRow, .responsive #sourcingQuoteItemList .eQuoteItemSelected .selectRow {
        width: 580px
    }
}

#eQuotesItemList .eQuoteItemSelected .selSpacerL, #onlineQuoteTempItemList .eQuoteItemSelected .selSpacerL, #nonSourcingQuoteItemList .eQuoteItemSelected .selSpacerL, #sourcingQuoteItemList .eQuoteItemSelected .selSpacerL, #eQuotesItemList .eQuoteItemSelected .selSpacerR, #onlineQuoteTempItemList .eQuoteItemSelected .selSpacerR, #nonSourcingQuoteItemList .eQuoteItemSelected .selSpacerR, #sourcingQuoteItemList .eQuoteItemSelected .selSpacerR {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 10px;
    z-index: 10
}

#eQuotesItemList .eQuoteItemSelected .selSpacerR, #onlineQuoteTempItemList .eQuoteItemSelected .selSpacerR, #nonSourcingQuoteItemList .eQuoteItemSelected .selSpacerR, #sourcingQuoteItemList .eQuoteItemSelected .selSpacerR {
    height: 44px;
    left: 670px
}

#eQuotesItemList.eQuotesDetailListTable tr, #onlineQuoteTempItemList.eQuotesDetailListTable tr, #nonSourcingQuoteItemList.eQuotesDetailListTable tr, #sourcingQuoteItemList.eQuotesDetailListTable tr {
    border: 0
}

#eQuotesItemList.eQuotesDetailListTable .firstCol [id^=productImage], #onlineQuoteTempItemList.eQuotesDetailListTable .firstCol [id^=productImage], #nonSourcingQuoteItemList.eQuotesDetailListTable .firstCol [id^=productImage], #sourcingQuoteItemList.eQuotesDetailListTable .firstCol [id^=productImage] {
    position: relative;
    min-width: 85px;
    text-align: center
}

#eQuotesItemList.eQuotesDetailListTable .firstCol [id^=productImage] .quickViewBtnContainer, #onlineQuoteTempItemList.eQuotesDetailListTable .firstCol [id^=productImage] .quickViewBtnContainer, #nonSourcingQuoteItemList.eQuotesDetailListTable .firstCol [id^=productImage] .quickViewBtnContainer, #sourcingQuoteItemList.eQuotesDetailListTable .firstCol [id^=productImage] .quickViewBtnContainer {
    display: none;
    position: absolute;
    top: 5px;
    left: 0
}

#eQuotesItemList.eQuotesDetailListTable .firstCol [id^=productImage] .quickViewBtnContainer a, #onlineQuoteTempItemList.eQuotesDetailListTable .firstCol [id^=productImage] .quickViewBtnContainer a, #nonSourcingQuoteItemList.eQuotesDetailListTable .firstCol [id^=productImage] .quickViewBtnContainer a, #sourcingQuoteItemList.eQuotesDetailListTable .firstCol [id^=productImage] .quickViewBtnContainer a {
    width: 80px;
    padding-left: 5px;
    padding-right: 5px
}

#eQuotesItemList.eQuotesDetailListTable .firstCol [id^=productImage]:hover .quickViewBtnContainer, #onlineQuoteTempItemList.eQuotesDetailListTable .firstCol [id^=productImage]:hover .quickViewBtnContainer, #nonSourcingQuoteItemList.eQuotesDetailListTable .firstCol [id^=productImage]:hover .quickViewBtnContainer, #sourcingQuoteItemList.eQuotesDetailListTable .firstCol [id^=productImage]:hover .quickViewBtnContainer {
    display: block
}

.responsive #eQuotesItemList.eQuotesDetailListTable .firstCol [id^=productImage], .responsive #onlineQuoteTempItemList.eQuotesDetailListTable .firstCol [id^=productImage], .responsive #nonSourcingQuoteItemList.eQuotesDetailListTable .firstCol [id^=productImage], .responsive #sourcingQuoteItemList.eQuotesDetailListTable .firstCol [id^=productImage] {
    min-width: 60px
}

#eQuotesItemList.eQuotesDetailListTable .firstCol .productImageLink, #onlineQuoteTempItemList.eQuotesDetailListTable .firstCol .productImageLink, #nonSourcingQuoteItemList.eQuotesDetailListTable .firstCol .productImageLink, #sourcingQuoteItemList.eQuotesDetailListTable .firstCol .productImageLink {
    display: block;
    width: 80px
}

.responsive #eQuotesItemList.eQuotesDetailListTable .firstCol .productImageLink, .responsive #onlineQuoteTempItemList.eQuotesDetailListTable .firstCol .productImageLink, .responsive #nonSourcingQuoteItemList.eQuotesDetailListTable .firstCol .productImageLink, .responsive #sourcingQuoteItemList.eQuotesDetailListTable .firstCol .productImageLink {
    width: 60px
}

#eQuotesItemList.eQuotesDetailListTable .item-icons, #onlineQuoteTempItemList.eQuotesDetailListTable .item-icons, #nonSourcingQuoteItemList.eQuotesDetailListTable .item-icons, #sourcingQuoteItemList.eQuotesDetailListTable .item-icons {
    padding: 10px 0 0 0
}

#eQuotesItemList.eQuotesDetailListTable .eQuotesItemQtyColumn, #onlineQuoteTempItemList.eQuotesDetailListTable .eQuotesItemQtyColumn, #nonSourcingQuoteItemList.eQuotesDetailListTable .eQuotesItemQtyColumn, #sourcingQuoteItemList.eQuotesDetailListTable .eQuotesItemQtyColumn {
    display: inline-block;
    background: #eee;
    padding: 15px 10px;
    width: 182px;
    float: right;
    font-size: 12px;
    margin-bottom: 25px
}

#eQuotesItemList.eQuotesDetailListTable .eQuotesItemQtyColumn a, #onlineQuoteTempItemList.eQuotesDetailListTable .eQuotesItemQtyColumn a, #nonSourcingQuoteItemList.eQuotesDetailListTable .eQuotesItemQtyColumn a, #sourcingQuoteItemList.eQuotesDetailListTable .eQuotesItemQtyColumn a {
    font-weight: 700
}

#eQuotesItemList.eQuotesDetailListTable .eQuotesItemQtyColumn a.eQuotesAuthenticated, #onlineQuoteTempItemList.eQuotesDetailListTable .eQuotesItemQtyColumn a.eQuotesAuthenticated, #nonSourcingQuoteItemList.eQuotesDetailListTable .eQuotesItemQtyColumn a.eQuotesAuthenticated, #sourcingQuoteItemList.eQuotesDetailListTable .eQuotesItemQtyColumn a.eQuotesAuthenticated {
    display: inline-block;
    margin: 4px 0 10px 0
}

.responsive #eQuotesItemList.eQuotesDetailListTable .eQuotesItemQtyColumn, .responsive #onlineQuoteTempItemList.eQuotesDetailListTable .eQuotesItemQtyColumn, .responsive #nonSourcingQuoteItemList.eQuotesDetailListTable .eQuotesItemQtyColumn, .responsive #sourcingQuoteItemList.eQuotesDetailListTable .eQuotesItemQtyColumn {
    width: 165px
}

#eQuotesItemList.eQuotesDetailListTable .eQuoteRowAlerts, #onlineQuoteTempItemList.eQuotesDetailListTable .eQuoteRowAlerts, #nonSourcingQuoteItemList.eQuotesDetailListTable .eQuoteRowAlerts, #sourcingQuoteItemList.eQuotesDetailListTable .eQuoteRowAlerts {
    border-bottom: 0
}

#eQuotesItemList.eQuotesDetailListTable .cspQuotesQty, #onlineQuoteTempItemList.eQuotesDetailListTable .cspQuotesQty, #nonSourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty, #sourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty {
    width: auto
}

#eQuotesItemList.eQuotesDetailListTable .cspQuotesQty:after, #onlineQuoteTempItemList.eQuotesDetailListTable .cspQuotesQty:after, #nonSourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty:after, #sourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty:after, #eQuotesItemList.eQuotesDetailListTable .cspQuotesQty:before, #onlineQuoteTempItemList.eQuotesDetailListTable .cspQuotesQty:before, #nonSourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty:before, #sourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty:before {
    content: " ";
    display: table
}

#eQuotesItemList.eQuotesDetailListTable .cspQuotesQty:after, #onlineQuoteTempItemList.eQuotesDetailListTable .cspQuotesQty:after, #nonSourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty:after, #sourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty:after {
    clear: both
}

.lt-ie8 #eQuotesItemList.eQuotesDetailListTable .cspQuotesQty, .lt-ie8 #onlineQuoteTempItemList.eQuotesDetailListTable .cspQuotesQty, .lt-ie8 #nonSourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty, .lt-ie8 #sourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty {
    clear: both;
    zoom: 1
}

#eQuotesItemList.eQuotesDetailListTable .cspQuotesQty:after, #onlineQuoteTempItemList.eQuotesDetailListTable .cspQuotesQty:after, #nonSourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty:after, #sourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty:after, #eQuotesItemList.eQuotesDetailListTable .cspQuotesQty:before, #onlineQuoteTempItemList.eQuotesDetailListTable .cspQuotesQty:before, #nonSourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty:before, #sourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty:before {
    content: " ";
    display: table
}

#eQuotesItemList.eQuotesDetailListTable .cspQuotesQty:after, #onlineQuoteTempItemList.eQuotesDetailListTable .cspQuotesQty:after, #nonSourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty:after, #sourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty:after {
    clear: both
}

.lt-ie8 #eQuotesItemList.eQuotesDetailListTable .cspQuotesQty, .lt-ie8 #onlineQuoteTempItemList.eQuotesDetailListTable .cspQuotesQty, .lt-ie8 #nonSourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty, .lt-ie8 #sourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty {
    clear: both;
    zoom: 1
}

#eQuotesItemList.eQuotesDetailListTable .cspQuotesQty:after, #onlineQuoteTempItemList.eQuotesDetailListTable .cspQuotesQty:after, #nonSourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty:after, #sourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty:after, #eQuotesItemList.eQuotesDetailListTable .cspQuotesQty:before, #onlineQuoteTempItemList.eQuotesDetailListTable .cspQuotesQty:before, #nonSourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty:before, #sourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty:before {
    content: " ";
    display: table
}

#eQuotesItemList.eQuotesDetailListTable .cspQuotesQty:after, #onlineQuoteTempItemList.eQuotesDetailListTable .cspQuotesQty:after, #nonSourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty:after, #sourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty:after {
    clear: both
}

.lt-ie8 #eQuotesItemList.eQuotesDetailListTable .cspQuotesQty, .lt-ie8 #onlineQuoteTempItemList.eQuotesDetailListTable .cspQuotesQty, .lt-ie8 #nonSourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty, .lt-ie8 #sourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty {
    clear: both;
    zoom: 1
}

#eQuotesItemList.eQuotesDetailListTable .cspQuotesQty:after, #onlineQuoteTempItemList.eQuotesDetailListTable .cspQuotesQty:after, #nonSourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty:after, #sourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty:after, #eQuotesItemList.eQuotesDetailListTable .cspQuotesQty:before, #onlineQuoteTempItemList.eQuotesDetailListTable .cspQuotesQty:before, #nonSourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty:before, #sourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty:before {
    content: " ";
    display: table
}

#eQuotesItemList.eQuotesDetailListTable .cspQuotesQty:after, #onlineQuoteTempItemList.eQuotesDetailListTable .cspQuotesQty:after, #nonSourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty:after, #sourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty:after {
    clear: both
}

.lt-ie8 #eQuotesItemList.eQuotesDetailListTable .cspQuotesQty, .lt-ie8 #onlineQuoteTempItemList.eQuotesDetailListTable .cspQuotesQty, .lt-ie8 #nonSourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty, .lt-ie8 #sourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty {
    clear: both;
    zoom: 1
}

#eQuotesItemList.eQuotesDetailListTable .cspQuotesQty:after, #onlineQuoteTempItemList.eQuotesDetailListTable .cspQuotesQty:after, #nonSourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty:after, #sourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty:after, #eQuotesItemList.eQuotesDetailListTable .cspQuotesQty:before, #onlineQuoteTempItemList.eQuotesDetailListTable .cspQuotesQty:before, #nonSourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty:before, #sourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty:before {
    content: " ";
    display: table
}

#eQuotesItemList.eQuotesDetailListTable .cspQuotesQty:after, #onlineQuoteTempItemList.eQuotesDetailListTable .cspQuotesQty:after, #nonSourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty:after, #sourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty:after {
    clear: both
}

.lt-ie8 #eQuotesItemList.eQuotesDetailListTable .cspQuotesQty, .lt-ie8 #onlineQuoteTempItemList.eQuotesDetailListTable .cspQuotesQty, .lt-ie8 #nonSourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty, .lt-ie8 #sourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty {
    clear: both;
    zoom: 1
}

#eQuotesItemList.eQuotesDetailListTable .cspQuotesQty:after, #onlineQuoteTempItemList.eQuotesDetailListTable .cspQuotesQty:after, #nonSourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty:after, #sourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty:after, #eQuotesItemList.eQuotesDetailListTable .cspQuotesQty:before, #onlineQuoteTempItemList.eQuotesDetailListTable .cspQuotesQty:before, #nonSourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty:before, #sourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty:before {
    content: " ";
    display: table
}

#eQuotesItemList.eQuotesDetailListTable .cspQuotesQty:after, #onlineQuoteTempItemList.eQuotesDetailListTable .cspQuotesQty:after, #nonSourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty:after, #sourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty:after {
    clear: both
}

.lt-ie8 #eQuotesItemList.eQuotesDetailListTable .cspQuotesQty, .lt-ie8 #onlineQuoteTempItemList.eQuotesDetailListTable .cspQuotesQty, .lt-ie8 #nonSourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty, .lt-ie8 #sourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty {
    clear: both;
    zoom: 1
}

#eQuotesItemList.eQuotesDetailListTable .cspQuotesQty:after, #onlineQuoteTempItemList.eQuotesDetailListTable .cspQuotesQty:after, #nonSourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty:after, #sourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty:after, #eQuotesItemList.eQuotesDetailListTable .cspQuotesQty:before, #onlineQuoteTempItemList.eQuotesDetailListTable .cspQuotesQty:before, #nonSourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty:before, #sourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty:before {
    content: " ";
    display: table
}

#eQuotesItemList.eQuotesDetailListTable .cspQuotesQty:after, #onlineQuoteTempItemList.eQuotesDetailListTable .cspQuotesQty:after, #nonSourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty:after, #sourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty:after {
    clear: both
}

.lt-ie8 #eQuotesItemList.eQuotesDetailListTable .cspQuotesQty, .lt-ie8 #onlineQuoteTempItemList.eQuotesDetailListTable .cspQuotesQty, .lt-ie8 #nonSourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty, .lt-ie8 #sourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty {
    clear: both;
    zoom: 1
}

#eQuotesItemList.eQuotesDetailListTable .cspQuotesQty:after, #onlineQuoteTempItemList.eQuotesDetailListTable .cspQuotesQty:after, #nonSourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty:after, #sourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty:after, #eQuotesItemList.eQuotesDetailListTable .cspQuotesQty:before, #onlineQuoteTempItemList.eQuotesDetailListTable .cspQuotesQty:before, #nonSourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty:before, #sourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty:before {
    content: " ";
    display: table
}

#eQuotesItemList.eQuotesDetailListTable .cspQuotesQty:after, #onlineQuoteTempItemList.eQuotesDetailListTable .cspQuotesQty:after, #nonSourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty:after, #sourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty:after {
    clear: both
}

.lt-ie8 #eQuotesItemList.eQuotesDetailListTable .cspQuotesQty, .lt-ie8 #onlineQuoteTempItemList.eQuotesDetailListTable .cspQuotesQty, .lt-ie8 #nonSourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty, .lt-ie8 #sourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty {
    clear: both;
    zoom: 1
}

#eQuotesItemList.eQuotesDetailListTable .cspQuotesQty:after, #onlineQuoteTempItemList.eQuotesDetailListTable .cspQuotesQty:after, #nonSourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty:after, #sourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty:after, #eQuotesItemList.eQuotesDetailListTable .cspQuotesQty:before, #onlineQuoteTempItemList.eQuotesDetailListTable .cspQuotesQty:before, #nonSourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty:before, #sourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty:before {
    content: " ";
    display: table
}

#eQuotesItemList.eQuotesDetailListTable .cspQuotesQty:after, #onlineQuoteTempItemList.eQuotesDetailListTable .cspQuotesQty:after, #nonSourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty:after, #sourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty:after {
    clear: both
}

.lt-ie8 #eQuotesItemList.eQuotesDetailListTable .cspQuotesQty, .lt-ie8 #onlineQuoteTempItemList.eQuotesDetailListTable .cspQuotesQty, .lt-ie8 #nonSourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty, .lt-ie8 #sourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty {
    clear: both;
    zoom: 1
}

#eQuotesItemList.eQuotesDetailListTable .cspQuotesQty:after, #onlineQuoteTempItemList.eQuotesDetailListTable .cspQuotesQty:after, #nonSourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty:after, #sourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty:after, #eQuotesItemList.eQuotesDetailListTable .cspQuotesQty:before, #onlineQuoteTempItemList.eQuotesDetailListTable .cspQuotesQty:before, #nonSourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty:before, #sourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty:before {
    content: " ";
    display: table
}

#eQuotesItemList.eQuotesDetailListTable .cspQuotesQty:after, #onlineQuoteTempItemList.eQuotesDetailListTable .cspQuotesQty:after, #nonSourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty:after, #sourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty:after {
    clear: both
}

.lt-ie8 #eQuotesItemList.eQuotesDetailListTable .cspQuotesQty, .lt-ie8 #onlineQuoteTempItemList.eQuotesDetailListTable .cspQuotesQty, .lt-ie8 #nonSourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty, .lt-ie8 #sourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty {
    clear: both;
    zoom: 1
}

#eQuotesItemList.eQuotesDetailListTable .cspQuotesQty > div, #onlineQuoteTempItemList.eQuotesDetailListTable .cspQuotesQty > div, #nonSourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty > div, #sourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty > div, #eQuotesItemList.eQuotesDetailListTable .cspQuotesQty .btn, #onlineQuoteTempItemList.eQuotesDetailListTable .cspQuotesQty .btn, #nonSourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty .btn, #sourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty .btn {
    float: left
}

.responsive #eQuotesItemList.eQuotesDetailListTable .cspQuotesQty .add-to-cart, .responsive #onlineQuoteTempItemList.eQuotesDetailListTable .cspQuotesQty .add-to-cart, .responsive #nonSourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty .add-to-cart, .responsive #sourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty .add-to-cart {
    padding: 9px 10px
}

#eQuotesItemList.eQuotesDetailListTable .cspQuotesQty .qtyInput, #onlineQuoteTempItemList.eQuotesDetailListTable .cspQuotesQty .qtyInput, #nonSourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty .qtyInput, #sourcingQuoteItemList.eQuotesDetailListTable .cspQuotesQty .qtyInput {
    width: 40px;
    margin-right: 10px
}

#eQuotesItemList.eQuotesDetailListTable .productAvailMsg, #onlineQuoteTempItemList.eQuotesDetailListTable .productAvailMsg, #nonSourcingQuoteItemList.eQuotesDetailListTable .productAvailMsg, #sourcingQuoteItemList.eQuotesDetailListTable .productAvailMsg {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 12px 0;
    font-weight: 700;
    margin: 0 0 10px 0
}

#eQuotesItemList.eQuotesDetailListTable .productAvailMsg .availabilityMsg > a:before, #onlineQuoteTempItemList.eQuotesDetailListTable .productAvailMsg .availabilityMsg > a:before, #nonSourcingQuoteItemList.eQuotesDetailListTable .productAvailMsg .availabilityMsg > a:before, #sourcingQuoteItemList.eQuotesDetailListTable .productAvailMsg .availabilityMsg > a:before {
    font-family: graingerFont;
    content: "\e624";
    font-weight: 400;
    color: #333;
    margin: 0 0 0 4px;
    display: inline-block
}

#eQuotesItemList.eQuotesDetailListTable .productAddToList, #onlineQuoteTempItemList.eQuotesDetailListTable .productAddToList, #nonSourcingQuoteItemList.eQuotesDetailListTable .productAddToList, #sourcingQuoteItemList.eQuotesDetailListTable .productAddToList {
    display: block;
    margin: 8px 3px 13px 0;
    text-align: right
}

#eQuotesItemList.eQuotesDetailListTable .cspPriceCol, #onlineQuoteTempItemList.eQuotesDetailListTable .cspPriceCol, #nonSourcingQuoteItemList.eQuotesDetailListTable .cspPriceCol, #sourcingQuoteItemList.eQuotesDetailListTable .cspPriceCol {
    width: 70px
}

#eQuotesItemList.eQuotesDetailListTable .cspPriceCol span, #onlineQuoteTempItemList.eQuotesDetailListTable .cspPriceCol span, #nonSourcingQuoteItemList.eQuotesDetailListTable .cspPriceCol span, #sourcingQuoteItemList.eQuotesDetailListTable .cspPriceCol span, #eQuotesItemList.eQuotesDetailListTable .cspPriceCol .priceWrapper, #onlineQuoteTempItemList.eQuotesDetailListTable .cspPriceCol .priceWrapper, #nonSourcingQuoteItemList.eQuotesDetailListTable .cspPriceCol .priceWrapper, #sourcingQuoteItemList.eQuotesDetailListTable .cspPriceCol .priceWrapper {
    float: left
}

.responsive #eQuotesItemList.eQuotesDetailListTable .cspPriceCol, .responsive #onlineQuoteTempItemList.eQuotesDetailListTable .cspPriceCol, .responsive #nonSourcingQuoteItemList.eQuotesDetailListTable .cspPriceCol, .responsive #sourcingQuoteItemList.eQuotesDetailListTable .cspPriceCol {
    width: 100px
}

@media (max-width: 890px) {
    .responsive #eQuotesItemList.eQuotesDetailListTable .cspPriceCol .productPrice, .responsive #onlineQuoteTempItemList.eQuotesDetailListTable .cspPriceCol .productPrice, .responsive #nonSourcingQuoteItemList.eQuotesDetailListTable .cspPriceCol .productPrice, .responsive #sourcingQuoteItemList.eQuotesDetailListTable .cspPriceCol .productPrice {
        margin-bottom: 2px
    }
}

@media (max-width: 890px) {
    .responsive #eQuotesItemList.eQuotesDetailListTable .cspPriceCol .itemPriceInfo, .responsive #onlineQuoteTempItemList.eQuotesDetailListTable .cspPriceCol .itemPriceInfo, .responsive #nonSourcingQuoteItemList.eQuotesDetailListTable .cspPriceCol .itemPriceInfo, .responsive #sourcingQuoteItemList.eQuotesDetailListTable .cspPriceCol .itemPriceInfo {
        float: left
    }
}

#eQuotesItemList .eQuoteRowItemTop td, #onlineQuoteTempItemList .eQuoteRowItemTop td, #nonSourcingQuoteItemList .eQuoteRowItemTop td, #sourcingQuoteItemList .eQuoteRowItemTop td {
    border-bottom: none;
    padding: 20px 10px 0 0
}

@media (max-width: 890px) {
    .responsive #eQuotesItemList .eQuoteRowItemTop td .itemInfo, .responsive #onlineQuoteTempItemList .eQuoteRowItemTop td .itemInfo, .responsive #nonSourcingQuoteItemList .eQuoteRowItemTop td .itemInfo, .responsive #sourcingQuoteItemList .eQuoteRowItemTop td .itemInfo {
        text-align: left
    }
}

#eQuotesItemList .eQuoteRowItemBottom .firstCol, #onlineQuoteTempItemList .eQuoteRowItemBottom .firstCol, #nonSourcingQuoteItemList .eQuoteRowItemBottom .firstCol, #sourcingQuoteItemList .eQuoteRowItemBottom .firstCol {
    padding-right: 20px
}

#eQuotesItemList .eQuoteRowItemBottom .lastCol, #onlineQuoteTempItemList .eQuoteRowItemBottom .lastCol, #nonSourcingQuoteItemList .eQuoteRowItemBottom .lastCol, #sourcingQuoteItemList .eQuoteRowItemBottom .lastCol {
    padding: 0 0 0 10px
}

.equote-modal .modal-header .btn {
    float: right
}

.equote-modal .modal-footer {
    color: #777
}

.equote-modal .modal-footer .btn {
    margin-left: 20px
}

.equote-modal-content {
    font-size: 12px
}

.eQuotePrintTable th {
    font-weight: bold;
    padding-right: 10px
}

.eQuotePrintTable td strong {
    display: block;
    margin-bottom: 5px
}

.eQuotePrintInfo .sectionTo, .eQuotePrintInfo .sectionInfo {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    width: 49%;
    padding-bottom: 10px
}

.eQuotePrintInfo .sectionTo .sectionLabel, .eQuotePrintInfo .sectionInfo .sectionLabel {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px
}

.eQuotesInfoList dt {
    float: left;
    clear: left;
    font-weight: bold;
    margin-bottom: 5px
}

.eQuotesInfoList dd {
    float: right
}

.eQuoteTotalQuotePrice {
    text-align: right;
    font-size: 18px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 15px 5px
}

.eQuoteFooter {
    color: #777;
    padding: 10px 0
}

#quoteSummaryToggle {
    display: none
}

.quote-summary {
    width: 33.33%;
    float: right;
    padding-bottom: 10px
}

.quote-summary .shipping-address-header {
    background: #eee;
    padding: 10px 15px;
    font-size: 16px;
    font-weight: 700
}

.quote-summary .shipping-address-header .address {
    color: #000
}

.quote-summary .shipping-address-header .option {
    color: #00739e;
    text-transform: uppercase
}

.quote-summary .shipping-address-container {
    padding: 10px 15px;
    line-height: 1.5;
    border: 1px solid #eee;
    font-size: 12px;
    text-transform: capitalize
}

.quote-summary .shipping-address-container .customer-name {
    font-weight: 700;
    text-transform: capitalize;
    font-size: 14px
}

.quote-summary .shipping-address-container .customer-address {
    font-size: 12px
}

.quote-summary .quote-summary-heading {
    background: #29333b;
    padding: 10px 15px;
    color: #fff;
    font-size: 16px;
    font-weight: 700
}

.quote-summary .quote-summary-area {
    padding: 10px 5px;
    font-size: 12px
}

.quote-summary .quote-summary-area .sub-total-value {
    color: #008000
}

.quote-summary .fl-rt {
    float: right
}

.quote-summary .tax-detail div {
    padding: 5px 5px
}

.quote-summary .total-amount {
    padding: 10px 5px;
    border: 1px solid #eee
}

.quote-summary .total-amount .total-value {
    color: #008000
}

.quote-summary .term-text-one {
    padding: 10px 5px;
    line-height: 1.3
}

.quote-summary .format-body {
    background-color: #eee
}

.quote-summary .quote-button {
    margin-top: 25px
}

.quote-summary .quote-button button {
    background-color: #29333b;
    color: #fff;
    border-radius: 4px;
    padding: .5rem 1rem;
    font-size: .875rem;
    float: right;
    font-weight: 600;
    cursor: pointer
}

.quote-summary .blue-text {
    color: #00739e
}

.addQuoteModal {
    background-color: #eee
}

.addQuoteModal .modal-header {
    background-color: #eee;
    padding: 15px;
    border-bottom: 0
}

.addQuoteModal .modal-header .countHeader {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    font-size: 18px
}

.addQuoteModal .modal-header .sub-heading {
    font-size: 16px;
    margin-top: 55px
}

.addQuoteModal .modal-content {
    background: #fff !important;
    border-top: 0 !important;
    padding-top: 0 !important
}

.addQuoteModal .modal-content .itemsinCart {
    background-color: #fff !important
}

.addQuoteModal .modal-content .itemQty {
    text-align: left
}

.addQuoteModal .modal-content .price-value, .addQuoteModal .modal-content .total-value {
    padding-left: 5px
}

.addQuoteModal .addProductContent {
    padding: 15px
}

.addQuoteModal .addProductContent .productDetail {
    background: #fff;
    margin: 0 20px
}

.addQuoteModal .quote-product-name {
    color: #00739e
}

.addQuoteModal .product-name {
    padding-left: 0 !important
}

.addQuoteModal .error-not-added {
    color: #3c3c3c;
    font-weight: bold;
    margin-left: -20px;
    display: inline-block
}

.addQuoteModal .warning-box {
    padding: 15px;
    border: 1px solid #ccc;
    margin: 10px 10px
}

.addQuoteModal .warning-box span {
    line-height: 1
}

.addQuoteModal .error-invalid {
    padding-left: 25px;
    line-height: 1.4;
    padding-bottom: 10px
}

.addQuoteModal .font-gray {
    color: #444445
}

.addQuoteModal .pd-left {
    padding-left: 0
}

@media print {
    .modal-content {
        max-height: none !important
    }
}

.responsive.myaccount.two-column #main-content {
    width: 70%
}

.responsive.myaccount.two-column #main-content h1 {
    margin-left: 0;
    padding-left: 0
}

.responsive.one-column #main-content {
    width: 100%
}

.responsive.myaccount.eproQuotes #main-content {
    width: 70%
}

@media (max-width: 890px) {
    .responsive.myaccount.eproQuotes #main-content {
        width: 100%;
        padding: 10px 0
    }

    .responsive.myaccount.eproQuotes #side-nav {
        position: fixed;
        top: 0;
        left: -220px;
        padding-top: 0;
        height: 100%;
        overflow-y: scroll
    }

    .responsive.myaccount.eproQuotes .eQuoteRowItemBottom p {
        margin-left: 10px
    }

    .responsive.myaccount.eproQuotes.eproFiltersActive #side-nav {
        left: 0;
        z-index: 20px;
        min-width: 220px
    }
}

.responsive .quoteRequestorSummary, .responsive #quoteRequestorSummary {
    display: none;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 10px
}

@media (max-width: 890px) {
    .responsive .quoteRequestorSummary, .responsive #quoteRequestorSummary {
        display: block
    }
}

.responsive #searchFilterBreadBox {
    display: none;
    background-color: #D5D5D5;
    border-top: solid 1px #aaa;
    border-left: solid 1px 0;
    border-right: solid 1px #aaa;
    border-bottom: solid 1px #aaa;
    width: 100%;
    height: 34px;
    margin-bottom: 10px;
    position: relative;
    z-index: 7
}

@media (max-width: 890px) {
    .responsive #searchFilterBreadBox {
        display: block
    }
}

.responsive #searchFilterBreadBox.fixedBreadbox {
    position: fixed;
    top: 0
}

.responsive #searchFilterBreadBox .results-filter-search ul, .responsive #searchFilterBreadBox .results-filter-search li, .responsive #searchFilterBreadBox .results-filter-search, .responsive #searchFilterBreadBox .clearAllTerms {
    display: inline-block
}

.responsive #searchFilterBreadBox .results-filter-search li .deleteIcon:after {
    font-family: graingerFont;
    content: "\e61d";
    font-weight: 400;
    color: #333;
    font-size: 10px;
    margin-left: 3px;
    float: right;
    font-weight: normal
}

.responsive #searchFilterBreadBox .clearAllTerms {
    margin-left: 7px
}

.responsive #searchFilterBreadBox #clearQuoteFilters {
    margin-left: 7px;
    color: #00739e;
    display: inline-block
}

.responsive #searchFilterBreadBox #clearQuoteFilters:hover {
    text-decoration: underline;
    cursor: pointer
}

.lt-ie8 .responsive #searchFilterBreadBox #clearQuoteFilters {
    display: inline;
    zoom: 1
}

.responsive #filterToggleLink {
    float: left;
    color: #04447E;
    font-size: 11px;
    cursor: pointer;
    line-height: 34px;
    position: relative;
    left: 170px
}

.responsive #appliedFilters {
    float: left;
    position: relative;
    left: 160px;
    line-height: 34px;
    font-size: 11px
}

.responsive #filterToggleButton {
    display: none;
    left: -160px;
    position: absolute;
    cursor: pointer;
    padding: 0;
    z-index: 8;
    height: 34px;
    width: 145px;
    border-top: solid 1px #aaa;
    border-left: solid 1px 0;
    border-right: solid 1px #aaa;
    border-bottom: solid 1px #aaa;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5)
}

@media (max-width: 890px) {
    .responsive #filterToggleButton {
        display: block
    }
}

.responsive #filterToggleButton #filterToggleText {
    color: #FFF;
    display: inline-block;
    line-height: 30px;
    padding-left: 5px;
    vertical-align: top;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase
}

.responsive #filterToggleButton #filterToggleText:after {
    padding-left: 15px;
    font-family: graingerFont;
    content: "\e62e";
    font-weight: 400
}

.responsive #filterToggleButton.filtersShown {
    z-index: 20;
    width: 165px;
    color: #333;
    background-color: #ddd;
    background-image: -moz-linear-gradient(top, #e5e5e5 0, #e5e5e5 50%, #ddd 51%, #ddd 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(50%, #e5e5e5), color-stop(51%, #ddd), color-stop(100%, #ddd));
    background-image: -webkit-linear-gradient(top, #e5e5e5 0, #e5e5e5 50%, #ddd 51%, #ddd 100%);
    background-image: -o-linear-gradient(top, #e5e5e5 0, #e5e5e5 50%, #ddd 51%, #ddd 100%);
    background-image: -ms-linear-gradient(top, #e5e5e5 0, #e5e5e5 50%, #ddd 51%, #ddd 100%);
    background-image: linear-gradient(to bottom, #e5e5e5 0, #e5e5e5 50%, #ddd 51%, #ddd 100%)
}

.responsive #filterToggleButton.filtersShown #filterToggleText {
    color: #333
}

.responsive #filterToggleButton.filtersShown #filterToggleText:after {
    padding-left: 25px;
    font-family: graingerFont;
    content: "\e62d";
    font-weight: 400;
    color: #333
}

.responsive #filterToggleButton.filtersShown #filterToggleText:hover {
    background-color: #d6d6d6;
    background-image: -moz-linear-gradient(top, #e0e0e0 0, #e0e0e0 50%, #d6d6d6 51%, #d6d6d6 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e0e0e0), color-stop(50%, #e0e0e0), color-stop(51%, #d6d6d6), color-stop(100%, #d6d6d6));
    background-image: -webkit-linear-gradient(top, #e0e0e0 0, #e0e0e0 50%, #d6d6d6 51%, #d6d6d6 100%);
    background-image: -o-linear-gradient(top, #e0e0e0 0, #e0e0e0 50%, #d6d6d6 51%, #d6d6d6 100%);
    background-image: -ms-linear-gradient(top, #e0e0e0 0, #e0e0e0 50%, #d6d6d6 51%, #d6d6d6 100%);
    background-image: linear-gradient(to bottom, #e0e0e0 0, #e0e0e0 50%, #d6d6d6 51%, #d6d6d6 100%)
}

.responsive #filterToggleButton.fixedButton {
    position: fixed;
    top: 0
}

.responsive #searchFilterMask {
    display: none;
    width: 0;
    background-color: #000;
    -moz-opacity: .6;
    -khtml-opacity: .6;
    -webkit-opacity: .6;
    opacity: .6;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    filter: alpha(opacity=60);
    position: absolute;
    z-index: 15;
    height: 100%;
    right: 0;
    border-top: solid 1px 0;
    border-left: solid 1px #fff;
    border-right: solid 1px 0;
    border-bottom: solid 1px 0
}

.lt-ie8 .responsive #searchFilterMask {
    zoom: 1
}

.lt-ie8 .responsive #searchFilterMask {
    zoom: 1
}

.lt-ie8 .responsive #searchFilterMask {
    zoom: 1
}

.lt-ie8 .responsive #searchFilterMask {
    zoom: 1
}

.lt-ie8 .responsive #searchFilterMask {
    zoom: 1
}

.lt-ie8 .responsive #searchFilterMask {
    zoom: 1
}

.lt-ie8 .responsive #searchFilterMask {
    zoom: 1
}

.lt-ie8 .responsive #searchFilterMask {
    zoom: 1
}

.lt-ie8 .responsive #searchFilterMask {
    zoom: 1
}

.lt-ie8 .responsive #searchFilterMask {
    zoom: 1
}

.responsive #searchFilterMask.filterMaskActive {
    width: 100%;
    display: block;
    left: 220px
}

.responsive.eproFiltersActive #eheader, .responsive.eproFiltersActive #body, .responsive.eproFiltersActive #footer {
    left: 220px
}

.responsive #breadcrumbs {
    margin-top: 7px
}

@media (max-width: 730px) {
    .responsive .sourcingAvailablityCol {
        display: none
    }
}

.responsive .eproAvailablityMessage {
    display: none
}

@media (max-width: 730px) {
    .responsive .eproAvailablityMessage {
        display: block;
        margin-top: 10px
    }
}

.responsive .noQuotesDiv {
    margin: 0 auto
}

.equote-page-break {
    display: none
}

@media print {
    .equote-page-break {
        display: block
    }
}

#form-content {
    width: 100%
}

#applyForCreditFormDiv {
    margin: 0 -20px 0 0;
    clear: both
}

#applyCreditTitle h1 {
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    border-bottom: 1px solid #ccc;
    padding: 0 0 10px 0;
    width: 580px
}

.applyCreditTable {
    padding-top: 10px
}

#applyCredit_Porder, #applyCredit_Paydays, #applyCredit_Revdays, #detailsResp {
    padding-top: 10px
}

.applyCreditRadio {
    vertical-align: middle
}

.ElecTrnsfr {
    margin-bottom: 10px
}

#applyCrBtn {
    margin-top: 10px
}

.header1, .header2, .header3, .header4, .header5 {
    padding-left: 10px
}

.apply-options {
    margin-top: 5px
}

.applyLabel {
    height: 50px;
    word-wrap: break-word;
    background-color: #DEDEDE;
    color: #585858
}

.applyLabelRow {
    vertical-align: middle;
    background-color: #DEDEDE;
    word-wrap: break-word;
    width: 20%
}

.applyCredittable {
    table-layout: fixed;
    width: 100%
}

.applyCredittable tr th {
    border: 1px solid grey !important
}

.applyCredittable tr td {
    border: 1px solid grey !important
}

.applyOptionTd {
    vertical-align: top
}

#extraPaddingCol {
    padding-right: 40px;
    padding-left: 18px
}

#poDelMsg {
    font-size: 13.5px;
    font-weight: 700;
    color: #3CF
}

.poNoDisplay {
    text-decoration: underline
}

#shippingAddrId {
    max-width: 490px !important
}

.quotedetailPrice {
    width: 120px !important
}

.floating-labels {
    position: relative
}

.floating-labels label {
    display: none
}

.floating-labels input:focus::placeholder {
    opacity: 0
}

.floating-labels.show-labels label {
    display: block;
    position: absolute;
    top: -5px;
    left: 14px;
    font-size: 11px;
    padding: 0 5px;
    background: #fff;
    outline: 0;
    line-height: 11px
}

.floating-labels.show-labels label.pwdConfirmationLabel {
    top: 21px
}

.passwordContainer {
    min-height: 60px
}

.passwordContainer .forgotpasswordfield {
    width: 235px;
    min-height: 60px;
    margin-top: 12px
}

.passwordContainer .forgotpasswordfield .showLabelLink {
    padding-bottom: 12px;
    display: inline-block
}

.passwordContainer input {
    height: 41px;
    width: 235px
}

.passwordContainer .alert {
    margin: -1px 0 8px 0
}

.passwordContainer .newPwnedPasswordLongSecureMessage {
    margin: 0 0 5px 0
}

.passwordContainer .gcPasswordLenght {
    margin: 9px 0 10px;
    font-weight: normal;
    font-size: 12px;
    color: #686868
}

#quoteConfirmation {
    padding-bottom: 8rem
}

#quoteConfirmation .bold {
    font-weight: 700
}

#quoteConfirmation .confirmation-title {
    padding-top: 20px;
    text-transform: uppercase
}

#quoteConfirmation .quote-confirmation-details {
    display: block;
    background-color: #eee;
    padding: 10px;
    margin-bottom: 0 0 15px 0
}

#quoteConfirmation .quote-confirmation-details .confirmation-detail-div {
    line-height: 1.3
}

#quoteConfirmation .confirmation-product-list {
    padding: 20px 0
}

#quoteConfirmation .list-items {
    font-size: 12px;
    font-weight: 700
}

#quoteConfirmation .nav-options {
    float: right
}

#quoteConfirmation .nav-options span {
    color: #00739e;
    font-weight: 700
}

#quoteConfirmation hr {
    margin-top: 0
}

#quotesConfirmationContainer .column-product, #quotesConfirmationContainer .column-brand {
    width: 20%
}

.resetPwdTitle, .password-reset-confirmation {
    color: #29333b;
    font-size: 30px;
    line-height: 1.2;
    padding-bottom: 17px;
    margin: 0 0 8px 0 !important;
    border-bottom: 1px solid #ccc;
    font-family: RobotoCondensedBold, Arial, Helvetica, sans-serif
}

#loginOptionsForm .resetPwdTitle .sectionTitle {
    margin-bottom: 18px
}

#loginOptionsForm .resetCreateNewPwd {
    padding-bottom: 0;
    display: block;
    font-weight: 700
}

#loginOptionsForm .passwordContainer .forgotpasswordfield {
    margin-top: 12px
}

#loginOptionsForm .passwordContainer .gcPasswordLenght {
    margin: 7px 0
}

#loginOptionsForm .passwordContainer .resetPwdDivWithStrength .forgotpasswordfield {
    margin-top: 0
}

.go-back-form {
    margin-top: 15px !important
}

.gcForgetPasswordLengthNote {
    margin: 9px 0 10px !important
}

.forgotpasswordcontent {
    margin-bottom: 30px
}

.forgotpasswordcontent #submitLoginOptions {
    margin-top: 18px
}

.quote-section {
    float: right
}

.btn-quote {
    background: #fff !important;
    border: 1px solid #595959 !important;
    color: #000 !important;
    padding: 10px 18px;
    position: relative;
    top: 1px
}

.bulk-order .bulkOrderBody .dropdown-menu .dropdown-header, .bulk-order .bulkOrderBody .dropdown-menu .tab-content {
    padding: 10px 12px
}

.quote-section {
    display: none
}

.btn-uiequote {
    margin-left: 10px;
    margin-right: 10px
}

.btn-equote-cancel {
    float: none;
    margin: 0
}

.draftQuotePage #orderFieldsSelected {
    position: relative
}

.draftQuotePage #orderFieldsSelected form {
    display: inline-block;
    margin-top: 10px
}

.draftQuotePage #orderFieldsSelected .order-fields-project-job-div .optional-label {
    position: absolute;
    right: 0;
    font-style: italic
}

.draftQuotePage #orderFieldsSelected .order-fields-project-job-div input {
    width: 300px;
    padding-left: 10px;
    border: 1px solid #72777d;
    margin-bottom: 5px;
    padding: 8px 5px;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    height: 40px;
    color: #333;
    border-radius: 2px
}

.draftQuotePage #orderFieldsSelected span {
    padding: 0 5px
}

.draftQuotePage #orderFieldsSelected a.showMoreFieldsLink {
    font-size: 12px;
    font-weight: bold;
    margin-left: 100px;
    cursor: pointer;
    color: #00739e;
    text-decoration: none
}

.draftQuotePage .draftQuoteMsg {
    border: 1px solid #d8d8d8;
    padding: 12px 10px !important;
    clear: both;
    background: #eee;
    margin-bottom: 10px;
    color: #29333b;
    font-size: 12px;
    font-weight: normal;
    position: relative
}

.draftQuotePage .draftQuoteMsg.alert:before {
    color: #f26823;
    margin-top: -1px
}

.draftQuotePage .draftQuoteMsg.success {
    color: #008000;
    margin-top: -1px
}

.draftQuotePage .draftQuoteMsg.error {
    color: #ad333b;
    margin-top: -1px
}

.draftQuotePage .updatedQuote {
    display: none
}

.draftQuotePage .deleteQuote {
    display: none
}

.draftQuotePage .updateError {
    display: none
}

.draftQuotePage .order-fields-project-job-div {
    margin: 10px 0 10px;
    vertical-align: top;
    padding: 0
}

.draftQuotePage .order-fields-project-job-div label {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    cursor: text;
    width: 95%;
    padding-left: 0;
    color: #72777d;
    position: relative;
    top: 0;
    left: 6px
}

.draftQuotePage #orderFieldsRailForm .order-fields-project-job-div span {
    padding: 0 5px
}

#eQuoteDraftContainer .showMoreProducts {
    padding: 10px;
    text-align: center
}

#eQuoteDraftContainer .showMoreProducts {
    display: none
}

.lineItemFields li.text-input span {
    padding: 0 5px
}

#modal-order-fields-form .close-modal-link {
    width: 17px;
    height: 20px;
    margin: auto;
    cursor: pointer;
    font-size: 17px;
    position: relative;
    float: right;
    padding-top: 2px;
    color: #29333b
}

#modal-order-fields-form .close-modal-link:hover {
    text-decoration: none
}

#modal-order-fields-form .close-modal-link:before {
    font-family: graingerFont;
    content: "\e903";
    font-weight: 400
}

#modal-order-fields-form div.close-modal-link:focus {
    outline: 1px solid #00739e !important
}

#modal-order-fields-form .modal-footer {
    padding: 15px 20px
}

#orderFieldsForm ul li {
    width: 100%;
    padding-bottom: 0;
    position: relative
}

#orderFieldsForm ul li:nth-child(odd) {
    margin-left: 0
}

#orderFieldsForm ul li input[type=text] {
    padding-left: 10px;
    margin-top: 23px;
    width: 100%
}

#orderFieldsForm ul li.half {
    width: 49.2%;
    display: inline-block;
    vertical-align: top
}

#orderFieldsForm ul li.half:nth-child(odd) {
    margin-right: 1%
}

#orderFieldsForm ul li.text-input label {
    position: absolute;
    top: 28px;
    left: 6px
}

#orderFieldsForm li label {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    cursor: text;
    width: 95%;
    padding-left: 0;
    color: #72777d
}

#orderFieldsForm li .optional-label {
    position: absolute;
    right: 0;
    font-style: italic
}

#orderFieldsForm li.text-input label.draftQuoteModalLabel .field-label {
    display: none
}

#orderFieldsForm li.text-input label.super-script.draftQuoteModalLabel .field-label {
    display: inline-block
}

#orderFieldsForm li.text-input label.draftQuoteNotesLabel .optional-label {
    right: -17px
}

#orderFieldsForm li.text-input label.super-script {
    top: 12px;
    font-size: 12px
}

#orderFieldsForm li.text-input label.super-script span {
    background-color: #fff
}

#orderFieldsForm li.text-input span {
    padding: 0 5px
}

#myQuoteContainer .myQuoteTabDesktopTable {
    margin-bottom: 200px
}

#myQuoteContainer .title {
    font-weight: 700
}

#myQuoteContainer #draft-quote-banner-container {
    margin-bottom: 30px
}

#myQuoteContainer #draft-quote-banner-container .flat-header-small {
    font-size: 14px
}

#myQuoteContainer #draft-quote-banner-container .miniDraftQuote {
    border: thin solid #d8d8d8;
    padding: 14px 19px 15px;
    margin-top: 10px;
    width: 675px;
    font-size: 14px
}

#myQuoteContainer #draft-quote-banner-container .miniDraftQuote .quoteDataContainer {
    display: table-cell;
    width: 483px
}

#myQuoteContainer #draft-quote-banner-container .miniDraftQuote .quoteDataContainer li {
    padding-top: 3px;
    padding-bottom: 3px
}

#myQuoteContainer #draft-quote-banner-container .miniDraftQuote .quoteDataContainer li > strong {
    font-weight: 600;
    color: #000;
    display: table-cell;
    width: 170px
}

#myQuoteContainer #draft-quote-banner-container .miniDraftQuote .quoteDataContainer li > span {
    font-size: 14px;
    color: #000;
    display: table-cell;
    word-break: break-word
}

#myQuoteContainer #draft-quote-banner-container .miniDraftQuote .quoteButtonContainer {
    display: table-cell;
    width: 160px;
    vertical-align: top;
    padding-top: 19px
}

#myQuoteContainer #draft-quote-banner-container .miniDraftQuote .quoteButtonContainer .new-quote-button {
    margin-top: 0
}

#myQuoteContainer #draft-quote-banner-container .miniDraftQuote .quoteButtonContainer .new-quote-button a {
    padding-left: 20px;
    padding-right: 20px;
    margin-top: -12px;
    margin-left: 37px
}

#myQuoteContainer #draft-quote-banner-container .miniDraftQuote .quoteButtonContainer .new-quote-button .btnSecondaryAlt {
    color: #000;
    border: 2px solid #000;
    background-color: transparent;
    padding: 10px
}

#myQuoteContainer #eQuoteContainer {
    color: #29333b;
    font-size: 14px
}

#myQuoteContainer #eQuoteContainer .nav-tabs {
    margin: 20px 0 0;
    list-style: none;
    border-bottom: 1px solid #abb0b6;
    position: relative;
    z-index: 2;
    position: static
}

#myQuoteContainer #eQuoteContainer .nav-tabs > li {
    margin-bottom: -1px;
    display: inline-block;
    vertical-align: middle;
    line-height: 14px;
    float: left;
    margin-right: 5px
}

#myQuoteContainer #eQuoteContainer .nav-tabs > li > a {
    margin: 0 -0.5px;
    background-color: #eee;
    border-bottom: 1px solid #abb0b6;
    border-top: 4px solid #eee;
    color: #000;
    display: block;
    font-weight: 700;
    padding: 18px;
    min-width: 175px;
    text-align: center;
    line-height: 10px;
    text-decoration: none
}

#myQuoteContainer #eQuoteContainer .nav-tabs > li.first {
    margin-left: 1px
}

#myQuoteContainer #eQuoteContainer .nav-tabs > li.active a {
    background-color: #fff;
    border-top: 4px solid #00739e;
    border-left: 1px solid #abb0b6;
    border-right: 1px solid #abb0b6;
    border-bottom: 1px solid #fff;
    cursor: default
}

#myQuoteContainer #eQuoteContainer .nav-tabs > li.active a:focus {
    background-color: #fff;
    border-top: 4px solid #00739e;
    border-left: 1px solid #abb0b6;
    border-right: 1px solid #abb0b6;
    border-bottom: 1px solid #fff;
    cursor: default
}

#myQuoteContainer #eQuoteContainer .nav-tabs > li.active a:hover {
    background-color: #fff;
    border-top: 4px solid #00739e;
    border-left: 1px solid #abb0b6;
    border-right: 1px solid #abb0b6;
    border-bottom: 1px solid #fff;
    cursor: default
}

#myQuoteContainer #eQuoteContainer .tab-nav {
    margin: 20px 0 0;
    list-style: none;
    border-bottom: 1px solid #abb0b6;
    position: relative;
    z-index: 2
}

#myQuoteContainer #eQuoteContainer .tab-nav > li {
    margin-bottom: -1px;
    display: inline-block;
    vertical-align: middle
}

#myQuoteContainer #eQuoteContainer .tab-nav > li > a {
    margin: 0 -0.5px;
    background-color: #eee;
    border-bottom: 1px solid #abb0b6;
    border-top: 4px solid #eee;
    color: #000;
    display: block;
    font-weight: 700;
    padding: 18px;
    min-width: 175px;
    text-align: center;
    line-height: 10px;
    text-decoration: none
}

#myQuoteContainer #eQuoteContainer .tab-nav > li.active a {
    background-color: #fff;
    border-top: 4px solid #00739e;
    border-left: 1px solid #abb0b6;
    border-right: 1px solid #abb0b6;
    border-bottom: 1px solid #fff;
    cursor: default
}

#myQuoteContainer #eQuoteContainer .tab-nav > li.active a:focus {
    background-color: #fff;
    border-top: 4px solid #00739e;
    border-left: 1px solid #abb0b6;
    border-right: 1px solid #abb0b6;
    border-bottom: 1px solid #fff;
    cursor: default
}

#myQuoteContainer #eQuoteContainer .tab-nav > li.active a:hover {
    background-color: #fff;
    border-top: 4px solid #00739e;
    border-left: 1px solid #abb0b6;
    border-right: 1px solid #abb0b6;
    border-bottom: 1px solid #fff;
    cursor: default
}

#myQuoteContainer #onlineQuotesSearchForm {
    padding-top: 20px;
    border-top: 1px solid #ccc;
    background: radial-gradient(center, ellipse cover, rgba(25, 25, 25, 0.35) 0, rgba(0, 0, 0, 0) 100%);
    background: radial-gradient(ellipse 70% 10px at top, rgba(25, 25, 25, 0.35) 0, rgba(255, 255, 255, 0) 80%);
    border-top: 0
}

#myQuoteContainer #onlineQuotesSearchForm fieldset {
    margin: 0;
    overflow: visible;
    padding: 0
}

#myQuoteContainer #onlineQuotesSearchForm fieldset p {
    color: #333;
    line-height: 13px;
    margin-bottom: 5px;
    float: none;
    font-weight: 700
}

#myQuoteContainer #onlineQuotesSearchForm fieldset > div {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1
}

#myQuoteContainer #onlineQuotesSearchForm fieldset > label {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1
}

#myQuoteContainer #onlineQuotesSearchForm #searchQuery {
    width: 238px
}

#myQuoteContainer #onlineQuotesSearchForm .default-width {
    margin-bottom: 10px
}

#myQuoteContainer #onlineQuotesSearchForm .no-margin-top {
    margin-bottom: 10px
}

#myQuoteContainer #onlineQuotesSearchForm #searchOnlineQuotes {
    width: 325px;
    padding-left: 10px
}

#myQuoteContainer #eQuotesItemList.eQuotesItemListTable, #myQuoteContainer #onlineQuoteTempItemList.eQuotesItemListTable, #myQuoteContainer #nonSourcingQuoteItemList.eQuotesItemListTable, #myQuoteContainer #sourcingQuoteItemList.eQuotesItemListTable {
    max-width: 950px;
    width: 100%;
    position: relative;
    margin: 5px 0
}

#myQuoteContainer #eQuotesItemList tr th, #myQuoteContainer #onlineQuoteTempItemList tr th, #myQuoteContainer #nonSourcingQuoteItemList tr th, #myQuoteContainer #sourcingQuoteItemList tr th {
    font-weight: 500;
    width: 13%
}

#myQuoteContainer #eQuotesItemList tr th a, #myQuoteContainer #onlineQuoteTempItemList tr th a, #myQuoteContainer #nonSourcingQuoteItemList tr th a, #myQuoteContainer #sourcingQuoteItemList tr th a {
    background: 0;
    cursor: pointer;
    color: #00739e;
    font-size: 14px
}

#myQuoteContainer #eQuotesItemList tr th.expDateHeader, #myQuoteContainer #onlineQuoteTempItemList tr th.expDateHeader, #myQuoteContainer #nonSourcingQuoteItemList tr th.expDateHeader, #myQuoteContainer #sourcingQuoteItemList tr th.expDateHeader, #myQuoteContainer #eQuotesItemList tr th.expDateHeader, #myQuoteContainer #onlineQuoteTempItemList tr th.expDateHeader, #myQuoteContainer #nonSourcingQuoteItemList tr th.expDateHeader, #myQuoteContainer #sourcingQuoteItemList tr th.expDateHeader, #myQuoteContainer #eQuotesItemList tr th.expDateHeader, #myQuoteContainer #onlineQuoteTempItemList tr th.expDateHeader, #myQuoteContainer #nonSourcingQuoteItemList tr th.expDateHeader, #myQuoteContainer #sourcingQuoteItemList tr th.expDateHeader, #myQuoteContainer #eQuotesItemList tr th.expDateHeader, #myQuoteContainer #onlineQuoteTempItemList tr th.expDateHeader, #myQuoteContainer #nonSourcingQuoteItemList tr th.expDateHeader, #myQuoteContainer #sourcingQuoteItemList tr th.expDateHeader {
    width: 16%
}

#myQuoteContainer #eQuotesItemList tr th.eQuotesHeaderRow, #myQuoteContainer #onlineQuoteTempItemList tr th.eQuotesHeaderRow, #myQuoteContainer #nonSourcingQuoteItemList tr th.eQuotesHeaderRow, #myQuoteContainer #sourcingQuoteItemList tr th.eQuotesHeaderRow {
    border-bottom: none;
    width: auto
}

#myQuoteContainer #eQuotesItemList tr td, #myQuoteContainer #onlineQuoteTempItemList tr td, #myQuoteContainer #nonSourcingQuoteItemList tr td, #myQuoteContainer #sourcingQuoteItemList tr td {
    border-bottom: 1px solid #d8d8d8 !important;
    padding: 15px 10px 15px 0;
    max-width: 300px;
    min-width: 80px;
    word-break: break-word;
    vertical-align: top
}

#myQuoteContainer #eQuotesItemList tr td.eQuotesHeaderRow, #myQuoteContainer #onlineQuoteTempItemList tr td.eQuotesHeaderRow, #myQuoteContainer #nonSourcingQuoteItemList tr td.eQuotesHeaderRow, #myQuoteContainer #sourcingQuoteItemList tr td.eQuotesHeaderRow {
    border-bottom: none
}

#myQuoteContainer #eQuotesItemList tr td.soiMultiQuotePadding, #myQuoteContainer #onlineQuoteTempItemList tr td.soiMultiQuotePadding, #myQuoteContainer #nonSourcingQuoteItemList tr td.soiMultiQuotePadding, #myQuoteContainer #sourcingQuoteItemList tr td.soiMultiQuotePadding {
    padding: 25px 0
}

#myQuoteContainer #eQuotesItemList tr td.soiMultiQuoteMsg, #myQuoteContainer #onlineQuoteTempItemList tr td.soiMultiQuoteMsg, #myQuoteContainer #nonSourcingQuoteItemList tr td.soiMultiQuoteMsg, #myQuoteContainer #sourcingQuoteItemList tr td.soiMultiQuoteMsg {
    padding-left: 12px
}

#myQuoteContainer #eQuotesItemList tr td.soiMultiQuoteMsg span, #myQuoteContainer #onlineQuoteTempItemList tr td.soiMultiQuoteMsg span, #myQuoteContainer #nonSourcingQuoteItemList tr td.soiMultiQuoteMsg span, #myQuoteContainer #sourcingQuoteItemList tr td.soiMultiQuoteMsg span {
    font-weight: 700
}

#myQuoteContainer #eQuotesItemList tr td.eQuoteModalContainer, #myQuoteContainer #onlineQuoteTempItemList tr td.eQuoteModalContainer, #myQuoteContainer #nonSourcingQuoteItemList tr td.eQuoteModalContainer, #myQuoteContainer #sourcingQuoteItemList tr td.eQuoteModalContainer {
    border-bottom: none
}

#myQuoteContainer #eQuotesItemList tr:last-child td, #myQuoteContainer #onlineQuoteTempItemList tr:last-child td, #myQuoteContainer #nonSourcingQuoteItemList tr:last-child td, #myQuoteContainer #sourcingQuoteItemList tr:last-child td {
    border-bottom: none
}

#myQuoteContainer #eQuotesItemList tr .quantity, #myQuoteContainer #onlineQuoteTempItemList tr .quantity, #myQuoteContainer #nonSourcingQuoteItemList tr .quantity, #myQuoteContainer #sourcingQuoteItemList tr .quantity {
    width: 56px
}

#myQuoteContainer #eQuotesItemList .eQuoteItemRow:hover, #myQuoteContainer #onlineQuoteTempItemList .eQuoteItemRow:hover, #myQuoteContainer #nonSourcingQuoteItemList .eQuoteItemRow:hover, #myQuoteContainer #sourcingQuoteItemList .eQuoteItemRow:hover {
    background: #eee
}

#myQuoteContainer #eQuotesItemList .eQuoteItemRow:hover td.eQuoteModalContainer, #myQuoteContainer #onlineQuoteTempItemList .eQuoteItemRow:hover td.eQuoteModalContainer, #myQuoteContainer #nonSourcingQuoteItemList .eQuoteItemRow:hover td.eQuoteModalContainer, #myQuoteContainer #sourcingQuoteItemList .eQuoteItemRow:hover td.eQuoteModalContainer {
    background-color: #fff
}

#myQuoteContainer #eQuotesItemList .eQuoteItemDataDescription, #myQuoteContainer #onlineQuoteTempItemList .eQuoteItemDataDescription, #myQuoteContainer #nonSourcingQuoteItemList .eQuoteItemDataDescription, #myQuoteContainer #sourcingQuoteItemList .eQuoteItemDataDescription {
    display: block;
    word-wrap: break-word;
    cursor: pointer;
    overflow: hidden
}

#myQuoteContainer #eQuotesItemList .eQuoteItemDataExpDate, #myQuoteContainer #onlineQuoteTempItemList .eQuoteItemDataExpDate, #myQuoteContainer #nonSourcingQuoteItemList .eQuoteItemDataExpDate, #myQuoteContainer #sourcingQuoteItemList .eQuoteItemDataExpDate {
    display: block;
    word-wrap: break-word;
    cursor: pointer;
    overflow: hidden;
    width: 84px
}

#myQuoteContainer #eQuotesItemList .eQuoteItemDataID, #myQuoteContainer #onlineQuoteTempItemList .eQuoteItemDataID, #myQuoteContainer #nonSourcingQuoteItemList .eQuoteItemDataID, #myQuoteContainer #sourcingQuoteItemList .eQuoteItemDataID {
    display: block;
    word-wrap: break-word;
    cursor: pointer;
    overflow: hidden;
    width: 110px;
    position: relative;
    z-index: 100
}

#myQuoteContainer #eQuotesItemList .eQuoteItemDataJobName, #myQuoteContainer #onlineQuoteTempItemList .eQuoteItemDataJobName, #myQuoteContainer #nonSourcingQuoteItemList .eQuoteItemDataJobName, #myQuoteContainer #sourcingQuoteItemList .eQuoteItemDataJobName {
    display: block;
    word-wrap: break-word;
    cursor: pointer;
    overflow: hidden;
    width: 152px
}

#myQuoteContainer #eQuotesItemList .eQuoteItemDataRequestor, #myQuoteContainer #onlineQuoteTempItemList .eQuoteItemDataRequestor, #myQuoteContainer #nonSourcingQuoteItemList .eQuoteItemDataRequestor, #myQuoteContainer #sourcingQuoteItemList .eQuoteItemDataRequestor {
    display: block;
    word-wrap: break-word;
    cursor: pointer;
    overflow: hidden;
    width: 152px
}

#myQuoteContainer #eQuotesItemList .eQuoteItemDataStartDate, #myQuoteContainer #onlineQuoteTempItemList .eQuoteItemDataStartDate, #myQuoteContainer #nonSourcingQuoteItemList .eQuoteItemDataStartDate, #myQuoteContainer #sourcingQuoteItemList .eQuoteItemDataStartDate {
    display: block;
    word-wrap: break-word;
    cursor: pointer;
    overflow: hidden;
    width: 84px
}

#myQuoteContainer #eQuotesItemList .eQuoteItemID, #myQuoteContainer #onlineQuoteTempItemList .eQuoteItemID, #myQuoteContainer #nonSourcingQuoteItemList .eQuoteItemID, #myQuoteContainer #sourcingQuoteItemList .eQuoteItemID {
    position: relative;
    padding-left: 10px
}

#myQuoteContainer #eQuotesItemList .eQuoteModalContainer, #myQuoteContainer #onlineQuoteTempItemList .eQuoteModalContainer, #myQuoteContainer #nonSourcingQuoteItemList .eQuoteModalContainer, #myQuoteContainer #sourcingQuoteItemList .eQuoteModalContainer {
    border-bottom: none;
    position: relative;
    width: 100%;
    vertical-align: top
}

#myQuoteContainer #eQuotesItemList .eQuoteModalContainer .eQuoteModal, #myQuoteContainer #onlineQuoteTempItemList .eQuoteModalContainer .eQuoteModal, #myQuoteContainer #nonSourcingQuoteItemList .eQuoteModalContainer .eQuoteModal, #myQuoteContainer #sourcingQuoteItemList .eQuoteModalContainer .eQuoteModal {
    top: 0;
    right: -4px;
    width: 288px
}

#myQuoteContainer #eQuotesItemList .eQuoteModalContainer .eQuoteModal .eQuoteDetailsHeader, #myQuoteContainer #onlineQuoteTempItemList .eQuoteModalContainer .eQuoteModal .eQuoteDetailsHeader, #myQuoteContainer #nonSourcingQuoteItemList .eQuoteModalContainer .eQuoteModal .eQuoteDetailsHeader, #myQuoteContainer #sourcingQuoteItemList .eQuoteModalContainer .eQuoteModal .eQuoteDetailsHeader {
    background-color: #eee
}

#myQuoteContainer #eQuotesItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable tr td, #myQuoteContainer #onlineQuoteTempItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable tr td, #myQuoteContainer #nonSourcingQuoteItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable tr td, #myQuoteContainer #sourcingQuoteItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable tr td {
    padding: 10px 15px
}

#myQuoteContainer #eQuotesItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .productPrice, #myQuoteContainer #onlineQuoteTempItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .productPrice, #myQuoteContainer #nonSourcingQuoteItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .productPrice, #myQuoteContainer #sourcingQuoteItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .productPrice {
    margin-top: 0;
    margin-bottom: 8px
}

#myQuoteContainer #eQuotesItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .productPrice span, #myQuoteContainer #onlineQuoteTempItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .productPrice span, #myQuoteContainer #nonSourcingQuoteItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .productPrice span, #myQuoteContainer #sourcingQuoteItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .productPrice span {
    font-size: 12px !important;
    font-weight: 400;
    width: auto;
    display: inline-block
}

#myQuoteContainer #eQuotesItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .productPrice span.price, #myQuoteContainer #onlineQuoteTempItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .productPrice span.price, #myQuoteContainer #nonSourcingQuoteItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .productPrice span.price, #myQuoteContainer #sourcingQuoteItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .productPrice span.price {
    margin-top: 0
}

#myQuoteContainer #eQuotesItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .productPrice .uom, #myQuoteContainer #onlineQuoteTempItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .productPrice .uom, #myQuoteContainer #nonSourcingQuoteItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .productPrice .uom, #myQuoteContainer #sourcingQuoteItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .productPrice .uom {
    top: 0;
    position: relative
}

#myQuoteContainer #eQuotesItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .productPrice .separator, #myQuoteContainer #onlineQuoteTempItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .productPrice .separator, #myQuoteContainer #nonSourcingQuoteItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .productPrice .separator, #myQuoteContainer #sourcingQuoteItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .productPrice .separator {
    top: 0;
    margin: 0 4px;
    position: relative
}

#myQuoteContainer #eQuotesItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .eQuotesDetailsItemTitle, #myQuoteContainer #onlineQuoteTempItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .eQuotesDetailsItemTitle, #myQuoteContainer #nonSourcingQuoteItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .eQuotesDetailsItemTitle, #myQuoteContainer #sourcingQuoteItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .eQuotesDetailsItemTitle {
    font-weight: 400;
    margin-bottom: 8px
}

#myQuoteContainer #eQuotesItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .productItemNum, #myQuoteContainer #onlineQuoteTempItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .productItemNum, #myQuoteContainer #nonSourcingQuoteItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .productItemNum, #myQuoteContainer #sourcingQuoteItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .productItemNum {
    margin-bottom: 8px
}

#myQuoteContainer #eQuotesItemList .eQuoteItemSelected .eQuoteModal .modal-header, #myQuoteContainer #onlineQuoteTempItemList .eQuoteItemSelected .eQuoteModal .modal-header, #myQuoteContainer #nonSourcingQuoteItemList .eQuoteItemSelected .eQuoteModal .modal-header, #myQuoteContainer #sourcingQuoteItemList .eQuoteItemSelected .eQuoteModal .modal-header {
    padding-bottom: 0;
    padding-top: 12px
}

#myQuoteContainer #eQuotesItemList .eQuoteItemSelected .eQuoteModal .equoteShowingLabelContainer, #myQuoteContainer #onlineQuoteTempItemList .eQuoteItemSelected .eQuoteModal .equoteShowingLabelContainer, #myQuoteContainer #nonSourcingQuoteItemList .eQuoteItemSelected .eQuoteModal .equoteShowingLabelContainer, #myQuoteContainer #sourcingQuoteItemList .eQuoteItemSelected .eQuoteModal .equoteShowingLabelContainer {
    height: 36px;
    border-bottom: thin solid #d8d8d8
}

#myQuoteContainer #eQuotesItemList .eQuoteItemSelected .eQuoteModal .equoteShowingLabelContainer .equoteShowingLabel, #myQuoteContainer #onlineQuoteTempItemList .eQuoteItemSelected .eQuoteModal .equoteShowingLabelContainer .equoteShowingLabel, #myQuoteContainer #nonSourcingQuoteItemList .eQuoteItemSelected .eQuoteModal .equoteShowingLabelContainer .equoteShowingLabel, #myQuoteContainer #sourcingQuoteItemList .eQuoteItemSelected .eQuoteModal .equoteShowingLabelContainer .equoteShowingLabel {
    position: absolute;
    font-weight: 500;
    padding: 12px 15px
}

#myQuoteContainer #eQuotesItemList .eQuoteItemSelected .eQuoteModal .modal-content, #myQuoteContainer #onlineQuoteTempItemList .eQuoteItemSelected .eQuoteModal .modal-content, #myQuoteContainer #nonSourcingQuoteItemList .eQuoteItemSelected .eQuoteModal .modal-content, #myQuoteContainer #sourcingQuoteItemList .eQuoteItemSelected .eQuoteModal .modal-content {
    height: 105px;
    max-height: 140px;
    overflow-y: auto
}

#myQuoteContainer #eQuotesItemList.eQuotesCatalogItemQuotes .eQuoteModal .modal-header, #myQuoteContainer #onlineQuoteTempItemList.eQuotesCatalogItemQuotes .eQuoteModal .modal-header, #myQuoteContainer #nonSourcingQuoteItemList.eQuotesCatalogItemQuotes .eQuoteModal .modal-header, #myQuoteContainer #sourcingQuoteItemList.eQuotesCatalogItemQuotes .eQuoteModal .modal-header {
    height: 54px;
    padding: 10px 12px
}

#myQuoteContainer #eQuotesItemList.eQuotesCatalogItemQuotes .eQuoteModal .modal-header h3, #myQuoteContainer #onlineQuoteTempItemList.eQuotesCatalogItemQuotes .eQuoteModal .modal-header h3, #myQuoteContainer #nonSourcingQuoteItemList.eQuotesCatalogItemQuotes .eQuoteModal .modal-header h3, #myQuoteContainer #sourcingQuoteItemList.eQuotesCatalogItemQuotes .eQuoteModal .modal-header h3 {
    font-size: 16px
}

.product-list-container {
    width: 100%;
    max-width: 72rem;
    margin-left: auto;
    margin-right: auto;
    border-top: 1px solid #ccc
}

.product-list-container .no-quotes-available {
    padding: 50px 0;
    font-size: 16px;
    color: #ad3333
}

.product-row-container {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #ccc
}

.column-item {
    width: 100%;
    padding: .5rem
}

.column-content {
    height: 8rem;
    display: flex;
    align-items: center;
    justify-content: left;
    text-align: left
}

.product-name {
    word-break: break-all
}

.no-quotes {
    color: #ad3333
}

#showSuccessMsg {
    color: #008000
}

.floating-label label {
    z-index: 1;
    display: block;
    position: absolute;
    margin-left: 12px;
    margin-top: -15px;
    font-size: .8em;
    font-weight: bold;
    padding: 0 5px !important;
    background: #fff;
    outline: 0;
    font-size: 11px;
    color: #72777d
}

.qty-box {
    width: 30%;
    right: 0;
    margin: 0 4% 0 0;
    border-radius: 2px;
    text-align: center
}

.mb-0 {
    margin-bottom: 0
}

.font-wt-700 {
    font-weight: 700
}

.price-container {
    flex-direction: column
}

.text-cap {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.column-total .price-container {
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 15px
}

.bold-text {
    font-weight: 700
}

.block-text {
    display: block
}

#contactMessage {
    font-size: 14px;
    line-height: 1.4;
    position: absolute;
    margin-top: -160px
}

.form-container {
    width: 100%;
    padding-top: 1rem
}

.add-quote-form {
    margin-top: 1rem
}

.form-title {
    font-size: 1.75rem;
    font-weight: 700;
    color: #1f2937;
    text-align: left;
    margin-bottom: 2rem
}

.form-fields-row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.25rem;
    margin-right: -0.75rem;
    margin-bottom: 1.5rem
}

.form-group label {
    display: block;
    font-size: .875rem;
    font-weight: 600;
    color: #374151;
    margin-bottom: .5rem
}

.form-group .qty-label {
    margin-left: 5px
}

.form-group .part-label {
    margin-left: 10px
}

.form-group #part-value {
    margin-left: 10px
}

.form-group .qty-add::-webkit-inner-spin-button, .form-group .qty-add::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0
}

.form-group .qty-add {
    width: 65px
}

.form-group input[type="text"], input[type="number"] {
    border: 1px solid #d1d5db;
    border-radius: .375rem;
    padding: .5rem;
    font-size: .875rem;
    outline: none;
    transition: border-color .2s ease-in-out, box-shadow .2s ease-in-out
}

.form-group input[type="text"], input[type="number"]:focus {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.25)
}

.submit-button {
    background-color: #fff;
    color: #374151;
    border-color: 1px solid #374151;
    border-radius: .375rem;
    padding: .5rem 1rem;
    font-size: .875rem;
    margin-top: 30px;
    font-weight: 600;
    cursor: pointer;
    margin-left: 10px;
    transition: background-color .2s ease-in-out, box-shadow .2s ease-in-out
}

.submit-button:hover {
    background-color: #f52329;
    color: #fff
}

.print-container {
    border: none;
    border-radius: 4px;
    padding: 4px;
    float: right;
    text-align: center
}

#print-modal-cart {
    border: none
}

#print-modal-cart .quote-list-details-table-body .product-details-quantity {
    border: none;
    width: 50px
}

#print-modal-cart .sort-reverse:after {
    display: none
}

#print-modal-cart table {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px
}

#print-modal-cart table tr th div a {
    color: #333
}

#print-modal-cart table tr #selectAllOnlineTextId, #print-modal-cart table tr #sourcingQuotesSelectAllTextId, #print-modal-cart table tr #nnoSourcingQuotesSelectAllTextId {
    display: none
}

#print-modal-cart table tr td input {
    border: none !important
}

#print-modal-cart .modal-content-visible {
    height: 370px;
    overflow-y: auto
}

#quoteDetailsContainer .printQty {
    display: none
}

#quoteDetailsContainer #sourcing-quote-list-details-table .quote-list-details-table-body td input.product-details-quantity {
    border: none;
    pointer-events: none
}

#quoteDetailsContainer .sourcingQuoteDetailsHeaderInfo h1 #quoteId, #quoteDetailsContainer .nonSourcingQuoteDetailsHeaderInfo h1 #quoteId {
    margin-left: -7px
}

#quoteDetailsContainer .onlineQuoteHeaderDetails, #quoteDetailsContainer .sourcingQuoteDetailsHeaderInfo, #quoteDetailsContainer .nonSourcingQuoteDetailsHeaderInfo {
    margin-bottom: 10px
}

#quoteDetailsContainer .onlineQuoteHeaderDetails h1, #quoteDetailsContainer .sourcingQuoteDetailsHeaderInfo h1, #quoteDetailsContainer .nonSourcingQuoteDetailsHeaderInfo h1 {
    margin-bottom: 10px
}

#quoteDetailsContainer .onlineQuoteHeaderDetails .col-4, #quoteDetailsContainer .sourcingQuoteDetailsHeaderInfo .col-4, #quoteDetailsContainer .nonSourcingQuoteDetailsHeaderInfo .col-4 {
    width: 33.33%;
    float: left;
    text-align: left;
    text-transform: capitalize;
    display: inline-block;
    padding: 10px;
    margin-bottom: 10px
}

#quoteDetailsContainer .onlineQuoteHeaderDetails .col-4 .label, #quoteDetailsContainer .sourcingQuoteDetailsHeaderInfo .col-4 .label, #quoteDetailsContainer .nonSourcingQuoteDetailsHeaderInfo .col-4 .label {
    font-weight: 700
}

#quoteDetailsContainer .onlineQuoteHeaderDetails .col-4 span, #quoteDetailsContainer .sourcingQuoteDetailsHeaderInfo .col-4 span, #quoteDetailsContainer .nonSourcingQuoteDetailsHeaderInfo .col-4 span {
    line-height: 1.5
}

#quoteDetailsContainer .onlineQuoteHeaderDetails .col-4 .block, #quoteDetailsContainer .sourcingQuoteDetailsHeaderInfo .col-4 .block, #quoteDetailsContainer .nonSourcingQuoteDetailsHeaderInfo .col-4 .block {
    display: block
}

#quoteDetailsContainer table {
    order-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 20px;
    width: 100%
}

#quoteDetailsContainer .quote-list-details-table {
    width: 100%;
    border-top: 1px solid #ccc;
    margin-top: 5px
}

#quoteDetailsContainer .quote-list-details-table .quote-list-details-header-row th {
    display: table-cell;
    vertical-align: middle;
    font-weight: bold;
    font-size: 12px;
    padding-left: 4px;
    padding-right: 4px
}

#quoteDetailsContainer .quote-list-details-table .quote-list-details-header-row th div {
    display: block
}

#quoteDetailsContainer .quote-list-details-table .quote-list-details-header-row th div.details-price-header-text {
    text-align: left
}

#quoteDetailsContainer .quote-list-details-table .quote-list-details-header-row .quote-list-details-checkbox-header {
    width: 3% !important
}

#quoteDetailsContainer .quote-list-details-table .quote-list-details-header-row input#selectAll {
    margin: auto;
    display: block;
    position: relative;
    vertical-align: middle
}

#quoteDetailsContainer .quote-list-details-table .quote-list-details-header-row .quote-list-details-image-header {
    width: 8%
}

#quoteDetailsContainer .quote-list-details-table .quote-list-details-header-row .quote-list-details-product-part-header {
    width: 12% !important
}

#quoteDetailsContainer .quote-list-details-table .quote-list-details-header-row .quote-list-details-description-header {
    width: 14%
}

#quoteDetailsContainer .quote-list-details-table .quote-list-details-header-row .quote-list-details-price-header {
    width: 8%
}

#quoteDetailsContainer .quote-list-details-table .quote-list-details-header-row .quote-list-details-UM-header {
    width: 7% !important
}

#quoteDetailsContainer .quote-list-details-table .quote-list-details-header-row .quote-list-details-quantity-header {
    width: 8%
}

#quoteDetailsContainer .quote-list-details-table .quote-list-details-header-row .quote-list-details-availability-header {
    width: 15% !important
}

#quoteDetailsContainer .quote-list-details-table .quote-list-details-header-row .quote-list-details-availability-header #quotesAvailability:after {
    font-family: graingerFont;
    content: "\e62c";
    font-weight: 400;
    margin-left: 5px;
    font-size: 7px
}

#quoteDetailsContainer .quote-list-details-table .quote-list-details-table-body td {
    padding-left: 4px;
    padding-right: 4px;
    word-break: break-all;
    word-break: break-word
}

#quoteDetailsContainer .quote-list-details-table .quote-list-details-table-body td div {
    display: block
}

#quoteDetailsContainer .quote-list-details-table .quote-list-details-table-body td div.product-description-table-text {
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

#quoteDetailsContainer .quote-list-details-table .quote-list-details-table-body td div.product-details-price {
    text-align: left
}

#quoteDetailsContainer .quote-list-details-table .quote-list-details-table-body td input.product-details-quantity {
    border: 2px solid #d9d9d9;
    border-radius: 3px;
    width: 80%;
    margin-right: 10%
}

#quoteDetailsContainer .quote-list-details-table .quote-list-details-table-body tr {
    border-bottom: 1px solid #ccc !important
}

#quoteDetailsContainer .quote-list-details-table .quote-list-details-table-body .no-br {
    border: none !important
}

#quoteDetailsContainer .quote-list-details-table .quote-list-details-table-body td.quote-list-details-checkbox {
    display: table-cell;
    vertical-align: middle;
    padding-left: 4px;
    padding-right: 4px
}

#quoteDetailsContainer .quote-list-details-table .quote-list-details-table-body td.quote-list-details-checkbox input.listItemCheckbox {
    display: block;
    margin: auto;
    float: left
}

#quoteDetailsContainer .quote-list-details-table .quote-list-details-table-body td.quote-list-details-image img {
    width: 100%
}

#quoteDetailsContainer .quote-list-details-table .quote-list-details-table-body .quote-list-details-product-part .product-part-table-text {
    font-weight: 700;
    color: #333
}

#quoteDetailsContainer .quote-list-details-table .quote-list-details-table-body td.quote-list-details-availability span {
    line-height: 1.2 !important
}

#quoteDetailsContainer .addtocartbuttontop {
    margin-bottom: 25px
}

#quoteDetailsContainer .addtocartbuttonbottom {
    margin-top: 10px;
    margin-bottom: 30px
}

#quoteDetailsContainer .quote-list-icon-csp {
    position: relative;
    top: -20px;
    left: 40px;
    height: 0;
    color: #5D409C
}

#quoteDetailsContainer .quote-list-icon-csp .path1:before {
    content: "\e90d"
}

#quoteDetailsContainer .quote-list-icon-csp .path2:before {
    content: "\e90e";
    margin-left: -1em
}

#quoteDetailsContainer .quote-list-icon-csp .path3:before {
    content: "\e90f";
    margin-left: -1em
}

#quoteDetailsContainer .quote-list-icon-csp .path4:before {
    content: "\e910";
    margin-left: -1em
}

#quoteDetailsContainer #productAvailabilityModal {
    left: 96%;
    top: 110px;
    width: 400px;
    position: absolute
}

#quoteDetailsContainer .productAvailabilityContent {
    position: relative;
    padding: 10px 20px 20px 20px;
    top: 3px
}

#quoteDetailsContainer .productAvailabilityContent .availability-header {
    display: none
}

#quoteDetailsContainer .productAvailabilityradio {
    font-size: 12px;
    border-bottom: solid 1px #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px
}

#quoteDetailsContainer .productAvailabilityradio input {
    margin-right: 0 !important
}

#quoteDetailsContainer .productAvailabilityMessage {
    font-size: 12px;
    border-bottom: solid 1px #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px
}

#quoteDetailsContainer .pdpPickupRadio {
    float: left;
    padding-right: 25px
}

#quoteDetailsContainer .pdpShipRadio {
    float: left;
    padding-right: 25px
}

#quoteDetailsContainer .pickUpProductAvailabilityMessage .gTooltip {
    display: inline-block !important
}

#quoteDetailsContainer .selectedShippingLocationTitle {
    padding-bottom: 10px
}

#quoteDetailsContainer #changeShippingLocation {
    color: #00739e;
    cursor: pointer;
    cursor: default;
    background-image: none;
    opacity: .35;
    filter: alpha(opacity=35);
    pointer-events: none
}

#quoteDetailsContainer .selectbranch a {
    margin-top: 10px
}

#quoteDetailsContainer .detailSection .title {
    font-weight: 700
}

#quoteDetailsContainer .detailSection .footerFindBranch {
    display: inline-block
}

#quoteDetailsContainer #findChangeBranch {
    width: 360px;
    padding-top: 5px
}

#quoteDetailsContainer #pdppickup-container .pickup-container-buttons {
    float: right;
    padding-top: 20px
}

#quoteDetailsContainer #pdppickup-container .pickup-cart-alerts {
    position: relative
}

#quoteDetailsContainer #branchCancel.btn {
    color: #00739e
}

#quoteDetailsContainer .detailPickupSection li {
    line-height: 16px
}

#quoteDetailsContainer .productAvailabilityPickupSection .changePickupBranch {
    padding-top: 2px
}

#quoteDetailsContainer .disabled {
    cursor: default;
    background-image: none;
    opacity: .35;
    filter: alpha(opacity=35);
    pointer-events: none
}

#quoteDetailsContainer #changeBranch, #quoteDetailsContainer #cartBranchViewOnMap {
    cursor: default;
    background-image: none;
    opacity: .35;
    filter: alpha(opacity=35);
    pointer-events: none
}

#quoteDetailsContainer .terms {
    display: none;
    font-size: 11px;
    font-style: italic;
    color: #333;
    clear: both;
    line-height: 14px;
    text-align: left
}

#print-container {
    border: none;
    border-radius: 4px;
    padding: 4px;
    float: right;
    text-align: center
}

#print-container a.print {
    text-decoration: none;
    font-size: 14px;
    color: #777;
    font-family: RobotoCondensedLight;
    font-weight: 600
}

#print-container a.print::before {
    font-family: graingerFont;
    content: "\e608";
    font-weight: 400;
    line-height: 1px;
    padding-right: 10px;
    vertical-align: middle
}

@media screen and (min-width: 640px) {
    .column-product, .column-brand {
        width: 30%
    }

    .column-qty, .column-total {
        width: 20%
    }

    .floating-label label {
        margin-left: 10px
    }
}

@media screen and (max-width: 767px) {
    .draftQuotePage #orderFieldsSelected a.showMoreFieldsLink {
        margin-left: 0;
        display: block;
        padding-bottom: 25px
    }

    #modal-order-fields-form {
        width: 90%;
        margin: 0;
        left: 5%;
        top: 2%
    }

    #modal-order-fields-form .modal-header h2 {
        width: 93%
    }

    #modal-order-fields-form #orderFieldsForm ul li {
        width: 100%;
        margin-right: 0
    }

    .column-item, .column-content {
        height: auto !important
    }

    .column-product {
        width: 25% !important;
        margin-left: 0
    }

    .column-brand {
        width: 50%;
        margin-left: 55px
    }

    .column-qty {
        margin-left: 39%;
        width: 50%
    }

    .column-total {
        width: 50%;
        margin-left: 39%
    }

    .column-total .price-container {
        justify-content: left;
        align-items: flex-start;
        margin-top: -15px
    }

    div#myQuoteContainer #onlineQuotesSearchForm #searchOnlineQuotes {
        width: 100%;
        max-width: 325px;
        display: block
    }

    #quoteDetailsContainer #productAvailabilityModal {
        left: 0;
        margin-left: 0;
        width: -webkit-fill-available
    }

    #quoteDetailsContainer .onlineQuoteHeaderDetails .col-4, #quoteDetailsContainer .sourcingQuoteDetailsHeaderInfo .col-4, #quoteDetailsContainer .nonSourcingQuoteDetailsHeaderInfo .col-4 {
        float: none;
        width: 100%;
        max-width: 100%;
        line-height: 21px;
        border-right: none;
        border-bottom: 1px solid #ddd
    }

    #quoteDetailsContainer .onlineQuoteHeaderDetails .col-4:last-child, #quoteDetailsContainer .sourcingQuoteDetailsHeaderInfo .col-4:last-child, #quoteDetailsContainer .nonSourcingQuoteDetailsHeaderInfo .col-4:last-child {
        border-bottom: none
    }
}

@media screen and (max-width: 1024px) {
    div#myQuoteContainer .myQuoteTabDesktopTable {
        margin-bottom: 0 !important
    }

    div#myQuoteContainer #draft-quote-banner-container .miniDraftQuote {
        width: 100%;
        max-width: 675px
    }

    div#myQuoteContainer #draft-quote-banner-container .miniDraftQuote .quoteDataContainer {
        width: 100%;
        display: inline-block
    }

    div#myQuoteContainer #draft-quote-banner-container .miniDraftQuote .quoteButtonContainer {
        width: 100%;
        padding: 0;
        margin-top: 20px;
        display: inline-block
    }

    div#myQuoteContainer #draft-quote-banner-container .miniDraftQuote .quoteButtonContainer .new-quote-button .btnSecondaryAlt {
        margin: 0
    }

    div#myQuoteContainer #eQuoteContainer .nav-tabs > li {
        margin-right: 5px;
        width: 48%;
        max-width: 170px
    }

    div#myQuoteContainer #eQuoteContainer .nav-tabs > li > a {
        min-width: auto;
        width: auto;
        padding: 14px 12px;
        line-height: 18px
    }

    div#myQuoteContainer #eQuoteContainer .nav-tabs > li.first {
        margin-left: 0;
        margin-right: 5px
    }

    div#myQuoteContainer #eQuoteContainer .nav-tabs > li.last {
        margin-right: 0;
        margin-top: 5px
    }

    div#myQuoteContainer #onlineQuotesSearchForm .default-width {
        display: block
    }

    div#myQuoteContainer #onlineQuotesSearchForm #searchOnlineQuotesBtn {
        margin-top: 10px;
        margin-left: 0 !important
    }

    div#myQuoteContainer #eQuotesItemList.eQuotesItemListTable.eQuotesItemListDesktop, div#myQuoteContainer #onlineQuoteTempItemList.eQuotesItemListTable.onlineQuoteTempItemListDesktop, div#myQuoteContainer #sourcingQuoteItemList, div#myQuoteContainer #nonSourcingQuoteItemList {
        display: none
    }

    div#myQuoteContainer #eQuotesResItemList, div#myQuoteContainer #sourcingResQuoteItemList, div#myQuoteContainer #nonSourcingResQuoteItemList {
        margin-top: 10px
    }

    div#myQuoteContainer #eQuotesResItemList tbody, div#myQuoteContainer #sourcingResQuoteItemList tbody, div#myQuoteContainer #nonSourcingResQuoteItemList tbody {
        float: left;
        padding: 0;
        width: 100%
    }

    div#myQuoteContainer #eQuotesResItemList tbody tr, div#myQuoteContainer #sourcingResQuoteItemList tbody tr, div#myQuoteContainer #nonSourcingResQuoteItemList tbody tr {
        display: block;
        border: none
    }

    div#myQuoteContainer #eQuotesResItemList tbody .eQuotes-res-table-grid, div#myQuoteContainer #sourcingResQuoteItemList tbody .eQuotes-res-table-grid, div#myQuoteContainer #nonSourcingResQuoteItemList tbody .eQuotes-res-table-grid {
        padding: 0;
        margin: 0
    }

    div#myQuoteContainer #eQuotesResItemList tbody td, div#myQuoteContainer #sourcingResQuoteItemList tbody td, div#myQuoteContainer #nonSourcingResQuoteItemList tbody td {
        display: block;
        line-height: inherit
    }

    div#myQuoteContainer #eQuotesResItemList .table-inner-responsive-grid, div#myQuoteContainer #sourcingResQuoteItemList .table-inner-responsive-grid, div#myQuoteContainer #nonSourcingResQuoteItemList .table-inner-responsive-grid {
        margin: 0 0 12px 0;
        border: 1px solid #ccc
    }

    div#myQuoteContainer #eQuotesResItemList .table-inner-responsive-grid tbody, div#myQuoteContainer #sourcingResQuoteItemList .table-inner-responsive-grid tbody, div#myQuoteContainer #nonSourcingResQuoteItemList .table-inner-responsive-grid tbody {
        margin: 4px 0
    }

    div#myQuoteContainer #eQuotesResItemList .table-inner-responsive-grid .equotes-column-head, div#myQuoteContainer #sourcingResQuoteItemList .table-inner-responsive-grid .equotes-column-head, div#myQuoteContainer #nonSourcingResQuoteItemList .table-inner-responsive-grid .equotes-column-head {
        padding: 6px 3px 6px 8px;
        background-color: #fff;
        border-bottom: none;
        width: 40%;
        text-align: left;
        font-weight: 700;
        color: #333;
        display: inline-block
    }

    div#myQuoteContainer #eQuotesResItemList .table-inner-responsive-grid .equotes-column-value, div#myQuoteContainer #sourcingResQuoteItemList .table-inner-responsive-grid .equotes-column-value, div#myQuoteContainer #nonSourcingResQuoteItemList .table-inner-responsive-grid .equotes-column-value {
        max-width: 150px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        display: inline-block;
        width: 58%;
        text-align: left;
        word-break: break-word;
        padding: 6px 3px 6px 0
    }

    div#myQuoteContainer #eQuotesResItemList .eQuoteModalContainer, div#myQuoteContainer #sourcingResQuoteItemList .eQuoteModalContainer, div#myQuoteContainer #nonSourcingResQuoteItemList .eQuoteModalContainer {
        padding: 10px
    }

    div#myQuoteContainer #eQuotesResItemList .eQuoteModalContainer .eQuoteModal, div#myQuoteContainer #sourcingResQuoteItemList .eQuoteModalContainer .eQuoteModal, div#myQuoteContainer #nonSourcingResQuoteItemList .eQuoteModalContainer .eQuoteModal {
        background: #fff;
        border: #ccc 1px solid;
        box-shadow: 0 0 3px 1px #ccc;
        display: none;
        position: relative;
        z-index: 2;
        width: 100%;
        cursor: default
    }

    div#myQuoteContainer #eQuotesResItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable, div#myQuoteContainer #sourcingResQuoteItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable, div#myQuoteContainer #nonSourcingResQuoteItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable {
        margin-bottom: 0
    }

    div#myQuoteContainer #eQuotesResItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable tr td, div#myQuoteContainer #sourcingResQuoteItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable tr td, div#myQuoteContainer #nonSourcingResQuoteItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable tr td {
        padding-bottom: 10px 15px;
        border-bottom: 1px solid #d8d8d8 !important;
        max-width: 300px;
        min-width: 80px;
        word-break: break-word;
        vertical-align: top
    }

    div#myQuoteContainer #eQuotesResItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable tr.quoteFlyoutRow:last-child td, div#myQuoteContainer #sourcingResQuoteItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable tr.quoteFlyoutRow:last-child td, div#myQuoteContainer #nonSourcingResQuoteItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable tr.quoteFlyoutRow:last-child td {
        border-bottom: none !important
    }

    div#myQuoteContainer #eQuotesResItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .eQuotesDetailsItemTitle, div#myQuoteContainer #sourcingResQuoteItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .eQuotesDetailsItemTitle, div#myQuoteContainer #nonSourcingResQuoteItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .eQuotesDetailsItemTitle {
        font-weight: 400;
        margin-bottom: 8px
    }

    div#myQuoteContainer #eQuotesResItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .productItemNum, div#myQuoteContainer #sourcingResQuoteItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .productItemNum, div#myQuoteContainer #nonSourcingResQuoteItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .productItemNum {
        margin-bottom: 8px
    }

    div#myQuoteContainer #eQuotesResItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .productPrice, div#myQuoteContainer #sourcingResQuoteItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .productPrice, div#myQuoteContainer #nonSourcingResQuoteItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .productPrice {
        margin-bottom: 8px
    }

    div#myQuoteContainer #eQuotesResItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .productPrice span, div#myQuoteContainer #sourcingResQuoteItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .productPrice span, div#myQuoteContainer #nonSourcingResQuoteItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .productPrice span {
        font-size: 12px;
        font-weight: 400;
        width: auto;
        display: inline-block
    }

    div#myQuoteContainer #eQuotesResItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .productPrice span.price, div#myQuoteContainer #sourcingResQuoteItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .productPrice span.price, div#myQuoteContainer #nonSourcingResQuoteItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .productPrice span.price {
        margin-top: 0
    }

    div#myQuoteContainer #eQuotesResItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .productPrice .separator, div#myQuoteContainer #sourcingResQuoteItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .productPrice .separator, div#myQuoteContainer #nonSourcingResQuoteItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .productPrice .separator {
        top: 0;
        margin: 0 4px;
        position: relative
    }

    div#myQuoteContainer #eQuotesResItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .productPrice .uom, div#myQuoteContainer #sourcingResQuoteItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .productPrice .uom, div#myQuoteContainer #nonSourcingResQuoteItemList .eQuoteModalContainer .modal-content .eQuotesDetailsTable .productPrice .uom {
        top: 0;
        position: relative
    }

    div#myQuoteContainer #eQuotesResItemList .eQuoteModalContainer .modal-footer, div#myQuoteContainer #sourcingResQuoteItemList .eQuoteModalContainer .modal-footer, div#myQuoteContainer #nonSourcingResQuoteItemList .eQuoteModalContainer .modal-footer {
        background: #eee;
        display: block;
        position: relative;
        padding: 10px;
        text-align: right;
        border-top: #ccc 1px solid
    }

    div#myQuoteContainer #eQuotesResItemList .eQuoteModalContainer .modal-footer .btn, div#myQuoteContainer #sourcingResQuoteItemList .eQuoteModalContainer .modal-footer .btn, div#myQuoteContainer #nonSourcingResQuoteItemList .eQuoteModalContainer .modal-footer .btn {
        margin-left: 7px;
        padding: 11px
    }

    div#myQuoteContainer #eQuotesResItemList .eQuoteItemSelected .eQuoteModalContainer .eQuoteModal, div#myQuoteContainer #sourcingResQuoteItemList .eQuoteItemSelected .eQuoteModalContainer .eQuoteModal, div#myQuoteContainer #nonSourcingResQuoteItemList .eQuoteItemSelected .eQuoteModalContainer .eQuoteModal {
        display: block
    }

    div#myQuoteContainer #eQuotesResItemList .eQuoteItemSelected .eQuoteModal .equoteShowingLabelContainer, div#myQuoteContainer #sourcingResQuoteItemList .eQuoteItemSelected .eQuoteModal .equoteShowingLabelContainer, div#myQuoteContainer #nonSourcingResQuoteItemList .eQuoteItemSelected .eQuoteModal .equoteShowingLabelContainer {
        height: 36px;
        border-bottom: thin solid #d8d8d8
    }

    div#myQuoteContainer #eQuotesResItemList .eQuoteItemSelected .eQuoteModal .equoteShowingLabelContainer .equoteShowingLabel, div#myQuoteContainer #sourcingResQuoteItemList .eQuoteItemSelected .eQuoteModal .equoteShowingLabelContainer .equoteShowingLabel, div#myQuoteContainer #nonSourcingResQuoteItemList .eQuoteItemSelected .eQuoteModal .equoteShowingLabelContainer .equoteShowingLabel {
        position: absolute;
        font-weight: 500;
        padding: 12px 15px
    }

    div#myQuoteContainer #eQuotesResItemList .eQuoteItemSelected .eQuoteModal .modal-content, div#myQuoteContainer #sourcingResQuoteItemList .eQuoteItemSelected .eQuoteModal .modal-content, div#myQuoteContainer #nonSourcingResQuoteItemList .eQuoteItemSelected .eQuoteModal .modal-content {
        overflow-y: auto;
        padding-top: 0;
        background: #fff;
        height: auto;
        max-height: 110px;
        padding: 0;
        position: relative
    }

    div#myQuoteContainer #eQuotesResItemList.eQuotesCatalogItemQuotes .eQuoteModal .modal-header, div#myQuoteContainer #sourcingResQuoteItemList.eQuotesCatalogItemQuotes .eQuoteModal .modal-header, div#myQuoteContainer #nonSourcingResQuoteItemList.eQuotesCatalogItemQuotes .eQuoteModal .modal-header {
        height: 40px;
        padding: 10px 12px;
        background-color: #eee;
        border-bottom: 1px solid #ccc
    }

    div#myQuoteContainer #eQuotesResItemList.eQuotesCatalogItemQuotes .eQuoteModal .modal-header h3, div#myQuoteContainer #sourcingResQuoteItemList.eQuotesCatalogItemQuotes .eQuoteModal .modal-header h3, div#myQuoteContainer #nonSourcingResQuoteItemList.eQuotesCatalogItemQuotes .eQuoteModal .modal-header h3 {
        font-size: 16px
    }

    .language-fr #myQuoteContainer #eQuotesResItemList .eQuoteModalContainer .modal-footer #addQuoteToCart.btn, .language-fr #myQuoteContainer #sourcingResQuoteItemList .eQuoteModalContainer .modal-footer #addQuoteToCart.btn, .language-fr #myQuoteContainer #nonSourcingResQuoteItemList .eQuoteModalContainer .modal-footer #addQuoteToCart.btn {
        margin: 8px 0 0 0;
        padding: 11px 8px
    }

    .language-fr #container #eQuotesFlyoutDiv .viewQuoteDiv {
        margin-left: 85px !important
    }

    #quoteDetailsContainer .quote-list-details-table {
        border-top: none
    }

    #quoteDetailsContainer .quote-list-details-table .quote-list-details-header-row {
        border: none !important;
        width: 100%;
        display: inline-block
    }

    #quoteDetailsContainer .quote-list-details-table .quote-list-details-header-row .list-th {
        display: none
    }

    #quoteDetailsContainer .quote-list-details-table .quote-list-details-header-row .quote-list-details-checkbox-header {
        width: 12px !important;
        display: inline-block;
        padding: 10px 0;
        border-bottom: 0
    }

    #quoteDetailsContainer .quote-list-details-table .quote-list-details-header-row .selectAllOnlineTextHeader.list-th {
        display: inline-block;
        width: 100%;
        margin-top: -32px;
        position: relative;
        z-index: -1
    }

    #quoteDetailsContainer .quote-list-details-table .quote-list-details-header-row .selectAllOnlineTextHeader.list-th #selectAllOnlineTextId {
        margin-left: 15px
    }

    #quoteDetailsContainer .quote-list-details-table .quote-list-details-header-row .avail-header {
        padding: 18px 0;
        line-height: 14px
    }

    #quoteDetailsContainer .quote-list-details-table .quote-list-details-header-row .details-availability-header-text {
        display: inline-block;
        width: max-content
    }

    #quoteDetailsContainer .quote-list-details-table .quote-list-details-header-row th {
        border-bottom: 1.5px solid #ccc
    }

    #quoteDetailsContainer .quote-list-details-table tr {
        border: 1px solid #ccc;
        margin-bottom: 20px;
        width: 100%;
        display: inline-block
    }

    #quoteDetailsContainer .quote-list-details-table tr:last-child {
        margin-bottom: 0
    }

    #quoteDetailsContainer .quote-list-details-table thead tr:last-child {
        border: none
    }

    #quoteDetailsContainer .quote-list-details-table .quote-list-details-table-body {
        width: 22px
    }

    #quoteDetailsContainer .quote-list-details-table .quote-list-details-table-body td {
        float: left
    }

    #quoteDetailsContainer .quote-list-details-table .quote-list-details-table-body .listItemCheckbox {
        margin-left: 5px;
        margin-top: 0
    }

    #quoteDetailsContainer .quote-list-details-table .quote-list-details-table-body .quote-list-details-image {
        padding-top: 7px;
        width: 48px
    }

    #quoteDetailsContainer .quote-list-details-table .quote-list-details-table-body .quote-list-details-image img {
        width: 45px;
        height: 45px;
        margin-bottom: 35px
    }

    #quoteDetailsContainer .quote-list-details-table .quote-list-details-table-body .quote-list-details-product-part {
        width: 70%;
        padding-bottom: 0;
        padding-left: 15px
    }

    #quoteDetailsContainer .quote-list-details-table .quote-list-details-table-body .quote-list-details-description {
        width: 70%;
        padding-bottom: 0;
        padding-left: 15px
    }

    #quoteDetailsContainer .quote-list-details-table .quote-list-details-table-body .quote-list-details-price {
        width: 70%;
        padding-bottom: 0;
        display: block;
        padding-left: 15px
    }

    #quoteDetailsContainer .quote-list-details-table .quote-list-details-table-body .quote-list-details-price .show-mod-label {
        font-weight: 700
    }

    #quoteDetailsContainer .quote-list-details-table .quote-list-details-table-body .product-description-table-text {
        line-height: 14px
    }

    #quoteDetailsContainer .quote-list-details-table .quote-list-details-table-body .quote-list-details-quantity {
        width: 25%;
        margin-left: 11px
    }

    #quoteDetailsContainer .quote-list-details-table .quote-list-details-table-body .quote-list-details-quantity .validQty {
        padding: 3px;
        margin-bottom: 0
    }

    #quoteDetailsContainer .quote-list-details-table .quote-list-details-table-body .quote-list-details-UM {
        display: none
    }

    #quoteDetailsContainer .quote-list-details-table .quote-list-details-table-body .quote-list-details-availability {
        padding-left: 85px;
        padding-bottom: 0;
        width: 100%;
        padding-bottom: 10px
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    div#myQuoteContainer #onlineQuotesSearchForm #searchOnlineQuotes {
        width: 325px;
        max-width: 325px;
        display: inline-block;
        margin-right: 5px
    }

    div#myQuoteContainer #eQuotesResItemList tbody tr.eQuotesResTableSection, div#myQuoteContainer #sourcingResQuoteItemList tbody tr.eQuotesResTableSection, div#myQuoteContainer #nonSourcingResQuoteItemList tbody tr.eQuotesResTableSection {
        width: 49%;
        float: left
    }

    div#myQuoteContainer #eQuotesResItemList tbody tr.eQuotesResTableSection:nth-child(2n+1), div#myQuoteContainer #sourcingResQuoteItemList tbody tr.eQuotesResTableSection:nth-child(2n+1), div#myQuoteContainer #nonSourcingResQuoteItemList tbody tr.eQuotesResTableSection:nth-child(2n+1) {
        margin-right: 2%
    }

    #quoteDetailsContainer .quote-list-details-table .quote-list-details-table-body tr {
        width: 49%;
        float: left;
        display: inline-block;
        margin-bottom: 10px;
        position: relative
    }

    #quoteDetailsContainer .quote-list-details-table .quote-list-details-table-body tr:nth-child(2n+1) {
        margin-right: 2%
    }

    #quoteDetailsContainer #productAvailabilityModal {
        left: 25%;
        margin-left: 17px
    }
}

@media screen and (min-width: 1025px) {
    div#myQuoteContainer .eQuotesItemListResponsive {
        display: none
    }

    #quoteDetailsContainer .quote-list-details-table .quote-list-details-table-body td div.product-details-price .show-mod-label {
        display: none
    }

    #quoteDetailsContainer .quote-list-details-table .quote-list-details-table-body td div.product-details-price .eom {
        display: none
    }
}

.language-fr #myQuoteContainer #eQuotesItemList .eQuoteModalContainer .modal-footer #addQuoteToCart.btn, .language-fr #myQuoteContainer #onlineQuoteTempItemList .eQuoteModalContainer .modal-footer #addQuoteToCart.btn, .language-fr #myQuoteContainer #nonSourcingQuoteItemList .eQuoteModalContainer .modal-footer #addQuoteToCart.btn, .language-fr #myQuoteContainer #sourcingQuoteItemList .eQuoteModalContainer .modal-footer #addQuoteToCart.btn {
    margin-top: 8px
}

.equotesEpro #main-content {
    padding-left: 0;
    width: 100% !important
}

.equotesEpro #side-nav {
    display: none !important
}

.equotesEpro #onlineQuoteTab, .equotesEpro #onlineQuoteDesktopTable {
    display: none !important
}

.equotesEpro #eQuoteContainer .nav-tabs li:first-child {
    margin-left: 0 !important
}

.equotesEpro #content {
    height: auto;
    min-height: 768px
}

.recsContent {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    margin: 30px 0;
    position: relative;
    width: 1280px
}

.recsContent .recsHeading {
    margin: 0;
    overflow: hidden
}

.recsContent .recsHeading h2 {
    float: left;
    font-weight: bold;
    text-transform: uppercase
}

.recsContent .slide-number {
    font-weight: bold;
    position: absolute;
    right: 9.5em;
    top: .4em
}

.recsContent .recsProductImage {
    text-align: center
}

.recsContent a {
    text-decoration: none
}

.recsContent a:hover {
    text-decoration: underline
}

.recsContent ul {
    list-style: none;
    margin-left: -0.5em;
    margin: 0;
    padding: 0
}

.recsContent li {
    border: 1px solid #e9e9e9;
    margin: 0 0 0 .5em;
    min-height: 305px;
    padding: 20px;
    position: relative;
    width: 178px !important
}

.recsContent .recsProductName {
    font-weight: bold;
    text-transform: uppercase;
    word-wrap: break-word;
    min-height: 48px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.recsContent .recsProductBrand {
    margin-bottom: 8px !important
}

.recsContent .recsProductBtn.posBottom {
    position: absolute;
    bottom: 20px
}

.recsContent .recsProductBtn.posBottom a {
    background: #fff;
    border: 1px solid #b51c33;
    color: #b51c33;
    font-weight: bold;
    padding: .5em 1em;
    text-align: center;
    transition: all 200ms
}

.recsContent .recsProductBtn.posBottom a:hover {
    background: #b51c33;
    border: 1px solid #b51c33;
    color: #fff;
    text-decoration: none
}

.recsContent .sale-price {
    color: #ad3333;
    display: inline-block;
    margin-bottom: 10px
}

.recsContent .listPrice {
    color: #777
}

.jcarousel-wrapper {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    position: relative;
    width: 1280px;
    z-index: 0
}

.bottomRailPDP.recsContent li {
    list-style: none;
    margin: 0;
    padding: 0
}

.jcarousel {
    overflow: hidden;
    position: relative;
    width: 100%
}

.jcarousel ul {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%
}

.jcarousel img {
    height: auto !important;
    margin: 10px;
    max-width: 120px;
    width: 100%
}

.jcarousel-control-prev {
    cursor: default;
    font-size: 13px;
    margin-top: -15px;
    opacity: 0, 2;
    outline: none;
    pointer-events: none;
    position: absolute;
    right: 55px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    top: -8px;
    z-index: 9999
}

.jcarousel-control-next {
    border-left: 1px solid #e9e9e9;
    font-size: 13px;
    margin-top: -15px;
    outline: none;
    padding-left: 10px;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    top: -8px;
    z-index: 9999
}

.jcarousel-control-prev.active {
    cursor: pointer;
    opacity: 1;
    pointer-events: inherit
}

.jcarousel-control-next.active {
    cursor: pointer;
    opacity: 1;
    pointer-events: inherit
}

.jcarousel-control-prev.inactive {
    cursor: default;
    opacity: .2;
    pointer-events: none
}

.jcarousel-control-next.inactive {
    cursor: default;
    opacity: .2;
    pointer-events: none
}

.jcarousel-pagination {
    display: none
}

.CarouselDisplayNone {
    display: none
}

.adobe-carousel-container .jcarousel {
    margin: auto;
    width: 100%
}

.adobe-carousel-container .jcarousel ul {
    left: 0;
    top: 0;
    width: 100%
}

.adobe-carousel-container .recsContent {
    width: 100%
}

.adobe-carousel-container .recsContent li {
    border: 1px solid #e9e9e9;
    height: auto;
    margin: 0 5%;
    min-height: 200px;
    position: relative;
    width: 15.66% !important;
    float: left
}

.adobe-carousel-container .recsContent .recsProductImage {
    height: auto;
    margin: auto;
    max-width: 100px;
    min-height: auto;
    min-width: auto;
    text-align: left;
    width: 30%;
    display: inline-flex;
    float: left;
    margin-right: 4%
}

.adobe-carousel-container .recsContent .recsProductBtn {
    margin: 8px 0 0;
    display: flex;
    width: 100%;
    padding: 0 20px;
    left: 0
}

.adobe-carousel-container .recsContent .recsProductBtn input {
    display: inline-block
}

.adobe-carousel-container .recsContent .recsProductBtn input.recommedProductQty {
    width: 30%;
    right: 0;
    margin: 0 4% 0 0;
    border-radius: 2px
}

.adobe-carousel-container .recsContent .recsProductBtn .horizontalATCBtn {
    width: 66%
}

.adobe-carousel-container .recsContent .recsProductBtn a {
    font-weight: 450;
    padding: 7px 15px;
    display: inline-block
}

.adobe-carousel-container .recsContent .recsProductName {
    margin-bottom: 8px
}

.adobe-carousel-container .recsContent .recsProductBrand {
    color: #595959;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.adobe-carousel-container .recsContent .sale-price {
    color: #ad3333;
    display: inline-block;
    margin-bottom: 10px;
    margin-left: 30%;
    padding-left: 4%
}

.adobe-carousel-container .recsContent .listPrice {
    color: #777;
    margin-left: 30%;
    padding-left: 4%
}

.adobe-carousel-container .recsContent .priceValueContainer {
    display: block
}

.adobe-carousel-container .recsContent .onsaleExpiration {
    margin-bottom: 8px;
    margin-left: 30%;
    padding-left: 4%;
    line-height: 1.1
}

.adobe-carousel-container .recsContent li.activeItems.borderLeft, .adobe-carousel-container .recsContent li.activeItems:first-child {
    border-left: 1px solid #e9e9e9 !important
}

.adobe-carousel-container .jcarousel-control-prev {
    background: #fff;
    border-radius: 2px;
    border: 1px solid #d8d8d8;
    color: #fff;
    font-weight: bold;
    height: 48px;
    left: -13px;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 48%;
    width: 24px
}

.adobe-carousel-container .jcarousel-control-prev i {
    border-width: 0 2.5px 2.5px 0 !important;
    border: solid #09709b;
    display: inline-block;
    margin-top: 20px;
    padding: 3px;
    margin-right: -5px
}

.adobe-carousel-container .jcarousel-control-next {
    background: #fff;
    border-radius: 2px;
    border: 1px solid #d8d8d8;
    color: #fff;
    font-weight: bold;
    height: 48px;
    padding: 0;
    position: absolute;
    right: -13px;
    text-align: center;
    top: 48%;
    width: 24px
}

.adobe-carousel-container .jcarousel-control-next i {
    border-width: 0 2.5px 2.5px 0 !important;
    border: solid #09709b;
    display: inline-block;
    margin-top: 20px;
    padding: 3px;
    margin-left: 0
}

.adobe-carousel-container .arrowRight {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.adobe-carousel-container .arrowLeft {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.adobe-carousel-container .recsProductSKU {
    word-wrap: break-word;
    margin-bottom: 8px;
    margin-left: 30%;
    padding-left: 4%
}

.adobe-carousel-container .jcarousel-control-prev.inactive {
    background: #bbb;
    border: 1px solid #bbb;
    cursor: default;
    opacity: .9;
    pointer-events: none
}

.adobe-carousel-container .jcarousel-control-next.inactive {
    background: #bbb;
    border: 1px solid #bbb;
    cursor: default;
    opacity: .9;
    pointer-events: none
}

.adobe-carousel-container h2.productSection {
    font-size: 20px
}

.adobe-carousel-container .jcarousel-wrapper {
    width: 100%
}

.adobe-carousel-container li.activeItems {
    display: block;
    margin: 0;
    border-left: none;
    width: 16.66% !important
}

.adobe-carousel-container li.nonActiveItems {
    display: none
}

.adobeListItemContainer .recsProdPrice .gTooltip {
    margin-left: 2px;
    margin-right: 2px
}

.adobeListItemContainer .recsProdPrice a.graingerTip:hover {
    text-decoration: none
}

.adobeListItemContainer .recsProductImage a {
    display: inline-flex
}

.adobeListItemContainer .recsProductImage img {
    height: 56px !important;
    margin: 0;
    max-width: 100px;
    min-height: auto;
    min-width: auto;
    width: 100%
}

.page-homepage .adobe-carousel-container .jcarousel {
    width: 100%
}

.page-homepage .adobe-carousel-container .jcarousel ul {
    width: 100%
}

.page-homepage .adobe-carousel-container .recsContent li {
    padding: 20px
}

.page-homepage .adobe-carousel-container .recsContent li .recsProductName {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.page-homepage .adobe-carousel-container .recsContent li.activeItems {
    margin: 0;
    width: 20% !important
}

.recommedProductQty {
    width: 50px;
    margin-right: 5px
}

.recsReducedPriceLabel {
    text-decoration: line-through;
    color: #257238;
    font-weight: 700;
    margin-bottom: 6px
}

.atcModal-adobe-carousel-container {
    top: -5px;
    position: relative;
    margin: 0 5px 4px 5px
}

.atcModal-adobe-carousel-container .jcarousel {
    padding: 0 10px;
    overflow: hidden;
    width: 100%
}

.atcModal-adobe-carousel-container .jcarousel ul {
    text-align: center;
    width: 100%
}

.atcModal-adobe-carousel-container .recsContent {
    margin: 0;
    margin-top: 0 !important;
    width: 100%
}

.atcModal-adobe-carousel-container .recsContent li {
    border: 1px solid #e9e9e9;
    height: auto;
    margin: 0;
    min-height: 200px;
    position: relative;
    width: 154px !important;
    float: left;
    padding: 20px
}

.atcModal-adobe-carousel-container .recsContent .recsProductImage {
    height: auto;
    margin: auto;
    max-width: 100px;
    min-height: auto;
    min-width: auto;
    text-align: left;
    width: 30%;
    display: inline-flex;
    float: left;
    margin-right: 4%
}

.atcModal-adobe-carousel-container .recsContent .recsProductBtn {
    margin: 8px 0 0;
    display: flex;
    width: 100%;
    padding: 0 20px;
    left: 0
}

.atcModal-adobe-carousel-container .recsContent .recsProductBtn a {
    font-weight: 450;
    padding: 7px 15px;
    display: inline-block
}

.atcModal-adobe-carousel-container .recsContent .recsProductBtn .horizontalRecommedProductQty {
    width: 30%;
    right: 0;
    text-align: center;
    height: 35px;
    top: 1px;
    position: relative;
    margin: 0 4% 0 0;
    border-radius: 2px
}

.atcModal-adobe-carousel-container .recsContent .recsProductBtn .horizontalATCBtn {
    font-size: 12px;
    width: 66%;
    padding: initial
}

.atcModal-adobe-carousel-container .recsContent .recsProductBtn.posBottom {
    position: absolute;
    bottom: 20px
}

.atcModal-adobe-carousel-container .recsContent .recsProductName {
    margin-bottom: 8px;
    min-height: 48px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: left
}

.atcModal-adobe-carousel-container .recsContent .recsProductBrand {
    color: #7c7c7c;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: left
}

.atcModal-adobe-carousel-container .recsContent .sale-price {
    color: #ad3333;
    display: inline-block;
    margin-bottom: 8px;
    margin-left: 30%;
    padding-left: 4%
}

.atcModal-adobe-carousel-container .recsContent .sale-price .priceLabel {
    display: inline;
    font-size: 12px !important
}

.atcModal-adobe-carousel-container .recsContent .sale-price .price {
    font-size: 12px !important
}

.atcModal-adobe-carousel-container .recsContent .sale-price .price .bottomText {
    font-size: 12px !important;
    top: 0
}

.atcModal-adobe-carousel-container .recsContent .onsaleExpiration {
    margin-bottom: 8px;
    display: inline-block;
    margin-left: 30%;
    padding-left: 4%;
    line-height: 1.1;
    text-align: left
}

.atcModal-adobe-carousel-container .recsContent .listPrice {
    color: #777;
    position: relative;
    padding-left: 4%;
    margin: 0 0 8px 30%;
    text-align: left
}

.atcModal-adobe-carousel-container .recsContent .priceValueContainer {
    display: block;
    text-align: left
}

.atcModal-adobe-carousel-container .recsContent .recsProdPrice {
    margin-bottom: 8px;
    min-height: 32px;
    display: block;
    color: #257238;
    font-weight: 700;
    margin-left: 30%;
    padding-left: 4%;
    text-align: left
}

.atcModal-adobe-carousel-container .recsContent .recsProdPrice .priceLabel {
    display: inline;
    font-size: 12px !important
}

.atcModal-adobe-carousel-container .recsContent .recsProdPrice .price {
    font-size: 12px !important
}

.atcModal-adobe-carousel-container .recsContent .recsProdPrice .price .bottomText {
    font-size: 12px !important;
    top: 0
}

.atcModal-adobe-carousel-container .recsContent .recsReducedPriceLabel .priceLabel {
    display: inline;
    font-size: 12px !important
}

.atcModal-adobe-carousel-container .recsContent .recsReducedPriceLabel .price {
    font-size: 12px !important
}

.atcModal-adobe-carousel-container .recsContent .recsReducedPriceLabel .price .bottomText {
    font-size: 12px !important
}

.atcModal-adobe-carousel-container .recsContent .listPrice {
    color: #777;
    text-align: left
}

.atcModal-adobe-carousel-container .jcarousel-control-prev {
    background: #fff;
    border-radius: 2px;
    border: 1px solid #d8d8d8;
    color: #fff;
    font-weight: bold;
    height: 48px;
    left: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 48%;
    width: 24px;
    font-size: 13px;
    margin-top: -15px;
    right: 55px;
    text-transform: uppercase;
    z-index: 9999;
    opacity: 1
}

.atcModal-adobe-carousel-container .jcarousel-control-prev i {
    border-width: 0 2.5px 2.5px 0 !important;
    border: solid #09709b;
    display: inline-block;
    margin-top: 20px;
    padding: 3px
}

.atcModal-adobe-carousel-container .jcarousel-control-next {
    background: #fff;
    border-radius: 2px;
    border: 1px solid #d8d8d8;
    color: #fff;
    font-weight: bold;
    height: 48px;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 48%;
    width: 24px;
    font-size: 13px;
    margin-top: -15px;
    text-transform: uppercase;
    z-index: 9999;
    opacity: 1
}

.atcModal-adobe-carousel-container .jcarousel-control-next i {
    border-width: 0 2.5px 2.5px 0 !important;
    border: solid #09709b;
    display: inline-block;
    margin-top: 20px;
    padding: 3px
}

.atcModal-adobe-carousel-container .arrowRight {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.atcModal-adobe-carousel-container .arrowLeft {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.atcModal-adobe-carousel-container .recsProductSKU {
    min-height: 32px;
    word-wrap: break-word;
    margin-bottom: 8px;
    margin-left: 30%;
    padding-left: 4%;
    text-align: left
}

.atcModal-adobe-carousel-container .jcarousel-control-prev.inactive {
    background: #bbb;
    border: 1px solid #bbb;
    cursor: default;
    opacity: .9;
    pointer-events: none
}

.atcModal-adobe-carousel-container .jcarousel-control-next.inactive {
    background: #bbb;
    border: 1px solid #bbb;
    cursor: default;
    opacity: .9;
    pointer-events: none
}

.atcModal-adobe-carousel-container h2.productSection {
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    margin-left: 10px
}

.atcModal-adobe-carousel-container .jcarousel-wrapper {
    width: 100%
}

.atcModal-adobe-carousel-container li.activeItems {
    display: inline-block;
    text-align: left
}

.atcModal-adobe-carousel-container li.nonActiveItems {
    display: none
}

.atcModal-adobe-carousel-container .floating-labels.show-labels label.prodRecCarouselQty {
    top: -5px
}

.horizontalRecommedProductQty {
    width: 40px;
    text-align: center;
    height: 36px;
    top: 0;
    position: relative
}

.horizontalATCBtn {
    font-size: 12px
}

.adobeListItemContainer .recsProdPrice {
    margin-bottom: 8px;
    display: inline-block;
    color: #257238;
    font-weight: 700;
    margin-left: 30%;
    padding-left: 4% !important
}

.adobeListItemContainer .sale-price {
    color: #ad3333;
    font-weight: 700;
    display: inline-block;
    margin-bottom: 10px
}

.onsaleExpiration {
    margin-bottom: 8px;
    display: inline-block
}

.adobe-carousel-container.horizontalContainerResized li {
    width: 169px !important
}

.adobe-carousel-container.horizontalContainerResized .recsContent .recsProductSKU a {
    display: inline-block
}

.adobe-carousel-container.horizontalContainerResized .recsContent .sale-price {
    min-height: 24px
}

.adobe-carousel-container .priceLabel {
    display: inline
}

.page-cartPage .prodRecCarouselDiv .adobe-carousel-container .floating-labels.show-labels label.prodRecCarouselQty {
    top: -5px
}

.at-element-click-tracking {
    display: inline-block
}

#addToCart.modal {
    top: 1%;
    width: 742px
}

#atcModalProdRecCarouselContainer {
    top: -5px;
    position: relative
}

#bulkorderadd.modal {
    top: 1%;
    width: 742px
}

.atcModal-adobe-carousel-container .recsContent.atcRectContent {
    background-color: #eaeaea
}

.atcModal-adobe-carousel-container .recsContent.atcRectContent li {
    background-color: #fff;
    box-shadow: 1px 2px #ddd;
    font-size: 11px;
    margin: 3px;
    min-height: 70px;
    padding: 1em .6em .5em 1em;
    width: 233px !important
}

.atcModal-adobe-carousel-container .recsContent.atcRectContent li p {
    line-height: 14px
}

.atcModal-adobe-carousel-container .recsContent.atcRectContent .recsProductImage {
    float: left;
    margin: 0 10px 0 0;
    max-width: 60px;
    min-height: 60px;
    min-width: 60px;
    text-align: left
}

.atcModal-adobe-carousel-container .recsContent.atcRectContent .recsProductImage img {
    max-width: 60px;
    min-height: 60px;
    min-width: 60px
}

.atcModal-adobe-carousel-container .recsContent.atcRectContent .recsProductBtn {
    display: none;
    left: 80px;
    top: 11px
}

.atcModal-adobe-carousel-container .recsContent.atcRectContent .recsProductBtn .btnPrimary {
    background-color: #fff;
    border: 2px solid #be2122;
    color: #be2122;
    font-size: 11px;
    padding: 7px;
    text-transform: uppercase
}

.atcModal-adobe-carousel-container .recsContent.atcRectContent .recsProductBtn .recommedProductQty {
    font-size: 12px;
    margin-right: 3px;
    padding: 7px;
    width: 40px
}

.atcModal-adobe-carousel-container .recsContent.atcRectContent .recsProductBtn .qtyLabelIcon {
    background-color: #fff;
    display: inline-block;
    font-size: 10px;
    left: 9px;
    padding: 0 3px;
    position: absolute;
    top: -7px
}

.atcModal-adobe-carousel-container .recsContent.atcRectContent .recsProductBtn a.cancel:before {
    content: "\e614";
    font-family: graingerFont;
    font-size: 20px;
    font-weight: 400;
    line-height: 1px;
    padding-right: 10px;
    vertical-align: middle
}

.atcModal-adobe-carousel-container .recsContent.atcRectContent .recsProdPrice {
    display: inline
}

.atcModal-adobe-carousel-container .recsContent.atcRectContent .recsProdPrice .priceLabel {
    font-size: 11px !important
}

.atcModal-adobe-carousel-container .recsContent.atcRectContent .jcarousel-control-prev {
    height: 33px;
    padding: 1px 0 0 4px;
    top: 45%;
    width: 25px
}

.atcModal-adobe-carousel-container .recsContent.atcRectContent .jcarousel-control-prev i {
    margin-top: 45%
}

.atcModal-adobe-carousel-container .recsContent.atcRectContent .jcarousel-control-next {
    height: 33px;
    padding: 1px 4px 0 0;
    top: 45%;
    width: 25px
}

.atcModal-adobe-carousel-container .recsContent.atcRectContent .jcarousel-control-next i {
    margin-top: 45%
}

.atcModal-adobe-carousel-container .recsContent.atcRectContent .jcarousel {
    margin: 0 29px;
    width: 100%
}

.atcModal-adobe-carousel-container .recsContent.atcRectContent h2.productSection {
    padding-left: 10px;
    margin-left: 0
}

.atcModal-adobe-carousel-container .recsContent.atcRectContent .jcarousel.withoutArrowJCarousel {
    margin: 0 0 0 7px;
    width: 100%
}

.atcModal-adobe-carousel-container .recsContent.atcRectContent .jcarousel.withoutArrowJCarousel li {
    width: 248px !important
}

.atcModal-adobe-carousel-container .recsContent.atcRectContent .recsProductName {
    margin-bottom: 0;
    min-height: 26px
}

.atcModal-adobe-carousel-container .recsContent.atcRectContent .sale-price {
    display: inline
}

.atcModal-adobe-carousel-container .recsContent.atcRectContent .sale-price .priceLabel {
    font-size: 11px !important
}

.atcModal-adobe-carousel-container .recsContent.atcRectContent .sale-price .price {
    font-size: 11px !important
}

.atcModal-adobe-carousel-container .recsContent.atcRectContent .sale-price .price .bottomText {
    font-size: 11px !important
}

.atcModal-adobe-carousel-container .recsContent.atcRectContent .onsaleExpiration {
    display: block;
    margin-bottom: 0;
    margin-left: 65px
}

.atcModal-adobe-carousel-container .recsContent.atcRectContent .listPrice {
    margin-bottom: 0;
    margin-left: 70px
}

.atcModal-adobe-carousel-container .recsContent.atcRectContent .listPrice .priceLabel {
    display: inline;
    font-size: 11px !important;
    font-weight: normal
}

.atcModal-adobe-carousel-container .recsContent.atcRectContent .listPrice .bottomText {
    font-size: 11px !important;
    font-weight: normal;
    top: 0
}

.atcModal-adobe-carousel-container .recsContent.atcRectContent .recsProductBrand.recsProductBrandHide {
    visibility: hidden
}

.atcModal-adobe-carousel-container .recsContent.atcRectContent .recsProductName.recsProductNameHide {
    visibility: hidden
}

.atcModal-adobe-carousel-container .atcRectContent .recsProductSKU {
    display: none
}

.atcModal-adobe-carousel-container.newATCCarouselDiv .recsContent.atcRectContent .jcarousel {
    margin: auto;
    width: 100%
}

.noMoreItems {
    display: none
}

#addToCart.addToCartModalUpdated {
    background-color: #eaeaea;
    border: none;
    left: 50%;
    top: 7%;
    width: 785px
}

#addToCart.addToCartModalUpdated .newATCCarouselDiv .atcRectContent .jcarousel-control-prev {
    top: 50%;
    left: -8px;
    position: absolute
}

#addToCart.addToCartModalUpdated .newATCCarouselDiv .atcRectContent .jcarousel-control-prev i {
    padding: 4px
}

#addToCart.addToCartModalUpdated .newATCCarouselDiv .atcRectContent .jcarousel-control-next {
    top: 50%;
    right: -8px;
    position: absolute
}

#addToCart.addToCartModalUpdated .newATCCarouselDiv .atcRectContent .jcarousel ul {
    margin-left: 7px
}

#addToCart.addToCartModalUpdated .newATCCarouselDiv .atcRectContent .recsProductName {
    -webkit-line-clamp: 2
}

#addToCart.addToCartModalUpdated .newATCCarouselDiv .atcRectContent .recsProdPrice {
    display: inline;
    margin: 0;
    padding-left: 0 !important
}

#addToCart.addToCartModalUpdated .newATCCarouselDiv .atcRectContent .priceValueContainer {
    margin-left: 30%;
    padding-left: 4%
}

#addToCart.addToCartModalUpdated .newATCCarouselDiv .atcRectContent .recsProductBtn {
    padding: 0;
    margin: 0;
    width: auto
}

#addToCart.addToCartModalUpdated .newATCCarouselDiv .atcRectContent .recsProductBtn .prodRecCarouselQty {
    top: -5px;
    left: 5%;
    text-align: center
}

#addToCart.addToCartModalUpdated .newATCCarouselDiv .atcRectContent .recsProductBtn .recommedProductQty {
    text-align: center
}

#addToCart.addToCartModalUpdated .modal-content {
    background: #eaeaea;
    padding: 12px 16px
}

#addToCart.addToCartModalUpdated .atcModal-adobe-carousel-container {
    top: -6px;
    position: relative;
    margin: 0 16px 4px 16px
}

#addToCart.addToCartModalUpdated .modal-header {
    background-color: #333;
    border-radius: 0;
    border-bottom: none
}

#addToCart.addToCartModalUpdated .modal-header h2 {
    color: #fff;
    font-size: 14px !important;
    text-transform: uppercase
}

#addToCart.addToCartModalUpdated .modal-header .atc-close-modal-icon {
    color: #fff
}

#addToCart.addToCartModalUpdated .itemsinCart {
    background-color: #fff
}

#addToCart.addToCartModalUpdated .itemsinCart a {
    max-width: 100%
}

#addToCart.addToCartModalUpdated table {
    background-color: #fff
}

#addToCart.addToCartModalUpdated .modal-footer {
    background-color: #fff;
    border-top: none
}

#addToCart.addToCartModalUpdated .modal-footer .buttonGroup.add-to-cart .btn {
    font-size: 11px;
    text-transform: uppercase
}

#addToCart.addToCartModalUpdated .modal-footer .itemsCartMessage strong {
    font-weight: normal
}

#addToCart.addToCartModalUpdated .commerce {
    box-shadow: 1px 3px #ddd;
    margin: 0
}

#bulkorderadd.addToCartModalUpdated {
    background-color: #eaeaea;
    border: none;
    left: 50%;
    top: 7%;
    width: 785px
}

#bulkorderadd.addToCartModalUpdated .modal-content {
    background: #eaeaea;
    padding: 12px 15px
}

#bulkorderadd.addToCartModalUpdated .atcModal-adobe-carousel-container {
    margin: 0 6px 4px 4px
}

#bulkorderadd.addToCartModalUpdated .modal-header {
    background-color: #333;
    border-radius: 0
}

#bulkorderadd.addToCartModalUpdated .modal-header h2 {
    color: #fff;
    font-size: 14px !important;
    text-transform: uppercase
}

#bulkorderadd.addToCartModalUpdated .modal-header .atc-close-modal-icon {
    color: #fff
}

#bulkorderadd.addToCartModalUpdated .itemsinCart {
    background-color: #fff
}

#bulkorderadd.addToCartModalUpdated .itemsinCart a {
    max-width: 100%
}

#bulkorderadd.addToCartModalUpdated table {
    background-color: #fff
}

#bulkorderadd.addToCartModalUpdated .modal-footer {
    background-color: #fff;
    border-top: none
}

#bulkorderadd.addToCartModalUpdated .modal-footer .buttonGroup.add-to-cart .btn {
    font-size: 11px;
    text-transform: uppercase
}

#bulkorderadd.addToCartModalUpdated .modal-footer .itemsCartMessage strong {
    font-weight: normal
}

#bulkorderadd.addToCartModalUpdated .commerce {
    box-shadow: 1px 3px #ddd;
    margin: 0
}

.atcCartIcon:before {
    content: "\e614";
    font-family: graingerFont;
    font-size: 20px;
    font-weight: 400;
    line-height: 1px;
    padding-right: 10px;
    vertical-align: middle
}

.atcModal-adobe-carousel-container .recsContent .listPrice .priceLabel {
    font-size: 12px !important;
    font-weight: normal;
    margin-bottom: 0
}

.atcModal-adobe-carousel-container .recsContent .listPrice .bottomText {
    font-size: 12px !important;
    font-weight: normal;
    position: relative;
    top: 0
}

.page-homepage.language-fr .adobe-carousel-container .jcarousel ul {
    left: 3px
}

.page-homepage.language-fr .adobe-carousel-container .recsContent li {
    padding: .5em
}

.page-homepage.language-fr .adobe-carousel-container .recsContent li .horizontalRecommedProductQty {
    margin-right: 3px;
    padding: 8px 3px
}

.page-homepage.language-fr .adobe-carousel-container .recsContent li .horizontalATCBtn {
    padding: 11px 4px
}

@media print, screen and (min-width: 1025px) {
    .productPage .adobe-carousel-container.horizontalContainerResized .recsContent li.activeItems {
        width: 20% !important
    }

    .productPage .adobe-carousel-container .recsContent li.activeItems {
        margin: 0;
        padding: 20px;
        min-height: 200px;
        width: 16.66% !important
    }

    #addToCart {
        max-height: 580px;
        overflow-y: auto
    }

    div.atcModal-adobe-carousel-container .recsContent li {
        width: 25% !important
    }
}

@media only screen and (min-width: 320px) and (max-width: 1024px) {
    .recsContent .recsHeading h2 {
        font-size: 16px !important
    }

    .recsContent li {
        width: 25% !important
    }
}

.floating-labels.show-labels label.prodRecCarouselQty {
    z-index: 1;
    display: block;
    position: absolute;
    top: -5px;
    left: 15%;
    font-size: .8em;
    font-weight: bold;
    padding: 0 5px !important;
    background: #fff;
    outline: 0;
    font-size: 11px;
    color: #72777d
}

#productPage .floating-labels.show-labels label.prodRecCarouselQty, .nullSearchContainer .floating-labels.show-labels label.prodRecCarouselQty {
    top: -5px
}

.page-item-details-page .floating-labels.show-labels label.prodRecCarouselQty {
    top: -5px
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    #addToCart {
        max-height: 530px;
        overflow-y: auto
    }
}

.page-category-landing .floating-labels.show-labels label.prodRecCarouselQty {
    top: -5px
}

.language-fr .adobe-carousel-container .recsContent .recsProductBtn .horizontalATCBtn {
    padding: 11px 4px
}

@media screen and (min-width: 768px) {
    .page-cartPage .prodRecCarouselDiv .adobe-carousel-container .jcarousel ul {
        width: 100%
    }

    .page-cartPage .prodRecCarouselDiv .adobe-carousel-container .jcarousel ul li.activeItems {
        margin: 0;
        width: 25% !important
    }
}

@media only screen and (max-width: 767px) {
    #newPaymetricsFrame {
        height: 330px
    }

    #newCreditCardModal .tdControls {
        padding-left: 10px !important
    }

    #pickupModal {
        max-height: 100%;
        padding-top: 0
    }

    #pickupModal .bstab-content {
        overflow: auto
    }

    #pickupModal #tab_piu {
        overflow: none
    }

    #pickupModal #tab_oh_vlom {
        overflow: auto
    }

    #pickupModal .td-half-width3 {
        width: 100%;
        height: auto
    }

    #pickupModal .td-half-width2 {
        width: 100%;
        height: auto
    }

    #pickupModal .td-half-width2 .getDirectionsLink {
        margin-top: 20px;
        right: 0;
        padding-right: 5px
    }

    #pickupModal .td-half-width2 .btn {
        float: none;
        right: 0;
        width: 180px !important;
        padding: 9px !important;
        margin-bottom: 1px !important
    }

    #pickupModal .branchHoursLabel {
        display: block
    }

    #pickupModal .pickupaddressdisplayname {
        padding-right: 5px
    }

    #pickupModal #pick-up-locations-header {
        margin-top: 5px
    }

    #shareModalContainer.modal-static {
        top: 2% !important
    }

    #shareModalContainer, div.modal#shareModalContainer, div.modal#bulkorderadd, div.modal#addToCart {
        width: 90%;
        left: 5%;
        margin-left: 0
    }

    #shareModalContainer .modal-header h2, div.modal#shareModalContainer .modal-header h2, div.modal#bulkorderadd .modal-header h2, div.modal#addToCart .modal-header h2 {
        padding: 0 10px 0 0
    }

    #shareModalContainer .commerce .commerce-table, div.modal#shareModalContainer .commerce .commerce-table, div.modal#bulkorderadd .commerce .commerce-table, div.modal#addToCart .commerce .commerce-table {
        display: block
    }

    #shareModalContainer .commerce .commerce-table thead, div.modal#shareModalContainer .commerce .commerce-table thead, div.modal#bulkorderadd .commerce .commerce-table thead, div.modal#addToCart .commerce .commerce-table thead {
        display: block;
        border-bottom: 1px solid #ccc
    }

    #shareModalContainer .commerce .commerce-table thead tr, div.modal#shareModalContainer .commerce .commerce-table thead tr, div.modal#bulkorderadd .commerce .commerce-table thead tr, div.modal#addToCart .commerce .commerce-table thead tr {
        padding: 10px 3px;
        display: inline-block;
        width: 100%
    }

    #shareModalContainer .commerce .commerce-table thead tr th, div.modal#shareModalContainer .commerce .commerce-table thead tr th, div.modal#bulkorderadd .commerce .commerce-table thead tr th, div.modal#addToCart .commerce .commerce-table thead tr th {
        text-align: left;
        border-bottom: none;
        font-size: 12px;
        display: inline-block;
        float: left;
        padding: 10px 5px;
        min-width: auto
    }

    #shareModalContainer .commerce .commerce-table thead tr th:nth-child(1), div.modal#shareModalContainer .commerce .commerce-table thead tr th:nth-child(1), div.modal#bulkorderadd .commerce .commerce-table thead tr th:nth-child(1), div.modal#addToCart .commerce .commerce-table thead tr th:nth-child(1) {
        width: 54%
    }

    #shareModalContainer .commerce .commerce-table thead tr th:nth-child(2), div.modal#shareModalContainer .commerce .commerce-table thead tr th:nth-child(2), div.modal#bulkorderadd .commerce .commerce-table thead tr th:nth-child(2), div.modal#addToCart .commerce .commerce-table thead tr th:nth-child(2) {
        width: 14%;
        text-align: right
    }

    #shareModalContainer .commerce .commerce-table thead tr th:nth-child(3), div.modal#shareModalContainer .commerce .commerce-table thead tr th:nth-child(3), div.modal#bulkorderadd .commerce .commerce-table thead tr th:nth-child(3), div.modal#addToCart .commerce .commerce-table thead tr th:nth-child(3) {
        width: 32%;
        text-align: right
    }

    #shareModalContainer .commerce .commerce-table thead tr th:nth-child(4), div.modal#shareModalContainer .commerce .commerce-table thead tr th:nth-child(4), div.modal#bulkorderadd .commerce .commerce-table thead tr th:nth-child(4), div.modal#addToCart .commerce .commerce-table thead tr th:nth-child(4) {
        display: none
    }

    #shareModalContainer .commerce .commerce-table tbody, div.modal#shareModalContainer .commerce .commerce-table tbody, div.modal#bulkorderadd .commerce .commerce-table tbody, div.modal#addToCart .commerce .commerce-table tbody {
        display: block
    }

    #shareModalContainer .commerce .commerce-table tbody tr, div.modal#shareModalContainer .commerce .commerce-table tbody tr, div.modal#bulkorderadd .commerce .commerce-table tbody tr, div.modal#addToCart .commerce .commerce-table tbody tr {
        padding: 10px 3px;
        width: 100%;
        display: inline-block
    }

    #shareModalContainer .itemsinCart td, div.modal#shareModalContainer .itemsinCart td, div.modal#bulkorderadd .itemsinCart td, div.modal#addToCart .itemsinCart td {
        display: inline-block;
        float: left;
        padding: 10px 5px;
        min-width: auto;
        font-size: 11px;
        padding: 5px;
        min-width: 60px;
        max-width: 100% !important
    }

    #shareModalContainer .itemsinCart td:nth-child(1), div.modal#shareModalContainer .itemsinCart td:nth-child(1), div.modal#bulkorderadd .itemsinCart td:nth-child(1), div.modal#addToCart .itemsinCart td:nth-child(1) {
        width: 14%;
        min-width: auto;
        padding: 5px 0 !important
    }

    #shareModalContainer .itemsinCart td:nth-child(1) a, div.modal#shareModalContainer .itemsinCart td:nth-child(1) a, div.modal#bulkorderadd .itemsinCart td:nth-child(1) a, div.modal#addToCart .itemsinCart td:nth-child(1) a {
        padding: 5px;
        max-width: 100%
    }

    #shareModalContainer .itemsinCart td:nth-child(1) a .s7LazyLoad, div.modal#shareModalContainer .itemsinCart td:nth-child(1) a .s7LazyLoad, div.modal#bulkorderadd .itemsinCart td:nth-child(1) a .s7LazyLoad, div.modal#addToCart .itemsinCart td:nth-child(1) a .s7LazyLoad {
        height: auto
    }

    #shareModalContainer .itemsinCart td:nth-child(1) a img, div.modal#shareModalContainer .itemsinCart td:nth-child(1) a img, div.modal#bulkorderadd .itemsinCart td:nth-child(1) a img, div.modal#addToCart .itemsinCart td:nth-child(1) a img {
        width: 100%;
        height: 100%
    }

    #shareModalContainer .itemsinCart td:nth-child(2), div.modal#shareModalContainer .itemsinCart td:nth-child(2), div.modal#bulkorderadd .itemsinCart td:nth-child(2), div.modal#addToCart .itemsinCart td:nth-child(2) {
        width: 40%;
        word-break: break-all;
        padding: 5px 0
    }

    #shareModalContainer .itemsinCart td:nth-child(3), div.modal#shareModalContainer .itemsinCart td:nth-child(3), div.modal#bulkorderadd .itemsinCart td:nth-child(3), div.modal#addToCart .itemsinCart td:nth-child(3), #shareModalContainer .itemsinCart td:nth-child(4), div.modal#shareModalContainer .itemsinCart td:nth-child(4), div.modal#bulkorderadd .itemsinCart td:nth-child(4), div.modal#addToCart .itemsinCart td:nth-child(4), #shareModalContainer .itemsinCart td:nth-child(5), div.modal#shareModalContainer .itemsinCart td:nth-child(5), div.modal#bulkorderadd .itemsinCart td:nth-child(5), div.modal#addToCart .itemsinCart td:nth-child(5) {
        min-width: auto;
        text-align: right
    }

    #shareModalContainer .itemsinCart td:nth-child(3), div.modal#shareModalContainer .itemsinCart td:nth-child(3), div.modal#bulkorderadd .itemsinCart td:nth-child(3), div.modal#addToCart .itemsinCart td:nth-child(3) {
        width: 14%
    }

    #shareModalContainer .itemsinCart td:nth-child(4), div.modal#shareModalContainer .itemsinCart td:nth-child(4), div.modal#bulkorderadd .itemsinCart td:nth-child(4), div.modal#addToCart .itemsinCart td:nth-child(4) {
        width: 32%
    }

    #shareModalContainer .itemsinCart td:nth-child(5), div.modal#shareModalContainer .itemsinCart td:nth-child(5), div.modal#bulkorderadd .itemsinCart td:nth-child(5), div.modal#addToCart .itemsinCart td:nth-child(5) {
        display: block;
        width: 100%
    }

    #shareModalContainer .itemsinCart .align-left .mlm, div.modal#shareModalContainer .itemsinCart .align-left .mlm, div.modal#bulkorderadd .itemsinCart .align-left .mlm, div.modal#addToCart .itemsinCart .align-left .mlm {
        margin-left: 0 !important
    }

    #shareModalContainer .itemsinCart .align-left a, div.modal#shareModalContainer .itemsinCart .align-left a, div.modal#bulkorderadd .itemsinCart .align-left a, div.modal#addToCart .itemsinCart .align-left a {
        padding-left: 0;
        min-width: 60px
    }

    #shareModalContainer .modal-footer .itemsCartMessage, div.modal#shareModalContainer .modal-footer .itemsCartMessage, div.modal#bulkorderadd .modal-footer .itemsCartMessage, div.modal#addToCart .modal-footer .itemsCartMessage {
        width: 100%;
        float: none;
        margin-bottom: 5px
    }

    #shareModalContainer .modal-footer .btn.cancel, div.modal#shareModalContainer .modal-footer .btn.cancel, div.modal#bulkorderadd .modal-footer .btn.cancel, div.modal#addToCart .modal-footer .btn.cancel {
        margin-top: -3px
    }

    #ohdTabViewLocations {
        max-width: calc(100% - 120px);
        overflow: hidden
    }

    #ohdTabViewLocations a {
        width: 100%;
        font-variant: diagonal-fractions;
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    table tr td {
        padding: 5px
    }

    #pickupModal br {
        display: none
    }

    #pickupModal #findChangeBranchModal {
        width: 66%
    }

    #pickupModal #searchPickupModal {
        display: block
    }

    #pickupModal #pickupmodalselectedbranch {
        display: block;
        width: 92%;
        margin: 20px 11px 0
    }

    #pickupModal .pickupMessageWrap {
        width: 100%;
        float: none
    }

    #pickupModal .pickupmodalselectedbranch {
        width: 100%;
        margin: 20px 0 10px;
        display: inline-block;
        float: none;
        padding: 15px;
        right: 0
    }

    #pickupModal .pickupMessageModal {
        width: 90%
    }

    #pickupModal .nav-tabs li {
        min-width: auto
    }

    #branchSelectedModal {
        width: 90% !important;
        margin: 0;
        top: 3% !important;
        left: 5%;
        display: block;
        padding: 0 15px 12px;
        max-height: 100%;
        overflow-y: auto
    }

    :lang(fr) div.modal#addToCart .modal-header h2 {
        width: 93%
    }

    :lang(fr) div.modal#addToCart .modal-header .atcCloseIconBtn {
        top: -12px;
        position: relative
    }

    :lang(fr) div.modal#addToCart .modal-footer .btn {
        padding: 11px 16px
    }

    #shareModalContainer .recipient > div, #shareModalContainer .senderInfo > div, #shareModalContainer .column > div {
        width: 100%
    }

    #mdlAddToOL {
        width: 90%;
        left: 5%;
        top: 0;
        margin-left: 0;
        margin-top: 0;
        position: absolute;
        overflow: auto;
        height: auto;
        min-height: 300px
    }

    #mdlAddToOL .mdl-section .mdl-tabs .mdl-tab-items {
        top: 0;
        border-bottom: 1px solid #999
    }

    #mdlAddToOL .mdl-section .mdl-tabs .mdl-tab-items a {
        padding: 12px 18px
    }

    #mdlAddToOL .mdl-section .search-wrap {
        position: relative;
        top: 37px;
        text-align: left;
        width: 100%
    }

    #mdlAddToOL .mdl-section .search-wrap input[type=text] {
        right: 0;
        width: 100%
    }

    #mdlAddToOL .mdl-section .search-wrap .search-icon {
        display: inline-block;
        margin-left: 0;
        float: right;
        top: -23px;
        position: relative;
        right: 10px
    }

    #mdlAddToOL .mdl-section .search-wrap .clear-icon {
        display: inline-block;
        margin-left: 0;
        float: right;
        top: -23px;
        position: relative;
        right: 10px
    }

    #mdlAddToOL .mdl-section .list-wrap {
        width: 100%;
        height: auto;
        min-height: 150px;
        max-height: 150px
    }

    #mdlAddToOL .mdl-section .my-order-lists {
        margin-top: 40px
    }

    #mdlAddToOL .mdl-section label {
        width: 77%
    }

    #mdlAddToOL #createNewListForm .row {
        display: inline-block;
        width: 100%
    }

    #main-content .grid .product .productAddToCart div.txtR {
        text-align: left !important;
        padding-top: 15px
    }

    #main-content .grid .product .productAddToCart div.add-to-ol.txtR {
        text-align: left !important;
        padding-top: 15px
    }

    #changeShippingAddressModal {
        width: 90% !important;
        left: 5%;
        margin-left: 0 !important;
        margin-top: 0;
        top: 3%;
        overflow-y: auto
    }

    #changeShippingAddressModal #shippingAddressWrap .float-left {
        width: 100%;
        word-break: break-word
    }

    #changeShippingAddressModal .one-third-width {
        width: auto !important;
        float: left !important
    }

    #add-new-shipping-location-modal {
        width: 90%;
        left: 5%;
        margin-left: 0;
        max-height: 100%
    }

    #add-new-shipping-location-modal .gForm-row label, #add-new-shipping-location-modal .gForm-row input[type=text], #add-new-shipping-location-modal .styledSelect {
        width: 100%
    }

    #add-new-shipping-location-modal .gForm-row label {
        padding-top: 0
    }

    #add-new-shipping-location-modal .form-indent {
        margin-left: 0
    }

    #add-new-shipping-location-modal .checkbox > label {
        width: 92% !important
    }

    #branchSelectedModal .div-branch-details {
        float: none !important;
        margin: 0;
        padding: 10px;
        width: 100%
    }

    #branchSelectedModal #pickupMapContainerBS {
        height: 230px !important
    }

    .remove-backdrop {
        opacity: .3
    }

    #suggest-shipping-address {
        width: 90% !important;
        left: 5%;
        margin-left: 0 !important;
        margin-top: 0;
        top: 3%;
        overflow-y: auto;
        max-height: 100%
    }

    #suggest-shipping-address p, #suggest-shipping-address div {
        line-height: 1.5
    }

    #suggest-shipping-address #continue-with-entered-address-2 {
        line-height: 2
    }

    div.modal#addToCart .modal-content .itemsinCart .maxQuantityExceedRowPadding {
        width: 100%;
        word-break: break-word;
        padding: 5px !important
    }

    div#updateUserEmailAddressModal {
        width: 90%;
        left: 5%;
        top: 30px;
        margin-left: 0
    }

    div#updateUserEmailAddressModal #updateEmailAddressForm input[type="text"], div#updateUserEmailAddressModal #updateEmailAddressForm input[type="password"] {
        width: 100%
    }

    .orderListContainer #order-list-container.content-title-container div.create-new-list-floating-window {
        width: 90%;
        transform: none;
        margin: 0;
        top: 4%;
        left: 5%;
        position: fixed;
        padding: 0
    }

    .orderListContainer #order-list-container.content-title-container div.create-new-list-floating-window .add-products-radio-button-bulk-entry {
        display: flex
    }

    .orderListContainer #order-list-container.content-title-container div.create-new-list-floating-window .add-products-radio-button-bulk-entry .regular {
        line-height: 15px;
        padding-bottom: 8px
    }

    .orderListContainer #order-list-container.content-title-container div.create-new-list-floating-window .add-products-radio-button-entry-form {
        display: flex
    }

    .orderListContainer #order-list-container.content-title-container div.create-new-list-floating-window .add-products-radio-button-entry-form .regular {
        line-height: 15px;
        padding-bottom: 8px
    }

    #pendingOrderSummaryDisclaimer {
        width: 90%;
        left: 5%;
        margin-left: 0
    }

    #ConfirmationNewCreditCardModal.modal, .mobileDeleteCardModal.modal-static {
        width: 90%;
        left: 5%;
        margin-left: 0
    }

    #postalCodeModal {
        width: 92%;
        left: 0;
        top: 5%;
        margin: 10px 11px 0
    }

    #postalCodeModal .postalCodeContainer {
        width: 100%;
        display: inline-block
    }

    #postalCodeModal .postalCodeContainer .signInDiv {
        text-align: center;
        width: 100%;
        min-width: 100%;
        margin: auto
    }

    #postalCodeModal .postalCodeContainer .signInDiv a {
        width: 100%
    }

    #postalCodeModal .postalCodeContainer .separator {
        margin: 5px 10px
    }

    #postalCodeModal .postalCodeContainer .deliveryMethodDiv {
        width: 100%
    }

    #postalCodeModal .postalCodeContainer #postalCodeCheckAvailabilityForm, #postalCodeModal .postalCodeContainer .postalCodeAvailbilityContainer {
        width: 100%;
        padding: 0 !important;
        border-left: none !important
    }

    #postalCodeModal .postalCodeContainer #defaultBranchDiv {
        width: 100%;
        padding: 0
    }

    #postalCodeModal .postalCodeContainer #defaultBranchDiv #findChangeBranch {
        width: 71%
    }
}

@media only screen and (max-width: 370px) {
    div.modal#bulkorderadd .modal-footer .cancel, div.modal#addToCart .modal-footer .cancel {
        margin: -3px 0 10px 0;
        width: 100%
    }

    div.modal#bulkorderadd .modal-footer .btnPrimary, div.modal#addToCart .modal-footer .btnPrimary {
        width: 100%
    }

    #branchSelectedModal .modal-footer #searchPickupModalBS {
        width: 100%;
        margin-bottom: 5px
    }

    #branchSelectedModal .modal-footer #fab_button_modal_bs, #branchSelectedModal .modal-footer #pickupModalCloseBS {
        width: 100%;
        margin-right: 0
    }
}

@media only screen and (min-width: 768px) and (max-width: 850px) {
    div.modal#bulkorderadd, div.modal#addToCart {
        width: 90%;
        left: 5%;
        margin-left: 0;
        max-width: 742px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    #shareModalContainer .modal-content {
        height: 300px
    }

    #bulkorderadd.modal, #addToCart.modal {
        margin-left: -370px
    }

    #atcModalProdRecCarouselContainer {
        top: 0;
        padding-top: 12px
    }

    #pickupModal .pickupMessageWrap {
        width: 60%;
        min-width: 400px
    }

    #pickupModal .td-half-width2, #pickupModal .td-half-width3 {
        width: 100%;
        height: auto
    }

    #pickupModal .td-half-width2 .btn {
        float: none;
        right: 0;
        margin-bottom: 10px
    }

    #infowindowTable {
        min-width: 328px
    }

    .pickupmodalselectedbranch {
        width: 40%;
        padding: 10px 15px
    }

    #branchSelectedModal {
        padding: 0 10px;
        position: fixed;
        width: 70% !important;
        height: auto;
        top: 3% !important;
        left: 15%;
        margin-left: 0;
        max-height: 100%;
        overflow-y: auto
    }

    #changeShippingAddressModal .one-third-width {
        width: auto !important
    }

    #changeShippingAddressModal .float-left {
        width: 53%;
        float: left !important;
        word-break: break-word
    }

    #add-new-shipping-location-modal .gForm-row label {
        width: 25%;
        max-width: 124px
    }

    #add-new-shipping-location-modal .gForm-row input[type=text], #add-new-shipping-location-modal .styledSelect {
        width: 74%;
        max-width: 510px
    }

    #branchSelectedModal .div-branch-details {
        float: none !important;
        margin: 0;
        padding: 10px;
        width: 100%
    }

    #branchSelectedModal #pickupMapContainerBS {
        height: 230px !important
    }

    .show-mb {
        display: inline-block !important
    }

    .remove-backdrop {
        opacity: .3
    }

    div#updateUserEmailAddressModal {
        width: 70%;
        left: 15%;
        top: 30px;
        margin-left: 0
    }

    div#updateUserEmailAddressModal #updateEmailAddressForm input[type="text"], div#updateUserEmailAddressModal #updateEmailAddressForm input[type="password"] {
        width: 100%;
        max-width: 240px
    }

    #mdlAddToOL {
        width: 64%;
        left: 18%;
        margin-left: 0;
        position: absolute
    }

    .modal#deleteCreditCardModal {
        width: 65% !important;
        left: 17.5%
    }

    #postalCodeModal .postalCodeContainer .signInDiv {
        min-width: 110px
    }

    #postalCodeModal .postalCodeContainer #checkAvailabilityForm {
        min-width: 91px
    }

    #postalCodeModal .postalCodeContainer #cartAvailbilityContainer {
        width: 73%;
        border-left: 1px solid #ccc;
        padding: 0 0 0 10px
    }

    #postalCodeModal .postalCodeContainer #defaultBranchDiv {
        width: 73%;
        border-left: 1px solid #ccc;
        padding: 0 0 0 10px
    }

    #postalCodeModal .postalCodeContainer #defaultBranchDiv #findChangeBranch {
        width: 72%
    }
}

@media only screen and (min-width: 451px) and (max-width: 767px) {
    .footer-xsm {
        display: flex;
        justify-content: space-between
    }

    div#updateUserEmailAddressModal #updateEmailAddressForm input[type="text"], div#updateUserEmailAddressModal #updateEmailAddressForm input[type="password"] {
        max-width: 240px
    }

    #branchSelectedModal .footer-xsm {
        display: block
    }
}

@media only screen and (max-width: 450px) {
    .footer-xsm {
        text-align: left !important
    }

    #searchPickupModalBS {
        margin-right: 0
    }

    #branchSelectedModal .footer-xsm {
        text-align: right !important
    }

    .language-fr #branchSelectedModal .modal-footer #searchPickupModalBS {
        width: 100%;
        margin-bottom: 5px
    }

    .language-fr #branchSelectedModal .modal-footer #fab_button_modal_bs, .language-fr #branchSelectedModal .modal-footer #pickupModalCloseBS {
        width: 100%;
        margin-right: 0;
        padding: 11px
    }
}

@media only screen and (max-width: 1024px) {
    #pickupModal {
        width: 90% !important;
        left: 5%;
        margin-left: 0 !important;
        margin-top: 0;
        top: 3%;
        overflow: auto;
        padding-top: 0
    }

    #pickupModal .td-half-width {
        padding: 5px !important
    }

    #changeShippingAddressModal #shippingAddressWrap {
        max-height: 200px;
        overflow-y: auto
    }

    #add-new-shipping-location-modal {
        max-height: 100%
    }

    #add-new-shipping-location-modal .modal-content {
        max-height: 100%;
        height: 300px
    }

    #add-new-shipping-location-modal .modal-content #checkout-default-payment-method {
        width: auto
    }

    .remove-backdrop {
        opacity: .3
    }

    #modal-bulkCopyPasteArea {
        overflow-y: scroll;
        max-height: 265px;
        resize: none
    }

    #deleteCreditCardModal {
        width: 90% !important;
        left: 5%;
        margin-left: 0 !important;
        margin-top: 0;
        overflow-y: auto
    }

    #postalCodeModal.block {
        display: block !important
    }

    #postalCodeModal.hide {
        display: none !important
    }

    #postalCodeModal #defaultBranchDiv.hide, #postalCodeModal .postalCodeAvailbilityContainer.hide {
        display: none !important
    }

    #branchSearchBackDrop {
        z-index: 101
    }

    .productRestrictedStates {
        position: relative;
        display: inline-block;
        margin: 10px 0 0 0
    }

    .productRestrictedStates .label_09_restrictedscale {
        margin: 0 3px 0 0
    }

    .productRestrictedStates .prdRestrictedStatesTooltipText {
        position: relative;
        margin-top: -17px;
        background: #fff;
        padding: 4px;
        z-index: 1;
        border: 1px solid #666;
        width: 89%;
        display: inline-block;
        margin-left: 3px
    }

    .productRestrictedStates .hiddenPrdRestrictedStatesTooltip {
        display: none
    }

    .searchPageProdResStates.productRestrictedStates .prdRestrictedStatesTooltipText {
        width: 82%;
        top: 5px
    }

    #shareModalContainer, div.modal#shareModalContainer, div.modal#bulkorderadd, div.modal#addToCart {
        padding-top: 0
    }
}

@media only screen and (max-width: 767px) and (orientation: portrait) {
    #pickupModal .td-half-width {
        padding-top: 5px;
        width: 100%;
        height: auto;
        display: block
    }

    #pickupModal .td-half-width2 {
        width: 100%;
        height: auto;
        display: block;
        margin-left: 10px
    }

    #pickupModal .td-half-width2 span {
        display: block
    }

    #pickupModal .td-half-width2 a {
        display: block
    }

    #pickupModal .td-half-width3 {
        width: 100%;
        height: auto;
        display: block
    }

    #pickupModal .td-half-width3 span {
        display: block
    }

    #pickupModal .td-half-width3 a {
        display: block
    }
}

@media only screen and (max-width: 767px) and (orientation: landscape) {
    #pickupModal table .btn {
        width: 100%;
        padding: 9px 7px;
        margin-bottom: 32px
    }
}

@media only screen and (max-width: 375px) {
    #infowindowTable {
        min-width: 320px
    }
}

@media only screen and (max-width: 419px) {
    :lang(fr) div.modal#addToCart .modal-footer .btn {
        width: 100%
    }

    :lang(fr) div.modal#addToCart .modal-footer .btn.cancel {
        margin: -3px 0 10px 0
    }

    #newPaymetricsFrame {
        height: 390px
    }

    #newCreditCardModal #paymetricsForm #newPaymetricsFrame {
        height: 380px
    }
}

@media only screen and (min-width: 767px) {
    .show-mb {
        display: none !important
    }
}

@media only screen and (max-width: 575px) {
    #unable-validate-shipping-address {
        width: 90% !important;
        left: 5%;
        margin-left: 0 !important;
        margin-top: 0;
        top: 3%;
        overflow-y: auto
    }

    #unable-validate-shipping-address #my-shipping-address-line1, #unable-validate-shipping-address #my-shipping-address-line2, #unable-validate-shipping-address my-shipping-address-line3, #unable-validate-shipping-address #my-shipping-address-line4 {
        word-break: break-word
    }

    #unable-validate-shipping-address .modal-footer #continue-with-entered-address {
        display: inline-block
    }

    #unable-validate-shipping-address .modal-footer #yes-go-back-and-change {
        margin: 15px 0 0 10px !important;
        padding: 12px
    }
}

@media only screen and (max-width: 799px) {
    .language-fr #unable-validate-shipping-address .modal-footer #yes-go-back-and-change {
        margin: 15px 0 0 10px !important
    }
}

@media only screen and (min-width: 320px) {
    #addToCart #addToCartModal .cancel {
        vertical-align: baseline
    }
}

@media only screen and (min-width: 420px) and (max-width: 731px) {
    #newCreditCardModal #paymetricsForm #newPaymetricsFrame {
        height: 292px
    }
}

@media only screen and (max-width: 767px) {
    #footer #footerLegal ul {
        display: block !important
    }
}

@media only screen and (min-width: 320px) and (max-width: 1024px) {
    #footer {
        z-index: 10;
        padding-top: 0;
        min-width: 320px
    }

    #footer .footerContainer #e_footerrow1 a {
        color: #fff
    }

    #footer .footerContainer #e_footerrow2 p {
        margin-bottom: 0
    }

    #footer .footerContainer h6 {
        font-size: 14px;
        text-transform: capitalize;
        border-bottom: 2px solid #abb0b6;
        padding: 5px 15px;
        line-height: 2;
        margin-bottom: 0
    }

    #footer .footerContainer h6.active {
        background-color: #29333b
    }

    #footer .footerContainer h6.active + p {
        background-color: #fff
    }

    #footer .footerContainer .content {
        margin-bottom: 0
    }

    #footer .footerContainer #e_footerrow1 div.e-footercolumn, #footer .footerContainer #e_footerrow2 div.e-footercolumn {
        display: block;
        padding: 0;
        width: 100% !important;
        float: none !important;
        margin-bottom: 0 !important
    }

    #footer .footerContainer div.e-footercolumn {
        display: block;
        padding: 0;
        width: 100% !important;
        float: none !important;
        margin-bottom: 0 !important
    }

    #footer .footerContainer div.e-footercolumn p, #footer .footerContainer div.e-footercolumn ul {
        padding: 15px;
        display: none;
        margin-bottom: 0;
        border-bottom: 2px solid #abb0b6;
        background-color: #29333b
    }

    #footer .footerContainer div.e-footercolumn p.footerCustomerSupportCall {
        color: #fff;
        padding-bottom: 0;
        border-bottom: none
    }

    #footer .footerContainer div.e-footercolumn ul li p.footerCustomerSupportCall {
        padding: 12px 0 0
    }

    #footer .footerContainer #e_footercol5 a, #footer .footerContainer #e_footercol5 #findABranchFooterLink {
        padding: 3px 15px;
        display: none;
        margin-bottom: 0;
        border-bottom: none;
        background-color: #29333b
    }

    #footer .footerContainer #e_footercol5 h6 + a {
        padding-top: 3px
    }

    #footer .footerContainer #e_footercol5 ul li a {
        padding: 0 0 8px
    }

    #footer .footerContainer #e_footercol5 #findABranchFooterLink, #footer .footerContainer #e_footercol5 p .footerContact {
        padding: 0;
        border-bottom: none
    }

    #footer .footerContainer #e_footercol5 #findABranchFooterLink + p.block {
        padding: 0 0 18px 15px
    }

    #footer .footerContainer .footer_icon {
        width: 21px;
        height: 21px;
        top: 6px;
        float: right;
        position: relative;
        display: inline-block;
        z-index: 0
    }

    #footer .footerContainer .icon_plus::after {
        content: " ";
        position: absolute;
        display: block;
        background-color: #fff;
        height: 2px;
        margin-top: -5px;
        top: 15px;
        left: 6px;
        right: 5px;
        z-index: 9
    }

    #footer .footerContainer .icon_plus::before {
        content: " ";
        position: absolute;
        display: block;
        background-color: #fff;
        width: 2px;
        margin-left: -5px;
        left: 15px;
        top: 6px;
        bottom: 5px;
        z-index: 9
    }

    #footer .footerContainer .icon_minus::after {
        content: " ";
        position: absolute;
        display: block;
        background-color: #fff;
        height: 2px;
        margin-top: -5px;
        top: 11px;
        left: 6px;
        right: 5px;
        z-index: 9
    }

    #footer #footerLegal {
        padding: 32px 0 0 0
    }

    #footer #footerLegal ul {
        width: 100% !important;
        padding: 0 15px;
        text-align: center
    }

    #footer #footerLegal ul li {
        float: none
    }

    #footer #footerLegal ul li::after {
        content: ""
    }

    #footer #footerLegal div.footerContainer {
        padding: 0 32px 32px 32px
    }
}

@media only screen and (min-width: 768px) {
    #footer #footerLegal ul li {
        display: inline-block !important
    }
}

@media only screen and (max-width: 320px) {
    #footer #footerLegal ul {
        display: contents !important
    }

    #footer #footerLegal ul li {
        float: none !important
    }
}

@media only screen and (max-width: 1024px) {
    #arrowBackToTop.fixed-tag {
        width: auto;
        height: auto;
        top: 0;
        right: 0;
        bottom: unset;
        margin-top: 50vh
    }

    .IE11BannerDiv {
        display: none
    }

    .inline-block {
        display: inline-block !important
    }

    .block {
        display: block !important
    }

    #eheader {
        min-width: 320px;
        width: 100%;
        z-index: 1
    }

    #eheader #topRibbon {
        position: static
    }

    #eheader #topRibbon #authNav {
        padding-left: 5px
    }

    #eheader #topRibbon #userAuthLinks {
        padding-right: 15px
    }

    #eheader #topRibbon #userAuthLinks ul {
        margin-bottom: 0
    }

    #eheader #topRibbon #userAuthLinks ul li.headerUserReginfo {
        text-overflow: ellipsis;
        overflow: hidden;
        width: 150px;
        white-space: nowrap;
        text-align: right
    }

    #eheader #topRibbon #userAuthLinks #logOffLink {
        padding-top: 9px;
        padding-left: 5px
    }

    #eheader #headerContent {
        z-index: unset
    }

    #eheader #headerContent #elogo {
        width: 165px;
        margin: 10px;
        float: none !important;
        display: inline-block
    }

    #eheader #headerContent #elogo img {
        max-width: 165px;
        min-height: 50px
    }

    #eheader #headerContent .navHeaderButton {
        background-color: #fff;
        border: none;
        height: 30px;
        width: 30px;
        padding: 0
    }

    #eheader #headerContent .navHeaderButton .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0
    }

    #eheader #headerContent .navHeaderButton .menu-icon-bar {
        margin-left: -1px;
        width: 28px;
        height: 4px;
        display: block;
        margin-bottom: 4px;
        background-color: #333
    }

    #eheader #headerContent .navbar-toggle {
        float: left;
        left: 0;
        position: absolute;
        margin: 10px 0 0 18px
    }

    #eheader #headerContent .navHeaderButtonClose {
        width: 22px;
        height: 22px;
        cursor: pointer;
        font-size: 17px;
        position: absolute;
        color: #fff;
        background-color: #29333b;
        font-weight: 700;
        padding-top: 2px;
        display: none;
        margin: 9px 0 0 0;
        float: left;
        left: 168px;
        z-index: 16
    }

    #eheader #headerContent .navHeaderButtonClose span {
        padding: 0 0 0 5px;
        display: block
    }

    #eheader #headerContent div.serviceHeaderLinks {
        width: 190px;
        min-width: 190px;
        border-radius: 0;
        z-index: 15;
        padding: 0;
        top: 0;
        background-color: #fff;
        background-clip: padding-box;
        position: absolute;
        text-align: left;
        list-style: none;
        margin-top: 0;
        padding: 5px 5px 5px 6px;
        left: 0;
        display: none;
        -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.175);
        -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.175);
        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.175);
        border: 1px solid #ccc
    }

    #eheader #headerContent div.serviceHeaderLinks .serviceLinksRow2Nav {
        width: 100%;
        background: #fff;
        border: 0;
        height: 100%
    }

    #eheader #headerContent div.serviceHeaderLinks .serviceLinksRow1 {
        margin-top: 10px
    }

    #eheader #headerContent div.serviceHeaderLinks .serviceLinksRow1 > ul > li {
        padding-left: 0
    }

    #eheader #headerContent div.serviceHeaderLinks .serviceLinksRow1 > ul > li a {
        font-size: 12px;
        line-height: 2
    }

    #eheader #headerContent div.serviceHeaderLinks .serviceLinksRow1 .appcuesWidgetDiv .appcues-widget-icon {
        line-height: 0
    }

    #eheader #headerContent div.serviceHeaderLinks .serviceLinksRow1 .appcuesWidgetDiv .appcues-widget-icon .appcues-widget-image {
        vertical-align: baseline
    }

    #eheader #headerContent div.serviceHeaderLinks .serviceLinksRow2 > ul > li {
        line-height: 2.2 !important
    }

    #eheader #headerContent div.serviceHeaderLinks #gCustomerLinks > ul > li {
        width: 100%;
        float: none;
        line-height: 2.2 !important
    }

    #eheader #headerContent div.serviceHeaderLinks #gCustomerLinks > ul > li a {
        font-size: 12px;
        line-height: 2
    }

    #eheader #headerContent div.serviceHeaderLinks #gCustomerLinks > ul > li:before {
        display: none
    }

    #eheader #headerContent div.serviceHeaderLinks .serviceLinksRow2 {
        margin-top: -14px
    }

    #eheader #headerContent div.serviceHeaderLinks .serviceLinksRow2 p, #eheader #headerContent div.serviceHeaderLinks .serviceLinksRow2 .content {
        margin-top: 0
    }

    #eheader #headerContent div.serviceHeaderLinks .serviceLinksRow2 #gCustomerLinks .new-icon {
        padding: 1px 4px;
        margin-left: 5px;
        top: 0 !important
    }

    #eheader #headerContent div.serviceHeaderLinks .mobileAllProductsContainer {
        position: relative;
        top: -2px;
        left: 1px;
        padding-bottom: 10px
    }

    #eheader #headerContent div.serviceHeaderLinks .mobileAllProductsContainer .allProducts a {
        font-weight: 700;
        color: #373737
    }

    #eheader #headerContent div.serviceHeaderLinks .mobileAllProductsContainer .allProducts > a.allProductsLink:after {
        display: none
    }

    #eheader #headerContent div.serviceHeaderLinks .mobileAllProductsContainer .allProducts .phl {
        padding: 0 !important
    }

    #eheader #headerContent div.serviceHeaderLinks .mobileAllProductsContainer .allProducts .dropdown-menu {
        display: none
    }

    #eheader .serviceLinks > a:after {
        font-size: 10px
    }

    #eheader .allProducts > a:after {
        font-size: 10px
    }

    #eheader .allProducts > a.allProductsLink:after {
        color: #eee !important;
        margin-left: 4px
    }

    #eheader .alt-menu .dropdown-menu {
        display: none !important
    }

    #eheader #show-bulk-order-link:after {
        font-size: 10px
    }

    #eheader #navSearchContainer .headerContainer .allProducts {
        width: 100% !important;
        display: none;
        top: 61px;
        float: none;
        position: relative;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
        background-color: #333
    }

    #eheader #navSearchContainer .headerContainer .allProducts .allProductsLink .phl {
        padding-left: 10px !important
    }

    #eheader #navSearchContainer .allProducts > a {
        font-size: 13px;
        font-weight: 700
    }

    #eheader #navSearchContainer #bulkOrderCartContainer {
        display: block;
        width: 100vw;
        position: relative;
        top: 61px;
        margin-left: 0;
        float: none;
        height: 0;
        background-color: #333
    }

    #eheader #navSearchContainer #bulkOrderCartContainer #show-bulk-order-link {
        font-size: 13px;
        font-weight: 700
    }

    #eheader #navSearchContainer #bulkOrderCartContainer #bulk-order-content {
        width: 100%;
        left: 0;
        min-width: 265px
    }

    #eheader #navSearchContainer #bulkOrderCartContainer #bulk-order-content #bulkorderSingleAddForm input[name="productItemNumber"] {
        width: 160px
    }

    #eheader #navSearchContainer #bulkOrderCartContainer #bulk-order-content #bulkorderSingleAddForm label.bulkorderQuantity {
        width: auto
    }

    #eheader #navSearchContainer #bulkOrderCartContainer #bulk-order {
        visibility: hidden
    }

    #eheader #navSearchContainer .bulk-order .dropdown-menu #bulkorderSingleAddForm input[name="productQuantity"] {
        width: 48px;
        margin: 0 0 8px 10px
    }

    #eheader #navSearchContainer #search {
        width: 86% !important;
        border-left: none;
        font-size: 13px
    }

    #eheader #navSearchContainer #quick-search-submit {
        width: 14%
    }

    #eheader #navSearchContainer #searchContainer {
        float: none;
        display: block;
        width: 100vw;
        position: absolute;
        top: 0;
        border-bottom: 1px solid #333
    }

    #eheader #navSearchContainer #quick-search.quickSearchWithMyPartBtn #search {
        width: 58% !important;
        font-size: 12px
    }

    #eheader #navSearchContainer #quick-search.quickSearchWithMyPartBtn #quick-search-submit {
        width: 21%;
        font-size: 12px;
        padding: 0 8px
    }

    #eheader #navSearchContainer #quick-search.quickSearchWithMyPartBtn .customer-part-number-btn {
        font-size: 12px;
        padding: 0 8px;
        width: 21%
    }

    #eheader #navSearchContainer .alt-menu > a {
        background-color: #333 !important;
        color: #eee !important
    }

    #eheader #navSearchContainer .newCartCount {
        right: -3px
    }

    #eheader div#navSearchContainer {
        min-width: 320px;
        width: 100vw;
        min-height: 41px;
        z-index: unset;
        background-color: #fff
    }

    #eheader #bulkOrderCartContainer #cartLink {
        position: absolute;
        color: #333;
        border: none;
        padding: 0;
        right: 15px;
        font-weight: 700;
        z-index: 12
    }

    #eheader #bulkOrderCartContainer #cartLink.serviceLinksSliderOpen {
        top: -126px
    }

    #eheader .appcues-widget-icon:after {
        line-height: 14px
    }

    #eheader #navSearchContainer .headerContainer .allProducts > a {
        color: #fff;
        background-color: transparent;
        font-family: Roboto, Arial, Helvetica, sans-serif !important
    }

    #eheader #navSearchContainer #quick-search-submit:after {
        font-family: graingerFont;
        content: "\e61a";
        font-weight: 400;
        font-size: 18px;
        color: #fff;
        line-height: 2
    }

    #eheader #navSearchContainer #cartLink, #eheader #navSearchContainer .allProducts > a, #eheader #navSearchContainer #show-bulk-order-link, #eheader #navSearchContainer #part-number-submit {
        color: #fff;
        font-family: Roboto, Arial, Helvetica, sans-serif !important
    }

    #eheader .serviceLinks > a:after, #eheader .allProducts > a:after, #eheader .bulkOrderBody > a:after, #eheader .serviceLinks a#show-bulk-order-link:after, #eheader .allProducts a#show-bulk-order-link:after, #eheader .bulkOrderBody a#show-bulk-order-link:after {
        font-family: graingerFont;
        content: "";
        color: #abb0b6 !important;
        font-size: 14px;
        font-weight: 400;
        margin: 0 0 0 2px
    }

    .homepage #eheader div#navSearchContainer {
        min-height: 143px
    }

    .homepage #eheader div#navSearchContainer .headerContainer .allProducts {
        display: block
    }

    .homepage #eheader div#navSearchContainer .headerContainer .allProducts .allProductsLink {
        z-index: 0
    }

    .homepage #eheader div#navSearchContainer .headerContainer #bulkOrderCartContainer {
        height: auto
    }

    .homepage #eheader div#navSearchContainer #bulkOrderCartContainer #bulk-order {
        visibility: visible
    }

    .homepage #eheader div#navSearchContainer .allProducts.alt-menu > .new-dropdown {
        width: 500px !important
    }

    .language-fr #eheader #headerContent .serviceHeaderLinks {
        margin-top: 0 !important;
        padding-bottom: 5px
    }

    .language-fr #eheader #headerContent .serviceHeaderLinks .serviceLinksRow2 {
        padding-bottom: 10px
    }

    .language-fr #eheader #headerContent .serviceHeaderLinks .serviceLinksRow1.loggedInServiceLinksRow1, .language-fr #eheader #headerContent .serviceHeaderLinks .serviceLinksRow2.loggedInServiceLinksRow2 {
        top: 10px
    }

    .language-fr #eheader #navSearchContainer #quick-search.quickSearchWithMyPartBtn #search {
        width: 43% !important;
        font-size: 12px
    }

    .language-fr #eheader #navSearchContainer #quick-search.quickSearchWithMyPartBtn #quick-search-submit {
        width: 24%;
        font-size: 12px;
        padding: 0 8px
    }

    .language-fr #eheader #navSearchContainer #quick-search.quickSearchWithMyPartBtn .customer-part-number-btn {
        font-size: 12px;
        padding: 0 8px;
        width: 33%
    }

    #autoComplete, #searchHistory {
        z-index: 11
    }

    #header-breadcrumb-container #user-actions #print-page {
        display: none
    }

    #miniCartDisplay {
        width: 92%;
        max-width: 400px;
        top: 7px;
        position: absolute;
        margin: -90px 15px
    }

    #miniCartDisplay:before {
        right: 10px;
        top: -24px
    }

    #miniCartDisplay .row {
        margin: 0
    }

    .miniCartPosition {
        margin-top: -130px !important
    }

    .miniCartPositionLginUser1 {
        margin-top: -10.5em !important
    }

    #customHeaderMessage {
        height: auto;
        padding: 10px 0 10px 0 !important
    }

    #customHeaderMessage .multi-account-switch-area {
        width: 100% !important
    }

    #customHeaderMessage .multi-account-switch-area .current-shipping-address-area {
        display: inline-table !important
    }

    #customHeaderMessage .multi-account-switch-area .current-shipping-address-area .selected-account-name-text {
        width: auto
    }

    #customHeaderMessage .multi-account-switch-area .current-shipping-address-area .selected-shipping-address-nickname {
        width: auto
    }

    #customHeaderMessage .multi-account-switch-area .current-shipping-address-area .selected-shipping-address {
        width: auto
    }

    #customHeaderMessage .multi-account-switch-area form {
        height: auto
    }

    #customHeaderMessage .multi-account-switch-area .account-switch-floating-window {
        top: 41px
    }

    #customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-search-area {
        position: relative
    }

    #customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-search-area .search-bar-icon {
        right: 30px;
        top: 10px;
        transform: none;
        -ms-transform: none
    }

    #customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area {
        -webkit-box-shadow: 0 8px 6px -6px #000;
        -moz-box-shadow: 0 8px 6px -6px #000;
        box-shadow: 0 8px 6px -6px #000
    }

    #customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .account-result-container .account-addresses-area {
        margin-left: 0
    }

    .multi-account-switch-area .account-result-container > * {
        width: 100% !important;
        display: block !important
    }

    .account-result-container .account-address-click-container {
        width: 100%;
        display: inline-table;
        align-items: center;
        align-content: center
    }

    .account-result-container .account-address-click-container .account-Nickname-container {
        width: 30% !important
    }

    .account-result-container .account-address-click-container .account-address-container {
        width: 70% !important
    }

    .compare-product, .desktopAllProductLink {
        display: none
    }

    .multi-account-switch-area .account-result-container .account-name-area-sticky {
        position: relative
    }

    #customHeaderMessage .multi-account-switch-area-heading {
        display: none
    }

    .desktop-credit-card-list {
        display: none !important
    }

    .credit-card-list {
        margin: 0 -6px;
        display: block;
        border-left: none !important;
        border-right: none !important
    }

    .credit-card-list:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0
    }

    .card-info {
        margin: 5px 0;
        display: block
    }

    .card-info:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0
    }

    .credit-card {
        padding: 6px;
        margin: 5px;
        border: 1px solid #d4d4d4;
        float: left;
        width: 48%
    }

    .credit-card:nth-child(2n) {
        clear: left
    }

    .card-info-title {
        width: 40%;
        font-weight: bold;
        float: left
    }

    .card-info-value {
        float: left;
        width: 60%;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .page-accountMgmt-paymentMethods .credit-card-list .edit-options {
        float: left !important
    }

    .mobile-credit-card-list-header {
        display: none !important
    }

    .language-fr #eheader #headerContent #elogo a img {
        padding: 0
    }

    #main-content .d-desktop {
        display: none
    }

    #main-content .d-tablet {
        display: block
    }

    #main-content .credit-card-list.mobile-credit-card-list {
        border-bottom: none;
        margin-bottom: 15px
    }

    #main-content .credit-card-list.mobile-credit-card-list div.credit-card {
        margin: 6px 5px;
        padding: 4px 0;
        position: relative
    }

    #main-content .credit-card-list.mobile-credit-card-list div.credit-card .card-remove-icon {
        position: absolute;
        top: 10px;
        right: 8px
    }

    #main-content .credit-card-list.mobile-credit-card-list div.credit-card .card-info {
        margin: 0;
        padding: 6px 3px 6px 8px
    }

    #main-content .credit-card-list.mobile-credit-card-list div.credit-card .cardActions .card-info-title {
        visibility: hidden
    }

    #main-content .credit-card-list.mobile-credit-card-list div.credit-card .card-info.nameOnCard .card-info-value {
        width: 52%
    }

    .desktopCardList {
        display: none
    }

    #content #actions-pending-orders-table .action.omsOrderTableSection .action-heading {
        margin-right: 5px;
        font-weight: 700;
        min-width: 25px;
        max-width: 25px;
        width: 11%;
        display: inline-block
    }

    #content #actions-pending-orders-table .action.omsOrderTableSection .action-by .od-user-name, #content #actions-pending-orders-table .action.omsOrderTableSection .action-to .od-user-name {
        width: 85%;
        word-break: break-word;
        display: block
    }

    #eheader #navSearchContainer #bulkOrderCartContainer #cartLink.onfocus {
        outline: 1px solid #00739e !important
    }

    #topRibbon #userAuthLinks .headerUserReginfo:focus-visible {
        outline: 1px solid #00739e !important
    }

    #headerContent #btnHamburger:focus-visible {
        outline: 1px solid #00739e !important
    }

    #headerContent .btnHamburgerWrapper #userAuthLinks {
        display: none
    }

    #eheader #headerContent .navHeaderButton {
        background-color: #000;
        z-index: 14
    }

    #eheader #headerContent .navHeaderButton .menu-icon-bar {
        background-color: #fff
    }

    #eheader #headerContent div.serviceHeaderLinks #gCustomerLinks > ul > li a, #eheader #headerContent div.serviceHeaderLinks .serviceLinksRow1 > ul > li a {
        color: #000 !important;
        font-weight: 700
    }

    #eheader #headerContent div.serviceHeaderLinks .mobileAllProductsContainer .allProducts a {
        color: #000
    }

    #eheader #bulkOrderCartContainer #cartLink {
        color: #fff
    }

    #eheader.newHeader #navSearchContainer #search {
        width: 86% !important
    }

    #eheader.newHeader #navSearchContainer #quick-search-submit {
        width: 14%
    }

    #eheader.newHeader #navSearchContainer #quick-search-submit:after {
        font-family: graingerFont;
        content: "\e61a";
        font-weight: 400;
        font-size: 18px;
        color: #fff;
        line-height: 2
    }

    #eheader.newHeader #navSearchContainer .headerContainer .allProducts > a {
        color: #fff;
        background-color: transparent;
        font-family: Roboto, Arial, Helvetica, sans-serif !important
    }

    #eheader.newHeader #navSearchContainer #cartLink, #eheader.newHeader #navSearchContainer .allProducts > a, #eheader.newHeader #navSearchContainer #show-bulk-order-link, #eheader.newHeader #navSearchContainer #part-number-submit {
        color: #fff;
        font-family: Roboto, Arial, Helvetica, sans-serif !important
    }

    #eheader.newHeader #navSearchContainer .serviceLinks > a:after, #eheader.newHeader #navSearchContainer .allProducts > a:after, #eheader.newHeader #navSearchContainer .bulkOrderBody > a:after, #eheader.newHeader #navSearchContainer .serviceLinks a#show-bulk-order-link:after, #eheader.newHeader #navSearchContainer .allProducts a#show-bulk-order-link:after, #eheader.newHeader #navSearchContainer .bulkOrderBody a#show-bulk-order-link:after {
        font-family: graingerFont;
        content: "";
        color: #abb0b6 !important;
        font-size: 14px;
        font-weight: 400;
        margin: 0 0 0 2px
    }

    #eheader.newHeader #navSearchContainer #bulkOrderCartContainer #bulk-order {
        z-index: 0
    }

    #eheader.newHeader div#headerContent #customCatalogSelectionArea {
        margin-left: 10px
    }

    #eheader.newHeader div#headerContent {
        min-height: 90px
    }

    #eheader.newHeader div#headerContent .headerContainer {
        display: block;
        position: static
    }

    #eheader.newHeader div#headerContent .headerContainer #elogo {
        text-align: center;
        display: flex;
        flex-direction: column-reverse;
        position: static
    }

    #eheader.newHeader #bulkOrderCartContainer #cartLink #quickCartText {
        display: none
    }

    #eheader.newHeader #headerContent .navbar-toggle {
        margin-top: 50px
    }

    #eheader.newHeader #headerContent .navHeaderButtonClose {
        margin-top: 0
    }

    #eheader.newHeader.ehederWithCustomCatalog #headerContent {
        min-height: 135px
    }

    #eheader.newHeader.ehederWithCustomCatalog #headerContent #customCatalogSelectionArea.styledSelect:after {
        font-size: 13px;
        right: 10px;
        top: 0;
        position: absolute
    }

    #eheader.newHeader.ehederWithCustomCatalog #headerContent #customCatalogSelectionArea {
        top: 95px;
        border: 1px solid #a9a9a9
    }

    #eheader.newHeader.ehederWithCustomCatalog #headerContent #customCatalogSelectionArea select {
        padding-left: 5px
    }

    .homepage #eheader.newHeader.ehederWithCustomCatalog div#navSearchContainer #bulkOrderCartContainer #miniCartDisplay {
        top: 28px
    }

    .page-accountMgmt-paymentMethods #eheader #navSearchContainer #bulkOrderCartContainer #bulk-order {
        display: none;
        visibility: visible
    }

    .fixedHeaderBody #container {
        position: relative
    }

    .fixedHeaderBody #leftColumn .allProducts {
        display: none
    }

    .fixedHeaderBody #eheader {
        display: inline-block
    }

    .fixedHeaderBody #eheader .headerBanner {
        top: 0;
        width: 100vw;
        position: fixed;
        display: inline-block;
        z-index: 0
    }

    .fixedHeaderBody #eheader .headerContainer {
        width: 100%
    }

    .fixedHeaderBody #eheader #navSearchContainer #bulkOrderCartContainer #bulk-order {
        display: none
    }

    .fixedHeaderBody #eheader #navSearchContainer #bulkOrderCartContainer #cartLink {
        position: fixed;
        top: 45px !important
    }

    .fixedHeaderBody #eheader #navSearchContainer #bulkOrderCartContainer #miniCartLinkForm {
        top: 36px;
        right: 0;
        position: fixed
    }

    .fixedHeaderBody #eheader.newHeader.ehederWithCustomCatalog #bulkOrderCartContainer #cartLink {
        top: 8px !important
    }

    .fixedHeaderBody #eheader.newHeader div#navSearchContainer #bulkOrderCartContainer #miniCartDisplay {
        top: 0 !important;
        margin-top: 85px !important;
        position: fixed
    }

    .fixedHeaderBody #eheader div#headerContent {
        position: static
    }

    .fixedHeaderBody div#navSearchContainer {
        top: 99px;
        position: fixed
    }

    .fixedHeaderBody #customHeaderMessage {
        z-index: -1;
        display: inline-block;
        position: relative
    }

    .fixedHeaderBody.homepage #eheader #navSearchContainer #bulkOrderCartContainer #bulk-order {
        display: inline-block
    }

    .fixedHeaderBody.homepage #eheader.newHeader.ehederWithCustomCatalog div#navSearchContainer #bulkOrderCartContainer #cartLink {
        top: 7 !important
    }

    #hamburgerBackdrop {
        z-index: 0;
        background-color: #000;
        bottom: 0;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        -moz-opacity: .3;
        -khtml-opacity: .3;
        -webkit-opacity: .3;
        opacity: .3;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
        filter: alpha(opacity=30)
    }

    #body-main.no-scroll-responsive {
        overflow: hidden !important;
        position: fixed !important;
        width: 100%
    }

    .backdropOpacity {
        opacity: .3;
        pointer-events: none
    }

    .page-checkoutOrderConfirmationPage #body-main {
        overflow-x: auto
    }

    #eheader #userAuthLinks #registerLink {
        display: none
    }

    #eheader #userAuthLinks .blueSignIn {
        margin-right: 10px
    }

    #eheader #userAuthLinks .blueSignIn #signInLink {
        line-height: 23px
    }

    #eheader #userAuthLinks .blueSignIn #signInLink:hover {
        text-decoration: none
    }

    #eheader .noShowLarge {
        position: absolute;
        right: 0;
        top: 0;
        margin-right: 4px
    }

    #eheader .noShowLarge .headerUserReginfo {
        line-height: 25px;
        margin-right: 0;
        font-size: 12px;
        font-weight: 700;
        padding-right: 0
    }

    #eheader .noShowLarge #logOffLink {
        font-size: 12px;
        font-weight: 700;
        padding-left: 5px
    }

    #eheader #authNav {
        position: absolute;
        left: 0;
        top: 0
    }

    #eheader #authNav ul li:nth-child(2), #eheader #authNav ul li:nth-child(3) {
        display: none
    }

    #eheader #authNav .my-account {
        font-weight: 700
    }

    .appcues-widget-dropdown.appcues-widget-fixed {
        left: 0 !important;
        margin-left: 12px !important
    }

    .appcues-widget-dropdown.appcues-widget-bottom-left:before, .appcues-widget-dropdown.appcues-widget-bottom-left:after {
        left: 54px !important;
        right: 0 !important
    }

    .appcues-widget-dropdown.appcues-widget-bottom-left:before {
        border-width: 12px !important
    }

    .appcues-widget-dropdown.appcues-widget-bottom-left:after {
        margin-left: 2px !important
    }

    .page-cartPage #eheader #navSearchContainer #bulkOrderCartContainer {
        display: flex;
        top: -40px;
        right: 10px;
        position: absolute
    }
}

@media only screen and (max-width: 540px) and (orientation: portrait) {
    #eheader #topRibbon #authNav {
        float: right;
        padding-right: 10px
    }

    .compare-product {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    #eheader #topRibbon {
        height: 31px;
        padding: 3px 10px 3px 5px
    }

    #eheader #topRibbon #authNav {
        float: left;
        margin-left: 5px;
        font-size: 12px
    }

    #eheader #topRibbon #authNav div {
        float: none
    }

    #eheader #topRibbon #authNav ul {
        float: none
    }

    #eheader #topRibbon #authNav li {
        float: none
    }

    #eheader #topRibbon #authNav > div ul li:before {
        display: none
    }

    #eheader #topRibbon #authNav > div:before {
        display: none
    }

    #eheader #topRibbon #authNav .ribbonNav1 .ribbonItemNav:nth-child(1) {
        display: block;
        padding-top: 5px
    }

    #eheader #topRibbon #authNav .ribbonNav1 .ribbonItemNav:nth-child(2) {
        display: none
    }

    #eheader #topRibbon #authNav .ribbonNav2, #eheader #topRibbon #authNav .omsLeftNavTag {
        display: none
    }

    #eheader #topRibbon #userAuthLinks {
        padding: 0 5px 0 0
    }

    #eheader #topRibbon #userAuthLinks ul li {
        line-height: 2 !important
    }

    #eheader #topRibbon #userAuthLinks ul li.registerLinkItem:before {
        display: none
    }

    #eheader #topRibbon #userAuthLinks ul li.headerUserReginfo {
        width: 85px
    }

    #eheader #userAuthLinks #registerLink {
        display: none
    }

    #eheader #userAuthLinks .blueSignIn #signInLink {
        font-size: 12px;
        font-weight: 700
    }

    #miniCartDisplay .mini-product {
        width: 60%
    }

    #miniCartDisplay .mini-price {
        width: 30%;
        word-break: break-word
    }

    #miniCartDisplay .mini-desc {
        width: 45%
    }

    #miniCartDisplay .mini-price {
        width: 30%
    }

    .compare-product {
        display: none
    }

    #customHeaderMessage .multi-account-switch-area .current-shipping-address-area .selected-account-name-text {
        width: 45%;
        margin-left: 3px
    }

    #customHeaderMessage .multi-account-switch-area .current-shipping-address-area .selected-shipping-address-nickname {
        width: 45%;
        margin-left: 3px
    }

    #customHeaderMessage .multi-account-switch-area .current-shipping-address-area .selected-shipping-address {
        width: 100%;
        border-left: none;
        border-top: 1px solid #ddd
    }

    #customHeaderMessage .multi-account-switch-area .current-shipping-address-area .selected-shipping-address span {
        padding-left: 30px
    }

    #customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area {
        -webkit-box-shadow: 0 8px 6px -6px #000;
        -moz-box-shadow: 0 8px 6px -6px #000;
        box-shadow: 0 8px 6px -6px #000
    }

    #customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .account-result-container .account-addresses-area {
        margin-left: 0
    }

    #customHeaderMessage .multi-account-switch-area .account-switch-floating-window .account-switch-results-area .account-result-container .account-addresses-area .account-address-click-container.currentDefault .account-address-entry {
        width: 91%
    }

    #eheader.ehederWithCustomCatalog #headerContent {
        min-height: 140px
    }

    #eheader.ehederWithCustomCatalog #headerContent #customCatalogSelectionArea {
        width: 93vw;
        max-width: 100vw;
        position: absolute;
        left: 0;
        margin: 0;
        top: 90px;
        border: 1px solid #333
    }

    #eheader.ehederWithCustomCatalog #headerContent #customCatalogSelectionArea select {
        max-width: 100%;
        width: 100% !important;
        padding-left: 5px;
        border: none
    }

    #eheader.ehederWithCustomCatalog #headerContent #customCatalogSelectionArea.styledSelect:after {
        font-size: 13px;
        right: 10px;
        top: 0
    }

    #eheader.ehederWithCustomCatalog #headerContent #customCatalogTitle {
        left: 0;
        top: 74px !important;
        position: absolute;
        margin-left: 10px
    }

    .homepage #eheader.ehederWithCustomCatalog div#navSearchContainer #bulkOrderCartContainer #cartLink {
        top: -238px
    }

    #autoComplete.alt-width, #searchHistory.alt-width {
        width: 100% !important
    }

    #autoComplete .dropdown-menu.autocomplete, #searchHistory .dropdown-menu.autocomplete {
        width: 100% !important
    }

    #autoComplete .flyout, #searchHistory .flyout {
        display: none
    }

    #content #actions-pending-orders-table .action {
        width: 100%;
        margin: 0 0 10px 0;
        border: 1px solid #d4d4d4
    }

    #content #actions-pending-orders-table .action:nth-child(2n) {
        margin-right: 0
    }

    #content #actions-pending-orders-table .action:nth-child(2n+1) {
        margin-right: 2%
    }

    #content #actions-pending-orders-table .action .omsOrderTableCol {
        margin: 4px 0;
        max-height: 100% !important
    }

    #content #actions-pending-orders-table .action .action-row > * {
        width: 50%;
        float: left;
        display: -webkit-inline-box
    }

    #content #actions-pending-orders-table .action .action-heading {
        margin-right: 5px;
        font-weight: 700;
        min-width: 25px;
        display: inline-block
    }

    #content #actions-pending-orders-table .action .action-type, #content #actions-pending-orders-table .action .action-date, #content #actions-pending-orders-table .action .action-comments {
        padding: 6px 3px 6px 8px
    }

    #content #actions-pending-orders-table .action .action-by, #content #actions-pending-orders-table .action .action-to {
        padding: 6px 3px 6px 0
    }

    #content #actions-pending-orders-table .action .action-by .od-user-name, #content #actions-pending-orders-table .action .action-to .od-user-name {
        width: auto;
        word-break: break-word;
        display: inline-block
    }

    #my-account-nav.acc-menu {
        position: relative;
        width: 100%;
        padding: 0;
        margin: 12px 0 20px
    }

    #my-account-nav.acc-menu .side-nav-header {
        transform: translateY(0%);
        transition-delay: 0s, 0s, 0.3s;
        opacity: 1;
        margin-bottom: 0;
        margin-top: 10px;
        border: 1px solid #ddd;
        color: #333;
        font-size: 16px;
        font-weight: 700;
        background: none
    }

    #my-account-nav.acc-menu .side-nav-header:after {
        color: #666 !important;
        font-size: 9px !important;
        margin-top: 5px
    }

    #my-account-nav.acc-menu #side-nav {
        width: 100%;
        transform: translateY(0);
        transition: all .3s ease-in-out 0s, visibility 0s linear .3s, z-index 0s linear .01s;
        background: #fff;
        height: 230px;
        border: 2px solid #ddd;
        padding-bottom: 10px;
        overflow-y: auto;
        padding: 0 10px
    }

    #my-account-nav.acc-menu #side-nav .userAccountSummary {
        display: none
    }

    #my-account-nav.acc-menu #side-nav ul li a {
        padding: 7px 0;
        display: block;
        color: #29333b
    }

    #my-account-nav.acc-menu .userAccountSummary {
        margin-bottom: 5px;
        margin-top: 5px
    }

    #my-account-nav.acc-menu p {
        border: none !important;
        margin-top: 10px
    }

    #my-account-nav.acc-menu p:after {
        font-family: none !important;
        content: none !important
    }

    #my-account-nav.acc-menu ul {
        margin: 0;
        padding-left: 20px
    }

    #my-account-nav.acc-menu .mb-nav-header a {
        color: #333;
        font-size: 16px;
        font-weight: 700;
        text-decoration: none
    }

    .my-account-nav-denied {
        padding: 0 15px !important
    }

    .my-account-nav-ohPage {
        border: none !important
    }

    .my-account-nav-ohPage .category-closed {
        background: none !important;
        padding: 0 !important
    }

    .my-account-nav-ohPage ul li a {
        font-weight: 100
    }

    .miniCartPositionLginUser {
        margin-top: -16.5em !important
    }

    .miniCartPositionLginUser1 {
        margin-top: -10.5em !important
    }

    .miniCartPositionLginUserl1 {
        margin-top: -13em !important
    }

    #main-content .credit-card-list.mobile-credit-card-list div.credit-card .card-info .card-info-value .edit-options .currentDefault {
        width: auto
    }

    #eheader.newHeader.ehederWithCustomCatalog #headerContent #customCatalogSelectionArea {
        border: 1px solid #a9a9a9
    }

    #eheader.newHeader.ehederWithCustomCatalog #headerContent #customCatalogSelectionArea select {
        padding-left: 5px;
        width: 100% !important;
        max-width: 100% !important
    }

    #eheader.newHeader.ehederWithCustomCatalog #headerContent #customCatalogSelectionArea.styledSelect:after {
        font-size: 13px;
        right: 10px;
        top: 1px
    }

    #eheader.newHeader div#headerContent .headerContainer #elogo {
        margin-left: 28vw
    }

    #eheader.newHeader div#headerContent .headerContainer .logoWithCatalogue {
        margin-top: 32px !important
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    #autoComplete .flyout .info, #searchHistory .flyout .info {
        height: 85px
    }

    #eheader div#headerContent #customCatalogTitle {
        left: 238px !important;
        position: absolute;
        margin: 0;
        top: 9px !important
    }

    #eheader div#headerContent #customCatalogSelectionArea {
        left: 0 !important;
        position: absolute;
        margin: 0;
        top: 25px
    }

    #customHeaderMessage .multi-account-switch-area-heading {
        display: block;
        float: left !important;
        padding-left: 5px !important
    }

    #customHeaderMessage .multi-account-switch-area .current-shipping-address-area .selected-account-name-text {
        min-width: 30%
    }

    #customHeaderMessage .multi-account-switch-area .current-shipping-address-area .selected-shipping-address-nickname {
        min-width: 23%
    }

    #customHeaderMessage .multi-account-switch-area .current-shipping-address-area .selected-shipping-address {
        min-width: 33%
    }

    #autoComplete .alt-width, #searchHistory .alt-width {
        width: 100% !important
    }

    #autoComplete .dropdown-menu.autocomplete, #searchHistory .dropdown-menu.autocomplete {
        width: 35% !important
    }

    #autoComplete .flyout, #searchHistory .flyout {
        width: 51%
    }

    #autoComplete .flyout .info .item-name, #searchHistory .flyout .info .item-name {
        width: 150px
    }

    #content #actions-pending-orders-table .action {
        float: left;
        width: 49%;
        margin: 0 0 10px 0;
        border: 1px solid #d4d4d4
    }

    #content #actions-pending-orders-table .action:nth-child(2n) {
        margin-right: 0
    }

    #content #actions-pending-orders-table .action:nth-child(2n+1) {
        margin-right: 2%
    }

    #content #actions-pending-orders-table .action .omsOrderTableCol {
        margin: 4px 0;
        display: inline-table
    }

    #content #actions-pending-orders-table .action .action-row > * {
        width: 50%;
        float: left;
        display: -webkit-inline-box
    }

    #content #actions-pending-orders-table .action .action-heading {
        margin-right: 5px;
        font-weight: 700
    }

    #content #actions-pending-orders-table .action .action-type, #content #actions-pending-orders-table .action .action-date, #content #actions-pending-orders-table .action .action-comments {
        padding: 6px 3px 6px 8px
    }

    #content #actions-pending-orders-table .action .action-by, #content #actions-pending-orders-table .action .action-to {
        padding: 6px 6px 6px 0
    }

    #miniCartDisplay .alt .mini-product {
        width: 65%
    }

    .miniCartPositionLginUser {
        margin-top: -10.5em !important
    }

    .language-fr #authNav {
        height: 31px
    }

    .language-fr #authNav .ribbonNav1 li:nth-child(2) {
        width: 95px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .language-fr #authNav .omsLeftNavTag li:nth-child(1) {
        width: 95px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .language-fr #authNav .omsLeftNavTag .fr-res-count {
        display: inline !important;
        top: -12px;
        position: relative;
        padding: 0 !important
    }

    .language-fr #authNav .omsLeftNavTag .fr-res-hide {
        display: none !important
    }

    .language-fr #authNav .omsLeftNavTag .ribbonItemNav a {
        padding: 0;
        width: 95px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        line-height: 2;
        padding-right: 0 !important
    }

    .language-fr #autoComplete .flyout .info .item-name {
        width: 130px;
        padding: 0;
        margin: 0 5px
    }

    .language-fr #autoComplete .flyout .info .addToCart {
        padding: 9px 5px
    }

    #main-content .credit-card-list.mobile-credit-card-list div.credit-card .card-info .card-info-value .edit-options .currentDefault {
        float: left;
        width: auto;
        max-width: 105px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    #eheader.newHeader div#headerContent.customCatalogHeader {
        min-height: 115px !important
    }

    #eheader.newHeader div#headerContent.customCatalogHeader .headerContainer #elogo {
        margin: 8px 0 0;
        left: 38px
    }

    #eheader.newHeader div#headerContent.customCatalogHeader #customCatalogSelectionArea {
        margin: 0;
        top: 65px;
        margin-left: 37%
    }

    #eheader.newHeader div#headerContent.customCatalogHeader div#navSearchContainer {
        margin-top: 35px
    }

    #eheader.newHeader #headerContent .navbar-toggle {
        margin-top: 40px
    }

    #eheader.newHeader #topRibbon #authNav {
        padding-left: 15px
    }

    #eheader.newHeader #userAuthLinks .blueSignIn {
        margin-right: 20px;
        font-size: 12px
    }

    #eheader.customCatalogHeader {
        min-height: 110px !important
    }

    #eheader div#headerContent {
        min-height: 85px !important
    }

    .page-pending-order-detail .fixedHeaderBody #eheader #navSearchContainer #bulkOrderCartContainer #miniCartLinkForm {
        display: contents !important
    }

    .page-pending-order-detail #approvalDecisionForm .styledSelect select {
        max-width: 100%
    }
}

@media only screen and (min-width: 1025px) {
    .mobileAllProductsContainer, .mobileAllProductLink {
        display: none
    }

    .desktopAllProductLink {
        display: inline
    }

    .card-info {
        display: inline-block;
        padding: 10px 0 10px 10px
    }

    .card-info-title {
        display: none
    }

    .credit-card:nth-child(even) {
        background: #FFF
    }

    .credit-card:nth-child(odd) {
        background: #CCC
    }

    .credit-card .nameOnCard {
        width: 153px
    }

    .credit-card .cardNumber {
        width: 14%
    }

    .credit-card .cardType {
        width: 8%
    }

    .credit-card .cardAddress {
        width: 25%
    }

    .credit-card .cardExpiry {
        width: 10%;
        margin-left: 20px
    }

    .credit-card .cardActions {
        width: 20%
    }

    .mobile-credit-card-list-header {
        margin-bottom: 0
    }

    .paymentInfoAddress {
        text-align: center
    }

    .paymentInfoExpiry {
        text-align: center
    }

    .language-fr .credit-card .cardActions {
        width: 23%
    }

    .language-fr .credit-card .cardExpiry {
        width: 8%
    }

    #main-content section.paymentMethods .credit-card {
        border-top: 1px solid #ccc
    }

    #main-content section.paymentMethods .credit-card:nth-child(odd) {
        background: none
    }

    #main-content section.paymentMethods .credit-card .card-info {
        padding: 10px 0
    }

    #main-content section.paymentMethods .credit-card .card-info:first-child {
        padding-left: 10px
    }

    #main-content section.paymentMethods .credit-card .card-info:nth-child(3) {
        padding: 0
    }

    #main-content section.paymentMethods .credit-card .nameOnCard {
        width: 18%
    }

    #main-content section.paymentMethods .credit-card .cardNumber {
        width: 12%
    }

    #main-content section.paymentMethods .credit-card .cardType {
        width: 10%
    }

    #main-content section.paymentMethods .credit-card .cardAddress {
        width: 25%
    }

    #main-content section.paymentMethods .credit-card .cardExpiry {
        width: 10%;
        margin-left: 0
    }

    #main-content section.paymentMethods .credit-card .cardActions {
        width: 23%;
        text-align: right
    }

    #main-content section.paymentMethods .list-details-information h5 {
        margin-top: 20px
    }

    #main-content section.paymentMethods .paymentInfoAddress, #main-content section.paymentMethods .paymentInfoExpiry {
        text-align: left;
        padding-left: 12px
    }

    #main-content section.paymentMethods .paymentInfoColumn3 {
        padding-left: 20px
    }

    #main-content section.paymentMethods .d-desktop {
        display: block;
        margin-bottom: -10px
    }

    #main-content section.paymentMethods .d-tablet {
        display: none
    }

    #main-content section.paymentMethods .modal-content {
        text-align: left
    }

    .mobileCardList {
        display: none
    }

    .page-denied-order-detail #cart-details:after {
        clear: none
    }

    .page-denied-order-detail .cart-summary-area.payment {
        margin-bottom: 0
    }

    .one-col-width {
        width: 250px !important
    }

    .two-col-width {
        width: 500px !important
    }

    .three-col-width {
        width: 750px !important
    }

    div#headerContent .noShowLarge {
        display: none
    }
}

@media only screen and (max-width: 1160px) {
    #autoComplete .flyout, #searchHistory .flyout {
        width: 385px !important;
        overflow: auto
    }

    #autoComplete .flyout .info .item-name, #searchHistory .flyout .info .item-name {
        width: 133px;
        padding: 5px
    }

    #autoComplete.alt-width, #searchHistory.alt-width {
        width: 767px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    #autoComplete .flyout, #searchHistory .flyout {
        width: 46%
    }

    #autoComplete .flyout .info .item-name, #searchHistory .flyout .info .item-name {
        width: 145px;
        line-height: 1.5;
        padding: 7px
    }

    #autoComplete .flyout .brandResult, #searchHistory .flyout .brandResult {
        overflow: auto;
        height: 340px
    }

    .fixedHeaderBody #eheader #navSearchContainer #bulkOrderCartContainer #cartLink {
        margin-right: 8px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    #autoComplete .flyout, #searchHistory .flyout {
        width: 56%
    }

    #autoComplete .flyout .brandResult, #searchHistory .flyout .brandResult {
        overflow: auto;
        height: 340px
    }

    .fixedHeaderBody #eheader #navSearchContainer #bulkOrderCartContainer #cartLink {
        margin-right: 8px
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
    #eheader #userAuthLinks #logOffLink {
        padding-right: 33px
    }

    #eheader div#headerContent #customCatalogSelectionArea {
        left: 39vw !important
    }

    #eheader #elogo {
        left: 70px !important
    }

    .fixedHeaderBody #eheader #navSearchContainer #bulkOrderCartContainer #cartLink {
        margin-right: 8px
    }
}

@media only screen and (min-width: 820px) and (max-width: 1024px) and (orientation: portrait) {
    #eheader #userAuthLinks #logOffLink {
        padding-right: 33px
    }

    #eheader div#headerContent #customCatalogSelectionArea {
        left: 36vw
    }

    #eheader #elogo {
        left: 43px
    }

    .fixedHeaderBody #eheader #navSearchContainer #bulkOrderCartContainer #cartLink {
        margin-right: 8px
    }
}

@media only screen and (max-width: 375px) {
    .credit-card {
        width: 97%
    }

    .credit-card .mobileDeleteCardModal {
        width: 97%;
        left: 1%;
        margin-left: 0
    }

    body[class^="page-accountMgmt"] #eheader.ehederWithCustomCatalog #headerContent {
        min-height: 125px
    }

    body[class^="page-accountMgmt"] #eheader.ehederWithCustomCatalog #bulkOrderCartContainer #cartLink {
        top: -125px !important
    }

    body[class^="page-accountMgmt"] content-title-container {
        margin-top: 20px
    }

    #miniCartDisplay #miniCartContent {
        max-height: 235px
    }

    #content #actions-pending-orders-table .action.omsOrderTableSection .action-by .od-user-name, #content #actions-pending-orders-table .action.omsOrderTableSection .action-to .od-user-name {
        width: 80%
    }
}

@media only screen and (min-width: 376px) and (max-width: 767px) {
    .credit-card {
        width: 97%
    }
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    body[class^="page-accountMgmt"] #eheader.ehederWithCustomCatalog #headerContent {
        min-height: 125px
    }

    body[class^="page-accountMgmt"] #eheader.ehederWithCustomCatalog #bulkOrderCartContainer #cartLink {
        top: -125px !important
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1140px) {
    #main-content section.paymentMethods .credit-card .nameOnCard {
        width: 15%
    }

    #main-content section.paymentMethods .credit-card .cardActions {
        width: 25%
    }

    #main-content section.paymentMethods .credit-card .cardActions .edit-options {
        margin-right: -1px
    }

    #main-content section.paymentMethods .paymentInfoColumn6 {
        padding-right: 50px
    }
}

@media only screen and (min-width: 320px) {
    #navSearchContainer #bulkOrderCartContainer #miniCartDisplay .minicart-item-number {
        font-weight: 700;
        color: #333
    }

    #main-content .productDescription .cart-item-number {
        font-weight: 700;
        color: #333
    }

    #main-content .productDescription .productMFR .productInfoValueList {
        font-weight: 700;
        color: #333
    }

    #main-content h1 {
        font-size: 30px !important
    }

    #main-content.acc-page .editOrderListNameDiv .listNameDisplayText {
        font-size: 30px !important
    }

    #content .search-result-message h1 {
        font-size: 30px !important
    }

    #content #orderDetailsMainContentLeft h1 {
        font-size: 30px !important
    }

    #content #order-heading-page-title h1 {
        font-size: 30px !important
    }
}

@media only screen and (max-width: 850px) and (orientation: landscape) {
    #miniCartDisplay {
        max-height: 235px
    }

    #miniCartDisplay #miniCartContent {
        max-height: 130px
    }

    #miniCartDisplay .row.footer {
        padding: 10px
    }

    #miniCartDisplay .mini-subtotal {
        line-height: normal;
        padding: 9px 0 7px;
        display: inline-block;
        float: left
    }

    #miniCartDisplay .viewCartDiv {
        float: right;
        top: 2px;
        position: relative;
        display: inline-block
    }

    #miniCartDisplay .header .col {
        padding: 12px 0
    }

    #miniCartDisplay .btnPrimary {
        padding: 11px 30px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (-webkit-max-device-pixel-ratio: 1) {
    #topRibbon.signedIn #userAuthLinks #logOffLink {
        line-height: 2.5
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    #topRibbon.signedIn #userAuthLinks #logOffLink {
        line-height: 2.5
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
    #eheader .newHeader div#headerContent .customCatalogHeader #customCatalogSelectionArea {
        margin-left: 39%
    }
}

@media only screen and (min-width: 800px) and (max-width: 1280px) {
    .nullSearchContainer .prodRecCarouselDiv {
        padding: 0 20px
    }
}

@media only screen and (max-width: 541px) {
    #eheader.newHeader div#headerContent .headerContainer #elogo {
        margin-left: 0
    }
}

@media only screen and (max-width: 480px) {
    #eheader.newHeader div#headerContent .headerContainer #elogo {
        margin-left: 1%
    }
}

@media only screen and (max-width: 767px) {
    [for="bulkorderQuantity"] #bopContainer #bopLineItemLeft [name="productQuantity"] {
        width: 50px
    }

    [for="bulkorderItem"] #bopContainer #bopLineItemLeft [name="productItemNumber"] {
        width: 120px
    }

    #bopContainer p, #bopContainer h4, #bopContainer span {
        padding-left: 5px
    }

    #bopContainer #bopLineItemLeft table input {
        max-width: 120px
    }

    .td-padding-right {
        padding-right: 10px !important
    }

    #bopPageLineByLineTable th {
        padding-left: 10px !important;
        padding-right: 0 !important
    }

    #bopPageLineByLineTable td:nth-child(3), #bopPageLineByLineTable td:nth-child(4), #bopPageLineByLineTable td:nth-child(5), #bopPageLineByLineTable td:nth-child(6), #bopPageLineByLineTable td:nth-child(7), #bopPageLineByLineTable td:nth-child(8), #bopPageLineByLineTable th:nth-child(3), #bopPageLineByLineTable th:nth-child(4), #bopPageLineByLineTable th:nth-child(5), #bopPageLineByLineTable th:nth-child(6), #bopPageLineByLineTable th:nth-child(7), #bopPageLineByLineTable th:nth-child(8) {
        display: none !important
    }

    #addMorelinesLink {
        float: left;
        position: unset;
        right: 0
    }

    .commerce {
        padding-top: 35px
    }

    #modal-bulkCopyPasteArea {
        max-width: 100%;
        width: 100%
    }

    .placeHolder {
        line-height: 2;
        margin-left: 0
    }

    .bulkOrderBody #bopContainer p, .bulkOrderBody #bopContainer h4, .bulkOrderBody #bopContainer span {
        padding-left: 0
    }

    .bulkOrderBody #bopContainer #bopLineItemLeft th {
        padding: 0 !important;
        font-size: 12px;
        margin-bottom: -5px
    }

    .bulkOrderBody #bopContainer #bopLineItemLeft td.productItemNum {
        width: 77%;
        margin-right: 4%
    }

    .bulkOrderBody #bopContainer #bopLineItemLeft td.productItemNum input {
        width: 100%;
        max-width: 100%
    }

    .bulkOrderBody #bopContainer #bopLineItemLeft th.bulkOrderItem {
        width: 77%;
        margin-right: 4%
    }

    .bulkOrderBody #bopContainer #bopLineItemLeft td.productQty {
        width: 19%;
        margin-right: 0;
        padding-right: 0 !important
    }

    .bulkOrderBody #bopContainer #bopLineItemLeft td.productQty input {
        width: 100%;
        max-width: 100%
    }

    .bulkOrderBody #bopContainer #bopLineItemLeft th.bulkOrderQty {
        width: 19%;
        margin-right: 0;
        padding-right: 0 !important
    }

    .bulkOrderBody #bopContainer #bopPageLineByLineTable {
        margin-bottom: 0
    }

    .bulkOrderBody #bopContainer #addMorelinesLink {
        font-size: 12px;
        width: 100%;
        float: right;
        text-align: right;
        margin-top: 3px;
        display: inline-block;
        text-decoration: none !important
    }

    .bulkOrderBody #bopContainer .btnPrimary {
        float: left;
        width: 48%;
        margin-top: 15px
    }

    .bulkOrderBody #bopContainer .cancel {
        width: 48%;
        margin-top: 15px;
        float: left
    }

    .bulkOrderBody #bopContainer .btn-mb {
        margin-bottom: 10px;
        width: 46%;
        margin-top: 12px;
        float: right
    }

    .bulkOrderBody #bopContainer span.placeHolder {
        padding-left: 10px;
        line-height: 20px;
        display: inline-block
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    #bopPageLineByLineTable {
        max-width: 860px;
        overflow-x: auto;
        width: 855px !important
    }

    #addMorelinesLink {
        float: left;
        position: unset;
        right: 0
    }

    .commerce {
        padding-top: 35px
    }

    .bulkOrderBody #addMorelinesLink {
        padding-top: 0;
        float: left;
        left: 635px;
        position: relative;
        font-size: 12px
    }

    .bulkOrderBody .button {
        padding-top: 0;
        float: left;
        left: -94px;
        position: relative
    }

    .bulkOrderBody .bopCopyPaste .button {
        left: 0
    }

    .bulkOrderBody #bopContainer #bopLineItemLeft [for="bulkorderItem"] {
        width: 99px
    }

    .bulkOrderBody #bopContainer #bopLineItemLeft [name="productItemNumber"] {
        width: 98px
    }
}

@media only screen and (min-width: 320px) {
    #header-breadcrumb-container h1 {
        font-size: 30px !important
    }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
    #branchLandingPageMain {
        display: flex;
        flex-direction: column
    }

    #branch-map-inline {
        width: 100% !important
    }

    .nearbyBranchesTable tbody tr {
        display: flex;
        flex-direction: column
    }

    #selectedBranchDetailsContainer {
        width: 100% !important
    }
}

@media only screen and (max-width: 767px) {
    #branchHeader {
        padding-left: 10px !important
    }

    #selectedBranchDetailsContainer {
        width: 100% !important;
        padding-left: 10px
    }

    #branch-map-inline {
        width: 100% !important;
        height: 285px !important;
        margin-bottom: 10px !important;
        float: left
    }

    .branchAddress {
        display: block;
        white-space: nowrap;
        width: 20em;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-top: 8px
    }

    #nearbyBranchesListContainer h2 {
        padding-top: 5px
    }

    #nearbyBranchesListContainer table tr td {
        width: 100% !important
    }

    #nearbyBranchesListContainer .branch-distance {
        padding: 5px 5px 5px 47px !important;
        width: 100% !important;
        border-top: 1px solid #ccc !important
    }

    #infowindowTable td:nth-child(1), #infowindowTable td:nth-child(2) {
        display: block;
        padding-left: 10px
    }

    #infowindowTable tr .td-half-width2 br {
        display: none !important
    }

    .branchHoursTable {
        margin-bottom: 2px
    }

    .branchHoursTable td:nth-child(2) {
        display: none !important
    }

    .getDirectionsLink {
        display: block
    }

    .checkout-nearby-branches {
        padding-left: 5px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    #branchHeader {
        padding-left: 10px !important
    }

    #selectedBranchDetailsContainer {
        width: 100% !important;
        padding-left: 10px
    }

    #branch-map-inline {
        width: 100% !important;
        height: 285px !important;
        margin-bottom: 10px !important;
        float: left
    }

    #nearbyBranchesListContainer h2 {
        padding-top: 5px
    }

    #nearbyBranchesListContainer table tr td {
        width: 75% !important;
        vertical-align: inherit
    }

    #nearbyBranchesListContainer .branch-distance {
        padding: 5px 5px 5px 47px !important;
        width: 100% !important;
        border-top: 1px solid #ccc !important;
        text-align: right
    }

    #nearbyBranchesListContainer .branch-distance span {
        margin-bottom: 8px
    }

    #infowindowTable td:nth-child(1), #infowindowTable td:nth-child(2) {
        display: block;
        padding-left: 10px
    }

    #infowindowTable tr .td-half-width2 br {
        display: none !important
    }

    .branchHoursTable {
        margin-bottom: 2px
    }

    .branchHoursTable td:nth-child(2) {
        display: none !important
    }

    .gm-style .gm-style-iw-c {
        max-width: 300px !important
    }

    .getDirectionsLink {
        display: block
    }

    .checkout-nearby-branches {
        padding-left: 5px
    }
}

@media only screen and (max-width: 370px) {
    .branchAddress {
        width: 15em !important
    }
}

@media only screen and (max-width: 1024px) {
    .atcModal-adobe-carousel-container {
        margin-top: 0
    }

    div.adobe-carousel-container .jcarousel, .atcModal-adobe-carousel-container .jcarousel {
        width: 100% !important;
        margin: auto
    }

    div.adobe-carousel-container .recsContent div.jcarousel ul, .atcModal-adobe-carousel-container .recsContent div.jcarousel ul {
        width: 100% !important
    }

    div.adobe-carousel-container .recsContent li.activeItems, .atcModal-adobe-carousel-container .recsContent li.activeItems {
        margin: 0 !important
    }

    div.adobe-carousel-container h2.productSection, .atcModal-adobe-carousel-container h2.productSection {
        font-size: 16px
    }

    #main-content .adobeListItemContainer .recsProdPrice {
        width: auto
    }

    div:lang(fr) .prodRecCarouselDiv .adobe-carousel-container .jcarousel ul {
        left: 0
    }

    .atcModal-adobe-carousel-container.newATCCarouselDiv h2.productSection {
        font-size: 14px
    }

    .atcModal-adobe-carousel-container.newATCCarouselDiv .recsContent.atcRectContent .jcarousel {
        padding: 0 30px !important
    }

    div.adobe-carousel-container div.recsContent li.activeItems {
        padding: 20px
    }

    div.adobe-vertical-carousel-container .verticalRecsContent li {
        padding: 20px;
        border: 1px solid #e9e9e9
    }

    div.adobe-vertical-carousel-container .verticalRecsContent .recsProductImage {
        width: auto;
        min-width: 56px
    }

    div.adobe-vertical-carousel-container .verticalRecsContent .recsProductImage img {
        width: 100%;
        max-width: 100%;
        height: auto !important
    }

    div.adobe-vertical-carousel-container .verticalRecsContent .recsProductBrand, div.adobe-vertical-carousel-container .verticalRecsContent .recsProductName, div.adobe-vertical-carousel-container .verticalRecsContent .recsProductSKU {
        padding-left: 0;
        margin-left: 67px;
        display: flex
    }

    div.adobe-vertical-carousel-container .verticalRecsContent .recsProdPrice, div.adobe-vertical-carousel-container .verticalRecsContent .listPrice {
        padding-left: 0;
        margin-left: 67px;
        padding-left: 3px
    }

    div.adobe-vertical-carousel-container .verticalRecsContent .recsProductBtn input.recommedProductQty {
        width: 20%;
        min-width: 56px;
        max-width: 56px;
        margin-right: 12px
    }

    div.adobe-vertical-carousel-container .verticalRecsContent .recsProductBtn .btn {
        width: 80%
    }

    div.adobe-vertical-carousel-container .verticalRecsContent .floating-labels.show-labels label.prodRecCarouselQty {
        left: 14px
    }
}

@media only screen and (max-width: 419px) {
    .prodRecCarouselDiv div.adobe-carousel-container .recsContent li.activeItems {
        width: 100% !important;
        margin: 0 !important;
        min-height: 200px
    }

    .atcModal-adobe-carousel-container .recsContent li.activeItems {
        width: 100% !important
    }

    .atcModal-adobe-carousel-container.newATCCarouselDiv .recsContent.atcRectContent .jcarousel {
        padding: 0 34px !important
    }

    .atcModal-adobe-carousel-container.newATCCarouselDiv .recsContent.atcRectContent .jcarousel li.activeItems {
        margin: 0 !important
    }
}

@media only screen and (min-width: 420px) and (max-width: 599px) {
    .page-homepage #main-content div#rightColumn-responsive .content .recsContent li {
        height: auto !important;
        width: 50% !important
    }

    .prodRecCarouselDiv div.adobe-carousel-container .recsContent li.activeItems {
        width: 50% !important
    }

    .atcModal-adobe-carousel-container .recsContent li.activeItems {
        width: 50% !important
    }
}

@media only screen and (min-width: 600px) and (max-width: 799px) {
    div.prodRecCarouselDiv div.adobe-carousel-container .recsContent li.activeItems {
        width: 33.33% !important
    }

    .atcModal-adobe-carousel-container .recsContent li.activeItems {
        width: 33.33% !important
    }
}

@media only screen and (min-width: 800px) and (max-width: 1024px) {
    .prodRecCarouselDiv div.adobe-carousel-container .recsContent li.activeItems {
        width: 25% !important
    }

    .prodRecCarouselDiv div.adobe-carousel-container .recsContent .recsProductImage img {
        width: 100%
    }

    .atcModal-adobe-carousel-container .recsContent li.activeItems {
        width: 25% !important
    }

    .newATCCarouselDiv.atcModal-adobe-carousel-container .recsContent li.activeItems {
        width: 31.33% !important
    }
}

@media only screen and (min-width: 600px) and (max-width: 899px) {
    .atcModal-adobe-carousel-container.newATCCarouselDiv .recsContent.atcRectContent .jcarousel li.activeItems {
        padding: 6px;
        margin: 0 .5% !important;
        width: 32.33% !important
    }

    .atcModal-adobe-carousel-container.newATCCarouselDiv .recsContent.atcRectContent .jcarousel li.activeItems .recsProductImage {
        max-width: 50px;
        min-height: 100%;
        min-width: 50px;
        margin-right: 5px
    }

    .atcModal-adobe-carousel-container.newATCCarouselDiv .recsContent.atcRectContent .jcarousel li.activeItems .recsProductImage img {
        max-width: 50px;
        min-height: 100%;
        min-width: 50px
    }

    .atcModal-adobe-carousel-container.newATCCarouselDiv .recsContent.atcRectContent .jcarousel li.activeItems .recsProductBtn {
        left: 60px
    }

    .atcModal-adobe-carousel-container.newATCCarouselDiv .recsContent.atcRectContent .jcarousel li.activeItems .recsProductBtn .recommedProductQty {
        width: 36px;
        padding: 7px 5px
    }

    .atcModal-adobe-carousel-container.newATCCarouselDiv .recsContent.atcRectContent .jcarousel li.activeItems .recsProductBtn .btnPrimary {
        padding: 7px 5px
    }
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
    .atcModal-adobe-carousel-container.newATCCarouselDiv .recsContent.atcRectContent .jcarousel li.activeItems .recsProductImage {
        max-width: 40px;
        min-height: 100%;
        min-width: 40px
    }

    .atcModal-adobe-carousel-container.newATCCarouselDiv .recsContent.atcRectContent .jcarousel li.activeItems .recsProductImage img {
        max-width: 40px;
        min-height: 100%;
        min-width: 40px
    }

    .atcModal-adobe-carousel-container.newATCCarouselDiv .recsContent.atcRectContent .jcarousel li.activeItems .recsProductBtn {
        left: 50px
    }

    .atcModal-adobe-carousel-container.newATCCarouselDiv .recsContent.atcRectContent .jcarousel li.activeItems .recsProductBtn .recommedProductQty {
        width: 32px;
        padding: 7px 3px
    }

    .atcModal-adobe-carousel-container.newATCCarouselDiv .recsContent.atcRectContent .jcarousel li.activeItems .recsProductBtn .btnPrimary {
        padding: 7px 3px
    }
}

@media only screen and (max-width: 767px) {
    .prodRecCarouselDiv div.adobe-carousel-container .recsContent li.activeItems {
        width: 33.3%
    }
}

@media only screen and (max-width: 430px) {
    div.adobe-vertical-carousel-container .verticalRecsContent .recsProductBrand, div.adobe-vertical-carousel-container .verticalRecsContent .recsProductName, div.adobe-vertical-carousel-container .verticalRecsContent .recsProductSKU {
        margin-left: 30%;
        padding-left: 4%;
        display: flex
    }

    div.adobe-vertical-carousel-container .verticalRecsContent .recsProdPrice, div.adobe-vertical-carousel-container .verticalRecsContent .listPrice {
        margin-left: 30%;
        padding-left: 4%
    }

    div.adobe-vertical-carousel-container .verticalRecsContent .floating-labels.show-labels label.prodRecCarouselQty {
        left: 11%
    }

    div.adobe-vertical-carousel-container .verticalRecsContent .recsProductBtn input.recommedProductQty {
        width: 30%;
        min-width: auto;
        max-width: fit-content;
        margin-right: 4%
    }

    div.adobe-vertical-carousel-container .verticalRecsContent .recsProductBtn .btn {
        width: 66%
    }
}

@media only screen and (min-width: 431px) and (max-width: 1024px) {
    div.adobe-vertical-carousel-container .verticalRecsContent .recsProductImage {
        margin-right: 12px;
        max-width: 90px
    }

    div.adobe-vertical-carousel-container .verticalRecsContent .floating-labels.show-labels label.prodRecCarouselQty {
        left: 31px
    }

    div.adobe-vertical-carousel-container .verticalRecsContent .recsProductBtn input.recommedProductQty {
        width: 23%;
        max-width: 90px;
        margin-right: 12px
    }

    div.adobe-vertical-carousel-container .verticalRecsContent .recsProductBtn .btn {
        max-width: 220px
    }

    div.adobe-vertical-carousel-container .verticalRecsContent .recsProdPrice {
        margin-left: 0;
        padding: 1px
    }

    div.adobe-vertical-carousel-container .verticalRecsContent .listPrice, div.adobe-vertical-carousel-container .verticalRecsContent .onsaleExpiration {
        margin-left: 92px;
        padding-left: 12px
    }
}

@media only screen and (max-width: 767px) {
    .two-column .two-column-template-container #side-nav {
        width: 100% !important;
        margin-right: 0;
        display: inline-block !important
    }

    .two-column .two-column-template-container #main-content {
        width: 100%;
        padding: 0
    }

    .two-column .two-column-template-container #main-content .content-title-container {
        width: 100%
    }

    .two-column .two-column-template-container #main-content h1, .two-column .two-column-template-container #main-content h2, .two-column .two-column-template-container #main-content h3 {
        line-height: 1
    }

    #my-account-nav .side-nav-header {
        padding: 10px !important;
        border: 2px solid #ccc
    }

    #my-account-nav .side-nav-header:after {
        font-family: graingerFont;
        content: "\e62c";
        font-size: 16px;
        font-weight: 400;
        margin: 0 0 0 8px;
        float: right;
        color: #ccc
    }

    #my-account-nav .side-nav-header a {
        pointer-events: none
    }

    #my-account-nav .side-nav-header:after {
        transform: rotate(0deg)
    }

    #my-account-nav .side-nav-header.sliderOpen:after {
        transform: rotate(180deg)
    }

    .one-column .one-column-template-container #applyForCreditFormDiv {
        width: 100%
    }

    #customerServices .inputType, #customerServices .styledSelect {
        width: 100%
    }

    #customerServices label {
        padding: 5px
    }

    .gForms {
        margin-bottom: 0
    }

    .email-signup-form .half-width {
        width: 100% !important
    }

    .email-signup-form .float-right img {
        max-width: 100%;
        height: auto
    }

    #higherEducationFormContainer {
        width: 92% !important
    }

    #higherEducationFormContainer #higherEducationFormInfo #long-form-firstName, #higherEducationFormContainer #higherEducationFormInfo #long-form-lastName {
        width: 100% !important
    }

    #gwwCreditApplication {
        padding-left: 0 !important
    }

    #gwwCreditApplication #applyForCreditFormDiv #agiCreditApplication-use-mailing-address {
        margin-top: 20px;
        margin-left: 1px
    }

    #gwwCreditApplication #applyForCreditFormDiv .alert {
        margin: 0;
        line-height: 15px
    }

    #gwwCreditApplication #applyForCreditFormDiv .btn {
        font-size: 13px
    }

    #gwwCreditApplication #applyForCreditFormDiv #agiCreditApplicationPrimaryBusiness, #gwwCreditApplication #applyForCreditFormDiv #agiCreditApplicationEmployeeNumber, #gwwCreditApplication #applyForCreditFormDiv #agiCreditApplicationEstimatedPurchases, #gwwCreditApplication #applyForCreditFormDiv #agiCreditApplicationOperation, #gwwCreditApplication #applyForCreditFormDiv #agiCreditApplicationApContactName, #gwwCreditApplication #applyForCreditFormDiv #agiCreditApplicationApContactTel {
        width: 100% !important;
        padding-left: 0
    }

    #gwwCreditApplication #applyForCreditFormDiv #agiCreditApplicationProvince .styledSelect select, #gwwCreditApplication #applyForCreditFormDiv #agiCreditApplicationShippingProvince .styledSelect select {
        padding: 10px 9px
    }

    #main-content .center-content-one-col #forgotPassword {
        margin-bottom: 20px
    }

    #main-content .center-content-one-col #forgotPassword .gforgotForms, #main-content .center-content-one-col #forgotPassword #email {
        width: 100%;
        max-width: 100%
    }

    #main-content .center-content-one-col #forgotPassword .gforgotForms {
        margin-top: 0
    }

    #main-content .center-content-one-col #forgotPassword .gforgotForms .gforgotFormsField {
        margin-top: 0
    }

    #main-content .center-content-one-col #forgottenPwdForm .gsecurityQAFormsField {
        width: 100%
    }

    #main-content .center-content-one-col #forgottenPwdForm .gsecurityQAFormsField #securityAnswer {
        width: 100%
    }

    #main-content .center-content-one-col .forgotText1 {
        padding-top: 10px;
        line-height: 16px
    }

    #main-content .center-content-one-col .content h1 {
        font-size: 30px;
        line-height: 30px
    }

    #main-content .center-content-one-col .securityQAheader1 {
        font-size: 22px
    }

    #main-content .branches-list-head h2 {
        line-height: normal
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .two-column .two-column-template-container #side-nav {
        width: 26%;
        display: inline-block !important
    }

    .two-column .two-column-template-container #side-nav .side-nav-header {
        line-height: .9
    }

    .two-column .two-column-template-container #main-content {
        width: 73%
    }

    div.sitemapcontainer .sitemapLinkSection {
        width: 30%;
        margin-right: 2%
    }

    .email-unsub-form #emailUnsubForm #unsubEmailAddress {
        width: 50% !important
    }
}

@media only screen and (max-width: 499px) {
    div.sitemapcontainer .sitemapLinkSection {
        width: 100%;
        margin: 0
    }
}

@media only screen and (min-width: 500px) and (max-width: 767px) {
    div.sitemapcontainer .sitemapLinkSection {
        width: 48%;
        margin-right: 2%
    }
}

@media only screen and (max-width: 320px) {
    #higherEducationFormContainer #higherEducationFormInfo .alert {
        font-size: 11px !important
    }

    #gwwCreditApplication #applyForCreditFormDiv .btn {
        font-size: 10px
    }
}

@media only screen and (max-width: 1024px) {
    #higherEducationFormContainer #higherEducationFormInfo .gForm-btn {
        margin-top: 60px
    }

    .email-unsub-form .paxl {
        padding: 0 !important
    }

    .email-unsub-form h1 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .email-unsub-form #unsubscribe-confirmation-message {
        left: 0
    }

    .email-unsub-form #unsubscribe-confirmation-message .alert.confirmation:before {
        padding-left: 0
    }

    .email-unsub-form #emailUnsubForm {
        width: 100% !important;
        padding: 0 !important
    }

    .email-unsub-form #emailUnsubForm input[type="button"]:focus {
        outline: none
    }
}