/* [ON BIG SCREEN] */
/* Wrapper */
#page-nav {
	display: table;
	margin: auto;
	background-color: #000;
	position: sticky;
	top: 0;
}

	/* Hide Hamburger */
	#page-nav label, #hamburger {
		display: none;
	}

	/* Menu Items */
	#page-nav ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

		#page-nav ul li {
			display: inline-block;
			padding: 10px;
			box-sizing: border-box;
		}

			#page-nav ul li a {
				color: #fff;
				display: block;
				color: white;
				text-align: center;
				padding: 14px 16px;
				text-decoration: none;
				font-size: 17px;
				border: 2px #80ccb2 solid;
			}

				#page-nav ul li a:hover {
					background-color: #80ccb2;
					font-style: italic;
				}

				#page-nav ul li a:active {
					font-weight: bold;
				}

a.order {
	background-color: red;
}

body {
	color: white;
	background-color: #000000;
	font-size: 12pt;
	font-family: Arial;
}

.colorBlue {
	color: #039bc6;
}

.title {
	font-family: 'Times New Roman';
	font-size: 50pt;
	color: #039bc6;
}

.titleButSmaller {
	font-family: 'Times New Roman';
	font-size: 32pt;
	color: #80ccb2;
}

.subtitle {
	font-family: 'Arial';
	font-size: 20pt;
	color: white;
}

.subtitleHome {
	font-family: 'Times New Roman';
	font-size: 26pt;
	color: white;
	letter-spacing: 1.5px;
}

.subtitleHome2 {
	font-family: 'Times New Roman';
	font-size: 28pt;
	font-style: italic;
	color: #039bc6;
}

.subtitleHomeSmall {
    font-family: 'Times New Roman';
    font-size: 12pt;
    font-style: italic;
    color: white;
}

.orderSubheader {
	font-size: 16pt;
	font-weight: bold;
	color: red;
	margin-top: 10px;
}

.orderSubheaderNoBold {
	font-size: 16pt;
	color: red;
	margin-top: 10px;
}

.orderEdition {
	font-size: 16pt;
	font-weight: bold;
	color: #039bc6;
	margin-top: 10px;
}

.booksubtitle {
	font-size: 14pt;
	font-weight: bold;
	color: white;
}

.colorGray {
	color: #b4b4b4;
}

.sampleImage {
	width: 1008px;
	border: 1px solid white;
	/*height: 571px;*/
}

td.sampleImage {
	border: none;
	padding-bottom: 15px;
}

bold {
	font-weight: bold;
}

td.shippingCostsRegionColumn {
	font-weight: bold;
	font-size: 10pt;
	width: 200px;
}

td.shippingCostsPriceHeader {
	font-weight: bold;
	font-size: 10pt;
	width: 70px;
}

td.shippingCostsPriceColumn {
	width: 85px;
}

.endorsementText,
.endorsementTextHome {
	font-size: 12pt;
	/*font-weight: bold;*/
	font-style: italic;
}

.endorsementText {
	color: white;
}

.endorsementTextHome {
	color: #FCCB87;
}

.endorsementSource,
.endorsementSourceHome {
	font-size: 10pt;
}

.endorsementSource {
	color: white;
}

.endorsementSourceHome {
	color: #FCCB87;
}

.imgThumbnail {
	width: 75px;
	vertical-align: top;
}

a {
	color: #039bc6;
}

	a.menu {
		width: 100px;
		display: block; /* change to inline for horizontal menu */
		margin-left: 10px; /*indents left margin; change for horiz. menu */
		margin-top: 0px; /* change to 1 or 2px for top space between
	buttons*/
		padding: 5px;
		/* padding numbers = top : right : bottom :
	left ; */
		text-decoration: none;
		font-family: arial;
		font-weight: bold;
		text-align: center;
		background-color: black;
		color: white;
		/*font-size: 9pt;*/
		border: 2px #039bc6 solid;
		float: left;
	}

		a.menu:hover {
			background-color: #039bc6;
			color: white;
			font-style: italic;
			float: left;
		}

	a.menuBuyNow {
		width: 100px;
		display: block; /* change to inline for horizontal menu */
		margin-left: 10px; /*indents left margin; change for horiz. menu */
		margin-top: 0px; /* change to 1 or 2px for top space between
	buttons*/
		padding: 5px;
		/* padding numbers = top : right : bottom :
	left ; */
		text-decoration: none;
		font-family: arial;
		font-weight: bold;
		text-align: center;
		background-color: red;
		color: white;
		/*font-size: 10pt;*/
		border: 2px red solid;
		float: left;
	}

		a.menuBuyNow:hover {
			background-color: white;
			color: red;
			border: 2px white solid;
			font-style: italic;
			float: left;
		}

.paypal_btn {
	display: inline-block;
	font-family: inherit;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	padding: 10px 14px;
	margin: 0;
	background: #ffffff;
	border: 0;
	cursor: pointer;
	outline: none;
}

	.paypal_btn:hover {
		background: #dddddd;
	}

.paypal_img {
	display: inline-block;
	font-family: inherit;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	padding: 10px 14px;
	margin: 0;
	background: #ffffff;
	border: 0;
	outline: none;
}


.accordion {
	color: #000000;
	background-color: #444;
	display: block;
	padding-top: 15px;
	padding-bottom: 15px;
}

a.accordion {
	width: 100px;
	display: inline; /* change to inline for horizontal menu */
	padding: 5px;
	text-decoration: underline;
	font-family: arial;
	text-align: center;
	background-color: black;
	color: red;
}

	a.accordion:hover {
		background-color: #039bc6;
		color: white;
		font-style: italic;
	}

.orderAnnouncement {
	color: red;
	font-size: 20px;
}

.orderForm {
	background-color: #444;
	color: #fff;
	width: 60%;
	padding: 10px 5px 10px 5px;
}

.errorBorder {
	border: solid 1px red;
}

.width200px {
	width: 200px;
}

li.center{
    width:300px;
    margin:0 auto;
    text-align:center;
}

/* [ON SMALL SCREENS] */
@media screen and (max-width: 600px) {
	img,
	.sampleImage {
		width: 100%;
		height: auto;
	}

	#page-nav {
		width: 100%;
	}

		/* Show Hamburger */
		#page-nav label {
			display: inline-block;
			color: #fff;
			background: #a02620;
			font-style: normal;
			font-size: 1.2em;
			padding: 10px;
		}

		/* Break down menu items into vertical */
		#page-nav ul li {
			display: block;
		}

		#page-nav ul li {
			border-top: 1px solid #333;
		}

		/* Toggle show/hide menu on checkbox click */
		#page-nav ul {
			display: none;
		}

		#page-nav input:checked ~ ul {
			display: block;
		}
}