@charset "UTF-8";
/* CSS Document */

iframe { border:none !important; }

html, body {

	padding:0;
	margin:0;
	
}

html {
	height:100%;

}

img {
	border: none;
}

body {
	background: url( '../images/layout/background.jpg' ) no-repeat top center #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	
	/* ie6 hack */
	min-height:100%;
	height:auto !important;
	height:100%;
	
}

h1, h2, h3, h4, p, div, ul, iframe{ margin: 0px; padding: 0px; display: block; }
a {	text-decoration:none; }

img.header { display: block; margin: 5px 0px 2px 0px; }
.red { color: #e1223f; }
.left {	float: left; margin-right: 5px; }
.padded { margin-left: 165px; }
.center { text-align: center; margin-top:5px; }

div.clear {	clear: both; }

ul { margin: 0px 0px 3px 8px; padding: 0px 10px; }
li { list-style: inside cirlce; }

#wrapper { position:relative; margin:0 auto; width:704px; text-align:left; margin: 0px auto; }
#header { position: relative; width: 100%; margin-left: 0px; height: 239px; }
#nav { font-weight: bold; font-size: 16px; width: 100%; background: url(../images/layout/nav.png) no-repeat center bottom; position:relative; height:49px; position:relative; z-index: -1; padding-top: 3px; }

#nav2 {  z-index:96; position:absolute; top:239px; *_top:236px; height: 23px; width:100%; }
#nav2 ul { margin-left: 15px; padding-top: 6px; position:relative; z-index: 97; }
#nav2 li { list-style: none; list-style-image: none; display: inline-block; float:left; position:relative; z-index: 98; padding:5px 15px 0 0; }
#nav2 li a { height: 23px; display: inline-block; cursor:pointer !important; position:relative; z-index: 99; font-family:Helvetica, Arial,  sans-serif; font-size:14px; color:#FFFFFF; font-weight:bold; }

#nav2 li a:hover { color:#e1223f; }

#nav2 li a.h-on { color:#e1223f; }
#nav2 li a.l-on { color:#e1223f; }
#nav2 li a.p-on { color:#e1223f; }
#nav2 li a.f-on { color:#e1223f; }
#nav2 li a.he-on { color:#e1223f; }

/*
#nav2 li a.h-on { background: url('../images/nav/home-on.png') no-repeat center center; height: 23px; width: 65px; }
#nav2 li a.h-off { background: url('../images/nav/gifs/home-off.gif') no-repeat center center; height: 23px; width: 65px; }
#nav2 li a.h-off:hover { background: url('../images/nav/home-hover.png') no-repeat center center; }

#nav2 li a.l-on { background: url('../images/nav/login-on.png') no-repeat center center; height: 23px; width: 155px; display: block; }
#nav2 li a.l-off { background: url('../images/nav/login-off.png') no-repeat center center; height: 23px; width: 155px; display: block; }
#nav2 li a.l-off:hover { background: url('../images/nav/login-hover.png') no-repeat center center; }

#nav2 li a.p-on { background: url('../images/nav/partners-on.png') no-repeat center center; height: 23px; width: 195px; display: block; }
#nav2 li a.p-off { background: url('../images/nav/partners-off.png') no-repeat center center; height: 23px; width: 195px; display: block; }
#nav2 li a.p-off:hover { background: url('../images/nav/partners-hover.png') no-repeat center center; }

#nav2 li a.f-on { background: url('../images/nav/faq-on.png') no-repeat center center; height: 23px; width: 46px; display: block; }
#nav2 li a.f-off { background: url('../images/nav/faq-off.png') no-repeat center center; height: 23px; width: 46px; display: block; }
#nav2 li a.f-off:hover { background: url('../images/nav/faq-hover.png') no-repeat center center; }

#nav2 li a.he-off { background: url('../images/nav/help-off.png') no-repeat center center; height: 23px; width: 60px; display: block; }
#nav2 li a.he-off:hover { background: url('../images/nav/help-hover.png') no-repeat center center; }
*/

#content { color: #000000; background-color: #ffffff; width: 569px; padding: 57px 57px;	margin: -19px auto 0px auto;	min-height: 500px; }
#content a { color: #e1223f; }
#content p { margin-top: 5px; }
#left_col {	width: 264px; margin-right: 40px; float: left; }
#right_col { width: 264px; float: left; }
hr { margin: 15px 0px 20px 0px; }

#content div.block { margin-bottom: 15px;}
#content div.block p { margin-top: 11px; }
#content div.block p.grey { margin-top: 0px; color: #939598; }
#content div.block div.buttons { margin-top: 11px; text-align: center; width: 274px; }

/* HEADER */

                div#logo1 {
                    width:159px;
                    height:177px;
                    position:absolute;
                    top:32px;
                    left:0;
                }
				
					div#logo1 a {
						background-image: url(../images/layout/logo1.png);
						background-repeat: no-repeat;	
						top:0;
						left:0;
					}
                
                div#logo2 {
                    width:229px;
                    height:82px;
                    position:absolute;
                    top:80px;
                    right:0;
					
					/*
					top:180px;
					z-index:99;
					*/
					
                }
				
					div#logo2 a {
						background-image: url(../images/layout/logo2.png);
						background-repeat: no-repeat;	
						top:0;
						left:0;	
					}
				
					div#logo1 a, div#logo2 a {
						position:relative !important;
						cursor:pointer !important;
						display:block;
						height:100%;
						width:100%;
					}

/* END HEADER */


/* TABLE */

table.home{
width:99%;
margin-top:10px;
margin-bottom:25px;
}

tr.header{
font-weight:bold;
text-transform:uppercase;
color:#db1e3e;
}
table.home td{
text-align:left;
padding-top:3px;
padding-bottom:3px;
border-color:#cccccc;
border-width:1px;
border-bottom-style:solid;
}

#content li{
list-style:outside;
}

#content ul{
margin-top:10px;
margin-bottom:10px;
}

/* HOME PAGE */

				div.blockHolder {
					display:block;
					width:100%;
					clear:both;
					position:relative;
					padding-bottom:30px;
					margin-bottom:30px;
				}
				
					div.blockHolder div.block {
						float:left;
						width:45%;
						margin-left:20px;
					}
					
					div.blockHolder div.blockLeft {
						margin-right:20px;
						margin-left:0px;
					}
					
						div.blockHolder div.block div.buttons {
							position:absolute;
							bottom:0;
							right:0;
						}
						
						div.blockHolder div.blockLeft div.buttons {
							position:absolute;
							bottom:0;
							left:0;
						}

				div.inactive div.buttons {
					z-index:0;
					
				}
				
				div p.p1{
					
				}
				
				div p.p2{
					
				}
				
				div p.p3{
					
				}
				
				div p.p4{
					
				}
				
				div p.p5{
					
				}
				
				div p.p6{
					display:none;
				}

				div.buttons a {
					float:left;
				}

				div.buttons a.rules {
					display:block;
					height:26px;
					width:76px;
					background-image:url(../images/buttons/rules.jpg)
				}
				
				div.buttons a.rules:hover {
					background-image:url(../images/buttons/rules-hover.jpg)
				}
				
				div.buttons a.details {
					display:block;
					height:26px;
					width:89px;
					background-image:url(../images/buttons/details.jpg)
				}
				
				div.buttons a.details:hover {
					background-image:url(../images/buttons/details-hover.jpg)
				}
				
				div.buttons a.signup {
					display:block;
					height:26px;
					width:89px;
					background-image:url(../images/buttons/sign-up.jpg)
				}
				
				div.buttons a.signup:hover {
					background-image:url(../images/buttons/sign-up-hover.jpg)
				}

                /* active */
                div.active div.blockMask {
                    display:none;
                }
            
                /* inactive */
                div.inactive div.blockMask {
					/*
                    position:absolute;
                    top:0;
                    left:0;
                    width:100%;
                    height:100%;
                    background-color:#FFF;
                    z-index:1;
					*/
                    
                      /* for IE 
                      filter:alpha(opacity=60);*/
                      /* CSS3 standard 
                      opacity:0.6;*/
					  
					  display:none;
					  
                    
                }
                
				div.inactive{
                      /* for IE */
                      filter:alpha(opacity=60);
                      /* CSS3 standard */
                      opacity:0.6;
				}
				
					div.inactive div.buttons {
						z-index:0;
					}
                
                /* expired */
                div.expired div.blockMask {
					/*
                    position:absolute;
                    top:0;
                    left:0;
                    width:100%;
                    height:100%;
                    background-color:transparent;
                    z-index:1;
					*/
					display:none;
                }
				
				div.expired{
                      /* for IE */
                      filter:alpha(opacity=60);
                      /* CSS3 standard */
                      opacity:0.6;
				}
				
					div.expired p.p1{
						display:none;
					}
					
					div.expired p.p2{
						
					}
					
					div.expired p.p3{
						
					}
					
					div.expired p.p4{
						display:none;
					}
					
					div.expired p.p5{
						display:none;
					}
					
					div.expired p.p6{
						display:block;
					}
                
					div.expired div.buttons {
						z-index:0;
						display:none;
					}
				
                div.block div.statusText {
					color:#FF0000;
					font-size:14px;
					font-weight:bold;
                }

/* END HOME PAGE */

div.step { margin-top: 8px; margin-bottom: 2px; clear: left; }

#volg { background-color: #ffffff; width: 640px; border: none; padding: 0; min-height: 500px; height: 100%; }
table.frames { }
td.frames, iframe.frames { background-color: #ffffff; border: none; }

div#legal { margin-top: 6px; margin-bottom: 6px; }
p.legal { font-size: 10px; text-align: justify; }
.small { font-size: 10px; line-height: 12px; }

#footer {
	padding-top: 14px;
	height:34px;
	width:704px;
	margin:0 auto;
	background-color:#000000;
	z-index:2;
	background-image: url(../images/layout/footer.png);
	background-repeat: no-repeat;
	background-position: 0 top;
}
#footer a, #footer a:visited, #nav a, #nav a:visited { color: #ffffff; font-weight: bold; }
#footer a:hover, #nav a:hover {	color: #db1e3e;	font-weight: bold; }


form.go { display: inline; }
input.go { height: 20px; width: 29px; color: #ffffff; background-color: #e1223f; border: none; font-weight: bold; }
input.go:hover { color: #e1223f; background-color: #ffffff;	border: none; font-weight: bold; }