.invoice {
/*width         : 7.0in;*/
}

.invoice .invoice_contacts
{
  margin        : 0.5em 0;
  overflow      : hidden;
  position      : relative;
  width         : 100%;
}

.invoice .invoice_billing,
.invoice .invoice_shipping,
.invoice .invoice_payment
{
  display       : block;
  float         : left;
  position      : relative;
  margin-right  : 1em;
}

.invoice .invoice_products {
  width         : 100%;
}

/***************************************************************************
 * ecommerce-product
 ***************************************************************************/
.ecommerce-product {
  position: relative;
}

.ecommerce-product-photo
{
  float: right;
  margin-left: 1em;
  margin-bottom: 1em;
  max-width: 50%;
}
.ecommerce-product-photo img {
}
@media (max-width: 500px)
{
  .ecommerce-product-photo
  {
    float: none;
    margin-left: initial;
    max-width: 100%;
  }
  .ecommerce-product-photo img
  {
    width: 100%;
    height: auto;
  }
}

.ecommerce-product-status
{
  border-bottom   : 1px solid #ccc;
  border-top      : 1px solid #ccc;
  font-weight     : bold;
  margin          : 1em 0;
  padding         : 0.5em 1em 1em 0;
  position        : relative;
}

.ecommerce-product-status-backordered,
.ecommerce-product-status-out_of_stock,
.ecommerce-product-status-sold_out
{
  background-color: #c00;
  border          : 2px solid #a00;
  color           : #fff;
  display         : block;
  font-weight     : bold;
  line-height     : 1.6em;
  margin          : 0.5em 1em 0.5em 1em;
  padding         : 1px 8px;
  text-align      : center;
  max-width       : 45%;
}
.ecommerce-product-status-backordered
{
  background-color: #A0522D;
  border-color    : #8B4513;
  color           : #fff;
}
.ecommerce-product-status-out_of_stock
{
  background-color: #ddd;
  border-color    : #999;
  color           : #a00;
}
.ecommerce-product-status-sold_out
{
  background-color: #c00;
  border-color    : #a00;
  color           : #fff;
}

.ecommerce-product-price {
}
.ecommerce-product-price-regular {
  text-decoration : line-through;
}

/***************************************************************************
 * ecommerce-invoice
 ***************************************************************************/
.ecommerce-invoice {
}

.ecommerce-invoice-row-status_void {
  display : none;
}

.ecommerce-invoice-row-status_canceled {
}

.ecommerce-invoice-row-product {
}

.ecommerce-invoice-row-product-status_void {
  display         : none;
}

.ecommerce-invoice-row-product-status_canceled {
}

.invoice_products .ecommerce-invoice-row-product-status_void     .ecommerce-invoice-row-product-title,
.invoice_products .ecommerce-invoice-row-product-status_canceled .ecommerce-invoice-row-product-title
{
  color           : #555;
  font-style      : italic;
  font-weight     : normal;
  text-decoration : line-through;
}

.invoice_products .ecommerce-invoice-row-product-status_void     .ecommerce-invoice-row-product-description,
.invoice_products .ecommerce-invoice-row-product-status_canceled .ecommerce-invoice-row-product-description {
  display         : none;
}

.invoice_products .ecommerce-invoice-row-product-badge-status_void,
.invoice_products .ecommerce-invoice-row-product-badge-status_canceled
{
  display         : block;
  font-style      : normal;
  font-size       : 0.8em;
  font-weight     : bold;
/*float           : left;*/
  line-height     : 1.4em;
  margin          : 0;
  padding         : 1px 8px;
  text-decoration : none !important;
}

.ecommerce-invoice-status_void
{
  background-color: #555;
  border          : 2px solid #333;
  color           : #fff;
  font-size       : 0.8em;
  line-height     : 1.5em;
  font-weight     : bold;
  text-align      : center;
  text-transform  : uppercase;
  width           : auto;
}
.invoice_products .ecommerce-invoice-row-product-badge-status_void
{
  background-color: #555;
  border          : 2px solid #333;
  color           : #ddd;
}

.ecommerce-invoice-status_canceled
{
  background-color: #c00;
  border          : 2px solid #a00;
  color           : #fff;
  font-size       : 0.8em;
  line-height     : 1.5em;
  font-weight     : bold;
  text-align      : center;
  text-transform  : none;
  width           : auto;
}
.invoice_products .ecommerce-invoice-row-product-badge-status_canceled
{
  background-color: #c00;
  border          : 2px solid #a00;
  color           : #fff;
}

/***************************************************************************
 * ecommerce-invoice-editor
 ***************************************************************************/
.ecommerce-invoice-editor {
  position: relative;
}
.ecommerce-invoice-editor .ecommerce-invoice-line-controls .ecommerce-invoice-line-insert
{
  position: absolute;
  width: 100%;
  height: 2px;
  margin-top: -1px;
  background: #aaa;
}
.ecommerce-invoice-editor .ecommerce-invoice-line-controls .ecommerce-invoice-line-add
{
  display: block;
  position: absolute;
  top: -0.6em;
  left: 0;
  width: auto;
  height: 1.2em;
  line-height: 1.2em;
  padding: 0 0.25em;
  color: white;
  background :#e00;
  text-decoration: none;
  text-align: center;
}
.ecommerce-invoice-editor .ecommerce-invoice-line-controls .ecommerce-invoice-line-remove
{
  display: block;
  position: absolute;
  top: -1.2em;
  right: 0;
  width: auto;
  height: 1.2em;
  line-height: 1.2em;
  padding: 0 0.25em;
  color: white;
  background: #e00;
  text-decoration: none;
  text-align: center;
}

.ecommerce-invoice-editor table.ecommerce-invoice-lines {
  border-collapse: collapse;
}
.ecommerce-invoice-editor table.ecommerce-invoice-lines thead tr
{
  background: #555;
  color     : #fff;
}
.ecommerce-invoice-editor table.ecommerce-invoice-lines thead tr th {
  line-height: 2em;
}
.ecommerce-invoice-editor table.ecommerce-invoice-lines tbody tr.ecommerce-invoice-line-gutter {
  border-bottom    : 1px solid #eee;
}
.ecommerce-invoice-editor table.ecommerce-invoice-lines tbody tr.ecommerce-invoice-line-placeholder
{
  background-color : #eee;
  outline          : 2px dotted #ccc;
  height           : 2.25em;
}

/***************************************************************************
 * freight_carrier
 ***************************************************************************/
.freight_carrier {
  font-size     : 0.8em;
  font-style    : normal;
  font-weight   : bold;
  line-height   : 1.5em;
}
.frieght_carrier td.label,
.frieght_carrier td.value {
  vertical-align: middle;
}
.freight_carrier .label {
  padding       : 2px 12px 2px 2em;
}
.freight_carrier .value {
  padding       : 2px 0;
}
.freight_carrier .price {
  text-align    : right;
}

/***************************************************************************
 * ecommerce-product_checkout
 ***************************************************************************/
.ecommerce-product_checkout-title
{
  font-size  : 1.2em;
  font-weight: bold;
}
.ecommerce-product_checkout-photo
{
  float      : right;
  margin     : 0 0 10px 15px;
}
.ecommerce-product_checkout-price {
  font-weight: bold;
}
.ecommerce-product_checkout-description {
}



/***************************************************************************
 * ecommerce-atc
 ***************************************************************************/
.ecommerce-atc > table
{
    position: relative;
	margin: auto;
}



/***************************************************************************
 * ecommerce-cart
 ***************************************************************************/
.ecommerce-cart-links
{
  clear: both;
}
.ecommerce-cart-links-store
{
  float: left;
  margin-top: 1em;
}
.ecommerce-cart-links-checkout
{
  float: right;
  margin-top: 1em;
}



/***************************************************************************
 * ecommerce-cart-link
 ***************************************************************************/
.ecommerce-cart-link
{
  display        : inline-block;
  margin         : 2px;
}

.ecommerce-cart-link a
{
  display        : inline-block;
  line-height    : 1.5em;
  padding        : 4px 8px;
  position       : relative;
  text-decoration: none;
}
/*
.ecommerce-cart-link a:hover
{
  background     : #eee;
  border         : 1px solid #ccc;
  padding        : 3px 7px;
}
*/
.ecommerce-cart-link-icon
{
  margin-right   : 6px;
  position       : relative;
  top            : 3px;
}
.ecommerce-cart-link-total {
}
.ecommerce-cart-link-count {
}

/***************************************************************************
 * ecommerce-product_category
 ***************************************************************************/
.ecommerce-product_category {
}
.ecommerce-product_category-title {
  font-size: 1.25em;
}
.ecommerce-product_category-description {
  margin          : 1em 0;
}
.ecommerce-product_category-products {
}

/***************************************************************************
 * ecommerce-invoice-address-dialog
 ***************************************************************************/
.ecommerce-invoice-address-dialog
{
  padding: 0.5em !important;
}

/***************************************************************************
 * ecommerce-customer-contact
 ***************************************************************************/
.ecommerce-customer-contacts
{
  overflow: auto;
  width   : 100%;
}

.ecommerce-customer-contact
{
  background   : #fcfcfc;
  border       : 1px solid #ccc;
  float        : left;
  min-height   : 5em;
  min-width    : 16em;
  margin       : 1em;
  padding      : 1.5em 1em 1em 3em;
  position     : relative;
}

.ecommerce-customer-contact-ui
{
  background   : #eee;
  border-bottom: 1px solid #ccc;
  border-left  : 1px solid #ccc;
  position     : absolute;
  padding      : 0.1em 0.5em;
  right        : 0;
  top          : 0;
}

.ecommerce-customer-contact-ui-controls
{
  font-size    : 80%;
  font-weight  : bold;
}

.ecommerce-customer-contact-number
{
  float      : left;
  font-weight: bold;
  margin-left : -2em;
  text-align  : right;
}
.ecommerce-customer-contact-fileAs
{
  float      : none;
  font-weight: bold;
}

.ecommerce-customer-contact-content
{
  margin   : 0.25em 0 0.75em 0;
  position : relative;
}

.ecommerce-customer-contact-label-billing
{
  background   : #eee;
  border-top   : 1px solid #ccc;
  border-right : 1px solid #ccc;
  color        : green;
  position     : absolute;
  font-size    : 80%;
  font-weight  : bold;
  padding      : 0.1em 0.5em;
  left         : 0;
  bottom       : 0;
}

.ecommerce-customer-contact-label-shipping
{
  background   : #eee;
  border-top   : 1px solid #ccc;
  border-left  : 1px solid #ccc;
  color        : darkorange;
  position     : absolute;
  font-size    : 80%;
  font-weight  : bold;
  padding      : 0.1em 0.5em;
  right        : 0;
  bottom       : 0;
}

/***************************************************************************
 * ecommerce-invoice
 ***************************************************************************/
.ecommerce-invoice-payment_fields {
  margin: 1em 0;
}
.ecommerce-invoice-billing_fields {
  margin: 1em 0;
}

/***************************************************************************
 * ecommerce-invoice-contact
 ***************************************************************************/
.ecommerce-invoice-contact {
}

table.ecommerce-invoice-contact-labels
{
  border: none;
  border-spacing: 0;
  border-collapse: collapse;
}
.ecommerce-invoice-contact-labels .label
{
  font-size     : 1.0em;
  font-style    : normal;
  font-weight   : bold;
  padding       : 0.1em 0.5em 0.1em 0;
  vertical-align: top;
}
.ecommerce-invoice-contact .value
{
  font-size     : 1.0em;
  font-style    : normal;
  font-weight   : normal;
  padding       : 0.1em 0;
  vertical-align: top;
}

.ecommerce-invoice-contact-selector {
  margin: 0 0 1em 0;
}

/***************************************************************************
 * ecommerce-store
 ***************************************************************************/
.ecommerce-store {
}
.ecommerce-store-title {
}
.ecommerce-store-header {
}
.ecommerce-store-categories {
}
.ecommerce-store-category {
}
.ecommerce-store-category:after {
  content: "";
  display: table;
  clear: both;
}
.ecommerce-store-category-photo {
  float: right;
}
.ecommerce-store-category-title {
  font-size: 1.25em;
  margin   : 0 0 1em 0;
}
.ecommerce-store-category-description {
  margin   : 1em 0;
}