.customerHeader{text-align:left;position:relative;width:auto !important;max-width:155px}
.customerHeader .buttons,.customerHeader button{box-sizing:border-box;text-align:center;text-transform:none;width:100%}
.customerHeader a.secondaryBtn:active,.customerHeader a.secondaryBtn:focus,.customerHeader a.secondaryBtn:hover{color:#fff}
.customerHeader .customer-link__loading{display:none}
.customerHeader .external-link:after{content:"";background-size:15px;display:inline-block;height:15px;margin-left:7px;width:15px;vertical-align:middle}
.customerHeader .customer-flyout{box-sizing:border-box;display:none;position:absolute;padding:0 20px;right:10px;text-align:left;width:210px}
.customerHeader .customer-flyout.login{width:300px}
.customerHeader .customer-flyout p{font-size:14px}
.customerHeader .customer-flyout .heading{font-size:18px;letter-spacing:.5px}
.customerHeader .customer-flyout a{color:#333}
.customerHeader .customer-flyout ul{list-style:none;padding:0;margin:0}
.customerHeader .customer-flyout ul li a{display:block;padding:7px 20px}
.customerHeader .customer-flyout ul li a:hover{background:#ffdb33}
.customerHeader .customer-flyout .links-top li{margin:5px -20px}
.customerHeader .customer-flyout .links-top li a{color:#000}
.customerHeader .customer-flyout .links-with-border li{border-top:1px solid #ffd200;padding:5px 0}
.customerHeader .customer-flyout .links-with-border li a{color:#000;margin:0 -20px}
.customerHeader .customer-flyout .select-account{padding:20px 0 10px}
.customerHeader .customer-flyout .select-account p{margin-top:7px}
.customerHeader .customer-flyout .select-account .address{margin-bottom:20px;font-weight:bold}
.customerHeader .customer-flyout.login{padding:20px}
.customerHeader .customer-flyout.login hr{border:0;border-top:1px solid #ffd200;margin:20px 0}
@media screen and (max-width:992px){.customerHeader .customer-flyout{right:0;width:100% !important}
}
.customerHeader .customerLink{display:block;text-overflow:ellipsis;white-space:nowrap}
@media screen and (min-width:993px){.customerHeader .customerLink.opened{background-color:#ffd200}
}
.customerHeader .sold-to__title{font-size:14px}
.customerHeader .sold-to__desc{color:#333}
.customer-header__btn-dif-acct{font-size:12px;padding:12px 5px !important}
.customer-header__btn-dif-acct:not(:hover){color:#369 !important}
.customer-header__with-submenu{position:relative}
.customer-header__with-submenu:hover .customer-header__sub-menu{display:block}
@media screen and (max-width:992px){.customer-header__with-submenu:hover .customer-header__sub-menu{border-radius:0 0 6px 6px;margin:-1px auto 0;width:95%}
}
.customer-header__with-submenu:hover .customer-header__menu-item-link{background:#ffd200;color:white}
.customer-header__with-submenu .customer-header__menu-item-link{position:relative}
.customer-header__with-submenu .customer-header__menu-item-link:after{content:"";display:inline-block;border-left:4.25px solid transparent;border-right:4.25px solid transparent;border-top:4.25px solid #000;width:0;height:0;position:absolute;right:25px;top:50%;transform:translateY(-50%) rotate(270deg)}
@media screen and (max-width:992px){.customer-header__with-submenu.is-open .customer-header__menu-item-link{background:#ffd200;color:white}
}
@media screen and (max-width:992px){.customer-header__with-submenu.is-open .customer-header__sub-menu{display:block;border-radius:0 0 6px 6px;margin:-1px auto 0;width:95%}
}
.customer-header__sub-menu{display:none;background-color:#fff;border:1px solid #ffd200;border-radius:6px 0 6px 6px;padding:0 15px !important;width:140px;overflow:hidden}
@media screen and (min-width:993px){.customer-header__sub-menu{position:absolute;right:100%;top:0}
}
.customer-header__sub-menu li:first-child{margin-top:0 !important}
.customer-header__sub-menu li:last-child{margin-bottom:0 !important}
.customer-header__sub-menu li a{padding:5px 15px}
.customer-header__marketing-menu{margin-top:7px !important;margin-bottom:7px !important}
.hide-login-btn .customerHeader{display:none !important}
.hide-login-btn .customerHeader>.component-content>div{display:none}
.hide-login-btn .customerHeader>.component-content>.customerLink{display:block}
body.customerHeader-mask .customerHeader .customer-link__user-info{display:none}
body.customerHeader-mask .customerHeader .customer-link__loading{display:inline-block}
.customerHeader .external-link:after{background-image:url("customer-header/resources/images/external-link-icon.svg")}
.customerHeader .loading-icon{background-image:url("customer-header/resources/images/loading-icon.gif")}
@media screen and (max-width:992px){.customerHeader{position:static;order:6 !important}
}
.customer-header__btn{background-image:url("customer-header/resources/images/customer-header-icon.svg")}