﻿* {
    outline: none;
    box-sizing: border-box;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
border: 0;
}
div:after, div:before {
content: "";
display: table;
}
div:after {
clear: both;
}
html, body {
height: 100%;
}
body {
font: 12px/1.3 Arial,Tahoma,sans-serif;
color: #555;
background-color:#efefed;
}
body, input, button, select, address, dt, dd, li, p, h2, h3, h5, pre {
line-height: 150%;
}
div {
display: block;
}
a {
cursor: pointer;
color: #5b5b5b;
}
.site-center {
    width: 980px;
    min-width: 200px;
    margin-left: auto!important;
    margin-right: auto!important;
    position: relative;
    float: none!important;
}
ul.mininav {
float: right;
font-size: 9px;
line-height: 9px;
font-weight: bold;
text-transform: uppercase;
height: auto;
list-style: none;
overflow: visible;
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
margin:0;
}
ul.mininav li {
float: left;
padding: 0 1px 1px 0;
line-height: 150%;
display: list-item;
text-align: -webkit-match-parent;
}
ul.mininav li a {
display: block;
padding: 5px 20px;
background: #e2e2e3 url(../img/myHyundaiUK/arrow.gif) 12px 50% no-repeat;
cursor:default;

}
#nav {
clear: both;
width: 100%;
}
#navdiv {
float: left;
height: 40px;
-webkit-box-shadow: -12px 12px 20px 0 rgba(0,0,0,.4);
-moz-box-shadow: -12px 12px 20px 0 rgba(0,0,0,.4);
box-shadow: -12px 12px 20px 0 rgba(0,0,0,.4);
background: #575a5d url(../img/myHyundaiUK/nav.gif) 0 0 repeat-x;
}
.mainbackdrop {
min-height: 100%;
background: #efefed url(../img/myHyundaiUK/body.jpg) 50% 0 repeat-x;
}
#navdiv>ul {
float: left;
position: relative;
height: 40px;
list-style: none;
overflow: visible;
padding:0;
margin:0;
}
#navdiv>ul>li {
float: left;
background: #575a5d url(../img/myHyundaiUK/nav.gif) 0 0 repeat-x;
display: list-item;
text-align: -webkit-match-parent;
}
#navdiv>ul>li>a {
display: block;
padding: 14px 25px;
font-family: 'ModernHLight',Arial,sans-serif;
text-transform: uppercase;
color: #eee;
font-size: 12px;
line-height: 12px;
}
#navdiv>ul>li>a, #navdiv>ul>li>a {
cursor: default;
text-decoration: none;
}
a.logo {
display: block;
float: left;
position: relative;
width: 248px;
height: 40px;
text-indent: -5000px;
background: url(../img/myHyundaiUK/hyundai.png) 0 0 no-repeat;
text-decoration: none;
}
#nav div.level {
position: absolute;
width: 100%;
left: 0;
background: #fff;
background-color: #fff;
-moz-box-shadow: 6px 6px 9px 0 rgba(0,0,0,.17);
-webkit-box-shadow: 6px 6px 9px 0 rgba(0,0,0,.17);
box-shadow: 6px 6px 9px 0 rgba(0,0,0,.17);
min-height: 72px;
z-index: 103;
}
#navdiv div.mydetails ul {
overflow: hidden;
width: 100%;
height: auto;
}
ul ul, ul ol, ol ol, ol ul {
margin-bottom: 0;
-webkit-margin-before: 0px;
-webkit-margin-after: 0px;
}
.expandArea {
visibility: hidden;
}
ul, menu, dir {
display: block;
list-style-type: disc;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
}
a.close {
position: absolute;
top: 10px;
right: 10px;
width: 14px;
height: 15px;
text-indent: -5000px;
cursor: pointer;
text-decoration: underline;
}
a.close {
background: url(../img/myHyundaiUK/close-p.png) 0 0 no-repeat;
}
ul.shareside, #nav ul.share {
float: right;
width: auto;
margin: 0;
padding-left:0;
}
ul.share {
position: relative;
width: 100%;
list-style-type:none;
}
#nav ul.share li {
float: left;
padding: 0;
}
a.facebook, a.twitter, a.youtube {
display: block;
overflow: hidden;
width: 32px;
height: 32px;
text-indent: -5000px;
float: right;
margin-top: 7px;
margin-left:0px;
}
a.facebook {
background-position: 0 0!important;
}
a.facebook, a.twitter, a.youtube {
background: url(../img/myHyundaiUK/share.png) 0 0 no-repeat;
}
a.twitter {
background-position: 0 -32px!important;
}
a.youtube {
background-position: 0 -64px!important;
}
.share {
display: block;
}
ul, menu, dir {
display: block;
list-style-type: disc;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
}
#mainarea {
width: 100%;
float: left;
margin-top: 15px;
}
#emptypage, #mcarousel {
margin-top: -79px;
}
.pageone {
background-position: center 0;
background-image: url(../img/myHyundaiUK/login_carousel.jpg);
}
.site-center {
width: 980px;
min-width: 200px;
margin-left: auto!important;
margin-right: auto!important;
position: relative;
float: none!important;
}
.cell {
margin: 15px;
}
.rc1_2 {
width: 50%;
float: left;
}
.hyundai {
text-transform: uppercase;
font-size: 36px;
font-family: 'ModernHLight',Arial,sans-serif;
font-weight: bold;
color: #fff;
text-shadow: 1px 2px #4a4a4a;
line-height: 36px;
filter: Shadow(Color=#4a4a4a,Direction=130,Strength=1);
text-align: left;
}
img {
height: auto;
width: 100%;
display: inline-block;
}
#wrapper {
    padding: 0;
    width: 980px;
    background-color:#FFFFFF;
}
#content {
    width: auto;
    margin:15px!important;
}
    #content .outer {
        margin:0;
        width:auto;
        border:none;
        padding:0;
    }

    #content .inner {
        width: auto;
        background: none;
        padding: 0;
    }
    h2 {
font-family: 'ModernHLight',Arial,sans-serif;
font-size: 24px;
line-height: 24px;
font-weight: normal;
text-align: left;
}

    h3 {
font-family: 'ModernHLight',Arial,sans-serif;
font-size: 24px;
line-height: 24px;
font-weight: normal;
text-align: left;
color:#555!important;
}
#content #activate p.instructions {
    font-size: 100%;
}

#content #activate h3 {
    font-size:24px;
    padding:0;
    border:none;
}
#content #activate .col .formrow label {
    padding: 0 0 8px 0!important;
color: #333;
font-size: 12px;
float: left;
font-weight: bold;
}
input,select {
    border-radius: 0;
    -moz-box-shadow: none!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: inline-block;
    font-size: 14px!important;
    padding: 5px 5px 5px 0!important;
background: #fff;
height: 30px!important;
text-indent: 5px;
color:#333!important;
letter-spacing: normal;
word-spacing: normal;
text-transform: none;
font: -webkit-small-control;
text-align: start;
}

.submit {
    width:90px!important;
    height:27px!important;
    padding:0!important;
}
#footer {
width: 100%;
overflow: hidden;
width: 100%;
padding: 30px 0 8px 0;
font-size: 10px;
color: #888;
margin: 0 auto;
text-align: left;
}
ul.share {
position: relative;
width: 100%;
display: block;
float: left;
font-size: 12px;
}
footer div.colsearch {
float: right;
font-size: 12px;
color: #555;
font-weight: bold;
text-transform: uppercase;
width: 25%;
}
footer ul.share li:first-child {
float: right;
width: 100%;
text-align: right;
}
footer ul li:first-child {
padding: 0 0 6px 0;
color: #555;
font-weight: bold;
text-transform: uppercase;
font-size:12px;
}
ul.share li {
float: right;
padding: 0;
}
#footer ul li a {
    margin-left:0px;
}
footer section.sitemap {
padding: 36px 0 8px 0;
font-size: 11px;
}
footer section {
overflow: hidden;
width: 100%;
}
footer a {
color: #888;
text-decoration:none;
}
footer section.sitemap p {
margin: 8px 0 0 0;
padding: 8px 0 0 0;
border-top: #d5d5d5 solid 1px;
width:100%!important;
}
#content .col .formrow select {
    width: 195px;
}
div.statusMessage > ul {
    list-style-type: none;
}
#content .formrow img.ui-datepicker-trigger {
    width:auto!important;
}
.actRadio > input {
    vertical-align: bottom;
}

@media screen and (max-width: 1000px){
    ul.mininav {
        display: none;
    }
    ul.share {
        display: none;
    }
    #navdiv {
        width: 100%;
    }
    #navdiv>ul>li {
        display: none;
    }
    #navdiv>ul>li:first-child {
        display: inline-block;
    }
    .site-center, #wrapper {
width: 100%!important;
}
    #content #activate .col {
margin:0 2%;
width: 46%;
}
        #content #activate .col .formrow {
            width:100%;
        }
}
@media screen and (max-width: 660px) {
    #content #activate .col .formrow a {
padding-left: 20px;
margin: 10px 0px 0px 0px;
}
    .pageCarousel {
height: 317px;
}
    .pageCarousel .rc1_2 {
width: 100%;
}
    .hyundai {
        margin-top:-60px;
    }
}

@media screen and (max-width: 480px) {
    #content #activate .col {
margin: 0 2%;
width: 96%;
}
}