﻿
header[role=banner] a.selector {
    background-image:                   url(../Images/HeaderDropdownOpenIconx2.png);
    background-size:                    9px 5px;
}

header[role=banner] #basket p em {
    background-image:                   url(../Images/BasketIconBgx2.png);
    background-size:                    39px 52px;
}

@media only screen and (max-width : 900px ) {
    header[role=banner] #basket p em {
        background-size:                39px 52px;
    }   
}
header[role=banner] form#search input[type=submit] {
    background-image:                   url(../Images/SearchSubmitButtonBgx2.jpg);
    background-size:                    32px 22px;
}

@media only screen and (min-width : 676px) {
    nav[role=navigation] ul li.home a {
        background-image:               url(../Images/NavigationHomeLinkBgx2.png);
        background-size:                18px 36px;
    }
}

header[role=banner] .dropdown span.close {
    background-image:                   url(../Images/HeaderDropdownCloseIconx2.png);
    background-size:                    9px 9px;
}

nav[role=navigation] a.menu-toggle {
    background-image:                   url(../Images/menu-iconx2.png);
    background-size:                    35px 35px;
}
nav.vehicle-selector .container ul.years h3 span.close {
    background-image:                   url(../Images/VehicleSelectorDropdownCloseIconx2.png);
    background-size:                    8px 8px;
}

a.cta {
    background-image:                   url(../Images/CtaLinkBgx2.png);
    background-size:                    6px 11px;
}

.custom-select {
    background-image:                   url(../Images/SelectBoxArrowx2.png);
    background-size:                    13px 9px;
}

@media only screen and (max-width : 675px) {
    .custom-select {
        background-image:               url(../Images/SelectBoxArrowx2.png);
        background-size:                21px 17px;
    }
}

ol.steps li:after {
    background:                         url(../Images/StepNavigationBgx2.png);
    background-size:                    15px 74px;
} 

@media only screen and (max-width : 675px ) {
    ol.steps li:after {
        background:                     url(../Images/StepNavigationAlternativeBgx2.png);
        background-size:                12px 63px;
    }   
}
.carousel-wrapper a.previous, .carousel-wrapper a.next {
    background-size:                    76px 76px;
}

@media only screen and (max-width : 675px) {
    .carousel-wrapper a.previous, .carousel-wrapper a.next {
        background-size:                68px 68px;
    }
}

ul.promotions li a {
    background-image:                   url(../Images/ProductPromoInfoIconx2.png);
    background-size:                    25px 28px;
}

ul.promotions li a span:after {
    background-image:                   url(../Images/ProductPromoInfoHoverBgx2.png);
    background-size:                    52px 110px; 
}

div.alert-box h3 {
    background-image:                   url(../Images/AlertIconx2.png);
    background-size:                    34px 34px;
}

.product-overview .shipping > p {
    background-image:                   url(../Images/ShippingIconx2.png);
    background-size:                    32px 17px;
}

.product-overview .details .images p {
    background-image:                   url(../Images/ZoomIconx2.png);
    background-size:                    17px 16px;
}

ul.my-vehicles li > p:nth-of-type(2),
ul.highlights li,
dl.stock dd  {
    background-image:                   url(../Images/TickIconx2.png);
    background-size:                    17px 15px;
}

dl.product-features dt:before {
    background-image:                   url(../Images/ProductFeaturesIconsx2.png);
    background-size:                    38px 190px;
}

@media only screen and (max-width : 675px) {
    dl.product-features dt:before {
        background-image:               url(../Images/ProductFeaturesIconsAlternativex2.png);
        background-size:                29px 145px;
    }
}

/* Confirmation */

body#confirmation section[role=main] .column > h2:first-child:after {
    background-image:                   url(../Images/ConfirmationHeaderTipBgx2.gif);
    background-size:                    23px 19px;
}

@media only screen and (max-width : 900px) {
    body#confirmation section[role=main] .column > h2:first-child:after {
        background-size:                17px 13px;
    }
}

@media only screen and (max-width : 675px) {
    body#confirmation section[role=main] .column > h2:first-child:after {
        background-size:                13px 9px;
    }
}


/* Download panel */

a.download:before, a.download span.before {
    background-image:                   url(../Images/DownloadPanelHeaderIconx2.png);
    background-size:                    21px 18px;
}

/* Footer */

footer[role=contentinfo] #social ul li a {
    background-image:                   url(../Images/SocialMediaIconsx2.png);
    background-size:                    69px 23px;
}

footer[role=contentinfo] .bottom-bar a:before {
    background-image:                   url(../Images/EmailLinkBgx2.png);
    background-size:                    16px 12px;
}

/* Sub nav */

nav.sub-nav ul li a {
    background-image:                   url(../Images/CtaLinkBgx2.png);
    background-size:                    6px 11px;
}

nav.sub-nav ul li a:hover {
    background-image:                   url(../Images/SubNavLinkHoverBgx2.png);
    background-size:                    6px 11px;
}