/* Layout: Two Column
Theme: Sapphire

Appearance.css contains the costmetic properties for your order
form, such as fonts, colors, background images and borders.

NOTE: There are additional classes that are not listed here
because they currently have no attributes. You can locate
these by downloading and using Firebug.
===============================================================*/

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

body {
    font: 16px/1.5 Lato, sans-serif;
    color: #333;
}

#wrapper {
    background-color: #fff;
}

#wrapperCheckout {
    background-color: #fff;
}



/* PRODUCT GRID
===============================================================*/




.priceBold {
    /* Price subtotal on bottom right of product grid */
    font-weight: bold;
}

.discountedPrice {
    text-decoration: line-through;
}

.totalPrice {
    /* Subtotal label on bottom left of product grid */
    font-weight: bold;
}

.soldOut {
    color: #e34825;
    font-size: 14px;
    text-transform: uppercase;
}

.outOfStockText {
    color: #e34825;
}

.qtyField:disabled {
    background-color: #e8e8e8;
}

.optionChosen {
    font-style: italic;
    color: #999;
    font-size: 14px;
}

.updateCart {
    /* Link to update quantity */
    font-size: 10px;
}

.promoField {
    /* Text fields for promo code */
    border: 1px solid #ddd;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    font-size: 13px;
}



/* FORMS
===============================================================*/

.checkout, .checkoutShort, .checkoutShortest, .checkoutBottom, .checkoutTop, .qtyField, .optionsDrop {
    /* Form fields used in checkout forms */
    border: 1px solid #e0e9ea;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    font-size: 13px;
    color: #222;
}

.checkoutDone, .checkoutTopDone, .checkoutBottomDone {
    /* Form fields used on confirmation page */
    font-size: 13px;
    color: #222;
}

.viewCart, .shippingTable, .billingTable, .paymentMethodTable, .shipMethodTable, .payplanTable, .orderSummary {
    outline: 1px solid #e0e9ea;
    border-collapse: collapse;
}

.viewCart th, .viewCartShort th, .payPlan th, .summaryCart th, .shippingInfo th, .billingInfo th, .billingTable th, .shippingTable th, .paymentInfo th, .signinTable th, .paymentMethodTable th, .shipMethodTable th, .payplanTable th, .orderSummary th {
    background-color: #f0f6f6;
}

.viewCart td, .viewCartShort td, .payPlan td, .summaryCart td, .shippingInfo td, .billingInfo td, .paymentInfo td, .orderSummary td {
    border-top: 1px solid #e0e9ea;
}

.subtotal {
    background-color: #f0f6f6;
    font-weight: bold;
}

.cartDiscount {
    /* Discount text */
    color: #d44;
}

.paymentDate, .paymentAmount, .financeDate, .financeAmount { /* Shown in payplan pay schedule box */
    font-size: 12px;
}

.payplanSummaryHeader { /* Header for payplan pay schedule box */
    font-size: 12px;
    font-weight: bold;
}



/* UPSELLS
===============================================================*/

#upsellContainer {
    overflow: hidden;
}

.upsell {
    background-color: #fcfbe9;
    border: 1px solid #f1edb4;
}

.upsellRegPrice {
    font-style: italic;
}

.upsellPrice {
    color: #ff0000;
}

.upsell img {
    border: 1px solid #ddd;
}



/* TYPOGRAPHY
===============================================================*/

h1 {
    /* Used for product names */
    font-size: 21px;
}

h2 {
    /* Used for upsell product names */
    font-size: 16px;
}

h3 {
    /* Used for upsell headline */
    font-size: 16px;
    color: #555;
}



/* LINKS AND BUTTONS
===============================================================*/

a {
    color: #1675a2;
}

a:hover {
    color: #1675a2;
}

.codeButton, .continueButton, .upsellButton {
    background-color: #b1e1e5;
    color: #4e6364;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    font: bold 13px Helvetica, Arial, sans-serif;
}

.codeButton:hover, .continueButton:hover, .upsellButton:hover {
    background-color: #9ec8cc;
    color: #4e6364;
    text-decoration: none;
}

.disabledButton {
    margin-bottom: 10px;
    opacity: 0.5;
}


/* CHM Customization */
body{
background:none;
}
#ORDER_FORM_PRODUCT_LIST{
  display:none;
}
#orderFormBillingEntry{
display:block !important;
}
.billingTable, .orderSummary, .paymentMethodTable{
width:100% !important;
}

.wheader{
margin-bottom:20px;
}
.wheader .image{
width:49%;
  float:left;
}
.wheader .image img{
display:block;
  width:100%;
  height:auto;
  max-width:643px;
  margin:0 auto;
}
.wheader .text{
width:49%;
  float:right;
}
.wheader .text p{
  margin-bottom:20px;
}
.wheader .text p:last-child{
  margin-bottom:0;
}
.wheader .text .inner_text{
  max-width:545px;
  margin:0 auto;
    padding:15px 0;
}
.wheader .text .inner_text2{
  max-width:545px;
  margin:0 auto 0;
    padding:5px 0;
}
.wheader .text .inner_text p{
  font-weight:bold;
  font-size:22px;
}
.wheader::after {
  content: "";
  clear: both;
  display: table;
}
.viewCart th, .billingTable th, .shippingTable th, .shipMethodTable th, .paymentMethodTable th, .payplanTable th, .orderSummary th{
background:none;
  font-size:18px;
  text-transform:uppercase;
}
.billingTable{

}

.billingTable td{
  padding:10px !important;
  vertical-align:middle !important;
      height: initial !important;
    width: initial !important;
  }
.billingTable td.rightAlignTop{
        height: initial !important;
    width: initial !important;
}
.billingTable input[type="text"],.billingTable select {
    width: 98%;
    padding: 1%;
    margin: 0;
    font-size: 18px;
    font-family: Lato;
}
.billingTable tr td:first-child{
  width:170px !important;
}
.paymentMethodTable input[type="text"],.paymentMethodTable select{
    margin: 0;
    font-size: 18px;
    font-family: Lato;
}

td.pay1, td.pay2, td.pay3, td.pay4{
      display: block;
    width: 95% !important;
    text-align: left !important;
    padding: 3% !important;
}

#rightCol .heading{
text-align:center;
  margin-bottom:30px;
}
#rightCol .heading img{
display:block;
  margin:0 auto 20px;
  max-width:420px;
  height:auto;
  width:100%;
}
#rightCol h2{
  font-size: 36px;
  font-style:normal;
  line-height:1em;

}
.testimonial-ul{
  list-style:none;
  max-width:400px;
  margin:0 auto;
}
.testimonial-ul .testimonial-item{
  margin-bottom:30px;
}
.testimonial-ul .mk-testimonial-content::before {
   position: absolute;
    bottom: -9px;
    left: 35px;
    display: block;
    width: 14px;
    height: 14px;
    border: 3px solid #ae5d82;
    border-top: none;
    border-left: none;
    background-color: #fff;
    content: "";
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.testimonial-ul .mk-testimonial-content {
   padding: 20px 5% 5px;
    background: #fff;
    border-radius: 50px;
    position: relative;
    border: solid 3px #ae5d82;
}
.testimonial-ul .mk-testimonial-quote{
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0px;
    text-transform: initial;
  
}
.testimonial-ul .mk-testimonial-content p{
  margin-bottom: 20px;
    color:#000;
  line-height:1.8em;
}
.testimonial-ul .mk-testimonial-image{
  text-align:center;
}
.testimonial-ul .mk-testimonial-image img {
    margin: 10px auto;
    width: 95px!important;
    height: 95px!important;
    border-radius: 100%;
}
.testimonial-ul span.mk-testimonial-author {
    font-size: 24px !important;
  text-transform:uppercase;
  display:block;
  text-align:center;
}

.testimonial-ul span.mk-testimonial-company {
    
  display:block;
  font-style:italic;
  text-align:center;
  color:#777777;
}

.codeButton, .continueButton, .upsellButton{
color: rgb(255, 255, 255);
    background-color: #ae5d82;
    border-color: #ae5d82;
    border-radius: 5px;
    text-shadow: none !important;
    background-image: none;
    min-width: 150.167px;
    width: 33%;
    height: auto;
  font-size:16px;
}
.codeButton:hover, .continueButton:hover, .upsellButton:hover{
    background-color: #7f5420;
    border-color: #7f5420;
  color:#fff;
}
.subtotal{
background:#e8e8e8;
}
.checkoutShortest{
  width:90px !important;
}
/* MISC
===============================================================*/

.errorMessage {
    color: #d44;
}

@media only screen and (max-width : 960px) {
    .viewCart td, .viewCartShort td, .payPlan td, .summaryCart td, .shippingInfo td, .billingInfo td, .paymentInfo td, .orderSummary td {
        border-top: none;
    }

    .viewCart tr:not(:first-child) {
        border-top: 1px solid #e0e9ea;
    }
}