/* Colours */

/* rgb(20,32,50);                       Dark blue */
/* rgb(36,164,245);                     Light blue */
/* rgb(58,158,187);                     Link hover blue */
/* rgb(190,190,190);                    Light grey */
/* rgb(255,255,255);                    White */

/******** Foundation ********/

@font-face {
    font-family: 'PeugeotRegular';
    src: url('../Fonts/peugeotnormal.eot');
    src: url('../Fonts/peugeotnormal.eot') format('embedded-opentype'),
         url('../Fonts/peugeotnormal.woff2') format('woff2'),
         url('../Fonts/peugeotnormal.woff') format('woff'),
         url('../Fonts/peugeotnormal.ttf') format('truetype'),
         url('../Fonts/peugeotnormal.svg#PeugeotRegular') format('svg');
}

@font-face {
    font-family: 'peugeotbold';
    src: url('../Fonts/peugeot_bold-webfont.eot');
    src: url('../Fonts/peugeot_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/peugeot_bold-webfont.woff2') format('woff2'),
         url('../Fonts/peugeot_bold-webfont.woff') format('woff'),
         url('../Fonts/peugeot_bold-webfont.ttf') format('truetype'),
         url('../Fonts/peugeot_bold-webfont.svg#peugeotbold') format('svg');
}

* {
    margin:                             0;
    padding:                            0;
}

html, body {
    color:                              rgb(0,0,0);
    font:                               14px/18px Arial, sans-serif;
}

#wrapper {
    overflow:                           hidden;  
    position:                           relative;
}

h1, h2, h3, h4, h5, h6, p, ol, ul {
    margin:                             0 0 15px;
}

h1 {     
    display:                            inline-block;
    font-size:                          22px;
    text-transform:                     uppercase;
    position:                           relative;
    font-family:                       'PeugeotRegular'; 
}

h2 {
    clear:                              both;                 
    font-size:                          18px;
}

h1, h2 {
    margin-bottom:                      20px;
    line-height:                        normal;
}

h3 {    
    font-size:                          16px;
}

h4 {
    font-size:                          14px;   
}

p {
    letter-spacing:                     0.1px;
}

small {
    clear:                              both;
    display:                            block;
    font-size:                          11px;    
}

ol, ul {
    margin-left:                        20px;
}

ul {
   list-style:                          none; 
}

ul li {
    background:                         url(../Images/ListItemBg.png) no-repeat 0 4px;
    margin-bottom:                      6px;
    padding-left:                       18px;
}

a {
    color:                              rgb(0,0,0);   
    text-decoration:                    underline;                         
}

a:hover {
    color:                              rgb(58,158,187);
}

/******** Components ********/

a.cta, .paging > a {
    background:                         url(../Images/CtaLinkBg.png) right no-repeat;
    display:                            inline-block;
    padding-right:                      12px;
    text-decoration:                    none;
}

a.button, input[type=submit], button {

    background-color:                   rgb(235,235,235);
    background:                         url(../Images/button-arrow.png) right 10px center no-repeat, -webkit-gradient(linear, left top, left bottom, from(rgb(235,235,235)), to(rgb(221,220,220)));
    background:                         url(../Images/button-arrow.png) right 10px center no-repeat, -webkit-linear-gradient(top, rgb(235,235,235), rgb(221,220,220));
    background:                         url(../Images/button-arrow.png) right 10px center no-repeat, -moz-linear-gradient(top, rgb(235,235,235), rgb(221,220,220));
    background:                         url(../Images/button-arrow.png) right 10px center no-repeat, -ms-linear-gradient(top, rgb(235,235,235), rgb(221,220,220));
    background:                         url(../Images/button-arrow.png) right 10px center no-repeat, -o-linear-gradient(top, rgb(235,235,235), rgb(221,220,220));

    -webkit-appearance:                 none; 
    border:                             none;
    color:                              rgb(0,0,0);
    display:                            inline-block;
    height:                             21px;
    font:                               12px/21px Arial, sans-serif;
    padding:                            3px 25px 3px 13px;
    text-align:                         center;
    text-decoration:                    none;   
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
    text-transform:                     uppercase;
}

a.button:hover, input[type=submit]:hover, button:hover {
    background:                         url(../Images/button-arrow.png) right 10px center no-repeat, rgb(221,220,220);
}

a.button.primary, input[type=submit].primary, button.primary {
    background-color:                   rgb(20,32,50);
    background:                         url(../Images/button-arrow-white.png) no-repeat, -webkit-gradient(linear, left top, left bottom, from(rgb(28,163,207)), to(rgb(8,93,138)));
    background:                         url(../Images/button-arrow-white.png) no-repeat, -webkit-linear-gradient(top, rgb(28,163,207), rgb(8,93,138)); 
    background:                         url(../Images/button-arrow-white.png) no-repeat, -moz-linear-gradient(top, rgb(28,163,207), rgb(8,93,138));
    background:                         url(../Images/button-arrow-white.png) no-repeat, -ms-linear-gradient(top, rgb(28,163,207), rgb(8,93,138));
    background:                         url(../Images/button-arrow-white.png) no-repeat, -o-linear-gradient(top, rgb(28,163,207), rgb(8,93,138));
    background-position:                right 10px center;
    -moz-border-radius:                 5px;
    -webkit-border-radius:              5px;
    border-radius:                      5px;
    height:                             32px;
    line-height:                        32px;
    padding:                            0 25px 0 13px;
    text-transform:                     uppercase;
    font-weight:                        normal;
    color:                              rgb(255,255,255);
    float:                              right;
}

a.button.primary:hover, input[type=submit].primary:hover, button.primary:hover {
    background:                         url(../Images/button-arrow-white.png) no-repeat, rgb(8,93,138);
    background-position:                right 10px center;
}

html.ie8 a.button, html.ie8 input[type=submit], html.ie8 button,
html.ie7 a.button, html.ie7 input[type=submit], html.ie7 button {
    border-right:                       solid 1px rgb(130,138,138);
    border-bottom:                       solid 1px rgb(130,138,138);
}

a.cta:hover {
    text-decoration:                    underline;
}

input.primary.loading {
    background:                         url(../Images/Loader.gif) no-repeat rgb(255,255,255);
    background-position:                95% 4px !important; 
    border-color:                       rgb(246, 191, 20);
    color:                              rgb(246, 191, 20);
    padding-right:                      35px;
}   

button.cardSubmitButton {
    margin-top:                         40px;   
}

a.button.align-right {
    float:                              right;
}

p > a.align-right {
    margin-top:                         -5px;
}

input[type=submit], button {
    cursor:                             pointer;
    height:                             27px;
}

html.ie7 input[type=submit], 
html.ie7 button {
    overflow:                           visible;
}

fieldset legend em, body#checkout section[role=main] h3 em, a.popup:before, 
.paging ol li a, ol.results li span {
    background:                         rgb(255,255,255);
    -moz-border-radius:                 50%;
    -webkit-border-radius:              50%;
    border-radius:                      50%;
    color:                              rgb(20,32,50);
    display:                            block;
    float:                              left;
    font-size:                          13px;
    font-style:                         normal;
    height:                             24px;
    line-height:                        22px;
    margin-left:                        19.416666%;
    margin-right:                       1%;
    text-align:                         center;
    width:                              24px;
}

html.ie8 fieldset legend em, html.ie8 body#checkout section[role=main] h3 em, html.ie8 a.popup:before, 
html.ie8 ol.results li span,
html.ie7 fieldset legend em, html.ie7 body#checkout section[role=main] h3 em, html.ie7 a.popup:before, 
html.ie7 ol.results li span {
    background:                         url(../Images/FormHeaderBgIeFallback.png) no-repeat;
}

a.popup:before {
    content:                            "?";
    margin-left:                        0;
    margin-right:                       10px;
}

p#noscript {
    background:                         red;
    color:                              rgb(255,255,255);
    font-size:                          12px;
    margin:                             0;
    padding:                            5px 0;
    text-align:                         center;
}

a.download:before, a.download span.before {
    background:                         url(../Images/DownloadPanelHeaderIcon.png) no-repeat;
    content:                            "";
    float:                              left;
    height:                             18px;
    margin-right:                       10px;
    width:                              21px;
}

div#cookie-notice {
    border-bottom:                      1px solid #ccc;
    font-size:                          12px;
    padding:                            25px 0;
    position:                           relative;
}

div#cookie-notice a.button {
    cursor:                             pointer;
    right:                              10px;
    position:                           absolute;
    top:                                25px;
}

div#cookie-notice p {
    margin:                             0 80px 0 0;   
}

/* Lists */

ul.highlights {
    margin-left:                        0;
}

ul.highlights li {
    background:                         url(../Images/TickIcon.png) 0 1px no-repeat;
    font:                               normal 15px Arial, sans-serif;
    padding:                            0 25px;
}

ul.highlights li strong {
    font-weight:                        bold;
    margin-right:                       5px;
    color:                              rgb(36,164,245);
}

/* Popup and dropdown messages */

div.popup, div.dropdown {
    background:                         rgb(255,255,255);
    border:                             1px solid rgb(20,32,50);
    display:                            none;
    position:                           absolute;
    top:                                100%;
    z-index:                            10000;
}

html.ie8 div.popup, html.ie8 div.dropdown,
html.ie7 div.popup, html.ie7 div.dropdown {
    border-right:                       solid 1px rgb(130,138,138);
    border-bottom:                       solid 1px rgb(130,138,138);
}

div.popup h4, div.dropdown h2 {
    background:                         rgb(20,32,50);
    color:                              rgb(255,255,255);
    margin-bottom:                      10px;
    line-height:                        40px;
    text-transform:                     uppercase;
    font-weight:                        normal;
}

div.popup span.close, div.dropdown span.close {
    background:                         url(../Images/HeaderDropdownCloseIcon.png) no-repeat;    
    cursor:                             pointer;
    display:                            block;
    height:                             9px;
    position:                           absolute;
    top:                                15px;
    width:                              9px;
}

div.error-box, div.alert-box {
    background:                         rgb(230,230,230);
    clear:                              both;        
    display:                            block; 
    margin:                             0 0 10px;                 
    padding:                            12px 9px;
}

div.alert-box {
    padding:                            1.875%;
}

html.ie7 div.alert-box {
    zoom:                               1;
}

div.alert-box:after {
    clear:                              both;
    content:                            "";
    display:                            block;   
}

div.alert-box h3 {
    background:                         url(../Images/AlertIcon.png) no-repeat left;
    color:                              rgb(0,0,0);
    font-size:                          18px;
    margin-bottom:                      5px;
    line-height:                        34px;
    padding-left:                       50px;
}

div.alert-box.alternative h3 {
    background:                         none;
    padding-lefT:                       0;
}

div.alert-box.alternative p {
    width:                              60%;
}

div.error-box p {    
    font-size:                          12px;
    margin-bottom:                      0;
}

div.alert-box p {
    font-size:                          12px;
    float:                              left;
    width:                              72%;
}

div.alert-box a.button {
    float:                              right;
}

/* Forms */

fieldset {
    border:                             none;
}

html.ie7 fieldset {
    display:                            block;
}

input[type=text], input[type=email], input[type=tel], input[type=password], .custom-select, textarea {
    background:                         rgb(255, 255, 255); 
    border:                             1px solid rgb(157,157,157);
    color:                              rgb(0,0,0);
    font:                               14px/26px Arial, sans-serif;
    height:                             26px;
    padding:                            2px 10px;
    -webkit-appearance:                 none;
    -webkit-border-radius:              0; 
}

input[type=text], input[type=email], input[type=tel], input[type=password] {
    line-height:                        100%;
}

html.ie8 input[type=text], html.ie7 input[type=text],
html.ie8 input[type=password], html.ie7 input[type=password] {
    line-height:                        24px;
}

.custom-select {
    background:                         url(../Images/SelectBoxArrow.png) no-repeat right rgb(255,255,255);
    overflow:                           hidden;
}

html.ie7 .custom-select {
    background:                         none;
    border:                             0;
    padding:                            0;
}

.custom-select select {
    background:                         transparent;
    border:                             none;
    color:                              rgb(70,70,70);
    font:                               14px/24px Arial, sans-serif;    
    width:                              150%;
    -webkit-appearance:                 none;
}

html.ie7 .custom-select select {
    width:                              100%;
}

input.error {
    border-color:                        rgb(170,20,6);  
}

span.required, span.error, .errorMessage {
    color:                              rgb(170,20,6);
}

.payment-form {
    padding:                            10px 0;   
}

html.ie7 .payment-form {
    padding-top:                        20px;
}

.payment-form p {
    position:                           relative;
    top:                                -70px;
    left:                               30.11111111%;    
}

fieldset, .payment-form {    
    border:                             1px solid rgb(230, 230, 230);
    border-width:                       0 1px 1px;
    padding-bottom:                     20px;                 
}

.payment-form {
    width:                              100%;
}

fieldset.alternative {
    border-width:                       1px;
}

fieldset dl, form.cnpForm {              
    clear:                              both;
    margin:                             0 auto;
    max-width:                          960px;
    width:                              97%;
}

fieldset dl.add-address,
body#checkout .payment-form, body#checkout button.customDirectSubmit {
    display:                            none;
}

fieldset dl:after, form.cnpForm:after {
    clear:                              both;
    content:                            "";
    display:                            block;
}

fieldset dl dt, form.cnpForm .customLabel {    
    clear:                              both;
    display:                            table;
    float:                              left;
    height:                             24px;
    text-align:                         right;    
    width:                              28.645833%;
}

fieldset dl dt label, form.cnpForm .customLabel {
    color:                              rgb(0,0,0);
    line-height:                        14px;
    display:                            table-cell;
    vertical-align:                     middle;
}

form.cnpForm .customLabel {
    line-height:                        26px;
    width:                              26.397515%;
}

fieldset dl dt span.required {
    padding-right:                      3px;
}

fieldset dl dd, form.cnpForm .customSelect, form.cnpForm .customInput {
    float:                              left;
    line-height:                        24px;
    margin-left:                        1.875%;
    margin-bottom:                      10px;
    position:                           relative;
    width:                              69.479166%;
}

html.ie7 fieldset dl {
    position:                           relative;
}

html.ie7 fieldset dl dd {
    position:                           static;
}

html.ie7 fieldset dl dd, html.ie7 form.cnpForm .customSelect, html.ie7 form.cnpForm .customInput {    
    display:                            inline;
}

html.ie7 fieldset dl dt label, html.ie7 form.cnpForm .customLabel {
    line-height:                        24px;
    display:                            inline-block;
}

form.cnpForm .customInput, form.cnpForm .customSelect {
    margin-left:                        3.10559%;
    width:                              40.963855%;
}

form.cnpForm .customSelect {
    width:                              auto;
}

form.cnpForm .customSelect select {
    padding:                            1px 2px 1px 10px;
}

html.ie8 form.cnpForm .customSelect,
html.ie7 form.cnpForm .customSelect {
    width:                              22.27%;
}

form.cnpForm .customSelect + .customSelect {
    margin-left:                        5px;
}

fieldset input[type=radio],  fieldset input[type=checkbox] {
    margin-top:                         2px;
}

html.ie7 fieldset input[type=radio], html.ie7 fieldset input[type=checkbox] {
    margin-top:                         -2px;
}

fieldset input[type=radio] + label,  fieldset input[type=checkbox] + label {
    margin-right:                       8px;
}

fieldset dl dd small {
    color:                              rgb(140,140,140);
    display:                            block;
    font-size:                          12px;
    line-height:                        17px;
    padding-top:                        5px;
    width:                              100%;
}

fieldset dl dd a.popup {
    line-height:                        20px;
    margin-top:                         10px;
}

fieldset dl dd > p {
    margin:                             0;
}

fieldset dl dd p a.cta {
    border-left:                        solid 1px rgb(0,0,0);
    line-height:                        14px;
    padding-left:                       5px;
}

fieldset legend, body#checkout section[role=main] h3 {
    background:                         rgb(20,32,50);
    font-size:                          18px;
    line-height:                        24px;
    margin-bottom:                      20px;
    padding:                            9px 2.1%;
    width:                              96%;
    color:                              rgb(255,255,255);
    text-transform:                     uppercase;
}



html.ie7 fieldset legend {
    float:                              none;
    margin-left:                        -7px;
}

fieldset legend {
    float:                              left;
}

fieldset ul.options, fieldset > p  {
    clear:                              both;
    max-width:                          568px;
    margin:                             0 auto;
    width:                              59.166666%;                           
}

fieldset ul.options li {
    background:                         none;    
    padding-left:                       5.2816901%;     
    padding-bottom:                     5px;
}

html.ie7 fieldset ul.options li {
    zoom:                               1;
}

fieldset ul.options li:after {
    clear:                              both;
    content:                            "";
    display:                            block;
}

fieldset ul.options input[type=radio],  fieldset ul.options input[type=checkbox] {
    margin-left:                        -5.28169%;
}

fieldset ul.options li input[type=radio],  fieldset ul.options li input[type=checkbox],
fieldset ul.options li input[type=radio] + label,  fieldset ul.options li input[type=checkbox] + label {
    float:                              left;
}

fieldset ul.options dl dd input.alternative[type="text"], fieldset ul.options dl dd input.alternative[type="email"], 
fieldset ul.options dl dd input.alternative[type="password"], fieldset ul.options dl dd input.alternative[type="tel"], 
fieldset ul.options .custom-select.alternative {
    width:                              23%;
}

fieldset ul.options li input[type=checkbox] + label, fieldset ul.options li input[type=radio] + label {
    width:                              92.213114%;
}

fieldset ul.options li dl {
    clear:                              both;
    display:                            none;
    padding-top:                        10px;
    width:                              100%;
}

fieldset ul.options li dl dt, fieldset ul.options li dl dd {
    float:                              none;
    margin:                             0;
    text-align:                         left;
    width:                              100%;
}

fieldset ul.options li dl dt {
    margin-bottom:                      8px;
}

fieldset ul.options li dl dd:after {
    clear:                              both;
    content:                            "";
    display:                            block;
}

fieldset ul.options li dl dt label {
    padding:                            0;
}

fieldset ul.options li dl dd input[type=radio] + label,  fieldset ul.options li dl dd input[type=checkbox] + label, 
fieldset ul.options li dl dd input[type=radio], fieldset ul.options li dl dd input[type=checkbox] {
    float:                              none;
    margin-left:                        0;
}

fieldset > p {
    margin-bottom:                      15px;
}

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:                            2px 1.499250374812594%;
    width:                              38.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 {
    float:                              left;
    margin-right:                       1.199400299850075%;
    width:                              16.791604%;
}

fieldset .button-container {
    padding-top:                        5px;
    margin:                             0 auto;
    max-width:                          960px;
    width:                              97%;
}

fieldset .button-container input[type=submit] {
    margin-left:                        30.520833%;
}

fieldset dd div.popup {
    padding:                            0 2.9985007% 10px;
    right:                              0;
    width:                              72.863568%;
}

fieldset dd div.popup h4 {
    margin:                             0 -4.1152263% 30px;
    padding:                            0 4.1152263%;
}

fieldset dd div.popup img {
    float:                              left;
    margin:                             0 6.1728395% 10px 0;
    max-width:                          100%;
    width:                              56.3786%;
}

fieldset dd div.popup span.close {
    right:                              4.1152263%;
}

fieldset dd div.popup p {    
    line-height:                        17px;
}

/* Table */

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

table thead {
    margin-bottom:                      25px;
    padding:                            0 20px;
    text-transform:                     uppercase;
}

table tr td, table tr th {
    font-weight:                        normal;
    padding:                            9px 0;
    text-align:                         center;
    vertical-align:                     top;
}

table tr th {    
    font:                               16px Arial, sans-serif;
}

table tr td {
    font-size:                          12px;
}

table tr td img {
    float:                              left;
    margin-right:                       10px;
    margin-bottom:                      10px;
}

/* Stock message */


dl.stock dt, dl.stock dd {
    float:                                  left;
    color:                                  rgb(0,0,0);
}

dl.stock {
    margin-top:                             10%;
}

dl.stock:after {
    clear:                                  both;
    content:                                "";
    display:                                block;
}

dl.stock dt {
    padding-right:                          8px;
}

dl.stock dd {
    background:                             url(../Images/TickIcon.png) no-repeat;
    padding-left:                           24px;
}

dl.stock.unavailable {
    padding-bottom:                         20px;
    position:                               relative;
}

dl.stock.unavailable dd {
    background:                             url(../Images/CrossIcon.png) no-repeat;
}

dl.stock.unavailable dd a {
    bottom:                                 0;
    left:                                   0;
    position:                               absolute;
}

/* Paging */

.paging {
    position:                           relative;
    text-align:                         center;
}

.paging > a {
    position:                           absolute;
    top:                                6px;
}

.paging > a.previous {
    background:                         url(../Images/PreviousLinkBg.png) no-repeat left;
    left:                               0;
    padding-right:                      0;
    padding-left:                       12px;
}

.paging > a.next {
    right:                              0;
}

.paging ol {
    list-style:                         none;
}

.paging ol li {
    display:                            inline-block;
    margin:                             0 2px;
}

.paging ol li a {
    background:                         rgb(244,244,244);
    border:                             solid 1px rgb(231,231,231);
    -moz-border-radius:                 2px;
    -webkit-border-radius:              2px;
    border-radius:                      2px;
    color:                              rgb(70,70,70);
    display:                            inline-block;
    height:                             25px;
    line-height:                        25px;
    margin:                             0;
    text-decoration:                    none;
    width:                              25px;
}

.paging ol li.current a {
    background:                         rgb(20,32,50);
    color:                              rgb(255,255,255);
}

html.ie7 .paging ol li {
    display:                            inline;
}

html.ie7 .paging ol li a {
    display:                            inline;
    float:                              left;
}

/* Steps */

ol.steps {
    counter-reset:                      section;
    list-style-type:                    none;
    margin:                             0 0 20px;
}

html.ie7 ol.steps {
    zoom:                               1;
}

ol.steps:after {
    clear:                              both;
    content:                            "";
    display:                            block;
}

ol.steps li {
    background:                         rgb(20,32,50);
    color:                              rgb(255,255,255);
    font:                               16px/36px Arial, sans-serif;
    float:                              left;
    list-style:                         none;
    padding-left:                       25px;
    padding-right:                      10px;
    text-transform:                     uppercase;
    width:                              22%;
}

html.ie7 ol.steps li {    
    white-space:                        nowrap;
}

ol.steps li:first-child {
    padding-left:                       10px;
}

ol.steps li.current {
    background:                         rgb(36,164,245);
    color:                              rgb(255,255,255);
}

ol.steps li:before {
    counter-increment:                  section;
    content:                            counter(section) ". ";
}

ol.steps li:after {
    background:                         url(../Images/StepNavigationBg.png) no-repeat;
    content:                            "";
    display:                            block;
    float:                              right;
    height:                             36px;
    margin-right:                       -25px;
    position:                           relative;
    width:                              15px;
    z-index:                            100;
}

html.ie7 ol.steps li {
    margin-right:                       2px;
    width:                              18%;
}

ol.steps li.current:after {
    background-position:                0 -37px;
}

/* Product listing */

article.product {
    -moz-border-radius:                 3px;
    -webkit-border-radius:              3px;
    border-radius:                      3px;
    margin-bottom:                      2.083333333333333%;
    min-height:                         115px;
    padding:                            1.875% 19.58333333333333% 1.875% 23.54166666666667%;
    position:                           relative;
    background-color:                   rgb(255,255,255);
}

article.product:last-of-type {
    margin-bottom:                      0;
}

article.product:after {
    clear:                              both;
    content:                            "";
    display:                            block;
}

article.product .image-wrap {
    background:                         rgb(255,255,255);
    float:                              left;
    margin-left:                        -38.23529411764706%;
    width:                              34.92647058823529%;
}

article.product .image-wrap img {
    border:                             none;
    display:                            block;
    height:                             auto;
    max-width:                          100%;
}

article.product > p,
.product-overview .details p {
    margin-bottom:                      8px;
}

article.product > p:last-of-type {
    margin:                             0;
}

article.product h1, article.product h2,
.product-overview .details h1, .product-overview .details h2 {
    color:                              rgb(0,0,0);
    font-size:                          18px;
    line-height:                        20px;
    margin-bottom:                      0;              
    padding:                            0;             
}

article.product h2,
.product-overview .details h2 {
    background:                         none;
    border:                             none;
    clear:                              none;
    margin-bottom:                      8px;
}

article.product > a {
    text-decoration:                    none;
}

article.product h1 span,
.product-overview .details h1 span {
    display:                            block;
    font-size:                          12px;
    text-transform:                     uppercase;
}

article.product > a:hover h1,
article.product > a:hover h1 span,
article.product > a:hover h2 {
    color:                              rgb(36,164,245);
}

article.product p.price {
    float:                              right;
    margin-right:                       -31.25%;
    text-align:                         right;
    width:                              32.41176470588235%;
}

html.ie7 article.product p.price {
    margin-right:                       -51.25%;
}

article.product .pricing, 
.product-overview .pricing {
    float:                              right;
    margin-top:                         8px;    
    text-align:                         right;
}

article.product p.special,
.product-overview p.special {
    display:                            inline-block;
    margin-right:                       -14px;
    position:                           relative;
    right:                              -5.653%;
}

article.product > p.special {
    font-size:                          14px;
    position:                           absolute;
    left:                               -15px;
    max-width:                          22.5417%;
    top:                                5%;
    right:                              auto;
}

article.product > p.special:after, 
article.product > p.special .after {
    background-image:                   url(../Images/PromoOfferMessageTipAlternativeBg.png);
    right:                              auto;
    left:                               0;
}

article.product p.price, 
.product-overview .pricing p.price {
    color:                              rgb(0,0,0);
    font:                               bold 20px/36px Arial, sans-serif;
    padding:                            0;
    text-transform:                     uppercase;
}

article.product p.price span.was, article.product p.price strong, 
.product-overview .pricing p.price span.was, .product-overview .pricing p.price strong {
    color:                              rgb(36,164,245);
    display:                            block;
    font-size:                          14px;
    line-height:                        14px;
}

article.product p.price span.was,
.product-overview .pricing p.price span.was,
article.product p.price strong,
.product-overview .pricing p.price strong {
    line-height:                        4px;   
}

html.ie7 article.product p.price span.was,
html.ie7 .product-overview .pricing p.price span.was,
html.ie7 article.product p.price strong,
html.ie7 .product-overview .pricing p.price strong {
    line-height:                        normal;
}

article.product a.button {
    bottom:                             30px;
    position:                           absolute;
    right:                              1.875%;
}

article.product ul.promotions {
    bottom:                             24px;
    position:                           absolute;
    right:                              120px;
}

/* Alternative Product listing */

article.product.alternative {
    background:                         none;
    border:                             none;
    min-height:                         0;
    padding:                            0 11.764705% 3px 14.492753%;
}

html.ie7 article.product.alternative {
    clear:                              both;
}

article.product.alternative .image-wrap {
    background:                         none;
    border:                             none;
    margin-left:                        -19.607843%;
    width:                              18.099547%;
}

article.product.alternative p.price {
    font-size:                          16px;
    margin-right:                       -15.610859%;
    width:                              auto;
}

article.product.alternative p:not(.price) {
    padding:                            5px 0;
}

article.product.alternative a.button {
    bottom:                             auto;
    position:                           relative;
    right:                              auto;
}

article.product.alternative h1, article.product.alternative h2 {
    display:                            inline;
}

/* Breadcrumb */

nav#breadcrumb {
    background:                         rgb(20,32,50);
    font:                               11px Arial, sans-serif;
    padding:                            20px 0;
    position:                           relative;
    z-index:                            2;
}

nav#breadcrumb p, nav#breadcrumb ul {
    color:                              rgb(255,255,255);
    float:                              left;
    margin-bottom:                      0;
}

nav#breadcrumb ul {
    margin-left:                        0.7291666%;
}

nav#breadcrumb ul li {
    background:                         none;
    display:                            inline;
    padding-left:                       0;
}

nav#breadcrumb ul li:after, nav#breadcrumb ul li span.after {
    content:                            ">";
    padding:                            0 2px;
}

nav#breadcrumb ul li:last-child:after, nav#breadcrumb ul li:last-child span.after {
    content:                            "";
    display:                            none;
}

nav#breadcrumb ul li a {
    color:                              rgb(255,255,255);
}

nav#breadcrumb ul li a:hover {
    color:                              rgb(58,158,187);
}

/* Widget */

section.widget {
    float:                              left;
    margin-right:                       4.84375%;
    margin-bottom:                      20px;
    width:                              30.104166%;
}

section.widget .image-wrap {
    margin-bottom:                      16px;
    overflow:                           hidden;
    width:                              100%;
}

section.widget img {    
    display:                            block;
    max-width:                          100%;
}

section.widget h1 {
    font-size:                          18px;
    line-height:                        normal;
    margin-bottom:                      6px;
}

section.widget h1 + h2 {
    font-size:                          12px;
    margin:                             0;   
}

section.widget a.button {

    -webkit-border-radius:              3px;
    -moz-border-radius:                 3px;
    border-radius:                      3px;
    height:                             32px;
    line-height:                        33px;
    text-transform:                     uppercase;
    font-weight:                        normal;
    padding:                            0 30px 0 13px;
    background:                         rgb(234,234,234) url(../Images/button-arrow.png) right 14px center no-repeat;
    box-shadow:                         none;
}

section.widget a.button:hover {
    background:                         rgb(211,209,209) url(../Images/button-arrow.png) right 14px center no-repeat;
}

/* Special banner */

p.special {
    background:                         rgb(36,164,245);
    -moz-box-shadow:                    0 2px 3px rgba(0,0,0,0.46);
    -webkit-box-shadow:                 0 2px 3px rgba(0,0,0,0.46);
    box-shadow:                         0 2px 3px rgba(0,0,0,0.46);
    font:                               18px/22px Arial, sans-serif;
    color:                              rgb(255,255,255);
    padding:                            5px 9px;    
    text-transform:                     uppercase;
    top:                                9px;
}

p.special:after, p.special span.after {
    background:                         url(../Images/PromoOfferMessageTipBg.png) no-repeat;
    content:                            "";
    display:                            block;
    height:                             11px;
    right:                              0;
    position:                           absolute;
    top:                                100%;
    width:                              14px;
}

/* Promo info panel */

ul.promotions {
    list-style:                         none;
    margin:                             0;
    padding:                            0;
}

ul.promotions li {
    background:                         none;
    float:                              right;
    margin:                             0 24px;
    padding:                            0;
}

ul.promotions li a {
    background:                         url(../Images/ProductPromoInfoIcon.png) no-repeat;
    cursor:                             pointer;
    display:                            block;
    height:                             34px;
    position:                           relative;
    width:                              34px;
}

ul.promotions li a span {
    background:                         rgb(36,164,245);    
    display:                            none;
    min-height:                         68px;
    position:                           absolute;
    padding:                            10px 0 10px 15px;
    right:                              66px;
    text-align:                         left;
    top:                                35px;
    width:                              165px;
    z-index:                            100;
    -moz-border-radius:                 8px 0 0 8px;
    -webkit-border-radius:              8px 0 0 8px;
    border-radius:                      8px 0 0 8px;    
}

html.ie7 ul.promotions li a span {
    top:                                -28px;
    padding-right:                      15px;
    right:                              34px;
}

ul.promotions li a span:after {
    content:                            url(../Images/ProductPromoInfoHoverBg.png);
    display:                            block;
    height:                             110px;
    left:                               100%;
    position:                           absolute;
    top:                                -21px;    
}

ul.promotions li a span h3, ul.promotions li a span p {
    color:                              rgb(255,255,255);
    font-size:                          14px;
    line-height:                        14px;
    margin:                             0;
}

ul.promotions li a span h3 {
    margin-bottom:                      2px;
}

ul.promotions li a span p {
    font-size:                          11px;
    line-height:                        12px;
}

ul.promotions li a:hover span {
    display:                            block;
}

/******** Regions *******/

.container {
    max-width:                          960px;
    margin:                             0 auto;
    width:                              97%;    
}

.container:after {
    clear:                              both;
    content:                            "";
    display:                            block;
}

@media only screen and (min-width : 676px) {    
    .container {
        position:                       relative;
    }
}

html.ie8 .container, html.ie7 .container {
    position:                           relative;
    zoom:                               1;
}

/* Header */

header[role=banner] {
    position:                           relative;
    z-index:                            1000;
    background-color:                   rgb(20,32,50);
}

header[role=banner] .top-bar {
    height:                             66px;
    padding:                            8px 0;
}

html.ie7 header[role=banner] .top-bar {
    position:                           relative;
    z-index:                            1000;
}

header[role=banner] .top-bar:after {
    clear:                              both;
    content:                            "";
    display:                            block;
}

header[role=banner] h1 {    
    height:                             36px;
    margin:                             14px 0;
    left:                               0;
    top:                                0;
    position:                           absolute;
    width:                              23%;
    z-index:                            100;
}

header[role=banner] h1 a {
    background:                         url(../Images/HereLogo.png) no-repeat center;
    display:                            block;
    height:                             100%;
    text-indent:                        -99990px;
    width:                              100%;
    color:                              rgb(190,190,190);
    background-size:                    100%;
}

header[role=banner] p {
    font:                               12px Arial, sans-serif;
    color:                              #bebebe;
    text-transform:                     uppercase;
}

header[role=banner] a.selector {
    background:                         url(../Images/HeaderDropdownOpenIcon.png) no-repeat right;
    color:                              rgb(190,190,190);
    cursor:                             pointer;
    font-weight:                        bold;
    text-decoration:                    none;
}

header[role=banner] a.selector:hover {
    color:                              rgb(255,255,255);
}

header[role=banner] .dropdown {
    left:                               -45px;
    margin-top:                         7px;
    padding-bottom:                     20px;
}

header[role=banner] .dropdown span.close {
    right:                              7.1428571%;
}

header[role=banner] #account, header[role=banner] #register, 
header[role=banner] form#search, header[role=banner] #basket, header[role=banner] #language-selector {
    float:                              left;
    height:                             33px;
    padding-top:                        18px;
    position:                           relative;
}

/* Sign in/my account */

header[role=banner] #account {
    margin-left:                        26.25%;
    margin-right:                       1%;
    width:                              7%;
}

header[role=banner] #account.signed-in {
    margin-left:                        25.4375%;
    width:                              14.5%;
}

header[role=banner] #account p {
    cursor:                             pointer;     
}

header[role=banner] #account p a.selector {
    padding-right:                      22.916666%;
}

header[role=banner] #account .dropdown {    
    width:                              260.41666%;
}

header[role=banner] #account .dropdown h2,
header[role=banner] #account .dropdown fieldset,
header[role=banner] #account .dropdown h3,
header[role=banner] #account .dropdown ul {
    padding:                            0 8.8%;
}

html.ie7 header[role=banner] #account .dropdown h2 {
    width:                              82.4%;
}

header[role=banner] #account .dropdown fieldset {
    border:                             none;
    margin-bottom:                      0;
    width:                              auto;
}

header[role=banner] #account .dropdown fieldset label {
    display:                            inline-block;
    font-size:                          12px;
    padding-bottom:                     8px;
}

header[role=banner] #account .dropdown input[type=text],
header[role=banner] #account .dropdown input[type=email], 
header[role=banner] #account .dropdown input[type=password] {
    margin-bottom:                      10px;
    padding:                            0 4.8076923%;
    width:                              89.423076%;
}

header[role=banner] #account .dropdown fieldset a {
    margin-top:                         10px;
}

header[role=banner] #account .dropdown h3, 
header[role=banner] #account .dropdown ul {
    margin:                             0 0 5px;
}

header[role=banner] #account .dropdown ul li {
    background:                         none;
    padding:                            0;
}

header[role=banner] #account .dropdown ul li a {
    color:                              rgb(0,0,0);
    text-decoration:                    none;
}

header[role=banner] #account .dropdown ul li a:hover {
    text-decoration:                    underline;
}

/* Register */

header[role=banner] #register {    
    width:                              14%;
}

header[role=banner] #register p a.selector {
    padding-right:                      14%;
}

header[role=banner] #register .dropdown {
    left:                               -70px;
    width:                              215.86956%;
}

header[role=banner] #register .dropdown h2 {
    padding:                            0 8.8%;
}

header[role=banner] #register .dropdown a.button {
    margin:                             0 8.8%;
}

/* Search */

header[role=banner] form#search {
    padding-left:                       1.375%;  
    padding-right:                      1.375%;                        
    width:                              22.5%;
}

header[role=banner] form#search input[type=text] {
    border-width:                       1px 0 1px 1px;
    float:                              left;
    height:                             20px;
    line-height:                        20px;
    padding:                            2px 4.1860465%;
    width:                              74.989302%;
}

header[role=banner] form#search input[type=submit] {
    background:                         url('../Images/SearchSubmitButtonBg.jpg') no-repeat center rgb(255,255,255); 
    background-size:                    100%;
    -moz-box-shadow:                    none;
    -webkit-box-shadow:                 none;
    box-shadow:                         none; 
    border:                             1px solid rgb(157,157,157);
    border-width:                       1px 1px 1px 0;
    height:                             26px;
    padding:                            0;
    text-indent:                        -99999px;
    width:                              15.2777778%;
    -webkit-appearance:                 none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

html.ie8 header[role=banner] form#search input[type=submit],
html.ie7 header[role=banner] form#search input[type=submit] {    
    border:                             1px solid rgb(157,157,157);
    border-width:                       1px 1px 1px 0;
}

/* Basket */

header[role=banner] #basket {           
    padding-right:                          1.875%;
    width:                                  13.270833%;
}

header[role=banner] #basket p {    
    padding-top:                            9px;
}

header[role=banner] #basket p em {
    background:                             url(../Images/BasketIconBg.png) no-repeat;
    color:                                  rgb(190,190,190);
    font:                                   bold 16px/13px Arial, sans-serif;
    float:                                  left;
    height:                                 26px;
    margin-top:                             -4px;
    margin-right:                           10.144927%;
    padding:                                0 13px 0 16px;
}

header[role=banner] #basket p em.active {
    background-position:                    0 -26px;
}

header[role=banner] #basket p a.selector {
    display:                                block;
    padding-right:                          14.492753%;
}

header[role=banner] #basket .dropdown {
    left:                                   -70px;
    max-height:                             365px;
    overflow:                               auto;
    width:                                  215.86956%;
}

header[role=banner] #basket .dropdown h2 {
    padding:                                0 5.5415617%;
}

header[role=banner] #basket .dropdown span.close {
    right:                                  4.7486033%;
}

header[role=banner] #basket .dropdown table, header[role=banner] #basket .dropdown small {
    margin:                                 0 5.5415617%;
}

header[role=banner] #basket .dropdown table {    
    width:                                  88.888888%;
}

header[role=banner] #basket .dropdown table tr td {
    font-size:                              12px;
}

header[role=banner] #basket .dropdown table tr td p {
    padding:                                0;
}

header[role=banner] #basket .dropdown table tr td:first-of-type {
    text-align:                             left;
    width:                                  81.25%;
}

header[role=banner] #basket .dropdown table h3, header[role=banner] #basket .dropdown table h4 {
    font-size:                              12px;
    font-weight:                            100;
    margin:                                 0 0 0 66px;
}

header[role=banner] #basket .dropdown table dl dt, header[role=banner] #basket .dropdown table dl dd {
    display:                                inline;    
}

header[role=banner] #basket .dropdown table dl dd {
    color:                                  rgb(58,158,187);
}

header[role=banner] #basket .dropdown table span.price {
    display:                                block;
    font-size:                              16px;
    padding-top:                            25px;
}


header[role=banner] #basket .dropdown table p.price {
    font-size:                              14px;
    font-weight:                            bold;
    margin:                                 0 0 0 66px;
}

header[role=banner] #basket .dropdown a.button {
    float:                                  right;
    margin-right:                           5.5415617%;
}

/* Language selector  */

header[role=banner] #language-selector {
    float:                                  right;
    font:                                   12px Arial, sans-serif;
    padding-top:                            27px;  
    width:                                  11%;      
}

header[role=banner] #language-selector a {
    text-decoration:                        none;
    color:                                  rgb(190,190,190);
}

header[role=banner] #language-selector a:hover {
    color:                                  rgb(255,255,255);
}

header[role=banner] #language-selector img {
    border:                                 none;
    margin-right:                           5.5172413%;
    width:                                  20px;
}

header[role=banner] #language-selector.inactive img {
    opacity:                                0.5;
}

/* Sign/register in mobile view */

header[role=banner] .top-bar .container > ul {
    display:                                none;
}

/* Navigation */

nav[role=navigation] {
    background:                            rgb(230, 231, 231);
}

nav[role=navigation] ul:before,
nav[role=navigation] ul span.before {
    background:                             #fff;
    content:                                "";
    display:                                block;
    height:                                 100%;
    position:                               absolute;
    right:                                  100%;
    width:                                  20000px;
}

nav[role=navigation]:after {
    clear:                                  both;
    content:                                "";
    display:                                block;
}

nav[role=navigation] ul {
    list-style:                             none;
    margin:                                 0 auto;
    padding:                                0;
    position:                               relative;
    width:                                  960px;
}

nav[role=navigation] ul li {
    background:                             none;
    float:                                  left;    
    margin:                                 0 2% 0 0;
}

nav[role=navigation] ul li:last-child {
    padding-right:                          0;
}

nav[role=navigation] ul li a {
    color:                                  rgb(155,156,158);
    display:                                block;
    font:                                   13px/18px Arial, sans-serif; 
    padding:                                5px 0;
    position:                               relative;
    text-decoration:                        none;
    text-transform:                         uppercase;
}

nav[role=navigation] ul li a:hover {
   /* border-bottom:                          solid 5px rgb(0,0,0);
    padding-bottom:                         8px;*/
    color:                                  rgb(20,32,50);
}


nav[role=navigation] ul li.home a {
    background:                             url(../Images/NavigationHomeLinkBg.png) 0 4px no-repeat;
    text-indent:                            -99999px;
    width:                                  18px;    
}

nav[role=navigation] a.menu-toggle {
    background:                             rgb(255,255,255) url('../Images/MenuIcon.png') no-repeat center;
    color:                                  rgb(0,0,0);
    cursor:                                 pointer;
    display:                                none;
    height:                                 29px;
    padding:                                10px;
    position:                               absolute;
    left:                                   0;
    text-indent:                            -99999px;
    top:                                    -49px;
    width:                                  50px;
}

nav[role=navigation] .container{
    min-width: 100%;
}

/* Vehicle selector */

nav.vehicle-selector  {
    background:                             rgb(20,32,50);
    left:                                   0;
    position:                               absolute;
    right:                                  0;
    top:                                    110px;
}

nav.vehicle-selector > .container {
    background:                             rgb(255, 255, 255);
    padding:                                20px 0 0;
}

nav.vehicle-selector > .container:before,
nav.vehicle-selector > .container:after,
html.ie7 nav.vehicle-selector > .container span.after {
    background:                             rgb(255,255,255);
    content:                                "";
    display:                                block;
    height:                                 100%;    
    position:                               absolute;
    right:                                  100%;
    top:                                    0;
    width:                                  9.5%;
}

nav.vehicle-selector > .container:after {
    left:                                   100%;
    right:                                  auto;
}

nav.vehicle-selector p a{
    color:                                  rgb(36,164,245);
}

nav.vehicle-selector a:hover{
    color:                                  rgb(36,164,245);
}

html.ie7 nav.vehicle-selector > .container span.after {
    left:                                   -9.5%;
    right:                                  -9.5%;
    width:                                  auto;
    z-index:                                5;
}

html.ie7 nav.vehicle-selector > .container * {
    position:relative;
    z-index:10;
}

nav.vehicle-selector h1 {
    color:                                  rgb(0,0,0);
    line-height:                            16px;
    margin-right:                           4px;
    display:                                block;
    margin-bottom:                          10px;
    font-size:                              18px;
}

nav.vehicle-selector p {
    float:                                  left;
    font-size:                              11px;
}

nav.vehicle-selector ul, nav.vehicle-selector ul li {
    background:                             none;
    font-size:                              13px;
    list-style:                             none;
    margin:                                 0;
    padding-left:                           0;
}

nav.vehicle-selector ul {
    clear:                                  both;
}

nav.vehicle-selector ul:after {
    clear:                                  both;
    content:                                "";
    display:                                block;
}

nav.vehicle-selector .container ul.models {
    padding:                                20px 0 10px;
    zoom:                                   1;
}

nav.vehicle-selector .container ul.models > li {
    cursor:                                 pointer;
    float:                                  left;
    position:                               relative;
    width:                                  12.5%;
    -moz-transition:                        background-color 1s;
    -webkit-transition:                     background-color 1s;
    -o-transition:                          background-color 1s;
    transition:                             background-color 1s;   
}

nav.vehicle-selector .container ul.models > li h2 {
    color:                                  rgb(104,103,106);   
    font-size:                              12px; 
    margin-top:                             -5px;
    margin-bottom:                          15px;
    padding-left:                           19px;
    -moz-transition:                        color 1s;
    -webkit-transition:                     color 1s;
    -o-transition:                          color 1s;
    transition:                             color 1s;
    font-family:                            'peugeotbold';
    font-style:                             italic;
    text-transform:                         uppercase;
}

nav.vehicle-selector .container ul.models > li h2 span {
    display:                                inline-block;
    font-size:                              12px;
    line-height:                            10px;
}

nav.vehicle-selector .container ul.models > li:nth-child(8n+1) {
    clear:                                  both;
}

nav.vehicle-selector .container ul.models > li a.image-wrap {
    display:                                block;    
    padding:                                0 7.2992701%;
}

html.ie7 nav.vehicle-selector .container ul.models > li a.image-wrap {
    float:                                  left;
}

nav.vehicle-selector .container ul.models > li a.image-wrap img {
    border:                                 none;
    display:                                block;
    max-width:                              100%;
}

nav.vehicle-selector .container ul.models > li.open {
    z-index:                                100;
}

nav.vehicle-selector .container ul.models > li:hover,
nav.vehicle-selector .container ul.models > li.open {
    background-color:                   rgb(230,231,232);
}

nav.vehicle-selector .container ul.years {
    background:                             rgb(255,255,255);
    display:                                none;   
    position:                               absolute;
    width:                                  200%;
    z-index:                                2000;
}

nav.vehicle-selector .container ul.models > li:nth-child(8n) > ul,
nav.vehicle-selector .container ul.models > li:nth-child(8n-1) > ul,
nav.vehicle-selector .container ul.models > li:nth-child(8n-2) > ul,
nav.vehicle-selector .container ul.models > li:nth-child(8n-3) > ul {
    right:                                  0;
}    

nav.vehicle-selector .container ul.years h3 {
    background:                             url(../Images/VehicleSelectorDropdownBg.png) no-repeat 11px 14px rgb(20,32,50);
    display:                                block;       
    font-size:                              16px;
    line-height:                            32px;    
    margin-bottom:                          0;
    padding-left:                           35px;
    padding-right:                          20px;
    text-transform:                         uppercase;
    color:                                  rgb(255,255,255);
    font-weight:                            normal;
}  
  
nav.vehicle-selector .container ul.years h3 span.close {
    background:                             url(../Images/VehicleSelectorDropdownCloseIcon.png) 11px 11px no-repeat;
    cursor:                                 pointer;
    display:                                block;
    height:                                 8px;
    padding:                                12px 10px;
    position:                               absolute;
    right:                                  0;
    top:                                    0;
    width:                                  8px;
}   
 
nav.vehicle-selector .container ul.years > li > ul > li  {
    border-bottom:                          solid 1px rgb(255,255,255);   
    background-color:                       rgb(235,235,235);         
}  

nav.vehicle-selector .container ul.years > li > ul > li:last-child{
    border:                                 0;
}

nav.vehicle-selector .container ul.years > li > ul > li:hover{
    background-color:                       rgb(212,212,212);
}
  
nav.vehicle-selector .container ul.years > li > ul > li span {
    margin-left:                            30px;
}

nav.vehicle-selector .container ul.years > li > ul > li > a {
    display:                                block;
    line-height:                            27px;                                   
    text-align:                             center;
    text-decoration:                        none;
}

nav.vehicle-selector .container ul.systems {
    display:                                none;
}

nav.vehicle-selector .container ul.systems li h4 {
    color:                                  rgb(0,0,0);
    margin-bottom:                          4px; 
}

nav.vehicle-selector .container ul.systems li h4, nav.vehicle-selector .container ul.systems li ul {
    padding-left:                           10px;
}

nav.vehicle-selector .container ul.systems li ul:after {
    clear:                                  both;
    content:                                "";
    display:                                block;
}

nav.vehicle-selector .container ul.systems li li {
    float:                                  left;
    margin-right:                           4.296875%;
    margin-bottom:                          5px;
    width:                                  20.703125%;
}

nav.vehicle-selector .container ul.systems li li:nth-child(4n+1) {
    clear:                                  both;
}

nav.vehicle-selector .container ul.systems li li a {
    display:                                block;
    text-decoration:                        none;
}

nav.vehicle-selector .container ul.systems li li a img {
    border:                                 none;
    display:                                block;
    margin-bottom:                          7px;
    width:                                  100%;
}

form.vin-search {
  position: absolute;
  right: 15%;
  top: 120px;
  width: 520px;
  z-index: 99999999;
}

form.vin-search label{
    font-size:                              18px;
    font-weight:                            bold;
    text-transform:                         uppercase;
    position:                               relative;
    font-family:                            'PeugeotRegular';
    margin-right:                           5px;
    float:                                  left;
    line-height:                            37px;
    height:                                 31px;
    flex-basis:                             100%;
}

form.vin-search input[type="text"]{
    flex-grow:                              3;
    float:                                  left;
    line-height:                            0;
    margin-right:                           5px;
}

form.vin-search input[type="submit"]{
    background:                             url(../Images/button-arrow-white.png) no-repeat, -webkit-gradient(linear, left top, left bottom, from(rgb(28,163,207)), to(rgb(8,93,138)));
    background:                             url(../Images/button-arrow-white.png) no-repeat, -webkit-linear-gradient(top, rgb(28,163,207), rgb(8,93,138));
    background:                             url(../Images/button-arrow-white.png) no-repeat, -moz-linear-gradient(top, rgb(28,163,207), rgb(8,93,138));
    background:                             url(../Images/button-arrow-white.png) no-repeat, -ms-linear-gradient(top, rgb(28,163,207), rgb(8,93,138));
    background:                             url(../Images/button-arrow-white.png) no-repeat, -o-linear-gradient(top, rgb(28,163,207), rgb(8,93,138));
    background-color:                       rgb(28,163,207);
    background-position:                    right 10px center;
    background-position-x:                  90%;/*for ios safari*/
    background-position-y:                  center;/*for ios safari*/
    color:                                  #fff;
    flex-grow:                              1;
    float:                                  left;
    height:                                 32px;
    line-height: 0;
    outline:                                0;
}

form.vin-search p{
    clear:                                  both;
    flex-basis:                             100%;
    float:                                  none;
    margin:                                 0;
    font-size:								11px;
}

form.vin-search p:first-of-type{
    margin-top:                             5px;
}

nav.year-selector {
    padding:                                 15px 0;
}
    
nav.year-selector ul {
    margin:                                 0;
}  
    
nav.year-selector ul.years {
    display:                                block;
}
    
nav.year-selector ul li {
    background:                             none;
    border-bottom:                          solid 1px rgb(0,0,0);
    padding:                                0;
}

nav.year-selector ul li:last-child {
    border:                                 none;
}
    
nav.year-selector .container > ul > li {
    border:                                 none;
}  

nav.year-selector h3 {
    background:                             rgb(20,32,50);
    font-size:                              13px;
    padding:                                10px 3.2608695%; 
    margin-bottom:                          5px;
    color:                                  rgb(255,255,255);
    text-transform:                         uppercase;
    font-weight:                            normal;
}
      
    
nav.year-selector ul.years li a {            
    color:                                  rgb(0,0,0);
    cursor:                                 pointer;
    display:                                block;
    font-weight:                            bold; 
    font-size:                              13px;
    line-height:                            40px;    
    padding:                                0 3.2608695%;
    position:                               relative; 
    text-decoration:                        none;
}  
      
nav.year-selector ul.years li a.open, nav.year-selector ul.years li a:hover {
    color:                                  rgb(58,158,187);
}
    
nav.year-selector ul.systems {
    display:                                none;
    padding:                                0 3.2608695%;
}
    
nav.year-selector ul.systems li { 
    border:                                 0;
}
    
nav.year-selector ul.systems li a { 
    font:                                   bold 13px Arial, sans-serif;  
    padding:                                0;
    text-decoration:                        underline;
}
    
nav.year-selector ul.systems li a:after     {
    clear:                                  both;
    content:                                "";
    display:                                block;
}
    
nav.year-selector ul.systems li a img {
    float:                                  left;        
    margin-right:                           15px;
    width:                                  30%;
}

/* Carousel */

.carousel-wrapper {
    background:                             rgb(15,23,34);
    background-image:                       -webkit-gradient(linear, left top, left bottom, from(rgb(20,32,50)), to(rgb(15,23,34)));
    background-image:                       -webkit-linear-gradient(top, rgb(20,32,50), rgb(15,23,34)); 
    background-image:                       -moz-linear-gradient(top, rgb(20,32,50), rgb(15,23,34));
    background-image:                       -ms-linear-gradient(top, rgb(20,32,50), rgb(15,23,34));
    background-image:                       -o-linear-gradient(top, rgb(20,32,50), rgb(15,23,34));
    position:                               relative;
    z-index:                                100;
}

.carousel-wrapper h2{
    color:                                  rgb(255,255,255);
}

.carousel-wrapper .container {
    position:                               relative;    
    z-index:                                100;
}

.carousel-wrapper .carousel {
    margin:                                 0 -9.5%;
    overflow:                               hidden;
    position:                               relative;
    width:                                  119%;
}

@media only screen and (max-width : 1024px ) {
    .carousel-wrapper .carousel {
        margin: 0;
        width: 100%;
    }
}
.carousel-wrapper .carousel ul {
    margin:                                 0;
}

.carousel-wrapper .carousel ul li {
    background:                             none;
    margin:                                 0;    
    padding-left:                           0;
}

.carousel-wrapper .carousel ul li a {
    text-decoration:                        none;
}

.carousel-wrapper .carousel ul:not(.pager) {
    list-style:                             none;
    margin:                                 0;
    padding:                                0;
    width:                                  999999em;
}

.carousel-wrapper .carousel ul:not(.pager):after {
    clear:                                  both;
    content:                                "";
    display:                                block;
}

.carousel-wrapper .carousel ul:not(.pager) li {
    float:                                  left;
    position:                               relative;
    width:                                  960px;
}

.carousel-wrapper .carousel ul:not(.pager) li h2 {
    background:                             rgb(35,31,32);
    background:                             rgba(35,31,32,.8);
    color:                                  rgb(255,255,255);
    font-size:                              30px;
    line-height:                            20px;
    padding:                                15px;
    position:                               absolute;
    top:                                    0;
    left:                                   7.968%;
    text-decoration:                        none;
    text-transform:                         uppercase;
    font-family:                            'PeugeotRegular';
}

.carousel-wrapper .carousel ul:not(.pager) li img {
    border:                                 none;
    display:                                block;
    width:                                  100%;
}

.carousel-wrapper .carousel ul.pager {
    bottom:                                 20px;
    list-style:                             none;
    margin:                                 0;
    position:                               absolute;
    text-align:                             center;
    width:                                  100%;
}

.carousel-wrapper .carousel ul.pager li {
    display:                                inline-block;
    margin:                                 0 5px;
}

html.ie7 .carousel-wrapper .carousel ul.pager li {
    display:                                inline;
}

.carousel-wrapper .carousel ul.pager li a {
    background:                             url('../Images/CarouselPagingControlsBg.png') no-repeat;
    cursor:                                 pointer;
    display:                                block;
    float:                                  left;
    height:                                 13px;
    text-indent:                            -99999px;
    width:                                  15px;
}

.carousel-wrapper .carousel ul.pager li.current a {
    background-position:                    0 -13px;
}

.carousel-wrapper a.previous, .carousel-wrapper a.next {
    background:                             url("../Images/CarouselControlsBg.png") no-repeat;
    background-size:                        200%;
    cursor:                                 pointer;
    display:                                inline-block;
    height:                                 83px;
    margin-top:                             -33px;
    position:                               absolute;
    text-indent:                            -99999px;
    top:                                    50%;
    width:                                  85px;
    z-index:                                102;
}

.carousel-wrapper a.previous:hover {
    background-position:                    0 100%;
}

.carousel-wrapper a.previous{
    left:                                   8%;
}
.carousel-wrapper a.next {
    background-position:                    100% 0;
    right:                                  8%;
}
.carousel-wrapper a.next:hover {
    background-position:                    100% 100%;
}

/* Carousel - Not mobile */

@media only screen and (min-width : 676px) {    
    .carousel-wrapper .carousel ul.pager {
        right:                              30px;
    }
}

/* Main */

section[role=main] {
    background:                             rgb(255,255,255);
    padding:                                40px 0;
    position:                               relative;
    z-index:                                100;
    color:                                  rgb(0,0,0);
}

nav.vehicle-selector + section[role=main] {
    background:                             rgb(20,32,50);
    color:                                  rgb(255,255,255);
    padding:                                40px 0 0 0;
}

html.ie7 section[role=main] .container > h1 {
    display:                                inline;
    zoom:                                   1;
}

section[role=main] .container > h1 + a.download {
    float:                                  right;
    margin-top:                             10px;
}

html.ie7 section[role=main] .container > h1 + a.download {
    position:                               absolute;
    right:                                  0;
    top:                                    0;
}

nav.vehicle-selector + section[role=main] .container > h1 {
    margin-bottom:                          10px;        
}

section[role=main] .container > h1 a.cta {
    font-size:                              14px;
    font-weight:                            normal;
    margin-left:                            20px;
    left:                                   100%;
    position:                               absolute;    
    text-transform:                         none;
    top:                                    20%;
    white-space:                            nowrap;
}

section.widget:nth-of-type(3n) {
    margin-right:                           0;
}

section[role=main] .column {
    width:                                  69.166666%;
}

html.ie7 section[role=main] .column > form:first-child {
    border-top:                             solid 1px rgb(210,210,210);
}

section[role=main] aside[role=complementary] + .column,
nav.sub-nav + .column {
    float:                                  left;
}

nav.sub-nav + .column {
    float:                                  right;
    width:                                  66.145833%;
}

section[role=main] .column.variant-a {
    border:                                 solid 1px rgb(231,231,231);
    padding:                                20px 2.08333333%;
    width:                                  95.8333333%;
}

section[role=main] .column.variant-a fieldset legend {         
    -webkit-border-radius:                  2px;
    -moz-border-radius:                     2px;
    border-radius:                          2px;
}

section[role=main] .column.variant-a > h2 {
    font-size:                              13px;
}

section[role=main] .column > p:after {
    clear:                                  both;
    content:                                "";
    display:                                block;
}

/* Side column */

aside[role=complementary] {
    border:                                 solid 1px rgb(236, 236, 236);
    background-color:                       rgb(255,255,255);
    float:                                  right;
    padding:                                18px 1.2833333% 14px 1.8833333%;
    width:                                  25.375%;
    -moz-border-radius:                     3px;
    -webkit-border-radius:                  3px;
    border-radius:                          3px;
}

aside[role=complementary] section.panel h1 {
    font-size:                              16px;
    margin-bottom:                          10px;
}

/* Side nav */

nav.sub-nav {
    float:                                  left;
    width:                                  28.854166%;
}

nav.sub-nav h1 {  
    margin-bottom:                          7px;
    padding:                                0 4.3321299%;
}

nav.sub-nav ul {
    list-style:                             none;
    margin:                                 0;
    padding:                                0;
}

nav.sub-nav ul li {
    background:                             none;
    margin-bottom:                          7px;
    padding:                                0;
}

nav.sub-nav ul li a {
    background:                             url(../Images/CtaLinkBg.png) no-repeat 95% center;
    display:                                block;
    line-height:                            30px;
    padding:                                0 4.3321299%;
    text-decoration:                        none;
}

nav.sub-nav ul li a:hover {
    background-color:                       rgb(20,32,50);
    background-image:                       url(../Images/SubNavLinkHoverBg.png);
    color:                                  rgb(255,255,255);
}

/* Order summary */

aside[role=complementary].fixed {
    position:                               relative;
}

aside[role=complementary] #order-summary table {
    width:                                  auto;
}

aside[role=complementary] #order-summary table thead td {
    font-weight:                            bold;
}

aside[role=complementary] #order-summary table tr td {
    padding:                                8px 5px;
    text-align:                             left;
}

aside[role=complementary] #order-summary table tr td span {
    display:                                block;
}

aside[role=complementary] #order-summary table tbody {
    border-bottom:                          solid 1px rgb(234,234,234)
}

aside[role=complementary] #order-summary table tbody td {
    padding-bottom:                         10px;
}

aside[role=complementary] #order-summary table tbody tr:first-child td:nth-child(2) {
    width:                                  51%;   
}

aside[role=complementary] #order-summary table tbody tr:first-child td:nth-child(2) span {
    font-size:                              11px;   
}

aside[role=complementary] #order-summary table tfoot tr:first-child td {
    padding-top:                            10px;
}

aside[role=complementary] #order-summary table tbody td:last-child,
aside[role=complementary] #order-summary table tfoot td {
    font-weight:                            bold;
}

aside[role=complementary] #order-summary table td:last-child {
    text-align:                             right;
    vertical-align:                         bottom;
    width:                                  90px;
}

aside[role=complementary] #order-summary table tfoot tr:last-child td {
    background:                             rgb(230, 230, 230);
    color:                                  rgb(0,0,0);  
    font:                                   bold 15px Arial, sans-serif;
    padding-bottom:                         10px;
    padding-top:                            10px;
}

/* Promo panel */

.promo-panels {
    background:                             rgb(20,32,50);
    padding:                                30px 0;
}

.promo-panels .container > h1 {
    color:                                  rgb(255,255,255);
    display:                                block;
    font-size:                              20px;
}

.promo-panels .promo {
    background:                             rgb(255,255,255);
    -moz-border-radius:                     5px;
    -webkit-border-radius:                  5px;
    border-radius:                          5px;
    border:                                 1px solid rgb(124,124,124);
    float:                                  left;
    margin-right:                           3%;
    padding:                                9px 1.25%;
    position:                               relative;
    width:                                  20%;
}

.promo-panels .promo:nth-of-type(4n) {
    margin-right:                           0;
}

.promo-panels .promo .image-wrap {
    background:                             rgb(255,255,255);
    border:                                 solid 1px rgb(213,213,213);
    margin-bottom:                          10px;
    overflow:                               hidden;
    width:                                  100%;
}

.promo-panels .promo .image-wrap img {
    border:                                 none;
    display:                                block;
    max-width:                              100%;
}

.promo-panels .promo h1, .promo-panels .promo h2 {
    color:                                  rgb(0,0,0);
    font-size:                              16px;
    line-height:                            20px;   
    margin-bottom:                          0;      
    text-decoration:                        none;        
    padding:                                0;  
    font-family:                            'peugeotbold';           
}

.promo-panels .promo a {
    text-decoration:                        none;
}

.promo-panels .promo h2 {
    background:                             none;  
    margin-bottom:                          10px;
}

.promo-panels .promo h1 span {
    display:                                block;
    font-size:                              12px;
    text-transform:                         uppercase;
    color:                                  rgb(84,84,101);
}

.promo-panels .promo p.special {
    margin:                                 0;    
    position:                               absolute; 
    right:                                  -14px;
    text-shadow:                            1px 1px 2px #000000;

}

.promo-panels .promo p.price {
    bottom:                                 55px;
    font-family:                            'peugeotbold'; 
    font-size:                              22px;
}

/* Lightbox */

#lightbox-wrapper {
    display:                                none;
}

/* Footer banner */

#footer-banner { 
    background:                             rgb(20,32,50);
    width:                                  100%;
}

#footer-banner a {
    border:                                 solid 1px rgb(180, 180, 180);
    color:                                  rgb(0,0,0);
    display:                                block;
    position:                               relative;
    text-decoration:                        none;
}

#footer-banner img {
    border:                                 none;
    display:                                block;
    max-width:                              100%;
}

#footer-banner figcaption {    
    right:                                  2.8125%;  
    font-size:                              25px;   
    line-height:                            35px;
    position:                               absolute;
    text-transform:                         uppercase;
    text-align:                             right;
    bottom:                                 17.4496644%;
    color:                                  rgb(255,255,255);
}

#footer-banner figcaption strong {
    display:                                block;
    font-size:                              35px;
}

/* Featured product listing */

article.product.featured {
    padding:                                2.08333333% 21.041666% 2.08333333% 42.083333%;
    width:                                  36.666666%;    
}

article.product.featured .image-wrap {
    margin-left:                            -107.84313%;
    width:                                  101.13636%;
}

article.product.featured .pricing {
    float:                                  right;
    margin-right:                           -52.556818%;
    width:                                  45.454545%;
}

article.product.featured .pricing p.price {
    float:                                  none;
    margin:                                 15px 0 0;
    width:                                  100%;
}

article.product.featured p.special {
    margin-right:                           -20%;
    right:                                  0;
    position:                               relative;
}

article.product.featured h1, article.product.featured h2 {
    font-size:                              16px;
    line-height:                            24px;
}

article.product.featured h1 span {
    font-size:                              12px;
    line-height:                            14px;
}

article.product.featured > p:first-of-type {
    color:                                  rgb(101, 100, 104);
    padding-top:                            5px;
}

html.ie7 article.product.featured {
    padding-right:                          19.041666%;
    width:                                  38.666666%;    
}

html.ie7 article.product.featured .pricing {
    margin-right:                           -44.556818%;
    width:                                  46.454545%;
}

html.ie7 article.product.featured ul.highlights {
    display:                                inline;
    zoom:                                   1;
}

html.ie7 article.product.featured ul.highlights li {
    padding-left:                           8px;
    color:                                  rgb(0,0,0);
}

html.ie7 article.product.featured .image-wrap {
    margin-left:                            -102.84313%;
    width:                                  96%;
}


/* Product overview */

.product-overview {
    background:                             rgb(20,32,50);
    margin-bottom:                          20px;
    margin-top:                             -40px;
    position:                               relative;
    z-index:                                1
}

.product-overview .container {
    background:                             rgb(255,255,255);
    -moz-border-radius:                     3px 3px 0 0;
    -webkit-border-radius:                  3px 3px 0 0;
    border-radius:                          3px 3px 0 0;
    min-height:                             240px;
    overflow:                               visible !important;
    padding:                                20px 0;
    position:                               relative;
}

.product-overview .container > a {
    color:                                  rgb(96,96,96);
    font-size:                              12px;
    position:                               absolute;
    top:                                    10px;
    right:                                  1.1458333%;
}

.product-overview .container > a:hover {
    color:                                  rgb(58,158,187);
}

.product-overview .images {
    left:                                   2.0833333%;
    position:                               absolute;
    top:                                    20px;
    width:                                  45.3125%;
}

.product-overview .images img {
    border:                                 none;
    display:                                block;
}

.product-overview .images ul {    
    float:                                  left;
    margin:                                 0;
    width:                                  12.76102%;
}

.product-overview .images ul li {
    background:                             none;
    margin:                                 8px 0;
    padding:                                0;
    width:                                  100%;
}

.product-overview .images .main {
    background:                             rgb(255,255,255);
    border:                                 solid 1px rgb(230,230,230);  
    float:                                  right;    
    margin-bottom:                          14px;
    position:                               relative;
    width:                                  81.83908%;
}

.magnifyarea {
    border:                                 none !important;
}

.product-overview .images .main:after {
    background:                             url(../Images/MainProductImageShadow.png) no-repeat;
    background-size:                        100%;
    content:                                "";
    display:                                block; 
    height:                                 0;
    padding-top:                            3.9325842%;
    top:                                    100%;
    position:                               absolute;
    width:                                  100%;
}

.product-overview .details .images p {
    background:                             url(../Images/ZoomIcon.png) no-repeat;
    clear:                                  both;
    color:                                  rgb(0,0,0);
    font-size:                              12px;
    margin-left:                            27.586206%;
    padding:                                2px 0 2px 40px;
}

.product-overview .details, .product-overview .logos  {
    margin-left:                            50%;
    float:                                  left;
    width:                                  28.125%;
}

.product-overview .details h1, 
.product-overview .details h2 {
    font-size:                              30px;
    line-height:                            normal;
}

.product-overview .details h1 span {
    font-size:                              18px;
}

.product-overview .details p {
    color:                                  rgb(101,100,104);
    font:                                   14px Arial, sans-serif;
}

.product-overview .shipping {
    float:                                  right;
    margin-top:                             8px;    
    text-align:                             right;
}

.product-overview .pricing, .product-overview .shipping {
    padding-right:                          1.1458333%;
    width:                                  20.625%;
}

.product-overview .pricing p.price {
    margin:                                 15px 0 50px; 
}

html.ie7 .product-overview .pricing p.price {
    clear:                              both;
}

html.ie7 .product-overview .pricing p.special {
    float:                              right;
}

.product-overview .logos {
    clear:                                  both;
}

.product-overview .shipping > p {
    background:                             url(../Images/ShippingIcon.png) no-repeat;
    display:                                inline;
    font:                                   14px Arial, sans-serif;
    padding-left:                           38px;
    color:                                  rgb(0,0,0);
}

.product-overview .shipping a.button {
    float:                                  right;
    margin-top:                             10px;
}

.product-overview .shipping ul.promotions {
    display:                                inline-block;
    margin:                                 7px 5px 0 0;
}

html.ie7 .product-overview .shipping ul.promotions,
html.ie7 .product-overview .shipping ul li {
    float:                                  left;
}

/* Product table */

dl.product-features {
    margin-bottom:                          20px;
    text-align:                             left;
    width:                                  100%;
}

dl.product-features:after {
    clear:                                  both;
    content:                                "";
    display:                                block;
}

dl.product-features dt, dl.product-features dd {
    float:                                  left;    
    padding-top:                            20px;
}

dl.product-features dt {
    color:                                  rgb(36,104,245);
    clear:                                  both;
    font:                                   22px/24px Arial, sans-serif;
    padding-left:                           6.25%;    
    position:                               relative;
    width:                                  22.958333%;
    text-transform:                         uppercase;
    font-family:                            'PeugeotRegular';
}

dl.product-features dd {
    width:                                  70.791666%;
}

dl.product-features dt:before, dl.product-features dt span.before {
    background:                             url(../Images/ProductFeaturesIcons.png) no-repeat;
    content:                                "";
    display:                                block;
    height:                                 38px;
    left:                                   0;
    margin-top:                             -8px;
    position:                               absolute;
    top:                                    50%;
    width:                                  38px;
}

dl.product-features dt.box:before, dl.product-features dt.box span.before {
    background-position:                    0 -38px;
}

dl.product-features dt.coverage:before, dl.product-features dt.coverage span.before {
    background-position:                    0 -76px;
}

dl.product-features dt.installation:before, dl.product-features dt.installation span.before {
    background-position:                    0 -114px;
}

dl.product-features dt.compatibility:before, dl.product-features dt.compatibility span.before {
    background-position:                    0 -152px;
}

dl.product-features p {
    line-height:                            20px;
    margin-bottom:                          10px;
}

dl.product-features p a.cta {
    margin-left:                            5.2631578%;
}

dl.product-features table td, dl.product-features table th {
    float:                                  left;    
    text-align:                             left;
}

dl.product-features table td:first-child, dl.product-features table th:first-child {
    width:                                  100px;
}

dl.product-features table td {
    font-size:                              14px;
    padding-bottom:                         3px;
}

dl.product-features table th {
    color:                                  rgb(0,0,0);
    font:                                   16px Arial, sans-serif;
    text-transform:                         uppercase;
}

dl.product-features ul.highlights li {
    display:                                inline;
}

dl.product-features ~ p:after {
    clear:                                  both;
    content:                                "";
    display:                                block;
}

/* Basket */

table#products {
    color:                                  rgb(0,0,0);
    margin:                                 0 0 20px;
}

table#products tr td {
    font:                                   14px Arial, sans-serif;
    padding:                                25px 0;
    vertical-align:                         middle;
}

table#products tr th {
    background:                             rgb(20,32,50);
    color:                                  rgb(255,255,255);
}

table#products tr th:first-of-type {
    -moz-border-radius:                     3px 0 0 3px;
    -webkit-border-radius:                  3px 0 0 3px;
    border-radius:                          3px 0 0 3px;
    padding-left:                           20px;
    text-align:                             left;
}

table#products tr td:last-of-type, table#products tr th:last-of-type {
    -moz-border-radius:                     0 3px 3px 0;
    -webkit-border-radius:                  0 3px 3px 0;
    border-radius:                          0 3px 3px 0;
    padding-right:                          20px;
    text-align:                             right;
    width:                                  20%;
}

table#products tr td a.remove {
    background:                             url(../Images/DeleteProducticon.png) no-repeat;
    display:                                inline-block;
    height:                                 13px;
    margin-left:                            -34.3918%;
    text-indent:                            -99999px;
    width:                                  13px;
}

html.ie7 table#products tr td a.remove {
    display:                                block;
}

table#products tr td.product, table#products tr th.product {
    text-align:                             left;
    width:                                  32%;
}

table#products tr td.product a {
    color:                                  rgb(0,0,0);
}

table#products tr td.product h2, table#products tr td.product h3 {
    background:                             none;
    border:                                 none;    
    clear:                                  none;
    color:                                  rgb(0,0,0);
    font-size:                              12px;
    line-height:                            15px;
    margin:                                 0;
    padding:                                0;
}

table#products tr td.product h2 span {
    display:                                block;
}

table#products tr td.product img {
    width:                                  50px;
}

table#products tr td.product a:hover, 
table#products tr td.product a:hover h2,
table#products tr td.product a:hover h3 {
    color:                                  rgb(36,164,245);
}

table#products tr td.price a {
    display:                                none;
}

table#products tr td.quantity {
    width:                                  14%;
}

html.ie7 table#products tr td.quantity {
    width:                                  15%;
}

table#products tr td.quantity span {
    display:                                none;
}

table#products tr td.quantity input[type=text] {
    -moz-box-shadow:                        none;
    -webkit-box-shadow:                     none;
    box-shadow:                             none;
    height:                                 21px;
    margin-right:                           2%;
    margin-bottom:                          5px;
    width:                                  9%;      
}

html.ie7 table#products tr td.quantity input[type=text] {
    margin-bottom:                          0;
}

fieldset.promotions {
    border:                                 none;
    float:                                  left;
    padding:                                0;
    width:                                  39.458333%;
}

fieldset.promotions legend {
    background:                             none;
    color:                                  rgb(0,0,0);
    float:                                  left;    
    font-size:                              12px;   
    margin-bottom:                          10px;
    padding:                                0;
}

html.ie8 fieldset.promotions legend, html.ie7 fieldset.promotions legend {
    background:                             none;
}

fieldset.promotions input[type=text] {
    background:                             rgb(255, 255, 255); 
    border:                                 1px solid rgb(228, 228, 228);
    color:                                  rgb(126,128,131);
    float:                                  left;
    font:                                   14px/17px Arial, sans-serif;
    height:                                 25px;
    margin-right:                           2.8571428%;
    padding:                                0 2.8571428%;
    width:                                  59.428571%           
}

fieldset.promotions a.button {
    float:                                  left;
}

#prices {
    float:                                  right;    
    margin:                                 10px 20px 10px 0;
    width:                                  50%;
}

#prices:after {
    clear:                                  both;
    content:                                "";
    display:                                block;
}

#prices table tr th, #prices table tr td {
    color:                                  rgb(0,0,0);
    font:                                   bold 14px Arial, sans-serif;
    text-align:                             right;
    padding:                                6px 0;
    text-transform:                         none;
}

#prices table tr td {
    width:                                  14.583333%;
}

#prices table tfoot tr:last-of-type th, #prices table tfoot tr:last-of-type td {
    padding:                                14px 0;
}

#prices a.button {
    float:                                  right;
}

#prices table tfoot tr:first-child th {
    text-transform:                         uppercase;
}

/* Selected vehicle  */

.selected-vehicle {
    right:                                  0;
    position:                               absolute;
    top:                                    -20px;
}

.selected-vehicle:after {
    clear:                                  both;
    content:                                "";
    display:                                block;
}

.selected-vehicle img {
    float:                                  left;
    margin-right:                           10px;
    width:                                  110px;
}

.selected-vehicle a {    
    float:                                  left;
    margin-top:                             24px;
}

/* Smaller width forms */

.column fieldset {
    margin-bottom:                          0;
    width:                                  100%;
}

.column fieldset.alternative {
    margin-bottom:                          10px;
}

.column fieldset.alternative legend{
    color:                                  rgb(255,255,255);
    text-transform:                         uppercase;
    font-weight:                            normal;
}

.column fieldset legend {
    line-height:                            33px;
    padding:                                0 1.712905%;
    width:                                  96.774193%;
}

.column fieldset dl dt {
    width:                                  26.397515%;
}

.column fieldset dl dd {
    margin-left:                            3.10559%;
    width:                                  69.875776%;
}

.column fieldset dl dt label, form.cnpForm .customLabel {
    padding-left:                           0;
}

.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 fieldset dl dd .custom-select {
    padding:                                2px 2.1978021%;
    width:                                  55.824175%;
}

html.ie7 .column fieldset dl dd .custom-select {
    padding:                            0;
}

.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:                                  25.635164%;
}

.column form.cnpForm .customInput input[type=text],
.column form.cnpForm .customInput input[type=tel] {
    padding:                                2px 3.3088235%;
    width:                                  93.382352%;
}

.column form.cnpForm .errorMessage {
    float:                                  left;
    margin-left:                            1.2%;        
    width:                                  26.397515%;
}
      
.column fieldset > input[type=submit] {
    margin-left:                            30.120481%;
}


html.ie7 .column fieldset > input[type=submit] {
    margin-top:                             10px;
}

.column fieldset ul.options li {
    padding-left:                           10.2568807%;    
}

/* Variant A*/

.column.variant-a fieldset {
    border:                                 none;   
}

.column.variant-a fieldset > p,
.column.variant-a fieldset .button-container {
    max-width:                              none;
    padding:                                0;
    width:                                  100%;
}

.column.variant-a fieldset dl dt {
    width:                                  41.666666%;
}

.column.variant-a fieldset dl dd {
    width:                                  55%;
}

.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 form.cnpForm .customInput input[type=text],
.column.variant-a form.cnpForm .customInput input[type=tel],
.column.variant-a fieldset .custom-select {
    padding:                                2px 2.0366598%;
    width:                                  51.73116%
}

.column.variant-a fieldset .button-container input[type="submit"] {
    margin-left:                            44.73094%;
}

.column.variant-a fieldset .button-container:after {
    clear:                                  both;
    content:                                "";
    display:                                block;
}

.column.variant-a fieldset:last-child {
    padding-bottom:                         0;    
}

/* Basic forms */

form.basic fieldset {
    border:                                 none;
    margin-bottom:                          20px;
    width:                                  100%;
}

form.basic fieldset:last-of-type {
    margin-bottom:                          0;
}

form.basic fieldset legend {
    background:                             none;
    color:                                  rgb(0,0,0);
}

form.basic fieldset > p, form.basic legend, 
form.basic ul.options {
    max-width:                              none;
    padding:                                0;
    width:                                  100%;
}

form.basic ul.options li {
    border-bottom:                          1px solid rgb(231, 231, 231);
    margin:                                 0;
    padding-bottom:                         15px;
    padding-top:                            15px;
    padding-left:                           5.2%;
}

form.basic ul.options li:last-of-type {
    border:                                 none;
    padding-bottom:                         10px;
}

form.basic fieldset.preferences {
    border:                                 solid 1px rgb(231,231,231);
    padding:                                15px 3.0833333%;
    width:                                  93.83333%;
}

form.basic fieldset.preferences ul.options {
    margin:                                 0 -3.114754%;
    width:                                  104.347826%;
}

form.basic fieldset.preferences ul.options li {
    padding:                                20px 6.7411273%
}

form.basic fieldset.preferences ul.options li > input[type=checkbox] {
    margin-left:                            -4.5672143%;
}

form.basic fieldset .custom-select  {    
    width:                                  38.080959%;
}

form.basic fieldset ul.options li input[type=radio] + label,  form.basic fieldset ul.options li input[type=checkbox] + label {
    padding-right:                          3.8626465%;
    width:                                  auto;
}

form.basic fieldset ul.options li label + .custom-select {
    float:                                  left;
    margin-top:                             -x;
}

form.basic fieldset .button-container input[type="submit"] {
    float:                                  right;
}

/* Subscription download */

fieldset.associate-vehicle legend,
html.ie8 fieldset.associate-vehicle legend,
html.ie7 fieldset.associate-vehicle legend {
    background:                             none;
    color:                                  rgb(0,0,0);
    font:                                   bold 14px arial, sans-serif;
    padding:                                0;
    text-transform:                         none;
}

fieldset.associate-vehicle ul.options {
    max-width:                              none;
    width:                                  100%;
}

fieldset.associate-vehicle ul.options li {
    padding-left:                           0;
}

fieldset.associate-vehicle ul.options li label {
    color:                                  rgb(135,135,135);    
    font-size:                              14px;
}

fieldset.associate-vehicle ul.options li label.disabled {
    color:                                  rgb(206,206,206);    
}

fieldset.associate-vehicle ul.options li input[type="radio"], 
fieldset.associate-vehicle ul.options li input[type="checkbox"] {
    margin-left:                            0;
    margin-right:                           10px;
}

/* Checkout */

body#checkout section[role=main] h3 {
    margin-bottom:                          0;
    position:                               relative;
}

body#checkout section[role=main] form + h3 {
    margin-top:                             10px;
    font-weight:                            normal;
}

html.ie7 body#checkout section[role=main] form + h3 {
    margin-bottom:                          -10px;
}

body#checkout section[role=main] h3 em {
    margin-left:                            0;
    margin-right:                           1.552795%;
}

body#checkout fieldset > p,
body#checkout fieldset legend,
body#checkout fieldset ul.options {  
    clear:                                  both;
    padding-left:                           15.015015%;  
    padding-right:                          3.003003%;
    width:                                  81.831831%;
}

body#checkout fieldset legend {
    background:                             none;
    -moz-box-shadow:                        none;
    -webkit-box-shadow:                     none;
    box-shadow:                             none;
    border:                                 none;
    float:                                  left;
    margin-bottom:                          4px;
    padding-top:                            15px;
    color:                                  rgb(0,0,0);
}

html.ie7 body#checkout fieldset.alternative legend {
    border:                                 none;
    float:                                  none;
    height:                                 0;
    margin:                                 10px 0 40px;
    padding-right:                          0;
    padding-top:                            0;
}

html.ie7 body#checkout fieldset legend {
    border:                                 solid 1px rgb(230,230,230);
    border-width:                           0 1px;
    margin-left:                            -8px;
    width:                                  544px;
}

body#checkout section[role=main] h3 span,
section.order > h1 span,
ul.my-vehicles li > span {
    background:                             rgb(20,32,50);
    -moz-border-radius:                     2px;
    -webkit-border-radius:                  2px;
    border-radius:                          2px;
    color:                                  rgb(255,255,255);
    cursor:                                 pointer;
    display:                                block;
    font:                                   bold 20px/23px Arial, sans-serif;
    height:                                 25px;
    position:                               absolute;
    right:                                  2%;
    text-align:                             center;
    top:                                    8px;
    width:                                  25px;
}

body#checkout section[role=main] h3 span {
    display:                                none;
}

body#checkout .payment-form .submitInput {
    margin-left:                            29.347826%;
}

/* Confirmation */

body#confirmation section[role=main] .column {
    margin-left:                            2.4%;
    width:                                  93.4375%;
}

body#confirmation section[role=main] .column > h2:first-child {
    background:                             rgb(20,32,50);
    color:                                  rgb(255,255,255);
    -webkit-border-radius:                  0;
    -moz-border-radius:                     0;
    border-radius:                          0;
    display:                                inline-block;
    font-size:                              20px;
    line-height:                            40px;
    margin-left:                            -4.7167224%;
    padding-left:                           4.3937569%;
    padding-right:                          3.3613445%;
    position:                               relative;
}   

html.ie7 body#confirmation section[role=main] .column > h2:first-child {
    display:                                inline;
    zoom:                                   1;
}

body#confirmation section[role=main] .column > h2:first-child:after,
body#confirmation section[role=main] .column > h2:first-child span.after  {
    background:                             url(../Images/ConfirmationHeaderTipBg.png);
    content:                                "";
    display:                                block;
    height:                                 19px;
    left:                                   0;
    position:                               absolute;
    top:                                    100%;
    width:                                  23px;
}

body#confirmation section[role=main] .column p.reference-number {
    margin-bottom:                          3px;
}

body#confirmation section[role=main] .column p.reference-number em {
    display:                                block;
    font:                                   bold 36px/58px Arial, sans-serif;
}

body#confirmation section[role=main] .column dl,
section.order dl {
    float:                                  left;
    margin-bottom:                          20px;
    line-height:                            18px;
    width:                                  28.294117%;
}

body#confirmation section[role=main] .column dl dt,
section.order dl dt {
    font-weight:                            bold;
}

body#confirmation section[role=main] .column dl:first-of-type,
section.order dl:first-of-type {
    float:                                  none;
    width:                                  100%;
}

body#confirmation section[role=main] .column dl:first-of-type dt,
section.order dl:first-of-type dt {
    float:                                  left;
    margin-right:                           4.2016806%;
}

body#confirmation section[role=main] .column table,
section.order table {
    margin:                                 10px -2.2296544% -20px;
    width:                                  104.4593088%;
}

body#confirmation section[role=main] .column table tr th,
body#confirmation section[role=main] .column table tr td,
section.order table tr th, section.order table tr td {
    font-weight:                            bold;
    font-size:                              14px;
    padding:                                2px 2.2296544% 8px; 
    text-align:                             right;
}

body#confirmation section[role=main] .column table tr th small,
section.order table tr th small {
    font-weight:                            100;
}


body#confirmation section[role=main] .column table tfoot {
    background:                             rgb(244,244,244);
}

body#confirmation section[role=main] .column table tfoot th,
body#confirmation section[role=main] .column table tfoot td,
section.order table tfoot th, section.order table tfoot td {
    color:                                  rgb(0,0,0);  
    padding-bottom:                         9px;    
    padding-top:                            9px;                         
}   

/* My orders */

section.order, ul.my-vehicles li {
    background:                             none;
    margin-bottom:                          10px;
    padding:                                15px 2.08333333% 0;
    position:                               relative;
}

section.order:last-of-type, ul.my-vehicles li:last-child {
    margin-bottom:                          0;
}

section.order > h1 {   
    display:                                block;
    font-size:                              16px;
    line-height:                            25px;
    margin:                                 0;
    padding:                                0 0 15px 4.1394335%;
}

section.order > h1 span, ul.my-vehicles li > span {
    left:                                   0;
    margin-top:                             0;
    right:                                  auto;
    top:                                    15px;
}

section.order > h1 span {
    top:                                    0;
}

section.order h2 {
    font-size:                              13px;
    margin-top:                             20px;
}

section.order .slider, ul.my-vehicles li .slider {    
    position:                               relative;
}

section.order table {
    margin:                                 10px 0 0;
}

section.order table tfoot {
    background:                             rgb(255,255,255);
}

/* Choose your language */

nav.region-tabs ul {
    margin:                                 0;
}

html.ie7 nav.region-tabs ul {
    zoom:                                   1;
}

nav.region-tabs ul:after {
    clear:                                  both;
    content:                                "";
    display:                                block;
}

nav.region-tabs ul li {
    background:                             none;
    float:                                  left;
    margin-right:                           1.0416666%;
    padding:                                0;
    width:                                  19.1666666%;
}

nav.region-tabs ul li:last-child {
    margin-right:                           0;
}

nav.region-tabs ul li a {
    background-color:                       rgb(230, 230, 230);
    color:                                  rgb(0,0,0);
    display:                                block;
    font:                                   18px/35px Arial, sans-serif;
    height:                                 35px;
    text-align:                             center;
    text-decoration:                        none;
    width:                                  100%;
}

nav.region-tabs ul li a:hover {
    color:                                  rgb(58,158,187);
}

ul.regions {  
    margin:                                 20px 0 0 0;
}

ul.regions li {
    background:                             none;
    margin-bottom:                          0;
    padding-left:                           0;
}

ul.regions li:after {
    clear:                                  both;
    content:                                "";
    display:                                block;
}

ul.regions li h4 {
    font-size:                              16px;
    padding:                                10px 0;
}

ul.regions li ul.countries {
    margin:                                 30px auto 0 auto;
    padding:                                0;  
    max-width:                              960px;  
    width:                                  97%;
}

ul.regions li ul.countries:after {
    clear:                                  both;
    content:                                "";
    display:                                block;
}

ul.regions li ul.countries li {
    background:                             none;
    float:                                  left;
    margin-right:                           1.041666666666667%;
    padding:                                0 0 30px;
    position:                               relative;
    width:                                  19.16666666666667%;
}

ul.regions li ul.countries li img {
    border:                                 solid 1px rgb(144,144,144);
    -moz-box-shadow:                        1px 2px 2px rgba(144,144,144,0.75);
    -webkit-box-shadow:                     1px 2px 2px rgba(144,144,144,0.75);
    box-shadow:                             1px 2px 2px rgba(144,144,144,0.75);
}

ul.regions li ul.countries li a {
    color:                                  rgb(33, 39, 33);
    font-size:                              13px;
    left:                                   60px;
    position:                               absolute;
    top:                                    10px;
    text-decoration:                        none;
}

ul.regions li ul.countries li a:hover {
    color:                              rgb(58,158,187);
    text-decoration:                    none;
}

ul.regions li ul.countries li:nth-child(5n) {
    margin-right:                           0;   
}

/* Manage my vehciles */

ul.my-vehicles {
    margin:                                 20px 0 0;
}

ul.my-vehicles li {
    padding-left:                           14.541666%;
}

ul.my-vehicles li:after {
    clear:                                  both;
    content:                                "";
    display:                                block;
}

html.ie7 ul.my-vehicles li {
    padding-bottom:                         10px;
    zoom:                                   1;
}

ul.my-vehicles li > h3, ul.my-vehicles li > h4, ul.my-vehicles li > p {    
    font-size:                              16px;    
    float:                                  left;    
    line-height:                            25px;
}

ul.my-vehicles li > span {
    left:                                   2%;
}

ul.my-vehicles li > h3 {
    color:                                  rgb(0,0,0);
    font:                                   18px/25px Arial, sans-serif;
    margin-left:                            -8.8998763%;
}

ul.my-vehicles li > h4 {    
    color:                                  rgb(0,0,0);
    font:                                   18px/25px Arial, sans-serif;
    margin-left:                            5px;
    margin-right:                           5px;
}

ul.my-vehicles li > p:first-of-type {
    font-size:                              12px;   
}

ul.my-vehicles li > p:nth-of-type(2) {
    background:                             url(../Images/TickIcon.png) 0 center no-repeat;
    font:                                   12px/25px Arial, sans-serif;
    float:                                  right;
    padding-left:                           25px;
}

html.ie7 ul.my-vehicles li > p:nth-of-type(2) {
    white-space:                            nowrap;
}

ul.my-vehicles li .slider {
    clear:                                  both;
    margin:                                 0 -2.4721878% 0 -17.424242%;
}

html.ie7 ul.my-vehicles li .slider {
    zoom:                                   1;
}

ul.my-vehicles li .slider .product {
    clear:                                  both;
    margin:                                 0;
    padding:                                10px 2.4752475% 10px 13.312693%;
}

ul.my-vehicles li .slider .product .image-wrap {
    margin-left:                            -13.202933%;
    width:                                  auto;
}

ul.my-vehicles li .slider .product p {
    color:                                  rgb(0,0,0);
    font-size:                              14px;
}

ul.my-vehicles li .slider > p {
    float:                                  left;
    font-weight:                            bold;
    margin-left:                            13.312693%;
}

ul.my-vehicles li .slider > a.button {
    float:                                  right;
    margin:                                 -4px 1.5151515% 10px 0;
}

/* Search results*/

body#search-results section[role="main"] .container > h1 span {    
    font:                                   14px/27px arial, sans-serif;
    left:                                   107%;
    position:                               absolute;    
    top:                                    0;
    text-transform:                         none;
    white-space:                            nowrap;
}

body#search-results p.showing {
    text-align:                             center;
}

ol.results {
    margin-left:                            0;
    list-style:                             none;
}

ol.results li span {
    float:                                  left;
    margin-left:                            -3.7837837%;
}

ol.results li {
    font-weight:                            bold;
    padding-bottom:                         20px;
    padding-left:                           3.7%;
}

ol.results li h3 {
    margin-bottom:                          2px;
}

html.ie7 ol.results li h3 {
    float:                                  left;
}

ol.results li > a, ol.results li > p {
    color:                                  rgb(151,153,155);
    font-weight:                            normal;
    margin-bottom:                          2px;
    text-decoration:                        none;
}

ol.results li > p {
    color:                                  rgb(0,0,0);
}

ol.results li > a:hover {
    color:                                  rgb(58,158,187);
}

html.ie7 ol.results li > p, html.ie7 ol.results li > a {
    clear:                                  both;
}

/* Join us */

.featured-title {
    background:                             rgb(20,32,50);
    border-bottom:                          solid 4px rgb(36,164,245);
    color:                                  rgb(255,255,255);
    margin-top:                             15px;
    padding:                                4.5% 0;
    text-align:                             center;
    width:                                  100%;
}

.join-promo {
    margin-bottom:                          30px;
}

.join-promo .main {
    background:                             url(http://placehold.it/960x278&text=Image) no-repeat;
    height:                                 278px;
    position:                               relative;    
}

.join-promo .main:after {
    clear:                                  both;
    content:                                "";
    display:                                block;
}

.join-promo .details {
    float:                                  left;
    margin:                                 15px 0;
    padding:                                20px 8% 0 4.166666%;
    width:                                  30%
}

.join-promo .details h2 {
    color:                                  rgb(255,255,255);
    font-size:                              39px;
    margin-bottom:                          10px;
    padding:                                0;
}

.join-promo .details p {
    color:                                  rgb(255,255,255);
    font:                                   16px/20px Arial, sans-serif;
    margin-bottom:                          0;
}

.join-promo .main a.button {
    clear:                                  left;
    float:                                  left;
    margin-left:                            4.166666%;
}

.join-promo fieldset {
    background:                             rgba(255,255,255, 0.7);
    border:                                 none;
    bottom:                                 0;
    margin:                                 0;
    padding:                                0 3.125%;    
    position:                               absolute;
    right:                                  0;
    top:                                    0;
    width:                                  30%;
}

html.ie9 .join-promo fieldset, html.ie8 .join-promo fieldset, html.ie7 .join-promo fieldset {
    background:                             url(../Images/JoinUsFormBg.png) repeat;
}

.join-promo fieldset legend {
    background:                             none;
    color:                                  rgb(0,0,0);
    margin-top:                             30px;
    font:                                   bold 16px Arial, sans-serif;
    padding:                                0;
    text-align:                             center;
}

.join-promo fieldset input[type=text] {
    padding:                                0 5%;
    width:                                  90%;
}

html.ie7 .join-promo fieldset dt {
    height:                                 28px;
    margin-bottom:                          10px;
}

.join-promo fieldset dd {
    float:                                  right;
    margin-left:                            0;
    width:                                  68.4792%;
}

.join-promo fieldset a {
    color:                                  rgb(58,58,58);
    font-size:                              12px;
    margin-left:                            31.5208%;
}

html.ie7 .join-promo fieldset a {
    float:                                  left;
}

.join-promo fieldset a:hover {
    color:                                  rgb(246, 191, 20);
}

.join-promo fieldset input[type=submit] {
    margin:                                 20px 0 0 31.5208%;
}    

.join-promo .cta {
    background:                             url(../Images/JoinUsCtaBg.gif) repeat-x rgb(234,234,234);
    background-image:                       -webkit-gradient(linear, left top, left bottom, from(rgb(251,251,251)), to(rgb(234,234,234)));
    background-image:                       -webkit-linear-gradient(top, rgb(251,251,251), rgb(234,234,234)); 
    background-image:                       -moz-linear-gradient(top, rgb(251,251,251), rgb(234,234,234));
    background-image:                       -ms-linear-gradient(top, rgb(251,251,251), rgb(234,234,234));
    background-image:                       -o-linear-gradient(top, rgb(251,251,251), rgb(234,234,234));
    padding:                                2.9% 3.9583333%;
}

html.ie7 .join-promo .cta {    
    zoom:                                   1;
}

.join-promo .cta:after {
    clear:                                  both;
    content:                                "";
    display:                                block;
}

.join-promo .cta  p {
    color:                                  rgb(67,67,67);
    font:                                   bold 15px/20px Arial;
    float:                                  left;
    letter-spacing:                         2px;
    margin:                                 0;
    text-transform:                         uppercase;
    width:                                  57.3125%;
}

.join-promo .cta a.button {
    float:                                  left;
    margin-left:                            21.266968%;
}

/* Footer */

section.promo-panels + footer[role="contentinfo"], #footer-banner + footer[role="contentinfo"] {
    background:                             rgb(230,231,232);
    
}

footer[role=contentinfo]{
    background-color:                       rgb(230,231,232);

}

footer[role=contentinfo] .container {
    padding:                                15px 0;
}

footer[role=contentinfo] h1 {
    font-size:                              16px;
    font-weight:                            100;
    margin:                                 0;
}

footer[role=contentinfo] p {
    font-size:                              12px;
    line-height:                            normal;
    margin-bottom:                          0;
}

footer[role=contentinfo] ul {
    list-style:                             none;
    margin:                                 0;
}   

footer[role=contentinfo] ul li {
    background:                             none;
    display:                                inline-block;
    margin:                                 0;
    padding-left:                           0;
}

html.ie7 footer[role=contentinfo] ul li {
    float:                                  left;
    margin-right:                           3px;
}

footer[role=contentinfo] ul li img {
    display:                                block;
}



footer[role=contentinfo] #payment:after {
    clear:                                  both;
    content:                                "";
    display:                                block;
}

html.ie7 footer[role=contentinfo] #payment {
    zoom:                                   1;
}

footer[role=contentinfo] #payment h1, footer[role=contentinfo] #social h1 {
    color:                                  rgb(0,0,0);
    font-weight:                            bold;
}

footer[role=contentinfo] #payment h1 {
    float:                                  left;
    margin:                                 8px 10px 0 0;
}

section.promo-panels + footer[role=contentinfo] #payment h1, #footer-banner + footer[role=contentinfo] #payment h1,
section.promo-panels + footer[role=contentinfo] #social h1, #footer-banner + footer[role=contentinfo] #social h1 {
    font-size:                              12px;
    text-transform:                         none;
    color:                                  rgb(0,0,0);
}

 #footer-banner + footer[role=contentinfo] #payment h1{
    color:                                  rgb(0,0,0);
 }

 #footer-banner + footer[role=contentinfo] .main #social h1{
    color:                                  rgb(0,0,0);
 }

 section.promo-panels + footer[role="contentinfo"] #payment h1,  section.promo-panels + footer[role="contentinfo"] #social h1{
    color:                                  rgb(0,0,0);
 }


footer[role=contentinfo] #payment ul, footer[role=contentinfo] #social ul {   
    float:                                  left;
}

footer[role=contentinfo] #social {
    position:                               absolute;
    right:                                  0;
    top:                                    -67px;
}

html.ie7 footer[role=contentinfo] #social {
    width:                                  218px;
}

html.ie7 footer[role=contentinfo] #social ul {
    float:                                  none;
}

footer[role=contentinfo] #social h1 {
    float:                                  right;
    font-size:                              14px;
    margin:                                 4px 0 0 10px;
}

footer[role=contentinfo] #social ul li a {
    background:                             url(../Images/SocialMediaIcons.png) no-repeat;
    display:                                inline-block;
    height:                                 23px;
    text-indent:                            -99999px;
    width:                                  23px;
}

html.ie7 footer[role=contentinfo] #social ul li a {
    display:                                block;
}

footer[role=contentinfo] #social ul li.facebook a { 
    background-position:                    -23px 0;
}

footer[role=contentinfo] #social ul li.twitter a { 
    background-position:                    -46px 0;
}

footer[role=contentinfo] .main {
    color:                             rgb(0,0,0);   
    background-color:                                  rgb(230,231,232);
    padding:                                26px 0;
}

footer[role=contentinfo] a:not(.button) {
    text-decoration:                        none;
}

footer[role=contentinfo] .main nav {
    float:                                  left;
    margin-right:                           5.4166666%;
    margin-bottom:                          30px;
    width:                                  20.208333%;
}

footer[role=contentinfo] .main nav:first-of-type {
    width:                                  18.875%;
}

footer[role=contentinfo] .main nav:last-of-type {
    width:                                  21.418228%;
}

footer[role=contentinfo] .main nav p {
    font-size:                              16px;
    margin-bottom:                          4px;
    font-weight:                            bold;
    text-transform:                         uppercase;
}

footer[role=contentinfo] .main nav ul li {
    display:                                block;
    font-size:                              11px;
}

html.ie7 footer[role=contentinfo] .main nav ul li {
    float:                                  none;
}

footer[role=contentinfo] #contact-wrap {
    float:                                  right;   
    width:                                  22.0833333%;
}

footer[role=contentinfo] #contact {
    margin-bottom:                          20px;
}

footer[role=contentinfo] #contact h1,
footer[role=contentinfo] #contact dl {
    margin-bottom:                          10px;
    font-family:                            Arial, sans-serif;
    font-weight:                            bold;
    text-transform:                         none;
}

footer[role=contentinfo] #contact dl dt, 
footer[role=contentinfo] #contact dl dd {
    display:                                inline;
    font-size:                              18px;
    line-height:                            100%;
}

footer[role=contentinfo] #newsletter h1 {
    background:                             url(../Images/NewsletterHeadingBg.png) no-repeat top left;
    font-size:                              16px;
    margin-bottom:                          10px;
    min-height:                             30px;
    padding-left:                           42px;
}

footer[role=contentinfo] #newsletter p {
    margin-bottom:                          10px;                      
}

footer[role=contentinfo] #newsletter a.button {
    background-color: rgb(20,32,50);
    background: url(../Images/button-arrow-white.png) no-repeat, -webkit-gradient(linear, left top, left bottom, from(rgb(28,163,207)), to(rgb(8,93,138)));
    background: url(../Images/button-arrow-white.png) no-repeat, -webkit-linear-gradient(top, rgb(28,163,207), rgb(8,93,138));
    background: url(../Images/button-arrow-white.png) no-repeat, -moz-linear-gradient(top, rgb(28,163,207), rgb(8,93,138));
    background: url(../Images/button-arrow-white.png) no-repeat, -ms-linear-gradient(top, rgb(28,163,207), rgb(8,93,138));
    background: url(../Images/button-arrow-white.png) no-repeat, -o-linear-gradient(top, rgb(28,163,207), rgb(8,93,138));
    background-position: right 10px center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    height: 32px;
    line-height: 32px;
    padding: 0 25px 0 13px;
    text-transform: uppercase;
    font-weight: normal;
    color: rgb(255,255,255);
}

footer[role=contentinfo] #newsletter a.button:hover {
    background:                         url(../Images/button-arrow-white.png) no-repeat, rgb(8,93,138);
    background-position:                right 10px center;
    color:                              rgb(255,255,255);
}

footer[role=contentinfo] .smallprint {
    float:                                  left;
    width:                                  67.708333%;
}

footer[role=contentinfo] .smallprint ul li a, footer[role=contentinfo] .smallprint p  {
    font-size:                              11px;
    text-decoration:                        none;
}

footer[role=contentinfo] .smallprint p {
    line-height:                            20px;
}

footer[role=contentinfo] .smallprint ul {
    margin-bottom:                          3px;
}

footer[role=contentinfo] .smallprint ul li a {
    border-right:                           solid 1px rgb(0,0,0);
    line-height:                            11px;
    padding-right:                          4px;
}

footer[role=contentinfo] .smallprint ul li:last-of-type a {
    border-right:                           0;
}

footer[role=contentinfo] .bottom-bar {
    clear:                                  right;
    float:                                  right;   
    margin-top:                             20px;
    width:                                  22.0833333%;
}

footer[role=contentinfo] .bottom-bar a {
    float:                                  left;
    font-size:                              12px;
    margin-top:                             4.7169811%;
}

footer[role=contentinfo] .bottom-bar a:before {
    background:                             url(../Images/EmailLinkBg.png) no-repeat;
    content:                                "";
    display:                                inline-block;
    height:                                 12px;
    padding-right:                          6px;
    width:                                  16px;
}

footer[role=contentinfo] .bottom-bar img {
    float:                                  right;
}