/* CSS RESET ============================================ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

body {
line-height: 1;
font-size: 62.5%; /* hack voor em */
font-family: Arial, Helvetica, sans-serif;
}

ol, ul {
list-style: none;
}

blockquote, q {
quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

a {
color: #999999;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

p {  
line-height: 20px;  
font-size: 12px;
margin-bottom: 1em;  
}

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

.clear
{
	clear:both;
	height:1px;
	line-height:1px;
	font-size:1px;
}

html {
background-color: #fff;
}

#container {
position: relative;
width: 955px;
margin: 0 auto;
}

#header{
width: 955px;
height: 115px;
background: url(../images/christmas_bg_banner.jpg) no-repeat top left;
}

#main{
height:686px;
width: 956px;
background: url(../images/AgeCheckNew-bg.jpg) no-repeat top left;
}

.rejected #main
{
	height:686px;
	width: 956px;
	background: url(../images/AgeCheckNew-bg-without-black-line.jpg) no-repeat top left;
}

#col1 {
width: 524px;
height: 530px;
background: url(../images/christmas_bg_left.jpg) no-repeat top left;
float: left;
}

#col2 {
width: 431px;
height: 530px;
background: url(../images/christmas_bg_right.jpg) repeat-x;
float: left;
}

#col2 ul li{
float: left;	
}

#col2 ul li a{
float: left;
display: block;
height: 56px;
width: 118px;
}

#col2 ul li a#ja{
background: url(../images/ja.png) no-repeat;
margin-right: 5px;
}

#col2 ul li a#ja:hover{
background: url(../images/ja_o.png) no-repeat;
}

#col2 ul li a#nee{
background: url(../images/nee.png) no-repeat;
}

#col2 ul li a#nee:hover{
background: url(../images/nee_o.png) no-repeat;
}

#rejected {
background: url(../images/reject.png) no-repeat;
width: 341px;
height: 92px;
margin-top: 240px;
}

#footer{
width: 955px;
height: 40px;
background: url(../images/christmas_gb_footer.gif) repeat-x;
text-align: center;
}

span.devide{
color:#999;
}

#footer ul {
margin-left: 200px;
padding-top: 15px;
}

#footer ul li{
float: left;
}

#footer ul li a{
display : block;
height: 11px;
float: left;
}

#footer ul li a#contact {
background: url(../images/contact.gif) no-repeat;
width: 37px;
}

#footer ul li a#contact:hover {
background: url(../images/contact_o.gif);
}


#footer ul li a#copyright{
background: url(../images/christmas_copyright.gif) no-repeat;
width: 116px;
}

#footer ul li a#privacy{
background: url(../images/privacy.gif) no-repeat;
width: 83px;
}

#footer ul li a#privacy:hover {
background: url(../images/privacy_o.gif) no-repeat;
}

#footer ul li a#faq{
background: url(../images/faq.gif) no-repeat;
width: 18px;
}

#footer ul li a#faq:hover {
background: url(../images/faq_o.gif) no-repeat;
}

#footer ul li a#vrijwaring{
background: url(../images/vrijwaring.gif) no-repeat;
width: 47px;
}

#footer ul li a#vrijwaring:hover {
background: url(../images/vrijwaring_o.gif) no-repeat;
}

#footer ul li a#enjoy{
background: url(../images/christmas_enjoy.gif) no-repeat;
width: 127px;
}

#footer ul li a#enjoy:hover {
background: url(../images/enjoy_o.gif) no-repeat;
}

#footer ul li a#heineken{
background: url(../images/christmas_heineken.gif) no-repeat;
width: 54px;
}

#footer ul li a#heineken:hover {
background: url(../images/heineken_o.gif) no-repeat;
}





/* Age check */

/*
.formAgeCheck {
    text-align: left;   
    width:450px;
    margin-left:-75px;
    *margin:0;
    float:left;
}
.floatLeft {
	float: left !important;
}

.formAgeCheck .floatLeft
{
	margin:0 0 14px 0;
	width:314px;
}
.formAgeCheck .floatLeft .date
{
	float:left;
}
.formAgeCheck .floatLeft .date input {
    background: #000;
    font-family: Lucida Sans Unicode;
    font-size: 32px;
    color: #fff;
    text-align: center;
    margin: 0;
    padding: 5px 11px 0 9px;
    width: 70px;
    height: 53px;
    border: none;
}
.formAgeCheck .floatLeft .date input.year {
    width: 95px;
    padding-left: 5px;
}
.formAgeCheck .floatLeft .date input.error {
    padding: 8px 13px 0 13px;
    border: 2px solid #ce141a;
    height:61px;
}
.formAgeCheck .floatLeft .date input.error.year
{
	width:113px;
}
.formAgeCheck .floatLeft .date .separator {
    position: relative;
    font-family: Lucida Sans Unicode;
    font-size: 32px;
    color: #fff;
    *vertical-align: top;
    *top: 6px;
    line-height: 35px;    
}
.formAgeCheck .submitAge
{
	float:right;
	margin:-2px 0 0 0;
}
.formAgeCheck .submitAge .bSubmitCustomer {
    background: url(../images/AgeCheckNew-btn1.gif) no-repeat;
    width: 132px;
    height: 47px;   
    cursor: pointer; 
    display:block;
    margin-bottom:6px;
}

.formAgeCheck .submitAge .bSubmitB2B{
    background: url(../images/AgeCheckNew-btn2.gif) no-repeat;
    width: 132px;
    height: 27px;
    cursor: pointer;
    display: block;
}

.linkRemember {
	cursor: pointer;
}
.formAgeCheck .remember {
    text-align: left;
    margin-top:4px;
}
.formAgeCheck .remember .imgRemember,
.formAgeCheck .remember .imgRememberCheck {
    float: left;
    width: 19px;
    height: 17px;
}
.formAgeCheck .remember .imgRemember {
    background: url(../images/AgeCheckNew-chbox.gif) no-repeat 0px 0px;
}
.formAgeCheck .remember .imgRememberCheck {
    background: url(../images/AgeCheckNew-chbox-over.gif) no-repeat 0px 0px;
}
.formAgeCheck .remember h2.tOnthoudMij {
    float: left;
    background: url(../images/AgeCheckNew-txt-chbox.gif) no-repeat 8px 0px;
    width: 100px;
    height: 10px;
    margin-left:-10px;
}
.formAgeCheck .remember .textAgeCheck {
    background: url(../images/AgeCheckNew-txt.gif) no-repeat 0px 0px;
    text-indent: -9999px;
}
.formAgeCheck .floatLeft .remember .msgError {
    width: 220px;
    color: red;
}

.formAgeCheck .years
{
	background: url(../images/AgeCheckNew-txt-header.gif) no-repeat 0px 0px;
	width:416px;
	height:46px;
	margin:12px 0 26px 0;
}

.formAgeCheck .floatLeft .checkbox
{
	margin-top:5px;
}*/

.ageCheckBox
{
	position:relative;
	top:305px;
	margin-left:265px;
	*margin-left:0px;
	width: 450px;
	height:686px;
	text-align: left;
}

h1.tAgeCheckH {
	background:transparent url(../images/AgeCheckNew-txt-header.gif) no-repeat scroll 0 0;
	
}

.ageCheckBox h1 {
	height:48px;
	width:415px;
	/*margin-left:-265px;*/
}

h1.img, h2.img, h3.img, h4.img, .btn {
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}

.floatLeft {
	float:left !important;
}

.formAgeCheck {
    text-align: left;
    padding: 30px 0 0 0;
}
.formAgeCheck input {
    background: #000;
    font-family: Lucida Sans Unicode;
    font-size: 34px;
    color: #fff;
    text-align: center;
    margin: 0;
    padding: 4px 2px 2px 0;
    width: 66px;
    height: 53px;
    border: none;
}
.formAgeCheck input.year {
    width: 103px;
}
.formAgeCheck input.error {
    padding: 4px 0 0 0;
    border: 1px solid #ce141a;
}
.formAgeCheck .separator {
    position: relative;
    font-family: verdana;
    font-size: 28px;
    color: #fff;
    vertical-align: top;
    top: 5px;
    line-height: 35px;
}

.formAgeCheck a.bSubmitCustomer {
    background: url(../images/AgeCheckNew-btn1.gif) no-repeat 20px 0px;
    width: 152px;
    height: 52px;
    cursor: pointer;
    display: block;
    overflow: hidden;
}

.formAgeCheck a.bSubmitCustomer:hover
{
	background: url(../images/AgeCheckNew-btn1-over.gif) no-repeat 20px 0px;
}

.formAgeCheck a.bSubmitB2B {
    background: url(../images/AgeCheckNew-btn2.gif) no-repeat 20px 6px;
    width: 152px;
    height: 30px;
    cursor: pointer;
    display: block;
    overflow: hidden;    
}

.formAgeCheck a.bSubmitB2B:hover
{
	background: url(../images/AgeCheckNew-btn2-over.gif) no-repeat 20px 6px;
}

.formAgeCheck .remember {
    text-align: left;
    padding-top: 5px;
    margin-top:-10px;
}

.fixErr
{
	margin: -27px 0 15px !important;
	text-align: left;
    padding-top: 5px;
    width:200px;
}

.formAgeCheck .msgError {
}

.msgError {
	background: #ce141a url(../images/error-icon2.gif) no-repeat 1px 1px;
	padding: 3px 8px 5px 23px; /*display: none;*/ /* on error validation change to visibility:visible */
	text-align: left;
	overflow: hidden;
	display: block; /*width: 100%;*/
	clear: both;
	font-family: Verdana;
	font-size: 11px;
	font-style: normal;
	color:#ffffff;
}

.linkRemember {
	cursor: pointer;
}

.formAgeCheck .remember .imgRemember,
.formAgeCheck .remember .imgRememberCheck {
    float: left;
    width: 19px;
    height: 17px;
}

.formAgeCheck .remember .imgRemember {
    background: url(../images/AgeCheckNew-chbox-over.gif) no-repeat 0px 0px;
}
.formAgeCheck .remember .imgRememberCheck {
    background: url(../images/AgeCheckNew-chbox.gif) no-repeat 0px 0px;
}

.formAgeCheck .remember h2.tOnthoudMij {
    float: left;
    background: url(../images/AgeCheckNew-txt-chbox.gif) no-repeat 0px 0px;
    width: 92px;
    height: 18px;
    display: block;
    overflow: hidden;
}

.formAgeCheck .remember .textAgeCheck {
    background: url(../images/AgeCheckNew-txt.gif) no-repeat 0px 0px;
    text-indent: -9999px;
}