@charset "UTF-8";
/* Welcome to this LittleBigStylesheet of cascading goodness. Hopefully. */

/* Resets */
html {
	font-size: 100%;	
	width: 100%;
}
html * {
	padding: 0px;
	margin: 0px;
	border: 0px;	
}
	
/* Basic elements */
body {
	width: 100%;
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
}
p {
	font-size: 15px;
	line-height: 150%;
}
h1, h2, h3, h4, h5, h6, h7 {
	
}
h1 {
	font-size: 32px;
	font-family: 'VAG Rounded', 'Arial Rounded MT Bold', 'Arial Rounded', Helvetica, Arial, sans-serif;
}
h2 {
	font-size: 24px;
	font-family: 'VAG Rounded', 'Arial Rounded MT Bold', 'Arial Rounded', Helvetica, Arial, sans-serif;
}
h3 {
	font-size: 18px;
	font-family: 'VAG Rounded', 'Arial Rounded MT Bold', 'Arial Rounded', Helvetica, Arial, sans-serif;
}
h4 {
	font-size: 15px;
	font-family: 'VAG Rounded', 'Arial Rounded MT Bold', 'Arial Rounded', Helvetica, Arial, sans-serif;
}
h5 {
	font-size: 13px;
}
h6 {
	font-size: 13px;
}
h7 {
	font-size: 13px;
}
strong {
	
}
em {
	
}
ul {
	
}
ol {
	
}
li {
	font-size: 15px;
	line-height: 150%;
}
blockquote {
	
}
a {
	text-decoration: none;
color: #FFD109;
}
a:hover {
	text-decoration: underline;
}
a span {
	/*text-indent: -9999px !important;*/
	display: none;
}
div {
	display: block;
}
hr {
	
}
acronym {
	cursor: help;
	border-bottom: 1px dotted #7ab42a;
}


/* Main layout elements */
#container {
	width: 996px;
	margin: auto;
	text-align: center;
}
#header {
	width: 996px;
	height: 338px;
}
#header a {
	width: 996px;
	height: 338px;
display: block;
}
#content {
	width: 740px;
	min-height: 400px;
	display: block;
	text-align: left;
	margin: auto;
}
#footer {
	display: block;
	float: left;
	clear: both;
	text-align: left;
}


/* Backgrounds */
body {
	background-repeat:repeat-x;
	background-color: #115788; 
	background-image: url(/images/assets/bg-repeat.jpg); 
}

#background {
	width: 100%;
	background-repeat:no-repeat;
	background-position: center top; 
	background-image: url(/images/assets/background.jpg); 
}
			
	
	 

/* Columns */

#content .pagetitle {
	padding: 0 0 12px 0;
}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
	color: #FFFFFF;
}
#content h1.pagetitle {
	padding: 0 0 12px 0;
}
#content h2.pagetitle {
	padding: 0 0 9px 0;
}
#content h3.pagetitle {
	padding: 0 0 6px 0;
}
#content h4.pagetitle {
	padding: 0 0 3px 0;
}
#content p {
	color: #FFFFFF;
	padding: 0 0 12px 0;
}
#content li {
	color: #FFFFFF;
}
#content p a {
	font-weight: bold;
}
#content ul, #content ol {
	padding-bottom: 12px;
}
#content .block {
	padding: 0 0 18px 0;
}

/* Footer */ 

#footer {
	width: 996px;
	padding-top: 48px;
}
#footer ul {
	clear: both;
	display: block;
}
#footer ul li {
	clear: none;
	display: block;
	float: left;
	padding-left: 24px;
}
#footer ul li a {
	clear: none;
	display: block;
	float: left;
	height: 98px;
	background-repeat: no-repeat;
	background-position: left top;
}
#ft-pegi a {
	width: 56px;
	background-image: url(/images/assets/footlogo-pegi.png);
}
#ft-mm a {
	width: 96px;
	background-image: url(/images/assets/footlogo-mm.png);
}
#ft-psp a{
	width: 155px;
	background-image: url(/images/assets/footlogo-psp.png);
}
#ft-ps3 a {
	width: 278px;
	background-image: url(/images/assets/footlogo-ps3.png);
}
#ft-psn a {
	width: 142px;
	background-image: url(/images/assets/footlogo-psn.png);
}
#ft-sce a {
	width: 68px;
	background-image: url(/images/assets/footlogo-sce.jpg);
}
#footer .padder {
	padding: 12px 0 48px 0;
	float: left;
	clear: both;
}
#footer p {
	color: #808080;
	font-size: 9px;
	padding: 0 0 12px 0;
}
#footer p a {
	text-decoration: none;
	color: #bfbfbf;
}
#footer p a:hover {
	border-bottom: 1px solid #7ab42a;
	color: white;
}


/* Forms */

form {
    
}
fieldset {
	border: 0px;
	padding: 12px;
	display: block;
}
legend {
	font-weight: bold;
	font-size: 16px;
	line-height: 175%;
	padding: 3px 0 3px 0px;
}
label, .label {
	display: block;
	float: left;
}
input {
	display: block;
	float: left;
	font-size: 15px;
	border: 1px solid #115788;
	color: #115788;
	background-color: #F2FCFE;
	font-family: Helvetica, Arial, sans-serif;
	padding: 3px;
}
select {
	display: block;
	float: left;
	font-size: 15px;
	border: 1px solid #115788;
	color: #115788;
	background-color: #F2FCFE;
	font-family: Helvetica, Arial, sans-serif;
	padding: 3px;
}
textarea {
	display: block;
	float: left;
	border: 1px solid #115788;
	color: #115788;
	background-color: #F2FCEE;
	line-height: 150%;
	font-size: 15px;
	font-family: Helvetica, Arial, sans-serif;
	padding: 3px;
}
#content form {
 	width: 600px;
}
#content form ul {
 	list-style-type: none;
 	width: 600px;
	display: block;
	padding: 0px !important;
}
#content form ul li {
 	display: block;
	float: left;
 	width: 600px;	
	clear: both;
	padding: 0 0 9px 0;
}
#content form label, #content form .label {
 	width: 96%;
 	display: block;
 	color: #FFFFFF;
}
#content form label span, #content form .label span {
 	display: block;
	float: left;
	font-size: 15px;
	width: 220px;
}
#content input, #content textarea, #content select { 	
	width: 240px;
	float: left;
	display: block; 
	font-size: 15px;
}
#content textarea {
font-size: 13px;
}
#content textarea { 	
	width: 380px;
	height: 120px;
}
.button {
	padding: 6px 12px 6px 12px !important;
	background-color: #FFD109 !important;
	color: #115788 !important;
	cursor: pointer !important;
	font-size: 18px;
	font-weight: bold;
}

.text {
	
}
.checkbox {
	width: auto !important;
	margin-right: 6px !important;
	background-color: transparent !important;
}
.file {

}
.textarea {
	background-color: #C5EFFD;
	width: 720px !important;
	height: 240px !important;
	font-size: 12px !important;
}





/* Useful little classes */
.nolist, .nolist * {
	list-style-type: none !important;
}
.icon {
	display: inline;
	margin: 0 3px 0 3px;
	vertical-align: middle;
}
.clearer {
	clear: both !important;
}
.floatleft {
	float: left !important;
}
.floatright {
	float: right !important;
}
.hiddenFields, .hide {
	display: none !important;
}
.nowidth {
	width: auto !important;
}
.block {
	clear: both;
	float: left;
}
br.clearer {
	font-size: 0px !important;
	height: 0px !important;
}
.center {
	width: 100% !important;
	text-align: center !important;
}
.hr {
	background-repeat:no-repeat;
	background-position: center center;
	background-image: url(/images/assets/shared/bg-hr.png); 
	height: 24px;
	display:block;
	clear: both;
	width: 100%;
}
.hr hr {
	display: none;
}