/*********************************
Global Style

Index:
	01. Preload Image CSS
	02. Framework Tweaks
    03. Layout
    04. Hero 
    05. Product
    06. Search Bar 
    07. Main Content Accordions
    08. ORNT Knowledge Syndication
	09. Quick Links
	10. Progress Spinner	
	11. Nav Top Menu
	12. WiiU Specific
	13. Survey
	14. Utility
	15. Language Differences
	16. Global footer update

responsive base  @media screen and (max-width: 980px) -> 61.25em
desktop @media screen and (min-width: 769px) -> 48.0625em
tablet @media screen and (min-width: 571px) and (max-width: 768px) -> 35.6875em and 48em
mobile @media screen and (max-width: 570px) -> 35.625em
tiny mobile @media screen and (max-width: 450px) -> 28.125em

12/28/2014: Converting media queries to em instead of px to account for zoooming.
Formula: breakpoint in px / 16 px = breakpoint in em

**********************************/


/*	-----------------------------------	
01. Preload Image CSS
	----------------------------------- */
body:after{
    display:none;
    content: url('/consumer/assets/images/home/ajax-loader-bar.gif');
}


/*	-----------------------------------	
02.	Framework Tweaks
	----------------------------------- */
.container-gradient:before{
	background:none;
}

@media screen and (max-width: 35.625em){
	.wrapper {
		max-width: 100%;		
		min-width: 0px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	} /*reset for accordions*/
}

body{
	background:#fff;
}

.wrapper h1,.wrapper h2,.wrapper h3,.wrapper h4,.wrapper h5,.wrapper h6,p{
	color:#484848;
}

.wrapper h1{font-size:45px;}
.wrapper h2{
	font-size:28px; 
	font-family: 'LatoLight';
	border-bottom:1px solid #484848; 
}


.wrapper h3{
	color:#016F8E;
	font-size:17px; 
	font-family: 'LatoRegular';
	border-bottom:1px solid #016F8E;
}

div#page-container{
	background:inherit;
}

iframe{display:none;}
iframe#myFrame{display:block;}

nclood-nav .icon-nintendo:before {
    content: "";
}

/*	-----------------------------------	
03.	Layout
	----------------------------------- */

section.title-bulletins{padding:3rem 0 2rem;}
section.hero{padding:2rem 0;}
section.support-search{padding: 0;}
section.browse-product{padding:3rem 0 2rem;}
section.quick-links{padding:3rem 0 2rem;}

nav.global-footer-top ul ul li a.footerLinkStrong{
	margin-top:1em;
	font-size: 16px;
    font-family: 'LatoBold';
}



@media screen and (max-width: 35.625em){
	.wrapper section.title-bulletins,
	.wrapper section.support-search,
	.wrapper section.quick-links{
		max-width: 92%; 
		margin-left: auto; 
		margin-right: auto;
	}
	section.title-bulletins{padding:1em 0 0 0;}		
	section.hero{padding-bottom:0;}
	section.browse-product{padding-top:0;}
	section.title-bulletins .bulletinWrapper{padding-top:1em;}
	section.support-search{padding-top:0;}
	
	section h2{
		font-size:34px;
	}
	section.browse-product{
		
	}
	.trigger.no-mobile-underline h2 {
    border-bottom: none;
	}
}


@media screen and (max-width: 28.125em){	
	.title-bulletins h1{
		font-size: 32px;
	}
}
@media only screen and (min-width: 28.1875em) and (max-width: 54.0625em)  {
		.title-bulletins h1{
		font-size: 48px;
	}
}
@media only screen and (min-width: 35.6875em) and (max-width: 54.0625em)  {
		.title-bulletins h1{
		margin-bottom: 18px;
	}
}


/*	-----------------------------------	
04.	Hero
	----------------------------------- */
section.hero:after{	
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;	
}

.hero .content li{
	text-align:center;
	/*background:#f0f0f0;*/
}

.hero .content .itemWrap{
	
}

.hero .content .iconWrap{
	width:6.25em;
	height:6.25em;
	margin:auto;
}

.hero .content li > a{		
	color:#016F8E;
	width:6.25em;
	height:6.25em;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;	
}

@media only screen and (min-width: 35.6875em){
	/*.hero .content li > a:hover{text-shadow: 1px 1px 1px #777;}*/
	.hero .content li > a:hover,.hero .content li > a:active{		
		text-decoration:underline;
	}


	.hero i:hover{color:inherit;}
	.hero p:hover{color:inherit;}
}
.hero i{	
	font-size:6.25em;
	color:inherit;
}		

.hero p{
	color:inherit;
	margin:0;
	padding-bottom:0;
}

.club-nintendo p{
	padding-left: 5%;
	padding-right: 5%;
}

@media only screen and (min-width: 35.6875em) and (max-width: 45.625em)  {
	section.hero{
		padding:1em 0 2em 0;
	}

	.hero i{
		font-size: 4.5em;
	}
	
	.hero i.support-icon-my-nintendo:before{
		font-size: 75%;
	}
	
	.hero .content .iconWrap{
		width:4.5em;
		height:4.5em;
	}	
	
}

@media screen and (max-width: 35.625em){
	.hero i{
		font-size: 3.25em;
	}
	.hero .content .iconWrap{
		width:3.25em;
		height:3.25em;
	}
	.hero .content li{
		text-align:left;
		/*background:#f0f0f0;*/
	}
	.icon-accordion ul a div.iconWrap{
		display: inline-block;
	}
	.hero .itemWrap{
		display: table;
	}
	.hero .itemWrap p{
		float: none;
		display: table-cell;
		vertical-align: middle;
		padding-left: 1em;
	}
	.club-nintendo p{
		padding-left: 0;
		padding-right: 0;
	}
}


/*	-----------------------------------	
05.	Product
	----------------------------------- */

section.browse-product{}


.browse-product .content .iconWrap{
	width:7.25em;
	height:7.25em;
	margin:auto;
}



.browse-product .content li > a{		
	color:#016F8E;
	width:7.25em;
	height:7.25em;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;	
}

.browse-product .content li > a:hover p{		
	text-decoration:underline;
}

@media only screen and (max-width:35.625em){
	.browse-product .content li > a{
		width:auto;
	}
}

.browse-product i{	
	font-size:7.25em;
	color:inherit;
}		

@media only screen and (max-width:600px){
	.browse-product i{
		font-size:6em;
	}
}
/*drop down tweaks for more products*/
.browse-product  nav.subnav{	
	padding:0;
}

.browse-product  nav.subnav li{	
	width: 100%;	
}

.browse-product nav.subnav .content li:hover{backround-color:inherit;}

.browse-product nav.subnav li a{		
	width:inherit;
	height:inherit;
}

.moreSystems:hover{
	background-color:inherit;
	outline: none;        
}
    
.moreSystems li.dropExists > a{	
	line-height:152px;
	padding:0;
}

.moreSystems li.dropExists.active > a{
	line-height:54px;
	color:#016F8E !important;
	text-decoration:none;
}
.moreSystems li.dropExists.active nav.dropnav a:hover{
	color:#016F8E;
}

.moreSystems li.dropExists.active nav.dropnav{height:99px;}
.moreSystems li.dropExists nav.dropnav{height:0; color:#016F8E;}

.moreSystems nav.subnav .content li:hover{background-color:inherit;}

section.browse-product .content li.moreSystems a{color:#016F8E; text-decoration:none;}
section.browse-product .content li.moreSystems:hover a{text-decoration:underline;}

section.browse-product .content li.moreSystems:hover a{text-decoration:none;}
section.browse-product .content li.moreSystems:hover a:hover{text-decoration:underline;}

.moreSystems nav.subnav .dropnav .content li{outline:none;}

.moreSystems nav.subnav .content li > a:hover{color:inherit;}
.moreSystems li.dropExists a.other-systems:after{display:inline-block;content:"+";}
.moreSystems li.dropExists.active a.other-systems:after{content:"-";}


@media only screen and (min-width:35.6875em){
	.moreSystems nav.subnav .content li.dropExists:hover{	
		background-color:inherit;		
		outline: none;		
		border:none;
	}
	
	.moreSystems nav.subnav .content li.dropExists.active:hover{background-color:inherit;}	
	
}

@media only screen and (max-width:35.625em){
	li.moreSystems nav.subnav > ul{
		display:block;
	}		
	
	li.moreSystems li.dropExists a.other-systems{
		font-family: 'LatoBold';
		font-size: 20px;
		padding: .5em;
		line-height:initial;
		outline:none;
		border: 1px solid #dadada;
		color:#016f8e;
	}
	li.moreSystems nav.subnav ul > li:hover{
		outline:none;
		/**text-decoration:underline;**/
	}
	
	li.moreSystems nav.subnav nav.dropnav li:hover{		
		border: none;		
	}
	
	

	
	.moreSystems li.dropExists a.other-systems:after{
		display:inline-block;		
	    cursor: pointer;
		position: absolute;
		right: 10px;
		top: 10px;
		color: #016f8e;
		font-size: 20px;
		font-family: 'icons';
		content: '\e60c';	
	}
	.moreSystems li.dropExists.active a.other-systems:after{content: '\e60f';}
}

@media screen and (max-width: 907px){	
	.moreSystems li.dropExists > a{line-height:150px;}
}
@media screen and (max-width: 800px){	
	.moreSystems li.dropExists > a{line-height:initial; padding: 2em 1em;}
	.moreSystems li.dropExists.active > a{line-height:37px; padding:.5em 0;}
}

/*	-----------------------------------	
06.	Search Bar
	----------------------------------- */
div.search-bar {
	background: inherit;
	font-size: 18px;
	margin: 0 auto;
	min-height: 64px;
	padding: 20px 0;
}
	div.search-bar ul {
		height: 100%;
	}
		div.search-bar ul li {
			display: block;
			height: 100%;
		}
			div.search-bar ul li a {
				display: inline-block;
				float: right;
				padding: 8px 0;
			}
			/* Search Label */
			li#support-search label {
				display: none;
			}
			/* Search Input */
			li#support-search input[type="search"] {
				background: #FFF;
				border: 1px solid #016F8E;
				border-bottom-left-radius: 18px;
				border-top-left-radius: 18px;
				border-bottom-right-radius: 0;
				border-top-right-radius: 0;
				color: #016F8E;
				display: block;
				float: left;
				font-size: 18px;
				height: 36px;
				outline: none;
				overflow: hidden;
				padding: 0 0 0 10px;
				width: 100%;
				width: -webkit-calc(100% - 60px);
				width: calc(100% - 60px);
				-webkit-appearance: none;
			}

				li#support-search input::-webkit-input-placeholder{ color: #016F8E; }
				li#support-search input::-moz-placeholder 		{ color: #016F8E; opacity: 1; }
				li#support-search input:-ms-input-placeholder 	{ color: #016F8E; }
				li#support-search input:placeholder 				{ color: #016F8E; }

				li#support-search input:focus::-webkit-input-placeholder 	{ opacity: 0; }
				li#support-search input:focus::-moz-placeholder 			{ opacity: 0; }
				li#support-search input:focus:-ms-input-placeholder 		{ opacity: 0; }
				li#support-search input:focus:placeholder 				{ opacity: 0; }


			li#support-search span {
				background: #fff;
				border:1px solid #016F8E;
				border-bottom-left-radius: 0;
				border-top-left-radius: 0;
				border-bottom-right-radius: 18px;
				border-top-right-radius: 18px;
				display: block;
				height: 100%;
				position: absolute;
				right: 0;
				top: 0;
				width: 64px;
				border-left:none;
			}


			 li#support-search input[type="submit"] {
				background: transparent;
				border: none;
				border-radius: 18px;
				color: #016F8E;
				cursor:pointer;
				display: block;
				font-family: 'icons';
				font-size: 21px;
				height: 32px;
				outline: none;
				padding: 0;
				position: absolute;
				right: 2px;
				top: 0;
				width: 60px;
				-webkit-appearance: none;				 	
			 }

div#summary-target p {
	margin-bottom: 20px;
}


/*	-----------------------------------	
.07	Main Content Accordions
	----------------------------------- */
section.browse-product .content li{
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
section.browse-product .content li p{
	text-align:center;
	color:#016F8E;	
	margin:.5em 0 0 0;
    font-family: 'LatoRegular';
    font-size: 17px;	
}
section.browse-product .content li p:hover{
	text-decoration: underline;	
}

section.browse-product .itemWrap{
	text-align:center;
	padding-bottom:10px;
}

section.browse-product .itemWrap:hover, section.browse-product .itemWrap:hover p{
	color:#016F8E;
}

.category-header{
	color:#484848;
	border-bottom: 1px solid #484848;
	margin-bottom: 20px;
	padding-bottom: 5px;
}
.category-header:hover{
	text-decoration: none;
}

.category-header.alternate{
	font-size:44px;
	border-bottom:none;
}

.icon-accordion li{position:relative;}

.icon-accordion p{
	font-family: 'LatoRegular';
	font-size: 17px;
	line-height: 1.1; /* may need to change these styles once we get icons */
	margin-top: 5px; /* this one too */
}
.icon-accordion a:hover {	
	text-decoration: none;	
}
.icon-accordion a:hover .category-header{cursor: default;}

@media only screen and (min-width:35.6875em){
	section.browse-product .content li:hover a{	
	    text-decoration:none;
	}
}
/* Styles for icon accordions in medium layout */
@media screen and (min-width:35.6875em) and (max-width: 45.625em)  {
	.hero i{
		font-size: 4.5em;
	}
	.hero .content .iconWrap{
		width:4.5em;
		height:4.5em;
	}	
	
	.icon-accordion p, section.browse-product .content li p, section.browse-product .content li a.other-systems{
		font-size: .875em;				
		line-height:1.4;		   
	}

	section.browse-product{
		padding-top:2em;
	}
	
	section.browse-product .itemWrap, section.browse-product .content li a.other-systems{
		height:175px;
	}
	
	section.browse-product .content li a.other-systems{padding:4em 1em;}
	section.browse-product .content li.dropExists.active a.other-systems{padding:1em; height:76px;}
	section.browse-product .content li.dropExists.active nav.dropnav li a{font-size: 11px; padding: 0 .5em .5em 0;}
}


/* Styles for icon accordions in mobile */
@media screen and (max-width: 35.625em) {
	section.quick-links .accordion{
		border-top: 1px solid #dadada;
		border-bottom: 1px solid #dadada;
	}

	section.browse-product .content li{
		padding-bottom: 0px;
	}
	section.browse-product i{
		font-size:7.25em;
	}

	.moreSystems li.dropExists nav.dropnav{height:130px;}	

	section.browse-product .content li p{
		text-align:left;
		color:#016F8E;	
		margin:0;
		font-family: LatoBold;
		font-size:22px;
		height: 100%;
	}	

	.moreSystems li.dropExists.active nav.dropnav{
		height:130px;
	}

	.browse-product .itemWrap a{
		display: table;
	}
		.browse-product .itemWrap .imageWrap{
			display: table-cell;
			width: 30%;
		}
		.browse-product .itemWrap .imageWrap img{
			width: 100%;
		}
		.browse-product .itemWrap p{
			float: none;
			display: table-cell;
			vertical-align: middle;
			padding-left: 1em;
			width: 70%;
		}
	.wrapper .category-header{
		text-decoration:none;
		border-bottom: none;
		padding-bottom: 0;
		margin-bottom: 0;
	}
	.icon-accordion img{
		float: left;
		clear: none;
		margin-bottom: 1.42857143%;
		margin-top: 1.42857143%;
		margin-right: 1.42857143%;
		width: 30%;
	}
	.icon-accordion p{
		float: left;
		clear: none;
		margin-bottom: 1.42857143%;
		margin-top: 1.42857143%;
		margin-left: 1.42857143%;
		/* width: 60%; */ 
		font-family: 'LatoBold';
		font-size: 22px;				
	}
	.icon-accordion{
		background: #fff;
		padding: 0;
	}
	.icon-accordion .wrapper{
		max-width: 100%
	}
	
	/* General Styles */
	.icon-accordion ul.accordion{
		border-bottom: none;
		margin-bottom: 0;
	}
	.icon-accordion ul li{
		padding: 0;
	}
	
	/* Links */
	.icon-accordion a {
		color: #484848;
	}
	.icon-accordion li.closed ul {
		display: block;
	}
	
	/* Headings */
	.icon-accordion .category-header{
		font-family: 'LatoBold';
		color: #fff;
		font-size: 22px;
	}

	.accordion li.closed{
		background-color:#e4e4e4;
	}
	li.closed .category-header{		
		color:#016F8E;
	}

	.icon-accordion ul > li,
	.icon-accordion ul > li a{
		font-family: 'LatoBold';
		font-size: 22px;			
	}
	.icon-accordion  > ul > li > a {
		background: #016f8e;
		border-bottom: 1px solid #dadada;
		border-top: 1px solid #dadada;
		color: #ffffff;
		display: block;
		min-height: 60px;
		padding: 20px 40px 20px 20px;
		position: relative;			
	}
	
	/* Arrow Icon */
	.icon-accordion  > ul > li > a:after {
		content: '\e60f';
		display: block;
		font-family: 'icons';
		font-size: 20px;
		position: absolute;
		right: 25px;
		top: 20px;
	}

	.icon-accordion ul a div{
		display: inline;
	}
	
	/* Closed State */
	.icon-accordion  > ul > li.closed > a {
		border-bottom: 1px solid #dadada;
		background: #f5f5f5;
		color: #016f8e;
	}
	.icon-accordion  > ul > li.closed > a:after {
		content: '\e60c';
		color: #016f8e
	}
	.icon-accordion li.closed ul {
		display: none;
	}

	/* Open Drawer Links */
	.icon-accordion ul ul {
		padding: 20px 20px 10px;
		display: none;
	}
	.icon-accordion ul ul li {
		margin-bottom: 15px;
	}
	.icon-accordion ul ul li,
	.icon-accordion ul ul li a{
		font-family: 'LatoLight';
		font-size: 18px;
	}
	h2.category-header.no-mobile-underline {
    color: #ffffff;
    border-bottom: none;
	}
	.closed h2.category-header.no-mobile-underline {
	    color: #016f8e;
	}
}
section.quick-links {
    padding: 0 0 2rem;
}


/*	-----------------------------------	
08.	ORNT KnowlegeSyndication
	----------------------------------- */

#ORNT_bulletins, #ORNT_bulletins .rn_Corrections, #ORNT_bulletins .rn_Suggestions, #ORNT_bulletins .rn_Documents, #ORNT_bulletins .rn_Navigation, #ORNT_bulletins .rn_SearchArea{display:none;}

#ORNT_bulletins{
	/*position:absolute;
	min-width: 254px;*/
	padding-top:2rem;
}



#ORNT_bulletins .KnowledgeSyndication{
	border:none;
	box-shadow:none;
	background:none;
	padding:0;
}
#ORNT_bulletins  .KnowledgeSyndication .rn_Content{
	height:auto;
	overflow-y:auto;		
}
#ORNT_bulletins  .KnowledgeSyndication .rn_Content .rn_Description{display:none;}
#ORNT_bulletins	.KnowledgeSyndication .rn_Content .rn_List{
	display:flex;
	flex-direction:row;
	flex-wrap: wrap;
	background-color: white;
	padding: 1em 0 0 0;
}

#ORNT_bulletins	.KnowledgeSyndication .rn_Content .rn_List li.rn_Item {
	flex: 1 0 45%;
    margin: .1em 0;
    word-wrap: wrap;
    word-break: normal;
    max-width: 45%;
    display: flex;
    align-items: top;
    font-size: 1.25em;
    padding: .5em 0 .5em 0;
    font-family: 'LatoLight';	
}

#ORNT_bulletins .KnowledgeSyndication .rn_Content .rn_List li.rn_Item:before{
	position:absolute;
  	display: inline-block;
    content: '';
    -webkit-border-radius: 0.375rem;
    border-radius: 0.375rem;
    height:12px;
    width: 12px;    
    margin:3px;
    background-color: #DB0011;

}

#ORNT_bulletins .KnowledgeSyndication .rn_Content .rn_List .rn_Item .rn_Title a{
	color:#016F8E;
	font-family:'LatoRegular';
	text-decoration: none;
	display: block;
	font-size: 17px;
	padding:0 10px 0 25px;
}
#rn_ContentListskw_0{
	margin: 0;
}
@media only screen and (min-width:35.6875em){
	#ORNT_bulletins .KnowledgeSyndication .rn_Content .rn_List{
		
	}
	#ORNT_bulletins .KnowledgeSyndication .rn_Content .rn_List .rn_Item .rn_Title a:hover{
		text-decoration: underline;
	}
	#ORNT_bulletins .KnowledgeSyndication .rn_Content .rn_List li.rn_Item{
		/**display:inline-block;**/
	}	
}

@media screen and (max-width: 48em){
	#ORNT_bulletins{
		position:static;
		padding-top:0;
		margin-top: 2.25em;
	}
	
}

.title-bulletins h5{margin:0; font-size: 18px; font-family: 'LatoBold';}
#ORNT_bulletins h5{
	color: #000;
	font-family: 'LatoLight';
	font-size: 26px;
	margin: 0;	
	color: #777;
	border-bottom: 2px solid red;
	padding: 1em 0 0 0;
}

/**@media screen and (max-width: 28.125em){**/
	@media only screen and (max-width: 1000px){
	.title-bulletins h1{
		margin-top: .25em;
	} 
	#ORNT_bulletins{
		padding-top:0;		
		margin-top: 2.25em;
	}
	#ORNT_bulletins .KnowledgeSyndication .rn_Content .rn_List{
		flex-direction: column;
	}
	#ORNT_bulletins	.KnowledgeSyndication .rn_Content .rn_List li.rn_Item {
	display: flex;	
    margin: .1em 0;
    word-wrap: wrap;
    word-break: normal;
    display: flex;
    align-items: top;
    font-size: 1.25em;
    padding: .5em 0 .5em 10px;
    font-family: 'LatoLight';
    color: pink;
    min-width: 90%;	
}

}


/*	-----------------------------------	
09.	Quick Links
	----------------------------------- */
nav.subnav{	
	position: relative;
	padding:1em 0;
}	
	/*Bar of Links */
	nav.subnav ul{		
		width: 100%;
		line-height: 0;
		margin: 0;
		padding: 0;
		}	
	nav.subnav ul:after {
		clear: both;
		content: '';
		display: block;
	}
		
		nav.subnav li:first-child{			
		}

				nav.subnav li a{					
					color: #016F8E;
					font-family: 'LatoRegular';
					font-size: 17px;
					height: 100%;
					line-height: 1.2;
					position: relative;
					text-decoration: none;
					width: 100%;	
					padding: 1em 0;					
					display:block;
				}
				nav.subnav li a:hover{		
					color:#016F8E;			
					text-decoration:underline;				
				}
				
				nav.subnav > ul > li:hover {					
				}
				

				nav.subnav > ul > li:hover + li{					
					border-left:none;
					position:relative;
					left:1;
				}

.quick-links a{
	padding-left: .5em !important;
	padding-right: .5em !important;
}
.quick-links a:hover{
	text-decoration: underline;
}
				
nav.subnav li{	
	height: 100%;
	text-align: center;				
	margin: 0;				
	border-top:0;
	border-right:0;
	border-bottom:0;	    
    border-top: 0;
    border-right: 0;
    border-bottom: 0;	
}

nav.subnav li.active{
	border-width:0px;
}

nav.subnav li.animating{
	border-width:1px solid #016F8E;
}

nav.subnav nav.dropnav{			
	display:none;	
	background:#fff;
}

nav.subnav li.active{		
	z-index: 1;
	color: #016F8E;	
	border:1px solid #016F8E;
	padding-bottom:0;
	background: #e4e4e4;	
}	

nav.dropnav ul {	
	height: auto;
	width: inherit;
	line-height: .9em;
	margin: 0;		
	position:relative;
	padding-bottom: 1em;
	padding-top:.3em;
}

nav.dropnav li{
	clear:both;	
	height: auto;
	width: inherit;
	line-height: auto;
	margin: 0;
	padding: 0 0 0 1em; /*text indent*/
	border:none;
	outline:none;
	text-align: left;	
}

nav.dropnav li:hover{
	border:none;
	outline:none;
}

 nav.dropnav li a{		  
	font-size:75%;
	padding: .2em 0;
 }
 
@media screen and (max-width: 35.625em){
	nav.subnav{
		min-width:280px;
		max-width: 330px;
		margin: 0 auto;
	}

	.moreSystems nav.subnav{max-width:initial;}

	nav.subnav > ul > li:hover {						
		border-left:1px solid #dadada;
	}

	nav.subnav > ul > li.active:hover {
		outline: 1px solid #3aa4ff;											
	}

	nav.subnav > ul > li:hover + li{					
		border-left:1px solid #dadada;
	}

	

	nav.subnav li{
		width: 100%;
		border:1px solid #dadada;
		border-top-width:0px;
		border-right-width:1px;
		border-bottom-width:1px;	
		border-left-width:1px;
	}
	
	nav.subnav li a{					
		font-size: 20px;
		padding: .5em 0;
		text-align: left;
	}
		
	nav.subnav li:first-child{						
		/**border-left:1px  solid #dadada;**/
		border-top-width:1px;
	}										
	
	nav.dropnav ul{
		padding: 10px;
	}
	
	nav.dropnav li{
		margin-bottom:10px;
		border:none;
		padding:0;
		text-align:center;	
	}

	nav.dropnav li:first-child{
		border-left:none;
	}
	
	nav.dropnav li a{
		font-family: 'LatoLight';
		font-size: 18px;
		color:#484848;
		padding: 0;
	}
	
	nav.subnav li.dropExists{
		position:relative;
	}
	
	nav.subnav li.dropExists > a:after{
		cursor:pointer;
		position:absolute;
		right: 10px;
		top: 10px;
		color:#016f8e;
		font-size:20px;
		font-family: 'icons';
		content: '\e60c';						
	}					

	nav.subnav li.dropExists:hover > a:after{
		color:#016f8e;	
	}					

	
	nav.subnav li.dropExists.active > a:after{
		content: '\e60f';
	}									
	
	
						
	nav.dropnav li a:hover{								
		text-decoration:underline;
	}

	/* this fixes the bug where long titles overlap icon */
	.dropnav-header{
		display: inline-block;
		max-width: 80%;
	}				
}
				
@media screen and (min-width: 35.625em){	
	.quick-links>ul.row-8cols>li{
		width: 12.5% !important;
	}
	.quick-links>ul.row-7cols>li{
		width: 14.2857142857% !important;
	}
	.quick-links>ul.row-6cols>li{
		width: 16.6666666667% !important;
	}		
	.quick-links>ul.row-5cols>li{
		width: 20% !important;
	}
	.quick-links>ul.row-4cols>li{
		width: 25% !important;
	}
	.quick-links>ul.row-3cols>li{
		width: 33.3% !important;
	}	
	.quick-links>ul.row-2cols>li{
		width: 50% !important;
	}	
	.quick-links>ul.row-1cols>li{
		width: 100% !important;
	}
	nav.subnav li a:hover{		
		color:#016F8E;							
	}		
}				
/*	-----------------------------------	
10.	Progress Spinner
	----------------------------------- */

/*#support-search .loadingBar input[type="search"]{
	background-image:url('/consumer/assets/images/home/ajax-loader-bar.gif');
	background-repeat:no-repeat;
	background-size:cover;
}

#support-search .loadingBar input[type="search"][disabled]{
	color: #2576bc;
}

#support-search .loadingBar input[type="submit"] {
	border-radius: 0 18px 18px 0;
	background:#2576bc;
	color:#3F90D6;
}

#support-search .loadingBar input[type="search"]::-webkit-input-placeholder {
	color: #777;
	text-transform: uppercase;
}
#support-search .loadingBar input[type="search"]::-moz-placeholder {
	color: #777;
	text-transform: uppercase;
}
#support-search .loadingBar input[type="search"]:-moz-placeholder {   
	color: #777;
	text-transform: uppercase;
}
#support-search .loadingBar input[type="search"]:-ms-input-placeholder { 
	color: #777;
	text-transform: uppercase;
}
*/

/*	-----------------------------------	
11. Nav Top Menu
	----------------------------------- */

.drawer-open #global-header-drawer{z-index:99; padding-top:50px;}
/* need to reduce width after adding amiibo to nav */
header#global-header .smaller
{
	width: 10%;
}
	
header#global-header #contact-us{
	display: none;
}

@media screen and (max-width: 35.625em){
	header#global-header #contact-us{
		display: block;
	}
}


/*	-----------------------------------	
12. WiiU Specific
	----------------------------------- */
	
body.WiiU nav.subnav nav.dropnav{
	display:block;
}

/*	-----------------------------------	
13. Survey 
	----------------------------------- */
body.small .surveyMessage, body.medium .surveyMessage{
	padding:1em;
}

body.small .surveyMessage h1{font-size:30px;}
body.medium .surveyMessage h1{font-size:50px;}

body.medium .surveyMessage{
	min-height:400px;
}
	
body.large .surveyMessage{
	min-height:600px;
}
.surveyMessage h3.category-header{
	padding-top:40px;
}

.surveyMessage h4{
	font-size:20px;
	font-family: 'LatoLight';	
}


/*	-----------------------------------	
14. Utility
	----------------------------------- */
.nowrap{white-space: nowrap;}

/*	-----------------------------------	
15. Language Differences
	----------------------------------- */
li.change-language{margin-left:0; clear:left; float:left;}
nav.global-footer-top div.wrapper > ul > li.change-language > a:after{content:"";}
	
@media screen and (max-width: 907px){	
	html:lang(fr) .title-bulletins h1 { 
		font-size: 48px;		
	}	
}

    

@media screen and (min-width: 48em){
	html:lang(fr) #support-search-container, html:lang(es) #support-search-container, html:lang(pt) #support-search-container{
		padding-top: 60px;
	}
}

@media screen and (min-width: 48em){
	html:lang(pt) section.title-bulletins { 
		padding-top: 40px;	
	}			
	html:lang(pt) .title-bulletins h1 {
		font-size:56px;
	}
}

/*	-----------------------------------	
16. Global Footer Update
	----------------------------------- */
nav.global-footer-top{
	background:#e4e4e4;
}

nav.global-footer-top a{
	color:#000;
}

section.global-footer-bottom{
	background: #000;
    color: #FFF;
    height: auto;
    min-height: 145px;
    padding: 20px 0;
    text-align: center;
}

section.global-footer-bottom a, section.global-footer-bottom a.icon-nintendo:before{	
    color: #FFF;    
}