body {
	background: #111;
	font-family: Inter, Helvetica, Arial, Roboto, sans-serif;
	font-size: 16px;
	line-height: 1.5;
	padding: 0;
	margin: 0;
}

	a {
		text-decoration: none;
		/*color: #BBBBBB;*/
		color: #669AFF;
		outline: none;
		transition: 0.1s;
	}
	
	a:hover {
		/*color: #FFFFFF;*/
		color: #4166B5;
	}
	
	a.gray {
		color: #666666;
	}
	
	a.gray:hover {
		color: #AAAAAA;
	}
	
	div#outercontainer {
		/*background: url('../images/backgroundart_small2.png') no-repeat center -50px #191919;
		background: url('../images/test/header.png') no-repeat top center #191919;*/
		background: #191919;
		border-bottom: 1px solid #0B0B0B;
	}

	div#logocontainer {
		background: url('../images/header.jpg') no-repeat top center / cover;
		height: 200px;
		/*background: url('../images/backgroundart_small2.png') no-repeat center -85px;
		height: 325px;*/
	}
	
	div#logo {
		margin: 0px auto; 
		width: 980px; 
		text-align: center;
	}
	
	div#logo img {
		margin: 5px 0 0 0;
		height: 165px;
	}
	
	/**************************
	** Menu
	**************************/

	div#menucontainer {
		background: linear-gradient(to bottom, RGBA(60, 60, 60, 0.4), RGBA(0, 0, 0, 0)), url('../images/menubg.png') repeat-x;
		border-top: 1px solid #0B0B0B;
		box-shadow: 0 1px 1px 0 #111111;
	}
	
	div#menu {
		height: 50px;
		width: 980px;
		margin: 0px auto;
	}
	
	div#menu a {
		display: inline-block;
		width: 163px;
		padding: 17px 0 0 0;
		height: 33px;
		color: #999999;
		text-align: center;
		font-family: 'quattrocento', 'open sans', verdana, arial, 'dejavu sans', 'bitstream vera';
		font-size: 16px;
		font-weight: bold;
		text-shadow: -1px -1px #000000;
		outline: none;
		transition: 0.2s;
	}
	
	div#menu a:first-child {
		border-left: 0;
		border-radius: 6px 0 0 6px;
	}
	
	div#menu a:last-child {
		border-right: 0;
		border-radius: 0 6px 6px 0;
	}
	
	div#menu a:hover {
		color: #FFFFFF;
		text-shadow: 0;
	}
	
	div#menu a.selected {
		color: #FFA500;
	}
	
	/**************************
	** Content
	**************************/
	div#contentcontainer {
		width: 980px;
		margin: 0 auto;
		padding: 40px 0;
	}
	
	div#content {
		padding: 0 5px;
		color: #999999;
	}

	/**************************
	** Footer
	**************************/
	div#footer {
		width: 970px;
		margin: 20px auto;
		font-size: 12px;
		color: #828282;
	}
	
	div#footerright {
		float: right;
	}
	
	div#footer a {
		color: #555555;
	}
	
	div#footer a:hover {
		color: #BBBBBB;
	}
	
	/********************************
	** Tables
	********************************/
	table {
		width: 100%;
	}
	
	table td, table th {
		color: #999999;
	}
	
	table.dtable {
		width: 100%;
		border-spacing: 0;
	}
	
	table.dtable th {
		background: #242424;
		height: 20px;
		padding: 15px 0 15px 15px;
		text-align: left;
		text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
	}

	table.dtable td {
		background: #1D1D1D;
		padding: 15px;
	}
	
	table.dtable tr:nth-child(even) td {
		background: #1F1F1F;
	}
	
	table.form td {
		padding: 7px;
	}
	
	/********************************
	** Misc elements
	********************************/
	.onlymobile {
		display: none;
	}
	
	.rightfloater {
		float: right;
	}
	
	div.outerbox {
		border: 1px solid #111111;
	}

	div.slim {
		max-width: 600px;
		margin: 0 auto;
	}
	
	div.innerbox {
		background: #1D1D1D;
		border: 1px solid #242424;
		padding: 10px;
	}
	
	div.innerbox.error {
		color: #F26C4F;
	}
	
	div.innerbox.error a {
		color: #FC7659;
	}
	
	div.innerbox.error a:hover {
		color: #F26C4F;
	}
	
	h1, h2, h3 {
		font-family: Quattrocento, "Times New Roman", sans-serif;
		font-weight: normal;
		margin: 0;
		padding: 0;
	}
	
	.gray {
		color: #777777;
	}
	
	div.titlearea {
		height: 30px;
		line-height: 30px;
		margin-bottom: 20px;
	}
	
	div.graph-tooltip {
		background: #222222;
		box-shadow: 0 0 6px -3px #000000;
		padding: 5px;
		font-size: 12px;
		color: #CCCCCC;
	}

	hr {
		border: 0;
		height: 1px;
		background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.5), rgba(0, 0, 0, 0));
		margin: 20px 40px;
	}

	/********************************
	** Paging system
	********************************/
	div.pager {
		float: right;
	}
	
	div.pager a {
		display: block;
		float: left;
		padding: 3px 6px;
		background: #1E1E1E;
		border: 1px solid #111111;
		margin-right: 5px;
		padding: 5px 9px;
		color: #BBBBBB;
		/*border-radius: 3px;*/
	}
	
	div.pager a:last-child {
		margin-right: 0;
	}
	
	div.pager a:hover {
		background: #222222;
	}
	
	div.pager a.active {
		background: linear-gradient(to bottom, #0b386d, #052347);
		color: #FFFFFF;
	}
	
	/********************************
	** Input elements
	********************************/
	form {
		margin: 0;
	}
	
	input.text, select, textarea {
		background: RGBA(0, 0, 0, 0.1);
		border: 1px solid #111111;
		padding: 8px 6px;
		color: #888888;
		font-family: Inter, Helvetica, Arial, Roboto, sans-serif;
		font-size: 16px;
		margin: 0;
		border-radius: 3px;
	}
	
	td input.text, td select, td textarea {
		background: RGBA(0, 0, 0, 0.2);
	}
	
	select {
		display: inline-block;
	}
	
	button {
		background: url('../images/th2.png') repeat-x 0 0;
		border: 1px solid #111111;
		padding: 3px 7px;
		color: #AAAAAA;
		text-shadow: -1px -1px #000000;
		cursor: pointer;
		margin: 0;
		border-radius: 3px;
	}
	
	button:hover {
		background: url('../images/th2.png') repeat-x 0 -10px;
	}
	
	input.button, div.bluebutton {
		background: linear-gradient(to bottom, #0b386d, #052347);
		border: 1px solid #111122;
		padding: 10px;
		color: #DDDDDD;
		cursor: pointer;
		margin: 0;
		vertical-align: top;
		border-radius: 3px;
		transition: 0.2s;
	}
	
	input.button:hover, div.bluebutton:hover {
		color: #FFFFFF;
		text-shadow: 0 0 2px #999999;
	}
	
	div.bluebutton {
		padding: 6px 15px;
	}
	
	div.largebutton {
		background: RGB(5, 35, 75);
		margin: 0 auto;
		padding: 10px 0;
		height: 30px;
		font-size: 22px;
		color: #DDDDDD;
		text-align: center;
	}
	
	div.sectionform {
		margin-bottom: 15px;
	}
	
	div.sectionform div.innerbox {
		padding-bottom: 5px;
	}
	
	div.sectionform input, div.sectionform select {
		margin: 0 5px 5px 0;
	}
	
/* Mobile */
@media only screen and (max-width: 980px) {
	div.titlearea {
		height: auto;
		line-height: auto;
	}
	
	div.titlearea h1 {
		margin: 15px 0;
	}
	
	.rightfloater {
		float: none;
		margin: 0 0 10px 0;
	}

	.hidemobile {
		display: none !important;
	}
	
	.onlymobile {
		display: block;
	}
	
	table td, table th {
		width: auto !important;
	}

	body {
		font-size: 14px;
	}
	div#contentcontainer {
		width: 100%;
	}
	
	div#footer {
		box-sizing: border-box;
		width: 100%;
		padding: 0 10px;
	}
	
	div#footerright {
		float: none;
	}
	
	div.outerbox {
		box-sizing: border-box;
		width: 100% !important;
		float: none !important;
		margin: 0 0 10px 0 !important;
	}
	
	div.innerbox {
		box-sizing: border-box;
		width: 100% !important;
	}
	
	div.negativemargin {
		margin: 0 !important;
	}
	
	div#frontnewsarea {
		width: 100% !important;
	}
	
	div#frontsidearea {
		/*float: none !important;
		width: 100% !important;*/
		display: none;
	}
	
	div#map-container {
		width: 100%;
	}
	
	div#map-container > img {
		max-width: 100%;
		box-shadow: none;
	}
	
	div#map-pointslist {
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}
	
	/*div.map-circle {
		display: none;
	}*/

	div#manualpart img {
		max-width: 80%;
	}
	
	div#accounttabs > div {
		box-sizing: border-box;
		width: 100%;
	}
	
	div.forumpostarea {
		box-sizing: border-box;
		width: 100% !important;
		overflow: hidden;
	}
	
	div.pager {
		float: none;
		margin: 10px 0 !important;
	}
	
	div.pager > a, div.pager > div {
		float: none !important;
		display: inline-block !important;
	}
	
	div.sectionform input, div.sectionform select {
		width: 100%;
	}
}

/* Flash */
.flash-sale-bar {
	background: #000;
	color: #fff;
	padding: 10px;
}

.flash-sale-box {
	background: #000;
	color: #fff;
	padding: 40px;
	margin-bottom: 20px;
}

.flash-sale-container {
	font-family: Inter, Helvetica, Arial, Roboto, sans-serif;
	font-size: 22px;
	overflow: hidden;
	max-width: 970px;
	margin: 5px auto 10px auto;
}

@media(min-device-width: 768px) {
	.flash-sale-container {
		font-size: 32px;
	}
}

.flash-sale-container a {
	color: #fff;
	text-decoration: none;
}

.flash-sale-fineprint {
	font-size: 16px;
	margin-top: 10px;
}

.flash-sale-gifts {
	display: block;
	margin: 10px 0;
	font-size: 16px;
}

.flash-sale-gifts img {
	vertical-align: middle;
	padding-right: 10px;
}

.store-promo {
	background: #111;
	padding: 30px 60px;
	text-align: center;
}

.store-promo h1, .store-promo h2 {
	font-weight: bold;
}

.store-promo img {
	margin: 10px auto -20px auto;
}

.store-promo p {
	margin: 0;
}

.store-promo a {
	color: #fff;
}

.store-promo a:hover {
	color: #ffa500;
}

@media(min-width: 600px) {
	.store-promo h1 {
		font-size: 42px;
	}

	.store-promo h2 {
		font-size: 24px;
	}
}

.header-ticker {
	background: rgba(0, 0, 0, 0.5);
	color: rgba(255, 255, 255, 0.7);
	border-bottom: 2px solid rgba(0, 0, 0, 0.5);
	height: 32px;
	font-family: "Inter", system-ui, -apple-system, Helvetica, Arial, Roboto, sans-serif;
	font-size: 13px;
	line-height: 1;
	box-sizing: border-box;
}

.header-ticker .content {
	height: 32px;
	max-width: 980px;
	margin: 0 auto;
	display: flex;
	padding: 0 20px;
}

.header-ticker .content > div {
	display: flex;
	align-items: center;
}

.header-ticker-links {
	flex: 1 0 auto;
}

.header-ticker-links > * {
	padding-right: 10px;
}

.header-ticker a {
	color: rgba(255, 255, 255, 0.7);
	text-decoration: none;
}

.header-ticker a:hover {
	color: rgba(255, 255, 255, 0.9);
}

.header-ticker a.highlight {
	color: #FFA500;
}

.header-ticker a.highlight:hover {
	color: #fff;
}

img.header-ticker-icon {
	width: 20px;
	height: 20px;
}

@media(max-width: 700px) {
	.header-ticker-secondary {
		display: none;
		visibility: hidden;
	}
}

.news-ticker {
	font-family: "Inter", Helvetica, Arial, Roboto, sans-serif;
	font-size: 16px;
	line-height: 1.2;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	text-align: center;
	padding: 0 20px;
}

.landing .news-ticker {
	padding: 15px 0 0 0;
}

.news-ticker a {
	color: rgba(255, 255, 255, 0.7) !important;
}

.news-ticker a:hover {
	color: #fff !important;
}

.news-ticker img {
	width: 24px;
	height: 24px;
	margin-right: 5px;
	vertical-align: middle;
	margin-bottom: 5px;
}

header#main {
	background: rgba(0,0,0,0.2) url('../images/s3.jpg') 50% 60% no-repeat;
	background-position: center;
	background-size: cover;
	background-blend-mode: multiply;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
	z-index: 999;
	position: relative;
}

nav {
	display: flex;
	flex-direction: column;
}

nav img {
	display: block;
	width: 180px;
	margin: 10px auto 10px auto;
}

@media(min-width: 800px) {
	nav img {
		width: 350px !important;
	}
}

nav .links {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	margin-left: -10px;
}

nav .links a {
	color: #c3c3c3;
	font-family: Quattrocento, serif;
	font-size: 16px;
	font-weight: 600;
	text-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
	text-decoration: none;
	text-transform: uppercase;
	line-height: 1;
	letter-spacing: 1px;
	padding: 10px 10px 20px 20px;

	opacity: 0.8;
}

nav .links a:hover {
	color: #fff;
	text-shadow: 0 1px 4px rgba(255, 215, 0, 0.4);
	opacity: 1;
}

.link-grid {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
}

.link-grid > a {
	flex: 1 0 auto;
	max-width: 310px;
	padding: 5px;
}

.link-grid-box {
	color: rgba(255, 255, 255, 0.8);
}

ul.icon-links {
	padding: 0;
}

.icon-links li {
	list-style: none;
	padding: 0;
	margin: 13px 0;
}

.icon-links img {
	vertical-align: middle;
	padding-right: 10px;
}

.content-splash {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, 0.5);
	border: 1px solid rgba(0, 0, 0, 0.8);
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
	padding: 8px 16px;
}

a.content-splash-a:hover .content-splash {
	background: black;
	color: rgba(255, 255, 255, 0.8);
}

.content-splash img {
	vertical-align: sub;
	padding-right: 10px;
}

a.content-splash-a {
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
}

.seasonal-end-splash {
	background: url("../images/s3.jpg") no-repeat 50% 60%;
	background-size: cover;
	text-align: center;
	padding: 20px 0;
	text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
	font-size: 18px;
}

.seasonal-end-splash a {
	color: #fff;
	font-weight: 600;
}

.seasonal-splash {
	background: url("../images/s2.jpg") no-repeat 50% 50%;
	background-size: cover;
	height: 220px;
	min-height: 220px;
	text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
	font-size: 18px;
	line-height: 1.3;
}

.seasonal-splash * {
	box-sizing: border-box;
}

.seasonal-splash span {
	display: block;
	font-family: Quattrocento, "Times New Roman", sans-serif;
	font-size: 36px;
	font-weight: bold;
	color: #eeb300;
}

@media(min-width: 800px) {
	.seasonal-splash {
		height: 300px;
	}

	.seasonal-splash span {
		font-size: 48px;
	}
}

.seasonal-splash > a:first-child {
	display: block;
	height: 100%;
	color: white !important;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent 70%);
}

.seasonal-splash .content {
	text-align: center;
	padding: 20px 20px 30px 20px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-content: center;
}

.seasonal-splash img {
	display: block;
	margin: 0 auto;
}

.seasonal-splash button {
	display: block;
	margin: 15px auto 0 auto;
	padding: 12px 20px;
	font-size: 18px;
	font-weight: 500;
	color: #fff;
	text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
	background: linear-gradient(to bottom, #6db317, #5e8b11);
	border: 0;
	border-radius: 6px;
	width: 200px;
}

table.event-calendar {
	border-collapse: collapse;
}

.event-calendar h3 {
	font-family: Inter, Helvetica, Arial, Roboto, sans-serif;
	font-weight: 600;
	margin-bottom: 10px;
}

.event-calendar .event:not(.event-current) {
	opacity: 0.7;
}

.event-complete {
	opacity: 0.5;
}