body {
background-color:#000000;
font-size:100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

img {
border:0;
}

#container {
width:400px;
margin:0 auto;
height:100%;
background-color:#000000;
}

#logo a {
	display:block;
	background:url("logo.jpg");
	width:311px;
	height:121px; 
	margin:0 auto;
	margin-top:50px;
}

#content {
    display:block;
    margin:auto;
    margin-top:10px;
    width:250px;
    font-size:0.6em;
    clear:both;
    color:#fff;
}

#content a {
	color:#fff;
}

#content a:hover {
	color:#000;
	background-color:#fff;
}

/* ------------------------------------------ [ FRONT PAGE ] ------------------------------ */

#header h1 {
	font-weight:normal;
	font-size:0.8em;
	text-align:center;
	margin:auto;
	margin-top:20px;
}

h2 {
	background-color:#000;
	color:#fff;
	font-size:1em;
}

h3 {
	margin:0;
	padding:0;
	font-size:1em;
	font-weight:normal;
}


/* ------------------------------------------ [ /FRONT PAGE ] ----------------------------- */

/* ------------------------------------------ [ FOOTER ] ---------------------------------- */

#footer {
float:left;
width:400px;
display:block;
margin:auto;
margin-top:0;
text-align:center;
font-size:x-small;
}

#footer a {
	color:#fff;
	background-color:#ffa300;
	padding:5px;
	text-decoration:none;
}

#footer a:hover {
	color:#fff;
	background-color:#000;
}

/* ----------------------------------------- [ /FOOTER ] ---------------------------------- */


/* ------------------------------------------ [ FORM VALIDATION ] -------------------------- */

.validation-advice { 
	margin-top:10px; 
	width:400px; 
	padding: 5px; 
	background-color: #d80000; 
	color : #FFF;
}

input {
	width:250px; 
	background-color:#fff; 
	height:30px; 
	padding:5px; 
	border:1px solid #e3e9ef; 
	color:#555555; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:1em;
}

input.button { 
	width:60px;
	height:30px;
	background-color:#f0f4f7;
}

input.codeinput, input.amountofcodes {
	font-size:4em;
	height:50px;
	width:220px;
	text-transform:uppercase;
    background-color:#707070;
    padding:10px;
}

input.amountofcodes {
    width:100px;
}

input.buttoninput {
	height:40px;
	width:50px;
	background-color:#36a0de;
    color:#fff;
    border:1px solid #0f70a8;
}

textarea {
	width:400px; 
	padding:5px; 
	background-color:#fff; 
	border:1px solid #e3e9ef; 
	color:#555555; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:1em;
}

label {
	width:200px; 
	display:block; 
	margin-bottom:5px;
}

fieldset {
	border:0; 
	margin-top:20px; 
	margin-left:60px;
	padding:0;
}

.release {
    display:block;
    margin-top:10px;
    margin-bottom:10px;
    background-color:#333;
    padding:6px;
}

.downloadbutton {
    color:#fff;
    background-color:#36a0de;
    padding:10px;
    text-decoration:none !important;
}

/* ------------------------------------------ [ ERROR / SUCCESS ] -------------------------- */

.error {
	margin-top:10px;
	background-color:#990000;
	color:#fff;
	padding:20px;
}

.success {
	margin-top:10px;
	background-color:#00c300;
	color:#fff;
	padding:20px;
}

.white {
	color:#fff;
}

.warning {
	margin-left:120px;
}

/* DOWNLOADCARDS */

.download_cards {
	display:block;
	margin:0;
	padding:0;
	page-break-after:always;
}

.card_container {
	display:block;
	width:317px;
	height:185px;
	float:left;
	margin-right:7px;
	margin-bottom:10px;
	list-style:none;
} 

.code_container {
	display:block;
	font-weight:bold;
	font-size:1.2em;
	margin-top:-10px;
	margin-left:180px;
	color:#000;
}