/* Layout: One Column
	Theme: Crimson Sapphire (Neutral Gray Revision)

Controls fonts, colors and images.
===============================================================*/

@import url(https://fonts.googleapis.com/css?family=Merriweather:400,700);
body {
    font: 14px/1.5 Merriweather, Georgia, serif;
    color: #555;
    background-image: none;
    background-color: #f2f2f2; /* light gray background */
}

td {
    font: 14px/1.5 Merriweather, Gorgia, serif;
    color: #555;
}

#wrapper {
    background-color: #fff;
}

#wrapperCheckout {
    background-color: #fff;
}

/* NAVIGATION
===============================================================*/

#nav {
    background-color: #555555; /* Neutral Dark Gray */
}

#nav li a {
    background-color: #555555;
    border-right: 1px solid #fff;
    color: #fff !important; /* Force white text for readability */
}

#nav li a:hover {
    background-color: #3f3f3f; /* Darker Gray hover */
}

#nav a {
    text-decoration: none;
    color: #fff;
}

#nav a:hover {
    text-decoration: none;
    color: #ddd;
}

/* CONTENT / PRODUCT
===============================================================*/

.productName {
    font-size: 18px;
    color: #555555; /* Neutral header */
    line-height: 1.3;
}

.subscriptionPrice {
    font-weight: bold;
}

.productLarge {
    border: 1px solid #ddd;
}

.productOutOfStockBanner {
    background-color: rgba(85, 85, 85, 0.85); /* Gray semi-transparent */
    color: #fff;
    font-size: 30px;
    font-weight: bold;
}

.priceBold {
    font-weight: bold;
    color: #555;
}

#productGrid a {
    color: #333;
    text-decoration: none;
}

#productGrid a:hover {
    text-decoration: underline;
}

.productOutOfStock {
    border-color: #555555;
    border-style: solid;
    border-width: 1px 0 1px 0;
    display: inline-block;
}

/* CART AND CHECKOUT
===============================================================*/

.cartDiscount {
    color: #777; /* Neutralized from red */
}

.cartProduct {
    font-weight: bold;
}

.cartThumb {
    border: 1px solid #ddd;
}

.removeItem {
    color: #333;
}

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

.search, .promoField {
    font: 13px Merriweather, Georgia, serif;
    color: #999;
    border: 1px solid #555555;
    border-radius: 2px;
}

.checkout, .checkoutShort, .checkoutShortest, .checkoutBottom, .checkoutTop, .checkoutTopShort, .signinField, .signinTop, .productQty, .qtyField {
    border: 1px solid #555555;
}

.shippingTable, .viewCart, .summaryCart, .payPlan, .paymentInfo, .billingTable, .signinTable, .paymentMethodTable {
    border: 1px solid #d6d6d6;
}

.viewCart th, .viewCartShort th, .payPlan th, .summaryCart th, .shippingInfo th, .billingInfo th, .billingTable th, .shippingTable th, .paymentInfo th, .signinTable th, .paymentMethodTable th {
    background-color: #f4f4f4; /* Neutral light gray */
}

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

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

.upsell {
    background-color: #f4f4f4;
    border: 1px solid #d6d6d6;
}

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

h1, h2 {
    color: #333;
}

h3 {
    color: #555555;
    border-bottom: 1px solid #eee;
}

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

a {
    color: #555555;
}

a:hover {
    color: #3f3f3f;
}

.newsButton, .formButton, .searchButton, .cartButton, .codeButton, .continueButton, .upsellButton {
    background-color: #555555;
    color: #fff !important;
    border: none;
    border-radius: 2px;
    text-shadow: 0 1px 0 #000;
    font: bold 13px Helvetica, Arial, sans-serif;
}

.newsButton:hover, .formButton:hover, .searchButton:hover, .cartButton:hover, .codeButton:hover, .continueButton:hover, .upsellButton:hover {
    background-color: #3f3f3f;
    text-decoration: none;
}

/* FOOTER
===============================================================*/

#footer {
    background-color: #2e2e2e; /* Deep neutral charcoal */
    color: #d6d6d6;
    border-bottom: 10px solid #fff;
}

/* MISC
===============================================================*/

.errorMessage {
    color: #777; /* Neutralized error text */
}