body { font-family: 'Ledger', serif; font-size: 12px; color:black; background-color:white; margin:0; padding:0; counter-reset: my-sec-counter;}

table { border-collapse:collapse; }
image { border: 0px; } 

h1, h2, h3, h4, h5, dl, dt, dd, ul, li, ol, th, td, p, blockquote, form, fieldset, legend, div,body { -webkit-print-color-adjust:exact; }
div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a { margin:0; padding:0; }
ul { list-style:none; }
.spacer { font-size:0; line-height:0; clear:both; }
.space { margin: 4px; }
h3 { padding:5px; }

.loginForm { width:600px; margin-left: auto; margin-right: auto; }
.mainContent { width:98%; margin-left: 20px; margin-right: auto; }
.header { /*width:1250px;*/width:98%; margin-left: 20px; margin-right: auto; }
#footer { width:98%; height:100px; margin-top: 10px; margin-left: 20px; margin-right: auto; }
.checkoutEve { width:99%; margin-left: 5px; }






.page-footer, .page-footer-space {
  height: 25px;

}

.page-footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  /*border-top: 1px solid black; /* for demo */
   /* for demo */
}


.page {page-break-after:always;}
@page {
 margin: 8mm;
}
/*
@page {color: red;
  margin: 2mm;
  @top-center { content: "This page is intentionally left blank" }	

  @bottom-center {
    content: "Page " counter(page);
  }
}

@bottom-right-corner { content: "Page " counter(page); } }
*/


#content {
    display: table;
}

#pageFooter {
    display: table-footer-group;
}

#pageFooter:after {
    counter-increment: my-sec-counter;
    content: counter(my-sec-counter);
}



@media print {
   thead {display: table-header-group;} 
   tfoot {display: table-footer-group;}
   
   button {display: none;}
   
   body {margin: 0;}

   
}




#nav { top:0;left:0; z-index:9999 position: fixed; };

.price {font-weight: bold; FONT-SIZE: 12px; COLOR: #F2770f; FONT-FAMILY: Verdana; LETTER-SPACING: 0px}

.black {color:black;};
.green {color:#627D13;};
.white {color:white;};9/9/2019
.greens {color:#519E34;};
.orange {color:#F2770F;};
.myblue {color:#2979f1;};
.deepgreen {color:#4f6128;};
.ngreen {color:#76923c;};
.mydeeppurple {color:#44079f;};
.mypurple {color:#7561aa;};
.mypurple {color:#7561aa;};
.mypink {color:#d50b8c;};
.myred {color:c0504d;};
.mydarkred {color:ce0000;};
.purple {color:darkviolet;};
.gray {color:#9b9b9b;};
.bold { font-weight:bold;};
.pink { color:#FE4480; };
.oranges { color:#E88826; };


.special { font-family: 'Rancho', cursive; }
.special2 { font-family: 'Aclonica', sans-serif; }

.linedot { border-top: 1px dashed rgb(0, 0, 0); margin: 5px 0pt; width: 100%; }

.basic { color:black; font-size:10pt; line-height: 140%; border:0; border:#e5e5e5 1px solid; height:10px; padding:3px; }
.big-input { color:black; font-size:30px; line-height: 140%; border:0; border:#e5e5e5 1px solid; height:61px; background-color:ivory; padding:5px; border-radius: 5px; }

.big-submit {
	border: 1px solid #3079ED;
	color: white;
	font-weight: bold;
	text-shadow: 0 1px rgba(0, 0, 0, 0.1);
	background-color: #4D90FE;
	min-width: 100px;
	height: 30px;
	text-align: center;
	border-radius: 5px;
	padding: 0 10px;
	display: inline-block;
	-webkit-user-select: none;
	background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
	cursor: default;
}

.borderGray {
    border-left:1px solid #000000;
    border-right:1px solid #000000;
}

.borderRightGray {
	border-right:1px solid #000000;
}

.borderLeftGray {
	border-left:1px solid #000000;
}

.button {
	font-size:30px;
	color:#000;
	text-decoration:none;
	display:block;
	min-width:200px;
	padding:10px;
	border:1px solid #3278BE;
	text-align:center;

	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;

	background:#4D95DD;
}

.button:hover {
	color:#fff;
	border-color:#3278BE;
	background:#4195DD;
}

.button:active {
	background:#0778c7;
}


.textAlert {
	width: 100%;
	height: 30px;
	color: #ce0000;
	font-size: 20px;
	text-align: center;
	background-color: #eeeeee;
	border: 1px solid black;
	margin-top: 2px;
	margin-bottom: 2px;
}


.defaultTable tr { border:1px solid #868383; text-align:center; font-size:15px; height: 30px; padding: 2px;}
.defaultTable th { background-color: #bfbfbf; color:white; padding: 2px; }
.defaultTable td { padding: 5px; } 
.defaultTable tr:hover td { background-color: #ebf1df; } 

.grayTable tr { border:1px solid black; text-align:center; height: 15px; padding: 5px;}
.grayTable th { background-color: #999999; color:black; font-size:13px; padding: 2px; }
.grayTable td { font-size:12px; } 
.grayTable tr:hover td { background-color: #eeeeee; } 

.orderTable tr { border:1px solid black; text-align:center; height: 15px; padding: 5px;}
.orderTable th { background-color: #bfbfbf; color:black; font-size:13px; padding: 2px; }
.orderTable td { font-size:11px; padding: 4px; } 
.orderTable tr:hover td { background-color: #eeeeee; } 


.orderTable1 tr { border:1px solid black; text-align:center; height: 15px; padding: 5px;}
.orderTable1 th { background-color: #bfbfbf; color:black; font-size:13px; padding: 2px; }
.orderTable1 td { font-size:18px; padding: 4px; } 
.orderTable1 tr:hover td { background-color: #eeeeee; } 


.formTable tr { border:1px solid black; text-align:center; height: 12px; padding: 3px;}
.formTable th { background-color: #aaaaaa; color:black; font-size:12px; padding: 3px; }
.formTable td { font-size:12px; padding: 4px; } 

.pointTable td { background-color: orange; color:black; padding: 2px; }


.centerbox {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -250px;
	margin-left: -400px;
	border:3px dashed #d7176d; 
	width: 800px;
	height: 500px;
	background-color: white;
	word-wrap:break-word;
	padding: 20px;
	opacity:0.9;
	overflow: auto;
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);  
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); 
}


/*= New White and Green Button Styles ===========================================================*/
.button-white, .button-white-disabled:hover { 
  width: 100px;
  border: 1px solid #ccc;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -ms-box-shadow: 1px 1px 2px #DFDFDF;
  -o-box-shadow: 1px 1px 2px #DFDFDF;
  -webkit-box-shadow: 1px 1px 2px #DFDFDF;
  -moz-box-shadow: 1px 1px 2px #DFDFDF;
  box-shadow: 1px 1px 2px #DFDFDF;
  color: #78a300;
  display: block;
  height: 18px;
  margin-left: -4px;
  margin-right: 4px;
  margin-top: -3px;
  padding: 8px 10px 0;
  overflow: hidden;
  position: relative;
  background: #fff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd');
  background-image: linear-gradient(bottom, #f2f2f2 39%, white 70%, white 85%);
  background-image: -o-linear-gradient(bottom, #f2f2f2 39%, white 70%, white 85%);
  background-image: -moz-linear-gradient(bottom, #f2f2f2 39%, white 70%, white 85%);
  background-image: -webkit-linear-gradient(bottom, #f2f2f2 39%, white 70%, white 85%);
  background-image: -ms-linear-gradient(bottom, #f2f2f2 39%, white 70%, white 85%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.39, #f2f2f2), color-stop(0.7, white), color-stop(0.85, white));
  font-size: 13px;
  vertical-align: text-bottom;
  text-transform: uppercase; 
}

.button-white:hover, .button-white-disabled:hover {
  background: #efefef;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#ffffff');
  background-image: linear-gradient(top, #f2f2f2 39%, white 70%, white 85%);
  background-image: -o-linear-gradient(top, #f2f2f2 39%, white 70%, white 85%);
  background-image: -moz-linear-gradient(top, #f2f2f2 39%, white 70%, white 85%);
  background-image: -webkit-linear-gradient(top, #f2f2f2 39%, white 70%, white 85%);
  background-image: -ms-linear-gradient(top, #f2f2f2 39%, white 70%, white 85%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.39, #f2f2f2), color-stop(0.7, white), color-stop(0.85, white));
  color: #78a300; 
}

.button-disabled {
  opacity: .3;
  filter: alpha(opacity=30);
  pointer-events: none; 
}

.border {
	border:1px solid #bbbbbb;
	padding: 10px;
	background-color: #eeeeee;
}

.option {
	margin-top: 2px;
	margin-bottom: 2px;
	border:1px solid #bbbbbb;
	padding: 10px;
	background-color: #eeeeee;
	font-size: 10px;
}

.flash {
	/*border:1px solid black;*/ 
	padding: 7px 10px;
	margin: 0 0 0px 0;
	font-size: 14px;
	color: white; 
}

.flash.notice {
	background-color: #073e02;
}

.flash.notice p {
	padding: 0 0 0 23px;
	margin: 0;
	background: transparent url("/icon/icon_check.png") 0 1px no-repeat; 
}

.flash.alert {
	background-color: #9e3b3b;
}

.flash.alert p {
	padding: 0 0 0 23px;
	margin: 0;
	background: transparent url("/icon/icon_alert.png") 0 0 no-repeat; 
}

.floatingHeader {
	position: fixed;
	top: 0;
	visibility: hidden;
}

.checkOut {
    height: 300px; 
	width: 430px;
    float: left;
    overflow: hidden;
    overflow-y: auto;
}

.scroll-top {
  display: none;
  position: fixed;
  z-index: 9999;
  right: 10px;
  bottom: 0px;
  padding: 8px;
  cursor: pointer; }
.scroll-top:before {
    transition: color .2s;
    content: "\e021";
    font-size: 45px; }

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}