/* -------------------------- */
/* ----- Global Styles ------ */
/* -------------------------- */

body {
	background: url(../images/bg_body_repeating.jpg) top left repeat;
    font-family: Arial, Helvetica, sans-serif;
	color:#ad180e;
    font-size: 13px;
}

p {
    font-size: 13px;
    line-height: 17px;
    padding-bottom: 14px;
}
a{
	color:#ad180e;
}
.optional{
	font-size:11px;
        position: absolute;
        top: 427px;
        left: 0px;
}
hr {
    display: none;
}

img {
    border: none;
}

#logo_carhartt{
	position:absolute;
	top:2px;
	left:833px;
	width:148px;
	height:140px;
}

/* -------------------------- */
/* ---- Container styles ---- */
/* -------------------------- */

div#container { 
    margin: 0 auto;
    width: 1014px;
	height:auto !important;
	height:670px;
	min-height:670px;
	position:relative;
}

body.info div#container{
	background:url(../images/bg_container_info.jpg) top left no-repeat transparent;
}
body.intro div#container{
	background:url(../images/bg_container_intro.jpg) top left no-repeat transparent;
}
body.result div#container{
	background:url(../images/bg_container_result.jpg) top left no-repeat transparent;
}
body.scaling div#container{
	background:url(../images/bg_container_scaling.jpg) top left no-repeat transparent;
}
body.game div#container{
	background:url(../images/bg_container_game.jpg) top left no-repeat transparent;
}
body.game_retailer div#container{
	background:url(../images/bg_container_game_retailer.jpg) top left no-repeat transparent;
}
body#viral_thanks.info div#container,
body#no_thanks.info div#container{
	background:url(../images/bg_container_widget.jpg) top left no-repeat transparent;
}

div#container #content{
	height:auto !important;
	height:642px;
	min-height:642px;
	width:1014px;
}

#container #intro_logo{
	left:508px;
	position:absolute;
	top:31px;
}
body#game #container #info_logo{
	left:110px;
	position:absolute;
	top:0px;
}
body#game div#global_nav p, div#global_nav p a{
	padding:16px 0 0;
}
#container #info_logo{
	left:480px;
	position:absolute;
	top:20px;
}
#container.retailer #intro_logo {
	left:471px;
	position:absolute;
	top:12px;
}
/* -------------------------- */
/* ------- Info styles ------ */
/* -------------------------- */

body.info div#container #content #copy{
	height:auto !important;
	height:330px;
	min-height:330px;
	width:280px;	
	padding:225px 0 0 506px;
}
body#viral_thanks.info div#container #content #copy,
body#no_thanks.info div#container #content #copy{
	padding:225px 0 0 500px;
}

#retailer_map{
	left:484px;
	position:absolute;
	top:405px;
}

#widget_div{
	left:39px;
	position:absolute;
	top:179px;
}

	body.info div#container #content #copy h2{
		width:460px;
		padding-bottom:30px;
	} 
	
	body#prelaunch.info div#container #content #copy h2{
		width:460px;
		padding-bottom:45px;
	} 
	
	body#viral_thanks.info div#container #content #copy h2,
	body#no_thanks.info div#container #content #copy h2{
		width:460px;
		padding-bottom:15px;
	} 
	
	
	body#viral_thanks.info div#container #content #copy p,
	body#no_thanks.info div#container #content #copy p{
		width:476px;
		padding-bottom:10px;
	} 
	
	body.info div#container #content #copy p{
		width:440px;
	}   
	body.info div#container #content #copy p.button{
		width:440px;
		text-align:center;
		padding-top:10px;
	}  
      

/* -------------------------- */
/* ------- Game styles ------ */
/* -------------------------- */

body.game div#container #content #copy,
body.game_retailer div#container #content #copy{
	height:auto !important;
	height:330px;
	min-height:330px;
	width:138px;	
	position:absolute;
	top:160px;
	left:834px;
}
	body.game div#container #content #copy h2,
	body.game_retailer div#container #content #copy h2{
		width:138px;
		padding-bottom:10px;
	}    
	body.game div#container #content #copy p,
	body.game_retailer div#container #content #copy p{
		width:138px;
		padding-bottom:37px;
	}   
	body.game div#container #content #copy p.cant_see,
	body.game_retailer div#container #content #copy p.cant_see{
		width:138px;
		padding-top:79px;
		font-size:11px;
	}  
      
#game_experience{
	left:17px;
	position:absolute;
	top:67px;
}


/* -------------------------- */
/* ------ Result styles ----- */
/* ---- For Inky & Janky ---- */
/* -------------------------- */

body.result div#container #content #copy{
	height:auto !important;
	height:330px;
	min-height:330px;
	position:absolute;
	top:167px;
	left:747px;
	width:241px;
}
	body.result div#container #content #copy h2{
		width:218px;
		padding-bottom:10px;
	}    
	body.result div#container #content #copy p{
		width:218px;
		padding-bottom:10px;
		line-height:normal;
	}   
	body.result div#container #content #copy p.button{
		width:218px;
		text-align:center;
		padding-top:10px;
	}  
	
	body.result div#container #content #copy form{
		text-align:center;
		margin:0;
		padding:0;
	}
	
	body.result div#container #content #copy #no_thanks_form{
		padding:3px 0 5px;
		text-align:center;
	}

img#btn_grab_me{
	height:70px;
	left:59px;
	position:absolute;
	top:407px;
	width:100px;
}      

span.prize_won{
	font-color:#600903;
	font-weight:bold;
}
div#prize_container{
	position:absolute;
	top:220px;
	height:346px;
	left:460px;
	width:262px;
}
div#prize_container p#prize_label{
	color:#5b3605;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	width:135px;
	padding:0;
	margin:0 auto;
	line-height:11px;
	text-align:center;
	text-transform:uppercase;
}
div#prize_container p{
	text-align:center;
	padding:0;
}
/* -------------------------- */
/* ----- Headline styles ---- */
/* -------------------------- */

h1 {
	display:none;
}

h2 {
    color: #c61b10;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: bold;
    padding:0 0 15px 0;
}

h3 {
    color: #999;
    font-size: 18px;
    font-weight: bold;
    padding:0 0 5px 0;
}
   
/* -------------------------- */
/* ---- Page form styles ---- */
/* -------------------------- */

form#intro_login_form {}

    form#intro_login_form legend {
        display: none;
    }
    
    form#intro_login_form fieldset {
        padding: 0;
    }
    
        form#intro_login_form fieldset div {
			float:left;
			padding-right:7px;
        }
			form#intro_login_form fieldset div#email input {
				width:166px;
				font-size:13px;
			}

            form#intro_login_form fieldset label {
                display: block;
                font-size: 12px;
				padding:0 0 3px;
            }

body#intro div#container #copy{
	height:auto !important;
	height:330px;
	min-height:330px;
	width:280px;	
	padding:225px 0 0 506px;
}
	body#intro div#container #copy p{
		width:240px;
	}    
	body#intro div#container #copy p.error{
		width:100%;
	}         
form#taf_form {
}
    
    form#taf_form legend {
        display: none;
    }
    
    form#taf_form fieldset {
		height:auto !important;
		height:82px;
		min-height:82px;
		position:relative;
        margin-bottom: 5px;    
        width: 453px;
		background:url(../images/bg_viral_form.gif) bottom center no-repeat;
    }
    
        form#taf_form fieldset div{
            padding: 1px 0 0 0;
            width: 140px;
        }
		
        
            form#taf_form fieldset div label {
                display: block;
                padding-bottom: 1px;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:10px;
				font-weight:bold;
            }
            
            form#taf_form fieldset div input {
                font-size:10px;
				width:132px;
            }
		
			#to_name1{
				position:absolute;
				top:10px;
				left:0px;
			}
			#to_name2{
				position:absolute;
				top:10px;
				left:159px;			
			}
			#to_name3{
				position:absolute;
				top:10px;
				left:318px;
			
			}
			#to_email1{
				position:absolute;
				top:47px;
				left:0px;			
			}
			#to_email2{
				position:absolute;
				top:47px;
				left:159px;			
			}
			#to_email3{
				position:absolute;
				top:47px;
				left:318px;			
			}
			
			#taf_submit_button input{
				text-align:center;
				margin-bottom:20px;
			}


		/* These cannot be templated in their current state
		   You will have to add your field specific name to these styles as well */
		.result #haunting #primary_opt_in,
		.result #haunting_dynamic div.required {
			   width: 100%;
			   overflow: hidden;	/* clears inner floats */
			   padding-bottom: 2px;	/* spacing between opt ins */
			   padding-top:2px;
			}
			/* checkbox float */
			.result #haunting #primary_opt_in #primary_opt_in-option-group {
				float: left;
			}
			/* checkbox float */
			.result #haunting_dynamic div.required .option-group {
				float: left;
			}
			/* checkbox float */
			.result #haunting #primary_opt_in #primary_opt_in-option-group input, 
			.result #haunting_dynamic div.required .option-group input{
				width: 24px;
				float: left;
			}
			.result #haunting #primary_opt_in label{
				float:left;
				font-size:10px;
				font-weight:bold;
				padding:0x;
				width:185px;
			}

			.result #haunting_dynamic  div.required label{
				float:left;
				font-size:10px;
				font-weight:bold;
				padding:0;
				width:185px;
			}


form#faq_ask {
	margin:0 auto;
	text-align:center;
	width:261px;
}    
    form#faq_ask fieldset {    
        padding: 4px;
        padding-top: 20px;
        text-align: left;        
    }    
        form#faq_ask fieldset legend {
            font-weight: bold;
            margin-left: 5px;            
            padding: 5px;
        }        
        form#faq_ask fieldset div {
            padding-bottom: 5px;
        }
            form#faq_ask fieldset label {
                display:block;
                padding: 4px 7px 0 0;
                width: 266px;
            }            
            form#faq_ask fieldset input {
                display:block;
				font-size:11px;
				width:247px;
            }            
            form#faq_ask fieldset select {
                display:block;
				font-size:11px;
				width:253px;
            }            
            form#faq_ask fieldset textarea {
                height: 90px;            
                width: 247px;
            }
            
form#oamoe_form {
    text-align: center;
}

/* -------------------------- */
/* ----- Footer styles ------ */
/* -------------------------- */

div#global_nav {
    margin: 0px auto;
    width: 980px;
	text-align:center;
}
   
    div#global_nav p, 
	div#global_nav p a{
		font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
		width:100%;    
		color:#ffffff;
		text-decoration:none;
    }
            
/* -------------------------- */
/* ------ Misc styles ------- */
/* -------------------------- */

div.error {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
    color: #600aff;
}

div.error label img,
label img {
    display: none;
}

form#reg_form fieldset div.error,
div#captcha.error {
    background-color: transparent;
    border: none ;
}

p.error {
    font-weight: bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
    color: #600aff;
}

/* -------------------------- */
/* ------ Modal styles ------ */
/* -------------------------- */

.popup div#container {
	float:left;
	background:#f3cb88;
    margin: 10px;
    padding: 10px;
    width: auto;    
	border:6px solid #FFFFFF;
	height:auto !important;
	height:485px;
	min-height:485px;
}
    
    .popup div#container #content {
        background-color: transparent;
        padding: 0;
    }
    
        .popup div#container h1 {
            font-size: 30px;
        }
        
        .popup div#container div#main {
            padding: 10px;
        }
        
            .popup div#container div#main h2 {
                font-size: 20px;
            }
            
    .popup dl#faq_body_copy {
        font-size: 13px;
        line-height: 18px;
        padding-left: 20px;        
    }
        
        .popup dl#faq_body_copy dt:first-letter {
            margin-left: -20px;
            font-weight: bold;
        }
    
        .popup dl#faq_body_copy dd:first-letter {
            margin-left: -20px;
            font-weight: bold;
        }
    
        .popup dl#faq_body_copy dt {
            font-weight: bold;        
            padding-bottom: 3px;
        }
        
        .popup dl#faq_body_copy dd {
            padding-bottom: 20px;
        }