﻿
/* Tables */

table thead {
    font-size:                          11px;
}

/* Forms */

fieldset dl dd input[type=text],
fieldset dl dd input[type=email],
fieldset dl dd input[type=password],
fieldset dl dd input[type=tel], 
fieldset .custom-select {
    width:                              46.080959%;
}

fieldset dl dd input[type=text].alternative, 
fieldset dl dd input[type=email].alternative, 
fieldset dl dd input[type=password].alternative, 
fieldset dl dd input[type=tel].alternative, 
fieldset .custom-select.alternative {
    width:                              20.791604%;
}

/* Product listing  */

dl.stock.unavailable dd {
    font-size:                      13px;
}

dl.stock.unavailable dd a {
    font-size:                      12px;
}

article.product a.button {
	bottom: 						40px;
}

/* Promo info */

article.product ul.promotions {
	bottom: 						7px;
	right: 							1.875%;
}

/* Header */

header[role=banner] #account, header[role=banner] #register, 
header[role=banner] form#search, header[role=banner] #basket, header[role=banner] #language-selector {
    padding-top:                        16px;
}

/* Search */

header[role=banner] form#search {                   
    width:                              20.395833%;
}

/* Basket */

header[role=banner] #basket {
    padding-right:                      0.875%;
    width:                              15.783216%;
}

/* Language selector */

header[role=banner] #language-selector {
    padding-top:                        25px;
    width:                              10.384615%;
}

/* Navigation - Portrait tablet */

nav[role=navigation] ul li {
    padding-left:                       10px;
}

nav[role=navigation] ul li:last-child {
    padding-right:                      0;
}

nav[role=navigation] ul li a {
    font-size:                          12px;
}

/* Vehicle selector - Portrait tablet */

nav.vehicle-selector .container ul.models > li h2 {
    
}

nav.vehicle-selector .container ul.years h3 {
    font-size:                              14px;
}

nav.vehicle-selector .container ul.years{
    width:                                  237.5%;
}

nav.vehicle-selector .container ul.years > li > ul > li > a,
nav.vehicle-selector .container ul.systems li h4,
nav.vehicle-selector .container ul.systems li ul {
    font-size:                              12px;
    padding-left:                           15px;
}

nav.vehicle-selector .container ul.years > li > ul > li span {   
    margin-left:                            10px;
}

/* Steps */

ol.steps li {
    font-size:                              14px;
    width:                                  28%;
}

ul.my-vehicles li > h3 {
    margin-left:                            0;
}

/* Carousel */

.carousel-wrapper .carousel ul:not(.pager) li h2 {
    font-size:                              20px;
    line-height:                            28px;
}

/* Main - Portrait tablet */

section[role=main] .container > h1 a.cta {
    left:                               0;
    margin:                             0;
    position:                           relative;                                      
}

/* Special banner */

p.special {
    font-size:                          15px;
    line-height:                        18px;
}

/* Product */

.product-overview .details h1, .product-overview .details h2 {
    font-size:                          14px;   
    line-height:                        20px;         
}

.product-overview .details h1 span {
    font-size:                          11px;
}

/* Promo panel - Portrait tablet */

.promo-panels .promo {
    height:                             260px;
}

.promo-panels .promo h1, .promo-panels .promo h2 {
    font-size:                          13px;
}

.promo-panels .promo p.price {
    font-size:                          16px;
}

.promo-panels .promo p span {
        font-size:                      12px;
}


/* product */

article.product p.price, 
.product-overview .pricing p.price {
    line-height:                        19px;
}

article.product p.price strong,
.product-overview .pricing p.price strong {
    line-height:                        24px;
}

article.product p.price span.was,
.product-overview .pricing p.price span.was {
    line-height:                        8px;
}

/* Featured product listing - Portrait tablet */

article.product.featured .pricing p.special {
    font-size:                          18px;
    margin-right:                       -24%;
}

/* Products overview - Portrait tablet */

.product-overview .pricing p.shipping {
    font-size:                          11px;
    padding-left:                       24px;
} 


/* Products table - Portrait tablet */

dl.product-features dt {
    font-size:                          12px;
}

dl.product-features ul.highlights li {
    display:                            block;
}

/* Selected vehicle - Mobile */

.selected-vehicle {
    position:                           relative;    
    left:                               auto;
    top:                                auto;
    margin-bottom:                      20px;
}

/* Confirmation */

body#confirmation section[role=main] .column > h2:first-child:after {
    background-size:                    17px 12px;
    height:                             12px;
    width:                              17px;
}

/* Order summary */

aside[role="complementary"] #order-summary table tfoot tr:last-child td {
    font-size:                          12px;
}

aside[role=complementary] #order-summary table td:last-child {
    width:                              70px;
}

/* Choose a language */

nav.region-tabs ul li a {
    font-size:                          16px;    
}

ul.regions li ul.countries li, ul.regions li ul.countries li:nth-child(5n) {
    margin-right:                           1.111111111111111%;
    width:                                  24.16666666666667%;
}

ul.regions li ul.countries li:nth-child(4n) {
    margin-right:                           0;   
}

/* Smaller width forms */

.column fieldset dl dd input[type=text],
.column fieldset dl dd input[type=email],
.column fieldset dl dd input[type=password],
.column fieldset dl dd input[type=tel],
.column form.cnpForm .customInput input[type=text],
.column form.cnpForm .customInput input[type=tel],
.column fieldset .custom-select {
    width:                                  71.824175%;
}

.column fieldset dl dd input[type=text].alternative,
.column fieldset dl dd input[type=email].alternative,
.column fieldset dl dd input[type=password].alternative,
.column fieldset dl dd input[type=tel].alternative,
.column fieldset .custom-select.alternative {
    width:                                  32.835164%;
}

/* Join us */

.join-promo fieldset legend {
    font-size:                              11px;
    margin-top:                             15px;
}

.join-promo fieldset dt, .join-promo fieldset dd {
    float:                                  none;
    text-align:                             left;
    width:                                  100%;
}

.join-promo fieldset a {
    display:                                block;
    margin-left:                            0;
}

.join-promo fieldset input[type=submit] {
    margin:                                 15px 0 0;
}

.join-promo .details {
    width:                                  48%;
}

.join-promo .details h2 {
    font-size:                              28px;
}

.join-promo .cta a.button {
    margin-left:                            10.994764%;
}

/* Alert box */

div.alert-box.alternative p {
    float:                                  none;
    width:                                  auto;
}

div.alert-box.alternative a.button {
    float:                                  none;
}

/* Footer - Portrait tablet */
  
footer[role=contentinfo] #contact-wrap, footer[role=contentinfo] .bottom-bar {
    width:                                  23.776223%;
}

footer[role=contentinfo] #contact h1, footer[role="contentinfo"] #contact dl {
    margin-bottom:                          2px;
}

footer[role=contentinfo] #contact dl dt, 
footer[role=contentinfo] #contact dl dd {
    font-size:                              18px;
}

form.vin-search {
    display:                                flex;
    flex-wrap:                              wrap;
    overflow:                               auto;
    padding-bottom:                         20px;
    position:                               relative;
    top:                                    0;
    width:                                  auto;
}
