﻿body {
    text-align: right;
}

.mobileNav {
    right: 0;
}

td, th {
    text-align: right;
}

/* New header and nav */

.desktopNavButton {
    float: left;
    margin-left: 0;
    margin-right: 24px;
}

.desktopNavButton.localSelect {
    background: url("../images/icons/iconStack.svg?v=2#WorldYellow") right center no-repeat transparent;
    padding: 10px 44px 10px 0;
}

.iconizedNavButton {
    padding: 10px 44px 10px 0;
}


.iconizedNavButton.favourites,
.iconizedNavButton.promotions,
.iconizedNavButton.signIn,
.iconizedNavButton.profile {
    background-position: right center;
}

.burgerNavOptions .localSelect {
    float: left;
}

@media only screen and (min-width: 1280px) {
    .desktopNav li {
        float: right;
        margin-left: 0;
        margin-right: 42px;
    }

    .desktopNav li:first-child {
        margin-right: 0;
    }
}

.menuTierHolder .menuButton {
    background: url("../../images/icons/iconStack.svg?v=2#ShowHideArrowLeft") left center no-repeat transparent;
    background-size: auto 44px;
    text-align: right;
}

nav .menuBackLink {
    color: #1C3775;
    padding: 0 36px 0 0;
}

nav .menuBackLink:before {
    background: url("../../images/icons/iconStack.svg?v=2#SmallBlueArrowRight") center center no-repeat transparent;
    background-size: auto 44px;
    left: auto;
    right: -8px;
}

.menuTierHolder .menuInternalClose {
    float: left;
}

.menuTierHolder .desktopTierClose {
    padding: 0 32px 0 0;
}

.menuTierHolder .desktopTierClose:before {
    background: url("../../images/icons/iconStack.svg?v=2#SmallBlueArrowRight") center center no-repeat transparent;
    background-size: auto 44px;
    left: auto;
    right: -12px;
}

@media only screen and (min-width: 768px) {
    .iconizedNavButton {
        margin-left: 0;
        margin-right: calc(44% + 40px);
    }

    .tier .menuImagery {
        right: auto;
        left: 0;
        background-position: 50% 0;
    }

    .menuTierHolder .contentHolder {
        padding: 0 40px 0 0;
    }
}

@media only screen and (min-width: 960px) {
    .menuTierHolder .contentHolder {
        padding-left: 0;
        padding-right: calc((100% - 864px) / 2);
    }
}

@media only screen and (min-width: 1024px) {
    .iconizedNavButton {
        margin-left: 0;
        margin-right: calc(55% + 40px);
    }
}

@media only screen and (min-width: 1280px) {
    
    .iconizedNavButton {
        margin-left: 0;
        margin-right: 32px;
    }

    .menuTierHolder .tierLeft {
        padding-right: calc((100% - 1120px) / 2);
        padding-left: 24px;
    }

    .tierRight {
        left: auto;
        right: calc(((100% - 1120px) / 2) + 360px);
    }

    .active .active .menuButton:before {
        left: auto;
        right: -16px;
        background: url("../../images/icons/iconStack.svg?v=2#ShowHideArrowLeft") 1% center no-repeat #F1EFEB;
        background-size: auto 44px;
    }
}

.desktopNavButton.active:after {
    left: auto;
    right: 16px;
}
    

header .navLeft {
    margin-left: 100px;
    margin-right: 0px;
}

header .navRight {
    margin-right: 100px;
    margin-left: 0px;
}

header .desktopNavItem.profile,
header .desktopNavItem.signIn {
    border-right: 1px #fff solid;
    border-left: 0px;
}

.helpLink a {
    padding-left: 0;
    padding-right: 44px;
    left: auto;
    right: 50%;
    transform: translate(50%);
}

    .helpLink a:before {
        left: auto;
        right: 0;
    }

.socialLinks li {
    float: right;
}

.socialLinks a {
    text-align: right;
}


.logo {
    direction: ltr;
    text-align: left;
}

nav .mobileSiteSelect,
.siteSelect, .mobileSiteSelect {
    background-position: 0 center;
    padding-left: 44px;
    padding-right: 0;
}

.selectStyleHolder {
    padding-left: 0;
    padding-right: 54px;
}

.selectStyleHolder:before {
    right: 6px;
    left: auto;
}

.navSectionList li {
    text-align: right;
}

@media only screen and (min-width: 1024px) {
    footer .address {
        float: right;
    }    
    
    .selectStyleHolder {
        float: left;
    }

    nav {
        right: 0;
    }

    nav .contentHolder {
        padding-right: calc((100vw - 864px) / 2);
    }

    .navSectionTitle {
        text-align: right;
    }
}

@media only screen and (min-width: 1280px) {
    nav .contentHolder {
        padding-right: calc((100vw - 1120px) / 2);
    }
}