*, body {
    line-height: 22.4px
}

body {
    box-sizing: border-box;
    text-rendering: optimizelegibility
}

*, h1 {
    color: inherit;
    color: inherit
}

.marketing-list ul a, .marketing-list ul li a.button.pdf {
    background-position-x: center
}

article header, body #wrapper > header:hover {
    overflow: visible
}

.products-list .view-all, body #wrapper > header .logo span, select, thead td, thead th {
    text-transform: uppercase
}

#menu, .dealer-list ul, .download-list, .feature-list, .offers, .part-offer ul, .products-list, .products-list .sub-list, article ul, body #wrapper > header #user-menu .sub-menu, body #wrapper > header nav ul, footer ul, ul.bxslider {
    list-style: none
}

@font-face {
    font-family: "Ford F-1";
    src: url("../fonts/FORD_F1_FontPackage/FordF-1-Light.otf") format("opentype");
    font-style: normal;
    font-weight: 200;
    font-display: swap
}

@font-face {
    font-family: "Ford F-1";
    src: url("../fonts/FORD_F1_FontPackage/FordF-1-Light.otf") format("opentype");
    font-style: italic;
    font-weight: 200;
    font-display: swap
}

@font-face {
    font-family: "Ford F-1";
    src: url("../fonts/FORD_F1_FontPackage/FordF-1-Light.otf") format("opentype");
    font-style: normal;
    font-weight: 300;
    font-display: swap
}

@font-face {
    font-family: "Ford F-1";
    src: url("../fonts/FORD_F1_FontPackage/FordF-1-Regular.otf") format("opentype");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: "Ford F-1";
    src: url("../fonts/FORD_F1_FontPackage/FordF-1-Regular.otf") format('opentype');
    font-style: italic;
    font-weight: 400
}

@font-face {
    font-family: "Ford F-1";
    src: url("../fonts/FORD_F1_FontPackage/FordF-1-Bold.otf") format("opentype");
    font-style: normal;
    font-weight: 700;
    font-display: swap
}

@font-face {
    font-family: "Ford F-1";
    src: url("../fonts/FORD_F1_FontPackage/FordF-1-Bold.otf") format("opentype");
    font-style: italic;
    font-weight: 700;
    font-display: swap
}

@font-face {
    font-family: "Ford F-1";
    src: url("../fonts/FORD_F1_FontPackage/FordF-1-Regular.otf") format('opentype');
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: "Ford F-1";
    src: url("../fonts/FORD_F1_FontPackage/FordF-1-Bold.otf") format('opentype');
    font-style: normal;
    font-weight: 700;
    font-display: swap
}

@font-face {
    font-family: "Ford F-1";
    src: url("../fonts/FORD_F1_FontPackage/FordF-1-Bold.otf") format('opentype');
    font-style: italic;
    font-weight: 700;
    font-display: swap
}

input: focus, input:hover, select:focus, select:hover, textarea:focus, textarea:hover {
    outline: 0
}

.help-info {
    align-items: center;
    background-color: rgba(255,255,255,.9);
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    margin-top: 0;
    position: fixed;
    top: 0;
    transition: opacity .3s,visibility 0s .3s;
    visibility: hidden;
    width: 100%;
    z-index: 9999
}

    .help-info > *, body {
        background-color: #fff
    }

    #video-overlay.active, .help-info:target, .modal-overlay:target {
        opacity: 1;
        transition: opacity .3s,visibility;
        visibility: visible
    }

    .help-info > * {
        box-shadow: 0 0 1em rgba(0,0,0,.25);
        overflow-y: auto;
        margin: auto;
        max-height: 100%;
        max-width: 600px;
        padding: 1em;
        position: relative
    }

    .help-info [href='#close'], .vishid {
        color: transparent;
        position: absolute
    }

    .help-info [href='#close'] {
        background-image: url(../images/icons/icon-cross.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 1em;
        height: 1.5em;
        margin-top: 0;
        right: 1em;
        top: 1em;
        width: 2.9em;
        z-index: 9995
    }

* {
    box-sizing: border-box;
    font-family: inherit;
    font-weight: inherit;
    box-sizing: border-box;
    font-family: inherit;
    margin: 0;
    padding: 0;
    font-weight: inherit;
    font-style: normal
}

@media screen and (max-width:1025px) {
    h1 {
        font-size: 2.125em;
        padding-top: 2em !important
    }
}

b, body {
    font-size: 16px;
    color: #616161
}

thead td, thead th {
    font-family: 'Ford F-1';
    font-weight: 700
}

body #wrapper > header #user-menu {
    font-size: .9em
}

    .find-part-container .jump-fix:target ~ a, body #wrapper > header #user-menu li, body #wrapper > header .cart, body #wrapper > header nav .has-children, form, form .columns .third {
        position: relative
    }

.modal-overlay {
    align-items: center;
    display: flex;
    justify-content: center
}

#video-overlay, .modal-overlay {
    transition: opacity .3s,visibility 0s .3s;
    visibility: hidden
}

form, form .form-section {
    flex-wrap: wrap;
    display: flex
}

div#wrapper {
    padding: 0 1em
}

#wrapper {
    max-width: 100%;
    margin: 0 auto
}

.vishid {
    height: 1px;
    left: 0;
    opacity: 0;
    overflow: hidden;
    top: 0;
    white-space: nowrap;
    width: 1px
}

#map .dealer-address * + *, * + *, .navigation-blocks > * + *, main article.innerArticle {
    margin-top: 1em
}

html {
    min-height: 100%
}

#map .dealer-address br, .bx-viewport *, .map-container + footer, .products-list .sub-list li + li, .reports li > *, .required + label, body, br, dd, dt, li, option, span, td, th {
    margin-top: 0
}

.help-block, article ol li + li, article ul li + li {
    margin-top: .25em
}

b {
    font-weight: 700;
    line-height: 26px
}

@media only screen and (min-width:62em) {
    .xlarge-2 {
        width: 20%
    }
}

body {
    font-family: "Ford F-1";
    font-weight: 300
}

    .modal-overlay, body #wrapper > header .logo span, body #wrapper > header nav, h1, h2, h3, h4, h5, h6, input, label, select, textarea {
        font-family: 'Ford F-1'
    }

.highlight, dt, fieldset legend, strong {
    font-weight: 700
}

a {
    text-decoration: none;
    transition: color .3s
}

    a img, fieldset {
        border: 0
    }

p a {
    border-bottom: 1px solid currentColor
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.35
}

h1 {
    font-size: 2em;
    line-height: 1.05;
    padding-top: 1em
}

@media screen and (max-width:1025px) {
    h1 {
        font-size: 2.125em;
        padding-top: 1em !important
    }
}

h2 {
    font-size: 1.25em
}

h3 {
    font-size: 1em;
    color: #003478
}

h4 {
    font-size: 1em
}

h5 {
    font-size: .85em
}

h6 {
    font-size: .75em
}

form {
    justify-content: space-between
}

    form.form-inline {
        margin-left: -.5em;
        margin-right: -.5em
    }

        form.form-inline > * {
            align-self: flex-end;
            flex-grow: 1;
            margin: .5em;
            width: auto
        }

    #HomePageTiles a img, .large-padding-right [role=button], .large-padding-right button, .large-padding-right input[type=reset], .large-padding-right input[type=submit], article img.stretch, form > * {
        width: 100%
    }

    form .columns {
        width: calc(100% + 1em)
    }

    form * + p {
        margin-top: 1.5em
    }

    form .form-section {
        justify-content: space-between;
        margin-top: 0;
        width: 100%
    }

        #results-btn, .featured-image, .hide-until-error, body #wrapper > header #menu .has-children.closed + .sub-menu, body #wrapper > header #menu-btn-x, body #wrapper > header #user-menu-btn-x, form .form-section.collapsed, input[type=checkbox] ~ .if-checked, input[type=radio] ~ .if-checked {
            display: none
        }

            .ParentMenu:hover .sub-menu, .dealer-list li.active, .has-error .hide-until-error, .help-block, .nav-item:hover .sub-menu, article img, body #wrapper > header #menu-btn-x:active ~ #menu, body #wrapper > header #menu-btn-x:active ~ #menu-btn-x, body #wrapper > header #menu-btn-x:focus ~ #menu, body #wrapper > header #menu-btn-x:focus ~ #menu-btn-x, body #wrapper > header #menu-btn-x:hover ~ #menu, body #wrapper > header #menu-btn:active ~ #menu, body #wrapper > header #menu-btn:active ~ #menu-btn-x, body #wrapper > header #menu-btn:focus ~ #menu, body #wrapper > header #menu-btn:focus ~ #menu-btn-x, body #wrapper > header #menu-btn:hover ~ #menu, body #wrapper > header #menu:hover, body #wrapper > header #user-menu li:hover .sub-menu, body #wrapper > header #user-menu-btn-x:active ~ #user-menu, body #wrapper > header #user-menu-btn-x:active ~ #user-menu-btn-x, body #wrapper > header #user-menu-btn-x:focus ~ #user-menu, body #wrapper > header #user-menu-btn-x:focus ~ #user-menu-btn-x, body #wrapper > header #user-menu-btn-x:hover ~ #user-menu, body #wrapper > header #user-menu-btn:active ~ #user-menu, body #wrapper > header #user-menu-btn:active ~ #user-menu-btn-x, body #wrapper > header #user-menu-btn:focus ~ #user-menu, body #wrapper > header #user-menu-btn:focus ~ #user-menu-btn-x, body #wrapper > header #user-menu-btn:hover ~ #user-menu, fieldset legend, textarea {
                display: block
            }

        form .form-section > * {
            margin-top: 1.5em;
            width: 100%
        }

    form .form-section-btn {
        background-color: #d2dee7;
        cursor: pointer;
        padding: .5em .75em;
        padding-right: 3em !important;
        position: relative;
        transition: background-color .3s
    }

        .dealer-list h2:hover, form .form-section-btn:hover {
            background-color: #92a2bd
        }

        form .form-section-btn.collapsed:after {
            transform: rotate(0)
        }

        form .form-section-btn:after {
            background-image: url(../images/icons/icon-arrow-down.svg);
            background-position: center;
            background-repeat: no-repeat;
            background-size: 1em;
            content: '';
            height: 100%;
            position: absolute;
            right: 0;
            top: 0;
            transition: transform .3s;
            transform: rotate(180deg);
            width: 2.5em
        }

    form .radio-checkbox-btn {
        display: inline-block;
        margin-right: 2em;
        margin-top: 1em
    }

    form .inline-search-submit {
        background-color: transparent !important;
        background-image: url(../images/icons/icon-search.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 1.25em;
        border: 0 !important;
        min-width: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        position: absolute;
        right: 1px;
        text-indent: -99em;
        top: 1px;
        width: 3em !important
    }

        .find-part-container a[href='#search-part-number']:hover, .find-part-container a[href='#search-parts-vehicle']:hover, [role=button].cta:hover, button.cta:hover, form .inline-search-submit:hover {
            color: #1b394e;
            background-color: #fff;
            border-color: #1b394e
        }

fieldset legend {
    border-bottom: 1px solid #3d4d59;
    font-size: 1.2em;
    padding: .5em 0;
    width: 100%
}

input, select, textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #3d4d59;
    border-radius: 0;
    color: #616161;
    font-size: 1em;
    line-height: 1.3;
    margin: 0;
    padding: .75em 1em;
    transition: background-color .3s,border .3s;
    width: 100%
}

.help-block, .help-btn, label, select {
    color: #3d4d59
}

    input:focus, input:hover, select:focus, select:hover, textarea:focus, textarea:hover {
        outline: 0
    }

    input:focus, select:focus, textarea:focus {
        background-color: #fff;
        border-color: #92a2bd
    }

    input:disabled, input[type=checkbox]:disabled + label, input[type=radio]:disabled + label, select:disabled, textarea:disabled {
        opacity: .5;
        pointer-events: none
    }

    input ::-webkit-input-placeholder, select ::-webkit-input-placeholder, textarea ::-webkit-input-placeholder {
        color: #3d4d59;
        font-family: 'Ford F-1'
    }

    input ::-moz-placeholder, select ::-moz-placeholder, textarea ::-moz-placeholder {
        color: #3d4d59;
        font-family: 'Ford F-1'
    }

    input :-ms-input-placeholder, select :-ms-input-placeholder, textarea :-ms-input-placeholder {
        color: #3d4d59;
        font-family: 'Ford F-1'
    }

    input::placeholder, select::placeholder, textarea::placeholder {
        color: #d3d3d3;
        font-family: 'Ford F-1'
    }

input[type=checkbox], input[type=radio] {
    background-color: transparent;
    background-image: url(../images/icons/icon-tick.svg);
    background-position: 50% 500%;
    background-repeat: no-repeat;
    background-size: 1em;
    cursor: pointer;
    display: inline-block;
    height: 2em;
    padding: 0;
    vertical-align: middle;
    transition: background .3s ease-out,border .3s;
    width: 2em
}

    input[type=checkbox]:checked, input[type=radio]:checked {
        background-color: transparent;
        background-position: 50% 50%
    }

        input[type=checkbox]:checked ~ .if-checked, input[type=radio]:checked ~ .if-checked {
            display: flex;
            flex-wrap: wrap;
            margin-right: -1em
        }

            input[type=checkbox]:checked ~ .if-checked > *, input[type=radio]:checked ~ .if-checked > * {
                margin-top: 1.5em;
                margin-right: 1em;
                width: 100%
            }

    input[type=checkbox]:checked, input[type=checkbox]:hover, input[type=radio]:checked, input[type=radio]:hover {
        border-color: #00f
    }

        input[type=checkbox]:checked + label, input[type=checkbox]:hover + label, input[type=radio]:checked + label, input[type=radio]:hover + label {
            color: #00f
        }

    input[type=checkbox] + label, input[type=radio] + label {
        cursor: pointer;
        display: inline;
        margin-top: 0;
        padding-left: .5em;
        transition: color .3s;
        vertical-align: middle
    }

input[type=radio] {
    border-radius: 50%
}

input[type=file] {
    background-color: transparent;
    border: 0;
    color: #616161;
    padding: 0
}

label {
    display: inline-block;
    vertical-align: middle
}

select {
    background-image: url(../images/icons/icon-select-arrow.svg);
    background-position: calc(100% - 1em) center;
    background-repeat: no-repeat;
    background-size: 1em 1em;
    cursor: pointer;
    padding-right: 2.5em
}

.container, article {
    background-position: center top
}

select::-ms-expand {
    display: none;
    opacity: 0
}

textarea {
    height: 6em;
    resize: none
}

.has-error input, .has-error select, .has-error textarea {
    border-color: #dc143c
}

.has-error .help-block, .has-error label {
    color: #dc143c
}

.help-btn {
    border: 2px solid currentColor;
    display: inline-block;
    font-size: .8em;
    height: 1.5em;
    line-height: 1.25;
    margin: 0 .5em;
    text-align: center;
    vertical-align: text-bottom;
    width: 1.5em
}

.centerContent img, .container {
    margin-left: auto;
    margin-right: auto
}

.required {
    color: #dc143c;
    font-size: .9em;
    padding-right: .3em;
    vertical-align: bottom
}

.validation-summary-errors {
    border: 2px solid #dc143c;
    color: #dc143c;
    padding: 1.5em 1em
}

[role=button], button, input[type=reset], input[type=submit] {
    background-color: #666;
    border: 1px solid transparent;
    color: #fff;
    display: inline-block;
    font-family: 'Ford F-1';
    font-weight: 700;
    line-height: 1.3;
    min-width: 12em;
    padding: .75em 1.5em;
    text-align: left;
    text-decoration: none !important;
    transition: background-color .3s
}

    [role=button]:hover, button:hover, input[type=reset]:hover, input[type=submit]:hover {
        color: #666;
        background-color: #fff;
        border-color: #1b394e
    }

    [role=button].cta, button.cta {
        display: inline-block;
        vertical-align: middle;
        -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.15);
        -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.15);
        box-shadow: 0 2px 3px 0 rgba(0,0,0,.15);
        font-size: 18px !important;
        font-weight: 200;
        position: relative;
        border: 1px solid #666;
        text-decoration: none;
        text-align: center;
        color: #fff;
        background: #076ff0;
        border-radius: 2em
    }

.columns ul a, .download-list a, .support-edit-promotions-section .go-back {
    text-decoration: underline
}

.container, .navigation-blocks a, article, article header {
    background-size: cover
}

input[type=reset], input[type=submit] {
    cursor: pointer;
    width: auto
}

button {
    border-radius: 0;
    cursor: pointer;
    font-size: 1em
}

    button.cta:hover {
        background-color: #076ff0
    }

a:hover .title-highlight, hr {
    background-color: #3d4d59
}

button:disabled {
    color: #ccc;
    cursor: auto;
    opacity: .5;
    pointer-events: none
}

#HomePageTiles {
    font-size: inherit
}

    #HomePageTiles a {
        float: left;
        width: 50%;
        height: 437px;
        margin-top: 1px
    }

        #HomePageTiles a h4 {
            font-size: 14px;
            margin-top: 6px
        }

.featured li a span {
    bottom: -18px !important
}

table {
    border-collapse: collapse;
    width: 100%
}

#map .dealer-address, tbody {
    color: #3d4d59
}

tfoot {
    border-top: 1em solid transparent
}

    tfoot td, tfoot th {
        display: table-cell
    }

    tfoot tr {
        display: table-row
    }

td, th {
    padding: .25em .5em;
    text-align: left
}

@media screen and (max-width:45em) {
    td[title]::before {
        content: attr(title);
        text-transform: uppercase;
        border-right: 2px solid #fff;
        content: attr(title);
        display: inline-block;
        font-family: 'Ford F-1';
        font-weight: 700;
        margin: -.25em .5em -.25em 0;
        padding: .25em .5em .25em 0;
        text-transform: uppercase;
        vertical-align: top;
        width: 8em
    }

    #HomePageTiles {
        padding: 0
    }

        #HomePageTiles a {
            width: 100%;
            height: 259px;
            cursor: pointer
        }

            #HomePageTiles a h4 {
                font-size: 9px;
                margin-top: 7px
            }

    #HomePageThumbnails1 ul li a {
        height: 120px !important;
        font-size: 12px
    }

    #HomePageThumbnails1 .navigation-blocks li {
        height: 6em !important;
        padding: 0
    }

    #HomePageThumbnails1 .featured li a span {
        padding: .2em;
        height: 27px
    }

    table, tbody, tr {
        display: block
    }

    td, th {
        border-right: 0;
        display: block
    }

    th {
        display: none
    }

    tr + tr {
        border-top: 1px solid #d2dee7;
        margin-top: 0
    }
}

.table-container {
    overflow-x: auto;
    width: 100%
}

.inverted-row {
    background-color: #f3f2f2;
    color: #fff
}

    .inverted-row td, .inverted-row th {
        padding: 1.2em .5em
    }

.marketing-list ul {
    display: flex;
    padding-left: 0
}

    .marketing-list ul li {
        padding-left: 10px
    }

    .marketing-list ul a {
        width: 165px
    }

    .inverted-block article, .light-background article, .marketing-list ul li::before {
        background-image: none
    }

hr {
    border: 0;
    height: 1px;
    margin: 2em 0 1em
}

    hr.soft {
        background-color: transparent;
        background-image: repeating-linear-gradient(90deg,#3d4d59 0,#3d4d59 .5em,transparent .5em,transparent 1em)
    }

article {
    background-repeat: no-repeat
}

@media screen and (min-width:65em) {
    body #wrapper > header {
        height: 5.75em;
        padding-top: .3em
    }

    main {
        margin-top: 3em;
        margin-bottom: 0
    }

    article {
        padding-left: 0;
        padding-right: 4em;
        padding-bottom: 1em
    }
}

article .no-top-gap {
    padding-bottom: 0;
    margin-bottom: 0
}

article header {
    background-position: left center;
    background-repeat: no-repeat;
    margin: -1em -2em 2em;
    padding: 0 2em 2em;
    text-align: center
}

@media screen and (max-width:37.5em) {
    .bx-wrapper {
        margin: auto;
        margin-top: 5em !important
    }

    body #wrapper > header .logo img {
        height: 26px;
        margin-left: 0;
        margin-top: 6px
    }

    body #wrapper > header #menu-btn, body #wrapper > header #menu-btn-x {
        height: 4.7em;
        right: -22px
    }

    article {
        background-image: none !important;
        padding-top: 0
    }

        article header {
            background-image: none !important;
            margin-top: .2em
        }

    body #wrapper > header {
        height: 3em !important
    }
}

article .half-page {
    max-width: 40em
}

article .third-page {
    max-width: 24.5em
}

article ol, article ul {
    padding-left: 2em
}

article ul {
    padding-left: .5em
}

    .dealer-list .address, .dealer-list .hours, article ul li {
        padding-left: 1.5em;
        position: relative
    }

        article ul li::before {
            background-image: url(../images/icons/list-arrow.svg);
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            content: '';
            display: block;
            height: 1em;
            left: 0;
            position: absolute;
            top: .2em;
            width: 1em
        }

article img {
    height: auto;
    max-width: 100%
}

body #wrapper > header {
    background-color: #fff;
    left: 0;
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 1000;
    transition: .5s
}

@media screen and (min-width:37.5em) {
    body #wrapper > header {
        height: 6.3em;
        padding-bottom: 2.25em
    }
}

@media screen and (max-width:60em) {
    #HomePageTiles a {
        height: 275px
    }

    body #wrapper > header {
        height: 6.5em
    }
}

body #wrapper > header:before {
    height: 1px;
    left: 0;
    position: absolute;
    top: 2.8em;
    width: 100%
}

body #wrapper > header.scrolled:hover {
    height: 5.5em
}

@media screen and (min-width:600px) {
    h2 {
        font-size: 1.5em
    }

    h3 {
        font-size: 1.25em
    }

    form .forgotten-password {
        align-self: flex-end;
        text-align: right
    }

    form .form-section .eighth, form .form-section .half, form .form-section .quarter, form .form-section .three-eighths, input[type=checkbox]:checked ~ .if-checked .half, input[type=checkbox]:checked ~ .if-checked .quarter, input[type=radio]:checked ~ .if-checked .half, input[type=radio]:checked ~ .if-checked .quarter {
        width: calc(50% - 1em)
    }

    form .form-section .third {
        width: calc(33.33% - 1.33em)
    }

    input[type=checkbox]:checked ~ .if-checked .third, input[type=radio]:checked ~ .if-checked .third {
        width: calc(33.33% - 1em)
    }

    body #wrapper > header.scrolled:hover {
        height: 6em
    }

    body #wrapper > header.scrolled ~ main .find-part-container {
        transform: translateY(-4em)
    }
}

@media screen and (min-width:1000px) {
    body #wrapper > header .Ford-logos {
        top: 4.7em;
        width: 100%
    }

        body #wrapper > header .Ford-logos #SearchByPartNumberLabel {
            float: right;
            margin-top: 0
        }

    body #wrapper > header:before {
        top: 3.1em
    }

    body #wrapper > header.scrolled:hover {
        height: 6.7em
    }
}

body #wrapper > header.scrolled .active .sub-menu {
    transform: translateY(-3.1em)
}

body #wrapper > header .logo {
    display: inline-block;
    white-space: nowrap;
    padding: 1em 0
}

    body #wrapper > header .logo img {
        display: inline-block;
        height: 2em;
        margin-left: 0;
        margin-top: 0;
        vertical-align: middle;
        width: auto
    }

    body #wrapper > header .logo span {
        color: #3d4d59;
        display: inline-block;
        font-size: 1.7em;
        font-weight: 700;
        vertical-align: middle
    }

@media screen and (max-width:37.5em) {
    body #wrapper > header.scrolled {
        height: 8.5em !important
    }

    body #wrapper > header .logo {
        padding: 10px 0 0
    }

        body #wrapper > header .logo img {
            height: 26px;
            margin-left: 0;
            margin-top: 1em
        }

        body #wrapper > header .logo span {
            font-size: .7em;
            margin-top: 3em
        }
}

body #wrapper > header #menu-btn, body #wrapper > header #menu-btn-x {
    background-image: url('../images/icons/Hamburger_FTC_icon -01.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em;
    bottom: 0;
    cursor: pointer;
    height: 5.2em;
    position: absolute;
    right: 0;
    transition: background-color .3s;
    width: 3em;
    display: none
}

    body #wrapper > header #menu-btn-x::before, body #wrapper > header #menu-btn::before {
        content: ''
    }

    body #wrapper > header #menu-btn-x:active, body #wrapper > header #menu-btn-x:focus, body #wrapper > header #menu-btn-x:hover, body #wrapper > header #menu-btn:active, body #wrapper > header #menu-btn:focus, body #wrapper > header #menu-btn:hover {
        background-image: url('../images/icons/Hamburger_FTC_icon -02.svg');
        outline: 0
    }

        body #wrapper > header #menu-btn-x:active::after, body #wrapper > header #menu-btn-x:focus::after, body #wrapper > header #menu-btn-x:hover::after, body #wrapper > header #menu-btn:active::after, body #wrapper > header #menu-btn:focus::after, body #wrapper > header #menu-btn:hover::after {
            background-color: transparent;
            content: '';
            height: 2em;
            right: 0;
            position: absolute;
            top: 100%;
            width: 5em
        }

body #wrapper > header #user-menu-btn, body #wrapper > header #user-menu-btn-x {
    background-image: url(../images/icons/icon-user.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.25em;
    bottom: 0;
    display: block;
    height: 2.3em;
    overflow: hidden;
    margin-top: 0;
    right: 3em;
    transition: background-color .3s;
    width: 3em
}

    body #wrapper > header #user-menu-btn-x:active, body #wrapper > header #user-menu-btn-x:focus, body #wrapper > header #user-menu-btn-x:hover, body #wrapper > header #user-menu-btn:active, body #wrapper > header #user-menu-btn:focus, body #wrapper > header #user-menu-btn:hover {
        background-color: #92a2bd;
        outline: 0
    }

body #wrapper > header nav .has-children::after {
    content: '';
    border-bottom: 2px solid currentColor;
    border-right: 2px solid currentColor;
    content: '';
    height: .5em;
    position: absolute;
    right: 1.5em;
    top: 1em;
    transform: rotate(-135deg);
    width: .5em
}

body #wrapper > header nav .sub-menu {
    font-size: .85em;
    margin-left: 0;
    margin-top: 0
}

body #wrapper > header #menu {
    background-color: #fff;
    display: none;
    overflow-y: auto;
    margin-top: 0;
    max-height: calc(100vh - 5em);
    padding: 2em 0;
    position: absolute;
    right: 0;
    top: calc(100% + 1em);
    width: 20em
}

    body #wrapper > header #menu::before {
        background-color: rgba(0,0,0,.75);
        bottom: 0;
        content: '';
        height: calc(100% - 6.125em);
        left: 0;
        pointer-events: none;
        position: fixed;
        width: 100%;
        z-index: -1
    }

    body #wrapper > header #menu a {
        display: block;
        padding: .5em .75em
    }

    body #wrapper > header #menu li {
        border-left: 3px solid #3d4d59;
        margin-left: .5em;
        background-color: #fff;
        margin-bottom: 0;
        border-bottom: 1px solid grey
    }

    body #wrapper > header #menu .sub-menu {
        padding-bottom: 1em
    }

        body #wrapper > header #menu .sub-menu a {
            padding: .25em
        }

        body #wrapper > header #menu .sub-menu li {
            border-left: 0
        }

    body #wrapper > header #menu .has-children {
        cursor: pointer
    }

        body #wrapper > header #menu .has-children.closed::after {
            transform: rotate(45deg)
        }

body #wrapper > header #user-menu {
    color: #3d4d59;
    display: none;
    font-size: inherit;
    list-style: none;
    margin-top: 0;
    position: absolute;
    right: 2em;
    top: 1.75em
}

    body #wrapper > header #user-menu a {
        display: block;
        padding: .25em 0
    }

    .find-part-container > div:first-child, body #wrapper > header #user-menu .sub-menu li {
        margin-left: 0
    }

.cssHeadingcolor, body #wrapper > header .about, body #wrapper > header .cart, body #wrapper > header .edit, body #wrapper > header .lock, body #wrapper > header .management, body #wrapper > header .part, body #wrapper > header .search, body #wrapper > header .searchnew, body #wrapper > header .user {
    color: #00095b;
    font-weight: 700
}

    body #wrapper > header .about::before, body #wrapper > header .cart::before, body #wrapper > header .edit::before, body #wrapper > header .lock::before, body #wrapper > header .management::before, body #wrapper > header .part::before, body #wrapper > header .promotions::before, body #wrapper > header .register::before, body #wrapper > header .search::before, body #wrapper > header .searchnew::before, body #wrapper > header .user::before {
        content: '';
        display: inline-block;
        height: 1.25em;
        margin-bottom: .3em;
        margin-right: .5em;
        vertical-align: middle;
        width: 1.25em
    }

body #wrapper > header .cart-count {
    background-color: #3d4d59;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: .9em;
    height: 1.5em;
    left: .35em;
    position: absolute;
    text-align: center;
    top: -.5em;
    width: 1.25em;
    padding: 0
}

body #wrapper > header .cart::before {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    margin-top: -3.5px
}

body #wrapper > header .promotions, body #wrapper > header .register {
    color: #666;
    font-weight: 700
}

body #wrapper > header .user::before {
    margin-top: -3px
}

body #wrapper > header .lock::before {
    background-image: url(../images/icons/icon-lock.svg)
}

body #wrapper > header .edit::before {
    background-image: url(../images/icons/icon-edit.svg)
}

body #wrapper > header .search::before {
    background-image: url(../images/icons/icon-search.svg)
}

body #wrapper > header .cart::before {
    background-image: url(../images/icons/icon-cart.svg);
    margin-right: 0;
    width: 1.75em;
    height: 1em
}

body #wrapper > header .white-logos-bkg {
    background-color: #f3f2f2;
    padding: 0;
    float: left;
    width: 100%
}

body #wrapper > header .Ford-logos {
    margin-top: 0;
    position: absolute;
    top: 4.7em;
    overflow: visible;
    background-color: #f3f2f2;
    padding: .75em 1.8em;
    margin-left: -6em
}

@media screen and (max-width:60em) {
    body #wrapper > header #menu-btn, body #wrapper > header #menu-btn-x, body #wrapper > header #user-menu:hover {
        display: block
    }

    body #wrapper > header #user-menu {
        background-color: #fff;
        padding: 2em;
        top: 40px;
        right: 0;
        z-index: 99;
        border: 1px solid #666;
        max-height: 566px;
        overflow: auto
    }

        body #wrapper > header #user-menu li + li {
            margin-top: 1em
        }

        body #wrapper > header #user-menu .sub-menu {
            margin-top: 0;
            margin-left: 1.5em
        }

            body #wrapper > header #user-menu .sub-menu li + li {
                margin-top: 0
            }

    body #wrapper > header .Ford-logos, body #wrapper > header .white-logos-bkg {
        width: 100%
    }

    .map-container article .container {
        display: flex;
        flex-direction: column
    }
}

@media screen and (max-width:37.5em) {
    body #wrapper > header #menu-btn, body #wrapper > header #menu-btn-x {
        height: 1em;
        right: -22px;
        z-index: 2;
        top: 1.3em;
        margin-right: 1em
    }

    body #wrapper > header #user-menu-btn, body #wrapper > header #user-menu-btn-x {
        right: 10px;
        position: absolute;
        top: 9px
    }

    body #wrapper > header .cart {
        position: absolute !important;
        height: 2em;
        top: 7px;
        right: 65px;
        width: 1em
    }

    body #wrapper > header #NumPickListItems {
        position: absolute;
        top: -10px;
        left: 7px;
        font-size: 12px
    }

    body #wrapper > header .white-logos-bkg {
        height: 72px;
        width: 100%
    }

    body #wrapper > header .Ford-logos {
        top: 3em
    }
}

body #wrapper > header .Ford-logos img {
    height: 1em;
    margin-top: 0;
    float: left
}

@media screen and (max-width:37.5em) {
    body #wrapper > header .Ford-logos img {
        height: auto;
        max-width: 100%
    }

    main article.innerArticle {
        margin-top: 3em
    }
}

body #wrapper > header .Ford-logos #SearchByPartNumber {
    width: 231px;
    height: 28px
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    body #wrapper > header .Ford-logos #SearchByPartNumber {
        padding-top: 2px
    }
}

@media screen and (max-width:600px) {
    body #wrapper > header .Ford-logos #SearchByPartNumber {
        margin-top: 10px
    }

    body #wrapper > header .Ford-logos #SearchByPartNumberLabel {
        float: right;
        margin-top: 0
    }
}

main {
    display: block;
    padding: 1em 0
}

footer {
    background-color: #fff;
    color: #000;
    margin-top: 0;
    padding: 2em
}

    footer .container > * {
        font-size: .85em;
        margin-top: 0
    }

    footer a:hover {
        color: #fff
    }

    footer ul li {
        display: inline-block;
        margin: .25em 1em .25em 0
    }

@media screen and (min-width:45em) {
    .vishid-desktop {
        color: transparent;
        height: 1px;
        left: 0;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        top: 0;
        white-space: nowrap;
        width: 1px
    }

    footer {
        text-align: left
    }

        footer ul {
            display: flex
        }

            footer ul li {
                margin: 0 2em 0 0
            }

    .columns .third {
        flex-basis: calc(33.33% - 1em);
        max-width: calc(33.33% - 1em)
    }
}

@media screen and (min-width:75em) {
    footer ul li {
        margin: 0 4em 0 0
    }
}

@media screen and (max-width:65em) {
    footer #copyright {
        margin-top: 1em
    }
}

.container {
    background-repeat: no-repeat;
    display: block;
    max-width: 100%;
    position: relative
}

.centerContent, .text-center {
    text-align: center
}

    .centerContent img {
        text-align: center;
        display: block
    }

.columns {
    display: flex;
    flex-wrap: wrap;
    margin-left: -.5em;
    margin-right: -.5em
}

    .columns > * {
        flex-basis: 100%;
        margin: .5em
    }

.featured {
    font-size: 1.2em
}

.inverted-block, .light-background, .part-offer {
    background-color: #616161;
    color: #fff
}

.background-alt, .dealer-list h2 {
    background-color: #d2dee7
}

.inverted-block td, .inverted-block th, .light-background td, .light-background th {
    border-color: #616161
}

.info-btn {
    border: 2px solid currentColor;
    border-radius: 50%;
    display: inline-block;
    font-size: 1.25em;
    font-weight: 700;
    height: 1.5em;
    line-height: 1.35;
    margin-right: .5em;
    text-align: center;
    text-decoration: none !important;
    width: 1.5em
}

.inverted-block {
    padding: 1em
}

.margin-top-large {
    margin-top: 4em
}

.modal-overlay {
    align-items: center;
    background-color: rgba(0,0,0,.4);
    bottom: 0;
    display: flex;
    height: calc(100% - 5.125em);
    justify-content: center;
    left: 0;
    opacity: 0;
    overflow-y: auto;
    margin-top: 0;
    position: fixed;
    width: 100%;
    z-index: 998
}

    .dealer-list .close, .dealer-list h2, .modal-overlay a[href="#close"], .title-highlight {
        transition: background-color .3s
    }

    .modal-overlay > * {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        max-height: 100%;
        padding: 1em 0;
        position: relative
    }

        .modal-overlay > * > * {
            background-color: #fff;
            flex-basis: 26em;
            flex-grow: 1;
            overflow-y: auto;
            margin: 1em;
            max-width: 36em;
            padding: 1em
        }

#map, .dealer-list {
    overflow: hidden;
    pointer-events: auto
}

.modal-overlay > * > .full-width {
    flex-basis: auto;
    max-width: 72em
}

.modal-overlay a[href="#close"] {
    background-size: 1.5em;
    color: #3d4d59;
    height: 2em;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 2em;
    text-align: center;
    top: 2.5em
}

    .dealer-list .close:hover, .modal-overlay a[href="#close"]:hover {
        color: #92a2bd
    }

.modal-overlay h1, .modal-overlay h2, .modal-overlay h3, .modal-overlay h4, .modal-overlay h5, .modal-overlay h6, .part-offer ul h3 {
    font-family: inherit
}

.text-right {
    text-align: right
}

@media screen and (max-width:40em) {
    .inverted-block td[title]::before, .light-background td[title]::before {
        border-right-color: #616161
    }

    .inverted-block tr + tr, .light-background tr + tr {
        border-top-color: #616161
    }

    .text-center-mob {
        text-align: center
    }
}

.align-center {
    margin-left: auto;
    margin-right: auto;
    width: auto
}

.align-left, .filters > * {
    margin-right: 1em;
    width: auto
}

.align-left {
    float: left !important
}

.align-right {
    float: right !important;
    margin-left: 1em;
    width: auto
}

.title-highlight {
    background-color: #92a2bd;
    color: #fff;
    padding: .25em .5em
}

.add-to-basket.form-inline > * {
    margin: 0 .25em
}

.add-to-basket [role=button], .add-to-basket button, .add-to-basket input[type=reset], .add-to-basket input[type=submit], .find-part-container a[role=button] {
    min-width: 0
}

#video-overlay .video-close:before, .find-part-container a[href='#c'] {
    background-image: url(../images/icons/icon-cross.svg);
    background-position: center;
    width: 2em
}

@media screen and (min-width:45em) and (max-width:60em) {
    .add-to-basket.form-inline {
        flex-direction: column;
        width: 10em
    }

    .add-to-basket [role=button], .add-to-basket [type=number], .add-to-basket button, .add-to-basket input[type=reset], .add-to-basket input[type=submit] {
        margin: 0;
        width: 100%
    }
}

.apply-for-membership {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.breadcrumbs {
    margin-top: -4em;
    font-size: 1em !important
}

    .breadcrumbs a, .dealer-list .address, .dealer-list .approved, .dealer-list .directions, .dealer-list .hours, .dealer-list a[href^='mailto:'], .dealer-list a[href^='tel:'] {
        border-bottom: 0
    }

.dealer-list {
    background-color: #fff;
    counter-reset: dealers;
    height: calc(100% - 4em);
    transition: height .3s ease-out
}

    .dealer-list .address:before, .dealer-list .approved:before, .dealer-list .directions:before, .dealer-list .hours:before, .dealer-list a[href^='mailto:']:before, .dealer-list a[href^='tel:']:before {
        background-image: url(../images/icons/icon-email.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 1em 1em;
        content: '';
        display: inline-block;
        height: 1em;
        margin: .25em .5em .25em 0;
        vertical-align: middle;
        width: 1em
    }

    .dealer-list a[href^='tel:']:before {
        background-image: url(../images/icons/icon-phone.svg)
    }

    .dealer-list .directions:before {
        background-image: url(../images/icons/icon-directions.svg)
    }

    .dealer-list .approved::before {
        background-image: url(../images/icons/icon-approved.svg)
    }

    .dealer-list .address:before, .dealer-list .hours:before {
        background-image: url(../images/icons/icon-address.svg);
        left: 0;
        position: absolute;
        top: 0
    }

    .dealer-list .hours:before {
        background-image: url(../images/icons/icon-time.svg)
    }

    .dealer-list h2 {
        font-size: 1em
    }

        .dealer-list h2 label {
            cursor: pointer;
            display: block;
            font-size: 1em;
            font-weight: 700;
            padding: 1em;
            position: relative;
            text-shadow: none
        }

            .dealer-list h2 label:after {
                border-left: 2px solid currentColor;
                border-top: 2px solid currentColor;
                content: '';
                height: .5em;
                position: absolute;
                right: 1.5em;
                top: calc(50% - .2em);
                transform: rotate(45deg);
                transform-origin: 35% 35%;
                transition: transform .3s;
                width: .5em
            }

    .dealer-list h3 {
        font-size: 1em;
        font-weight: 700
    }

    .dealer-list li {
        counter-increment: dealers;
        display: none;
        padding: 1em;
        transition: background .3s
    }

        .dealer-list li::before, .navigation-blocks li::before, .products-list > li::before, .reports li::before {
            content: none
        }

        .dealer-list li h3:before {
            background-color: #92a2bd;
            border-radius: 50%;
            color: #fff;
            content: counter(dealers);
            display: inline-block;
            font-size: .75em;
            height: 1.5em;
            line-height: 1.6;
            margin-bottom: .2em;
            margin-right: .5em;
            text-align: center;
            vertical-align: middle;
            width: 1.5em
        }

    .dealer-list ul {
        height: calc(100% - 3.3em);
        overflow-y: auto;
        padding: 0;
        position: relative;
        margin-top: 0
    }

    .dealer-list .close {
        background-size: 1.5em;
        color: #3d4d59;
        cursor: pointer;
        display: block;
        height: 2em;
        margin: 0;
        padding: 0;
        position: absolute;
        right: 1em;
        text-align: center;
        top: 1em
    }

#MobileHeader, #video-overlay {
    position: fixed
}

.dealer-list [role=button] {
    padding: .5em 1em
}

.filters {
    flex-wrap: nowrap;
    justify-content: flex-start
}

    .filters > * {
        margin-top: 0
    }

.find-part-container {
    display: flex;
    margin: 1em 0 0;
    position: relative
}

@media screen and (min-width:1000px) {
    body #wrapper > header .Ford-logos {
        top: 4.7em;
        width: 114.2%
    }

        body #wrapper > header .Ford-logos img {
            height: 1.75em
        }

        body #wrapper > header .Ford-logos #SearchByPartNumber {
            float: right;
            margin-top: 0
        }

        body #wrapper > header .Ford-logos #SearchByPartNumberLabel {
            float: left;
            margin-top: 0
        }

    footer .footercontainer {
        float: right
    }

    .find-part-container {
        margin: 0;
        padding: 0;
        position: absolute;
        right: 1em;
        top: .25em;
        transition: transform .3s;
        z-index: 998
    }

    .imagemustangtd1 {
        width: 33%;
        padding: 0
    }

    .imagemustangtd2 {
        width: 48%
    }
}

@media screen and (min-width:1230px) {
    footer .footercontainer {
        float: right
    }

    .find-part-container {
        right: 0;
        padding-top: 1em
    }
}

.find-part-container > div {
    flex-grow: 1;
    margin: 0 .5em
}

    .find-part-container > div:last-child {
        margin-right: 0
    }

.find-part-container a {
    line-height: 1.5;
    margin-top: 0;
    text-align: center;
    width: 100%
}

    .find-part-container a[href='#c'] {
        background-color: #666;
        background-repeat: no-repeat;
        background-size: 1em;
        height: 2em;
        position: absolute;
        right: .75em;
        top: .75em
    }

        .find-part-container a[href='#c']:hover {
            background-color: #003478
        }

    .find-part-container a[href='#search-part-number'], .find-part-container a[href='#search-parts-vehicle'] {
        background-color: #666
    }

@media screen and (min-width:600px) {
    footer .footercontainer {
        float: right
    }

    .find-part-container > div {
        margin: 0
    }

        .find-part-container > div + div {
            margin-left: 1em
        }

    .find-part-container a {
        text-align: left
    }

        .find-part-container a[href='#search-part-number'], .find-part-container a[href='#search-parts-vehicle'] {
            background-position: .75em center
        }
}

.find-part-container .jump-fix {
    opacity: 0;
    left: 0;
    position: fixed;
    top: 0
}

    .find-part-container .jump-fix:target ~ form, .find-part-container form:target {
        display: flex
    }

    .find-part-container .jump-fix:target ~ a:before {
        background-color: #666;
        bottom: -.5em;
        content: '';
        height: 1em;
        left: calc(50% - .5em);
        position: absolute;
        transform: rotate(45deg);
        width: 1em
    }

.find-part-container form {
    background-color: #fff;
    box-shadow: 0 0 1em rgba(0,0,0,.25);
    display: none;
    margin-top: 0;
    padding: 1em;
    position: absolute;
    right: 0;
    top: calc(100% + 1em);
    width: 100%;
    z-index: 999
}

    .find-part-container form:target ~ a {
        background-color: #92a2bd;
        position: relative
    }

        .find-part-container form:target ~ a:before {
            background-color: #92a2bd;
            bottom: -.5em;
            content: '';
            height: 1em;
            left: calc(50% - .5em);
            position: absolute;
            transform: rotate(45deg);
            width: 1em
        }

    .find-part-container form p {
        margin-top: .5em
    }

    .find-part-container form .half {
        width: calc(50% - .25em)
    }

.locate-dealer {
    left: 0;
    margin-top: 0;
    top: 0;
    width: 100%
}

    .locate-dealer form {
        margin: auto 0;
        pointer-events: auto;
        position: relative;
        width: 100%
    }

    .locate-dealer h1, .locate-dealer h2, .locate-dealer h3, .locate-dealer h4, .locate-dealer h5, .locate-dealer h6 {
        font-family: inherit;
        color: #003478
    }

    .locate-dealer label {
        font-size: 2.5em;
        font-weight: 300;
        line-height: 1.25;
        text-shadow: 0 0 1em #eef2f6
    }

    .locate-dealer input[type=text] {
        box-shadow: 0 0 1em rgba(0,0,0,.25);
        margin-top: 0;
        transition: box-shadow .3s;
        width: 100%
    }

        .locate-dealer input[type=text]:focus {
            box-shadow: 0 0 3em rgba(0,0,0,.5)
        }

    .locate-dealer .map-overlay {
        height: calc(100% - 2em);
        left: 1em;
        margin-top: 0;
        max-width: 20em;
        pointer-events: none;
        position: absolute;
        top: 1em;
        width: calc(100% - 2em);
        z-index: 100
    }

    .locate-dealer input[type=submit].search-submit {
        background-color: transparent;
        background-image: url(../images/icons/icon-search.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 1.5em;
        border: 0;
        bottom: 1px;
        color: transparent;
        cursor: pointer;
        height: 3em;
        opacity: .5;
        position: absolute;
        right: 1px;
        transition: opacity .3s;
        width: 3em
    }

        .locate-dealer input[type=submit].search-submit:hover {
            opacity: 1;
            color: #1b394e;
            background-color: #fff;
            border-color: #1b394e
        }

.map-container article {
    padding-top: 0;
    padding-bottom: 0
}

.login-page > * {
    background-color: rgba(0,0,0,.9);
    padding: 1em
}

.navigation-blocks, .offers, .reports {
    padding: 0
}

    .offers img, .products-list img {
        display: block;
        height: auto;
        margin-top: 0;
        width: 100%
    }

    .offers li {
        margin: 1em 0
    }

@media screen and (min-width:45em) {
    .columns .two-thirds {
        flex-basis: calc(66.66% - 1em);
        max-width: calc(66.66% - 1em)
    }

    .columns .half {
        flex-basis: calc(50% - 1em);
        max-width: calc(50% - 1em)
    }

    .text-right-desktop {
        text-align: right
    }

    .locate-dealer .map-overlay {
        height: calc(100% - 8em);
        left: 4em;
        top: 4em
    }

    .login-page {
        align-items: flex-start;
        display: flex;
        margin-left: -1em;
        margin-right: -1em
    }

        .login-page > * {
            flex-basis: 15em;
            flex-grow: 1;
            margin: 0 1em;
            padding: 2em
        }

    .navigation-blocks {
        display: flex;
        flex-wrap: wrap;
        margin: -.5em
    }

        .navigation-blocks > * {
            flex-basis: calc(33.33% - 1em);
            margin: .5em
        }
}

.navigation-blocks a {
    align-items: flex-end;
    background-color: #3d4d59;
    background-position: center;
    background-repeat: no-repeat;
    color: #fff;
    display: flex;
    height: 100%;
    padding: 1.5em;
    width: 100%
}

.navigation-blocks li {
    height: 15em;
    padding: 0
}

.part-offer ul {
    background-position: center 1em;
    background-repeat: no-repeat;
    background-size: 15em auto;
    margin-top: 0;
    padding: 15em 1em 1em
}

.part-table table {
    font-size: 1em;
    margin: 0 -.5em;
    width: calc(100% + 1em)
}

    .part-table table td {
        border-bottom: 0;
        padding: 0 .5em
    }

@media screen and (min-width:45em) {
    .part-table td {
        border-bottom: 1px solid #d2dee7;
        padding: 1em .5em
    }

        .part-table td[title='Add to Cart'], .part-table td[title='Trade Club Price'] {
            width: 10em
        }

        .part-table td[title='List Price'] {
            width: 6.5em
        }

    .part-table [title=Years] {
        width: 7em
    }

    .part-table table tr + tr td {
        padding-top: .5em
    }

    .omnicrafttopsection {
        margin-top: 50px
    }
}

.products-list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -.5em;
    margin-right: -.5em;
    padding: 0
}

    .products-list > li {
        background-color: #fff;
        display: flex;
        flex-direction: column;
        margin: 1em .5em;
        padding: 0;
        width: 100%
    }

@media screen and (min-width:40em) {
    form .eighth, form .half, form .quarter, form .three-eighths {
        width: calc(50% - .5em)
    }

    form .third {
        width: calc(33.33% - .66em)
    }

    form .form-row {
        display: flex;
        margin-left: -.5em;
        margin-right: -.5em;
        width: calc(100% + 1em)
    }

        form .form-row > * {
            flex-basis: 2em;
            flex-grow: 1;
            margin: 0 .5em
        }

        form .form-row > .double-weight {
            flex-grow: 2
        }

        form .form-row > .triple-weight {
            flex-grow: 3
        }

    .inverted-block {
        padding: 2em
    }

    .text-center-desk {
        text-align: center
    }

    .filters {
        justify-content: flex-end
    }

        .filters > * {
            margin-left: 1em;
            margin-right: 0
        }

    .offers {
        display: flex;
        margin-left: -.5em;
        margin-right: -.5em
    }

        .offers li {
            flex-basis: 10em;
            flex-grow: 1;
            margin: .5em
        }

    .products-list > li {
        width: calc(50% - 1em)
    }
}

.products-list .sub-list {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    padding-left: 0
}

.products-list .top-products {
    display: block;
    font-size: 1.1em;
    padding: 0 .5em .5em
}

    .products-list .top-products::before {
        background-image: url(../images/icons/icon-arrow-right-light.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        content: '';
        display: inline-block;
        height: 1em;
        margin-bottom: .2em;
        margin-right: .5em;
        vertical-align: middle;
        width: .75em
    }

.products-list .view-all {
    font-weight: 700
}

.reports li {
    margin: .5em 0;
    padding: 0
}

.half li, .half p {
    padding-top: 5px;
    font-weight: 300;
    font-size: 18px
}

@media screen and (min-width:55em) {
    .products-list > li {
        width: calc(33.33% - 1em)
    }

    .reports {
        display: flex;
        flex-wrap: wrap;
        margin-left: -1em;
        margin-right: -2em
    }

        .reports li {
            flex-basis: calc(50% - 2em);
            margin: .5em 1em
        }
}

.reports [role=button] {
    width: calc(100% - 3.5em)
}

.sliderbg {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start
}

.bx-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    position: relative;
    padding: 0;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    background-color: #f3f2f1;
    border-radius: .9em
}

    .bx-wrapper img {
        max-width: 100%;
        display: block
    }

.bxslider {
    margin: 0;
    padding: 0;
    -webkit-perspective: 1000
}

.bx-viewport {
    -webkit-transform: translateZ(0)
}

.bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager {
    position: absolute;
    bottom: 0 auto -40px auto;
    width: 100%
}

.bx-wrapper .bx-pager {
    text-align: center;
    margin-top: -51px
}

    .bx-wrapper .bx-pager.bx-default-pager a {
        background: #666;
        text-indent: -9999px;
        display: block;
        width: 10px;
        height: 10px;
        margin: 0 5px;
        outline: 0;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px
    }

        .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover {
            background: 0 0;
            border: 1px solid #666
        }

.bx-wrapper .bx-controls-auto .bx-controls-auto-item, .bx-wrapper .bx-pager-item {
    display: inline-block;
    vertical-align: bottom
}

.bx-wrapper .bx-pager-item {
    font-size: 0;
    line-height: 0
}

.support-promotions-section .btn.disabled:hover {
    background-color: transparent !important;
    background-image: none;
    cursor: not-allowed !important
}

.support-promotions-section .btn.disabled {
    cursor: not-allowed !important
}

.support-promotions-section .support-promotions-list {
    padding-top: 3rem;
    table-layout: fixed;
    width: 100%;
    border: 1px solid #eef2f6
}

    .support-promotions-section .support-promotions-list td, .support-promotions-section .support-promotions-list th {
        border: 1px solid #eef2f6
    }

    .support-promotions-section .support-promotions-list th {
        background-color: #4169e1;
        color: #fff;
        padding: 1rem .5rem;
        font-size: 1.1rem
    }

        .support-promotions-section .support-promotions-list td div, .support-promotions-section .support-promotions-list td span, .support-promotions-section .support-promotions-list th div, .support-promotions-section .support-promotions-list th span {
            word-break: break-all
        }

    .support-promotions-section .support-promotions-list .col-content {
        max-height: 4rem;
        overflow-y: auto
    }

    .support-promotions-section .support-promotions-list .type-col {
        width: 7.5%
    }

    .support-promotions-section .support-promotions-list .title-col {
        width: 14% !important
    }

    .support-promotions-section .support-promotions-list .description-col {
        width: 22% !important
    }

    .support-promotions-section .support-promotions-list .show-col {
        width: 6%
    }

    .support-promotions-section .support-promotions-list .image-col {
        width: 150px
    }

    .support-promotions-section .support-promotions-list .image-cell {
        width: 150px;
        min-width: 150px
    }

        .support-promotions-section .support-promotions-list .image-cell .promotion-image {
            width: 100%;
            height: auto
        }

    .support-promotions-section .support-promotions-list .resource-col {
        width: 16%
    }

    .support-promotions-section .support-promotions-list .link-col {
        width: 11%
    }

    .support-promotions-section .support-promotions-list .date-col {
        width: 8%
    }

    .support-promotions-section .support-promotions-list .sort-command-col > div {
        width: 7.5%;
        display: flex;
        flex-direction: row;
        align-items: flex-end
    }

        .support-promotions-section .support-promotions-list .sort-command-col > div .btn.up {
            transform: rotate(180deg)
        }

        .support-promotions-section .support-promotions-list .sort-command-col > div .btn {
            background-image: url("../images/icons/icon-arrow-down.svg");
            background-position: center center;
            background-repeat: no-repeat;
            margin-right: .25rem;
            min-width: 0;
            width: 20px
        }

        .support-promotions-section .support-promotions-list .sort-command-col > div .edit-button {
            word-break: normal;
            padding: 0 .5rem;
            height: 2.5rem;
            vertical-align: middle;
            text-align: center;
            line-height: 2.5rem;
            min-width: 4Em
        }

.support-promotions-section .pager {
    margin-top: -.5rem;
    display: flex;
    flex-direction: row;
    align-items: flex-end
}

    .support-promotions-section .pager .btn {
        margin-right: .25rem
    }

.support-edit-promotions-section .file {
    display: block;
    padding: 0;
    margin-top: 0
}

#map {
    height: 100vw;
    left: 0;
    max-width: none;
    top: 0;
    width: 100%
}

@media screen and (min-width:60em) {
    form .eighth {
        width: calc(12.5% - .5em)
    }

    form .quarter {
        width: calc(25% - .5em)
    }

    form .three-eighths {
        width: calc(37.5% - .5em)
    }

    body #wrapper > header #user-menu-btn, body #wrapper > header #user-menu-btn-x {
        display: none
    }

    body #wrapper > header #menu {
        max-height: calc(100vh - 8em)
    }

    body #wrapper > header #user-menu {
        display: flex
    }

        body #wrapper > header #user-menu li {
            margin-left: 0
        }

        body #wrapper > header #user-menu .sub-menu {
            background-color: #fff;
            box-shadow: 0 0 .5em rgba(0,0,0,.25);
            display: none;
            left: 1.75em;
            margin-top: 0;
            padding: 1.5em;
            position: absolute;
            top: 100%;
            width: 15em
        }

    .modal-overlay {
        height: calc(100% - 9.4em)
    }

        .modal-overlay > * {
            padding: 1em
        }

            .modal-overlay > * > * {
                padding: 2em
            }

        .modal-overlay a[href="#close"] {
            right: 3em;
            top: 3em
        }

    .add-to-basket.form-inline {
        justify-content: flex-end;
        margin-bottom: .1em;
        width: 19em
    }

        .add-to-basket.form-inline > * {
            flex-grow: 0
        }

    .add-to-basket [type=number] {
        width: 5em
    }

    .locate-dealer {
        position: absolute;
        width: 22em
    }

    .map-container article .container {
        height: calc(100vh - 10em);
        min-height: 31em
    }

    .offers {
        margin-left: -1em;
        margin-right: -1em
    }

        .offers li {
            margin: 1em
        }

    .part-offer ul {
        background-position: left bottom;
        background-size: 25% auto;
        display: flex;
        padding: 1.5em 1.5em 1.5em 25%
    }

        .part-offer ul li {
            flex-basis: 10em;
            flex-grow: 1;
            margin: .5em
        }

        .part-offer ul .featured {
            font-size: 1.5em;
            line-height: 1.25
        }

    .part-table td[title='Add to Cart'] {
        width: 19em
    }

    #map {
        height: 100%;
        left: 23em;
        position: absolute;
        width: calc(100% - 23em)
    }
}

#map * + * {
    margin-top: auto
}

#video-overlay, #video-overlay .video-close {
    height: 100%;
    margin: 0;
    top: 0;
    width: 100%;
    left: 0
}

#results-btn:checked ~ .dealer-list {
    height: 3.2em
}

    #results-btn:checked ~ .dealer-list h2 label:after {
        transform: rotate(225deg)
    }

#video-overlay {
    background-color: rgba(0,0,0,.85);
    display: flex;
    opacity: 0;
    z-index: 1100
}

    #video-overlay iframe {
        border: 0;
        height: 55vw;
        margin: auto;
        position: relative;
        width: 95vw;
        z-index: 5
    }

@media screen and (min-width:900px) {
    form .form-section .eighth {
        width: calc(12.5% - 1em)
    }

    form .form-section .quarter, input[type=checkbox]:checked ~ .if-checked .quarter, input[type=radio]:checked ~ .if-checked .quarter {
        width: calc(25% - 1em)
    }

    form .form-section .three-eighths {
        width: calc(37.5% - 1em)
    }

    #video-overlay iframe {
        height: 28em;
        width: 50em
    }
}

#video-overlay .video-close {
    position: absolute;
    z-index: 1
}

    #video-overlay .video-close:before {
        background-repeat: no-repeat;
        background-size: 1.5em;
        content: '';
        display: block;
        height: 2em;
        position: absolute;
        right: 2em;
        top: 2em
    }

@media screen and (min-width:65em) {
    article header {
        margin: -2em -4em 4em;
        padding: 1.5em
    }

    body #wrapper > header {
        height: 1.75em;
        padding-top: .3em
    }

        body #wrapper > header .logo span {
            font-size: 1.9em
        }

        body #wrapper > header #menu {
            top: calc(100% + 2em)
        }

            body #wrapper > header #menu::before {
                height: calc(100% - 6.025em)
            }

    main {
        margin-top: 0;
        margin-bottom: 0
    }

    footer {
        padding: 1em 4em
    }

        footer .container {
            display: flex;
            justify-content: space-between
        }

    .large-padding-right {
        padding-right: 3em
    }

    .navigation-blocks {
        margin-top: -2.5em
    }

    .products-list > li {
        margin: 2em .5em
    }

    .omnicrafttopsection {
        margin-top: 50px
    }
}

@media screen and (min-width:45em) {
    .winamustagtable {
        margin-top: 10px
    }
}

@media screen and (max-width:45em) {
    body #wrapper > header #menu {
        padding-top: 0;
        right: -1em;
        width: calc(100% + 3em);
        top: -23px;
        padding-left: 5px
    }

        body #wrapper > header #menu .sub-menu {
            margin-bottom: 0;
            margin-left: 0
        }

            body #wrapper > header #menu .sub-menu li a {
                margin-left: 1.5em
            }

    .add-to-basket .placeholder {
        order: 2
    }

    .part-table td {
        padding: .75em .5em
    }

        .part-table td[title]::before {
            border-right: 0;
            display: block;
            margin-bottom: 0;
            width: auto
        }

    .part-table table tr + tr {
        border-top: 0;
        margin-top: .5em
    }

    .part-table table [title=Years]::before {
        display: none
    }

    .winamustagtable tr + tr {
        border-top: none !important;
        margin-top: 0
    }
}

.articleContainer {
    padding-top: 7em
}

.footercolumns {
    float: left;
    margin-top: 0
}

@media screen and (max-width:60em) {
    .part-offer ul li + li {
        border-top: 1px solid #d2dee7;
        margin-top: 1em;
        padding-top: 1em
    }

    #map {
        order: 2
    }

    .footercolumns {
        width: 160px
    }
}

#WinAMustangContainer {
    width: 44%;
    float: left
}

@media screen and (max-width:37.5em) {
    .margin-top-large {
        margin-top: 0
    }

    .featured-image {
        display: block;
        margin-top: 10px
    }

    .bx-wrapper {
        margin: auto
    }

    .omnicrafttopsection {
        margin-top: 50px !important
    }

    .footer-content {
        display: none
    }

    .footercolumns {
        float: left;
        margin-top: 1em
    }

    #UpdateAccountMobileDIV {
        height: 54px
    }

    #WinAMustangContainer {
        width: 100%
    }
}

.sub-menu {
    z-index: 999 !important
}

.centerimage {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start
}

.cssNewbutton, .cssbtnsearchtop {
    float: right;
    color: #fff;
    display: inline-block;
    font-family: 'Ford F-1';
    font-weight: 700;
    line-height: 1;
    min-width: 10em;
    padding: .75em;
    text-align: center;
    text-decoration: none !important;
    transition: background-color .3s
}

.cssNewbutton {
    background-color: #076ff0;
    border: 1px solid transparent;
    margin-right: 3em;
    border-radius: 10em
}

.csscenterthepage {
    margin: auto;
    width: 90%
}

.cssbtnsearchtop {
    background-color: #076ff0 !important;
    border: 1px solid transparent;
    margin-right: 0;
    border-radius: 10em
}

.leftalignContent {
    text-align: left
}

.csspageheading {
    margin-bottom: .51em;
    font-family: "Ford F-1" !important;
    color: #00095b;
    line-height: 38px;
    font-size: 32px;
    font-weight: 400
}

.csspageheadingspan {
    color: #066fef
}

.promo-section {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    margin-bottom: 40px;
    align-items: flex-start
}

.promo-visual-main, .statement-visual {
    flex: 0 1 490px
}

.promo-text-main {
    flex: 1 1 400px
}

.clearance-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 20px
}

.clearance-table-item {
    flex: 1 1 500px
}

    .clearance-table-item img {
        width: 100%;
        height: auto;
        max-width: 520px
    }

.disclaimer-text {
    font-size: 9pt;
    line-height: 1.5;
    margin-top: 15px;
    color: #444
}

.cta-group {
    margin-top: 20px
}

.date-highlight {
    font-weight: 700;
    color: #000;
    margin: 15px 0
}

.half h2 {
    border-bottom: 5px solid #f68d39;
    border-bottom-width: medium
}

.half li {
    margin-left: 20px
}

.position-statement-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
    margin-top: 2em;
    align-items: flex-start
}

#menu li a, .sub-menu a {
    display: block;
    text-decoration: none
}

.statement-content {
    flex: 1 1 450px
}

.statement-title {
    font-size: 30px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 20px;
    line-height: 1.2
}

.download-list, .feature-list {
    padding: 0;
    margin: 15px 0
}

    .feature-list li {
        position: relative;
        padding-left: 20px;
        margin-bottom: 5px
    }

        .feature-list li::before {
            content: "•";
            position: absolute;
            left: 0
        }

    .download-list li {
        margin-bottom: 8px
    }

    .download-list a {
        color: #039
    }

.download-header {
    font-weight: 700;
    margin-top: 25px;
    display: block
}

@media (max-width:992px) {
    .steps-container {
        flex-wrap: wrap;
        padding: 0 20px
    }

    .step-card {
        flex: 1 1 calc(50% - 20px)
    }
}

@media (max-width:576px) {
    .step-card {
        flex: 1 1 100%
    }
}

@media (max-width:600px) {
    .content-box {
        padding: 20px
    }

        .content-box h1 {
            font-size: 1.4rem
        }

    .fleet-solution-section {
        padding-top: 180px
    }

    .illustration-placeholder {
        height: 150px
    }
}

@media (max-width:768px) {
    .site-header {
        flex-direction: column;
        align-items: flex-start;
        padding-top: 20px
    }

    body #wrapper > header .logo {
        margin-bottom: 10px
    }

    .navbar {
        width: 100%;
        justify-content: flex-start;
        padding: 0 20px 10px
    }

    .menu-btn {
        display: block
    }

    #menu {
        display: none;
        position: absolute;
        right: 0;
        top: 60px;
        background-color: #fff;
        width: 100%;
        box-shadow: 0 8px 16px rgba(0,0,0,.2);
        flex-direction: column;
        z-index: 1000
    }

        #menu.active {
            display: flex
        }

    #MobileHeader .logo, body #wrapper > header .logo {
        width: auto !important;
        float: none;
        margin-left: 1em !important
    }
}

#menu {
    display: flex
}

#menu {
    margin-top: 0 !important;
    margin: 0;
    padding: 0
}

#MobileHeader .mobile-header-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px
}

.menu-btn {
    display: none;
    cursor: pointer;
    font-size: 1.5em
}

#menu li a {
    padding: 10px 15px;
    color: #333
}

.ParentMenu, .nav-item {
    position: relative;
    display: inline-block
}

    .ParentMenu .user, .nav-item > a {
        cursor: pointer;
        text-decoration: none;
        color: #00095b
    }

    .ParentMenu .sub-menu, .nav-item .sub-menu {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        min-width: 22%;
        background: #fff;
        box-shadow: 0 4px 12px rgba(0,0,0,.15);
        padding: .51em;
        z-index: 1000;
        border: 1px solid #d3d3d3;
        border-radius: 0 0 1em 1em
    }

    .ParentMenu .sub-menu {
        right: 0;
        left: auto
    }

.sub-menu a {
    padding: .51em;
    font-size: 14px;
    color: #000;
    white-space: nowrap
}

    .sub-menu a:hover {
        background-color: #f2f2f2
    }

.divider {
    height: 1px;
    background-color: #e0e0e0;
    margin: 6px 0
}

.logout {
    color: #d9534f
}

@media (max-width:768px) {
    .menu-btn {
        display: block
    }

    #menu {
        display: none !important;
        position: absolute;
        right: 0;
        top: 60px;
        background-color: #fff;
        width: 100%;
        box-shadow: 0 8px 16px rgba(0,0,0,.2);
        flex-direction: column;
        z-index: 1000;
        padding-left: 0
    }

        #menu.active {
            display: flex !important
        }

        #menu li {
            width: 100%;
            border-bottom: 1px solid #eee
        }

            #menu li a {
                padding: 15px 20px
            }

    .nav-item, .navbar a {
        width: 100%;
        padding: 10px 20px;
        box-sizing: border-box;
        border-bottom: 1px solid #eee
    }

        .nav-item .sub-menu {
            position: static;
            box-shadow: none;
            padding: 0;
            min-width: unset;
            display: block
        }

    .sub-menu a {
        padding-left: 40px
    }
}

.cssmobilesubparentmenu {
    border-left: 0 solid #3d4d59;
    margin-left: .5em;
    background-color: #fff;
    margin-bottom: 0;
    border-bottom: 0 solid grey
}