@import "client/common.scss";
#checkoutOrderScreen {

  p {
    font-size:14px;
    margin:0;
  }

  .order-prompt {
    color:white;
    line-height:125%;
  }

  h2 {
    color:white;
    background-color:#4d4d4d;
    font-weight:normal;
    margin: 0 0 10px 0;
    font-size:14px;
    padding: 3px 0 3px 10px;
    height: 14px;
    line-height: 14px;
    vertical-align: middle;
    text-align:left;
  }

  .purchases-disabled {
    bottom: -15px;
  }

  .action-bar {
    margin-top:20px;
  }

  .line {
    margin:10px 0 10px;
    border-width:0 0 1px 0;
    border-color:#ccc;
    border-style:solid;
  }

  #checkout-info-help {
    margin-right:1px;
  }

  .billing-info-item {
    margin-bottom:3px;
  }

  .country {
    margin-left:15px;
  }
  .billing-address {
    margin-bottom:20px;
  }
  .order-panel {
    padding: 30px;
    min-width:730px;

    .place-order {
      font-size: 14px;
      padding: 1px 3px;
      line-height: 15px;
    }

    .place-order-center {
      text-align:center;
      margin:20px 0 20px;
    }

    .change-payment-info {
      position:absolute;
      font-size:12px;
      left:180px;
    }

    .billing-caption {
      margin-bottom:5px;
      float:left;
      position:relative;
    }
    .order-header {
      h2 {
        font-size: 16px;
      }
    }

    .shipping-address {
      display:none;
    }

    .order-help {
      margin:20px 0 30px;
    }
    .order-summary {
      padding:0 20px;

      .billing-caption {
        float:none;
        margin-bottom:10px;
      }
    }
    .order-items-header {
      float:left;
      margin-bottom:5px;
    }

    .order-items-value {
      float:right;
    }

    .order-content {
      margin-top: 20px;
      background-color:#262626;
    }

    .order-left-page {
      float: left;
      width: 65%;
      background-color:#262626;
      border-width:0 1px 0 0;
      border-style:solid;
      border-color:#333;
      @include border_box_sizing;

      .payment-info-page {

        .info-caption-link {
          .caption-text {
            float: left;
          }
          .caption-link {
            float: left;
            margin-left: 5px;
          }
        }

        .address-info {
          width: 50%;
          float: left;
          padding:0 10px;
          @include border_box_sizing;
          margin-bottom:30px;
        }

        .payment-method-info {
          width: 50%;
          float: left;
          padding:0 10px;
          @include border_box_sizing;
        }
      }
      .order-items-page {
        .cart-item-caption {
          width: 50%;
          text-align: left;
          float: left;
          margin-bottom:10px;
          @include border_box_sizing;
        }

        .first-one-free {
          font-size:14px;
          font-style:italic;
          margin-left:15px;
        }

        .cart-item-price {
          width: 25%;
          text-align: right;
          float: left;
          padding:0 10px;
          margin-bottom:10px;
          @include border_box_sizing;
        }

        .cart-item-quantity {
          width: 10%;
          text-align: right;
          float: left;
          padding:0 10px;
          margin-bottom:10px;
          @include border_box_sizing;
        }

        .cart-items {
          margin-top: 10px;
          padding-left:10px;
        }

        .cart-item {
          margin-top: 10px;
        }

        .no-cart-items {
        }
      }
    }
    .order-right-page {
      float: left;
      width: 35%;
      text-align: left;
      background-color:#262626;
      @include border_box_sizing;

      .grand-total {
        color: #ed3618;
      }
    }
  }
}