/* Layout: One 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=Merriweather:400,700);







body {



    font: 16px/1.5 Georgia,Times,"Times New Roman",serif;



    color: #333;



    background: #EDEDED;



}







td {



    font: 14px/1.5 Merriweather, Georgia, serif;



    color: #555;



}







#wrapper {



    background-color: #fff;



}







#wrapperCheckout {



    background-color: #fff;



}



#CHECKOUT_LINKS {



  margin-bottom: 0;



  height: 75px;



}











/* 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: rgb(255,174,1);

  background: -moz-linear-gradient(top, rgba(255,174,1,1) 0%, rgba(225,55,6,1) 100%);

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,174,1,1)), color-stop(100%, rgba(225,55,6,1)));

  background: -webkit-linear-gradient(top, rgba(255,174,1,1) 0%, rgba(225,55,6,1) 100%);

  background: -o-linear-gradient(top, rgba(255,174,1,1) 0%, rgba(225,55,6,1) 100%);

  background: -ms-linear-gradient(top, rgba(255,174,1,1) 0%, rgba(225,55,6,1) 100%);

  background: linear-gradient(to bottom, rgba(255,174,1,1) 0%, rgba(225,55,6,1) 100%);

  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffae01', endColorstr='#e13706', GradientType=0 );

  border-radius: 0;

  border: none;

  line-height: 1.25;

  outline: none !important;

  color: #fff !important;

  text-align: center;

  text-decoration: none;

  padding: 0.25em 2em;

  display: inline-block;

  zoom: 1;

  font-family: Georgia,Times,"Times New Roman",serif;

  font-weight: normal;

  font-size: 16px;

}







.codeButton:hover, .continueButton:hover, .upsellButton:hover {



    text-decoration: none;



    -webkit-text-shadow: 0 0 6px rgba(255,255,255,0.75);

    

    text-shadow: 0 0 6px rgba(255,255,255,0.75);



}







.disabledButton {



    margin-bottom: 10px;



    opacity: 0.5;



}















/* 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;



    }



}