@import "layout.css";
@import "misc.css";

#heading{
	margin:0 0 20px 32px;
}

.line{
	height:2px;
	font-size:0px;
}

#content .line,  #thank_wrapper .line{
	text-align:left;
	border:none;
	display:block;
	margin:0;
	padding:0;
	background-color:#4F87E3;
	width:317px;
	
	/* for IE6 */
	color:#4F87E3;
}

#blend_content .line{
	border:none;
	background-color:#818182;
	width:100%;
}

p{
	margin-bottom:20px;
}

ul{
	margin:0;
	padding:0;
}


#content #logo, 
#thank_wrapper #logo{
	margin-bottom:25px;
}

#blend_content #logo{
	margin:15px 0 0;
}

#blend_content p{
	width:583px;
}


/* __content
--------------------------------------------------*/
#col_400 p{
	width:368px;
}

#content p, #content #logo, 
#address, 
#affiliates,  
#thank_wrapper #logo{
	margin-left:32px;
}

#thank_wrapper #logo{
	margin-top:30px;
}

#address{
	margin-bottom:10px;
	margin-top:25px;
}


#affiliates img{
	margin:15px 9px 0 0;
}

#blend_content #affiliates{
	float:left;
	margin:15px 0 0 10px;
}


/*--  the item block on the selection page
-------------------------------------------------*/
.item{
	width:460px;
	height:111px;
	margin-bottom:20px;
	
	
}
		
	.item a{
		display:block;
		height:23px;
		width:83px;
		position:absolute;
		top:88px;
		left:136px;
	}
	
	.item a:link, .item a:visited{
		background-image:url(../images/buttons/select_btn.gif);
	}
	
	.item a:hover{
		background-position:0 -23px;
	}
	
	
	.item img{
		float:left;
		margin-top:30px;
		
	}
	
	
	.item .double{
		float:left;
		font-size:11px;
		margin:10px 0 0 0;
		
	}
	
	
	.item .single{
		float:left;
		font-size:11px;
		margin:26px 0 0 0;
	}
	
	




/* __swatch selection
---------------------------------------------------*/
.block_full_depth, .block_30_70, 
.block_50_50, .block_80_20, .block_90_10{
	width:219px;
	height:111px;
	position:relative;
	float:left;
	margin-right:37px;
}

.block_full_depth{
	background:url(../images/swatches/full_depth.jpg) no-repeat;
}

.block_30_70{
	background:url(../images/swatches/30_70.jpg) no-repeat;
}

.block_50_50{
	background:url(../images/swatches/50_50.jpg) no-repeat;
}

.block_80_20{
	background:url(../images/swatches/80_20.jpg) no-repeat;
}

.block_90_10{
	background:url(../images/swatches/90_10.jpg) no-repeat;
}

#benefits img, #applications img{
	margin:0 0 5px 2px;
}




/* __blend_content
-----------------------------------------------------*/


.content_full_depth{
	background-image:url(../images/pages/full_depth_bg.jpg);
	background-repeat:no-repeat;
}

.content_30_70{
	background:url(../images/pages/30_70_bg.jpg) no-repeat;
}

.content_50_50{
	background:url(../images/pages/50_50_bg.jpg) no-repeat;
}

.content_80_20{
	background:url(../images/pages/80_20_bg.jpg) no-repeat;
}

.content_90_10{
	background:url(../images/pages/90_10_bg.jpg) no-repeat;
}

#blend_content{
	font-size:14px;
}

#blend_content #logo{
	margin-right:20px;
}


#blend_content #col_600{
	padding-top:400px;
}




#col_320 ul{
	padding:0 0 0 15px;
	margin:15px 0 20px;

}

#col_320 ul li{
	margin:5px 0;
	
}



#benefits{
	margin-bottom:20px;
}



#applications{
	margin:30px 0;
}
	
	#applications span{
		color:#000000;
	}



#col_320 a.blend_btn{
	height:30px;
	width:216px;
	display:block;
}

#col_320 a.blend_btn:link, #col_320 a.blend_btn:visited{
	background:url(../images/buttons/blend_btn.jpg) no-repeat;
}

#col_320 a.blend_btn:hover{
	display:block;
	background:url(../images/buttons/blend_btn.jpg) no-repeat;
	background-position:0  -30px ;
}


/*-- FORM
-------------------------------------------------*/





	
/*-- Flash
---------------------------------------------------*/
#flash_content{
	width:1000px;
	height:700px;
	margin:5px auto 0;
	position:relative;
}

#flash_movie{
	position:absolute;
	z-index:0;
	left:32px;
	outline:none;
}


#flash_bg{
	visibility:hidden;
	top:470px;
	
	z-index:1;
	position:absolute
}

#flash_bg .line{
	text-align:left;
	border:none;
	display:block;
	margin:20px 0;
	padding:0;
	background-color:#4F87E3;
	width:278px;
	
	/* for IE6 */
	color:#4F87E3;
}

#flash_bg #logo{
	margin-left:32px;
}

#flash_bg #affiliates{
	height:58px;
	vertical-align:middle;
	margin-top:100px;
}



/*-- Thank You
----------------------------------------------------*/	

#thank_content .blue{
	font-size:15px;
	font-weight:bold;
}


#thank_wrapper .link_btn{
	margin:15px 0 25px 32px;
}


#thank_lower{
	
	margin:260px 18px 0 0;;
	font-weight:bold;
	width:334px;
	color:#999B9D;
}



#thank_lower li{
	list-style:square;
}

#thank_lower ul{
	padding:0 0 0 15px;
	margin:0 0 20px;
	font-size:12px;
	float:left;
	width:35%;
}

#thank_lower ul.w_60{
	width:50%;
}


#thank_lower a{
	color:#4F87E3;
}
#thank_lower a:link,
#thank_lower a:visited{
	text-decoration:none;
}
#thank_lower a:hover{
	text-decoration:underline;
}


/* __footer
---------------------------------------------------*/



.footer_link{
	
	margin-top:15px;
	float:left;
	
}

#copywrite
{
	margin-top:17px;
	margin-right:25px;
	float:right;
	font-weight:bold;
	color:#FFFFFF;
	font-size:10px;
}
	


/*-- Footer nav
----------------------------------------------------*/	
#footer ul{
	list-style:none;
}	
#footer ul li{
	float:left;
	margin-right:10px;
}

#footer a.btn_full_depth, 
#footer a.btn_30_70, 
#footer a.btn_50_50, 
#footer a.btn_80_20, 
#footer a.btn_90_10,
#footer a.btn_back{
	display:block;
	height:25px;
}



#footer a.btn_full_depth{
	width:214px;
}

#footer a.btn_30_70,
#footer a.btn_50_50,
#footer a.btn_80_20,
#footer a.btn_90_10{
	width:46px;
}


#footer a.btn_back{
	width:64px;
}


#footer a.btn_full_depth:link, #footer a.btn_full_depth:visited {
	background:url(../images/buttons/full_depth_footer.gif) no-repeat;
}

#footer a.btn_back:link, 
#footer a.btn_back:visited{	
	background:url(../images/buttons/back_footer.gif) no-repeat;
}

#footer a.btn_30_70:link,
#footer a.btn_30_70:visited{
	background:url(../images/buttons/30_70_footer.gif) no-repeat;

}
#footer a.btn_50_50:link,
#footer a.btn_50_50:visited{
	background:url(../images/buttons/50_50_footer.gif) no-repeat;
}


#footer a.btn_80_20:link,
#footer a.btn_80_20:visited{
	background:url(../images/buttons/80_20_footer.gif) no-repeat;
}


#footer a.btn_90_10:link, 
#footer a.btn_90_10:visited {
	background:url(../images/buttons/90_10_footer.gif) no-repeat;
}


#footer a.btn_full_depth:hover,
#footer a.btn_30_70:hover,
#footer a.btn_50_50:hover, 
#footer a.btn_80_20:hover, 
#footer a.btn_90_10:hover,
#footer a.btn_back:hover{
	background-position:0 -25px;
}


/*-- Intro page
-------------------------------------------*/

#intro_wrapper{
	position:relative;
	background:#FFFFFF;
	width:720px;
	height:720px;
	margin:10px auto;
}
#intro{
	position:absolute;
	height:720px;
	z-index:1;
}
#next{
	position:absolute;
	z-index:10;
	top:680px;
	left:296px;
}