@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic);

.paymentLabel,
.price,
.qtyField,
.subscriptionPlan {
  display: block
}

.billingTable,
.shippingTable {
  border-collapse: collapse;
  height: 500px
}

.financeAmount,
.financeDate {
  color: #777;
  font-style: italic
}

* {
  margin: 0;
  padding: 0
}

.optionsDrop,
.qtyField {
  padding: 4px 4px 4px 6px
}

#content,
#wrapper {
  position: relative;
  width: 960px;
  margin: 0 auto
}

#header {
  width: 960px
}

.productImage {
  margin: 8px 0 10px;
  border: 1px solid #eee;
  max-width: 100%
}

.optionsDrop,
.productDescription {
  margin-bottom: 13px
}

.paymentAmount,
.paymentDate {
  border-bottom: 1px dashed #ddd
}

.qtyField {
  width: 30px;
  text-align: right;
  margin: 0 auto 5px
}

#topCustomHTML {
  margin: 35px 0 15px
}

#middleCustomHTML {
  margin: 35px 0 60px;
  clear: both
}

#bottomCustomHTML {
  width: 960px;
  margin: 40px auto 20px;
  padding: 15px;
  text-align: center;
  clear: both
}

input {
  margin: 0 0 7px
}

.financeAmount,
.financeDate,
.paymentAmount,
.paymentDate {
  display: inline-block
}

.choosePlan {
  margin-right: 5px
}

.checkout,
.checkoutDone {
  padding: 4px 4px 4px 6px;
  margin: 0;
  width: 200px
}

.checkoutBottom,
.checkoutBottomDone {
  padding: 4px 4px 4px 6px;
  margin: 0 0 20px;
  width: 200px
}

.checkoutTop,
.checkoutTopDone {
  padding: 4px 4px 4px 6px;
  margin: 10px 0 0;
  width: 200px
}

.checkoutLabel {
  margin: 0 0 -3px
}

.checkoutShort,
.promoField {
  padding: 4px;
  margin: 0;
  width: 125px
}

.promoLabel {
  padding-top: 3px
}

.checkoutShortest {
  padding: 5px;
  margin: 0;
  width: 70px
}

.addressTableInfo {
  margin-bottom: 0
}

.viewCart {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0 30px;
  float: left;
  border-radius: 4px
}

.billingTable th,
.orderSummary th,
.paymentMethodTable th,
.payplanTable th,
.shipMethodTable th,
.shippingTable th,
.viewCart th {
  padding: 10px 10px 10px 15px;
  text-align: left
}

.orderSummary td,
.paymentMethodTable td,
.payplanTable td,
.shipMethodTable td,
.viewCart td {
  padding: 10px 10px 10px 15px;
  vertical-align: top
}

.billingTable td,
.shippingTable td {
  padding: 8px 0 0 15px;
  vertical-align: top
}

td.pay1,
td.pay2,
td.pay3,
td.pay4 {
  padding-bottom: 20px
}

.billingTable {
  width: 470px;
  margin: 0 20px 20px 0;
  text-align: left;
  float: left
}

.shippingTable {
  width: 470px;
  margin: 0 0 20px;
  text-align: left;
  float: right
}

.orderSummary,
.payplanTable,
.shipMethodTable {
  margin-bottom: 20px;
  text-align: left;
  border-collapse: collapse
}

.orderSummary {
  position: relative;
  width: 470px;
  float: right;
  clear: right
}

#shipPaymentContainer,
.payplanTable,
.shipMethodTable {
  width: 470px;
  float: left
}

.shipMethodTable {
  margin-right: 20px;
  clear: left
}

.tableOption {
  margin: 0 0 11px
}

.payplanSummary {
  background-color: #fff;
  width: 200px;
  margin: -12px 0 15px
}

.paymentDate {
  width: 100px
}

.paymentAmount {
  width: 65px;
  text-align: right
}

.financeDate {
  width: 100px
}

.financeAmount {
  width: 65px;
  text-align: right
}

.promoCode {
  width: 453px;
  border-collapse: collapse;
  margin-left: 15px
}

.promoCode td {
  height: 30px
}

.paymentMethodTable {
  width: 100%;
  border-collapse: collapse;
  margin: 40px 0 20px;
  text-align: left;
  float: right
}

td.pay1 {
  width: 220px
}

td.pay2 {
  width: 231px
}

td.pay3 {
  width: 186px
}

td.pay4 {
  width: 314px
}

td.rightAlign {
  text-align: right;
  vertical-align: top;
  padding-top: 10px;
  height: 20px
}

td.rightAlignTop,
th.rightAlignTop {
  padding-top: 20px;
  text-align: right;
  width: 150px
}

th.rightAlign {
  text-align: right
}

th.rightAlignTop {
  vertical-align: top
}

td.rightAlignTop {
  height: 20px
}

td.rightAlignBottom {
  text-align: right;
  vertical-align: top;
  padding: 10px 10px 20px 0;
  width: 150px
}

td.leftAlign,
th.leftAlign {
  text-align: left
}

th.leftAlign {
  height: 15px
}

td.centerAlign,
th.centerAlign {
  text-align: center
}

.checkoutLinks,
td .rightCell {
  text-align: right
}

.productCell {
  width: 80%
}

.priceCell,
.qtyCell {
  width: 10%
}

.checkoutLinks {
  width: 350px;
  height: 30px;
  margin: 0 0 40px;
  float: right;
  clear: both
}

.checkoutWithPayPalLink {
  cursor: pointer;
  display: inline-block;
  margin: 10px 0 0 10px;
  padding: 3px 0
}

.checkoutWithPayPalImg {
  display: block;
  margin: 0 0 -9px
}

.payPalDescription {
  width: 400px
}

.switchPaymentSelectionLink {
  padding-bottom: 25px;
  cursor: pointer
}

.paymentIcon {
  margin: 15px 7px -5px 4px
}

#upsellContainer {
  margin-bottom: 60px;
  clear: both
}

.upsell {
  width: 283px;
  float: left;
  margin: 0 10px 20px 0;
  padding: 10px 10px 12px 15px
}

.upsellImage {
  float: left;
  margin: 6px 15px 0 0
}

.upsellItem {
  font-weight: 700;
  margin-right: 10px
}

.upsellAdd {
  float: right;
  margin: 7px 7px 0 0
}

.upsellPrice {
  margin-left: 9px
}

h1 {
  margin: 2px 0
}

h2 {
  margin-right: 10px;
  display: inline
}

#upsellContainer h2 {
  margin: 5px 12px 0 0;
  display: inline-block
}

h3 {
  margin: 0 0 5px;
  padding-bottom: 3px
}

.codeButton,
.continueButton {
  padding: 3px 15px;
  cursor: pointer
}

a {
  text-decoration: none
}

a:hover {
  text-decoration: underline
}

.codeButton {
  margin: 0 0 0 15px
}

.continueButton {
  margin: 10px 0 0 10px
}

.upsellButton {
  margin: 0 0 0 1px;
  padding: 1px 8px 2px;
  cursor: pointer
}

.payPalLightboxIcon {
  float: right;
  padding: 20px
}

.payPalMessage {
  padding: 55px 30px 0
}

.closePayPalLightbox {
  margin-right: 30px;
  margin-top: 50px;
  float: right
}

.payPalGo {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: url(https://www.paypalobjects.com/en_US/i/pui/core/btn_bg_sprite.gif) left 17.5% repeat-x #FFA822;
  border-color: #D5BD98 #935E0D #935E0D #D5BD98;
  border-image: none;
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
  font-size: 14px;
  margin-left: 30px;
  margin-top: 10px;
  padding: 1px
}

@media only screen and (max-width :960px) {
  #wrapper {
    width: auto;
    left: 0;
    right: 0
  }

  #header,
  .billingTable,
  .orderSummary,
  .paymentMethodTable,
  .shipMethodTable,
  .shippingTable {
    width: 100%
  }

  #paymentSelection {
    text-align: center
  }

  #content {
    width: auto
  }

  td.pay1,
  td.pay2,
  td.pay3,
  td.pay4 {
    display: block;
    width: 100%;
    text-align: center;
    padding-left: 0;
    padding-right: 0
  }

  .orderSummary td:last-child {
    text-align: right
  }

  .viewCart>tbody>tr:not(:first-child):not(:last-child)>td:first-child,
  .viewCart>tbody>tr:not(:first-child):not(:last-child)>td:nth-child(2):not(.priceCell) {
    display: block
  }

  .viewCart>tbody>tr:first-child>th:nth-child(2),
  .viewCart>tbody>tr:last-child>td:nth-child(3) {
    display: none
  }

  #companyLogoTopBanner img {
    max-width: 100%
  }

  td.rightAlignTop {
    width: auto
  }

  #theLightbox,
  #theLightbox_c {
    width: auto !important
  }

  .shipMethodTable,
  .shippingCheckbox {
    text-align: center
  }

  #theLightbox_c {
    position: fixed !important;
    left: 10px !important;
    right: 10px !important;
    top: 10px !important
  }
}

/* PAYPAL SMARTBUTTONS===============================================================*/
.checkoutButtonList {
  /* Container for the checkout links and PayPal smart payment buttons, if the smart payment buttons are present */
  float: right;
  clear: both;
  padding-right: 30px;
}

.checkoutPaypalSmartPaymentButtons {
  /* Container for the PayPal smart payment buttons */
  float: right;
  clear: both;
}

.payPalOption td {
  /* PayPal option in the Payment Information */
  width: 220px;
}

.payPalOption td div {
  /* Container for the PayPal smart payment buttons in the PayPal option in the Payment Information */
  clear: both;
  float: left;
}

#payPalButtons {
  /* PayPal initial order form page when multiple payment option */
  background-color: #ffffff;
  padding: 16px;
}

#payPalOptionButtons {
  /* Container for the PayPal smart payment buttons */
  float: right;
  clear: both;
  width: 220px;
}




/*NOLI*/
#companyLogoTopBanner {
  text-align: center !important;
  padding-top: 20px;
}
#companyLogoTopBanner img {
  max-width: 200px !important;
}