/* Layout: Two Column
Theme: Graphite - CUSTOM

Appearance.css contains the cosmetic 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(//fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,600,700);

#companyLogoTopBanner img{
	display:block;
	margin: 0 auto;
	width: 250px;
}


body {
	font: 15px/1.5 'Open Sans', Rockwell, Helvetica, sans-serif;
	color: #515151;
	background-color: #fff;
	line-height: 1.7;

}

td {
	font: 15px/1.5 'Open Sans', Rockwell, Helvetica, sans-serif;
}

img, img a {
	border: 0 none;
}

#wrapper {
	/* Wraps around everything and sets the total width of the order form */
	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;
}

.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, .checkoutShortTop, .checkoutShortBottom, .checkoutShortest, .checkoutBottom, .checkoutTop, .qtyField, .optionsDrop  {
	/* Form fields used in checkout forms */
	border: 1px solid #ddd;
	border-radius: 2px;
	-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 {
	outline: 1px solid #F3F3F3;
	border-collapse: collapse;
}

.viewCart,
.paymentMethodTable,
.billingTable{
	outline:none;
}


.viewCart 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 {
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1px;
	font-size: 20px;
	font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif !important;
	padding-left: 0px;
	border:0px !important;
}


th:nth-child(1) {
	padding-left:10px;
}

.viewCart td, .viewCartShort td, .payPlan td, .summaryCart td, .shippingInfo td, .billingInfo td, .paymentInfo td, .orderSummary td {
	/*border-top: 1px solid #ddd;*/
	border: 1px solid #F3F3F3;

}

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

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

.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;
	color: #222;
}

.upsellRegPrice {
	font-style: italic;
}

.upsellPrice {
	color: #ff0000;
}

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



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

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

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

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



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

a {
	color: #1675a2;
}

a:hover {
	color: #1675a2;
}

.codeButton, .continueButton, .upsellButton  {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size: 13px;
	color: #fff;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	/*border: solid 1px #666;*/
	background: #444;
}

.codeButton:hover, .continueButton:hover, .upsellButton:hover {
	color: #fff;
	background: #555555;
	text-decoration: none;
}



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

.errorMessage {
	color: #d44;
}



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


input[type="text"], input[type="tel"], input[type="email"], textarea {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-appearance: none;
	border-radius: 0;
	border: 1px solid #d0d0d0;
	padding: 18px 20px;
	font-size: 14px;
	position: relative;
	z-index: 99;
}

.billingTable td input, .shippingTable td input {
	width: 100% !important;
	margin: -1px 0 0 0;
	box-sizing: border-box;
}

.billingTable td select, .shippingTable td select {
	margin-bottom: 0px;
	width: 100%;
	margin-top: -1px;
}

select.checkout, select {
	/*-moz-appearance: none;*/
	background: none;
	padding: 0 20px;
	height: 53px;
	width: 100%;
	border-radius: 0;
	/*-webkit-appearance: none;*/
	margin: -1px 0 0 0;
	border: 1px solid #d0d0d0;
}


#CHECKOUT_LINKS {
	margin-bottom: 40px;
}

 .checkoutLinks {
	margin: 0 auto;
	float: none;
	height: auto
}

#CHECKOUT_LINKS .checkoutLinks .continueButton, .checkoutWithPayPalLink, .payPalGo {
	width: 100%;
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	display: block;
	box-sizing: border-box;
	margin: 0;
	padding: 25px 0;
	text-align: center;
	background: #8EC337;
	color: #fff !important;
	font-size: 28px;
	font-weight: 600;
	border-radius: 3px;
	transition: .25s all;
	text-decoration: none !important

}

#CHECKOUT_LINKS .checkoutLinks .continueButton:hover, .checkoutWithPayPalLink:hover {
	background: #A1D34E
	border:none;
}

.checkoutWithPayPalLink {
	background: #378AC3;
	margin-top: 15px !important;
	display: none
}

.checkoutWithPayPalLink:hover, .payPalGo:hover {
	background: #4C9DD5
}

.payPalGo {
	max-width: 250px;
	padding: 20px 0;
	margin: 20px auto 10px auto;
	border-width: 0px;
	background: #378AC3
}

#checkoutWithPayPalLink img {
	display: none !important
}


/* hide cart */
.viewCart{
	/*display:none;*/
}