/*CSS RESET*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
/* Clear Fix
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.cf:after {
    clear: both;
}
/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}
body {	
	background: #DFDFDF;
	font-size: 62.5%;
}
.sprite {
	display: block;
	height: 0;
	overflow: hidden;
}



/* ======================== OVERWRITES GLOBAL NAV FOR CORP SECTION =======================================*/					



/*make.believe*/
#sony-makebelieve-banner {
		position: static; 
		height:auto;
}

.ie8  #sony-makebelieve-banner {
	min-width:940px;
}
	
			
/*PORTAL HEADER*/
.sp-corp-wrapper   #portal-header {

	margin-top:0px;
	position:relative;
	z-index:5000;
	
	background-color:#1b2a38;	
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	 
	
}	
 
#portal-nav-container {
	border-bottom:none;
	min-height: 113px;
}

#portal-footer-container {
	padding-right:0px;
}

.ie8  #portal-footer {
	min-width:940px;
}

#treatment-content-begin {
	display:none;
}


/* ======================== BASIC PAGE SETUP ========================================================= */				

html {
   height: 100%;
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
}

body {
    min-height: 100%;
    height:100%;
    width:100%;
	margin : 0 auto;
	padding : 0;
	font : 62%/1.4 'Open Sans', arial, helvetica, helve, sans-serif;
	letter-spacing:0;
	color : #444444; 
	text-align: left;
	background: #fff;
	font-weight:600;
	background-color: #DFDFDF;
}


ul {
	list-style:none;
}	

img, a {
	outline:none;
	border:none;
	padding:0;
	margin:0;
}

img {
   display:block;
  -ms-interpolation-mode: bicubic;
   max-width: 100%;
}

.clearfix:after { 
   content: " ";
   display: block; 
   height: 0; 
   clear: both;
}


/*  TYPOGRAPHY  ============================================================================= */


h1, h2, h3, h4, h5, h6 {
	font-family:'Open Sans', arial, helvetica, helve, sans-serif;
	font-weight : normal;
}


h1 { 
	font-family:'Open Sans', arial, helvetica, helve, sans-serif;
	color: #444444;
	font-size : 6em; /* 96 / 16 */
	line-height : 1.4;
}


h2 { 
	color: #444444;
	font-size : 2.2em;  
	line-height : 2.2em; 
}


h3 { 
	color: #444444;
	letter-spacing: -1px;
	font-size : 1.55em;  
	line-height : 1.3; 
}


h4 { 
	color: #444444;
	font-size : 1.25em; 
	line-height : 1.25; 
}


h5 { 
	color: #444444;
	font-size : 1.2em;  
}



h6 { 
	color: #444444;
	font-size : 1em; 
}

 

/* LINKS =============================================================================  */

a { 
	color : #444444;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-decoration: underline;
}


a:visited { 
	color : #444444; 
}

a:focus {outline:none;}

a:hover, 
a:active { 
	outline : 0;
	color : #444444;
}





/*  MAIN LAYOUT	============================================================================= */

.sp-error-wrapper {
    clear:both;
	width: 100%;
	background-color:#ffffff; 
	 
}

.ie8 .sp-error-wrapper { 
	min-width:940px;
}

.sp-error-wrapper  p {
	line-height:1.6em;
	font-size:1.2em; 
	letter-sapcing:0;
	color:#444;
}


.sp-error-content{ 
    max-width:940px;
	margin: 0 auto;
	color: #000;
	text-align: left; 
}

.ie8 .sp-error-content{ 
	width:940px;
	margin:0 auto;
}

 
.sp-error-ns {
	background-image:url(../images/ui/noise.png);
	background-position:0px 0px; 
}

.ie8  .sp-error-ns {
	min-width:940px;
	width:100%;
}

#sp-error-top {
	width: 100%;

	width: 100%;
	background-image:url(../images/ui/nopattern-gradient-bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:100% 600px;
	background-color:#384979;
}



/* --------------------- error ----------------------------*/


.error-content {

	max-width: 940px;
	margin: 0 auto;
	color: #000;
	text-align: left;
	background:#f1eff0 url(../images/ui/bg-pattern.png) repeat-x left top;
	 
}

.error-content #error-output {
	 padding:40px 20px 60px 40px;  
}

.error-content  h1 {
	font-family: 'Open Sans', arial, helvetica, helve, sans-serif;
	text-transform: uppercase;
	font-weight: 600;
	color:#0183a7;
	font-size:6.0em;
	 
} 

.error-content p {
	color:#444444;
	font-size:1.3em;
}

.error-content  a {
	color:#0183a7;
}




@media screen and (max-width: 1020px) {

	.error-content #error-output {
		padding-left:20px;
		padding-right:0px;
		width:740px;
		margin:0 auto;
	}
 
}



@media screen and (max-width: 767px) {

	.sp-corp-wrapper #portal-header {
		position:static;
	}
	#portal-nav-container {
		min-height:50px;
	}
	.error-content #error-output {
		width:460px;
		margin:0 auto;
	}
 
}



/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 481px) {

     body {
		min-height:320px;
		min-width:320px;
	}
	
	.sp-corp-content {
		width:100%;
	}
	
	.sp-corp-content   p {
		font-size:1.1em;
		line-height:1.5em;
	}
	
	.error-content #error-output {
		width:320px;
		margin:0 auto;
	}
 
}

/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 321px) {
	.error-content #error-output {
		width:300px;
		margin:0 auto;
	}
}