body				{margin: 0px; height: 100vh; font-family: verdana, helvetica; font-size: 16px; line-height: 1.5em}
p.singleCol		{font-size: 18px; font-weight: bold; margin: 0px}
h1				{color: #10368f; font-family: helvetica}
h2				{font-family: helvetica; font-size: 18px; color: #10368f; margin-top: 0px; margin-bottom: 0px}
p.myHeader			{font-size: 14pt; color: #003a6e; font-weight: bold; padding-top: 6px; font-family: helvetica}

img 				{width: 100%; height: auto}

div.wrapper		{display: flex; flex-direction: column; justify-content: center; margin-left: 40px; margin-right: 40px; max-widdth: 1200px}

div.mainHeader		{display: flex; justify-content: space-between; align-items: center}
div.leftPicture		{display: flex}
div.rightPicture	{display: flex}

div.menusWrapper	{display: flex; hdeight: 100px; width: 1d00%; background-color: gray}

div.menuBar		{display: flex; justify-content: left; background-color: #ed570c; width: 100%}
div.links			{display: flex; padding: 10px}

.dropdown			{display: none}

.links a			{text-decoration: none; font-family: helvetica; padding-left: 20px; color: white; font-size: 1.5em; font-weight: bold}

div.mainDiv		{display: flex; justify-content: center}

div.leftDiv		{display: flex; flex-direction: column; min-width: 220px; margin-right: 20px}
div.leftOne		{display: flex; flex-direction: column}
div.leftTwo		{display: flex; flex-direction: column; font-size: 16px}

.leftDiv img		{margin-top: 10px}
.leftTwo ul		{line-height: 1.5em}

div.rightDiv		{display: flex; flex-direction: column}

div.rightHorizontal	{display: flex; justify-content: space-between; gap: 10px; margin-top: 10px; margin-bottom: 10px}
div.rightVertical	{display: flex; flex-direction: column}
div.ncrPadsDesc		{display: flex; flex-direction: column;  justify-content: flex-start}

div.picContainer	{display: flex; flex-direction: column; border: black 1px solid}
 
div.mainPics		{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 10px}

div.mainLink		{display: flex; justify-content: center; background-color: #ed570c; font-size: 1.5em; color: white; font-weight: bold}
.mainLink a		{text-decoration: none; color: white; margin-top: 20px; margin-bottom: 20px}

.rightFour	ul		{line-height: 1.5em}

div.bottomDiv		{display: flex; justify-content: space-around; align-items: center; background-color: black; color: white}
div.bottom1		{display: flex}
div.bottom2		{display: flex}
div.bottom3		{display: flex}

.bottomDiv img 		{margin: 6px}

/*  ********************************NCR PADS ******************************************** */
/*  ************************************************************************************* */
/*  ************************************************************************************* */

table				{background-color:white; font-size:12pt}
.boldText			{font-weight: bold}
tbody.middle		{vertical-align: middle; text-align: center}

ul				{padding: 20px; margin: 0px}

.darkBlue			{color: white; background-color: #003a6e}

.productHeader		{font-size: 12pt; color: #003a6e; font-weight: bold; margin: 0px; padding: 0px}

.productSpan		{font-size: 12pt; font-weight: bold; padding-left: 6px}

.productDivInner h1	{font-size: 16pt; display: inline}

/*  ============================================================================================= */
/*  ======================================= MAIN DIVS =========================================== */

div.leftFlex		{display: flex; justify-content: center}
div.rightFlex		{display: flex; justify-content:center; flex: 1}

/*  ============================ SELECTION TABLE =========================== */

table				{min-height: 300px; border: black 1px solid; font-family: arial; width: auto; min-width: 100%; height: auto; 
				background-color: rgb(255,203,112); ccolor: white}

td				{text-align: left; font-size: 17px; padding-left: 10px; border-bottom: white 1px solid}

.top1,.top2		{width: 88%; color: white; background-color: #ed570c; font-weight: bold; font-size: 14pt; height: 1px}

td.price			{cursor: pointer; background-color: #ed570c; border-left: black 1px solid; color: white; font-weight: bold; font-size: 11pt}
td.free			{font-weight: bold; font-size: 9pt; background-color: #99CCFF; border-left: black 1px solid; text-align: center}
td.extras			{background-color: #003a6e; font-size: 13pt; color: white}

/*  ============================ SUMMARY TABLE ================================ */

div.summaryWrapper	{display: flex; flex-direction: column; width: 100%; align-items: stretch; background-color: #E0E0E0}

div.summaryTop	 	{display: flex; justify-content: center; font-size: 14px; color: white; padding-left: 4px; background-color: #003a6e}
div.summaryMiddle	{display: flex; justify-content: space-around}
div.summaryBottom	{flex-wrap: wrap; display: flex; height: 100%; justify-content: space-around; align-items: center; color: white; background-color: #003a6e}

.summaryWrapper p	{margin: 6px}

div.summaryLeft 	{display: flex; flex-direction: column}
div.summaryRight 	{display: flex; flex-direction: column; font-weight: bold}

div.theTotal		{display: flex; flex-direction: column; width: auto}
.theTotal p		{font-size: 24px; font-weight: bold}

div.fileUpload		{display: flex; flex-direction: column; justify-content: flex-end}
div.orderButton		{display: flex; flex-direction: column; width: auto}

/*  ********************************** QUOTATION **************************************** */
/*  ************************************************************************************* */
/*  ************************************************************************************* */

td.headline		{background-color: #003a6e; color: white; height: 30px; font-weight: bold; font-size: 12pt}
td.setWidth		{width: 15%}
td.antiSpam		{font-weight: bold}