/* Temp for updating sitelets' header and footer */
@import url(/inc/layout.css);
@import url(/inc/display.css);
@import url(/inc/brand-display.css);

	body 
	{
			margin: 0 0 15px 0;
			background-color: #F7F7F7;
			/* 	The following text-align: center will center block elements (your container) in IE 5.x
				The #container --> text-align: left is the other piece and ensures the text is aligned left 
			 */
			text-align: center;
	}
	
	body, td, p
	{
		font-family: verdana;
		font-size: 11px;
		color: #00529B;
	}
	
	#signed-in {
			width: 770px;
			margin-left: auto;
			margin-right: auto;
			text-align: right;
			padding: 5px 10px 5px 0; 
		}
	
	#container {
			background-color: #FFFFFF;
			width: 770px !important; 
			width /**/: 772px; /* IE 5.x box model hack */
			border: solid 1px black;
			/* 	margin-left: auto and margin-right: auto centers the container in the middle of the 
				browser screen in all browsers except IE 5.x
			*/
			margin-left: auto; 
			margin-right: auto;
			/* 	text-align: left is the second piece for the IE 5.x centering container bug.
				body --> text-align: center is the first piece
			*/
			text-align: left;
		}
		
	#hydrienceNavigation
	{
		position:relative;
		margin-top:-3px;
		text-align:center;
		margin:0 auto;
		height:28px;
	}
	
	#hydrienceSecNavigation
	{
		position:relative;
		margin-top:-3px;
		height:24px;
		margin-bottom:2px;
	}
		
	#mainContainer
	{
		background-color:#A2CFF0;
		background-image: url(/images/hydrience/common/page_bg.gif);
		background-repeat:repeat-x;
	}	
	
	#mainContent
	{
		position:relative;
		padding:10px 30px 85px 30px;
		background-image:url(/images/hydrience/common/footer_waves.jpg);
		background-repeat:no-repeat;
		background-position:bottom;
	}
	
	#mainContent a
	{
		color:#00529B;
		font-weight:normal;
	}
	
	#mainContent a:hover
	{
		color:#0089CF;
	}
	
	#mainContent p
	{
		padding:5px 0 5px 0;
	}
	
	#fysYourSelection              
	{            
		padding:0  0  0 10px;
		position: absolute;       
		width:125; 
		/*border-left: solid 1px white;    */
        top: 100px;  
		left:330px;             
		                   
	}        
	
	#fysProduct              
	{            
		position: absolute;       
		width:125;     
		/*border-left: solid 1px white;*/
        top: 100px;  
		left:250px;              
		                   
	}  
    
	#questions1800
	{
		position: absolute;       
		width:208;     
        top: 100px;  
		/* left:550px;*/
		right:10px;
	}    

	#fysYourSelectionStep3              
	{            
		padding:0  0  0 10px;
		position: absolute;       
		width:125;     
		border-left: solid 1px white;
        top: 100px;  
		left:370px;              
		                   
	}        

	/* #fysNextBackButtons             
	{            
		position: absolute;       
		width:125;     
        top: 350px;  
		left:350px;              
		                   
	}  */ 
	
	#fysNextBackButtons             
	{           
		clear:both;
		position: relative;       
		margin-top:20px;
		margin-left:380px;              
		                   
	}   	     
	
	#fysNextBackButtonsGray             
	{            
		position: absolute;       
		width:125;     
        top: 275px;  
		left:300px;              
		                   
	}  

	#chartContainer
	{
		width:508px;
		border-bottom:solid 1px white;
		border-top:solid 1px white;
		background-color:#E9F3FC;
	}
	
	#leftSideChart
	{
		position:relative;
		width:340px;
		float:left;
		border-right:solid 1px white;
	}
	#rightSideChart
	{
		width:167px;
		float:left;
	}
	#leftSideChart div.pad, #rightSideChart div.pad
	{
		padding:10px;
	}	
	#editButtons
	{
		width:50px;
		float:left;
	}
	
	.bodyCurve1
	{
		background-image: url(/images/hydrience/body/bdy_step1_curve_bg.jpg); 
		background-repeat: no-repeat;
		background-position:-15px 0;
		padding:20px 170px 20px 20px;	
		position:relative;
	}
	.bodyCurve
	{
		position:relative;
		background-image: url(/images/hydrience/body/bdy_curve_bg.jpg); 
		background-repeat: no-repeat;
		background-position:-15px 0;
		padding:20px 170px 20px 20px;	
		min-height:100px;
		z-index:9;
	}
	
	.bodyCurveBlank
	{
		position:relative;
		padding:20px 170px 20px 20px;	
		min-height:100px;
	}	
	
	ul
	{
		margin:0 0 0 0px;
		padding:0;
	}
	
	li
	{
		margin:3px 0 8px 20px;
		padding:0;
	}
	
	.circleImage
	{
		position:relative; 
		float:right;
		margin-top:-15px;
		margin-right:-170px;
		z-index:10;
	}
	
	#rightColumn
	{
		position:absolute;
		top:0;
		right:15px;
	}
	
	.fullWidth
	{
		margin: 0 -30px 0 -30px;
	}
	
	.discover
	{
		margin-left:50px;
		line-height: 18px;
	}
	
	.wave
	{
		padding:10px 10px;
	}
	
	#hydrienceFooter
	{
		background-color:white;
		text-align:center;
	}
	
	#printerFriendly
	{
		width:500px;
		background-color:white;
		text-align:left;
		padding:20px;
	}
	
	#printerFriendly h1
	{
		margin:0;
		padding:0;
		font-family:verdana;
		font-size:20px;
		font-weight:bold;
	}
	
	#printerFriendly h2
	{
		margin:0;
		padding:0;
		font-family:verdana;
		font-size:15px;
	}