p.request-pattern a.tab-focus{ 
	outline: -moz-focus-ring-color auto 5px!important;
	outline: -webkit-focus-ring-color auto 5px!important; 
}

:focus {
    outline: none;
}
.sr-only {
    position: absolute;
    left: -99999px;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
.accessible-text {
    position: relative;
}
.accessible-text a {
    padding: 2px;
    position: absolute;
    top: -100px;
    left: 0px;
    color: white;
    background: #666666 url(/images/ada-image.png) no-repeat center;
    -webkit-transition: top 1s ease-out;
    transition: top 1s ease-out;
    z-index: 100;
    font-weight: bold;
    font: 10px/11px Arial, Helvetica, sans-serif;
    width: 30px;
    height: 30px;
    text-align: left;
    text-indent: -9999px !important;
    white-space: nowrap;
    overflow: hidden;
    background-color: #fff;
    /* transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    ms-transform: translateY(-100%); */
}
.accessible-text a:focus {
    position: absolute;
    left: 0px;
    top: 0px;
    outline-color: transparent;
    -webkit-transition: top .1s ease-in;
    transition: top .1s ease-in;
    display: block;
    transform: translateY(0);
    -moz-transform: translateY(0);
    ms-transform: translateY(0);
}
.accessible-text img {
    margin: 0 auto;
    float: none;
}
.offerTab span {
    text-indent: 30px;
}
/*Accessible menu*/
/*Accessible - options to bypass*/
.accessible-text-two a{
    padding: 2px;
    position: absolute;
    top: -100px;
    left: 0px;
    color: #f04e23;
    -webkit-transition: top 1s ease-out;
    transition: top 1s ease-out;
    z-index: 9999;
    background:none;
    font-weight: bold;
    font: 10px/11px Arial, Helvetica, sans-serif;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    width:auto;
    height:auto;
    background-color: #fff;
}
.accessible-text-two a:focus{
    position: absolute;
    left: 0px;
    top: 0px;
    outline-color: transparent;
    -webkit-transition: top .1s ease-in;
    transition: top .1s ease-in;
    display: block;
    transform: translateY(0);
    -moz-transform: translateY(0);
    ms-transform: translateY(0);
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
}
a.skippy {
    position: absolute;
    top: -100px;
    left: 0;
    /*height: 1px;
    width: 1px; */
    text-align: left;
    overflow: hidden;
    color: #f04e23;
}
a.skippy.sr-only-focusable:active, a.skippy.sr-only-focusable:focus {
    position: fixed;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
    top:0;
    left:0;
}
/*Default hover submenu should work in focus when tabbed*/
/* :focus {
    outline: 1px dotted #212121 !important;
    outline: -moz-focus-ring-color auto 5px !important;
    outline: -webkit-focus-ring-color auto 5px !important;
} */
.tab-focus{
    outline: 1px dotted #212121 !important;
    outline: -moz-focus-ring-color auto 5px !important;
    outline: -webkit-focus-ring-color auto 5px !important;
}
.r-d-toggle.tab-focus svg{
    display: block;
}
/* #navigation ul li .sub_menu ul li:focus .sub_menu_level3 {
    display: block;
}
#navigation ul li .sub_menu ul li:focus-within .sub_menu_level3{
    display: block;
} */
/* #navigation ul li .sub_menu ul li .r-d-toggle.open:focus .sub_menu_level3,
#navigation ul li .sub_menu ul li .r-d-toggle.open:focus-within .sub_menu_level3{
    display: block;
} */
#navigation ul li .sub_menu ul li .r-d-toggle .sub_menu_level3.open{
    display: block;
}
.show-menu {
    display: block;
}
/*Default hover submenu should work in focus when tabbed*/
/*Skip navigation links*/

.skip-navigation {
    position: relative;
}
.skip-navigation a {
    padding: 2px;
    position: absolute;
    top: -100px;
    left: 0px;
    color: white;
    background: #666666 url(/images/ada-image.png) no-repeat center;
    -webkit-transition: top 1s ease-out;
    transition: top 1s ease-out;
    z-index: 100;
    font-weight: bold;
    font: 10px/11px Arial, Helvetica, sans-serif;
    width: 30px;
    height: 30px;
    text-align: left;
    text-indent: -9999px !important;
    white-space: nowrap;
    overflow: hidden;
}
.skip-navigation a:focus {
    position: absolute;
    left: 0px;
    top: 0px;
    outline-color: transparent;
    -webkit-transition: top .1s ease-in;
    transition: top .1s ease-in;
    display: block;
    transform: translateY(0);
    -moz-transform: translateY(0);
    ms-transform: translateY(0);
}
/*Skip navigation links*/
/*Accessible menu*/
/*Top right header links - overriding style.css*/

#header .account_info ul {
    float: right;
    width: auto;
}
/*Top right header links - overriding style.css*/
/*Product configurator in prodcut pages - alternate message should be read*/

.product-config-accessible {
    position: relative;
}
.product-config-accessible a {
    padding: 2px;
    position: absolute;
    top: -60px;
    right: 0;
    color: white;
    background: #666666 url(/images/ada-image.png) no-repeat center;
    -webkit-transition: all 1s ease-out;
    transition: all 1s ease-out;
    z-index: 999;
    font-weight: bold;
    font: 10px/11px Arial, Helvetica, sans-serif;
    width: 30px;
    height: 30px;
    text-align: left;
    text-indent: -9999px !important;
    white-space: nowrap;
    overflow: hidden;
    transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    ms-transform: translateY(-100%);
}
.product-config-accessible a:focus {
    position: absolute;
    right: 0;
    top: 0;
    outline-color: transparent;
    -webkit-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    transition: all .1s ease-in;
    display: block;
    transform: translateY(0);
    -moz-transform: translateY(0);
    ms-transform: translateY(0);
}
.product-config-accessible img {
    margin: 0 auto;
    float: none;
}
.order-status-btn:focus-within .dropdown-account-box.check-order-status, .order-status-btn:focus .dropdown-account-box.check-order-status {
    display: block;
}
.order-status-btn.open .check-order-status {
    display: block;
}
/*Product configurator in prodcut pages - alternate message should be read*/

/*Higher contrast switch in footer*/
section.contrast-checker {
    float: left;
    width: 100%;
    padding: 0 0 25px 0;
    display: inline-block;
}
.switchbox {
  display: -webkit-box; 
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex; 
  display: flex;
}
.switchbox input {
    -moz-appearance: none;
    -o-appearance: none;
    -webkit-appearance: none;
    background-color: #fafafa;
    border-radius: .825em;
    border: 1px solid #565656;
    box-shadow: inset -1.125em 0 0 1px rgba(120, 120, 120, 1);
    height: 1.5em;
    margin-right: .25em;
    outline: none;
    position: relative;
    transition: box-shadow .2s ease-in-out;
    width: 2.5em;
    cursor: pointer;
    top:2px;
}
.ila-right{
    position: fixed;
    top: 50px;
    right: 0;
    width: 67px;
    z-index: 9999;
    height: 54px;
}
.ila-right .switchbox{
    right: -300px;
    display: block;
    position: absolute;
    transition: right 1s ease;
    -webkit-transition: right 1s ease;
    -moz-transition: right 1s ease;
    -ms-transition: right 1s ease;
    position: fixed;
    width: 300px;
    text-align: center;
    left: auto;
    display:block;
    top: 65px;
    z-index: 9999999999999;
}
.settings-btn-ila:checked ~ .switchbox{
    right: 5px;
}
.switchbox input:checked {
    border: 1px solid #000;
    box-shadow: inset 1.125em 0 0 1px #000;
    top:2px;
}
.switchbox input::-ms-check {
    opacity: 0;
}
.switchbox label {
    /* flex: 1; */
    /* padding: .5em; */
    font: 20px/22px 'HelveticaNeueW01-55Roma', Arial, Helvetica, sans-serif;
    color:#565454;
}
.switchbox > * {
    align-self: center;
}

/*22-08-2019 approved design*/
.high-contrast-icon{
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px;
    background: #fff;
    display: none;
    z-index: 9996;
    padding:5px;
}
.high-contrast-icon img{
    width:22px;
    height:22px;
    display: block;
}
/*  .high-contrast-icon:focus .contrast-text{
   display: inline-block;
}  */
.contrast-text{
    display: none;
}
.contrast-text,
.contrast-text.show-contrast{
    position: absolute;
    top: 30px;
    z-index: 9996;
    left: 5px;
    font-size: 17px;
    text-decoration: underline;
    color: #333;
    font-weight: normal;
    width:180px;
    padding: 5px;
    background: #fff;
    font: 12px/14px 'HelveticaNeueW01-65Medi',Arial, Helvetica, sans-serif;
}
.contrast-text.show-contrast{
    display: inline-block;
}
.contrast-text.show-contrast label{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    width: 160px;
    height: 20px;
}
.contrast-text.show-contrast input{
    width: 160px;
    height: 20px;
    z-index: 999;
    top: 0;
    left: 0;
    position: absolute;
    opacity:0;
}
.contrast-text.show-contrast:focus label{
    display: block;
}
/* .img-contrast:focus ~ a.contrast-text{
    display: block;
} */
/*** High contrast mode styles*/
/* high contrast style for firefox */
.switchbox input:after {
    border-radius: 100%;
    border: 0 solid transparent;
    content: "";
    height: 1.325em;
    position: absolute;
    width: 1.325em;
}
.switchbox input:checked:after {
    right: 0;
}
#navigation ul li .sub_menu ul li {
    position: relative;
}
.r-d-toggle {
    position: absolute;
    right: 25px;
    width: 20px;
    height: 20px;
    background-color: transparent;
    border: 0;
    top: 1px;
    text-align: center;
    padding: 0;
}
.r-d-toggle:focus {
    outline: none;
}
.r-d-toggle svg {
    padding-top: 0;
    border: 0;
    float: none;
    padding: 0;
    display: block;
    right: 0;
    left: 0;
    width: 10px;
    height: 10px;
    margin:0 auto;
    display: none;
}
.r-d-toggle.open svg {
    display: block;
}
.r-d-toggle span svg {
    width: 20px;
    height: 20px;
}
#navigation ul li.active .r-d-toggle span {
    border:0;    
    padding: 0;
    float: none;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 20px;
    height: 20px;
}
#navigation ul li .sub_menu ul li .sub_menu_level3.open {
    display: block;
}
.custom-design-option-list.configSwatch li a {
    max-height: 40px;
}
.quantity_configurator a[aria-disabled="true"] {
    opacity: 0.5;
    pointer-events: none;
}
.affirm-promo-section a.affirm-modal-trigger {
    color: #6e6e6e;
}

.affirm-promo-section a.affirm-modal-trigger:hover {
    color: #333;
}

@media screen and (-ms-high-contrast: active) {
    .switchbox input::-ms-check {
        opacity: 1;
    }
    .switchbox input:after {
        display: none;
    }
}
/*Higher contrast switch in footer ends*/

/*When navigation diretly to main content*/
.body_container{
	
    display: inline-block;
}

.shopping-cart.tab-focus:before {
    outline: -webkit-focus-ring-color auto 5px!important;
    content: "";
    position: absolute;
    left: -2px;
    top: -3px;
    width: calc(100% + 4px);
    height: calc(100% + 6px);
}



@media only screen and (max-width: 1200px) {
    .accessible-text a {
        text-indent: 34px !important;
        white-space: nowrap;
        overflow: hidden;
    }
}
@media screen and (min-width:993px){
    .contact_info ~  .high-contrast-icon{
        display: none;
    }
}
@media only screen and (max-width: 992px) {
        .accessible-text a {
        max-width: 100%;
    }
    .accessible-text-two ~ .high-contrast-icon{
        display: none;
    }
    .high-contrast-icon{
        top: 0;
        left: 0;
    }
    .contrast-text, .contrast-text.show-contrast{
        left: 35px;
        top: 0;
        z-index: 9996;
    }
    .high-contrast-icon{
        display: none;
    }
    button.cartNav, button.mobileNav {
        top: 16px;
    }
    #header .right_header {
        display: none;
    }
    button.cartNav, button.mobileNav {
        top: 16px;
    }
    #header .right_header {
        display: none;
    }
}
@media only screen and (max-width: 991px) {
    .accessible-text, .product-config-accessible {
        position: relative;
        width: 100%;
    }
    .accessible-text a, .product-config-accessible a {
        display: inline-block;
        margin-top: 0px;
        position: fixed;
        top: 0px;
        left: 0;
        right: 0;
        z-index: 999;
        width: 30px;
        transform: translateY(0);
        -moz-transform: translateY(0);
        ms-transform: translateY(0);
    }
    .accessible-text a, .product-config-accessible a {
        text-indent: 34px !important;
        white-space: nowrap;
        overflow: hidden;
    }
    .product-config-accessible a {
        top: 125px;
        left: 20px;
        display: none;
    }
}