<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">table td, th {    
    border: 1px solid #ddd;
    text-align:center;
	color:#504949;
    text-decoration:none;
    padding: 15px;
    font-family: 'Montserrat', sans-serif;
	font-size:13px;
	}
table {
    border-collapse: collapse;
    width: 100%;
}
th{
	background-color:#2d3738;
	color:#fff;
	}
tr:nth-child(odd){background-color: #f2f2f2}
table#shipTable td{
text-align:right;
color:#2d3738;
font-size:13px;
font-weight:bold;	
}
table.custChoice tr{
background-color:#2d3738;
	color:#fff;
}
table.custChoice td{
color:#fff;	
text-align:left;
}
table.customerTable td{
border:none;
text-align:left;
}
table.customerTable tr{
border: 1px solid #ddd;
}
table.chooseCust tr{
background-color:#2d3738;
color:#fff;
}
table.chooseCust td{
color:#fff;	
text-align:left;
}
table.termsTable td,tr{
text-align:left;
background-color:#FFF;	
}
table#shippingBox select{
width:38%;	
}
@media only screen
	and (min-device-width : 320px)
	and (max-device-width : 700px) {
td{
	display:block;
}
table#summaryTable th{
	display:none;
}
table#summaryTable td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left: 50%; 
		}
		table#summaryTable td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
		}
		 table#summaryTable td:nth-of-type(1):before { content: "Product Name"; }
		table#summaryTable td:nth-of-type(2):before { content: "Product Image"; }
		table#summaryTable td:nth-of-type(3):before { content: "Strength"; }
		table#summaryTable td:nth-of-type(4):before { content: "Quantity"; }
		table#summaryTable td:nth-of-type(5):before { content: "Price"; }	
		}
</pre></body></html>