/* ************************************************   
Project Name: 60285_11b-Vehicle Service Contract Portal
Author: Budco - Travis Terry
Version: 1.0
Description: Ford Pre-registration 
************************************************ */
html {height: 100%;}
body{color: #6e6e6e;margin-top: 20px;background: #fefefe;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZWRlZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top,  #fefefe 0%, #dedede 100%) no-repeat;background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#dedede)) no-repeat;background: -webkit-linear-gradient(top,  #fefefe 0%,#dedede 100%) no-repeat;background: -o-linear-gradient(top,  #fefefe 0%,#dedede 100%) no-repeat;background: -ms-linear-gradient(top,  #fefefe 0%,#dedede 100%) no-repeat;background: linear-gradient(to bottom,  #fefefe 0%,#dedede 100%) no-repeat;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#dedede',GradientType=0 );}
.marginT20{margin-top:20px;}

nav{margin-top: 40px}
nav ul li{display: inline;padding: 10px;border-radius: 10px 10px 0 0;color: #fff;font-weight: bold;background: #7c848a;background: -moz-linear-gradient(top, #7c848a 0%, #bbbbbb 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7c848a), color-stop(100%,#bbbbbb));background: -webkit-linear-gradient(top, #7c848a 0%,#bbbbbb 100%);background: -o-linear-gradient(top, #7c848a 0%,#bbbbbb 100%);background: -ms-linear-gradient(top, #7c848a 0%,#bbbbbb 100%);background: linear-gradient(to bottom, #7c848a 0%,#bbbbbb 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c848a', endColorstr='#bbbbbb',GradientType=0 );}
nav ul li.active {background: #0363a2;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top, #0363a2 0%, #079cda 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0363a2), color-stop(100%,#079cda));background: -webkit-linear-gradient(top, #0363a2 0%,#079cda 100%);background: -o-linear-gradient(top, #0363a2 0%,#079cda 100%);background: -ms-linear-gradient(top, #0363a2 0%,#079cda 100%);background: linear-gradient(to bottom, #0363a2 0%,#079cda 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0363a2', endColorstr='#079cda',GradientType=0 );}

h2{color:#0796d4;font-size:14px;font-weight: bold;margin-top:15px;margin-bottom: 5px;}

#login-page{border-radius:5px;background:#fff;}
.welcome{padding:10px;}
.login{padding:10px;}
#login-page{border:1px solid #8a8a8a;}
.welcome h1{color:#0796d4;font-size:22px;margin-top:40px;font-weight: 500;}
.welcome p{font-size: 16px;}
.login-container, .sign-container{border:1px solid #8a8a8a;border-radius:5px;padding:20px;}
.login-container p{padding-right:20px;font-size:13px;font-weight:bold;color:#6e6e6e;}
.login-container span{font-size:10px;font-weight: bold;color:#cc0000;padding-left: 0px;margin:10px 0;}
.form-horizontal .control-label{margin:0}
label{font-size:18px;}
input.submit-button {background: url(../images/btn-submit.png) no-repeat;width: 118px;height: 31px;border-radius: 0;border: none;padding-right: 135px;}
input.continue-button {background: url(../images/btn-continue.png) no-repeat;width: 118px;height: 35px;border-radius: 0;border: none;padding-right: 135px;}
input.audi-continue-button {background: url(../images/audi-btn-continue.png) no-repeat;width: 118px;height: 35px;border-radius: 0;border: none;padding-right: 135px;}
input[disabled] {background: url(../images/btn-submit-dis.png) no-repeat;}
.sign-container{padding:10px;}
.sign-container p {padding-right: 20px;font-size: 12px;color: #6e6e6e;padding: 0 20px;}
h3 {text-align: center;font-size:18px;font-weight:bold;color:#6e6e6e;}

.checkbox label{font-size: 13px;}
#enterName input{width:75%;display: initial;}
#enterIntials input{width:75%;display: initial;}

h1.thankyou{text-align: center;color: #0796d4;font-size: 24px;font-weight: bold;}
p.tyou{text-align: center;margin: 0 auto;padding-bottom: 10px;}
ul.tyou{margin: 0 auto;padding-bottom: 10px;text-align: left;}
.buttons{width: 217px;margin: 0 auto;padding-bottom: 40px;padding-top:20px;padding-left: 70px;}
.print {background: url(../images/btn-print.png) no-repeat;width: 217px;height: 30px;display: block;margin-bottom: 20px;}

footer {width: 100%;height: 45px;background: #7c848a;border-top: solid 3px #5e6267;bottom: 0;position: fixed;}
footer span{font-weight:bold;font-size:12px;}

@font-face {
  font-family: VW Head Bold;
  src: url(../fonts/VWHead-Bold.otf);
}

@font-face {
  font-family: VW Head;
  src: url(../fonts/VWHead-Light.otf);
}

@font-face {
  font-family: VW Head Normal;
  src: url(../fonts/VWText-Regular.otf);
}

@font-face {
  font-family: VW Bold;
  src: url(../fonts/VWText-Bold.otf);
}

@font-face {
  font-family: Audi Type Bold;
  src: url(../fonts/AudiType-Bold.ttf);
}

@font-face {
  font-family: Audi Type;
  src: url(../fonts/AudiType-Normal.ttf);
}


.mobileBlock{display:none;}
@media screen and (max-width: 768px) {
  html {height:auto;}
  footer{height: auto;position: static;}
  #login-page {margin: 0 20px;margin-bottom: 20px;}
  nav ul{padding-left: 10px;}
  nav ul li{font-size: 12px;}
  .login, .welcome{padding: 0;}
  .login{margin-bottom: 10px;}
  .mobileHide{display: none;}
  .mobileBlock{display: block;}
}
@media screen and (max-width: 1025px) and (min-width: 1023px) {
  .tablet100{width:100%;margin-left: 0;}  
}