#checkoutBox {
  /*
   * Copyright (c) 2013 Thibaut Courouble
   * http://www.cssflow.com
   *
   * Licensed under the MIT License:
   * http://www.opensource.org/licenses/mit-license.php
   */
  font: 13px/20px 'Lucida Grande', Verdana, sans-serif;
  color: #404040;
  /*background: #dbe0eb;*/
  /*.divider-line-mail {
    margin-top: 10px;
    height: 10px;
    background: url(https://www.dwuser.com/images/products/easybigbackground/special1/cc_form/bg_airmail_stripe.png) repeat-x;
    margin-left: -15px;
    margin-right: -15px;
  }*/ }
  #checkoutBox html, #checkoutBox body, #checkoutBox div, #checkoutBox span, #checkoutBox applet, #checkoutBox object, #checkoutBox iframe,
  #checkoutBox h1, #checkoutBox h2, #checkoutBox h3, #checkoutBox h4, #checkoutBox h5, #checkoutBox h6, #checkoutBox p, #checkoutBox blockquote, #checkoutBox pre,
  #checkoutBox a, #checkoutBox abbr, #checkoutBox acronym, #checkoutBox address, #checkoutBox big, #checkoutBox cite, #checkoutBox code,
  #checkoutBox del, #checkoutBox dfn, #checkoutBox em, #checkoutBox img, #checkoutBox ins, #checkoutBox kbd, #checkoutBox q, #checkoutBox s, #checkoutBox samp,
  #checkoutBox small, #checkoutBox strike, #checkoutBox strong, #checkoutBox sub, #checkoutBox sup, #checkoutBox tt, #checkoutBox var,
  #checkoutBox b, #checkoutBox u, #checkoutBox i, #checkoutBox center,
  #checkoutBox dl, #checkoutBox dt, #checkoutBox dd, #checkoutBox ol, #checkoutBox ul, #checkoutBox li,
  #checkoutBox fieldset, #checkoutBox form, #checkoutBox label, #checkoutBox legend,
  #checkoutBox table, #checkoutBox caption, #checkoutBox tbody, #checkoutBox tfoot, #checkoutBox thead, #checkoutBox tr, #checkoutBox th, #checkoutBox td,
  #checkoutBox article, #checkoutBox aside, #checkoutBox canvas, #checkoutBox details, #checkoutBox embed,
  #checkoutBox figure, #checkoutBox figcaption, #checkoutBox footer, #checkoutBox header, #checkoutBox hgroup,
  #checkoutBox menu, #checkoutBox nav, #checkoutBox output, #checkoutBox ruby, #checkoutBox section, #checkoutBox summary,
  #checkoutBox time, #checkoutBox mark, #checkoutBox audio, #checkoutBox video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline; }
  #checkoutBox article, #checkoutBox aside, #checkoutBox details, #checkoutBox figcaption, #checkoutBox figure,
  #checkoutBox footer, #checkoutBox header, #checkoutBox hgroup, #checkoutBox menu, #checkoutBox nav, #checkoutBox section {
    display: block; }
  #checkoutBox body {
    line-height: 1; }
  #checkoutBox ol, #checkoutBox ul {
    list-style: none; }
  #checkoutBox blockquote, #checkoutBox q {
    quotes: none; }
  #checkoutBox blockquote:before, #checkoutBox blockquote:after,
  #checkoutBox q:before, #checkoutBox q:after {
    content: '';
    content: none; }
  #checkoutBox table {
    border-collapse: collapse;
    border-spacing: 0; }
  #checkoutBox .checkout {
    width: 270px;
    margin: 30px auto;
    padding: 15px;
    background: #f3f6fa;
    border: 1px solid;
    border-color: #c2cadb #bbc5d6 #b7c0cd;
    border-radius: 7px;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); }
    #checkoutBox .checkout > p {
      zoom: 1; }
      #checkoutBox .checkout > p:before, #checkoutBox .checkout > p:after {
        content: '';
        display: table; }
      #checkoutBox .checkout > p:after {
        clear: both; }
    #checkoutBox .checkout > p + p {
      margin-top: 15px; }
  #checkoutBox .checkout-header {
    position: relative;
    margin: -15px -15px 15px; }
  #checkoutBox .checkout-title {
    padding: 0 15px;
    line-height: 38px;
    font-size: 13px;
    font-weight: bold;
    color: #7f889e;
    text-shadow: 0 1px rgba(255, 255, 255, 0.7);
    background: #eceff5;
    border-bottom: 1px solid #c5ccdb;
    border-radius: 7px 7px 0 0;
    background-image: -webkit-linear-gradient(top, #f5f8fb, #e9edf3);
    background-image: -moz-linear-gradient(top, #f5f8fb, #e9edf3);
    background-image: -o-linear-gradient(top, #f5f8fb, #e9edf3);
    background-image: linear-gradient(to bottom, #f5f8fb, #e9edf3);
    -webkit-box-shadow: inset 0 1px white;
    box-shadow: inset 0 1px white; }
    #checkoutBox .checkout-title:before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 2px;
      -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); }
  #checkoutBox .checkout-title-right {
    position: absolute;
    right: 14px;
    font-weight: normal;
    top: 0; }
  #checkoutBox .checkout-price {
    position: absolute;
    top: -14px;
    right: -14px;
    width: 40px;
    font: 14px/40px Helvetica, Arial, sans-serif;
    color: white;
    text-align: center;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3);
    text-indent: -1px;
    letter-spacing: -1px;
    background: #e54930;
    border: 1px solid;
    border-color: #b33323 #ab3123 #982b1f;
    border-radius: 21px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: -webkit-linear-gradient(top, #f75a3b, #d63b29);
    background-image: -moz-linear-gradient(top, #f75a3b, #d63b29);
    background-image: -o-linear-gradient(top, #f75a3b, #d63b29);
    background-image: linear-gradient(to bottom, #f75a3b, #d63b29);
    -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2); }
    #checkoutBox .checkout-price:before {
      content: '';
      position: absolute;
      top: 3px;
      bottom: 3px;
      left: 3px;
      right: 3px;
      border: 2px solid #f5f8fb;
      border-radius: 18px;
      -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2), inset 0 -1px 1px rgba(0, 0, 0, 0.25), 0 -1px 1px rgba(0, 0, 0, 0.25);
      box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2), inset 0 -1px 1px rgba(0, 0, 0, 0.25), 0 -1px 1px rgba(0, 0, 0, 0.25); }
  #checkoutBox input {
    margin: 0;
    line-height: normal;
    font-family: inherit;
    font-size: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  #checkoutBox .checkout-input {
    float: left;
    padding: 0 7px;
    height: 32px;
    color: #525864;
    background: white;
    border: 1px solid;
    border-color: #b3c0e2 #bcc5e2 #c0ccea;
    border-radius: 4px;
    background-image: -webkit-linear-gradient(top, #f6f8fa, white);
    background-image: -moz-linear-gradient(top, #f6f8fa, white);
    background-image: -o-linear-gradient(top, #f6f8fa, white);
    background-image: linear-gradient(to bottom, #f6f8fa, white);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.5);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.5); }
    #checkoutBox .checkout-input:focus {
      border-color: #46aefe;
      outline: none;
      -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 5px #46aefe;
      box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 5px #46aefe; }
    .lt-ie9 #checkoutBox .checkout-input {
      line-height: 30px; }
  #checkoutBox .checkout-name {
    width: 150px; }
  #checkoutBox .checkout-card {
    width: 210px; }
  #checkoutBox .checkout-exp,
  #checkoutBox .checkout-cvc {
    margin-left: 15px;
    width: 45px; }
  #checkoutBox .checkout-btn {
    width: 100%;
    height: 34px;
    padding: 0;
    font-weight: bold;
    color: white;
    text-align: center;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2);
    border: 1px solid;
    border-color: #1486f9 #0f7de9 #0d6acf;
    background: #1993fb;
    border-radius: 4px;
    background-image: -webkit-linear-gradient(top, #4cb1fe, #229afc 40%, #138df6);
    background-image: -moz-linear-gradient(top, #4cb1fe, #229afc 40%, #138df6);
    background-image: -o-linear-gradient(top, #4cb1fe, #229afc 40%, #138df6);
    background-image: linear-gradient(to bottom, #4cb1fe, #229afc 40%, #138df6);
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2); }
    #checkoutBox .checkout-btn:active {
      text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
      border-color: #075bba #0c69d2 #0f7de9;
      background-image: -webkit-linear-gradient(top, #1281dc, #1593fc);
      background-image: -moz-linear-gradient(top, #1281dc, #1593fc);
      background-image: -o-linear-gradient(top, #1281dc, #1593fc);
      background-image: linear-gradient(to bottom, #1281dc, #1593fc);
      -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.5);
      box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.5); }
    #checkoutBox .checkout-btn.disabled {
      border-color: #CCC;
      background: #EEE;
      color: #CCC;
      text-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none; }
  #checkoutBox .cc-icons {
    margin-top: 14px !important;
    height: 24px;
    background: url(https://www.dwuser.com/images/products/easybigbackground/special1/cc_form/ccs.png) no-repeat 50% 50%; }
  #checkoutBox .divider-line-simple {
    margin-top: 14px !important;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #FFF;
    height: 0; }
  #checkoutBox .after-divider-line-simple {
    margin-top: 14px !important; }
  #checkoutBox .checkout-email {
    width: 165px; }
  #checkoutBox .checkout-zip {
    width: 90px;
    margin-left: 15px; }
  #checkoutBox .smallheader {
    font-size: 11px;
    text-transform: uppercase;
    color: #BBB;
    line-height: 11px;
    position: relative; }
  #checkoutBox .smallheader-right {
    position: absolute;
    right: 0;
    top: 0; }
  #checkoutBox .smallheader a, #checkoutBox .checkout-title-right a {
    color: #4cb1fe;
    opacity: 0.55;
    text-decoration: none; }
  #checkoutBox .smallheader a:hover, #checkoutBox .checkout-title-right a:hover {
    opacity: 1; }
  #checkoutBox .checkout-errors {
    display: none;
    color: #C00;
    font-size: 11px;
    line-height: 15px; }
    #checkoutBox .checkout-errors .head {
      margin-bottom: 3px; }
  #checkoutBox :-moz-placeholder {
    color: #acb6c8 !important; }
  #checkoutBox ::-moz-placeholder {
    color: #acb6c8 !important;
    opacity: 1; }
  #checkoutBox ::-webkit-input-placeholder {
    color: #acb6c8; }
  #checkoutBox :-ms-input-placeholder {
    color: #acb6c8; }
  #checkoutBox ::-moz-focus-inner {
    padding: 0 !important;
    border: 0 !important; }

/*end #checkoutBox*/
