/*-----------------*/
/* carhartt/fall11 */
/*-----------------*/

/* elements */
a { color: #000; }
body { background: #fff; color: #000; font: 100% Arial, Helvetica, sans-serif; }
em { font-style: italic; }
h1 { padding-bottom: 1.2em; }
h2 { font-size: 1.4em; font-weight: bold; padding-bottom: .65em; }
h3 { font-size: 1.3em; font-weight: bold; padding-bottom: .4em; }
p {	
	padding-bottom: 1.2em; 
	line-height: 1.4em;
	color: #000;
	
	 }

	 #inky  #viral_right h2, #janky #viral_right h2 {
		padding:2px;
	 }
	 
	 #inky  #viral_right p, #janky #viral_right p {
		color: #fff; 
	 }
	 #inky #spread_fb, #janky #spread_fb {
			margin:0;
			overflow:hidden;
	 }
	  #inky #spread_fb span, #janky #spread_fb span
	  {
			 float:left;
			 display:block;
			 width:250px;
			margin: 10px 0 0;
	  }
	  #inky #spread_fb div, #janky #spread_fb div
	  {
			 float:left;
			 display:block;
			 width:124px;
	  }
	 
	 #inky #viral_right p.error, 
	 #janky #viral_right p.error, 
	 #intro p.error{
	 	font-size:11px;
		line-height:12px;
		color:#ff0000;
		padding:1px 0;
	 }
small { font-size: .75em; }
strong { font-weight: bold; }
sup { font-size: .8em; vertical-align: top; }
ul, ol { margin-left: 30px; padding-bottom: 1.2em; }
	ul li, ol li { padding-bottom: .4em; }

#spread_fb {
	margin-top: 20px;	
}

#inky #spread_fb {
	margin: 0;
	
}
/* framework */
#wrapper { 
	width: 100%; 
	background: #000 url(../images/bg_wrapper.gif) bottom center repeat-x; 
	padding-bottom: 56px; 
	}
	
#container { 
	width: 1056px; 
	margin: 0 auto; 
	font-size: .85em; 
	font-weight: bold;
	 }
 
#inky #content, #janky #content {
		 color: #ffffff;
		 padding: 230px 0 0 0;
		 
	 }
.scaling #container {
	background: url(../images/bg_registration.jpg) top left no-repeat; 
	height: 667px; 
	font-size: .9em; 
	position: relative;
	
}

 #registration #container h1#header{
		width: 403px; 
		height: 81px;
		padding: 0; margin: 0;
		background: url(../images/logo_registration.png) top left no-repeat;
		text-indent: -9999px;
		position: absolute; top: 45px; left: 52px;
		}
		#faq body {
			background: #000;
			padding: 0;
			margin:  0;
		}
/* framework-intro and info */	
.intro #container, .info #container {
		background: url(../images/bg_welder.jpg) top left no-repeat;
		height: 667px; 
		font-size: .9em;
		position: relative;
	}
	
	#last_paragraph {
	margin-bottom: 23px;	
	}
	
#no_thanks #container {
		background: url(../images/bg_fisherman_logos.jpg) top left no-repeat;
		height: 667px; 
		font-size: .9em;
		position: relative;
}
#no_thanks #container.retailer {
		background: url(../images/bg_vineyard_lady.jpg) top left no-repeat;
}
	
#viral_thanks #container {
		background: url(../images/bg_fisherman_logos.jpg) top left no-repeat;
		height: 667px; 
		font-size: .9em;
		position: relative;
}
#viral_thanks #container.retailer {
		background: url(../images/bg_outlook_man.jpg) top left no-repeat;
}

.intro #container h1#header, .info #container h1#header {
		width: 485px; 
		height: 200px;
		padding: 0; margin: 0;
		background: url(../images/logo_promoname.png) top left no-repeat;
		text-indent: -9999px;
		position: absolute; top: 30px; left: 52px;
		}
		
		 .intro #content, .info #content {
		 padding: 266px 80px 0;
		 width: 450px;
		 color: #000000;
		
	 }
	 
/* framework-inky and Janky */	
#inky #container, #janky #container {
		background: url(../images/bg_taf_win_lose.jpg) top left no-repeat;
		height: 667px; 
		font-size: .9em;
		position: relative;
	}
#inky #container h1#header, #janky #container h1#header {
		width: 485px; 
		height: 200px;
		padding: 0; margin: 0;
		background: url(../images/logo_promoname.png) top left no-repeat;
		text-indent: -9999px;
		position: absolute; top: 30px; left: 52px;
		}
		
		
	 #viral_left {
		 float: left;
		 width: 440px;
		 margin-right: 70px;
		 padding-left: 65px;
	 	}
	 	#viral_left p { padding-bottom: 6px; }

	#viral_right {
		float: left;
		width: 475px;
		
	}
	
/* logo formatting */		

	#prize_callout {
	left: 601px;
	position: absolute;
	top: 542px;	
	}
	
	#intro_logo, #info_logo {
	position: absolute;
	left: 627px;
	top: 73px;	
	}
	
	.game #wrapper.workwear #container.retailer #info_logo,
	.game #wrapper.blains #container.retailer #info_logo,
	 .game #info_logo{
		left: 730px;
    	position: absolute;
    	top: 81px;
		z-index:9;
	}
	
	.result #wrapper.workwear #container.retailer #info_logo,
	.result #wrapper.blains #container.retailer #info_logo,
	 .result #info_logo{
		left: 931px;
    	position: absolute;
    	top: 81px;
		z-index:9;
	}
	#result_logo{
		left: 905px;
		position: absolute;
		top: 148px;
		z-index: 9;
	}
	
	#wrapper.blains #container.retailer #intro_logo, #wrapper.blains #container.retailer #info_logo {
		position: absolute;
		left: 627px;
		top: 68px;
	}
	
		#wrapper.workwear #container.retailer #intro_logo, #wrapper.workwear #container.retailer #info_logo {
		position: absolute;
		left: 627px;
		top: 54px;
	}
	
	 #logo_carhartt {
		 position: absolute;
		 top: 45px;
		 left: 920px;
	 }
	
	#prize_label {
		float: left;
		height: auto;
		padding: 96px 0 0 18px;
		width: 200px;
	}
	
	#prize_container {
		height: auto;
		left: 70px;
		overflow: hidden;
		position: absolute;
		top: 433px;		
	}
	
	p#prize_image{
		width:190px;
		float:left;
	}

	 
	 #registration #content {
		padding: 190px 0 0 70px; 
	 }
	
	 
	 fieldset#fs_login #email{
	    float: left;
    	overflow: hidden;
    	width: 254px;
	 }

	 fieldset#fs_login #email input {
		 float: left;
		 width: 250px;
		 clear: left;
		 height: 23px;
		 border: 1px solid #000000;
	 }
fieldset#fs_login #email label {
		 float: left;
		 clear: left;
	 }
fieldset#fs_login #login input {
	padding-top: 10px;
	padding-left: 5px;
}



/* TEMPORARY */
#content { color: #fff; }
#game #content { color: #000; }

.game #container{ position:relative;}

/* misc */
#faq { border-bottom: 1px dotted #000; padding-bottom: 12px; margin-bottom: 24px; }
	#faq dt { margin: 0; padding: 0; font-weight: bold; }
	#faq dd { margin: 0; padding: 0 0 1.4em; }
		#faq dd ul { list-style-type: disc; }
		#faq dd ol { list-style-type: decimal; }
		#faq dd ul, #faq dd ol { padding: .5em 0 1em; margin-left: 35px; }
			#faq dd ul li, #faq dd ol li { padding-bottom: .4em; }
			
#modal { background: #fff; border: 1px solid #000 !important; font-size: .8em; color: #000; }
	#modal p { width: 100%; }
	#modal img { cursor: pointer; }

#popup { margin: 10px; padding: 4% 6%; border: 2px solid #CBC9C9; font-size: .8em; background: #ffffff; }
	
body.popup {
	background: #000000;
}

/*  */

#footer { 
	width: 956px; 
	margin: 0 auto; 
	font-size: .75em;
	 }
	 
#footer div{
	background:url(../images/bg_footer_stripe_long.gif) left top no-repeat #ffffff;
	padding:10px 20px;
	height:auto !important;
	height:156px;
	min-height:156px;
	width:auto;
	float:left;
}

#footer div#disclaimer{
	margin: 0 0 0 20px;
}

#footer div#placeholder{
	padding:0;
}

#disclaimer p {
	width:339px;
	font-size:12px;
	color:#000000;
	font-weight:bold;
	text-transform:uppercase;
	line-height:1.5em;
}

div#global_nav {
    margin: 0;
	float:left;
    width: 180px;   
	font-size:12px;
	color:#000000; 
	font-weight:bold;
}
    div#global_nav ul#navlinks {
		padding: 0;
		margin: 0;
		line-height:normal;
	}
	div#global_nav ul#navlinks li {
		display: block;
		padding: 0;
		list-style:none;
		line-height:1.5em;

	}
	div#global_nav ul#navlinks li a{
		font-size:12px;
		color:#000000; 
		text-decoration:none;
		text-transform:uppercase;
	}
		div#global_nav ul#navlinks li.first {
			padding-left:0;
		}

		div#global_nav ul#navlinks li.last {
			border: 0 none;
		}


#content_only {
	float:left; 
}
#retailer_map{
    left: 611px;
    position: absolute;
    top: 442px;
}