﻿
html, body {
    line-height:                    14px;
    font-size:                      12px;
    -webkit-text-size-adjust:       100%;
}

h1 {
    font-size:                       14px; 
    line-height:                     20px;
}

h1, h2 {
    margin-bottom:                  10px;
}

h2 {
    font-size:                      11px; 
    line-height:                    20px;
    padding:                        4px 10px;
}   

/* Buttons */

p > a.button.align-right {
    margin-top:                     10px;
}

p > a.align-left {
	margin-top: 					20px;
}

/* Forms */

input[type=text], input[type=email], input[type=password], input[type=tel], textarea, .custom-select {
    -moz-border-radius:             0;
	-webkit-border-radius:          0;
	border-radius:                  0;
}

fieldset, .payment-form  {
    background:                     none;  
    padding:                        0 3.33333% 10px;
    width:                          87.183544%;
}

fieldset legend {
    font-size:                      12px;
    margin:                         0 -3.9622641% 10px;
    width:                          103.9622641%;
}

fieldset legend em {
    margin-left:                    0;
    margin-right:                   2.80065089%;
}

form.cnpForm {    
    width:                          93.75%;
}

fieldset > p {
    margin-bottom:                  10px;
}

fieldset ul.options, fieldset > p {
    width:                          100%;
}

fieldset dl dt, form.cnpForm .customLabel, 
fieldset dl dd, form.cnpForm .customInput {
    float:                          none;
    margin:                         0;
    text-align:                     left;
    width:                          100%;
}

fieldset dl dt label, form.cnpForm .customLabel  {
    padding-left:                   0;
}

form.cnpForm .customLabel {
    display:                        block;
}

form.cnpForm .customSelect {
    float:                          left;
    margin-left:                    0;
}

fieldset dl dd, form.cnpForm .customSelect, form.cnpForm .customInput {
    position:                       relative;
    margin-bottom:                  5px;
    line-height:                    normal;
}

fieldset dl dd p a.cta {
    border:                         none;
    padding-left:                   28px;
}

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 {
    padding:                        0 1.9880715%;
    width:                          95.427435%;
}

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,
fieldset ul.options .custom-select.alternative {    
    margin-right:                   3%;
    width:                          42.333%;
}

fieldset dl dd small {
    font-size:                      12px;
    width:                          auto;
}

fieldset .button-container input[type=submit], fieldset input[type=submit].primary,
body#checkout .payment-form .submitInput,
.column.variant-a fieldset .button-container input[type="submit"] {
    margin-left:                    0;
    margin-top:                     10px;
}

fieldset label + select, fieldset label + .selectbox {
    margin-top:                     10px;
}

fieldset ul.options li {
    padding-left:                   10.760147%
}

fieldset ul.options input[type=radio],  fieldset ul.options input[type=checkbox] {
    margin-left:                     -10.760147%;
}

/* Paging */

.paging > a {
    float:                          left;
    position:                       relative;
    top:                            auto;
}

.paging > a.next {
    float:                          right;
}

.paging ol {
    clear:                          both;
    padding-top:                    10px;
}

.paging ol li {
    margin:                         0 7px;
}

/* Steps */

ol.steps {
    margin-bottom:                  10px;
}

ol.steps:after {
    clear:                          both;
    content:                        "";
    display:                        block;
}

ol.steps li {
    font:                           bold 10px/29px 'ProximaNovaSemibold', arial, sans-serif;
    margin-bottom:                  5px;
    padding-left:                   12px;
    text-transform:                 none;
    width:                          auto;
}

ol.steps li:after {
    background:                     url(../Images/StepNavigationAlternativeBg.png) 0 -1px no-repeat;
    height:                         29px;
    margin-right:                   -31px;
    width:                          12px;
}

ol.steps li.current:after {
    background-position:            0 -33px;
}

section[role=main] .container > h1 + a.download {
    float:                          none;
    margin:                         0 0 10px;
}

html.ie7 section[role=main] .container > h1 + a.download {
    position:                       absolute;
    right:                          0;
    top:                            0;
}

/* Product listing  */

dl.stock {
    font-size:                      12px;
    line-height:                    18px;
    margin:                         0;
}

dl.stock.unavailable dd a {
    position:                       relative;
}

article.product {
    border-width:                   0 0 1px;
    margin:                         10px 0;
    padding:                        10px 0;
    width:                          100%;
}

article.product h1 {
    clear:                          both;
    display:                        block;
}

article.product > p.special {
    line-height:                    23px;
    font-size:                      11px;
    max-width:                      none;
    top:                            -10px;
}

article.product > p.special:after {
    display:                        none;
}

article.product.alternative {
    padding:                        10px 0;
    width:                          100%;
}

article.product .image-wrap, article.product p.price,
article.product.alternative .image-wrap {
    float:                          none;
    margin:                         0 0 10px;
    width:                          46.666666%;
}

article.product .image-wrap, article.product p.price {
    float:                          left;
}

article.product.alternative p.price {
    font-size:                      12px;
    float:                          right;
    margin:                         0 0 10px;
    width:                          auto;
}

article.product.alternative .image-wrap {
    width:                          31.9634703196347%;
}

article.product:not(.alternative) p.price {        
    margin:                         3% 0 0 3%;
    text-align:                     left;
}

article.product p.price, .product-overview .pricing p.price {
    margin:                         0;
}

article.product p.price strong, .product-overview .pricing p.price strong {    
    line-height:                        normal;
}

article.product a.button {
    bottom:                         auto;
    margin-top:                     10px;    
    position:                       relative;
    right:                          auto;
}

article.product > p:not(.price) {
    clear:                          both;  
}

article.product ul.promotions {   
    bottom:                         7px;
    right:                          1.875%;
}

/* Breadcrumb  */

nav#breadcrumb {
    display:                        none;
}

/* Widget  */

section.widget {
    float:                          none;
    margin-right:                   0;
    width:                          100%;
} 
   
section.widget .image-wrap {
    height:                         160px;
} 
  
section.widget .image-wrap img {
    max-height:                     none;
    max-width:                      100%;
} 
  
section.widget:nth-of-type(3n) {
    padding-bottom:                 10px;
}

.container {
    width:                          93.75%;
}  

/* Header */

header[role=banner] #account, header[role=banner] #register, 
header[role=banner] form#search, header[role=banner] #basket, header[role=banner] #language-selector {
    border:                         none;
    height:                         auto;
    float:                          none;
    padding-top:                    0;
}  

header[role=banner] h1 {
    height:                         34px;
    width:                          74px;
    margin-top:                     13px;
    margin-left:                    16px;
    padding:                        0;
    top:                            25px;
}

header[role=banner] h1 a {
    background:                     url(../Images/MobileLogo.png) no-repeat;
}

/* Account  */

header[role=banner] #account, header[role=banner] #register {
    display:                        none;
}   

/* Search - Mobile */

header[role=banner] form#search {
    bottom:                             0;
    left:                               13px;
    right:                              13px;
    padding:                            15px 0;
    position:                           absolute;
    margin:                             0;
    overflow:                           hidden;
}

header[role=banner] form#search input[type=submit] {
    top:                                15px;
    width:                              44px;
    height:                             33px;
    right:                              0;
    background-size:                    100%;
    background-color:                   #141414;
}

header[role=banner] form#search input[type=text] {
    font-size:                          13px;
    line-height:                        17px;
    width:                              100%;
}    

/* Basket */

header[role=banner] #basket {
    position:                           absolute;
    text-indent:                        -99999px;
    top:                                58px;
    right:                              60px;
    width:                              auto;
}

header[role=banner] #basket a.selector {
    background:                         none;
}

header[role=banner] #basket p {
    padding-top:                         0;
}

header[role=banner] #basket p em {
    text-indent:                        0;
}

header[role=banner] #basket p a.selector {
    height:                             34px;
    width:                              23px;
}    

/* Language selector  */

header[role=banner] #language-selector {
    padding-top:                        0;
    float:                              left;
}   

/* Sign/register in mobile view */

header[role=banner] .middle-bar > ul {
    display:                            block;
    margin:                             0;
    padding:                            0;
    position:                           absolute;
    right:                              3.125%;
    top:                                5px;
}

header[role=banner] .middle-bar > ul li {
    background:                         none;
    border-right:                       solid 1px #A1A1A1;
    display:                            inline;
    padding:                            0;
}
header[role=banner] .middle-bar > ul li:last-of-type {
    border:                             none;
}

header[role=banner] .middle-bar > ul li a {
    color:                              #A1A1A1;
    padding:                            0 12px;
}

/* Sign/register in mobile view */

header[role=banner] .top-bar .container > ul li {        
    font-size:                          11px;
    font-weight:                        bold;
    line-height:                        11px;
}
header[role=banner] .top-bar .container > ul li a {
    color:                              #A1A1A1;
    padding:                            0 8px;
}

/* Middle bar */

header[role=banner] .middle-bar, 
header[role=banner] .top-bar,
nav[role=navigation] {
    padding:                            0;
    margin:                             0;
}

header[role=banner] .middle-bar {
    height:                             60px;
}

/* Navigation - Mobile */

nav[role=navigation] {
    border-top:                         solid 1px #232323;
    padding-bottom:                     66px;
    margin-left:                        0;
}

nav[role=navigation] .container, nav.year-selector .container {
    position:                           relative;
}

nav[role=navigation] ul, nav.year-selector ul.years {
    display:                            none;
    float:                              none;
    height:                             auto;
    margin:                             0;
    padding:                            0;
    width:                              auto;
}

nav[role=navigation]:after {
    display:                            none;
}

nav[role=navigation] a.menu-toggle {
    display:                            block;
}

nav[role=navigation] ul li, nav.year-selector ul li {
    background:                         none;
    display:                            block;
    float:                              none;
    padding:                            0;
}

nav[role=navigation] ul li a {
    border-bottom:                      solid 1px #232323;
    cursor:                             pointer;
    display:                            block;
    font-size:                          13px;
    font-weight:                        bold;
    line-height:                        40px;    
    padding:                            0 13px;
    position:                           relative; 
    text-decoration:                    none;
}

/* Vehicle selector - Mobile */

nav.vehicle-selector {
    background:                         none;
    position:                           relative;   
    padding:                            10px 0;
    top:                                auto;
}

nav.vehicle-selector .container {
    background:                         none;
    padding:                            10px 0 0;
}
    
nav.vehicle-selector > .container:before, nav.vehicle-selector > .container:after,
nav.vehicle-selector > .container span.before, nav.vehicle-selector > .container span.after {
    background:                         none;
}
    
nav.vehicle-selector h1 {
    font-size:                          18px;
    line-height:                        22px;
}
    
nav.vehicle-selector h1, nav.vehicle-selector p, nav.vehicle-selector .container ul.models {
    margin:                             0 2.8169014% 10px;
} 

nav.vehicle-selector .container ul.models {
    margin-bottom:                      0;
}
     
nav.vehicle-selector .container ul.models > li {
    margin-right:                       1%;
    width:                              49.5%;
}

nav.vehicle-selector .container ul.models > li a.image-wrap {
    padding-top:                        10px;
}

nav.vehicle-selector .container ul.models > li a.image-wrap img {
    width:                              60%;
}

nav.vehicle-selector .container ul.models > li h2 {
    left:                               64%;
    top:                                45%;
    font-size: 12px;
}

nav.vehicle-selector .container ul.models > li:nth-child(2n) {
    margin-right:                       0;
    clear:                              none;
}
   
nav.vehicle-selector .container ul.models > li:nth-child(5n) {
    margin-right:                       1%;
}
    
nav.year-selector ul.years {
    display:                            block;
}

nav.vehicle-selector + section[role=main] .container > h1 {
    font-size: 18px;
    line-height: 22px;
}

/* Carousel - Mobile landscape */
.carousel-wrapper .carousel {
	margin:								0;
	width:								100%;
}
    
.carousel-wrapper .carousel ul:not(.pager) li h2  {
    font-size:                          13px;
    left:                               3.33333%;
    line-height:                        20px;
    padding-left:                       15px;
    width:                              auto;
}  

/* Main */

section[role=main] {
    padding-top:                        10px;
}

section[role=main] .column, section[role=main] .column.variant-a, body#confirmation section[role=main] .column,
nav.sub-nav + .column {
    float:                              none;
    margin:                             0;
    width:                              100%;
}

section[role=main] .column.variant-a, body#confirmation section[role=main] .column {
    padding:                            3.3333333%;
    width:                              93%;
}

section[role=main] .container > h1 {
    width:                              100%;
    font-size:                          18px;
    letter-spacing:                     4px;
}

section[role=main] .container > h1 a.cta {
    white-space:                        initial;
}

/* Side nav */

nav.sub-nav {
    float:                              none;
    margin-bottom:                      20px;
    width:                              100%;
}

nav.sub-nav h1 {
    padding-left:                       0;
}

/* Side column */

aside[role=complementary] {
    float:                              none;
    margin-bottom:                      10px;
    padding:                            3.3333333%;
    width:                              93%;
}

/* Smaller width forms */

.column fieldset {
    padding:                            0 3.33333% 10px;
    width:                              93.333333%;
}

.column fieldset.alternative {
    margin-bottom:                      10px;
}

.column fieldset legend {
    background:                         none;
    margin:                             10px auto;
    padding:                            0;
    width:                              100%;
}

.column fieldset dl {
    width:                              auto;
}

.column fieldset dl dt, .column fieldset dl dd,
.column.variant-a fieldset dl dt, .column.variant-a fieldset dl dd {
    margin-left:                        0;
    width:                              100%;
}

.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 {
    padding:                            0 1.9880715%;
    width:                              95.427435%;
}

.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 ul.options .custom-select.alternative {
    width:                              42.333%;
}

.column fieldset > input[type=submit] {
    margin-left:                        0;
    margin-top:                         5px;
}

.column fieldset ul.options li {
    padding-left:                       23px;
}

.column fieldset ul.options li input[type=radio],  .column fieldset ul.options li input[type=checkbox] {
    margin-left:                        -23px;   
    margin-top:                         0;
}

.column fieldset ul.options li dl dd input[type=checkbox]  {
    margin-left:                        0;
}

/* Subscription download */

fieldset.associate-vehicle ul.options {
    width:                              100%;
}

fieldset.associate-vehicle ul.options li label {
    font-size:                          13px;
}

fieldset.associate-vehicle legend {
    padding:                            0;
    width:                              100%;
}

/* Variant A*/

.column.variant-a fieldset {
    padding:                            0;
    width:                              100%;
}

.column.variant-a fieldset legend {             
    font-size:                          11px;
    margin:                             0 0 10px;
}

.column.variant-a fieldset dl dd input[type=text],
.column.variant-a fieldset dl dd input[type=email],
.column.variant-a fieldset dl dd input[type=password],
.column.variant-a fieldset dl dd input[type=tel],
.column.variant-a fieldset .custom-select,
.column.variant-a form.cnpForm .customInput input[type=text],
.column.variant-a form.cnpForm .customInput input[type=tel] {
    padding:                            0 1.9880715%;
    width:                              95.427435%;
}

.column.variant-a fieldset .button-container input[type=submit] {
    float:                              none;
}

/* Basic forms */

form.basic fieldset {
    margin-bottom:                      10px;
}

form.basic fieldset ul.options li dl dd label, 
form.basic fieldset ul.options li dl dd input[type=radio], form.basic fieldset ul.options li dl dd input[type=checkbox] {
    float:                              left;
    margin-bottom:                      10px;
}

form.basic fieldset ul.options li dl dd input[type=radio], form.basic fieldset ul.options li dl dd input[type=checkbox] {
    clear:                              both;
    margin-right:                       10px;
}

form.basic fieldset .button-container {
    width:                              100%;
}

form.basic fieldset .button-container input[type=submit] {
    float:                              none;
}

form.basic fieldset ul.options li label + .custom-select {
    margin-top:                         10px;
    margin-left:                        -10.760147%;
    width:                              106.760147%;
}

form.basic fieldset.preferences legend {
    margin:                             0;
}

form.basic fieldset.preferences ul.options li {
    padding-left:                   10.760147%
}

form.basic fieldset.preferences ul.options li > input[type=checkbox] {
    margin-left:                     -10.760147%;
}

/* Checkout */

body#checkout fieldset > p, body#checkout fieldset legend, body#checkout fieldset ul.options {
    margin:                             10px 0 4px;
    padding:                            0;  
    width:                              100%;
}

.payment-form p {
	position:                           relative;
	top:                                -70px;
	left:                               3.12121212121212%;    
}


/* Order summary */

aside[role=complementary] #order-summary table {
    margin:                             0 -1.66666666%;
    width:                              103.3333333%;
}

aside[role=complementary] #order-summary table tr td {
    padding:                            5px 1.6666666%;
}

aside[role=complementary] #order-summary table tbody td {
    padding-bottom:                     10px;
}

aside[role=complementary] #order-summary table tfoot tr:first-child td {
    padding-top:                        10px;
}

aside[role=complementary] #order-summary table td:last-child {
    width:                              40%;
}

/* Choose your language */

nav.region-tabs ul li, nav.region-tabs ul li:last-child {
    margin-right:                       2.793296%;
    width:                              48.603351%;
}

nav.region-tabs ul li:nth-child(2n) {
    margin-right:                       0;
}

ul.regions li ul.countries li, ul.regions li ul.countries li:nth-child(4n), ul.regions li ul.countries li:nth-child(5n) {
    margin-right:                       2.793296%;
    width:                              48.603351%;
}

ul.regions li ul.countries li:nth-child(2n) {
    margin-right:                       0;   
}

ul.regions li ul.countries {
    width:                              93.75%;
}

ul.regions li ul.countries li {
    margin-bottom:                      20px;
}

ul.regions li ul.countries li img {
    height:                             20px;
}

ul.regions li ul.countries li a {
    left:                               45px;
    top:                                4px;
}


/* Promo panel - Mobile */

.promo-panels {
    background:                         rgb(230,230,230);
    padding-top:                        15px;
}

.promo-panels .container > h1 {
    font-size:                          12px;
    line-height:                        normal;
    padding:                            3px 10px;
    margin-bottom:                      20px;
}

.promo-panels .promo {
    background:                         none;
    -moz-box-shadow:                    none;
    -webkit-box-shadow:                 none;
    box-shadow:                         none;
    float:                              none;
    height:                             auto;
    margin:                             0;
    padding:                            0 0 20px;
    width:                              100%
} 

.promo-panels .promo:last-child {
    padding-bottom:                     0;
}

.promo-panels .promo h1, .promo-panels .promo h2 {
    width:                              66.6666%;
}

.promo-panels .promo p.price {
    font-size:                          16px;
    position:                           absolute;
    top:                                113px;
    right:                              0;
}

.promo-panels .promo a.button {
    display:                            block;
    float:                              none;
    text-align:                         center;    
}

.promo-panels .promo p.special {
    right:                              1.6666%;
    top:                                -10px;
}

.promo-panels .promo p.special:after {
    display:                            none;
}

/* Footer banner - Mobile */

#footer-banner {
    background:                         rgb(230, 230, 230);
    padding-top:                        20px;
}

#footer-banner a {
    height:                             100px;
    margin:                             0 auto;
    overflow:                           hidden;
} 

#footer-banner a img {
    max-height:						    100%;
	max-width:                          none;
}
 
#footer-banner figcaption {
    font-size:                          11px;
    line-height:                        18px;
    top:                                3.762362%;
    right:                              3.762362%;
}  

#footer-banner figcaption strong {
    font-size:                          15px;
    top:                                0;
    right:                              0;
}   

/* Featured product listing - Mobile */

article.product.featured {
    border:                             none;
    margin-top:                         20px;
    padding:                            3.3333333%;
    width:                              93.333333%;
}

article.product.featured .image-wrap  {
    margin:                             0 0 10px;
    width:                              46.666666%;
}

article.product.featured .pricing p.special {  
    font-size:                          11px;
    margin:                             0;
    position:                           absolute;
    top:                                -10px;
    right:                              1.6666%;  
}

article.product.featured .pricing p.special:after {
    display:                            none;
}

article.product.featured .pricing {
    float:                              left;
    margin:                             0 0 0 4%;
    width:                              48.455%;
}

article.product.featured .pricing p.price {
    font-size:                          20px;
}

article.product.featured h1, article.product.featured h2 {
    font-size:                          14px;
    line-height:                        18px;
}

article.product.featured h1 span {
    font-size:                          13px;
    line-height:                        16px;
}

/* Basket */

table#products, #prices table {
    border-bottom:                      solid 1px rgb(153,153,153);
    margin-bottom:                      10px;
}

table#products thead, table#products tr td a.remove  {
    display:                            none;
}

table#products, table#products tbody, 
table#products tr, table#products tr td,
table#products tr td.product,
table#products tr td.quantity,
table#products tr td:last-child {
    display:                            block;
    float:                              left;
    padding:                            0;
    text-align:                         left;
    width:                              100%;
}

table#products tr td:last-child {
    text-align:                         right;
}

table#products tr td.product img {
    border:                             solid 1px rgb(219,219,219);
    margin-left:                        0;
    width:                              100%;
}

table#products tr td.product a {
    text-decoration:                    none;       
}    

table#products tr td.product a h2, table#products tr td.product a h3 {
    display:                            inline;
    color:                              rgb(33,39,33);
    font-size:                          16px;
    line-height:                        19px;
}

table#products tr td.product h2 span {
    font-size:                          12px;
}

table#products tr td.price {
    font-size:                          16px;    
    padding-top:                        5px;
}

table#products tr td.price a {
    display:                            block;
    font-size:                          12px;
    margin:                             10px 0;
}

table#products tr td.quantity, table#products tr td.quantity span {
    display:                            inline-block;
    padding-right:                      30px;
}

table#products tr td.quantity span {
    margin-top:                         15px;
}

table#products tr td.quantity span, table#products tr td.quantity input[type=text] {
    float:                              left;
}

table#products tr td.quantity, table#products tr td:last-child {
    display:                            table-cell;
    padding-bottom:                     10px;
}

fieldset.promotions {
    border-bottom:                      1px solid rgb(153, 153, 153);
    padding-bottom:                     10px;
    width:                              100%;
}

fieldset.promotions a.button {
    float:                              right;    
}

fieldset.promotions legend {
    font-weight:                        100;
    margin:                             0 0 10px;
    width:                              100%;
}

fieldset.promotions input[type=text] {
    clear:                              both;
    width:                              69.637883%           
}

#prices {
    margin-right:                       0;
    width:                              100%;
}

/* Products overview - Mobile */

.product-overview {
    background:                         none;
    margin-bottom:                      0;
}

.product-overview:before {
    display:                            none;
}

.product-overview .details, .product-overview .pricing, .product-overview .logos, .product-overview .shipping {
    float:                              none;
    margin:                             0;
    padding:                            0;        
    width:                              100%;
}

.product-overview .details:after {
    clear:                              both;
    content:                            "";
    display:                            block;
}

.product-overview .container > a {
    top:                                3px;
}

.product-overview .images {
    left:                               auto;
    position:                           relative;
    top:                                auto;
    width:                              100%;
}

.product-overview .images ul {
    float:                              none;
    margin-bottom:                      20px;
    width:                              100%;
}

.product-overview .images ul:after {
    clear:                              both;
    content:                            "";
    display:                            block;
}

.product-overview .images ul li {
    float:                              left;
    margin:                             0 8px 0 0;
    width:                              18.571428%
}

.product-overview .images p {
    display:                            none;
}

.product-overview .images #wrap, .product-overview .images a.main {
    width:                              100%;
}

.product-overview .pricing p.price {
    line-height:                        25px;
}

.product-overview .pricing {
    margin-top:                         5px;
    text-align:                         left;
} 
   
.product-overview .pricing p.special {
    display:                            none;
}
.product-overview .shipping {
    margin-top:                         10px;
    text-align:                         left; 
}

.product-overview .shipping > p {
    display:                            block;
    font-size:                          12px;
    line-height:                        17px;
}

.product-overview .shipping p strong {
    display:                            inline;
}

.product-overview .shipping a.button {
    float:                              none;
    margin-left:                        0;
}

.product-overview .shipping ul.promotions {
    float:                              right;
}

/* Products table - Mobile */

dl.product-features {
    margin:                             0;
}

dl.product-features dt {
    border-top:                         1px solid rgb(236, 236, 236);
}

dl.product-features dt, dl.product-features dd {        
    float:                              none;
    padding-left:                       15.833333%;
    padding-top:                        10px;
    width:                              84.166666%;
} 
   
dl.product-features dd {
    padding-top:                        0;
}

dl.product-features dt:before {
    background-image:                   url(../Images/ProductFeaturesIconsAlternative.png);
    height:                             29px;
    margin-top:                         0;
    width:                              29px;
}

dl.product-features dt.box:before {
    background-position:                0 -29px;
}

dl.product-features dt.coverage:before {
    background-position:                0 -58px;
}

dl.product-features dt.installation:before {
    background-position:                0 -87px;
}

dl.product-features dt.compatibility:before {
    background-position:                0 -116px;
}

dl.product-features ul.highlights {
    margin-top:                         10px;
}

dl.product-features ul.highlights li {
    display:                            block;
    font-size:                          14px;
    padding-right:                      0;
}

dl.product-features p, dl.product-features table {
    font-size:                          12px;
}

dl.product-features table th, dl.product-features table td {
    width:                              150px;
}

/* Confirmation */

body#confirmation section[role=main] .column > h2:first-child {
    margin-left:                        -6.5187637%;
}   

body#confirmation section[role=main] .column > h2:first-child:after {
    background-size:                    13px 9px;
    height:                             8px;
    width:                              13px;
}

body#confirmation section[role=main] .column p.reference-number em {
    font-size:                          24px;
    line-height:                        38px;
}

body#confirmation section[role=main] .column dl,
section.order dl {
    float:                              none;
    margin-bottom:                      10px;
    width:                              100%;
}

body#confirmation section[role=main] .column dl:first-of-type dt,
section.order dl:first-of-type dt {
    float:                                  none;
    margin-right:                           0%;
}

/* My orders */

section.order > h1 {
    color:                                  rgb(33,39,33);
    font-size:                              12px;
    padding-left:                           9.36639%;
}

section.order > h1 span, ul.my-vehicles li > span {
    margin-left:                            -10.060975%;
}

/* Manage my vehciles */

ul.my-vehicles li {
    padding-left:                           36.610878%;
}

ul.my-vehicles li > h3, ul.my-vehicles li > h4, ul.my-vehicles li > p {    
    color:                                  rgb(33,39,33);
    font-size:                              11px;
    margin:                                 0;
}

ul.my-vehicles li > span {
    margin-left:                            -54.006968%;
}

ul.my-vehicles li > h3 {    
    font-size:                              12px;
    margin-left:                            -33.02439%;
}

ul.my-vehicles li > h4 {    
    font-size:                              12px;
    margin-top:                             -5px;
}

ul.my-vehicles li > p:first-of-type {
    clear:                                  both;
    line-height:                            15px;
    margin:                                 -5px 0 10px;
}

ul.my-vehicles li > p:nth-of-type(2) {
    clear:                                  both;
    float:                                  none;
    font-weight:                            100;
    line-height:                            normal;
}

ul.my-vehicles li .slider {
    clear:                                  both;
    margin:                                 0 -3.9138943% 0 -60.975609%;
}

ul.my-vehicles li .slider .product {
    background:                             url(../Images/SeparatorBg.gif) repeat-x top;
    border:                                 none;
    clear:                                  both;
    margin:                                 0;
    padding:                                10px 3.4542314% 10px 36.610878%;
    width:                                  auto;
}

ul.my-vehicles li .slider .product .image-wrap {
    float:                                  left;
    margin:                                 0 0 0 -50%;
}

ul.my-vehicles li .slider > p {
    color:                                  rgb(33,39,33);    
    font-weight:                            100;    
}

ul.my-vehicles li .slider > p,
ul.my-vehicles li .slider > a.button {
    float:                                  none;
    margin-left:                            3.7593984%;
}

ul.my-vehicles li .slider .product p {
    clear:                                  none;
    font-size:                              11px;
    padding:                                0;
}

ul.my-vehicles li .slider .product:first-of-type {
    margin-top:                             10px;
}

/* Search results*/

body#search-results section[role="main"] .container > h1  {
    margin-bottom:                          35px;
}

body#search-results section[role="main"] .container > h1 span {    
    color:                                  rgb(33,39,33);
    font-size:                              12px;
    left:                                   0;
    top:                                    100%;
}

ol.results li {
    padding-top:                            10px;
    padding-left:                           11.632653%;
}

ol.results li span {
    margin-left:                            -12.157894%;
}    

body#search-results p.showing {
    margin:                                 -24px 0 10spx;
    text-align:                             left;
}

/* Join us */

.join-promo .main {
    height:                                 auto;
}

.join-promo fieldset {
    background:                             rgb(255,255,255);
    clear:                                  both;
    float:                                  left;
    margin-top:                             20px;
    padding-bottom:                         20px;
    position:                               relative;
    width:                                  94.75%;
}

.join-promo fieldset input[type=submit], .join-promo fieldset a {
    margin-left:                            30.3208%;
}

.join-promo fieldset legend {
    margin:                                 25px 0;
}

.join-promo fieldset dl dt, .join-promo fieldset dl dd {
    float:                                  left;
}

.join-promo fieldset dl dt {
    width:                                  28.6458%;
}

.join-promo fieldset dl dd {
    margin-left:                            1.675%;
    width:                                  68.4792%;
}

.join-promo .details {
    float:                                  none;
    margin-top:                             0;
    padding:                                10px 5%;
    width:                                  90%;
}

.join-promo .details h2 {
    font-size:                              15px;
    line-height:                            16px;
}

.join-promo .details p {
    font-size:                              12px;
}

.join-promo .cta p {
    float:                                  none;
    letter-spacing:                         0;
    padding-bottom:                         15px;
    width:                                  auto;
}

.join-promo .cta a.button {
    float:                                  none;
    margin-left:                            30.3208%;
}

/* Footer */
footer[role=contentinfo] #payment ul,
footer[role="contentinfo"] #payment {
    height:                             auto;
}

footer[role="contentinfo"] #payment h1 {
    margin-bottom:                      5px;
}

footer[role=contentinfo] h1, footer[role=contentinfo] #contact h1, 
footer[role=contentinfo] #contact dl,footer [role=contentinfo] #newsletter fieldset label {
    font-size:                          11px;
    line-height:                        14px;
}

footer[role="contentinfo"] .main, 
footer[role="contentinfo"] .main .container {
    padding:                            0;
}

footer[role="contentinfo"] .main {
    border-top:                         #1F1F1F solid 1px;
    padding-bottom:                     20px;
    padding-top:                        20px;
}

footer[role=contentinfo] .main nav, 
footer[role="contentinfo"] .main nav:first-of-type, 
footer[role="contentinfo"] .main nav:last-of-type {
    float:                              none;        
    margin:                             0 -3.2608695%;
    width:                              auto;
}  
  
footer[role=contentinfo] .main nav ul {
    border-bottom:                      solid 1px rgb(0,0,0);
    display:                            none;    
}

footer[role=contentinfo] .main nav ul li {
    margin:                             0 3.2608695%;
}

footer[role=contentinfo] .main nav p, footer[role=contentinfo] .main nav ul li a {
    border-bottom:                      solid 1px rgb(0,0,0);
    cursor:                             pointer;
    display:                            block;
    font-size:                          13px;
    font-weight:                        bold;
    line-height:                        25px;    
    padding:                            0 2.9644268%;
    position:                           relative;             
}   
 
footer[role=contentinfo] .main nav p {
    margin-bottom:                      0;
}

footer[role=contentinfo] .main nav p:after, footer[role=contentinfo] .main nav ul li a:after {
    background:                         url(../Images/FooterDropdownBg.png) no-repeat;
    content:                            "";
    display:                            block;
    height:                             12px;
    position:                           absolute;
    right:                              3.2608695%;
    top:                                6px;
    width:                              11px;
}

footer[role=contentinfo] .main nav ul li:last-child a {
    background:                         none;
}

footer[role=contentinfo] .main nav p.open:after {
    background-position:                0 -11px;
}

footer[role=contentinfo] .main nav ul li a {
    font-size:                          12px;
}

footer[role=contentinfo] .main nav ul li a:after {
    background-position:                0 -22px;
    right:                              0;
}

footer[role="contentinfo"] #contact-wrap, 
footer[role="contentinfo"] .bottom-bar {
    float:                              none;
    margin:                             20px 0 0;
    width:                              100%;
}

footer[role="contentinfo"] #contact, 
footer[role="contentinfo"] #newsletter {
    width:                              100%;
    float:                              none;
}

footer[role=contentinfo] #contact p, footer[role=contentinfo] #contact p:last-of-type {
    font-size:                           12px;
}   

footer[role=contentinfo] #newsletter h1 {
   line-height:                         normal;
}

footer[role=contentinfo] #social {
    position:                           relative;
    top:                                0;
    padding-top:                        20px;
}

footer[role=contentinfo] #social:after {
    clear:                              both;
    content:                            "";
    display:                            block;
}

footer[role=contentinfo] #social h1 {
    float:                              left;
    margin:                             6px 10px 0 0;
}

footer[role=contentinfo] .smallprint {
    width:                              100%;
    padding-top:                        20px;
}

footer[role="contentinfo"] .smallprint p {
    line-height:                        14px;        
}

footer[role=contentinfo] .smallprint ul li {
    padding-bottom:                     10px;
}    

footer[role=contentinfo] .smallprint ul li a {
    border-color:                       rgb(0,0,0);
    text-decoration:                    underline;
}

footer[role=contentinfo] .bottom-bar img {
    margin-top:                         -10px;
    width:                              auto;  
}

footer[role="contentinfo"] .bottom-bar a {
    font-size:                          12px;
}


/******************************** CSS for additional Components********************************************/

.article-list article:last-of-type {
    border-bottom:                          0;
    padding-bottom:                         0;
}

.article-list article.with-thumbnail {
    padding-left:                           0;
}

.article-list article.with-thumbnail img {
    float:                                  none;
}

.article-list.inline article {
	float:                                  none;
    margin-right:                           0;
    width:                                  auto;
}

.article-list.inline article.with-thumbnail {
    padding-left:                           10%;
    width:                                  auto;
}

.article-list article.with-thumbnail img,
.article-list.inline.list-group article.with-thumbnail img {
    margin-left:                            0;
    margin-bottom:                          10px;
    max-width:                              100%;
}

.marketing-panel {
    padding:                                20px 0;
}

.marketing-panel img, .marketing-panel .details,
.marketing-panel:not(.variant-b) .container > *:first-child,
.marketing-panel .container > *:nth-child(2), .marketing-panel:nth-child(2n) .details {
    float:                                  none;
    max-width:                              100%;
    width:                                  auto;
}

/* css for estimated text */
.cart_pg_tx span.label {
   margin-top:7px;
}
/* EO css for estimated text */