body {
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	background-color: #ffffff;
	margin: auto;
	width: 960px;
}

.hidden {
	display: none;
}

header {
	background-image: url(../images/banner.png);
	background-repeat: no-repeat;
	background-size: 960px;
	width: 100%;
	height: 100px;
	margin-top:	10px;
	background-position: center center;
}

nav {
	width: 100%;
	height: 36px;
	margin: auto;
	margin-top: 10px;
	z-index: 99;
	position: relative;
}

.navbar {
	height: 36px;
   padding: 0;
	margin: 0;
	position: absolute;
	}
	
.navbar li 	{
	height: auto;
	line-height: 36px; /* This aligns the text vertically within each menu item box */
	width: 192px;  /* This sets the width of each menu item */
	float: left;  /* This lines up the menu items horizontally */
	text-align: center;  /* All text is placed in the center of the box */
	list-style: none;  /* Removes the default styling (bullets) for the list */
	font-size: 14px;  
	font-weight: bold;
	padding: 0;
	margin: 0;
	background-color: #000000;
   }
   
.navbar a {
	border-left: 1px solid #ffffff; /* Creates a border on the left side of each menu item box */
	border-right: 1px solid #ffffff; /* Creates a border on the left side of each menu item box */
	text-decoration: none;  /* Removes the default hyperlink styling. */
	color: white; /* Sets text color within each menu item box */
	display: block;
	}
	
.navbar li ul {
	display: none;  /* Hides the drop-down menu */
	height: auto;
	margin: 0; /* Aligns drop-down box underneath the menu item */
	padding: 0; /* Aligns drop-down box underneath the menu item */
	}
	
.navbar li ul li {
	height: 72px; /* adds some height to each menu item in the drop-down box to make them easier to click on mobile */
	line-height: 72px; /* adds some height to each menu item in the drop-down box to make them easier to click on mobile */
}

.navbar li:hover ul {
	display: block; /* Displays the drop-down box when the menu item is hovered over */
	}
	
#fb {
	width: 100%;
	text-align: right;
	padding-top: 10px;
	padding-bottom: 10px;
}

article.default {
	background: #ffffff;
	float: left;
	box-sizing: border-box;
	width: 56%;
	font-size: 14px;
	padding: 10px;
}

article.product-page {
	background: #ffffff;
	float: left;
	box-sizing: border-box;
	width: 44%;
	font-size: 14px;
	border-left: 1px solid #000000;
	padding: 10px;
}

aside.default {
	background: #ffffff;
	float: left;
	box-sizing: border-box;
	width: 44%;
	border-left: 1px solid #000000;
	font-size: 14px;
	padding: 10px;
}

aside.product-page {
	background: #ffffff;
	float: left;
	box-sizing: border-box;
	width: 56%;
	font-size: 14px;
	padding: 10px;
}

blockquote {
    margin: 0;
}

blockquote p {
    padding: 10px;
    background: #F5F5F5;
}

blockquote ::before {
    content: '\201C';
    font-size: 48px;
}

#products {
	text-align: center;
	clear: both;
	padding: 15px;
}

#classic {
	display: inline-block;
	width: 300px;
	font-size: 14px;
}

#a1 {
	display: inline-block;
	width: 300px;
	font-size: 14px;
}

#pmr {
	display: inline-block;
	width: 300px;
	font-size: 14px;
}

footer {
	background: black;
	height: 36px;
	line-height: 36px;
	margin-bottom: 10px;
	text-align: center;
	clear: both;
}

#images {
	text-align: center;
}

#checkout {
  clear: both;
  text-align: center;
  margin: auto;
  padding-top: 20px;
}

img {
	margin-left: 2px;
	margin-right: 2px;
	border: 0px;
}

p.footer {
	font-size: 10px;
	color: white;
}

u.red {
	text-decoration-color: #ff0000;
}

u.blue {
	text-decoration-color: #0000ff;
}

u.green {
	text-decoration-color: #008000;
}	

u.yellow {
	text-decoration-color: #ffff00;
}

u.pink {
	text-decoration-color: #ff1493;
}

u.white {
	text-decoration-color: #ffffff;
}

hr {
	width:50%;
}

h2 {
	text-align: center;
	font-size: 20px;
}

a:hover {
	color: #1AB589;
}

table {
    margin: 0 auto;
}

#faq-accordion input {
	position: absolute;
	opacity: 0;
	z-index: -1;
}

.faq {
	color: #ffffff;
	margin-bottom: 10px;
}

.faq-label {
	font-size: 14px;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1em;
	background: #000000;
	font-weight: bold;
	cursor: pointer;
	user-select: none;
}

.faq-label::after {
	content: '\002B';
	padding: 0.51rem;
	transform: scale(1.8);
	text-align: center;
}

.faq-content {
	font-size: 14px;
	max-height: 0;
	padding: 0 1em;
	color: #000000;
	background: white;
	display: none;
}

input:checked + .faq-label {
	background: #1AB589;
}

input:checked + .faq-label::after {
	content: '\2013';
	transform: scale(1.5);
}

input:checked ~ .faq-content {
	max-height: 100vh;
	padding: 1em;
	display: block;
}