@charset "utf-8";
@font-face {
  font-family: 'dinpro_regular';
  src: url('../fonts/ufonts.com_din-regular_1_-webfont.eot');
  src: url('../fonts/ufonts.com_din-regular_1_-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ufonts.com_din-regular_1_-webfont.woff') format('woff'), url('../fonts/ufonts.com_din-regular_1_-webfont.ttf') format('truetype'), url('../fonts/ufonts.com_din-regular_1_-webfont.svg#dinpro_regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'dinpro_medium';
  src: url('../fonts/dinpro-medium_13936-webfont.eot');
  src: url('../fonts/dinpro-medium_13936-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/dinpro-medium_13936-webfont.woff') format('woff'), url('../fonts/dinpro-medium_13936-webfont.ttf') format('truetype'), url('../fonts/dinpro-medium_13936-webfont.svg#dinpro_medium') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'dinpro_bold';
  src: url('../fonts/dinpro-bold_13934-webfont.eot');
  src: url('../fonts/dinpro-bold_13934-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/dinpro-bold_13934-webfont.woff') format('woff'), url('../fonts/dinpro-bold_13934-webfont.ttf') format('truetype'), url('../fonts/dinpro-bold_13934-webfont.svg#dinpro_bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
.body-content {
  padding-left: 15px;
  padding-right: 15px;
}
.main-content {
  width: 990px;
  padding-top: 40px;
  margin: auto;
}
.white-container {
  width: 100%;
  background-color: #FFFFFF;
}
#centrediv {
  background-image: url(Images/HP_CentreImage.png);
  background-position: 125px 0px;
  background-repeat: no-repeat;
  min-height: 460px;
  min-width: 990px;
  max-width: 990px;
}
#contentdiv {
  padding-top: 50px;
  min-width: 990px;
  max-width: 990px;
  padding-bottom: 50px;
}
#contenthome {
  padding-top: 45px;
  min-width: 990px;
  max-width: 990px;
}
#successdiv {
  padding-left: 330px;
  min-height: 603px;
  min-width: 990px;
  max-width: 990px;
  font-family: 'dinpro_regular', sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
}
.whiteband {
  background-color: #FFFFFF;
  position: absolute;
  top: 495px;
  min-height: 90px;
  min-width: 990px;
  border-bottom: 1px solid #e5e5e5;
}
.hometext {
  position: absolute;
  top: 265px;
  min-height: 133px;
  min-width: 990px;
  -moz-opacity: 0.95;
  opacity: 0.95;
  filter: alpha(opacity=95);
  font-family: 'dinpro_regular', sans-serif;
  font-weight: 400;
  font-size: 32pt;
  line-height: 98%;
  font-style: italic;
  color: #015CA9;
  padding-left: 70px;
}
.about {
  min-width: 990px;
  padding-top: 130px;
  padding-bottom: 25px;
}
.goTextBox {
  height: 42px;
  background-color: #e7e7e7;
  border: 1px;
  border-style: solid;
  border-color: #969696;
  width: 350px;
  vertical-align: middle;
}
.headermenu {
  float: left;
  position: relative;
  padding-top: 40px;
  padding-bottom: 20px;
  width: 990px;
}
.headermenu a {
  color: #000000;
  font-size: 11pt;
  font-family: 'dinpro_bold', sans-serif;
  text-transform: uppercase;
  margin-right: 10px;
  padding-bottom: 1px;
  border-bottom: 1px solid #FFFFFF;
}
.headermenu a:hover {
  text-decoration: none;
  border-bottom-color: #E7273A;
}
.pageRedTitle {
  width: 990px;
  float: left;
  height: 100px;
  background-color: #E7273A;
  margin-bottom: 60px;
}
.pageName {
  color: #fff;
  font-size: 33px;
  width: 990px;
  padding: 30px;
  line-height: 35px;
  font-family: 'dinpro_medium', sans-serif;
  /*text-align: center;*/
  font-weight: normal;
}
.pageNameHolder {
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
  height: 200px;
  position: relative;
}
.howtable {
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
  position: relative;
  float: left;
}
.logo {
  float: left;
}
.header-text {
  float: right;
  font-size: 18pt;
  font-family: 'dinpro_bold', sans-serif;
  text-transform: uppercase;
  color: #E7273A;
}
.mainMenuLine {
  color: #bcbec0;
  font-size: 14px;
  margin-right: 10px;
}
.registerTable {
  color: #808285;
  font-family: 'dinpro_regular', sans-serif;
  font-size: 14px;
  font-style: normal;
  width: 400px;
}
.registerTable td {
  padding-top: 4px;
  padding-bottom: 4px;
}
.registerTable label {
  margin-bottom: 0;
}
.registerTable input[type="text"],
.registerTable input[type="email"],
.registerTable select {
  font-family: Arial, Helvetica, sans-serif !important;
  width: 191px;
  border: 1px solid #ccc;
  /* Safari 5, Chrome support border-radius without vendor prefix.
   * FF 3.0/3.5/3.6, Mobile Safari 4.0.4 require vendor prefix.
   * No support in Safari 3/4, IE 6/7/8, Opera 10.0.
   */
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  line-height: normal!important;
  /* Chrome, FF 4.0 support box-shadow without vendor prefix.
   * Safari 3/4/5 and FF 3.5/3.6 require vendor prefix.
   * No support in FF 3.0, IE 6/7/8, Opera 10.0, iPhone 3.
   * change the offsets, blur and color to suit your design.
   */
  /* using a bigger font for demo purposes so the box isn't too small */
  font-size: 11px;
  /* with a big radius/font there needs to be padding left and right
   * otherwise the text is too close to the radius.
   * on a smaller radius/font it may not be necessary
   */
  padding: 4px 7px;
  /* only needed for webkit browsers which show a rectangular outline;
   * others do not do outline when radius used.
   * android browser still displays a big outline
   */
  outline: 0;
  /* this is needed for iOS devices otherwise a shadow/line appears at the
   * top of the input. depending on the ratio of radius to height it will
   * go all the way across the full width of the input and look really messy.
   * ensure the radius is no more than half the full height of the input, 
   * and the following is set, and everything will render well in iOS.
   */
  -webkit-appearance: none;
}
#registrationDetails {
  float: left;
  padding-right: 20px;
}
#deliveryDetails {
  float: left;
  max-width: 320px;
  color: #808285;
  font-size: 14px;
}
#deliveryDetails p {
  color: #808285;
  font-family: 'dinpro_regular', sans-serif;
  font-size: 14px;
  font-style: normal;
}
.field-validation-error {
  font-family: 'dinpro_regular', sans-serif;
  font-size: 12px;
  color: red;
}
.cardImage {
  background-image: url(../Images/virtual-visa-card.png);
  background-repeat: no-repeat;
  min-width: 415px;
  min-height: 265px;
  color: white;
}
.cardNumber {
  padding-top: 100px;
  padding-left: 30px;
  font-family: Arial;
  font-weight: normal;
  font-size: 28px;
}
h1 {
  font-family: 'dinpro_bold', sans-serif;
  font-weight: 400;
  font-size: 18pt;
  color: #000000;
  margin-top: 0;
}
h2 {
  font-family: 'dinpro_bold', sans-serif;
  font-weight: 400;
  font-size: 14pt;
  color: #000000;
  margin-top: 0;
}
h2 a {
  color: #005caa;
}
h4 {
  font-family: 'dinpro_bold', sans-serif;
  font-weight: 400;
  font-size: 14pt;
  color: #000000;
  margin-top: 0;
}
h3 {
  font-family: 'dinpro_regular', sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #e7273a;
  margin-top: 0;
  line-height: 22px;
}
input.rounded:focus {
  /* supported IE8+ and all other browsers tested.* optional, but gives the input focues when selected.* change to a color that suits your design.*/
  border-color: #339933;
}
.howsteps {
  width: 32px;
  vertical-align: top;
  padding-bottom: 15px;
}
.howheadline {
  width: 200.5px;
  vertical-align: top;
  font-family: 'dinpro_regular', sans-serif;
  font-weight: 400;
  font-size: 24px;
  color: #005caa;
  line-height: 100%;
}
.howtext {
  font-family: 'dinpro_regular', 'dinpro_medium', Verdana, Geneva, sans-serif;
  color: #808285;
  font-size: 14px;
  line-height: 22px;
}
.howoptions {
  vertical-align: top;
  font-family: 'dinpro_regular', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%;
  color: #BAB900;
  padding-right: 8px;
}
.CheckCard,
.ActivateCard {
  color: white;
  padding: 8px 13px 8px 13px;
  display: inline-block;
  font-size: 12pt;
  font-family: 'dinpro_bold', sans-serif;
  text-transform: uppercase;
  text-decoration: none !important;
  letter-spacing: 1px;
}
.CheckCard {
  background-color: #30b4c9;
}
.ActivateCard {
  background-color: #e8273a;
}
a.CheckCard:hover,
a.CheckCard:visited,
a.ActivateCard:hover,
a.ActivateCard:visited {
  color: white;
}