@charset "utf-8";
.smallBold { FONT-WEIGHT: 700;
	font-size: 11px;}
.FT { font-size: 1em; }
.FTERROR { font-size: 1em;
	background: #FF9999;}
.checkoutform .error {width:75% }
.FTnone { background: #FDFAEC;
	font-size: 1.2em;}
.req { font-size: 1.5em;
	font-weight: bold;
	color: #903;
	margin-left: 3px;}
.reqtext { color: #990000;
	float: right;
	width: 100px;
	font-weight: bold;}
.FTnone { background: #FAF3D8;
	font-size: .75em;}
form .checkoutform tr td .FTnone { font-size: 1em; }
.checkoutform { margin-right: 0px; }
/* new holding table */
.COerror { background: #FFF;
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
	border-top: 2px solid #efeeee;
	border-right: 2px solid #efeeee;
	border-bottom: 5px solid #e9af10;
	border-left: 2px solid #efeeee;
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
	background-color:#EDEDED;
	color: #9C4507;}
.COerror ul { margin-left: 0px; margin-top: 4px;
	padding-left: 12px;}
.COerror ul li { margin-bottom: 3px;
	line-height: 1.3em;
	margin-left: 0px;
	font-size: 12px;}
.checkoutform input, .checkout { height: 20px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-bottom: 5px;
	margin-right: 0px;
	padding-left: 0px;
	font-size: 14px;
	font-size: 0.875rem;
	background: #efefef;}
.checkoutform input.nobg { background: #fff;
	height: 10px;
	margin: 0px;
	border: none;}
#SaveDiv input.nobg { height: auto; }
.holding { clear: left }
.holding tr td { vertical-align: top;
	color: #373737;}
.holding h3, .checkoutform h3, .holding h2, .checkoutform h2, #profileForm h3 { color: #e9af10;
	font-weight: 800;
	font-size: 1.2em;
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 5px;
	padding-top: 20px;
	margin-bottom: 10px;}
.checkoutform th { color: #e9af10;
	font-weight: 800;
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 5px;
	padding-top: 20px;
	margin-bottom: 10px;}
.checkoutform td { padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	color: #373737;
	font-size: .75em;}
.checkoutform .label, .checkoutform .label label { font-weight: bold;
	width: 120px;
	vertical-align: middle;
	padding-top: 7px;
	padding-bottom: 7px;}
.checkoutbutton { margin-left: 220px;
	clear: both;
	margin-top: 0px; float:right;}
.hide { display: none; }
/* for validation only */
label.error { display: inline;
	color: red;
	font-style: italic;
	font-weight: normal;
	padding: 0px;
	float: none;
	width: 160px;}
input.error, select.error { border: 2px solid #903;
	background-color: #FFe;
	height: 26px;
	padding: 0px;
	float: none;
	width: 160px;}
td.field input.error, td.field select.error, tr.errorRow td.field input, tr.errorRow td.field select { border: 2px solid red;
	background-color: #FFe;
	margin: 0px;
	color: #903;
	height: 16px;
	padding: 0px;
	float: none;
	width: 160px;}
tr td.field div.formError { display: none;
	color: #990033;}
tr.errorRow td.field div.formError { display: block;
	font-weight: normal;}
div.error a { color: #336699;
	font-size: 12px;
	text-decoration: underline}
.checkoutCart { margin-bottom: 30px }
.checkoutCart th { color: #e9af10;
	font-weight: 900;
	font-size: 12px;
	font-size: 0.75rem;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 3px;
	border-bottom: 1px solid #e0e0e0;}
.checkoutCart td { color: #848589;
	padding: 5px;
	border-bottom: 1px solid #e0e0e0;
	font-size: 12px;
	font-size: 0.75rem}
.checkoutCart tr .lineimg { padding-right: 0px;
	padding-left: 0px}
.cart .dollars { text-align: right;
	font-weight: bold;
	font-size: 12px;
	font-size: 0.75rem;
	color: #373737}
.cart td .small a { font-size: 9px;
	font-size: 0.5625rem}
.indent { /* used on create new customer checkout, pg 3 */
	float: left;
	background-color: #f8f6f6;
	padding: 5px;
	line-height: 1.3em;
	font-size: 12px}
.summary { font-size: 10px;
	color: #848589;
	line-height: 1.3em;
	width: 200px;
	float: right;}
.summary td { color: #414040;
	padding: 3px;}
.summary th { background-color: #f8f6f6;
	color: #373737;
	font-size: 12px;
	padding: 4px;}
.ShipProfile { background: #FFF;
	line-height:1.3em;
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
	width: 185px;
	border-top: 2px solid #efeeee;
	border-right: 2px solid #efeeee;
	border-bottom: 5px solid #e9af10;
	border-left: 2px solid #efeeee;
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
	background: url(/graphics/bg-gradient.png) repeat-x bottom}
.ShipProfile div {margin:10px 0px }
.review {font-size:13px; overflow:hidden}
.review h3{ color: #e9af10;
	font-weight: 800;
	font-size: 1.1em;
	padding-bottom: 5px;}
.review td { vertical-align:top;
	 width:25%;
	background: #FFF;
	font-size:12px;
	line-height:1.3em;
	margin-right: 20px;
	border-top: 1px solid #efeeee;
	border-right: 1px solid #efeeee;
	border-bottom: 5px solid #e9af10;
	border-left: 1px solid #efeeee;
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
	background: url(/graphics/bg-gradient.png) repeat-x bottom;}
.review a{ font-size:12px }
.review .review-name {height: 70px;
margin: 0px;}
.ltgray { color:#575656;}
.cart-table th, .mobile-cart-table th {padding:5px; vertical-align:top }

@media screen and (max-width: 769px) {
.checkoutbutton { margin-left: 0px; }
.checkoutform input, .checkout {height:30px; max-width:300px}
.flexholder  button, .flexholder input,.flexholder  select, .flexholder textarea {font-size:16px }
.holding tr td {padding-bottom: 10px }
.checkoutbutton {float:none; margin 10px auto }
.checkoutform .label {width:110px }
.checkoutform select { font-size:18px; height:30px }
}

/*  New FLEX layouts Jan 2020 */

.flexholder {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;
    /* NEW, Spec - Firefox, Chrome, Opera */
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;

    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flexgholder div {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 44%;
    margin-right: 4%;
}
.cart .notes, .cart .notes strong {font-size:14px; line-height: 1.1em; }
@media screen and (min-width: 800px) {
.flexbill, .flexcomments {padding-left:20px }
}