:root {
	--main-bg-color:teal;
	--row-alternate-color:#f0f0f0;
}

html, body { background-color:#B5ADA5 }
body { max-width:1200px; margin:0 auto; position:relative }
body, input, textarea, select, th, td, a { font-family:Helvetica, Arial, sans-serif; font-size:14px }
#wrap { background-color:white; position:relative }
#header { padding:20px; border-bottom:1px solid #ccc }
#footer { padding:20px; border-top:1px solid #ccc; font-size:12px; color:#909090 }
#content { padding:0 20px 20px 20px; position:relative }
h1 {font-size:20px; color:#8f8f8f; }
a { color:#7AC0CE; text-decoration:none }
a:hover { color:#754c24; }
.actionButton { margin:0; padding:5px 7px; border:none; border-radius:5px; background-color:#7AC0CE; color:white; font-size:14px; cursor:pointer }
.actionButton:hover { background-color:#868787; color:white }
#adminMenu { margin:0; padding:0; }
#adminMenu ul { margin:0; padding:0; }
#adminMenu li { list-style:none; padding:3px 0; margin:0 }
#adminMenu li a { font-size:16px; font-weight:bold }
#listMenu { padding-bottom:10px }
#listMenu a { cursor:pointer }
#listingTable tr.tr_odd { background-color:#f0f0f0 }
#listingTable th { padding:10px 0 0 5px; border-bottom:1px solid #ccc; text-align:left }
#listingTable th a { text-decoration:none; cursor:pointer }
#listingTable th a span { color:black }
#listingTable tbody td a { display:block; padding:5px; text-decoration:none; color:#222; font-size:14px; min-height:100%; height:100% }
#listingTable tbody tr:hover { background-color:#e0e0e0 }
#formTable td, .formTable td { padding:2px 0px }
#formTable td:first-child, .formTable td:first-child { width:140px }
#formFooter { padding-top:15px; }
#finePrint { font-style:italic; font-size:12px }
.fieldset > div { padding:5px }
.fieldset > div::after { content:""; display:block; clear:both } /* clearfix */
.fieldset > div > label { display:block; float:left; width:150px; padding-top:5px; }
.fieldset > div > div { float:left; width:330px }
@media (max-width: 550px) {
	.fieldset > div { padding:10px 5px }
	.fieldset > div > label { display:block; width:96% }
	.fieldset > div > div { display:block; width:96% }
}
.field { border:1px solid #ccc; padding:3px; width:180px }
.error { font-weight:bold; color:#aa0000; background-color:#cccccc; }
.none { font-weight:normal }
.hangingindent { padding-left:18px; text-indent:-18px }
.dataTable { border-collapse:collapse; }
.dataTable td { border:1px solid #d0d0d0; padding:5px }
.dataTable th { padding:5px; text-align:left }
.cb { display:inline-block }
.cb > div { display:inline-block; width:16px; height:16px; margin-bottom:-2px;
	border-width:2px; border-style:solid; border-radius:3px }
.cb > div > div { width:12px; height:12px; margin:2px }

/* order.php */
.table { display: grid }
.table .thead { font-weight:bold; text-align:left !important }

.products { grid-template-columns: 70px 390px 60px 60px }
.products > div { padding:6px 4px 2px 4px }
.products > div:nth-child(4n+4) { text-align:right }
.products > div:nth-child(8n+5),
.products > div:nth-child(8n+6),
.products > div:nth-child(8n+7),
.products > div:nth-child(8n+8) {
	background-color:var(--row-alternate-color);
}
.products .qty { width:40px; text-align:right; margin-top:-4px }

#adjustments { grid-template-columns: 460px 60px 60px }
#adjustments > div { padding:2px 4px }
#adjustments > div:nth-child(6n+4),
#adjustments > div:nth-child(6n+5),
#adjustments > div:nth-child(6n+6) {
	background-color:var(--row-alternate-color);
}
#adjustments .txt { width:416px }
#adjustments .adq { width:40px; text-align:right }
#adjustments .aad { width:47px; text-align:right }

#submit { width:578px; text-align:right; padding:25px 0 5px 0 }

/* cart */
.button, .actionButton {
	background-color:#297583; 
	border:1px solid #297583; 
	color: white; 
	line-height:1em;
	font-size: 16px;
	padding:8px 15px;
	cursor:pointer;
}
.button:hover, .actionButton:hover { text-decoration:none; color:white; }

.cartProduct { color:black !important; }
.cartSKU { color:black !important; font-style:italic; font-size:11px; }
#cartProducts { width:100%; border-collapse:collapse; margin-bottom:15px }
#cartProducts thead tr { border-left:2px solid #297583; border-right:2px solid #297583; background-color:#297583 }
#cartProducts thead tr th { padding:5px; color:white; }
#cartProducts thead tr th.center { text-align:center }
#cartProducts tbody tr.lrBorder { border-left:2px solid #297583; border-right:2px solid #297583 }
#cartProducts tbody tr td{ padding:5px; }
#cartForm { padding-top:15px }
#cartForm h3 { margin:10px }

/* some cart/checkout overrides */
#page_cart .field { width:280px }
#page_cart .note { font-style:italic; font-size:15px }
#page_cart .fieldset div label { width: 240px }
#page_cart .fieldset div textarea { width: 96%; max-width:500px }
#page_cart .fieldset > div > div { width:292px } /* side by side fields */

/* address/card opts/info used on checkout1/2 */
#page_cart #acOpts { padding:0 0 10px 35px }
#page_cart #acOpts label { display:block; padding:6px 0; cursor:pointer; text-indent:-27px }
#page_cart #acOpts label div { padding:5px 0 0 25px; font-size:15px; text-indent:0 }

#page_cart #acInfo > div { padding-left:37px }
#page_cart #acInfo > div label { width:200px }
#page_cart #acInfo .note { float:right; width:240px }
#page_cart #acInfo .cvv { width:475px }

@media (max-width: 800px) {
	#page_cart #acInfo .note { float:none; display:block; padding:2px 0 2px 200px }
	#page_cart #acInfo .cvv { width:auto }
}
@media (max-width: 560px) {
	#page_cart #acInfo .note { padding-left:0px; float:none }
	#page_cart .fieldset div label { width:96%; float:none }
	#page_cart .field, #page_cart .fieldset > div > div { width:90% }
}

#bbProducts { width:100%; border-bottom:2px solid #7BC1CE; }
#bbProducts thead tr { border-left:2px solid #866849; border-right:2px solid #866849; background-color:#866849 }
#bbProducts thead tr th { padding:5px; color:white; }
#bbProducts thead tr th.center { text-align:center }
#bbProducts tbody tr.lrBorder { border-left:2px solid #7BC1CE; border-right:2px solid #7BC1CE }
#bbProducts tbody tr td{ padding:5px; }

#page_cart .qty { width:25px; text-align:center }
.topBorder1 { border-top:1px solid #297583 }
.topBorder2 { border-top:2px solid #297583 }
.cartItemEven { background-color:#f0f0f0 }
.cartItemOdd  { background-color:#ffffff }
.shippingOption { padding:3px 0 2px 15px; font-size:12px; font-weight:bold }

.boxHeader { border-left:2px solid #297583; border-right:2px solid #297583; background-color:#297583; padding:7px 10px 5px 10px; color:white; }
.boxContent { border-left:2px solid #297583; border-right:2px solid #297583; border-bottom:2px solid #297583; padding:5px }

.left { float:left; }
.right { float:right }
.clear { clear:both }

.error, .errormsg { background-color:#aa0000; color:white; padding:3px; line-height:1.4em; }
.cartError { font-weight:bold; color:red }
.formTable td { padding:5px }
#formTable td { padding:3px 3px 3px 0 }

.bbWrap    { padding:7px 7px 2px 7px }
.bbCheck   { float:left; width:17px; cursor:pointer }
.bbLabel   { display:inline-block; padding-left:5px; padding-top:1px; cursor:pointer; color:#0071bc }
.bbLearn   { display:inline-block; padding-top:1px }
.bbOptions { display:none; padding:3px 0 5px 22px; }
.bbWrap a { color:#0071bc !important }
.bbWrap a:hover { text-decoration:underline }

.information {
	background-color:#ccFFcc;
	border:2px solid #444444;
	color:#444444;
	padding:5px;
	margin:3px 0;
	font-weight:bold;
}

.addButton {
	background-color:#477B34;
	width:200px;
	height:50px;
	border:none;
	cursor:pointer;
	color:white;
	text-transform:uppercase;
	font-size:20px;
}

#card_grouper { border:1px solid #888; background-color:white; overflow:hidden; width:280px }
#card_grouper g { padding-right:5px }
/* #card_grouper g::after { content: '-' } */