@import 'https://fonts.googleapis.com/css?family=Open+Sans';

body,html{
	margin: 0px 0px 0px 0px;
	background: black;    
	
	background-image: url(https://s3.amazonaws.com/vblanksite/bg2w.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
   
     
	color: #000000;
	/* Makes content center in IE, by using text-align on the #container div */
	text-align: center;
	font-family: Lato, 'Open Sans', sans-serif;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	body,html{
		/* IE10+ CSS */
		 background-image: none;
		background: #101418;  
	/*	
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: left top;
	
		background-color: #e3e5f6;
		background-image: url(https://s3.amazonaws.com/vblanksite/bg.jpg);  */ 
	}
}

a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	color: #000000;
	text-decoration: none;
}
a:hover {
	color: #224422;
	text-decoration: none;
}
a:active {
	color: #114411;
	text-decoration: none;
}

hr 
{
	border: 0; margin: 0px auto auto auto;
	height: 1px;
	background-image: linear-gradient(to right, rgba(211, 212, 240, 1.0), rgba(211, 212, 240, 0.25));
}


#page_container
{
	margin: 0px auto 0px auto ;
	position: relative;
	width: 100%;
	
	background-color: #e3e5f6;
	background-image: url(https://s3.amazonaws.com/vblanksite/bg.jpg);   
}
	
@media only screen and (min-width: 1024px) 
{
	#page_container
	{
		width: 1024px;
	}
}
	
@media only screen and (max-width: 512px)
{
	#page_container
	{
		width: 512px;
	}
}


#mainHdr
{
	z-index: 1;
	width: 100%;
	position: relative;
	margin: 0px auto 0px auto ;
	padding: 0 0 0 0;
	text-align: center;
}

#mainHdrBar
{
	background-color:#000000;
}

#top_icon
{
	margin:0px 0px 0px 0px;
	background-color:#000000;
	padding: 0px 0px 0px 0px;
	height:51px;
}
#top_icon img
{
	height:51px;
	width:auto;	
}

#mainSplash,
#mainSplash img {
	height:auto;
	width:100%;
	max-width: 1024px;
	margin:0px 0px 0px 0px; 
}
#mainBody {
	max-width: 1024px;
	width: 100%;
	position: relative;
	margin: 0px auto auto auto ;
	padding: 0px 0px 0px 0px ;
	text-align: left; 
}

#mainBody a {
	font-weight: bold;
	text-decoration: underline;
}
#mainBody p {
	    padding: 0px 40px 0px 40px;
}

#mainLinkBar
{
	z-index: 1;
	position: relative;
	margin: 0px auto 0px auto ;
	vertical-align:middle; 
	text-align:right; 
	background-color:#000000; 
	color:#FFFFFF;

	height:56px; 
	padding: 0px 8px 0px 8px;
	font-size: 22px;
}
#mainLinkBar img
{
	height:51px;
	width:auto;
}
	
#emptyLinkBar
{
	width:100%;
	height:2px; 
	line-height: 2px; 
	margin:0px 0px 0px 0px; 
	background-color:#000000; 
}

#news_block
{
	display: block;
}

#news_link
{
	display: block;
	
	padding: 8px 4px 8px 4px;
    border-top: 0px;
    border-bottom: 1px;
    border-left: 0px;
    border-right: 0px;
    border-style: solid;
    border-color: #d3d4f0;
	font-size: 22px;
		
	color: #000000;
}

#news_row
{
	display: block;
	
    border-radius: 12px;
    padding: 0px 0px 0px 0px; 
    margin-top: 4px;
    margin-bottom: 4px;
    width: 100%;
    background: #D0D0D0;
	color: #000000;
	
	font-size: 22px;
}
#news_link a
{
	width:100%;
	
    border-radius: 12px;
    padding: 2px 10px 2px 10px; 
    margin-right: 4px;
    width: 100%;
    background: #D0D0D0;
	color: #000000;
	
	font-size: 22px;
	line-height:32px;
}

#news_link a
{
	color: #303030;
	text-decoration: none;
}
#news_link a:hover
{
	color: #202020;
	text-decoration: underline;
}

span[news_date]:before
{
	content: attr(news_date);
	display: inline;
	
	font-weight: bold;
	
    border-radius: 12px;
    padding: 2px 10px 2px 10px; 
    margin-right: 4px;
    
    background: #989898;
	color: #FFFFFF;
	
	font-size: 22px;
}
	

@media only screen and (max-width: 512px)
{
	#news_block
	{
		display: block;
	}
	#news_link
	{
		font-size: 24px;
	}
	span[news_date]:before
	{
		content: attr(news_date);
		display: block;
   		margin-bottom: 4px;
		font-size: 16px;
	}
}	
		
span[page_news_date]:before
{
	content: attr(page_news_date);
	
	font-weight: bold;
	
    text-align:center;
    border-radius: 12px;
    padding: 2px 10px 2px 10px; 
    margin-right: 4px;
    line-height: 36px;
    
    background: #989898;
	color: #FFFFFF;
	
	font-size: 22px;
}

@media only screen and (max-width: 768px)
{
	span[page_news_date]:before
	{
		content: attr(page_news_date);
   		margin-bottom: 4px;
		font-size: 17px;
	}
}	
@media only screen and (max-width: 512px)
{
	span[page_news_date]:before
	{
		content: attr(page_news_date);
   		margin-bottom: 4px;
		font-size: 14px;
	}
}	
				
#gametab,
#product,
#product_soldout,
#product_med
{
	text-align:center;
	width:50%;
	float:left;
	
    border: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border: 0px 0px 0px 0px;
    border-style: none;
	vertical-align:top;
}


@media only screen and (max-width: 512px)
{
	#gametab
	{
  		padding-bottom:24px;
	}		
}


#game_capsule
{
	height:auto;
	width:100%;
}

#gametab img,
#product img {
	width:100%;
	height:auto;
	max-width: 1024px;
	margin:0px 0px 0px 0px; 
}

#game_name
{
	font-weight: bold;
	font-size: 24px;
	line-height:40px;
	
    border-radius: 15px;
    padding: 5px 15px 5px 15px; 
    
    background: #209070;
	color: #FFFFDD;
}

#gametab a img { border: 0; margin: 2px 0px 0px 0px;}
#gametab a img:hover { border: 0; margin: 0px 0px 2px 0px; }

#gametab a
{
	text-decoration: none;
}
#product a,
#product_soldout a,
#product_med a
{
	font-weight: bold;
	text-decoration: none;
}


#game_name a
{
	color: #FFFFFF;
	text-decoration: none;
}
#game_name a:hover
{
	color: #FFFF80;
	text-decoration: none;
}

#textblock_left #game_name:hover,
#gametab #game_name:hover,
#product #product_price:hover,
#product_soldout #product_price:hover,
#product_med #product_price:hover 
{
    background: #2bc297;
	color: #FFFF80;
	text-decoration: none;
}

#product #product_price_sale:hover, 
#product_med #product_price_sale:hover 
{
    background: #ff578b;
	color: #FFFF80;
	text-decoration: none;
}

#game_subtitle
{
	font-weight: bold;
	color: #664455;
	
	font-size: 20px;
	line-height:30px;
	padding-top: 4px;
	padding-bottom: 4px;
    border-width: 1px 0px 1px 0px;
}

#game_shortdesc_1
{
	color: #e5306a;
	font-weight: normal;
	display: block;
	
    border-style: solid;
    border-color: #dadbf7;
	
	font-size: 20px;
	line-height:30px;
	padding-top: 4px;
	padding-bottom: 4px;
    border-width: 1px 0px 1px 0px;
}

#game_platforms
{
	text-align:center;  
	width: 90%; 
	margin: 0px auto 0px auto ;
	display: block;
	vertical-align: middle;
	
	min-height:24px;
	padding-top: 4px;
	padding-bottom: 4px;
}

#game_platforms img
{
	height:16px;
	width:auto;
}

@media only screen and (max-width: 512px)
{
	#gametab
	{
  		float:none;
	}		
	#gametab,
	#product,
	#product_soldout,
	#product_med
	{
		width:100%;
		float:none;
	}	
}

#product img
{
	text-align:center;  
	display: block;
}

#product_soldout,
#product_med
{
	text-align:center;  
	height:auto;
	width:100%;
	display: block;
}

#product_med_image img
{
	text-align:center;  
	width:auto;
	display: block;
}


#product_soldout,
#product_med
{
	width:640px;
	min-height: 696px;
}

#product_name,
#product_name_so
{
	font-weight: bold;
	font-size: 56px;
	
}
#product_name_so
{
	font-size: 44px;
}
	
#product_platform,
#product_platform_so
{
	font-weight: bold;
	font-size: 48px;
	color: #664455;
	display: block;
}

#product a img { 
border: 0; margin: 2px 0px -136px 0px;
}
#product a img:hover { border: 0; margin: 0px 0px -132px 0px; }




#product_name a:hover,
#product a:hover 
{
	color: #f2336f;
}

#product_shortdesc_1,
#product_shortdesc_2
{
	color: #e5306a;
	font-weight: normal;
	font-size: 32px;
	display: block;
}
#product_shortdesc_sm
{
	font-size: 28px;
}

#product_shortdesc_1
{
	padding-top: 8px;
    border-width: 2px 0px 0px 0px;
    border-style: solid;
    border-color: #dadbf7;
	display: block;
}

#product_price,
#product_price_sale,
#product_price_sale_note,
#product_price_prev,
#product_price_comingsoon,
span[product_price_so]:after
{
	font-weight: bold;
	font-size: 42px;
	vertical-align: middle;
	height: 160px;
	line-height: 160px;
	
    border-radius: 40px;
    padding: 20px; 
    width: 400px;
    height: 160px; 
}

#product_price
{
    background: #209070;
	color: #FFFFDD;
}
#product_price_prev
{
    text-decoration: line-through;
    font-weight: normal;
	color: #808080;
}
#product_price_sale
{
    background: #ff3674;
	color: #FFFFDD;
}
#product_price_sale_note
{
	color: #ff3674;
}
span[product_price_so]:after
{
	content: "SOLD OUT"; 
    background: #b3b3b3;
	color: #FFFFFF;
}
#product_price_comingsoon
{
    background: #ff3674;
	color: #FFFFFF;
}
span[product_collection]:after
{
	content: "[ " attr(product_collection) " Collection ]"; 
	color: #666666;
	text-align: right;
	font-weight: normal;
	font-size: 14px;
	width: 100%;
	display:block;
}
#product_collection
{
	color: #666666;
	text-align: right;
	font-weight: normal;
	font-size: 14px;
	width: 100%;
	display:block;
}




	#product
	{
		min-height: 348px;
		background-size: auto 348px;
		padding-bottom: 24px;
	}
	
	#product_soldout,
	#product_med
	{
		width:320px;
		min-height: 348px;
		padding-bottom: 24px;
	}
	
	#product_name,
	#product_name_so
	{
		font-size: 28px;
		
	}
	#product_name_so
	{
		font-size: 22px;
	}
		
	#product_platform,
	#product_platform_so
	{
		font-size: 21px;
	}
	#product_platform_so
	{
		font-size: 19px;
	}
	
	#product a img { 
	border: 0; margin: 2px 0px -68px 0px;
	}
	#product a img:hover { border: 0; margin: 0px 0px -66px 0px; }
		
	#product_shortdesc_1,
	#product_shortdesc_2
	{
		font-size: 18px;
	}
	#product_shortdesc_sm
	{
		font-size: 14px;
	}
	
	#product_shortdesc_1
	{
		padding-top: 4px;
	    border-width: 1px 0px 0px 0px;
	}
	
	#product_price,
	#product_price_sale,
	#product_price_sale_note,
	#product_price_prev,
	#product_price_comingsoon,
	span[product_price_so]:after
	{
		font-size: 21px;
		height: 80px;
		line-height: 80px;
		
	    border-radius: 20px;
	    padding: 10px; 
	    width: 200px;
	    height: 80px; 
	}
	
	span[product_collection]:after
	{
		font-size: 14px;
	}
	#product_collection
	{
		font-size: 14px;
	}


#product_soldout,
#product_med
{
		padding-left:0;
		padding-right:0;
}
	
@media only screen and (max-width: 512px)
{
	#product,
	#product_soldout,
	#product_med
	{
		padding-left:0;
		padding-right:0;
		width:100%;
		display:normal;
	    text-align:center;
	}
}


	span[header]:after
	{
		content: attr(header); 
		
		margin: 8px 0px 8px 0px;
	    border-top: 24px;
	    border-bottom: 0px;
	    border-left: 0px;
	    border-right: 0px;
	    border-style: solid;
	    border-color: #ff3674;
	    padding: 0px 20px 0px 20px;
	    
	    text-align:left;
	    color:#ff3674;
	    font-size: 55px;
	    font-weight:bold;
	    
		display:block;
		clear: left;
	}
	
	@media only screen and (max-width: 512px)
	{
		span[header]:after
		{
			content:  attr(header); 
		    font-size: 42px;
	    }
	}


	#header2
	{
		margin-left:0px;
		margin-right:0px;
	    border-top: 8px;
	    border-bottom: 0px;
	    border-left: 0px;
	    border-right: 0px;
	    border-style: solid;
	    border-color: #ff3674;
	    padding: 4px 20px 0px 20px;
	    
	    text-align:left;
	    color:#ff3674;
	    font-size: 36px;
	    font-weight:bold;
	    
		display:block;
	}
		

#mainHdr a img,
#mainLinkBar a img
 { border: 0; margin: 0px 0px -2px 0px;}
 
#mainHdr a:hover img,
#mainLinkBar a:hover img
 { border: 0; margin: -2px 0px 0px 0px; }
 
#mainHdr a:link,
#mainLinkBar a:link {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
#mainHdr a:visited,
#mainLinkBar a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#mainHdr a:hover,
#mainLinkBar a:hover {
	color: #CCFFCC;
	text-decoration: none;
}
#mainHdr a:active,
#mainLinkBar a:active {
	color: #AAFFAA;
	text-decoration: none;
}


#headerimgtop {
	margin: 0;
	padding: 0;
	margin-top: 0px;
	background: black url(https://s3.amazonaws.com/vblanksite/bodybg_top.jpg);      
	background-repeat: repeat-y;
	background-position:center top;
	border: none;
	height: 54px;
}


#coupon_border
{
	height: auto;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-top: 4px;
    border-width: 6px 6px 6px 6px;
    border-style: dotted;
    border-color: #ff3674;
	display: block;
}

#coupon_header
{
	margin-left:8px;
	margin-right:8px;
    padding: 4px 8px 4px 8px;
    vertical-align:middle;
    
    text-align:left;
    color:#ffffff;
    background-color: #ff3674;
    font-size: 28px;
    font-weight:bold;
    
	display:block;
}

#coupon_body
{
	padding: 16px 16px 16px 16px;
	display:block;
    color:#ff3674;
    font-weight: bold;
    font-size: 28px;
}
#coupon_body2
{
	padding: 16px 16px 16px 16px;
	display:block;
    color:#ff3674;
    font-weight: bold;
    font-size: 24px;
}
#coupon_body a
{
	text-decoration: none;
}
#coupon_body a span:hover 
{
    background: #2bc297;
	color: #FFFF80;
}



#coupon_subtitle
{
    color:#ff3674;
	background: none;
    font-weight:bold;
    width:auto;
	display: block;
    
    font-size: 32px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 16px 0px;
	
	display: block;
}

@media only screen and (max-width: 512px)
{
	#coupon_subtitle
	{
	    color:#ff3674;
  		background: none;
	    font-weight:bold;
	    width:auto;
		
		display: block;
	}
}





#coupon2_border
{
	width: 1012px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-top: 4px;
    border-width: 6px 6px 6px 6px;
    border-style: dotted;
    border-color: #ff3674;
	display: block;
}

#coupon2_header
{
	margin-left:8px;
	margin-right:8px;
    padding: 4px 8px 4px 8px;
    vertical-align:middle;
    
    text-align:left;
    color:#ffffff;
    background-color: #ff3674;
    font-size: 28px;
    font-weight:bold;
    
	display:block;
}

#coupon2_body
{
	padding: 12px 16px 16px 16px;
	display:block;
    color:#ff3674;
    font-weight: bold;
    font-size: 28px;
    line-height:36px;
}
#coupon2_body a
{
	text-decoration: none;
}
#coupon2_body a span:hover 
{
    background: #2bc297;
	color: #FFFF80;
}

#coupon2_text
{
	padding: 0px 0px 16px 0px;
	display:block;
    font-size: 28px;
}

#coupon2_text_s
{
	padding: 0px 0px 16px 0px;
	display:block;
    font-size: 22px;
}

#coupon2_subtitle
{
    color:#fff;
    font-size: 32px;
    font-weight:bold;
    
	display:inline;
    background-color: #ff3674;
    width:auto;
    height:40px;
    line-height:40px;
	padding: 6px 6px 6px 6px;
	margin: 16px 16px 16px 16px;
}
#coupon2_subtitle:after {
    content: "";
    width:0px;
    height:0px;
    border-top:30px solid transparent;
    border-bottom:30px solid transparent;
    border-left:30px solid #ff3674;
	margin: -10px 6px 10px 6px;
    position:absolute;
}

	

#footer
{
	width:100%;
	margin-top:32px;
	margin-left: 0px;
	margin-right: 0px;
	background-color:#000000;
	color:#FFFFFF;
	
	text-align:center;
	vertical-align:middle;
	font-size: 21px;
	line-height:32px;
	display: block;
}


#ps4_m
{
	background-image: url(https://s3.amazonaws.com/vblanksite/plt_ps4_m.png);  
	background-repeat: no-repeat;    
	width: 66px;
	height: 16px;
}
#ps3_m
{
	background-image: url(https://s3.amazonaws.com/vblanksite/plt_ps3_m.png);  
	background-repeat: no-repeat;    
	width: 68px;
	height: 16px;
}
#psvita_m
{
	background-image: url(https://s3.amazonaws.com/vblanksite/plt_psvita_m.png);  
	background-repeat: no-repeat;    
	width: 85px;
	height: 16px;
}
#psp_m
{
	background-image: url(https://s3.amazonaws.com/vblanksite/plt_psp_m.png);  
	background-repeat: no-repeat;    
	width: 83px;
	height: 16px;
}
#x360_m
{
	background-image: url(https://s3.amazonaws.com/vblanksite/plt_x360_m.png);  
	background-repeat: no-repeat;    
	width: 89px;
	height: 16px;
}
#wii_m
{
	background-image: url(https://s3.amazonaws.com/vblanksite/plt_wii_m.png);  
	background-repeat: no-repeat;    
	width: 36px;
	height: 16px;
}
#n3ds_m
{
	background-image: url(https://s3.amazonaws.com/vblanksite/plt_3ds_m.png);  
	background-repeat: no-repeat;    
	width: 115px;
	height: 16px;
}
#pc_m
{
	background-image: url(https://s3.amazonaws.com/vblanksite/plt_pc_m.png);  
	background-repeat: no-repeat;    
	width: 22px;
	height: 16px;
}
#mac_m
{
	background-image: url(https://s3.amazonaws.com/vblanksite/plt_mac_m.png);  
	background-repeat: no-repeat;    
	width: 22px;
	height: 16px;
}
#linux_m
{
	background-image: url(https://s3.amazonaws.com/vblanksite/plt_linux_m.png);  
	background-repeat: no-repeat;    
	width: 22px;
	height: 16px;
}
#msdos_m
{
	background-image: url(https://s3.amazonaws.com/vblanksite/plt_msdos_m.png);  
	background-repeat: no-repeat;    
	width: 38px;
	height: 16px;
}
#ios_m
{
	background-image: url(https://s3.amazonaws.com/vblanksite/plt_ios_m.png);  
	background-repeat: no-repeat;    
	width: 40px;
	height: 16px;
}



#textblock,
#textblock_left
{
	margin-left:16px;
	margin-right:8px;
    
    font-size: 22px;
    line-height: 32px;
    
    text-align:justify;
    color:#442233;
    font-weight:normal;
    
	display:block;
}

#textblock_m
{
    font-size: 25px;
}

#subheader
{
	color: #000000;
    font-size: 27px;
    font-weight: bold;
}
		
#textblock_left
{
    text-align:left;
}	

#textblock ul,
#textblock_left  ul
{
    margin-bottom:8px;
}

#textblock ul ul,
#textblock_left  ul ul
{
    font-size: 17px;
}



#full_video
{
	width: 1024px;
	height: 576px;
}
@media only screen and (max-width: 768px)
{
	#full_video
	{
		width: 768px;
		height: 432px;
	}
}
@media only screen and (max-width: 512px)
{
	#full_video
	{
		width: 512px;
		height: 288px;
	}
}

	#image_280
	{
		width: 100%;
		max-width:280px;
		height: auto;
	}
	#image_480
	{
		width: 100%;
		max-width:450px;
		height: auto;
	}
	
	#image_640
	{
		width: 100%;
		max-width:640px;
		height: auto;
	}

	#image_full
	{
		width: 100%;
		height: auto;
	}