@charset "utf-8";
/* CSS Document */
body{
background-color:#333;
	color:#fff;
	text-align:center;
	margin:0px;
	padding:0px;
	font-family:Helvetica, Arial,  "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "sans-serif";
}

#header{
background-image:url(bakrx.png);
	background-repeat:repeat-x;
	width:100%;
}

a{
	color:#FFF;
	text-decoration:none;
}
h1{
	color:#FFF;
	margin:10px auto 10px auto;
}
h2{
	font-weight:bold;
	font-size:2em;
	font-variant:small-caps;
	color:#339999;
}
h2.center{
	text-align:center;
}
a.calltoaction, a.butoff, input.submitbut, a.addToCart{
	font-size:2em;
	color:#FFF;
	background:#92101D;
	display:inline-block;
	padding:0.4em 1.2em;
	margin:0.6em;
	border:0.16em solid #92101D;
	border-radius:2em;
	box-sizing: border-box;
	text-decoration:none;
	font-family:Helvetica, Arial, "sans-serif";
	font-weight:600;
	text-shadow: 0 0.04em 0.04em rgba(0,0,0,0.35);
	text-align:center;
	transition: all 0.2s;
}
a.butoff{
	background:#666;
	color:#999;
	border-color:#666;
}
a.calltoaction:hover, a.addToCart:hover{
	border-color: #FFF;
	color:#fff;
}
 a.addToCart{   
	vertical-align:middle;
	line-height:1em;
	font-size:0.6em;
	padding:0.2em 0.6em;
	margin:0px;
	border:0.06em solid #92101D;
	border-radius:0.6em;
	text-shadow: 0 0.01em 0.01em rgba(0,0,0,0.45);
}

a.colorpick_l, a.colorpick_n, a.colorpick_d, 
a.colorpicked_l, a.colorpicked_n, a.colorpicked_d{
	display:inline-block;
	width:200px;
	padding:40px;
	color:#000;
	fontsize:2.2em;
	font-weight:800;
	border:0.4em solid #333;
	border-radius:0.6em;
}
a.colorpick_d,a.colorpicked_d{
	color:#fff;
}
a.colorpicked_l, a.colorpicked_n, a.colorpicked_d{
	border-color:#FFF;
}
a.bodylink{
	color:#339999;
}
#col_white.colorpicked_l,#inkcol_white.colorpicked_l{
	border-color:#000;
}

#col_white,#inkcol_white{background-color:#FFF;}
#col_black,#inkcol_black{background-color:#000;}
#col_lgrey{background-color:#999;}
#col_dgrey{background-color:#444444;}
#col_red,#inkcol_red{background-color:#900;}
#col_pink{background-color:#D189AD;}
#col_burgundy{background-color:#3B0405;}
#col_yellow,#inkcol_yellow{background-color:#FCD224;}
#col_brown{background-color:#5C422F;}
#col_green{background-color:#4FD12F;}
#col_dgreen{background-color:#22492F;}
#col_aqua{background-color:#2B9F96;}
#col_blue,#inkcol_blue{background-color:#5170B7;}
#col_nblue{background-color:#1A1957;}
#col_purple{background-color:#5E295A;}
			
a.extlink{
	color:#FFF;
	width:100%;
	text-align:center;
	font-size:1em;
	display:block;
	margin-top:10px;
}
a.extlink:hover{
	color:#339999;
}
#storeview{
	background-color:#000;
	margin:auto;
	margin-top:0.4em;
width:800px;
height:3em;
border-radius:3em;
	overflow:hidden;
}
.bdwn,.bup{
	display:block;
	font-size:2em;
	line-height:1.5em;
	float:left;
	font-weight:bold;
	padding:0px;
	margin:0px;
	text-align:center;
	width:264px;
	height:100%;
	background-color:#339999;
}
.bdwn{
	background-color:#222222;
}
div.buttonspacer{
	display:block;
	float:left;
	width:4px;
	height:100%;
	background-color:#333;
}
#gameinfo{
	max-width:800px;
	font-size:1em;
	margin:auto;
}
#gameinfo p{
	text-align:left;
}
#info img{
	max-height:60vh;
}
#info p{
	font-size:1.8em;
}
#hero{
	width:800px;
	height:680px;
	margin-left:auto;
	margin-right:auto;
	color:#fff;
	font-size:1.2em;
	  background-image: url('homepage_merchSOS.jpg');
  background-repeat: no-repeat;
  background-position: 50% 95%;
}
#hero p{
	padding:0px 40px 0px 40px;
}
.imagespacer{
	display:block;
	width:800px;
	height:260px;
}
input.num{
	width:60px;
	font-size:1.2em;
	padding:0.2em;
}
input.numk{
	line-height:0.5em;
	width:60px;
	font-size:0.5em;
	padding:0.1em;
	vertical-align: middle;
}
span.er{
	color:#ED0000;
	font-weight:400;
	font-size:1em;
	text-align:left;
	width:90%;
	margin:0px auto 4px auto;
	display:inline-block;
}
select{
	margin:auto;
	display:block;
	width:90%;
	padding:10px;
	font-size:2em;
	font-weight:400;
}
textarea{
	margin:auto;
	display:block;
	width:90%;
	padding:10px;
	font-size:1em;
	font-weight:200;
}
.cartProduct{
	width:90%;
	margin:1em auto 1em auto;
	padding:10px;
	border:2px solid #000;
}
.cartProduct p{
	text-align:left;
	margin:2px;
}
span.carticost{
	display:inline-block;
	float:right;
	text-align:right;
}
dl{
	display:inline-block;
	width:40%;
	font-size:1.4em;
}
  dt {
    float: left;
    clear: left;
    width: 200px;
    text-align: right;
    font-weight: bold;
    color: #12b7d9;
  }
  dd {
	 text-align:left;
    margin: 0 0 0 110px;
    padding: 0 0 0.5em 0;
  }

input.shipForm, select.shipForm{
	width:90%;
	font-size:1.4em;
	margin:10px auto 10px auto;
}

input.radio{
	width:auto;
	font-size:1em;
	margin:10px;
	display:inline;
}
h4{
	margin:0px 0px 10px 0px;
	padding:20px;
	background:#000;
	color:#FFF;
	font-size:1em;
}
p.review{
	font-size:0.8em;
}
div.instruct p{
	font-size:0.8em;
	margin-top:0.5em;
	margin-bottom:0.5em;
}
span.callout{
	font-weight:200;
	font-style: italic;
	font-size:0.8em;
	margin-left:2em;
}
#paypal-button-container{
	color:#FFF;
}
#paypalbox{
	background:#FFF;
	border-radius:0.6em;
	padding:1em;
	margin:2em auto 2em auto;
	width:80%;
}
#cartPreview{
	position:fixed;
	bottom:0px;
	font-size:1.4em;
	background-color:#339999;
	height:5em;
	z-index:4;
	width:100%;
	text-align:center;
}
#footmenu{
	z-index:5;
	height:3em;
	display:block;
	position:fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align:center;
	background:#000;
	color:#FFF;
}
#footmenu a{
	height:3em;
	margin:0px;
	padding:0.2em 0.6em 0.2em 0.6em;
	font-size:2em;
	display:inline-block;
}
#footmenu a:hover{
	background:#92101D;
}
#bottomgap{
	display:block;
	width:200px;
	height:20px;
	padding-top:14px;
	margin:1em auto 2.2em auto;
}
#siteseal{
	display:block;
	width:160px;
	height:60px;
	padding-top:14px;
	background:url(sealback.jpg) no-repeat;
	text-align:center;
	margin:1em auto 2.2em auto;
}
div.designblock{
	display:block;
	margin:30px auto 30px auto;
}
.designthm, .designinfo{
	float:left;
	width:45%;
	padding:5px;
	display: block;
}

#info div.designinfo div.designtxt p{
	line-height:1.4em;
	font-weight:200;
	font-size:1.4em;
}
div.designinfo a{
	background:#92101D;
	display:inline-block;
	padding:0.4em 1.2em;
	margin:0.6em;
	border:0.16em solid #92101D;
	border-radius:2em;
	box-sizing: border-box;
	text-decoration:none;
	font-weight:600;
	text-shadow: 0 0.04em 0.04em rgba(0,0,0,0.35);
	text-align:center;
}
.designblock::after {
  content: "";
  clear: both;
  display: table;
}

#viewproducts{
	max-width:1250px;
	margin-left:auto;
	margin-right:auto;
}
#DonationMerch{
	font-size:0.8em;
	text-align:left;
	width:800px;
	margin-left:auto;
	margin-right:auto;
}
#DonationMerch iframe{
	margin:auto;
}
#prodinfopan{
	background:#333;
	max-width:1100px;
	padding:20px;
	border:#000 solid 4px;
	border-radius:1em;
	box-shadow:2px 2px 4px 0px #000;
	z-index:40;
	position:absolute;
	top:30px;	
	left: 0;
	right: 0;
	margin: auto;
}
#prodinfopan img {
padding:8px;
	max-width:80%;
	height:auto;
}
a.ex{
	width:1.2em;
	height:1.2em;
	line-height:1.2em;
	font-size:1.2em;
	font-weight:bold;
	display:block;
	float:right;
	padding:6px;
	border:none;
  border-radius: 4px;
	background:#000;
}

.cookie-banner {
  position: fixed;
  bottom: 50px;
  left: 10%;
  right: 10%;
  width: 80%;
  padding: 5px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color:#000;
  background-color: #669999;
  border-radius: 5px;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}
.close {
  height: 20px;
  background-color: #777;
  border: none;
  color: white;
  border-radius: 2px;
  cursor: pointer;
}
@media only screen and (min-width: 1001px) {
	#header{
background-image:url(bakr500.png);
		vertical-align: top;
		width:100%;
	}
select{
	width:300px;
	}
}
@media only screen and (max-width: 1000px) {
.designthm, .designinfo{
	display:block;
	width:90%;
	padding:5px;
	margin:auto;
	text-align:center;
	float:none;
}


div.designinfo p{
	display:block;
	line-height:2.2em;
	font-weight:400;
	font-size:2em !important;
}
	#footmenu{
	height:4.4em;
}
#footmenu a{
	height:4em;
	margin:0px;
	padding:0.2em 0.6em 0.2em 0.6em;
	font-size:3em;
	font-weight:400;
}
	
	#siteseal{
	width:320px;
	height:120px;
		padding-top:28px;
	background-size:320px 120px;
	margin:1em auto 4em auto;
}
	#siteseal img{
	width:262px;
		height:auto;
	}
}

#socmedia a{
	display:inline-block;
	margin:20px;
}
.trailerscript{
	font-size:1.2em;
}
.ProductThumbnail{
display:inline-block;
	padding:6px;
	margin:auto;
	text-align:center;
}
.nosho{
	display:none;
}