/*
 * @license
 * MyFonts Webfont Build ID 3297037, 2016-10-18T04:20:54-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: FuturaBT-Light by Bitstream
 * URL: http://www.myfonts.com/fonts/bitstream/futura/light/
 * 
 * Webfont: FuturaBT-Book by Bitstream
 * URL: http://www.myfonts.com/fonts/bitstream/futura/book/
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3297037
 * Licensed pageviews: 200,000
 * Webfonts copyright: Copyright &#x00A9; 2015 Monotype Imaging Inc. All rights reserved.
 * 
 * © 2016 MyFonts Inc
*/

@font-face {font-family: 'Futura';font-weight: normal;font-style: normal;src: url('/templates/standard/webfonts/324F0D_0_0.eot');src: url('/templates/standard/webfonts/324F0D_0_0.eot?#iefix') format('embedded-opentype'),url('/templates/standard/webfonts/324F0D_0_0.woff2') format('woff2'),url('/templates/standard/webfonts/324F0D_0_0.woff') format('woff'),url('/templates/standard/webfonts/324F0D_0_0.ttf') format('truetype');}

@font-face {font-family: 'Futura';font-weight: bold;font-style: normal;src: url('/templates/standard/webfonts/324F0D_1_0.eot');src: url('/templates/standard/webfonts/324F0D_1_0.eot?#iefix') format('embedded-opentype'),url('/templates/standard/webfonts/324F0D_1_0.woff2') format('woff2'),url('/templates/standard/webfonts/324F0D_1_0.woff') format('woff'),url('/templates/standard/webfonts/324F0D_1_0.ttf') format('truetype');}

@font-face {
	font-family: 'Font Awesome 5 Pro';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url("/templates/standard/webfonts/fa-light-300.eot");
	src: url("/templates/standard/webfonts/fa-light-300.eot?#iefix") format("embedded-opentype"), url("/templates/standard/webfonts/fa-light-300.woff2") format("woff2"), url("/templates/standard/webfonts/fa-light-300.woff") format("woff"), url("/templates/standard/webfonts/fa-light-300.ttf") format("truetype"), url("/templates/standard/webfonts/fa-light-300.svg#fontawesome") format("svg");
}

@font-face {
	font-family: 'Font Awesome 5 Brands';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url("/templates/standard/webfonts/fa-brands-400.eot");
	src: url("/templates/standard/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("/templates/standard/webfonts/fa-brands-400.woff2") format("woff2"), url("/templates/standard/webfonts/fa-brands-400.woff") format("woff"), url("/templates/standard/webfonts/fa-brands-400.ttf") format("truetype"), url("/templates/standard/webfonts/fa-brands-400.svg#fontawesome") format("svg");
}

/* ******************	general	*************** */
body, html {
	font-family: "Calibri", "Verdana";
	font-size: 14px;
	padding: 0;
	margin: 0 0 8px 0;
	background-color: #fff; 
}

a:link, a:visited {color: #780808; text-decoration: none}
a:hover, a:active {color: #C41C22; text-decoration: none}

::selection {background: #F9906F}
::-moz-selection {background: #F9906F}

#top_menu {
	font-family: Verdana, arial, sans-serif;
	font-size: 0.9em;
	color: #F6F6F6;
	cursor: default;
	position: relative;
	z-index: 100;
}
#top_menu [data-fa-icon]::before {content: attr(data-fa-icon); font-family: "Font Awesome 5 Pro"; font-size: 20px; font-weight: normal; margin-right: 0.5em; display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; vertical-align: sub}
#top_menu a, #top_menu p {color: #F6F6F6; text-decoration: none; display: block; padding: 5px 10px 5px 20px}
#top_menu a {cursor: pointer}
#top_menu img {border: 0px none currentColor; vertical-align: middle;padding-right: 5px; height: 24px}
#top_menu p {margin: 0}
/* level 1 */ 
#top_menu ul {display: inline-block; margin: 0px;}
#top_menu ul li {width:200px; display: block; float: left; background: #6A0F0C; border: solid #6A0F0C 1px}
#top_menu > ul > li:hover {background: #780808; opacity: 1}
/* level 2 */ 
#top_menu > ul > li > ul {display: none; margin-left: -1px; padding: 9px 0 0 0; position: absolute; background: #780808; border: solid #780808 1px; border-top-width: 0}
#top_menu > ul > li:hover > ul, #top_menu ul li:active ul {display: block}
#top_menu > ul > li > ul > li {float: none; display: block; border:none; background: #780808}
#top_menu > ul > li > ul > li > a {padding: 10px 10px 10px 20px}
#top_menu > ul > li > ul > li > a:hover{color: #FFF; background: #8F1D21}


article p		{margin: 0.5em 0.6em 0.5em 0.6em}
article ul		{margin-right: 0.6em}
article td.w140	{width: 140px}

figure {
	padding: 7px 0 0 0;
	display: table;
	margin: auto;
	max-width: 100%;
}
figure img {
	display: block;
	max-width: 100%;
	height: auto;
	padding: 0;
}
figure > figcaption {
	caption-side: bottom;
	color: #666;
	display: table-caption;
	font-size: 0.75em;
	font-weight: 600;
	padding: 0 5px 5px;
	text-align: center;
}

footer {
	background: #C41C22;
	color: #fff;
	border: 0 #F3F3F3 solid;
	border-top-width: 2px;
	margin-top: 25px;
	padding: 3px 25px
}
footer a, footer a:link, footer a:visited { 
	border: none;
	color: #fff;
	text-decoration: none;
}
footer a:active, footer a:focus, footer a:hover {
	text-decoration: underline;
}

h1 {
	font-family: Futura;
	font-size: 1.45em;
	margin: 0;
	padding: 0.3em 1em 0.5em 1em;
	color: #666;
}
h2, h3 {
	margin:0;
	padding:0
}
h3 {padding-left:0.3em}

header {
	height: auto;
	color: #000;
	background: #C41C22;
	border: 0 #F3F3F3 solid;
	border-bottom-width: 2px;
	box-shadow: 0 2px 3px 0px #616161
}
.NameAndClaim {
	display: block;
	color: #FFF;
	font-size: 250%;
	font-weight: 800;
	margin-bottom: 15px;
	text-align: right;
}
.NameAndClaim img {
	float:right;
	margin:5px 10px;
}
.NameAndClaim small {
	display: block;
	font-size: 50%;
	top: -25px;
}
header aside {
	display:inline-block;
	position:absolute;
	left: 40%;
	top: 65px;
}
header a:active, h1 a:link, h1 a:hover, h1 a:focus, h1 a:visited {
	text-decoration: none;
	color: #fff;
	background-color:transparent
}

nav {
	float: right;
	right: 20px;	
	text-align:left;
	width: 370px
}
nav a:hover, .HoverHighlight:hover {
	color: #FFF !important;
	background: #C41C22
}
.HoverHighlight {transition: all 0.3s ease-in-out}
nav h2 { 
	color: #333333;
	display: block;
	font-weight: 700;
	margin-top: 10px;
	padding: 18px 10px 5px;
}

section {
	width: 100%;
	max-width: 800px;
	float: left;
	overflow: visible;
	line-height:1.45em;
	text-align:justify
}
section h1, section h2 {
	line-height: initial;
	text-align: center
}
section h2 {
	background: #F3F3F3;
	color: #222222;
	padding: 0.3em 0.4em
}
section p + h2 {margin-top: 1em}

/* summary + details */
details {
	border: 1px solid #F3F3F3;
	padding: 0.5em 0.5em 0;
}
summary {
	font-weight: bold;
	margin: -0.5em -0.5em 0;
	padding: 0.5em;
	cursor: pointer;
}
details[open] {
	padding: 0.5em;
}
details[open] summary {
	border-bottom: 1px solid #aaa;
	margin-bottom: 0.5em;
}

#SupplierHeader {
	background-color: #F3F3F3;
	width: 820px;
	padding-left: 25px;
	margin-left: -20px;
}
#SupplierHeader img {
	display: inline-block;
	margin: 0.5em 3.1em 0.5em 0;
	height: 20px
}
#SupplierHeader img:last-child {
	margin-right: 0;
}

/* ******************	style classes	*************** */
.addbadge::after,.badge {
	background: #444;
	border-radius: 3px;
	color: #fff!important;
	font-size: 12px;
	font-weight: 700;
	padding: 1px 3px;
	margin-left: 5px;
	vertical-align: bottom;
	white-space: nowrap;
}
.i_badge_txt[data-badgetxt]::after {
	content: attr(data-badgetxt)
}
.fa_link_logo {
	background-color: #FF8322;
	border-radius: 3px;
	box-shadow: 0 0 0px #AAA;
	padding: 0px 5px 0px 2px;
	color: #fff!important;
	font-weight: 700;
	text-decoration: none!important;
	transition: all 0.2s ease-in-out;
	white-space: nowrap;
 }
.fa_link_logo::before {
	content: "\f07a";
	display: unset !important;
	font-family: "Font Awesome 5 Pro";
	font-size: 14px;
	font-weight: 400;
	margin-right: 4px;
	text-rendering: auto;
	vertical-align: bottom;
	-webkit-font-smoothing: antialiased;
}
.amazon_link {background-color: #FF8322}
.amazon_link::before {content: "\f270"; font-family: "Font Awesome 5 Brands";}
.mm_link {background-color: #DF0100}

.trans {transition: all 0.3s ease-in-out}
.transSlow {transition: all 0.9s ease-in-out}


/* ******************	container styles	*************** */
#ContentContainer {
	max-width: 800px;
	width: 100%;
	width: calc(100% - 8px);
	margin: auto;
	padding: 0;
	text-align:justify;
	overflow: visible;
	line-height:1.5em;
	text-align:justify;
	background: #FFF;
	border: 4px #F3F3F3 solid;
	border-top: 0;	
	box-shadow: 0 2px 3px 0px #616161;
}
#HeaderContainer {
	max-width: 1260px;
	margin: auto;
}

/* ******************	Formula styles	*************** */
.checkbox_list	{
	font-weight: 600;
	list-style-type: none;
	margin: 0;
	max-width: 400px;
	padding: 0 0.5em;
}
.checkbox_list > li {
	border-top: 1px dotted #CCC;
	margin: 0;
}
.checkbox_list > li > label	{
	display: block;
	padding: 0.2em 0.4em;
}
.clearer {
	clear : both;
	height : 1px;
	font-size : 1px;
}
.frame {
	box-shadow: 0 0 9px 3px #999;
}
.headline {
	border: medium none currentColor;
	margin-top: 0;
	padding-top: 1em;
}
.letsGetStarted {text-align: center}
.letsGetStarted > input {font-size: 110%}
.link_ext::after, p > a[target="_blank"]::after {
	content: '\f08e';
	font-family: "Font Awesome 5 Pro";
	font-size: 0.8em;
	margin: 0 0.1em 0 0.2em;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-weight: normal !important;
	font-style: normal !important;
	margin-left: 4px;
}
.link_list	{
	list-style-type: none;
	padding: 0 0.5em;
	margin: 0;
}
.link_list > li {
	border: 1px dotted #CCC;
	margin: 0.3em;
}
.link_list > li > a	{
	color: #222 !important;
	background: #F3F3F3;
	display: block;
	padding: 0.2em 0.4em;
	text-decoration: none;
}
.link_list > li > a:visited	{
	background: #D4FCC5;
	display: block;
	padding: 0.2em 0.4em;
	text-decoration: none;
}


.link_list_img {
	text-align: justify;
	cursor: pointer
}
.link_list_img > a:nth-child(odd) .menuImgCrop {
	float: left;
	margin-right: 0.5em;
}
.link_list_img > a:nth-child(even) .menuImgCrop {
	float: right;
	margin-left: 0.5em;
}
.link_list_img > a {
	display: inline-table;
	max-width: 100%;
	overflow: hidden;
	text-decoration: none
}
.link_list_img > a:hover {
	background: #F3F3F3
}
.link_list_img > a > span {
	height: 120px;
	overflow: hidden;
	display: block
}
.link_list_img > a::after, .link_list_img > a::before {
	content: "";
	position: relative;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #F3F3F3;
	overflow: hidden;
	display: flow;
}
.link_list_img h3 {
	margin: 0;
	padding: 0.3em;
	display: inline;
	font-family: Futura,Calibri,Verdana;
	font-weight: 700;
	font-size: 1.35em;
	display: block;
	text-align: left
}
.link_list_img p {
	margin: 0;
	padding: 0.3em;
}
.menuImgCrop {
	height: 120px;
	width: 120px;
	overflow: hidden;
	display: flex;
	justify-content: center
}
.menuImgCrop > img {
	height: 120px
}



.prizesRadio {
	max-width: 764px;
	display: inline-table;
}
.prizesRadio > label {
	background-color: #F3F3F3;
	cursor: pointer;
	display: inline-grid;
	margin: 12px;
	font-size: 11.5px;
	font-weight: 600;
	position: relative;
	text-align: center;
}
/*
.prizesRadio > label > a {
	background: url(/_fb-tab/img/info.svg) 0 0 no-repeat #F3F3F3;
	position: absolute;
	background-size: 17px 17px;
	width: 17px;
	height: 17px;
	text-decoration: none !important;
	top: 2px;
	left: 2px;
	padding: 0 2px 2px 0;
	cursor: help;
}
*/
.prizesRadio > label > a {
	background-color: #F3F3F3;
	border-radius: 0;
	position: absolute;
	background-size: 17px 17px;
	width: 17px;
	height: 17px;
	text-decoration: none !important;
	transition: all 0.3s ease-in-out;
	top: 1px;
	left: 1px;
	padding: 1px 2px 3px 1px;
	cursor: help;
}
.prizesRadio > label > a::before {
	color: #333;
	content: "\f05a";
	margin-right: auto;
	transition: all 0.3s ease-in-out;
	font-family: "Font Awesome 5 Pro";
}
.prizesRadio > label > input{
	visibility: hidden;
	position: absolute;
}
.prizesRadio > label > input + img{
	border:2px solid transparent;
	transition: all 0.3s ease-in-out;
}
.prizesRadio > label > input ~ img {opacity: 0.5; height: 160px}
.prizesRadio > label > input:hover ~ img, .prizesRadio > label > input:checked ~ img {opacity: 1}
.prizesRadio > label > input:checked ~ a {background-color: #C41C22}
.prizesRadio > label > input:checked ~ a::before {color: #FFF}
.prizesRadio > label > input:checked + img {border:2px solid #C41C22}


.process_bar {
	margin-top:0px;
	width:0px;
	background-color:#C41C22;
	border:none;
	margin:auto;
	border-radius:4px
}

#ImageUploadForm {
	overflow:hidden;
	margin:25px 0;
	width:525px;
}
#ImageUploadForm input {
	width:300px;
	border:1px solid #CCC;
	border-radius:5px
}
#Categories p, #Recently p {
	display:block;
	padding:10px 10px 10px 25px;
	line-height:1.4;
	text-decoration:none;
	cursor:default;
	margin:0
}
#GaleryOverview {
	display:inline-block;
	position:relative;
	margin: 0 5px;
	padding:0;
	text-align:center;
}
#GaleryOverview li {
	display: inline-block;
	padding: 0 3px;
}
#ParticipateForm input[type="radio"] {vertical-align: text-top}
#ParticipateForm input[type="submit"] {
	margin: 1em auto;
	display: block;
	font-size: larger;
}
#ParticipateForm input[type=text], #ParticipateForm input[type=email], #ParticipateForm input[type=password], #ParticipateForm textarea, #ParticipateForm select {
	border: 1px solid #aaa;
	box-sizing: border-box;
	margin: 0.5em 0.6em 0.5em 0.6em;
	outline: none;
	padding: 3px;
	transition: 0.3s;
}
#ParticipateForm input[type=text]:focus, #ParticipateForm input[type=email]:focus, #ParticipateForm input[type=password]:focus, #ParticipateForm textarea:focus, #ParticipateForm select:focus {
	border-color: #C41C22;
	box-shadow: 0 0 6px 0 #C41C22;
}
#ParticipateForm textarea {
	width: 100%;
	max-width: 515px;
}
#ProgressBarFrame {
	overflow:hidden;
	width:50%;
	background-color:#fff;
	border:1px solid #ccc;
	border-radius:5px
}
#ProgressMsg {
	border:1px solid #d1d1d1;
	border-radius:5px;
	background-color:#dadada;
	margin:10px 0px;
}
#ProgressMsg p {
	margin:5px;
	font-size:95%;
	font-weight:600;
	color:#000;
}
#RequestMailForm {
	top: 183px;
	left: 0px;
	position: static;
	right: 0px;
}
#RequestMailForm div {
	background: #F3F3F3;
	border: 0 solid #11305e;
	border-width: 1.3em 0;
	width: 100%;
	max-width: 1204px;
	margin: auto;
	padding: 0.5em 0;
}
#Subcontainer {
	text-align:left;
	background-color:#fff;
	padding-bottom:18px;
}

#Social_NetworkHeader {
	margin: 1.2em 1em;
	position: absolute;
}
#Social_NetworkHeader a::before {
	color: #FFF;
	content: attr(data-fa-icon);
	display: inline-block;
	font-family: "Font Awesome 5 Brands";
	font-size: 40px;
	margin: 0 0.25em;
	text-rendering: auto;
	vertical-align: sub;
	-webkit-font-smoothing: antialiased;
}

#upload_progress {
	max-width: 525px;
	width: calc(100% - 1.2em);
	margin-left: 0.6em;
}

#vtnacs_beforeform_sq, #vtnacs_beforeform_l, #vtnacs_top_l, #vtnacs_top_sq {
	background-color:#F3F3F3;
	padding-bottom:.8em;
	margin:0 1px;
	display:flow-root;
}
#vtnacs_beforeform_l, #vtnacs_top_l {
	min-height:112px;
}
#vtnacs_top_sq {
		min-height: 72px
}

/* ******************	vt_chart styles	*************** */

#controls {
	background: #333;
	background: linear-gradient(top,#666,#111);
	background: -o-linear-gradient(top,#666,#111);
	background: -moz-linear-gradient(top,#666,#111);
	background: -webkit-linear-gradient(top,#666,#111);
}
#bwd, #fwd {
	position: relative;
	display: table-cell;
	font-size: 1.3em;
	font-weight: 700;
	color: #444;
	border: 1px solid #bbb;
	width: 180px;
	box-shadow: -2px 2px 3px #ccc;
	padding:5px;
	background: #F3F3F3;
}
#bwd span, #fwd span { 
	display: inline-block;
	margin: 0.2em auto;
	position: relative;
	text-align: center;
}
#bwd:hover, #fwd:hover {color: #000; background-color: #F8F8F8}
#bwd {z-index: 12}
#fwd {right: 1px; z-index: 11}

.arr{border-style: solid; height: 0px; width: 0px}
.aleft { 
border-color: transparent #FFF transparent transparent;
border-width: 14px 28px 14px 0px;
float: left;
margin-left: 4px
}
.aright { 
border-color: transparent transparent transparent #FFF;
border-width: 14px 0px 14px 28px;
float: right;
margin-right: 4px
}

.SpecialOffer {
	background: #FBF4D0;
	border: #777 dotted 0.1em;	
	border-width: 0.1em 0;
	font-size: 0.9em;
	font-weight: 700;
	margin: 0.5em;
	padding: 0.3em 1em
}

.SpecialOffer small {
	color: #666;
	font-weight: 500;
}


/********** GDPR Tool **********/
#GDPR {
	display: none;
	position: fixed;
	width: 100%;
	top: 135px;
	background: #6A0F0C;
	background: linear-gradient(112deg, #11305E 0, #1F4788 250px, #C41C22 251px, #8F1D21 100%);
	z-index: 1337;
	overflow-y: auto;
	max-height: calc(100% - 135px);
	-ms-overflow-style: none;
	scrollbar-width: none;
}
#GDPR::-webkit-scrollbar {display: none}
#GDPR aside {
	margin: 25px 4%;
}
#GDPR button {
	background: #333;
	border: #999 1px solid;
	color:#FFF;
	font-weight: 600;
	font-family: "Calibri", "Verdana";
	height: 28px;
	padding: 0 15px;
	opacity: 0.8;
	transition: .3s;
	width: 45%;
}
#GDPR button:hover {
	border-color: #666;
	opacity: 1;
}
#GDPR-selected {float:left}
#GDPR-all {
	background: linear-gradient(112deg, #11305E 0, #1F4788 100%) !important;
	float:right;
}
.GDPRinf {
	padding: 5px;
	position: relative;
	margin: auto;
	max-width: 650px;
	background: #FFF
}
#GDPR p, #GDPR span{font-size: small; font-weight: 400}
.GDPRinf ul{display: inline-block; margin: 1em 0; padding: 0}
.GDPRinf li {padding: 5px 10px; display: block; float: left}
#GDPR .yummy::before {
	color: #C57F2E;
	content: "\f564";
	display: inline;
	font-family: "Font Awesome 5 Pro";
	font-size: 44px;
	padding: 0 5px 0 0;
	float: left;
}
@media (max-width: 800px) {
	#GDPR {
		max-height: 100%;
		top: 0;
	}
}
 

.switch {
	position: relative;
	display: inline-block;
	width: 30px;
	height: 18px;
}
.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}
.slider {
	position: absolute;
	border-radius: 9px;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #AC8181;
	transition: .4s;
}
.slider:before {
	position: absolute;
	border-radius: 50%;
	content: "";
	height: 14px;
	width: 14px;
	left: 2px;
	bottom: 2px;
	background-color: white;
	transition: .4s;
}
input:checked + .slider {background-color: #5B8930}
input:disabled + .slider {background-color: #CCC}
input:focus + .slider {box-shadow: 0 0 1px #2196F3}
input:checked + .slider:before {transform: translateX(12px)}



/* media queries || responsive webdesign */
.video-container {
	max-width: 800px;
	position:relative;
	padding-bottom: calc(56.25% - 30px);
	padding-top:30px;
	height:0;
}
.video-container[data-ytid] {background-color: #F3F3F3}
.video-container[data-ytid] > div {
	background-color: #C41C22;
	background: linear-gradient(112deg, #11305e 0, #1f4788 500px, #C41C22 501px, #8f1d21 100%);
	padding: 2em 1em;
	color: #FFF;
}
.video-container iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

@media (max-width: 480px) {
#ContentContainer {border: none;	width: 100%;}
#ProgressMsg {border-width:1px 0 1px 0; border-radius:0;}
#upload_progress {margin-left: 0; width: 100%}
h1 {font-size: 125% !important; padding: 0.3em 0.3em 0.5em 0.3em;}
article td.w140	{width: 106px}
.prizesRadio > label > input ~ img {min-width: 140px; max-width: 160px}
.menuImgCrop {height: 80px !important;	width: 80px !important}
.menuImgCrop>img {height: 80px !important}
}
@media (max-width: 800px) {
	body, html {font-weight: normal; margin: 0}
	p {font-size: 15px}
	#Social_NetworkHeader {display:none}
	#top_menu > ul, #EventSummary > ul {padding-left: 0}
	#top_menu > ul > li {width:auto}
	#top_menu > ul > li > a, #top_menu > ul > li > p {font-size: 0em}
	#top_menu > ul > li > ul {padding-left: 0; left: 0}
	#vtnacs_beforeform_l, #vtnacs_top_l {display: none}
	h1 {font-size: 145% !important}
	.prizesRadio > label {margin: 8px 6px}
}
@media (min-width: 801px) {
	#vtnacs_top_sq, #vtnacs_beforeform_sq {display:none}
}
@media (max-width: 1204px) {
	nav {display: none}
	#vtnacs_nav_s1 {display: none}
}
@media (min-width: 1204px) {
#ContentContainer {max-width: 1204px}
}