@charset "utf-8";

/* CSS Document */

/*=========== Sticky Footer Styling ===============*/

* {
padding: 0;
margin: 0;
	}

html, body {
height: 100%;
	}

#crm-wrapper {
min-height: 100%;
	}

#clearboth{
	clear:both;
	}

/*=========== END Sticky Footer Styling ===============*/
	
body{
	color:#000000; 
	text-align:center;
	background:#000000;
	margin:0;
	padding:0;
	}
	
#crm-wrapper{
	min-height: 100%;
	height:auto !important;
	margin: 0 auto;
	width: 1142px;
	background:none;
	}
	
#crm-bg{
	background:#000000 url(http://drm.arcteryx.com/2012/Contest/EuroWinter/images/bg.jpg) no-repeat center 160px;
	margin:0;
	padding:0;
	}
	
#crm-content{
	background: #ffffff;
	width: 730px;
	margin: 0 auto;
	padding: 30px 30px 60px 30px; /* the bottom padding is the value of the footer's height PLUS the padding you acttually want */
	overflow: auto;
	min-height:800px;
	}
	
#crm-header {
	width:100%;
	height: 160px;
	margin-top:45px;
	background:#000;
	clear:both;
	}	

#title{
	float:left;
	width:100%	
	}	
	
#bottom{
	float:left;
	width:100%;	
	margin: 10px 0 0 0;
	}	

#crm-left-content{
	float:left;
	clear:both;
	width: 66%;
	margin:10px 0px;
	}
		
#crm-right-content{
	float:right;
	width: 33%;
	margin:10px 0px 70px 0;
	}
	
#crm-full-content{
	float:right;
	width: 590px;
	margin:10px 0px 10px 0;
	text-align:center;
	}

#rules{
	background: #ffffff;
	}


/*=========== Header Styling ===============*/	

.logo {
	position:relative;
	left:12px;
	top:36px;
	float:left;
	}

.headlines {
	font: normal 20px 'Avenir LT W01 35 Light','Helvetica','Helvetica Neue',Arial,sans-serif;
	color:#8aa9cf;
	position:relative;
	left:38px;
	top:100px;
	float:left;
	text-align: left;
	}
	
/*=========== END Header Styling ===============*/		


/*=========== Footer Styling ===============*/		


#crm-footer{
	float:left;
	width:100%;
	clear:both;
	margin: 10px 0 0 0; 
	}
	
#crm-footer p{
	font: italic 12px/16px Arial, Helvetica, sans-serif;
	}
	
#crm-footer a{
	text-decoration: underline;
	}
	
	
/*=========== END Footer Styling ===============*/	




/*=========== Main Format Styling ===============*/


body a, body a:link, body a:visited {
	text-decoration:underline;
	font-weight: normal;
	outline: none;
	color: #0c3f62;
	}

body a:hover, body a:active{
	text-decoration:underline;
	color: #0c3f62;
	}


li{
	color: #222222; 
	text-align:left;
	font: 14px/20px Helvetica, Arial, sans-serif;
	padding: 0pt 0pt 5px;
	list-style-type:disc
	}
	
ul{
	padding: 0pt 0pt 20px;
	margin-left:40px;
	}
	
	
p{
	color: #222222; 
	text-align:left;
	font: 14px/20px Helvetica, Arial, sans-serif;
	padding: 0 0 15px;
	} 

td{
	font: 12px/18px Helvetica, Arial, sans-serif;
	color: #dddddd; 
	padding:3px 1px 1px 4px;
	}

.small{
	font: 12px/18px Helvetica, Arial, sans-serif;
	color: #B4B4B4;
	}

h1{
	font-family: 'Avenir LT W01 55 Roman','Helvetica','Helvetica Neue',Arial,sans-serif;
	font-size: 18px;
	line-height:normal;
	font-weight: normal;
	margin: 0pt 0pt 20px;
	text-align:left;
	text-transform: none;	
	}
		
h2{
	font-family: Helvetica,Arial,sans-serif;
	font-size: 15px;
	line-height:normal;
	font-weight: 100;
	margin: 0pt 0pt 15px;
	text-align:left;		
	}
	
.strong{
	font-weight:bold;
	}

img{
	margin-bottom: 10px;			
	}




/*=========== Black Footer Styling ===============*/

#crm-footer-container {
	width:100%;
	min-height:30px;
	padding:0px;
	background:none;
	font-size:9px;
	position: fixed;
	left: 0;
	bottom: 0;
	bottom: 0px;
	clear: both;
	z-index:99;
	margin: -120px auto 0pt;
	color:#FFF;
	}


#crm-footer-black {
	width:100%;
	height:30px;
	padding:0px;
	background:#000;
	clear: both;
	color:#FFF;
	}


/*=========== Black Footer Styling ===============*/
	
	
/*============= FORM OVERRIDE =============*/

#crm-content input#btnSubmit{
	width: 90px;
	}

.button, .divButton{
	margin: 0 0 0 -230px;
	}	

#crm-content #OptInOutField .formLabel{
	display:none;
	}


#crm-content #OptInOutField .formInput{
	border:none;
	width:405px;
}

#crm-content #OptInOutField {
	text-align:left;
	margin-left:0px;
}


#crm-content #OptInOutField .formField .formInput .formInput_head,
#crm-content #OptInOutField .formField .formInput .formInput_bottom,
#crm-content #OptInOutField .formField .formInput .formInput_head div,
#crm-content #OptInOutField .formField .formInput 
{
background: #ffffff;
}



/*=========== IE 7 FIXES ==============*/
#crm-content input{
	width:190px\9;
}
#crm-content .formInput{
	width:200px\9;
}
#crm-content .select .formInput{

}
#crm-content .select select{
	width:200px\9;
	#height:25px !important;
	#margin-top:0px;
}
#crm-content #OptInOutField input{
	width:15px;
}

#crm-content .formLabel{
	width:125px;
	}