/* Layout: Two Column
	Theme: Sapphire v.2

The following styles control fonts, colors and background images
===============================================================*/

@import url(https://fonts.googleapis.com/css?family=Russo+One|Droid+Sans);

body {
	font-size: 14px/1.5;
    font-family: 'Droid Sans', sans-serif;
	color: #004E6E;
	background-color: #2d2d2d;
	}

td { 
	font-size: 14px/1.5;
    font-family: 'Droid Sans', sans-serif;
	color: #004E6E;
    }

#wrapper {
	background-color: #fff;
	}

#wrapperCheckout {
	background-color: #fff;
	}



/* TOP NAVIGATION AND HEADER
===============================================================*/

#topNav a {
	color: #ffffff;
	}

#companyLogoTopBanner {
  background-color: #004E6E;
}

#companyLogoTopBanner img {
  max-width: 40%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 1em 0em;
  
}

/* LEFT SIDEBAR AND MAIN NAVIGATION
===============================================================*/

#nav {
	border: 1px solid #004E6E;
	}

#nav li {
	border-bottom: 1px solid #004E6E;
	}

#nav .last {
	border: none;
	}

#nav a {
	color: #004E6E;
	}

#nav a:hover {
	background-color: #E4E5E5;
	}

.listHeader {
	background-color: #004E6E;
	color: #ffffff;
    font-family: 'Russo One', sans-serif;
	font-weight: bold;
}

#attention{
  background-color: #00ADEE;
  padding: .5em;
  margin-bottom: 1em;
  text-align: center;
  /*text-transform: uppercase; */
}


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

.priceBold {
    /* Price shown on home page */
    font-weight: bold;
    color: #555;
    }

.subscriptionPrice {
    font-weight: bold;
    }

.productName {
    color: #004E6E;
    font-size: 16px;
    line-height: 1.3;
    }

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

#productGrid a {
	color: #333;
	}

#productGrid img {
    border: 1px solid #ddd;
    }

#breadcrumbs a{
  color: #004E6E;
}


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

.cartDiscount {
    /* Discount shown in cart */
	color: #d44;
	}

.cartProduct {
	/* Product name in cart */
	font-weight: bold;
	}

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

.removeItem {
    /* Remove item link in cart */
	color: #333;
	}

.discountedPrice {
    /* Slashed price in cart */
    text-decoration:line-through;
    }

.search, .promoField {
    /* Text fields for search and promo code */
	font-size: 13px;
	color: #999;
	border: 1px solid #c6e1e3;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	}

.checkout, .checkoutShort, .checkoutShortest, .checkoutBottom, .checkoutTop, .checkoutTopShort, .signinField, .signinTop, .productQty, .qtyField, .checkoutInput  {
	/* Form fields used in checkout forms */
	border: 1px solid #c6e1e3;
	}

.shippingTable {
	border: 1px solid #e0e9ea;
	}

.viewCart, .summaryCart, .payPlan, .paymentInfo, .shippingInfo, .billingInfo, .shippingTable, .billingTable, .signinTable, .paymentMethodTable, .forgotPasswordTable  {
	border: 1px solid #e0e9ea;
	}

.promoCode th {
	border-bottom: 1px solid #e0e9ea;
    border-top: 1px solid #e0e9ea;
	}

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

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

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

.financeCharge {
  /* Comment in PayPlan table that displays the finance charge */
	font-size: 10px;
	color: #999;
	}

.forgotPassword {
    font-size: 11px;
    }



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

.upsell {
	background-color: #f0f6f6;
	border: 1px solid #e0e9ea;
}

#upsellContainer img {
	border: 1px solid #e0e9ea;
	}

.upsellRegPrice {
	font-style: italic;
	}



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

h1 {
    /* Used for product and page headers */
    font-family: 'Russo One', sans-serif;
	font-size: 26px;
    font-weight: normal;
	color: #333;
	letter-spacing: 1px;
	}

h2 {
    /* Used for product description header */
    font-family: 'Russo One', sans-serif;
	font-size: 21px;
    font-weight: normal;
	color: #333;
	}

h3 {
    /* Used for product grid headline */
    font-family: 'Russo One', sans-serif;
	font-size: 18px;
    font-weight: normal;
	color: #004E6E;
	border-bottom: 1px solid #eee;
	}

h4 {
	font-size: 15px;
	color: #555;
	}

.tableHeader {
	font-size: 14px;
    font-weight: bold;
	color: #555;
	}

.smallHeader {
	font-size: 15px;
	font-weight: bold;
	}


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

a {
	color: #0000FF;
	}

a:hover {
	color: #0000FF;
	}

 .newsButton, .formButton {
	background-color: #b1e1e5;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	text-shadow: 0 1px 0 #ebfeff;
    font: bold 13px Helvetica, Arial, sans-serif;
	}

.buttonRight a:hover, .buttonLeft a:hover {
	color: #4e6364;
	}

.cartButton{
  background-color: #14A90E !important;
}

.cartButton:hover{
  background-color: #42ba3e !important;
}

.searchButton, .cartButton, .codeButton, .continueButton, .upsellButton {
    background-color: #00ADEE;
    color: #ffffff;
    border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	font: bold 13px Helvetica, Arial, sans-serif;
	}

.searchButton:hover, .cartButton:hover, .codeButton:hover, .continueButton:hover, .upsellButton:hover {
	background-color: #66cdf4;
	text-decoration: none;
	}




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

#footer {
	background-color: #E4E5E5;
	color: #004E6E;
    border-bottom: 10px solid #fff;
	}

#extraLinks {
  list-style-type: none;
  font-size: 14px;
  margin-left: 6%;
  display: inline-block;
}

#extraLinks li{
  margin-right: 3em;
  float: left;
}

#extraLinks li a {
  color: #00ADEE !important;
}


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

.errorMessage {
	color: #dd4949
	}

.customProductGrid{
  display: inline-block;
  list-style-type: none;
  margin-bottom: 4em;
}

.customProductGrid li{
  float: left;
}

.gridLi{
  width: 172px;
  height: 172px;
}

.gridLi h5{
  color:#004E6E;
  /*display: inline-block;*/
  /*padding-left: 1em;*/
  text-align: center;
}

.gridLi+.gridLi{
  margin-left: 1em;
}

.gridLi img{
  border: 1px solid lightgray;
  width: 100%;
}

.gridLi-border{
  border: 1px solid lightgray;
}