
:root {
  color-scheme: dark;
}

body{
	padding: 0;
	margin: 0;
	/* font-family: "Trebuchet MS", Helvetica, sans-serif; */
	/* font-family: "Montserrat", sans-serif; */
	font-family: "Noto Sans", sans-serif;
	font-weight: 320;
	background-color: #141414;
	background: linear-gradient(to right, black, #0d0d0d, black);
	background: linear-gradient(to right, black, #1a1a1a, #0d0d0d, black);
	background: linear-gradient(to bottom right, black, #0d0d0d, black, #0d0d0d, black, black, rgb(6, 6, 6), black, black, black, black);
	background: linear-gradient(to right, rgb(8,8,8), #0d0d0d,rgb(8,8,8)); 
	
	color: #cccccc;
	line-height: 145%;
	overflow-y: scroll;
	overflow-x: hidden;
	background-image: radial-gradient(#262626 1%, #1a1a1a 15%, black 60%);
	background: linear-gradient(to right, rgb(8,8,8), #0d0d0d,rgb(8,8,8)); 

}

div{
	position: relative;
	float: left;
}

/*

https://support.microsoft.com/en-us/help/4023476/surface-surface-touchscreen-problems-with-touch

	-webkit-user-select: none;   
	-moz-user-select: none; 
	-ms-user-select: none;
	user-select: none; 
*/

#mask{
	display: none;
	position: fixed;
	height: 130%;
	width: 130%;
	margin: 0;
	background-color: black;
	opacity: 0.9;
	top: 0;
	left: 0;
	filter: blur(4px);
	-webkit-filter: blur(4px);
}

#siteBackgroundImg{

	 
	display: none;
	background-image: url("../pos/images/siteImages/sitebgcanopydark.jpg");
	background-image: url("https://prod-static.disney-plus.net/us-east-1/builds/bfce1371fb8a6f9973dabf9e41c77b39099ad27e/node_modules/dss-junglebook/components/themes/images/background.png"); 	
	background-image: url("../pos/images/siteImages/sitebgclouds.png"); 
	background-size: 100% 100%; 
	filter: brightness(100%);
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	margin: 0;
	opacity: 1;
}

#header{
	position: relative;
	float: left;
	width: 100%;
	height: 54;
	z-index: 555;
	color: #b3b3b3;
	/*-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);	*/
}

#headerBG{
	position: absolute;
	top: 0; left: 0; width: 100%; height: 100%;
	background-color: black; opacity: 0;
}

#headerContent{
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	top: 10;
	left: 0;
	right: 0;
	width: 1420;
	height: 50;
}

#secondHeader{
	height: 40;
	width: 100%;
	position: relative;
	float: left;
	text-align: center;
	font-size: 90%;
	/* font-family: 'Signika Negative', sans-serif; */
}

#shBG{
	position: absolute;
	top: 0; left: 0; width: 100%; height: 100%;
	background-color: black; opacity: 0;
}

#shContent{
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	top: 7;
	left: 0;
	right: 0;
	width: 1420;
	padding-left: 10;
	height: 28;	
	text-align: left;
}

.sha{
	text-decoration: none;
	color: #d9d9d9;
}

.sha:hover{
	color: #bfbfbf;
}

#thirdHeader{
    display: none;
	color: white;
	height: 26;
	padding-top: 0;
	width: 100%; 
	top: 92; 
	position: absolute; 
	text-align: center;
	font-size: 90%;
}

#mobileHeaderBrowseSearch{
	display: none;
}

#mhBrowsePopup{
	display: none;
}

#mobileNewLine{
	display: none;
}

/*
#headerMenuButton{
	position: absolute;
	top: 4;
	left: 10;
	height: 38;
	width: 40;
	background-color: gray;
}
*/

#headerLogo{
	position: absolute;
	top: 2;
	left: 0;
	width: 260;
	height: 40;
	background-image: url("../pos/images/siteImages/sbckenz1.png");
	background-size: 100% 100%;
	cursor: pointer;
}

#headerLogo:hover{
	filter: brightness(120%);
}

#headerSearchIn{
	position: absolute;
	top: 5;
	left: 280;
	width: 470;
	height: 36;
	font-size: 120%;
	border-radius: 2px;
	padding: 8;
	border: 1px solid #303a50;
	outline: none;
	color: #cccccc;
	background-color: transparent;
	
}

#hsAutocomplete{
	display: none;
	position: absolute;
	left: 280;
	top: 41;
	max-height: 500;
	background-color: #0d0d0d;
	width: 800;
	overflow-y: auto;
	overflow-x: hidden;	
	border-left: 1px solid #262626;
	border-right: 1px solid #262626;
	border-bottom: 1px solid #262626;
	padding-top: 4;
	border-radius: 0px 3px 3px 3px;
}

.sug{
	position: relative;
	width: 98%;
	height: 30;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding-top: 8;
	padding-bottom: 6;
	padding-left: 8;
	padding-right: 8;	
	border-bottom: 1px solid #262626;
	font-size: 110%;
}

.sug:hover{
	cursor: pointer;
	background-color: #1a1a1a;
	
}

.sugStd, .sugMdn, .sugColortype{
	display: none;
}

#hsAutocomplete::-webkit-scrollbar {
    width: 12px;
}
 
#hsAutocomplete::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(80, 80, 80,0.8); 
    border-radius: 0px;
}
 
#hsAutocomplete::-webkit-scrollbar-thumb {
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 2px rgba(180, 180, 180,0.8); 
}

#headerSearchLink{
	position: absolute;
	font-size: 100%;
	top: 5;
	left: 750;
	width: 60;
	height: 36;
	color: gray;
	border: 1px solid #303a50;
	border-radius: 0px 2px 2px 0px;
	background-color: transparent;
	border-left: 0px solid black;
	
}

#headerSearchLink:hover{
	filter: brightness(130%);
}

#headerSearchLink:focus{
	filter: brightness(130%);
}


#headerHeadings{
	position: absolute;
	top: 11;
	left: 840;
	color: #a6a6a6;
	font-size: 106%;
	font-family: 'Righteous', cursive;
}

#headerHeadings a{
	cursor: pointer;
	color: #a6a6a6;
	text-decoration: none;
}

#headerHeadings a:hover{
	color: gray;
}

#headerAccount{
	position: absolute;
	top: 11;
	right: 16;
	text-align: right;
	font-size: 90%;
	color: gray;
}


#hLogin:hover{
	color: #595959;
	cursor: pointer;
}

#hSignup:hover{
	color: #595959;
	cursor: pointer;
}

#loginBox, #signupBox, #forgotPWBox{
	display: none;
	position: absolute;
	top: 58;
	right: 8;
	width: 260;
	height: 460;
	background: linear-gradient(#1a1a1a,#0d0d0d);
	color: #b3b3b3;
	z-index: 666;
	border-radius: 2px;
	border: 1px solid #333333;
	padding: 10;
}

.lbLogo{
	background-image: url('../pos/images/siteImages/sbcBigLogo.jpg'); 
	background-size: 100% 100%; 
	height: 80; 
	width: 260;
}

#loginBox input, #signupBox input, #forgotPWBox input{
	width: 260;
	height: 36;
	font-size: 120%;
	padding: 14;
	border: 1px solid #1a1a1a;
	background-color: rgb(250, 250, 250);
	background-color: rgb(240, 240, 240);
	background-color: #262626;
	outline: none;
	color: #cccccc;	
	margin-top: 8;
}

#lbResponse{
	margin-top: 20;
	width: 100%;
	text-align: center;
	color: lightblue;
}

#hFPW{
	width: 100%;
	margin-top: 20;
}

#hAA{
	width: 100%;
	margin-top: 5;
}

#lbButton, #suButton, #fpwButton{
	position: relative;
	text-decoration: none;
	width: 260;
	margin-top: 14;
	padding: 10;
	height: 38;
	font-size: 100%;	
	border: 1px solid #262626;
	color: #8c8c8c;
	text-align: center;
	cursor: pointer;
	background: linear-gradient(#262626,#1a1a1a);	
}

/*
#lbRmCheckbox{
	width: 20; 
	height: 22; 
	border: 1px solid #333333; 
	position: relative; 
	float: left; 
	cursor: pointer; 
	font-size: 135%; 
	padding-left: 2;
}
*/

#suResponse{
	margin-top: 20;
	width: 100%;
	text-align: center;
	color: lightblue;
}

#forgotPWBox{
	height: 350;
}

#hFirstName:hover{
	text-decoration: underline;
}

#accountHistoryBox{
	display: none;
	position: absolute;
	top: 58;
	right: 8;
	width: 360;
	height: 400;
	background: linear-gradient(#1a1a1a,#0d0d0d);
	color: #b3b3b3;
	z-index: 666;
	border-radius: 2px;
	border: 1px solid #333333;
	padding: 10;
	overflow-y: auto;
}

	#ahbHistory{
		position: relative;
		float: left;
		width: 94%;	
		padding-bottom: 20;
	}

	#ahbViewOrder{
		display: none;
		position: relative;
		float: left;
		width: 100%;
		padding-bottom: 20;
	}

	#ahbBackButton{
		display: none;
		position: absolute;
		top: 12;
		right: 20;
		font-size: 90%;
		text-decoration: underline;
	}

	#ahbSignOut{
		position: absolute;
		top: 12;
		right: 20;
		font-size: 90%;
		color: gray;
		text-decoration: underline;	
	}

	.ahOrderContentTable{
		margin-top: 10;
		border-spacing: 0px;
		border-collapse: separate;	
		border-top: 1px solid #262626;
		border-left: 1px solid #262626;		
		-moz-user-select: text;
		-khtml-user-select: text;
		-webkit-user-select: text;
		-ms-user-select: text;
		user-select: text;		
		opacity: 0.7;
		width: 100%;
	}

	.ahOrderContentTable th{
		border-bottom: 1px solid #262626;
		height: 40;
		background: linear-gradient(#1a1a1a,#0d0d0d);
	}

	.ahOrderContentTable td{
		padding: 8;
		border: 1px solid #262626;
	}

	.ahOrderContentTable tr:nth-child(odd){
		background-color: #1a1a1a;
	}

	.ahOrderContentTable tr:nth-child(even){
		background-color: #0d0d0d;
	}

	.ahRow{
		width: 100%;
		padding-top: 6;
		padding-bottom: 5;
		margin-top: -1;
		border-top: 1px solid #404040;
		border-bottom: 1px solid #404040;	 
		color: gray;
		border-top: none; 
		border-bottom: none; 
		padding-top: 6;
	}



/*  ============================= CONTENT=============================*/

.bigImageBox{
	display: none;
	position: fixed;
	z-index: 9999;
	width: 80%;
	height: 80%;
	top: 10%;
	left: 10%;
	background-color: black;
}

#bibClose{
	position: absolute;
	right: 20;
	top: 20;
	font-size: 60px;
	color: gray;
	cursor: pointer;
}

#bibClose:hover{
	color: red;
}


	#bigImageTable{
		border-spacing: 0px;
		border-collapse: separate;	
		text-align: center;
		height: 100%;
		width: 100%;
	}

		#bigImageTable img{
			max-height: 600;
			max-width: 600;
			border-radius: 16px;
		}


#terms{
	display: none;
	position: fixed;
	background-color: #0d0d0d;
	z-index: 9999;
	height: 580;
	width: 580;
	left: 50%;
	top: 40%;
	margin-left: -300;
	margin-top: -220;	
	border: 1px solid gray;
	padding: 10;
	user-select: auto;
	-moz-user-select: auto;
	-khtml-user-select: auto;
	-webkit-user-select: auto;
	-o-user-select: auto;		
}

#termsHeader{
	width: 540;
	height: 36;
	font-size: 130%;
	border-bottom: 1px solid gray;
}

#termsClose{
	text-align: right;
	width: 36;
	height: 36;
	font-size: 150%;
	color: gray;
	border-bottom: 1px solid gray;
	font-weight: bold;
	cursor: pointer;
}

#termsClose:hover{
	color: red;
}

#termsContent{
	width: 580;
	height: 540;
	padding-top: 10;
	overflow-y: auto;
	font-size: 90%;
	color: #a6a6a6;
}

#termsContent b{
	font-size: 110%;
}

#contentWrapper{
	float: none;
	margin-left: auto;
	margin-right: auto;
	/* top: 96; */
	top: 20;
	left: 0;
	right: 0;
	width: 1400;
    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;		
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}



	#mainContent{
		border-radius: 3px;
		width: 980;
		padding-left: 10;
		padding-right: 10;
		margin-left: 0;
		margin-top: 6;
		user-select: auto;			
	}
	


/* ========================= LANDING PAGE ======================= */
	
		#mcImageWrapper{
			margin-top: 0;
			width: 100%;
			height: 406;
			-webkit-box-shadow: 0px 4px 10px 2px rgba(0,0,0,0.75);
			-moz-box-shadow: 0px 4px 10px 2px rgba(0,0,0,0.75);
			box-shadow: 0px 4px 10px 2px rgba(0,0,0,0.75);
		}
		
		.mcImage{
			width: 100%; 
			height: 380; 
			background-size: 100% 100%; 
			position: absolute;
			top: 0;
			left: 0;
		}
		
		#mcImageSelector{
			position: absolute; 
			top: 380;
			width: 99%;
			height: 26;
			padding-left: 1%;
			background-color: black;
			background: linear-gradient(to right, black, #0d0d0d);
			font-size: 110%;
			color: #4d4d4d;
			text-align: center;
			border-top: 2px solid #333333;		
		}
		
		.mcImageSelectNum{
			position: relative;
			float: left;
			width: 30;
			cursor: pointer;
			height: 24;
			font-size: 80%;
		}
		

		#landingContentWrapper{
			width: 100%;
			position: relative; 
			float: left;
			border: 1px solid #262626;
			background: linear-gradient(#0d0d0d,#1a1a1a);
			padding-bottom: 30;
		}
		
		#lcLeft{
			padding-top: 18;
			padding-left: 16;
			font-size: 130%; 
			line-height: 150%;
			position: relative; 
			float: left; 
			width: 260; 
			border-right: 1px solid #333333;
			user-select: auto;
			-moz-user-select: auto;
			-khtml-user-select: auto;
			-webkit-user-select: auto;
			-o-user-select: auto;				
		}


		.socialMediaLogo{
			display: inline-block;
			height: 27;
			width: 27;
			filter: brightness(50%);
			border-radius: 3px;
			background-image: url('../pos/images/siteImages/social_media_sprite.png');
			cursor: pointer;
		}
		
		#smlFb{
			background-position: 0px 0px;
		}
		
		#smlTw{
			background-position: -27px 0px;
		}
		
		#smlInsta{
			background-position: -54px 0px;
		}
		
		.socialMediaLogo:hover{
			filter: brightness(60%);
		}
		
		#lcRight{
			font-size: 90%; 
			position: relative; 
			float: left; 
			width: 290;
			margin-bottom: 10;
		}
		
		.lcrLogo{
			height: 60;
			width: 220;
			background-image: url('../pos/images/siteImages/brand_sprite.png');
			margin-top: 14;
			margin-left: 40;
			cursor: pointer;
			background-size: 220px 360px;
		}
		
		.lcrLogo:hover{
			filter: brightness(110%);
		}
		
		#lcrl_mtg{
			background-position: 0px 0px;
		}
		
		#lcrl_vanguard{
			background-position: 0px -60px;
		}
		
		#lcrl_yugioh{
			background-position: 0px -120px;
		}
		
		#lcrl_pokemon{
			background-position: 0px -180px;
		}
		
		#lcrl_ws{
			background-position: 0px -240px;
		}
		
/*=========================== SINGLE EVENT ======================= */

	.mcEventImage{
			width: 600; 
			height: 240; 
			background-size: 100% 100%; 
			position: relative;
			float: left;
			top: 0;
			left: 0;		
	}

	
	#eventContent{
		position: relative; 
		float: left; 
		padding: 14; 
		width: 570;
	}
	
	#eventTitle{
		font-size: 200%;
	}
	
	#eventDate{
		position: absolute; 
		right: 14; 
		top: 10; 
		text-align: right;
		font-size: 120%;
		
	}
	
	#eventAttributes{
		font-size: 120%;
		margin-top: 12;
		width: 100%;
		border-bottom: 1px solid #595959;
		padding-bottom: 16;
	}
	
	#eventDetails{
		font-size: 110%;
		margin-top: 16;
		margin-bottom: 20;
	}
	
	
	
	#largeContent{
		border-radius: 2px;
		position: relative;
		float: left;
		width: 990;
		font-size: 90%;
	}

	.mcContentWrapper{
		height: 100%;
		width: 98%;
		position: relative;
		top: 0;
		left: 0;
		border-bottom: 1px solid #262626;
	}

/*
cards, brand/cat, 
*/

	/* ========================= PAGINATE ==================== */

	.paginateWrap{
		margin-top: 30;
		padding-top: 18;
		padding-bottom: 15;
		color: #666666;
		width: 100%;
		text-align: center;
	}

	.paginateWrap a{
		display: inline-block;
		position: relative;
		float: none;
		height: 26;
		padding: 10;
		padding-left: 16;
		padding-right: 16;
		font-size: 20px;
		background-color: #f8f8f8;
		margin-left: 10;
		text-decoration: none;
		border: 1px solid #262626;
		border-radius: 3px;	
		background: linear-gradient(#16181d,#0b0c0f);
		color: #666666;
	}
	
	.paginateWrap a:hover{
		border: 1px solid #1f292e;
	}

	.pagiSelectedPage{
		cursor: default !important;
		background: none !important;
		background-color: #0b0c0f !important;
	}


	/* ================================== CARDS ======================= */


	/* should put cardbox here... */




	
	
	/* ===== DECK BUILDER ======= */
	
	#deckBuilderWrap{
		margin-top: 10;
		width: 100%;
	}

	#dbTitle{
		width: 90%;
	}

	#dbIn{
		width: 90%;
		height: 200;
		background-color: #0d0d0d;
		border: 1px solid #4d4d4d;
		resize: vertical;
		margin-top: 20;
		color: gray;
		outline: none;
		padding: 4;
	}

	#dbSearchBtn{
		width: 300; 
		height: 34; 
		margin-top: 20; 
		margin-bottom: 30;
		padding-top: 10; 
		text-align: center; 
		background: linear-gradient(#0d0d0d,black);
		color: black;
		color: #999999;
		font-weight: bold;
		border: 1px solid #262626;	
		cursor: pointer;
	}

		#dbSearchBtn:hover{
			filter: brightness(120%);
		}	

	#dbSearchResults{
		width: 100%;
	}
	
	.dbFloat{
		width: 30%;
		color: gray;
		margin-top: 10;
	}
	
	/* ==== ADVANCED SEARCH STUFF ===== */
	
	#cardsAdvHeader{
		width: 100%;
	}

	#cardsAdvancedParams{
		margin-top: 20;
		padding-bottom: 20;
	}	
	
	.sbbc_header{
		width: 96%;
		margin-top: 10;
		margin-bottom: 10;
		padding-left: 4;
		font-size: 18px;
	}
	
	.sbbc{
		height: 24;
		width: 200;
		padding: 6;
		margin: 3;
		background-color: #262626;
		color: #b3b3b3;
		filter: brightness(55%);
		/*background-image: url("../pos/images/siteImages/sbbc_sprite.png");  
		background-size: 360px 216px; */
		cursor: pointer;
		border-radius: 3px;
		border: 1px solid #73737c;
	}
	

	.sbbc:hover{
		filter: grayscale(10%);
	}

	#sbbc_mythic, #sbbc_rare, #sbbc_unc, #sbbc_cmn, #sbbc_nearmint, #sbbc_sp, #sbbc_dmg, #sbbc_scan{
		width: 16%;
	}
	
	.lineBreak{
		width: 100%;
		height: 12;
		margin-top: 3;
	}

	.sbCheckbox{
		height: 21;
		width: 21;
		margin-left: 14;
		font-size: 160%;
		border: 1px dashed #595959;
		border-radius: 3px;
	}

		
	.sbContent{
		margin-left: 14;
		height: 24;
	}

	
	.advB{
		background-color: #262626; 
		padding: 4;
		filter: brightness(55%);
		border: 1px solid gray;
		border-radius: 3px;
		margin: 3;
	}
	
	#advSearchSetName{
		background-color: #262626;
		padding: 4;
		height: 28;
		border: none;
		border: 1px solid #333333;
		color: #e6e6e6;
	}
	
	.advPriceInput{
		background-color: #262626;
		padding: 4;
		height: 28;
		border: none;
		border: 1px solid #333333;
		color: #e6e6e6;		
		width: 70;
	}
	

	#advancedSearchBtn{
		height: 50;
		width: 396;
		margin-top: 20;
		line-height: 290%;
		cursor: pointer;
		text-align: center;
		border-radius: 3px;
		font-weight: bold;
		box-shadow: 0px 0px 7px 0px rgba(10,10,10,1);	
		opacity: 0.7;
		font-size: 110%;
		border: 1px solid #4d5466;
		background: linear-gradient(#242528,#18191b);	
		color: #ffeccc;		
		
	}
	
	#advancedSearchBtn:hover{
		filter: brightness(120%);
	}
	

	

/* ====== SEARCH ======  */

/* cards are diff sizes, this makes a clean break */

#searchNoResults{
	margin-left: 30;
	margin-top: 30;
	width: 800;
}

#searchResultsRegularItems{
	width: 100%;
	padding-bottom: 10;
}

#storeStockTableWrap{
	margin-top: 40;
	width: 100%;
}

#storeStockTable{
	border-top: 1px solid #404040;
	border-left: 1px solid #404040;
	border-spacing: 0px;
	border-collapse: separate;
	width: 98%;
	opacity: 0.5;
	margin-bottom: 20;
	margin-right: 10;
}

#storeStockTable tr:nth-child(even) {
    background-color: #1a1a1a;
}

#storeStockTable tr:nth-child(odd) {
    background-color: #0d0d0d;
}

#storeStockTable th{
	border-right: 1px solid #404040;
	border-bottom: 1px solid #404040;	
	margin-left: -1;
	height: 30;
	text-align: left;
	padding-left: 5;
	color: gray;
	font-weight: normal;
	text-decoration: underline;
	font-size: 90%;
}



#storeStockTable td{
	padding: 6;
	border-right: 1px solid #404040;
	border-bottom: 1px solid #404040;
}
	
#searchStockMessage{
	width: 920;
	color: gray;
}	
	

/* ===== ITEM BOXES FOR PRODUCTS / SUPPLIES, NOT TO BE CONFUSED WITH SINGLE ITEM PAGE === */

	/* XMAS FONT GREEN WITH WHITE BORDER */
	.xmasFont{
		color: white;
		text-shadow: -1px 0 green, 0 1px green, 1px 0 green, 0 -1px green;
	}


	.itemBoxBrandHeader{
		font-size: 18px;
		width: 99%;
		padding-left: 1%;
		margin-top: 20;
	}

		.ibbhOptions{
			color: gray;
			font-size: 16px;
		}
	
	
	.ibbhNav{
		cursor: pointer;
		
	}
	
	.ibbhNav:hover{
		filter: brightness(110%);
	}
	
	.itemBoxWrap{
		width: 220;
		height: 290;
		border-radius: 8px;		
		text-align: center;
		color: #666666;
		margin-top: 20;
		margin-right: 20;
	}	
	
	.itemBoxWrap:hover{
		cursor: pointer;
		filter: brightness(110%);
	}		

	.itemBoxImg{
		width: 100%;
		height: 220;	
		background-size: 100% 100%;
		border-radius: 11px;
		-webkit-box-shadow: 0px 2px 10px 2px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 2px 10px 2px rgba(0,0,0,0.75);
		box-shadow: 0px 2px 10px 2px rgba(0,0,0,0.75);			
	}
	
	.itemBoxFoilCover{
		position: absolute;
		background: linear-gradient(to bottom right, transparent, orange, purple, blue, green, orange, transparent);
		opacity: 0.1;
		height: 100%;
		width: 100%;
		border-radius: 8px;
	}	


	.itemBoxImgTable{
		width: 100%;
		height: 220;
		padding: 0;
		border-spacing: 0px;
		border-collapse: separate;	
		text-align: center;
	}

		.itemBoxImgTable img{
			max-height: 220;
			max-width: 100%;
		}

		.itemBoxImgTable a{
			max-height: 100%;
			max-width: 100%;
		}

		.singlesItemBoxWrap{
			height: 360;
		}
		
		.singlesItemBoxImg{
			height: 300;
		}

		.singlesItemBoxImg img{
			width: 220;
			height: 300;
			max-height: 100%;
			border-radius: 11px;
		}		
		
		.singlesItemBoxInfo{
		}


	.itemBoxInfo{
		margin-top: 4;
		text-align: center;
		width: 100%;
		color: #808080;
	}

		.itemBoxInfo img{
			height: 10;
			width: 14;
		}

	.itemBoxName{
		text-align: center;
		width: 100%;
		font-size: 13px;
		line-height: 15px;
		max-height: 30;
		padding-top: 4;
		padding-bottom: 2;
		text-overflow: ellipsis;
		overflow: hidden; 
		color: #999999;
	}
	
	

	


/*=============================== CARDBOX ================ */

	.cbWrapper{
		padding-left: 0;
		width: 220;
		height: 420;
		margin-top: 20;
		margin-right: 20;
		border-radius: 12px;
		box-shadow: 0px 0px 7px 0px rgba(10,10,10,1);			
		text-align: center;
		color: #666666;
		font-size: 110%;
		border: 1px solid #1a1a1a;
	}
	
	.cardBoxBG{
		position: absolute;
		background-color: #1a1a1a;		
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0.7;
		border-radius: 12px;
	}	
	
	.cardBox{
		padding-left: 0;
		width: 100%;
		height: 100%;
		border-radius: 2px;		
		text-align: center;
		color: #666666;
	}

	.cardBoxImgWrap{
		width: 220;
		height: 300;
	}

	.cardBoxImgWrap img{
		width: 220;
		height: 300;
		border-radius: 12px;
		border: 1px solid #262626;
		margin-left: -1;
	}

	.foilCover{
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0.10;
		width: 220;
		height: 301;
		border-radius: 12px;
		background: linear-gradient(to bottom right, transparent, orange, purple, blue, green, orange, transparent);
	}
	
	/*
	.cardBox .foilCover{
	    height: 290;
	}
	*/
	
	.itemBoxfoilCover1{
		background: linear-gradient(to bottom right, transparent, blue, purple, blue, green, orange, transparent);
	}
	
	.itemBoxfoilCover2{
		background: linear-gradient(to bottom left, orange, transparent, purple, green, transparent, orange, blue);	
	}
	
	.itemBoxfoilCover3{
		background: linear-gradient(to bottom right, green, blue, transparent, lightblue, purple, orange, transparent);
	}
	
	.itemBoxfoilCover4{
		background: linear-gradient(to bottom left, purple, transparent, purple, blue, transparent, green, pink);
	}	
	/* none purple blue green yellow none*/

	.cbName{
		margin-top: 4;
		color: #e6e6e6;
		width: 100%;
		font-size: 14px;
		text-align: center;
		white-space: nowrap;
		overflow: hidden;
	}

	.foilText{
		color: #e600e6;
	}

	.cbVariant{
		width: 100%;
		white-space: nowrap;
		overflow: hidden;
		font-size: 14px;
	}

	
	.cbInfo{
		width: 100%;
		font-size: 90%;
		font-weight: bold;
		color: #808080;
		overflow: hidden;
		white-space: nowrap;
	}
	
	.cbInfo img{
		height: 10;
		width: 14;
	}

	.cbInWrap{
		width: 30;
		height: 32;
		margin-left: 40;
		margin-top: 4;
	}

		.cbIn{
			height: 100%;
			width: 100%;
			font-size: 18px;
			border: 1px solid #262626;
			outline: none;
			color: #666666;
			text-align: center;
			background-color: #0b0c0f;
		}
	
	.cbPlus{
		background-color: gray;
		height: 28;
		padding-top: 2;
		width: 30;
		border-radius: 3px;
		margin-left: 6;
		margin-top: 4;
		cursor: pointer;
		text-align: center;
		border-bottom: 1px solid #1a1a1a;
		user-select: none;
		border: 1px solid #262626;
		border-radius: 3px;	
		background: linear-gradient(#16181d,#0b0c0f);
		color: #666666;		
		font-size: 30px;
		
	}
	
	.cbPlus:hover{
		filter: brightness(110%);
	}

	.cbBuy{
		
		height: 27;
		padding-top: 3;
		width: 60;
		font-size: 110%;
		border-radius: 3px;
		margin-left: 6;
		
		
		margin-top: 4;
		cursor: pointer;
		text-align: center;
		border-bottom: 1px solid #1a1a1a;
		user-select: none;
		
		border: 1px solid #424857;
		border: 1px solid #262626;
		border-radius: 3px;
		background: linear-gradient(#21242c,#16181d);	
		background: linear-gradient(#16181d,#0b0c0f);
		color: #ffeccc;	
		color: #666666;		
		
	}	

	.cbBuy:hover{
		filter: brightness(110%);
	}

	.restockAlert{
		width: 100%;
		color: #999900; 
		cursor: pointer;
		margin-top: 6;
	}
	
	.restockAlert:hover{
		text-decoration: underline;
	}

	#restockAlertBox{
		display: none;
		position: fixed;
		top: 50%;
		left: 50%;
		margin-top: -280;
		margin-left: -200;
		width: 400;
		padding: 20;
		background-color: black;
		border: 1px solid gray;
	}

		#raClose{
			position: absolute;
			top: 16;
			right: 20;
			font-size: 26px;
			color: gray;
			cursor: pointer;
		}

			#raClose:hover{
				color: #a6a6a6;
			}

		#restockAlertBox select{
			width: 300;
			height: 40;			
			border: 1px solid #4d5466;
			background: linear-gradient(#242528,#18191b);
			border-radius: 3px;
			color: #e6e6e6;
			font-size: 14px;
			padding: 4;
		}

			#restockAlertBox option{
				background-color: #18191b;
				color: #bfbfbf;
				font-size: 15px;
			}

		#raTitle{
			font-weight: bold;
			font-size: 26px;
		}

		#raInfo{
			margin-top: 10;
			width: 100%;
		}

		#raCardName{
			margin-top: 20;
			width: 100%;
			font-weight: bold;
			font-size: 20px;
			height: 28;
		}

		#raFoilOptionWrap{
			margin-top: 20;
			width: 100%;
		}

		#raSetOptionWrap{
			margin-top: 20;
			width: 100%;
		}

		#raConditionOptionWrap{
			margin-top: 20;
			width: 100%;
		}

		#raLanguageOptionWrap{
			margin-top: 20;
			width: 100%;
		}

		#raCreateButton{
			margin-top: 20;
			width: 300;
			height: 40;
			border: 1px solid #4d5466;
			background: linear-gradient(#242528,#18191b);
			border-radius: 3px;	
			font-weight: bold;
			color: #ffeccc;
			cursor: pointer;
		}

		#raResponse{
			margin-top: 20;
			width: 400;
			color: lightblue;
		}
	
	.cbNotify{
		display: none;
		position: absolute;
		top: 280;
		width: 220;
		border-radius: 3px;
		font-size: 13px;
		background: linear-gradient(#404e40,#334733);
		color: #ffcc66;
		border: 1px solid #404040;
	}



/* =============================== BUY LIST ==================== */

#buylistInfo{
	
}

#buyListSearchIn{
	width: 90%;
	height: 40;
	padding: 6;
	border: none;
	font-size: 120%;
	background-color: #1a1a1a;
	color: #e6e6e6;
}

#buyTable{
	width: 98%;
	border-top: 1px solid #404040;
	border-left: 1px solid #404040;
	border-spacing: 0px;
	border-collapse: separate;	
	opacity: 0.8;
}


#buyTable tr:nth-child(even) {
    background-color: #1a1a1a;
}

#buyTable tr:nth-child(odd) {
    background-color: #262626;
}

#buyTable th{
	border-right: 1px solid #404040;
	border-bottom: 1px solid #404040;	
	margin-left: -1;
	height: 30;
	color: gray;
	font-weight: normal;
	text-decoration: underline;
	font-size: 90%;
}



#buyTable td{
	padding: 6;
	border-right: 1px solid #404040;
	border-bottom: 1px solid #404040;
}

	


/* ============================= EVENTS ============================*/

	#playInfo{
		padding-right: 10; 
		margin-top: 20; 
		font-size: 15px;
		text-align: center;
	}


	.eventBox{
		width: 960;
		height: 260;
		margin-top: 20;
		border-radius: 2px;
		background-size: 100% 100%;
		-webkit-box-shadow: 0px 0px 7px 0px rgba(10,10,10,1);
		-moz-box-shadow: 0px 0px 7px 0px rgba(10,10,10,1);
		box-shadow: 0px 0px 7px 0px rgba(10,10,10,1);
		background: linear-gradient(#1a1a1a,#0d0d0d);
		border: 1px solid #1a1a1a;
	}

	
	.eventBox:hover{
		filter: brightness(106%);
		cursor: pointer;
		-webkit-box-shadow: 0px 0px 7px 0px rgba(50,50,50,1);
		-moz-box-shadow: 0px 0px 7px 0px rgba(50,50,50,1);
		box-shadow: 0px 0px 7px 0px rgba(50,50,50,1);			
	}

	.eventBoxContent{
		text-align: left;
		color: #e6e6e6;
		font-family: 'Acme', sans-serif;
		font-size: 150%;		
		line-height: 150%;
		text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; 
	}
	
	.ebTags{
		/* text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; */
	}

    .evtInfoBox{
        text-align: left;
    }

	.sbevtmain{
		width: 100%;
		background-size: 100% 100%;
		min-height: 100;
		margin-top: 10;
	}

	#eventGameFilterArea{
		margin-top: 10;
		width: 100%;
	}

		.egf{
			border: 1px solid #1a1a1a;
			padding: 20;
			color: gray;
			cursor: pointer;
			background-color: #0d0d0d;
			width: 78;
			text-align: center;
			margin-left: -1;
		}

		.egf:hover{
			color: white;
			background-color: #1a1a1a;
			border: 1px solid #262626;
		}
	
/* ================================ EVENT ====================== */

	.evtDetails{
		width: 94%;
	}

	#evtCheckoutTitle{
		font-size: 130%;
		padding-top: 20;
		padding-left: 1;
		color: #8fa39f;
	}

	#evtCheckoutLogos img{
		height: 26;
		width: 50;		
		margin-top: 16;
		border-radius: 4px;
		background-color: #cccccc;
		padding: 3;
		margin-right: 4;
	}

	.evtChkLabel{
		color: #a6a6a6;
		margin-top: 10;
		height: 20;
	}

	
	#evtMainDetails{ /* PICKUP HEEEREEE */
		margin-top: 20;
		padding: 20;
		width: 580;
		min-height: 100;
		border: 1px solid #262626;
		border-radius: 3px;
		font-size: 110%;
	}

	#evtDateAndTime{
		margin-top: 6;
		margin-bottom: 10;
	}
	
	#evtMainCheckout{
		margin-top: 20;
		margin-left: 20;
		width: 300;
		min-height: 100;
		padding-left: 20;
		padding-bottom: 20;
		border: 1px solid #262626;
		border-radius: 3px;
		background-color: #141414;
	}

	
		#evtCheckoutTitle{
			width: 100%;
		}

		#eventCheckoutPay{
			text-align: left;
			padding-right: 10;
			padding-bottom: 14;
			margin-top: 14;
			width: 280;
		}

		#eventCheckoutPay{
		}

		#eventCheckoutPay input, #giftCheckoutPay input{
			padding: 4;
			border: 1px solid #1a1a1a;
			background-color: #262626;
			outline: none;
			color: #cccccc;	
			margin-top: 8;
		}

		#evtPlayerName{
			width: 260;
			height: 32;		
		}
		
		#evtDCINumber{
			width: 260;
			height: 32;		
		}
		
		#evtEmailReceipt , #giftEmailReceipt, #giftEmailAccount{
			width: 260;
			height: 32;		
		}
		
		#giftFirstName , #giftLastName{
			width: 260;
			height: 32;		
		}	
		
		.evtSpaceLine{
			width: 280;
			height: 4;
			border-top: 1px solid #262626;
			margin-top: 20;
		}
		
		#psiEvtNameOnCard, #psiEvtPostalCode{
			width: 260;
			height: 32;
		}
		
		#psiEvtCardNum{
			width: 260;
			height: 32;
		}

		.evtChkLabel2{
			color: #a6a6a6; 
			font-size: 80%; 
			margin-top: 10; 
			position: relative; 
			float: left; 
			width: 84; 
			height: 8;
		}
		
		#psiEvtExpM{
			width: 70;
			height: 32;
			margin-top: -1;
		}
		
		#psiEvtExpY{
			width: 70;
			height: 32;
			margin-top: -1;		
			margin-left: 10;
		}
		
		#psiEvtSecCode{
			width: 70;
			height: 32;
			margin-top: -1;			
			margin-left: 10;
		}
		
		
		#evtCompletePurchaseBtn, #giftCompletePurchaseBtn{
			width: 260;
			height: 40;
			border-radius: 3px;
			text-align: center;
			cursor: pointer;		
			font-weight: bold; 
			margin-top: 24; 
			background: linear-gradient(#00b359,#008040); 
			border: 1px solid green; 
			color: #e6e6e6;
			height: 36;
		}	

		#eventCheckoutResponse{
			width: 100%;
		}
	

/* ================================ GIFT CARD ===================== */

#giftCheckoutPay{
	text-align: left;
	padding-right: 10;
	font-size: 110%;
	padding-bottom: 14;
	margin-top: 14;
	width: 562;
}	
	
/* =============================== NAVIGATION ================ */

#navigationLinks{
	width: 98%;
	text-align: center;
}

	.navLink{
		border: 1px solid #1a1a1a;
		margin-top: 30;
		display: block;
		font-size: 50px;
		width: 100%;
		padding-top: 50;
		height: 90;
	}
	
/* =============================== SUPPLIES ===================== */

.inventoryNav{
	height: 120;
	width: 440;
	padding: 12;
	margin-top: 20;
	margin-right: 20;
	border: 1px solid #1a1a1a;
	cursor: pointer;
	text-align: center;
	border-radius: 4px;
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,1);	
	background: linear-gradient(rgb(33, 36, 44, 0.3),rgb(22, 24, 29, 0.3));	
}

.inventoryNav:hover{
	box-shadow: 0px 0px 3px 1px rgba(170,170,170,1);	
}

.inContent{
	position: absolute;
	text-align: center;
}

.inventoryNav img{
	height: 120;
	width: 440;
}

.inventoryNavText{
	margin-top: 48;
	width: 100%;
	text-align: center;
	font-size: 400%;
	color: black;
	font-family: 'Acme', sans-serif;
	font-weight: bold;
	text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
	
}

/* =============================== SINGLE ITEM ==================== */

	.simc{
		width: 94%;
	}

	.itemImg{
		display: none;
		margin-top: 20;
		margin-left: 20;
		height: 450;
		width: 320;
		background-size: 100% 100%;
		border-radius: 16px;
		cursor: pointer;
	}
	
	.itemImg:hover{
		filter: brightness(105%);
	}

	#itemImgWrap{
		min-height: 300;
		max-height: 500;
		max-width: 400;
		cursor: pointer;
	}

	#itemImgWrap img{
		min-width: 300;
		max-width: 100%;
		max-height: 500;
		border-radius: 16px;
	}


	.goldtextcss{
		color: #D5AD6D; /*if no support for background-clip*/
		background: -webkit-linear-gradient(transparent, transparent),
		-webkit-linear-gradient(top, rgba(213,173,109,1) 0%, rgba(213,173,109,1) 26%, rgba(226,186,120,1) 35%, rgba(163,126,67,1) 45%, rgba(145,112,59,1) 61%, rgba(213,173,109,1) 100%);
		background: -o-linear-gradient(transparent, transparent);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		/* font-family: 'Signika Negative', sans-serif; */
		font-family: "Noto Sans", sans-serif;
	}	
	
	.nonCard{
		height: 400;
		width: 400;
		border: none;
	}
	
	.singleItemFoilCover{
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		border-radius: 9px;
		opacity: 0.1;
	}
		
	
	#itemDesc{
		top: 20;
		width: 430;
		font-size: 150%;
		margin-left: 20;
		padding: 20;
	}

	#itemDescName{
		width: 100%;
		font-size: 30px; 
		line-height: 32px;
		font-weight: bold;
	}

	#siCardSet{
		margin-top: 10;
		width: 100%;

	}

	#itemDescCardVariant{
		margin-top: 20;
		color: gray;
		width: 100%;
		padding-left: 2;
		font-weight: bold;
		font-size: 18px;
	}

	#itemPurchaseInfo{

		width: 99%;
		padding-left: 1%;
		margin-top: 40;
	}
	

	#siBuyButtons{
		margin-top: 15;
		padding-top: 6;
		width: 100%;
	}

	.sicb{
		margin-left: 10;
		background-color: #0d0d0d;
		border: 1px solid #424857;
		border-radius: 3px;
		padding-top: 18;
		height: 42;	
		text-align: center;
		font-size: 30px;
		cursor: pointer;
		font-weight: bold;
		color: #a8aebd;
		user-select: none;
	}

	.sicbMinus{
		margin-left: 0;
		width: 64;
	}

	.sicbMinus:hover{
		border: 1px solid #636c83;
	}

	.sicbInWrap{
		margin-left: 10;
		height: 62;
		width: 64;
	}

		#sicbIn{
			margin-left: 10;
			height: 62;
			width: 64;
			background-color: #0b0c0f;
			border: 1px solid #424857;
			border-radius: 3px;
			font-size: 26px;
			text-align: center;
		}

		.sicbIn:hover{
			border: 1px solid #636c83;
		}

	.sicbPlus{
		width: 64;
	}

	.sicbPlus:hover{
		border: 1px solid #636c83;
	}
	
	.sicbBuy{
		width: 180;
		font-size: 20px;
	}

	.sicbBuy:hover{
		border: 1px solid #636c83;
	}

	.sicbNotify{
		margin-top: 20;
		width: 100%;
		border: 0px solid black;
		padding: 6;
		color: #00b300;
	}

	.sicbNotify a{
		color: #00b300;
		font-weight: bold;
		text-decoration: none;
	}

	#itemAllImages{
		margin-left: 20;
		margin-top: 20;
		color: gray;
		width: 80%;
	}
	
	.allItemImgsBox{
		height: 80;
		width: 80;
		margin-left: 10;
		margin-top: 10;
		border: 1px solid #262626;
		cursor: pointer;
		background-size: 100% 100%;
	}


	#itemDescription{
		margin-left: 30;
		margin-top: 20;
		color: gray;
		width: 720;
	}

	#itemNameSearch{
		margin-top: 20;
		margin-left: 30;
		color: gray;
		width: 720;
	}

	#itemYouMayLikeHeader{
		width: 100%; 
		margin-bottom: 10; 
		margin-top: 50;
	}
	
	#itemYouMayLike{ 
		width: 1000; 
		padding-left: 10;
	}
/* ================================= CHECKOUT ====================== */

	#checkoutMainContent{
		border-radius: 3px;
		width: 600;
		padding: 16;
		padding-bottom: 30;
		margin-left: 180;
		margin-top: 10;
		border: 1px solid #16181d;
		font-size: 14px;	
		background-color: #1a1a1a;
		user-select: auto;	
	}

		#checkoutMainContent input{
			height: 32;
			padding: 4;
			border: 1px solid #1a1a1a;
			background-color: #262626;
			outline: none;
			color: #cccccc;
			margin-top: 8;
		}

		#checkoutNotifications{
			display: none;
			color: #60869f;
			color: orange;
			width: 100%;
			margin-bottom: 20;
		}

		#checkoutTable{
			border-spacing: 0 0px;
			border-collapse: separate;
			margin-top: 4;
			width: 600;
		}

		#checkoutTable tr{
			border-radius: 4px;			
		}

		#checkoutTable tr:nth-child(odd){
			background-color: #2c303a;	
			background-color: #262626;
		}
		
		#checkoutTable tr:nth-child(even){
			background-color: #21242c;
			background-color: #202020;
		}

		#checkoutTable th{
			border-bottom: 1px solid #1a1a1a;
			border-right: 1px solid #1a1a1a;
			height: 30;
			font-size: 12px;
		}

			.chkTblName{
				text-align: left;
				padding-left: 8;
				color: #e6e6e6;
		 	}

			.chkTblQnty{
				width: 60;
				text-align: center;
				color: #b3b3b3;
			}

			.chkTblEach{
				width: 60;
				text-align: center;
				color: #b3b3b3;
			}

			.chkTblStock{
				width: 60;
				text-align: center;
				color: #b3b3b3;
			}

			.chkTblDel{
				width: 30;
				text-align: center;
				color: #b3b3b3;
				cursor: pointer;
			}

				.chkTblDel:hover{
					background-color: #333333;
				}
		
		#checkoutTable td{
			padding: 4;
			border-bottom: 1px solid #1a1a1a;
		}

			.chkTblData_img{
				width: 40; 
				text-align: center; 
				border-right: none; 
				cursor: pointer;
			}

				.chkTblData_img img{
					border-radius: 3px;
					width: 100%;
				}

			.chkTblData_name{
				padding-left: 10; 
				text-align: left; 
				font-size: 90%;
				border-right: 1px solid #1a1a1a;
			}

				.chkTblData_name a{
					text-decoration: none;
					color: #e6e6e6;
				}

			.chkTblData_qnty{
				width: 60; 
				text-align: center;
				border-right: 1px solid #1a1a1a;
			}

			.chkTblData_price{
				width: 60; 
				font-size: 90%; 
				text-align: center; 
				color: #b3b3b3;
				border-right: 1px solid #1a1a1a;
			}

			.chkTblData_stock{
				width: 60; text-align: center; color: gray;
				border-right: 1px solid #1a1a1a;
			}

			.chkTblData_del{
				width: 30; text-align: center; font-size: 130%; color: gray;
				border-right: 1px solid #1a1a1a;
			}

				.checkoutRemove:hover{
					cursor: pointer;
					color: red;
				}

		#checkoutSubtotal{
			text-align: right;
			margin-top: 10;
			padding-bottom: 30;
			width: 596;
			padding-right: 4;
			border-bottom: 1px solid #404040;
			font-size: 16px;
		}

		#checkoutInStore{
			padding-bottom: 14;
			margin-top: 12;
			width: 598;
			padding-left: 2;
			border-bottom: 1px solid #404040;
			font-size: 16px;
		}

			#shipOpInStoreLabel{
				cursor: pointer;
				margin-top: 2;
			}

		#checkoutDelivery{
			padding-left: 10;
			font-size: 110%;
			padding-bottom: 14;
			margin-left: 6;
			margin-top: 10;
			width: 568;
			border-bottom: 1px solid #404040;		
			line-height: 160%;
		}	

			.shipOpChk{
				position: relative;
				margin-top: 3;
				float: left;
				height: 16;
				width: 20;
				text-align: center;
				font-size: 120%;
				border: 1px solid #4d4d4d;
				border-radius: 3px;
				margin-right: 9;
				padding-bottom: 4;
				line-height: 110%;
			}

			.shipOpChk:hover{
				border: 1px solid #666666;
				cursor: pointer;
			}

		#checkoutShippingArea{
			text-align: left;
			padding-bottom: 20;
			margin-top: 10;
			width: 596;
			padding-left: 4;
			border-bottom: 1px solid #404040;
			font-size: 16px;
		}

		#chkShipTitle{
			font-size: 18px;
			margin-top: 10;
			width: 100%;
		}	


		#canPostImgWrap{
			width: 100%;
		}

		#checkoutcanpostlogo{
			height: 30;
			width: 140;
			border-radius: 3px;
			margin-top: 6;
			margin-bottom: 4;
		}

		.shippingPromo{
			color: #389466; 
			margin-top: 10;
			width: 100%;
		}



		#checkoutShippingOptions{
			width: 100%;
			margin-top: 20;
			border-bottom: 1px solid #404040;
			padding-bottom: 10;
		}

			#checkoutShippingMethod{
				font-size: 16px;
			}

			.checkoutShippingOption{
				margin-top: 10;
				padding-top: 4;
				padding-bottom: 4;
				width: 100%;
				cursor: pointer;

			}

				.checkoutShippingOption:hover{
					filter: brightness(110%);
				}

		.shipOpInfo{
			color: gray;
			margin-left: 6;
		}

		.shipOpPrices{
			font-size: 14px;
		}


		#checkoutShippingAddressArea{
			padding-top: 10;
			padding-top: 0;
			width: 400;
			padding-left: 4;
		}

			.chkLabel, .otLabel{
				color: #a6a6a6; 
				font-size: 13px; 
				height: 16;
				margin-top: 10;
			}
		
		
		#ship_name_label{
			width: 590;
		}

			#ship_name{
				width: 270;
				margin-top: -2;
			}

		#ship_address_label{
			width: 590;
		}

			#ship_address{
				width: 270;
				margin-top: 4;
			}

		#ship_address_label_2{
			width: 590;
		}

			#ship_address_2{
				width: 270;
				margin-top: 4;
			}

		#ship_city_label{
			color: #a6a6a6;
			width: 142;
		}

			#ship_city{
				width: 130;
			}

		#ship_province_label{
			color: #a6a6a6;
			width: 142;	
		}	

			#ship_province{
				width: 130;
				margin-left: 8;
			}

		#ship_postal_label{
			width: 590;
		}			

			#ship_postal{
				width: 130;
				margin-top: -12;
			}

		#checkoutFedexOnly{
			padding-bottom: 14;
			padding-top: 14;
			margin-top: 4;
			width: 596;
			padding-left: 4;
			padding-bottom: 20;
			border-bottom: 1px solid #404040;
			font-size: 16px;		
		}


		#checkoutEmailReceipt, #checkoutPromoCodeArea{
			padding-bottom: 14;
			margin-top: 4;
			width: 596;
			padding-left: 4;
			padding-bottom: 20;
			border-bottom: 1px solid #404040;
			font-size: 16px;			
		}

			#chkEmailReceiptLabel, #chkPromoCodeLabel{
				width: 560;
			}

		
			#checkoutEmailReceipt input, #checkoutPromoCodeArea input{
				height: 32;
				padding: 4;
				border: 1px solid #1a1a1a;
				background-color: #262626;
				outline: none;
				color: #cccccc;	
				margin-top: 8;	
				width: 260;
			}

		#chkPromoCodeLabel{
			cursor: pointer;
		}

		#chkPromoCodeResponse{
			display: none;
			width: 100%;
			margin-top: 6;
			font-size: 14px;
		}

		#checkoutTax{
			text-align: left;
			padding-bottom: 14;
			padding-left: 4;
			margin-top: 12;
			width: 596;
			border-bottom: 1px solid #404040;
			font-size: 16px;
		}

		#checkoutTotal{
			text-align: left;
			margin-top: 24;
			width: 596;
			padding-left: 4;			
			padding-bottom: 24;
			border-bottom: 1px solid #404040;
			font-size: 20px;
		}

		#checkoutStoreCredit{
			text-align: left;
			padding-left: 4;
			padding-bottom: 14;
			margin-top: 6;
			width: 596;
			border-bottom: 1px solid #404040;		
		}
		
			#checkoutStoreCredit input{
				height: 32;
				width: 70;
				padding: 4;
				border: 1px solid #1a1a1a;
				background-color: #262626;
				outline: none;
				color: #cccccc;	
				margin-top: 8;	
				text-align: right;
				padding-right: 10;
			}

			#chkStoreCreditBalance{
				 color: gray;
				 font-size: 16px;
				 width: 100%;
			}

		#checkoutPaymentOptions{
			text-align: left;
			padding-bottom: 14;
			margin-top: 6;
			width: 600;
		}

			#cpoHeader{
				width: 598;
				padding-left: 2;
				color: gray;
				margin-top: 10;
				margin-bottom: 6;
				font-size: 18px;
			}

			.cpo{
				width: 200;
				height: 66;
				background-color: rgb(22, 22, 22);
				border: 1px solid transparent;
				border-radius: 6px;
				padding: 12;
				font-size: 20px;
				color: gray;
				margin-right: 10;
				margin-top: 10;
				cursor: pointer;
			}

				/* DISABLED FOR NOW */
				#cpoOt{
					display: none;
				}

				.cpo:hover{
					border-bottom: 1px solid #80809d;
					border-bottom: 1px solid lightgreen;
				}

				.cpoName{
					width: 100%;
				}

				.cpoLogos{
					width: 100%;
					margin-top: 8;
				}

					#cpoCc img{
						border-radius: 4px;
						background-color: rgb(18, 18, 18);
						background-color: #cccccc;
						padding: 4;
					}

					#chkLogoVisa{
						width: 50; 
						height: 26;
					}
		
					#chkLogoMC{
						width: 50; 
						height: 26;		
					}

					#chkLogoOpenTrade{
						background-color: #0d0d0d;
						padding: 4;
						border-radius: 4px;
					}

		#checkoutCardInfo{
			text-align: left;
			padding-right: 10;
			padding-left: 4;
			font-size: 110%;
			padding-bottom: 14;
			margin-left: 12;
			margin-top: 10;
			width: 562;
			border-bottom: 1px solid #404040;
		}

		#shippingBillingSame{
			margin-top: 12;
			color: gray;
			padding-bottom: 10;
		}	

		#shipBillSameChk{
			position: relative;
			margin-top: 1;
			float: left;
			height: 16;
			width: 20;
			text-align: center;
			font-size: 120%;
			border: 1px solid #4d4d4d;
			border-radius: 3px;
			margin-right: 9;
			padding-bottom: 4;
			line-height: 120%;
			cursor: pointer;
		}

		#shipBillSameChkLabel{
			cursor: pointer;
		}
		
		#checkoutTerms{
			text-align: left;
			padding-right: 10;
			padding-bottom: 14;
			padding-left: 4;
			margin-left: 12;
			margin-top: 14;
			width: 562;
			border-bottom: 1px solid #404040;		
		}

		.termsChk{
			position: relative;
			margin-top: 3;
			float: left;
			height: 18;
			width: 18;
			text-align: center;
			font-size: 120%;
			border: 1px solid #4d4d4d;
			border-radius: 3px;
			margin-right: 9;
		}

		
		.termsChk:hover{
			border: 1px solid #666666;
			cursor: pointer;
		}	

		#checkoutWithStoreCredit{
			display: none;
			margin-left: 2;
			width: 260;
			border-radius: 3px;
			text-align: center;
			padding-top: 6;
			cursor: pointer;		
			font-weight: bold; 
			margin-top: 18; 
			background: linear-gradient(#00b359,#008040); 
			border: 1px solid green; 
			color: #e6e6e6;
			height: 30;
		}
		
		#checkoutWithStoreCredit:hover{
			filter: brightness(105%);
		}
		
		#checkoutLogos{
			text-align: left;
			margin-top: 18;
			padding-left: 4;
			width: 590;
			font-size: 18px;
		}

			#checkoutLogosHeader{
				color: gray;
				width: 580;
			}
		
		#checkoutLogos img{
			margin-top: 16;
			border-radius: 4px;
			background-color: #cccccc;
			padding: 3;
		}


		
		#chkLogoSSL{
			display: none;
			width: 110; 
			height: 40;			
		}
		
		#checkoutPay, #checkoutOpenTrade{
			display: none;
			text-align: left;
			font-size: 110%;
			padding-left: 4;
			margin-top: 4;
			width: 320;
		}

			#chkCardNumberLabel{
				width: 590;
			}
		
			#checkoutPay input, #checkoutOpenTrade input{
				height: 32;
				padding: 4;
				border: 1px solid #1a1a1a;
				background-color: #262626;
				outline: none;
				color: #cccccc;	
				margin-top: 8;		
			}

				#checkoutOpenTrade input{
					width: 270;
				}
		
		#psiCardNum{
			width: 270;
			height: 32;
		}

		.chkLabel2{
			color: #a6a6a6;
			margin-top: 10;
			width: 90;
			font-size: 13px;
			height: 16;
		}
		
		#psiExpM{
			width: 76;
			height: 32;
			margin-top: -1;
		}
		
		#psiExpY{
			width: 76;
			height: 32;
			margin-top: -1;		
			margin-left: 10;
		}
		
		#psiSecCode{
			width: 76;
			height: 32;
			margin-top: -1;			
			margin-left: 10;
			margin-bottom: 10;
		}

	#checkoutBillingArea{
		width: 400;
	}


		#chkNameCard_label{
			width: 590;
		}

		#bill_name{
			width: 270;
			margin-top: -2;
		}

			#psiNameOnCard{
				width: 270;
				height: 32;
			}
		
		#bill_address_label{
			width: 590;
		}

			#bill_address{
				width: 270;
				margin-top: 4;
			}
		
		#bill_address_label_2{
			width: 590;
		}

			#bill_address_2{
				width: 270;
				margin-top: 4;
			}	


		#bill_city_label{
			color: #a6a6a6;
			position: relative; 
			float: left; 
			width: 142;
		}
		
			#bill_city{
				width: 130;
			}

		#bill_province_label{
			color: #a6a6a6;
			position: relative; 
			float: left; 
			width: 142;	
		}
		
			#bill_province{
				width: 130;
				margin-left: 8;
			}
		
		#bill_postal_label{
			width: 590;
		}		

			#bill_postal{
				width: 130;
				margin-top: -12;
			}

		#chkAvsCheck{
			font-size: 80%;
			margin-left: 10; 
			color: #4d8066; 
			color: #804d80;
			color: #404040;
			font-style: italic;
			cursor: default;
		}	
		
		#cpbtn{
			margin-top: 20;
		}

		.otLabel{
			width: 590;
		}

		#completePurchaseBtn{
			width: 260;
			height: 40;
			border-radius: 3px;
			text-align: center;
			padding-top: 5;
			cursor: pointer;		
			font-weight: bold; 
			background: linear-gradient(#00b359,#008040); 
			border: 1px solid green; 
			color: #e6e6e6; 
			font-size: 94%; 
			height: 36;
		}

		#openTradeCompletePurchase{
			margin-top: 20;
			width: 260;
			height: 40;
			border-radius: 3px;	
			font-weight: bold; 
			background: linear-gradient(#00b359,#008040);
			color: #cccccc; 
			font-size: 14px;
			height: 36;
			border: none;
			outline: none;
			cursor: pointer;
		}

		#processingPlaceholder{
			display: none;
			width: 260;
			height: 30;
			border-radius: 3px;
			text-align: center;
			padding-top: 5;	
			margin-top: 18; 
			background: linear-gradient(#00b359,#008040); 
			border: 1px solid green; 
			color: #e6e6e6; 
			font-size: 100%; 
			height: 36;		
		}
		
		
		
		#chkResponse{
			display: none;
			color: green;
			text-align: left;
			color: #60869f;
			width: 580;
			padding-left: 8;
			margin-top: 16;
		}	
	
/*

#currSaleSummaryPopup table{
	border-top: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	border-spacing: 0px;
	border-collapse: separate;
	width: 100%;
}

#currSaleSummaryPopup th{
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;	
	margin-left: -1;
	height: 30;
	text-align: left;
	padding-left: 5;
}

#currSaleSummaryPopup tr:nth-child(odd) {
    background-color: #f2f2f2;
}

#currSaleSummaryPopup td{
	padding: 6;
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}


*/


/* ============================== ORDERS ====================== */

#orderContentWrapper{
    margin-top: 10;
}

#orderTotals{
	margin-top: 20;
	float: right;
	margin-right: 10;
	width: 560;
	text-align: right;
	font-size: 16px;
}	

	#orderGrandTotal{
		float: right;
		margin-top: 20;
		font-size: 20px;
		width: 560;
		text-align: right;
		font-weight: bold;
	}


/* ============================== RESET PASSWORD ====================== */

	#rpContent input{
		height: 32;
		width: 230;
		padding: 4;
		border: 1px solid #1a1a1a;
		background-color: #262626;
		outline: none;
		color: #cccccc;	
		margin-top: 8;	
		text-align: left;		
	}
	
		
	#rpContent button{
		width: 230;
		margin-top: 14;
		height: 38;
		font-size: 100%;	
		border: 1px solid #262626;
		color: #8c8c8c;
		cursor: pointer;
		background: linear-gradient(#262626,#1a1a1a);		
	}	
	
	#rpContent button:hover{
		filter: brightness(110%);
	}	
	
	
		
/*   ============================= SIDEBAR ============================= */		
		
	#sideBar{
		width: 396;
		margin-left: 4;
		margin-top: 26;
		color: #999999;
	}


	.setName:hover{
		text-decoration: underline;
		cursor: pointer;
	}
	
	#mtgSetsTableWrap{
		height: 1000;
		width: 100%;
		min-height: 200;
		height: 1000;
		overflow-y: scroll;
		box-shadow: 0px 4px 10px 2px rgba(0,0,0,0.75);		 
	}

#mtgSetsTableWrap::-webkit-scrollbar {
    width: 12px;
}
 
#mtgSetsTableWrap::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(51, 51, 51,0.8); 
    border-radius: 6px;
}
 
#mtgSetsTableWrap::-webkit-scrollbar-thumb {
    border-radius: 6px;
    -webkit-box-shadow: inset 0 0 2px rgba(91, 91, 91,0.8); 
}
	
	#mtgSetsTable{
		border-spacing: 0px;
		border-collapse: separate;	
		border-top: 1px solid #262626;
		border-left: 1px solid #262626;		
		user-select: text;		
		opacity: 0.7;
		width: 100%;
		border-radius: 3px 0px 0px 3px;
		font-size: 13px;
	}

	#mtgSetsTable th{
		border-bottom: 1px solid #262626;
		height: 30;
		padding-left: 6;
		text-align: left;
		background: linear-gradient(#21242c,#16181d);
		background: linear-gradient(#1a1a1a,#0d0d0d);
		color: #808080;
		font-weight: normal;
	}

	#mtgSetsTable td{
		padding: 6;
	}

	#mtgSetsTableBody tr:nth-child(odd){
		background-color: rgb(20, 20, 20);
	}
	
	#mtgSetsTableBody tr:nth-child(even){
		background-color: #0d0d0d;
	}
	
	#setNameHeader{
		text-align: left;
	}

	#releasedHeader{
		text-align: center;
		width: 76;
	}

	.setReleaseDate{
		 color: gray;
	}


	#sbCartSum{
		height: 40;
		padding-top: 14;
		width: 396;
		margin-top: 20;
		cursor: pointer;
		text-align: center;
		border: 1px solid #4d5466;
		border-radius: 3px;	
		background: linear-gradient(#242528,#18191b);	
		font-weight: bold;
		color: #ffeccc;
		box-shadow: 0px 0px 7px 0px rgba(10,10,10,1);	
		opacity: 0.7;
	}

	#sbCartSum:hover{
		opacity: 1;
	}
	
		#sbCart{
			position: relative;
			float: left;
			width: 360;
			margin-bottom: 18;

			background-color: #0d0d0d;
			border-top: 1px solid #1a1a1a;
			border-left: 1px solid #1a1a1a;
			border-right: 1px solid #1a1a1a;
			padding-top: 2;
			opacity: 0.9;
		}
		
		#sbCartHeader{
			position: relative;
			float: left;
			width: 352;
			padding-bottom: 4;
			padding-left: 6;
			padding-top: 4;
			border-bottom: 1px solid #262626;
			color: #ffcc66;
			background: #0d0d0d;
			filter: brightness(90%);
			
		}
		
		#sbCartContent{
			position: relative;
			float: left;
			width: 356;
			padding-top: 2;
			padding-bottom: 1;
		}
		
		.cartItem{
			position: relative;
			float: left;
			width: 360;
			padding-top: 6;
			padding-bottom: 6;
			border-bottom: 1px solid #262626;
			background-color: #0d0d0d;
		}
		
		.ciName{
			position: relative;
			float: left;
			width: 268;
			margin-left: 8;
			cursor: pointer;
		}
		
		.ciQty{
			position: relative;
			float: left;
			width: 50;
			text-align: right;
		}
		
		.ciRemove{
			position: relative;
			float: left;
			width: 30;
			text-align: center;
			font-size: 120%;
			color: #262626;
		
		}
		
		.ciRemove:hover{
			cursor: pointer;
			color: red;
		}
		
		#sbCartCheckout{
			position: relative; 
			float: left; 
			width: 360; 
			height: 32; 
			margin-top: -1; 
			padding-top: 8; 
			text-align: center; 
			background: linear-gradient(#0d0d0d,black);
			border-bottom: 1px solid #ffcc66;
			color: #8c8c8c;
			font-weight: bold;
			filter: brightness(120%);
			cursor: pointer;
		}
		
		#sbCartCheckout:hover{
			filter: brightness(130%);
		}
		
		

			
		#sbbcBtn{
			width: 360; 
			height: 38; 
			margin-top: 0; 
			padding-top: 10; 
			text-align: center; 
			background: linear-gradient(#0d0d0d,black);
			color: #595959;
			color: black;
			color: #999999;
			font-weight: bold;
			background-image: url("../pos/images/siteImages/sbbcBtn.png");
			background-size: 100% 100%;
			border: 1px solid #262626;
			/*font-family: 'Acme', sans-serif; */
			/*text-shadow: 2px 0 0 #8a5442, -2px 0 0 #8a5442, 0 2px 0 #8a5442, 0 -2px 0 #8a5442, 1px 1px #8a5442, -1px -1px 0 #8a5442, 1px -1px 0 #8a5442, -1px 1px 0 #8a5442;				
			text-shadow: -1px 0 #784a3a, 0 1px #784a3a, 1px 0 #784a3a, 0 -1px #784a3a;*/
		}
		

		
		#sbbcBtn:hover{
			cursor: pointer;
			filter: brightness(115%);
			border: 1px solid #333333;
		}

		#sbSellUs{
			margin-top: 16;	
			height: 46;
			width: 100%;
			margin-bottom: 10;
			border: 1px solid #262626;
		}
		
		#sbSellUs:hover{
			border: 1px solid #333333;
			filter: brightness(115%);
		}
			
		#sbEvents{
			margin-top: 16;
		}

		.sbEventHeader{
			font-family: 'Acme', sans-serif;
		}
		
		.sbe{
			margin-top: 6; 
			width: 348; 
			padding: 6;
			border-bottom: 1px solid #1a1a1a;
			/* background-color: rgb(233, 233, 233); */
			cursor: pointer;
			background-color: #0d0d0d;
			background: linear-gradient(#0d0d0d,black);
			font-size: 90%;
			line-height: 130%;
			background-image: url("../pos/images/siteImages/sbe_bg.png");
			background-size: 100% 100%;
		}
		
		.sbe:hover{
			filter: brightness(110%);
		}
		
		.sbeName{
			width: 80%;
			font-size: 110%;
			font-family: 'Acme', sans-serif;
		}
		
		.sbeDate{
			width: 20%;
			text-align: right;
			font-size: 80%;
		
		}
		
		.sbeInfo{
			width: 80%;
		}
		

		
		#sbLeaders{
			width: 360;
			padding: 6;
			margin-top: 4;
			/*background-color: rgb(233, 233, 233); */
		}

#sbeEntrance{
	height: 140;
}

#sbePlaySpace{
	height: 300;
}

#sbeStreetView{
	height: 200;
}

#sbeMapView{
	height: 220;
}

/* ======================================= ARTICLES ======================================== */

.articleTitle{
	margin-top: 20;
	width: 80%;
	padding-left: 10%;
	padding-right: 10%;
	font-weight: bold;
	font-size: 24px;
}

.articleContent{
	width: 80%;
	padding-left: 10%;
	padding-right: 10%;
	font-size: 16px;
	white-space: pre-wrap;
}

/* ====== COMMANDER ====== */


/* ====== COMMANDER SIDEBAR ====== */

.csbLink{
	margin-bottom: 10;
	width: 100%;
	font-size: 18px;
}

.csbSectionHeader{
	margin-top: 10;
	margin-bottom: 10;
	width: 100%;
	font-size: 18px;

}




#siteFooter{
	margin-top: 140;
	bottom: 0;
	width: 100%;
	height: 340;
	background-color: black;
	border-top: #1a1a1a;
}

#sfContent{
	width: 1400; 
	margin-top: 30;
	position: absolute;
	margin-left: auto;
	margin-right: auto;	
	left: 0;
	right: 0;	
	text-align: center;
}

	.footerBlock{
		width: 300;
		margin-left: 20;
		text-align: left;
	}

		.footerBlockLogos{
			margin-left: 40;
		}
	
	.footerBlock a{
		text-decoration: none;
		color: #e6e6e6;
	}
	
	.footerBlock a:hover{
		color: #bfbfbf;
	}
	
	.footerBlockFull{
		width: 1300;
		text-align: center;	
		margin-bottom: 20;
	}
	

		#sfWizLogo{
			width: 100; 
			height: 50; 
			margin-top: 20;
			margin-left: 40;
			background-image: url('../pos/images/siteImages/wizardsinternet.png'); 
			background-size: 100% 100%;
		}
		
		#sfWPNLogo{
			width: 100; 
			height: 50; 
			margin-top: 20;
			margin-left: 10;
			background-image: url('../pos/images/siteImages/wpnpremium.png'); 
			background-size: 100% 100%;			
		}

		#webhostInfo{
			margin-top: 20;
			margin-left: 34;
		}

		

/* =====		=====		==========		=====		=====
=====		=====		==========		=====		=====

=====		=====		==========		=====		==========		=====		=====

=====		=====		==========		=====		=====
=====		=====		=====
=====		=====		==========		=====		=====
	=====		=====		=====	=====		=====		=====

	=====		=====		=====	=====		=====		=====

			=====		=====		==========		=====		==========		=====		=====

			=====		=====		=====
				=====		=====		==========		=====		==========		=====		=====

				=====		=====		=====









				=====		=====		==========		=====		=====

				=====		=====		==========		=====		=====


				=====		=====		=====



							=====		=====		==========		=====		==========		=====		=====


							=====		=====		=====

							=====		=====		==========		=====		=====




/* ======================================== PHONES =============================*/


/* if on phone, straight up */
@media screen and (orientation:portrait) {

body{
	width: 1000;
	font-size: 30px;
}

#mask{
}

#siteBackgroundImg{
	width: 1000;
}

#contentWrapper{
    -webkit-animation: none; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: none; /* Firefox < 16 */
        -ms-animation: none; /* Internet Explorer */
         -o-animation: none; /* Opera < 12.1 */
            animation: none;	
	width: 1000;
}

#header{
	height: 96;
	width: 1000;
	text-align: center;
}


#headerContent{
	width: 1000;
	top: 20;
}


#headerLogo{
	height: 60;
	width: 390;
	left: 40;
	/*background-image: url("../pos/images/siteImages/sbclogo1.png"); */
	background-image: url("../pos/images/siteImages/sbckenz1.png");
}

#headerSearchIn{
	display: none;
	/*
	position: relative;
	float: left;
	height: 48;
	width: 280;
	left: 50;
	*/
}

#headerSearchLink{
	display: none;
	/*
	position: relative;
	float: left;
	left: 49;
	height: 48;
	margin-top: 1;
	width: 100;
	border: 1px solid #303a50;
	*/
	
}

#headerHeadings{
	display: none;
	/*
	left: -30;
	top: 78;
	height: 50;
	text-align: center;
	padding-top: 20;
	color: gray;
	border-top: 1px solid #262626;
	font-size: 140%;
	width: 100%;
	*/
}



#headerAccount{
	position: absolute;
	right: 0;
	margin-left: 70;
	width: 450;
	padding-right: 30;
	text-align: right;
	font-size: 30px;
}


#hsAutocomplete{
	left: 0;
	top: 190;
	max-height: 1000;
	width: 1000;
	
}

.sug{
	text-align: left;
	height: 60;
	padding-top: 30;
	padding-bottom: 16;
	padding-left: 40;
	font-size: 36px;
	color: #cccccc;
}

#secondHeader{
	display: none;
	/*
	top: 84;
	height: 100;
	width: 1000;
	font-size: 22px;
	line-height: 60px;
	margin-bottom: 60;
	*/
}

#shContent{
	width: 1000;
	height: 120;
	font-size: 150%;
	text-align: center;
}

#mobileNewLine{
	display: block;
}


#thirdHeader{
	top: 210;
	height: 100;
	width: 1000;
	line-height: 210%;
	margin-bottom: 40;
	text-align: center;
}


#loginBox, #signupBox, #forgotPWBox, #accountHistoryBox{
	padding: 20;
	display: none;
	position: absolute;
	height: 1400;
	width: 80%;
	top: 88;
	left: 8%;
	font-size: 40px;
	/*
	
	top: 132;
	left: 300;
	width: 360;
	min-height: 700;
	padding: 20;
	
	*/
}

#ahbSignOut{
	top: 20;
	right: 20;
	font-size: 34px;
}

.ahRow{
	margin-top: 70;
}

#ahbHistory{
	margin-top: 30;
	font-size: 30px;
}


/*
#accountHistoryBox{
	display: none;
	position: absolute;
	top: 58;
	right: 8;
	width: 360;
	height: 400;
	background: linear-gradient(#1a1a1a,#0d0d0d);
	color: #b3b3b3;
	z-index: 555;
	border-radius: 2px;
	border: 1px solid #333333;
	padding: 10;
	overflow-y: auto;
}

#ahbHistory{
	position: relative;
	float: left;
	width: 94%;	
	padding-bottom: 20;
}

#ahbViewOrder{
	display: none;
	position: relative;
	float: left;
	width: 94%;
	padding-bottom: 20;
}

#ahbBackButton{
	display: none;
	position: absolute;
	top: 12;
	right: 20;
	font-size: 90%;
	text-decoration: underline;
}

#ahbSignOut{
	position: absolute;
	top: 12;
	right: 20;
	font-size: 90%;
	color: gray;
	text-decoration: underline;	
}

.ahOrderContentTable{
	border-spacing: 0px;
	border-collapse: separate;	
	border-top: 1px solid #262626;
	border-left: 1px solid #262626;		
	 -moz-user-select: text;
	 -khtml-user-select: text;
	 -webkit-user-select: text;
	 -ms-user-select: text;
	 user-select: text;		
	 opacity: 0.7;
	 width: 100%;
}

.ahOrderContentTable th{
	border-bottom: 1px solid #262626;
	height: 40;
	background: linear-gradient(#1a1a1a,#0d0d0d);
}

.ahOrderContentTable td{
	padding: 8;
	border: 1px solid #262626;
}

.ahOrderContentTable tr:nth-child(odd){
	background-color: #1a1a1a;
}

.ahOrderContentTable tr:nth-child(even){
	background-color: #0d0d0d;
}

.ahRow{
	position: relative;
	float: left;
	width: 100%;
	padding-top: 6;
	padding-bottom: 5;
	margin-top: -1;
	border-top: 1px solid #404040;
	border-bottom: 1px solid #404040;
}
*/


.lbLogo{
	
	width: 100%;
	height: 300;
	/*
	height: 120; 
	width: 360;
	*/
}

#loginBox input, #signupBox input, #forgotPWBox input{
	width: 100%;
	height: 100;
	font-size: 120%;
	padding: 20;
	border: 1px solid #1a1a1a;
	background-color: #262626;
	color: #cccccc;
	margin-top: 30;
}

	#lbResponse{
		margin-top: 60;
	}

	#hFPW{
		margin-top: 60;
	}

	#hAA{
		margin-top: 30;
	}

#lbButton, #suButton, #fpwButton{
	width: 100%;
	margin-top: 36;
	padding: 16;
	height: 100;
	font-size: 100%;
	border: 1px solid #262626;
	color: #8c8c8c;
	text-align: center;
	cursor: pointer;
	background: linear-gradient(#262626,#1a1a1a);
}

#suResponse{
	margin-top: 40;
	font-size: 36px;
}

#forgotPWBox{
	height: 800;
}

#hAA{
	margin-top: 40;
}

#lbRmCheckbox{
	height: 40;
	width: 40;
	font-size: 180%;
}

#accountHistoryBox table{
	width: 100%;
	font-size: 30px;
}


#mobileHeaderBrowseSearch{
	margin-top: 10;
	display: block;
	width: 1000;
	height: 100;
	z-index: 444;
}

#mhSearchInWrap{
	height: 100;
	width: 630;
	border-top: 1px solid #404040;
	border-bottom: 1px solid #404040;
}

#mhSearchIn{
	height: 100%;
	width: 100%;
	padding: 20;
	padding-left: 40;
	font-size: 40px;
	background-color: #0d0d0d;
	outline: none;
	border: none;
	color: #e6e6e6;
}

#mhSearchLink{
	height: 100;
	width: 100;
	color: gray;
	font-size: 40px;
	background-color: #0d0d0d;
	border: none;
	border-top: 1px solid #404040;
	border-bottom: 1px solid #404040;
	border-right: 1px solid #404040;
}

#mhSearchLink button{
	border: none;
}

#mhBrowseLink{
	width: 264;
	height: 85;
	padding-top: 15;
	text-align: center;
	font-size: 40px;
	border-top: 1px solid #404040;
	border-bottom: 1px solid #404040;
}

#mhBrowseLink a{
	text-decoration: none;
	color: gray;
}

#mhBrowseLink img{
	height: 70;
	width: 200;
}

/*
*/

#terms{
	height: 720;
	width: 680;
	margin-left: -350;
	margin-top: -250;
}

#termsHeader{
	position: relative;
	float: left;
	width: 640;
	height: 42;
	font-size: 130%;
	border-bottom: 1px solid gray;
}

#termsClose{
	height: 42;
}

#termsContent{
	margin-top: 10;
	width: 680;
	height: 640;
}


/* ========================= LANDING PAGE ======================= */
	

#mainContent{
	width: 980;
	margin-top: 30;
	margin-bottom: 30;
}

	#mcImageWrapper{
		margin-top: 40;
		width: 1000;
		height: 320;
		margin-bottom: 40;
		
	}
		
	#mcImageWrapper img{
		width: 1000; 
		height: 320; 		    
	}
		
	.mcImage{
		width: 1000; 
		height: 320; 
	}
		
	#mcImageSelector{
		top: 320;
		width: 960;
		height: 52;
		padding-left: 40;
		background-color: #1a1a1a;
	}
	
	.mcImageSelectNum{
		width: 60;
		padding-top: 8;
		cursor: pointer;
		height: 44;
	}

	#landingContentWrapper{
		padding: 20; 
		width: 950;
		line-height: 220%;
		font-size: 110%;
	}
	
	#lcLeft{
		font-size: 150%; 
		width: 460;
	}


	
	#lcRight{
		font-size: 130%; 
		width: 460;
	}

	
	.lcrLogo{
		height: 120;
		width: 440;
		margin-top: 10;
		margin-left: 40;
		background-size: 440px 720px;
	}

	
	.lcrLogo:hover{
		filter: brightness(110%);
	}
	
	#lcrl_mtg{
		background-position: 0px 0px;
	}
	
	#lcrl_vanguard{
		background-position: 0px -120px;
	}
	
	#lcrl_yugioh{
		background-position: 0px -240px;
	}
	
	#lcrl_pokemon{
		background-position: 0px -360px;
	}
	
	#lcrl_ws{
		background-position: 0px -480px;
	}
		
/* =============================== CARDS ==================== */		



/* ========== ADVANCED SEARCH ====== */

#cardsAdvHeader{
	width: 920;
	margin-left: 30;
	font-size: 34px;
}

.sbbc_small{
	width: 40%;
}






.cbWrapper{
	width: 310;
	height: 630;
	margin-top: 10;
	margin-left: 5;
	margin-right: 5;
}

.cardBoxBG{
}	

.cardBox{
	width: 100%;
	height: 100%;
	font-size: 22px;
}

.cardBoxImgWrap{
	width: 310;
	height: 436;
}

.cardBoxImgWrap img{
	width: 310;
	height: 436;	
	border-radius: 15px;
}

	.foilCover{
		width: 310;
		height: 436;	
		border-radius: 15px;
	}
	
	.cbName{
		font-size: 20px;
		height: 34;
	}

	.cbVariant{
		text-align: center;
		width: 100%;
		height: 32;
		font-size: 20px;
	}

	.cbInfo{
		width: 100%;
		font-weight: bold;
		color: #808080;
		font-size: 28px;
		margin-top: 6;
	}

	.cbInfo img{
		height: 16;
		width: 24;
	}
	
	.cbInWrap{
		width: 50;
		height: 50;
		margin-left: 44;
	}

	.cbIn{
		font-size: 32px;
	}
	
	.cbPlus{
		padding-top: 5;
		height: 47;
		width: 50;
		font-size: 50px;
		margin-left: 8;
		text-align: center;
		padding-top: 0;
	}

	.cbBuy{
		height: 46;
		padding-top: 2;
		width: 100;
		font-size: 26px;
		margin-left: 8;
		color: #999999;
	}	

	.cbBuy:hover{
		filter: brightness(110%);
	}
	
	
	.cbNotify{
		top: 390;
		width: 100%;
		border-radius: 3px;
		font-size: 22px;
	}


/* ==== RESTOCK ALERT === */

	#restockAlertBox{
		top: 220;
		left: 50%;
		margin-top: 0;
		margin-left: -400;
		width: 700;
		padding: 40;
	}

		#raClose{
			top: 40;
			right: 40;
			font-size: 50px;
		}

		#raTitle{
			font-size: 40px;
		}

		#raCardName{
			margin-top: 40;
			font-size: 44px;
			height: 50px;
		}

		#restockAlertBox select{
			height: 100;
			font-size: 28px;
			width: 100%;
			padding-left: 20;
		}

		#restockAlertBox option{
			height: 100;
			font-size: 24px;
			width: 100%;
		}

		#raCreateButton{
			width: 100%;
			margin-top: 40;
			height: 100;
			font-size: 32px;
		}

		#raResponse{
			width: 100%;
			margin-top: 20;
			font-size: 34px;
		}



.paginateWrap{
	width: 960;
	margin-top: 50;
	margin-bottom: 40;
	margin-left: 10;
}

	.paginateWrap a{
		height: 50;
		padding-left: 30;
		padding-right: 30;
		padding-top: 10;
		font-size: 40px;
	}


#searchNoResults{
	margin-top: 10;
	margin-left: 40;
	width: 900;
	padding-bottom: 20;
}

#storeStockTableWrap{
	margin-top: 80;
}

#storeStockTable{
	width: 920;
	margin-left: 20;
	font-size: 28px;
}

#searchStockMessage{
	margin-left: 30;
	margin-top: 30;
	padding-bottom: 30;
}
	
		
	#largeContent{
		border-radius: 2px;
		position: relative;
		float: left;
		width: 990;
		font-size: 90%;
		margin-top: -40;
	}	

	
	/* ========================= BUYLIST ===================== */
	
	#buylistInfo{
		
	}

	#buyTable{
		font-size: 150%;
	}
	
	#buyTable img{
		height: 80;
		width: 60;
	}
	
	
	
	
	
	/* ======================= EVENTS ====================== */

	#lmeLeft{
		width: 980;
		margin-right: 10;
		padding-bottom: 20;
		margin-left: 10;
	}

	#lmeRight{
		width: 980;
		margin-left: 10;
	}

	
	#playInfo{
		margin-top: 0;
		font-size: 24px;
		line-height: 60px;
	}

	.eventBox{
		width: 980;
		height: 264;
		margin-top: 30;
		font-size: 130%;
		line-height: 160%;

	}

	.eventImg{
		width: 980;
		height: 360;
	}

	.eventBoxContent{
		padding: 8;
		position: relative;
	}

	.eventBox a{
		cursor: pointer;
		color: #cccccc;
		text-decoration: none;
	}



/*=========================== SINGLE EVENT ======================= */

	.mcEventImage{
			width: 1000; 
			height: 440; 	
	}

	
	#eventContent{
		padding: 20; 
		width: 950;
	}
	
	#eventTitle{
		font-size: 160%;
	}
	
	#eventDate{
		right: 20; 
		top: 25; 
		font-size: 180%;
	}
	
	#eventAttributes{
		margin-top: 20;
		padding-bottom: 26;
	}
	
	#eventDetails{
		font-size: 110%;
		margin-top: 20;
		margin-bottom: 30;
	}
	
	
/* =================== MOBILE CHECKOUT  */


#checkoutMainContent{
	padding: 20;
	padding-bottom: 30;
	margin-top: 60;
	width: 960;
	margin-left: 0;
	font-size: 30px;
}

	#checkoutMainContent input{
		height: 100;
		width: 930;
		padding: 20;
		margin-top: 16;
		font-size: 40px;
	}

	#checkoutNotifications{
		text-align: center;
	}

	.chkLabel, .otLabel{
		font-size: 32px; 
		height: 40;
		margin-top: 30;
	}

	#checkoutTable{
		width: 960;
		font-size: 28px;
	}

		#checkoutTable th{
			font-size: 24px;
			height: 80;
		}

			.chkTblName{
				padding-left: 14; 
				text-align: left; 
				font-weight: normal; 
				color: white;
			}

			.chkTblQnty{
				width: 110;
			}

			.chkTblEach{
				width: 110;
			}

			.chkTblStock{
				width: 110;
			}

			.chkTblDel{
				width: 100;
			}

		#checkoutTable td{
			padding: 6;
			border-bottom: 1px solid #1a1a1a;
		}

			.chkTblData_img{
				width: 80; 
				text-align: center; 
				border-right: none; 
				cursor: pointer;
			}

				.chkTblData_img img{
					border-radius: 6px;
					width: 100%;
				}

		
		#checkoutSubtotal{
			font-size: 40px;
			width: 950;
			padding-right: 10;
			padding-bottom: 40;
		}

		.shipOpChk{
			height: 60;
			width: 60;
			font-size: 60px;
			border: 1px solid gray;	
			margin-left: 10;
		}

		#checkoutInStore{
			padding-top: 20;
			padding-bottom: 40;
			width: 950;
			padding-left: 10;
			font-size: 36px;

		}

			#shipOpInStoreLabel{
				width: 840;
				margin-top: 16;
				margin-left: 10;
			}


		#checkoutShippingArea{
			width: 950;
			padding-left: 10;
			font-size: 30px;
		}

			#chkShipTitle{
				margin-top: 20;
				font-size: 36px;
			}

			#checkoutcanpostlogo{
				margin-top: 24;
				height: 60;
				width: 280;
			}

			.shippingPromo{
				margin-top: 20;
				font-size: 30px;
			}

			#checkoutShippingMethod{
				margin-top: 20;
				font-size: 30px;
				line-height: 40px;
			}

			

			.checkoutShippingOption{
				padding-top: 20;
				padding-bottom: 20;
			}

			.shipOpDesc{
				margin-left: 20;
			}

			.shipOpPrices{
				font-size: 30px;
				margin-left: 20;
			}

		
			#checkoutShippingAddressArea{
				width: 960;
				padding-bottom: 20;
			}

				#ship_city_label{
					width: 450 !important;

				}

				#ship_city{
					width: 440 !important;
				}

				#ship_province_label{
					margin-left: 30;
					width: 450 !important;
				}

				#ship_province{
					margin-left: 30;
					width: 450 !important;
				}

		#checkoutEmailReceipt, #checkoutPromoCodeArea{
			width: 950;
			padding-left: 10;
			padding-bottom: 40;
		}

		#checkoutFedexOnly{
			padding-top: 40;
			padding-left: 20;
			padding-bottom: 40;
			width: 940;
			font-size: 36px;		
		}

		#chkPromoCodeResponse{
			margin-top: 20;
			font-size: 36px;
		}

		#checkoutTax{
			width: 950;
			padding-left: 10;
			font-size: 40px;
			padding-top: 20;
			padding-bottom: 26;
		}

		#checkoutTotal{
			width: 950;
			padding-left: 10;
			font-size: 50px;
			padding-top: 30;
			padding-bottom: 58;
		}

		#checkoutStoreCredit{
			padding-top: 30;
			width: 950;
			padding-left: 10;
			padding-bottom: 40;
			font-size: 36px;
		}

			#chkStoreCreditBalance{
				font-size: 40px;
				margin-top: 20;
			}

		/* OT */
		#checkoutPaymentOptions{
			padding-bottom: 30;
			margin-top: 20;
			width: 950;
		}

			#cpoHeader{
				width: 900;
				padding-left: 10;
				margin-top: 30;
				margin-bottom: 20;
				font-size: 38px;
			}

			.cpo{
				width: 400;
				height: 160;
				border: 3px solid transparent;
				border-radius: 12px;
				padding: 20;
				font-size: 40px;
				margin-right: 20;
				margin-top: 20;
			}

				.cpo:hover{
					border-bottom: 2px solid #80809d;
					border-bottom: 3px solid lightgreen;
				}

				.cpoLogos{
					margin-top: 20;
				}

					#cpoCc img{
						border-radius: 4px;
						background-color: rgb(18, 18, 18);
						background-color: #cccccc;
						padding: 8;
					}

					#chkLogoVisa{
						width: 120; 
						height: 70;
					}
					
					#chkLogoMC{
						width: 120; 
						height: 70;		
						margin-left: 20;
					}

					#chkLogoOpenTrade{
						background-color: #0d0d0d;
						height: 70;
						width: 340;
						padding: 8;
						border-radius: 8px;
					}

		#checkoutWithStoreCredit{
			margin-top: 30;
			height: 80;
			width: 940;
			font-size: 38px;
			padding-top: 30;
		}

		#checkoutLogos{
			margin-top: 40;
			width: 950;
			padding-left: 10;
		}

			#checkoutLogosHeader{
				width: 920;
				font-size: 40px;
			}

			#checkoutLogos img{
				margin-top: 26;
				border-radius: 8px;
				padding: 10;
			}



		#checkoutPay{
			width: 950;
			padding-left: 10;
		}

			.chkLabel2{
				font-size: 32px; 
				height: 40;
				margin-top: 30;
				width: 315;
			}

			#psiExpM{
				width: 300 !important;
			}

			#psiExpY{
				width: 300 !important;
			}

			#psiSecCode{
				width: 300 !important;
			}

		#shippingBillingSame{
			padding-top: 20;
			width: 950;
			padding-left: 10;
			padding-bottom: 20;

		}

			#shipBillSameChk{
				height: 60;
				width: 60;
				font-size: 60px;
				margin-left: 20;
				border: 1px solid gray;	
			}

			#shipBillSameChkLabel{
				font-size: 44px;
				margin-left: 30;
				margin-top: 8;
			}

		#checkoutBillingArea{
			width: 960;
		}


			#bill_city_label{
				width: 440 !important;

			}

			#bill_city{
				width: 440 !important;
			}

			#bill_province_label{
				margin-left: 30;
				width: 450 !important;
			}

			#bill_province{
				margin-left: 30;
				width: 450 !important;
			}

		#cpbtn{
			margin-top: 60;
			border-radius: 8px;
		}

		#openTradeCompletePurchase{
			margin-top: 60;
			width: 930;
			height: 100;
			font-size: 40px;
		}

		#chkResponse{
			margin-top: 40;
			margin-bottom: 30;
			width: 100%;
			text-align: center;
			font-size: 36px;

		}

	
/* ======================================== SINGLE ITEM PAGE ================ */


.simc{
	width: 980;
}

/*
.itemImg{
	margin-top: 60;
	height: 770;
	width: 550;
	margin-left: 200;
	border-radius: 26px;
}
*/
#itemImgWrap{
	margin-top: 40;
	margin-left: 80;
	min-height: 300;
	max-height: 1000;
	max-width: 800;
	width: 800;
	text-align: center;
}

#itemImgWrap img{
	float: none;
	min-width: 600;
	max-width: 100%;
	max-height: 1000;
	border-radius: 30px;
}

.nonCard{
	width: 770;
	height: 770;
	margin-left: 106;
}

#itemDesc{
	margin-top: 80;
	margin-left: 0;
	margin-right: 0;
	padding-left: 30;
	width: 940;
}

	#itemDescName{
		font-size: 70px;
		line-height: 80px;
	}

	#siCardSet{
		margin-top: 40;
		font-size: 50px;
	}

	#itemDescCardVariant{
		margin-top: 60;
		font-size: 40px;
	}

	#itemPurchaseInfo{
		margin-top: 80;
		font-size: 60px;
	}

	#siBuyButtons{
		margin-top: 60;
	}

	.sicb{
		margin-left: 30;
		border-radius: 8px;
		padding-top: 44;
		height: 86;	
		font-size: 80px;
		width: 130;
	}

	.sicbMinus{
		margin-left: 0;
	}

	.sicbInWrap{
		margin-left: 30;
		height: 130;
		width: 130;
	}

		#sicbIn{
			height: 100%;
			width: 100%;
			font-size: 60px;
			border-radius: 8px;
		}

	.sicbBuy{
		width: 420;
		font-size: 36px;
	}

	.sicbNotify{
		margin-top: 50;
		width: 90%;
		text-align: center;
	}

	#itemAllImages{
		width: 920;
		margin-top: 40;
	}

	.allItemImgsBox{
		height: 200;
		width: 200;
		margin-left: 20;
		margin-top: 20;
	}

	#itemDescription{
		width: 920;
		font-size: 30px;
	}

	#itemNameSearch{
		width: 920;
		margin-top: 30px;
		font-size: 30px;
	}

	#itemYouMayLikeHeader{
		margin-top: 80;
		margin-left: 30;
		width: 960;
		font-size: 40px;
	}

	#itemYouMayLike{
		width: 980;
		padding: 0;
	}


/* =========================== PRODUCTS / SUPPLIES ============== */

	.inventoryNav{
		background: linear-gradient(rgb(33, 36, 44, 0.3), rgb(22, 24, 29, 0.3));
		height: 120;
		width: 970;
		margin-top: 20;
	}

	.inLogo{
		top: 10;
		left: 280;
		height: 120;
		width: 440;	
		background-size: 440px 720px;
	}
	
		
	#lcrl_mtg{
		background-position: 0px 0px;
	}
	
	#lcrl_vanguard{
		background-position: 0px -120px;
	}
	
	#lcrl_yugioh{
		background-position: 0px -240px;
	}
	
	#lcrl_pokemon{
		background-position: 0px -360px;
	}
	
	#lcrl_ws{
		background-position: 0px -480px;
	}
	
	/* other background positions see .lcrLogo{} */
	#lcrl_funko{
		background-position: 0px -600px;
	}


	#navigationLinks{
		width: 100%;
	}

	.navLink{
		height: 100; 
	}

	.inventoryNavText{
		font-size: 80px;
		height: 100%;
		margin-top: 40;
	}

	/* ======================= CATEGORY/BRAND/INDEX =============== */

	.itemBoxBrandHeader{
		width: 920;
		padding-left: 40;
		padding-top: 10;
		margin-top: 40;
		margin-bottom: 20;
		font-size: 36px;
	}

		.ibbhOptions{
			font-size: 32px;
		}

	
	.itemBoxWrap{
		width: 440;
		height: 560;
		margin-top: 40;
		margin-right: 20;
		margin-left: 20;
	}	

	.singlesItemBoxWrap{
		height: 720;
	}

	.itemBoxImgTable{
		height: 440;

	}

		.itemBoxImgTable img{
			max-height: 440;
			max-width: 440;
		}

		.itemBoxImgTable a{
		}

		.singlesItemBoxImg{
			width: 440;
			height: 620;
		}

		.singlesItemBoxImg img{
			max-height: 620;
			width: 440;
			height: 620;
			border-radius: 24px;
		}

	.itemBoxInfo{
		font-size: 32px;
	}

	.itemBoxName{
		font-size: 30px;
		line-height: 32px;
		max-height: 60;
		padding-top: 10;
		padding-bottom: 10;
	}

	.itemBoxInfo img{
		height: 22;
		width: 30;
	}	
	


/* ================================ EVENT ====================== */


	.evtDetails{
		padding-top: 20;
	}

	#evtCheckoutTitle{
		font-size: 60px; 
	}



	#evtMainDetails{
		width: 940;
		padding: 20;
		border: none;
	}
	
	#evtMainCheckout{
		width: 950;
		margin-left: 0;
		padding-top: 30;
		padding-left: 30;
	}

	#evtCheckoutTitle{
		height: 60;
	}

	.evtSpaceLine{
		width: 920;
		height: 40;
		margin-top: 30;
		border-top: 1px solid #4d4d4d;
	}

	.evtChkLabel{
		color: #a6a6a6; 
		font-size: 120%; 
		height: 40;
		margin-top: 10;
	}

	#eventCheckoutPay{
		text-align: left;
		font-size: 150%;
		padding-bottom: 24;
		margin-top: 24;
		width: 100%;
	}
	
	#eventCheckoutPay input{
		padding: 14;
		margin-top: 20;
		font-size: 140%;
		height: 100;
		margin-bottom: 40;
	}
	
	#evtPlayerName{
		width: 920;	
	}
	
	#evtDCINumber{
		width: 920;	
	}
	
	#evtEmailReceipt{
		width: 920;	
	}
	
	#psiEvtCardNum{
		width: 920;
	}
	
	.evtChkLabel2{
		margin-top: 10;
		width: 300; 
		margin-right: 20;
		height: 40;
	}
	
	#psiEvtExpM{
		width: 300;
	}
	
	#psiEvtExpY{
		width: 300;
	}
	
	#psiSecCode{
		width: 280 !important;
	}
	
	#evtPsiCodeLabel{
		width: 200;
	}
	
	#evtCompletePurchaseBtn{
		width: 920;
		height: 120;
		color: #e6e6e6;
		font-size: 40px;
	}	
	
	#eventCheckoutResponse{
		text-align: center;
		font-size: 44px;
		margin-top: 50;
		margin-bottom: 50;
	}

	#evtCheckoutLogos{
		margin-top: 20;
	}

		#evtCheckoutLogos img{
			height: 90;
			width: 180;
			margin-right: 20;
			padding: 8;
			border-radius: 14px;
		}


/* ============================ MOBILE ORDERS ========================= */

#orderContentWrapper{
    margin-top: 30;
	margin-bottom: 30;
}

#orderTotals{
	margin-top: 40;
	margin-right: 10;
	width: 800;
	font-size: 38px;
}	

	#orderGrandTotal{
		float: right;
		margin-top: 30;
		font-size: 40px;
		width: 800;
	}




/* ============================== MOBILE RESET PASSWORD ====================== */

	#rpContent{
		font-size: 160%;
	}

	#rpContent input{
		height: 82;
		width: 630;
		padding: 20;
		margin-top: 28;	
		font-size: 150%;
		
	}
	
		
	#rpContent button{
		width: 630;
		margin-top: 14;
		height: 88;	
		margin-top: 28;		
	}	

	
	
/* ======================================  MOBILE SIDEBAR */	
	
#sideBar{
	width: 940;
	padding-left: 30;
}	
	
#sbCart{
	width: 980;
	margin-bottom: 30;
	margin-top: 20;
	font-size: 140%;
	
}

#sbCartHeader{
	width: 960;
	height: 50;
	padding-top: 26;
	padding-left: 20;
	font-size: 140%;
	
}

	#sbCartContent{
		width: 970;
		padding-top: 3;
		padding-bottom: 1;
	}

	.cartItem{
		width: 970;
		height: 56;
		padding-top: 20;
	}
	
		.ciName{
			width: 800;
			padding-left: 10;
			margin-left: 8;
		}
		
		.ciQty{
			width: 70;
			padding-right: 16;
		}		
		#sbCartCheckout{
			width: 980; 
			height: 80; 
			margin-top: -1; 
			padding-top: 38; 
		}		
		
		
		
/*
	#sbCartCheckout:hover{
		filter: brightness(130%);
	}
*/

#sbeEntrance{
	height: 300;
}

#sbePlaySpace{
	height: 600;
}

#sbeStreetView{
	height: 420;
}

#sbeMapView{
	height: 500;
}

.evtInfoBox{
    text-align: center;
}

.sbevtmain{
	width: 930;
}


	.egf{
		width: 200;
	}

	.egf:hover{
		color: white;
		background-color: #1a1a1a;
		border: 1px solid #262626;
	}

/* ===== DECK BUILDER ======= */
	
	#deckBuilderWrap{
	}

	#dbTitle{
		margin-left: 30;
	}

	.dbFloat{
		padding-left: 3%;
		width: 30%;
		color: gray;
		margin-top: 30;
	}

	#dbIn{
		margin-left: 30;
		padding: 20;
		width: 900;
		height: 400;
		margin-top: 30;
		font-size: 30px;
		border-radius: 4px;
	}

	#dbSearchBtn{
		width: 900; 
		height: 90; 
		margin-left: 30;
		margin-top: 30; 
		margin-bottom: 40;
		padding-top: 36; 
		font-weight: bold;
		font-size: 36px;
	}	

	#dbSearchResults{
		width: 100%;
	}
	



/* ============================== ADVANCED SEARCH =================== */

#sbBrowseCards{
	width: 1000;	
	margin-top: 30;
}

.sbbc_header{
	margin-top: 40;
	margin-bottom: 20;
	font-size: 60px;
	padding-bottom: 20;
}

#cardsAdvancedParams{
	padding-left: 30;
}

.sbbc{
	width: 42%;
	height: 80;
	padding: 10;
	margin: 15;
}

.advB{
	padding: 10;
	height: 80;
	width: 220;
	margin: 10;
}

#sbbc_mythic, #sbbc_rare, #sbbc_unc, #sbbc_cmn, #sbbc_nearmint, #sbbc_sp, #sbbc_dmg, #sbbc_scan{
	width: 42%;
}


#sbbc_pAbove{
	width: 42%;
}

	#advPriceAbove{
		width: 260;
		padding: 20;
		text-align: right;
	}

#sbbc_pBelow{
	width: 40%;
}	

	#advPriceBelow{
		width: 260;
		padding: 20;
		text-align: right;
	}


#sbbc_AdvSearch{
	width: 800;
}

#sbbc_AdvSearch input{
	width: 640;
	height: 70;
	padding: 10;
}

.advB input{
	height: 70;
	width: 120;
	font-size: 150%;
	margin-top: 5;
}
	
.sbCheckbox{
	margin-top: 8;
	padding-top: 6;
	height: 55;
	width: 56;
	padding-left: 5;
	margin-left: 20;
	border-width: 2px;
	font-size: 66px;
	
}	

.sbContent{
	margin-left: 60;
	margin-top: 20;
	font-size: 34px;
	
}




/* ===== sidebar ===== */


#mtgSetsTableWrap{
	width: 820;
	margin-left: 50;
	height: 700;
}

#mtgSetsTable{
	font-size: 28px;
}

	#mtgSetsTable th{
		height: 60;
	}

	#mtgSetsTable td{
		padding-top: 16;
		padding-bottom: 16;
	}

#releasedHeader{
	text-align: right;
	width: 170;
}

#sbCartSum{
	margin-top: 70;
	width: 920;
	padding-top: 42;
	height: 68;
	padding-bottom: 24;
	font-size: 40px;
}

#advancedSearchBtn{
	width: 900;
	height: 120;
	margin-top: 60;
	font-size: 40px;
}

	/*

	#sbbc_OnSale{
		background-position: 0px 0px;
	}
	
	#sbbc_standard{
		background-position: -490px -0px;
	}

	#sbbc_all{
		background-position: -0px -100px; 
	}
	
	#sbbc_modern{
		background-position: -490px -100px; 
	}
	
	#sbbc_black{
		background-position: -0px -200px; 
	}
	
	#sbbc_white{
		background-position: -490px -200px; 
	}
	
	#sbbc_red{
		background-position: -0px -300px; 
	}
	
	#sbbc_green{
		background-position: -490px -300px; 
	}
	
	#sbbc_blue{
		background-position: -0px -400px; 
	}
	
	#sbbc_colorless{
		background-position: -490px -400px; 
	}
	
	#sbbc_multicolor{
		background-position: -0px -500px; 
	}
	
	#sbbc_land{
		background-position: -490px -500px; 
	}
	
	*/
	
	#sbbcBtn{
		width: 980;
		height: 80;
		padding-top: 40;
		font-size: 240%;
	}

#sbEvents{
	font-size: 210%;
	margin-top: 80;
}

.sbe{
	width: 940;
	padding: 20;
	height: 120;
	margin-top: 20;
}


#sbSellUs{
	height: 140;
	width: 980;
	margin-top: 60;
}




/* ==== MOBILE FOOTER ====== */


#siteFooter{
	border-top: 1px solid #595959;
	text-align: left;
	height: 2600;
	font-size: 20px;
	line-height: 80px;
	padding-bottom: 40;
}


.footerBlockFull{
    display: none;
	width: 95%;
	margin-top: 20;
}

.footerBlock{
	width: 95%;
	margin-top: 50;
	font-size: 160%;
}

#sfContent{
	width: 920;
	padding-left: 30;
}

#sfStoreInfo{
	height: 200;
}

#sfContactInfo{
	width: 42%;
	margin-left: 6%;	
}

#sfTerms{
	margin-left: 28%;
}

#sfAcelinkitLogo{
	height: 100;
	width: 200;
	margin-left: 260;
	
}

#sfAcelinkitImg{
	height: 40;
	width: 120;
}

#sfSB2{
	margin-left: -30;
}

.footerBlockLogos{
	margin-top: 80;
}

	#sfSbc{
		font-size: 40px;
		margin-left: 10;
	}

	#sfWizLogo{
		width: 400; 
		height: 200; 
		margin-top: 60;
		margin-left: 0;
		margin-bottom: 40;
	}

	#sfWPNLogo{
		width: 400; 
		height: 200; 
		margin-top: 60;
		margin-left: 10;
		margin-bottom: 40;		
	}

	#webhostInfo{
		margin-top: 20;
		margin-left: 86;
		font-size: 40px;
	}


}


