/* Layout: One Column
Theme: Basic Gray

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=Open+Sans:400,700);
This is the correct location for import, remove import link in layout.css when ready
*/
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,700,800);
@import url(//fonts.googleapis.com/css?family=Questrial);
html {
	background-color: #2f2f2f;
}
body {
	font: 18px/1.5 "Questrial", "Open Sans", Arial, Helvetica, sans-serif;
	color: #202728;
	background-color: #ededed;
}
#wrapper {
	background-color: #ededed;
}
#header {
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: solid 1px #ac0000;

	background-position: bottom right;
	background-repeat: no-repeat;
	background-size: auto 100%;
}
#footer {
	border-top: solid 1px #ec0000;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #2f2f2f
}
.copyright {
	color: #FFFFFF;
	font-size: 12px;
	text-align: center;
}
#footer a {
	color: #FFFFFF;
}
#footer a:hover {
	color: #ec0000;
}
td {
	font: 18px/1.5 "Questrial", "Open Sans", Arial, Helvetica, sans-serif;
	color: #202728;
}
img, img a {
	border: 0 none;
}
a {
	color: #2a2a56;
}
a:hover {
	color: #ec0000;
}
.blue {
	color: #2a2a56;
}
.red {
	color: #ec0000;
}
.white {
	color: #FFFFFF;
}
.left {
	float: left;
	margin-right: 10px;
}
.right {
	float: right;
	margin-left: 10px;
}
.alignleft {
	text-align: left;
}
.alignright {
	text-align: right;
}
.aligncenter {
	text-align: center;
}
.justifyText {
	text-align: justify;
}
.upperCase {
	text-transform: uppercase;
}
input.checkoutTop, input.checkout, select.checkout, input.checkoutShortest, input.checkoutBottom, input.promoField {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
input.checkoutTop:focus, input.checkout:focus, select.checkout:focus, input.checkoutShortest:focus, input.checkoutBottom:focus, input.promoField:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
input.checkoutTop::-moz-placeholder, input.checkout::-moz-placeholder, input.checkoutShortest::-moz-placeholder, input.checkoutBottom::-moz-placeholder, input.promoField::-moz-placeholder {
  color: #777;
  opacity: 1;
}
input.checkoutTop:-ms-input-placeholder, input.checkout:-ms-input-placeholder, input.checkoutShortest:-ms-input-placeholder, input.checkoutBottom:-ms-input-placeholder, input.promoField:-ms-input-placeholder {
  color: #777;
}
input.checkoutTop::-webkit-input-placeholder, input.checkout::-webkit-input-placeholder, input.checkoutShortest::-webkit-input-placeholder, input.checkoutBottom::-webkit-input-placeholder, input.promoField::-webkit-input-placeholder {
  color: #777;
}
textarea {
  height: auto;
}
.radius0px {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}
.radius5px {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.radius10px {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.radius15px {
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}
.padding0 {
	padding: 0px;
}
.padding5 {
	padding: 5px;
}
.padding10 {
	padding: 10px;
}
.padding15 {
	padding: 15px;
}
.padding20 {
	padding: 20px;
}
.padding25 {
	padding: 25px;
}
.padding30 {
	padding: 30px;
}
.whiteBG25 {
	background-color: rgba(255,255,255,0.25);
}
.whiteBG50 {
	background-color: rgba(255,255,255,0.50);
}
.whiteBG75 {
	background-color: rgba(255,255,255,0.75);
}
.whiteBG100 {
	background-color: rgba(255,255,255,1);
}
.blackBG25 {
	background-color: rgba(0,0,0,0.25);
}
.blackBG50 {
	background-color: rgba(0,0,0,0.50);
}
.blackBG75 {
	background-color: rgba(0,0,0,0.75);
}
.blackBG100 {
	background-color: rgba(0,0,0,1);
}
.orangeBG25 {
	background-color: rgba(236,107,0,0.25);
}
.orangeBG50 {
	background-color: rgba(236,107,0,0.50);
}
.orangeBG75 {
	background-color: rgba(236,107,0,0.75);
}
.orangeBG100 {
	background-color: rgba(236,107,0,1);
}
.tealBG25 {
	background-color: rgba(0,142,142,0.25);
}
.tealBG50 {
	background-color: rgba(0,142,142,0.50);
}
.tealBG75 {
	background-color: rgba(0,142,142,0.75);
}
.tealBG100 {
	background-color: rgba(0,142,142,1);
}
.greenBG25 {
	background-color: rgba(0,189,0,0.25);
}
.greenBG50 {
	background-color: rgba(0,189,0,0.50);
}
.greenBG75 {
	background-color: rgba(0,189,0,0.75);
}
.greenBG100 {
	background-color: rgba(0,189,0,1);
}
.lightgreyBG {
	background-color: #ededed;
}
.darkgreyBG {
	background-color: #2f2f2f;
}
.redBG {
	background-color: #ec0000;
}
a.updateCart {
	font-size: 16px;
	font-weight: bold;
}
.shadowBox {
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3);
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
.nomargin {
	margin: 0px !important;
}
.nomargin-t {
	margin-top: 0px !important;
	padding-top: 0px !important;
}
.nomargin-b {
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
}
.font8 {
	font-size: 8px !important;
}
.font9 {
	font-size: 9px !important;
}
.font10 {
	font-size: 10px !important;
}
.font11 {
	font-size: 11px !important;
}
.font12 {
	font-size: 12px !important;
}
.font13 {
	font-size: 13px !important;
}
.font14 {
	font-size: 14px !important;
}
.font15 {
	font-size: 15px !important;
}
.font16 {
	font-size: 16px !important;
}
.font17 {
	font-size: 17px !important;
}
.font18 {
	font-size: 18px !important;
}
.font19 {
	font-size: 19px !important;
}
.font20 {
	font-size: 20px !important;
}
.font21 {
	font-size: 21px !important;
}
.font22 {
	font-size: 22px !important;
}
.font23 {
	font-size: 23px !important;
}
.font24 {
	font-size: 24px !important;
}
.font25 {
	font-size: 25px !important;
}
.font26 {
	font-size: 26px !important;
}
.font27 {
	font-size: 27px !important;
}
.font28 {
	font-size: 28px !important;
}
.font29 {
	font-size: 29px !important;
}
.font30 {
	font-size: 30px !important;
}
.font31 {
	font-size: 31px !important;
}
.font32 {
	font-size: 32px !important;
}
.font33 {
	font-size: 33px !important;
}
.font34 {
	font-size: 34px !important;
}
.font35 {
	font-size: 35px !important;
}
.font36 {
	font-size: 36px !important;
}
.font37 {
	font-size: 37px !important;
}
.font38 {
	font-size: 38px !important;
}
.font39 {
	font-size: 39px !important;
}
.font40 {
	font-size: 40px !important;
}
.font41 {
	font-size: 41px !important;
}
.font42 {
	font-size: 42px !important;
}
.font43 {
	font-size: 43px !important;
}
.font44 {
	font-size: 44px !important;
}
.font45 {
	font-size: 45px !important;
}
.font46 {
	font-size: 46px !important;
}
.font47 {
	font-size: 47px !important;
}
.font48 {
	font-size: 48px !important;
}
.font49 {
	font-size: 49px !important;
}
.font50 {
	font-size: 50px !important;
}
.font51 {
	font-size: 51px !important;
}
.font52 {
	font-size: 52px !important;
}
.font53 {
	font-size: 53px !important;
}
.font54 {
	font-size: 54px !important;
}
.font55 {
	font-size: 55px !important;
}
.font56 {
	font-size: 56px !important;
}
.font57 {
	font-size: 57px !important;
}
.font58 {
	font-size: 58px !important;
}
.font59 {
	font-size: 59px !important;
}
.font60 {
	font-size: 60px !important;
}
.font61 {
	font-size: 61px !important;
}
.font62 {
	font-size: 62px !important;
}
.font63 {
	font-size: 63px !important;
}
.font64 {
	font-size: 64px !important;
}
.font65 {
	font-size: 65px !important;
}
.font66 {
	font-size: 66px !important;
}
.font67 {
	font-size: 67px !important;
}
.font68 {
	font-size: 68px !important;
}
.font69 {
	font-size: 69px !important;
}
.font70 {
	font-size: 70px !important;
}
.line8 {
	line-height: 8px !important;
}
.line9 {
	line-height: 9px !important;
}
.line10 {
	line-height: 10px !important;
}
.line11 {
	line-height: 11px !important;
}
.line12 {
	line-height: 12px !important;
}
.line13 {
	line-height: 13px !important;
}
.line14 {
	line-height: 14px !important;
}
.line15 {
	line-height: 15px !important;
}
.line16 {
	line-height: 16px !important;
}
.line17 {
	line-height: 17px !important;
}
.line18 {
	line-height: 18px !important;
}
.line19 {
	line-height: 19px !important;
}
.line20 {
	line-height: 20px !important;
}
.line21 {
	line-height: 21px !important;
}
.line22 {
	line-height: 22px !important;
}
.line23 {
	line-height: 23px !important;
}
.line24 {
	line-height: 24px !important;
}
.line25 {
	line-height: 25px !important;
}
.line26 {
	line-height: 26px !important;
}
.line27 {
	line-height: 27px !important;
}
.line28 {
	line-height: 28px !important;
}
.line29 {
	line-height: 29px !important;
}
.line30 {
	line-height: 30px !important;
}
.line31 {
	line-height: 31px !important;
}
.line32 {
	line-height: 32px !important;
}
.line33 {
	line-height: 33px !important;
}
.line34 {
	line-height: 34px !important;
}
.line35 {
	line-height: 35px !important;
}
.line36 {
	line-height: 36px !important;
}
.line37 {
	line-height: 37px !important;
}
.line38 {
	line-height: 38px !important;
}
.line39 {
	line-height: 39px !important;
}
.line40 {
	line-height: 40px !important;
}
.line41 {
	line-height: 41px !important;
}
.line42 {
	line-height: 42px !important;
}
.line43 {
	line-height: 43px !important;
}
.line44 {
	line-height: 44px !important;
}
.line45 {
	line-height: 45px !important;
}
.line46 {
	line-height: 46px !important;
}
.line47 {
	line-height: 47px !important;
}
.line48 {
	line-height: 48px !important;
}
.line49 {
	line-height: 49px !important;
}
.line50 {
	line-height: 50px !important;
}
.line51 {
	line-height: 51px !important;
}
.line52 {
	line-height: 52px !important;
}
.line53 {
	line-height: 53px !important;
}
.line54 {
	line-height: 54px !important;
}
.line55 {
	line-height: 55px !important;
}
.line56 {
	line-height: 56px !important;
}
.line57 {
	line-height: 57px !important;
}
.line58 {
	line-height: 58px !important;
}
.line59 {
	line-height: 59px !important;
}
.line60 {
	line-height: 60px !important;
}
.line61 {
	line-height: 61px !important;
}
.line62 {
	line-height: 62px !important;
}
.line63 {
	line-height: 63px !important;
}
.line64 {
	line-height: 64px !important;
}
.line65 {
	line-height: 65px !important;
}
.line66 {
	line-height: 66px !important;
}
.line67 {
	line-height: 67px !important;
}
.line68 {
	line-height: 68px !important;
}
.line69 {
	line-height: 69px !important;
}
.line70 {
	line-height: 70px !important;
}
.weight100 {
	font-weight: 100 !important;
}
.weight200 {
	font-weight: 200 !important;
}
.weight300 {
	font-weight: 300 !important;
}
.weight400 {
	font-weight: 400 !important;
}
.weight500 {
	font-weight: 500 !important;
}
.weight600 {
	font-weight: 600 !important;
}
.weight700 {
	font-weight: 700 !important;
}
.weight800 {
	font-weight: 800 !important;
}
.weight900 {
	font-weight: 900 !important;
}
/* 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, .checkoutShortest, .checkoutBottom, .checkoutTop, .qtyField, .optionsDrop {
	/* Form fields used in checkout forms */
	border: 1px solid #ddd;
	-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 #ddd;
	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: #eee;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
	background: -moz-linear-gradient(top, #ffffff, #dddddd);
	background: linear-gradient(to bottom, #ffffff, #dddddd);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd');*/
}
.viewCart td, .viewCartShort td, .payPlan td, .summaryCart td, .shippingInfo td, .billingInfo td, .paymentInfo td, .orderSummary td {
	/*border-top: 1px solid #ddd;*/
}
.subtotal {
	background-color: rgba(255,255,255,0.5);
	font-weight: bold;
}
tr.subtotal {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
}
td.subtotal {
	-moz-border-radius: 3px 0px 0px 3px;
	-webkit-border-radius: 3px 0px 0px 3px;
	border-radius: 3px 0px 0px 3px;
	-moz-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2);
}
td.rightAlign.subtotal {
	-moz-border-radius: 0px 3px 3px 0px;
	-webkit-border-radius: 0px 3px 3px 0px;
	border-radius: 0px 3px 3px 0px;
	-moz-box-shadow: inset -1px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset -1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: inset -1px 1px 2px rgba(0,0,0,0.2);
}
.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;
}
.upsellRegPrice {
	font-style: italic;
}
.upsellPrice {
	color: #ff0000;
}
.upsell img {
	border: 1px solid #ddd;
}
/* TYPOGRAPHY
===============================================================*/

h1 {
	/* Used for product names */
	font-weight: 700 !important;
	font-size: 18px !important;
	margin: 0px !important;
}
h2 {
	/* Used for upsell product names */
	font-size: 18px !important;
	margin: 0px !important;
}
h3 {
	/* Used for upsell headline */
	font-size: 15px;
	font-weight: normal;
	color: #555;
	text-transform: uppercase;
}
/* LINKS AND BUTTONS
===============================================================*/

a {
	color: #1675a2;
}
a:hover {
	color: #1675a2;
}
.codeButton, .continueButton {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 3px rgba(0,0,0,0.3);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 3px rgba(0,0,0,0.3);
	color: #fff;
	background-color: #ec0000;
	border: solid 1px #ef0303;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.upsellButton {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 3px rgba(0,0,0,0.3);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 3px rgba(0,0,0,0.3);
	color: #fff;
	background-color: #ec0000;
	border: solid 1px #ef0303;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.codeButton:hover, .continueButton:hover, .upsellButton:hover {
	color: #fff;
	text-decoration: none;
	background-color: #e20101;
	border: solid 1px #c10101;
}
.codeButton:active, .continueButton:active, .upsellButton:active {
	position: relative;
	top: 1px;
}
/* MISC
===============================================================*/

.errorMessage {
	color: #dd4949;
}
@media(max-width:960px) {
	h1 {
		font-size: 17px !important;
	}
	h2 {
		font-size: 15px !important;
	}
	body {
		padding: 0px;
	}
	body, td, th {
		font: 15px/1.5 "Questrial", "Open Sans", Arial, Helvetica, sans-serif;
	}
	.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 {
		font-size: 16px;
		line-height: 20px;
	}
}