/*******************************************************************************/
/*   Ferguson.com Home and Landing Page UI Prototype Stylesheets         	   */
/*-----------------------------------------------------------------------------*/
/*   Created Date: May 31, 2009                                                */ 
/*******************************************************************************/

/**
 * Structure Stylesheet
 *
 * TABLE OF CONTENT  
 * 		1. Container 
 * 		2. Header
 * 		3. Promo Area
 *			A. Promo Area Professional
 *				a. Button Link
 *			B. Promo Area Homeowner
 *				a. Button Link  
 *		4. Footer
 *			A. Footer Left Area
 *				a. Corporate Profile List Menu
 *				b. Copyright
 *			B. Footer Right Area 
 *				a. Location Finder  
 * 
 **/  
	 
	/* Container2 */
	#container2 {
		width: 900px;
		padding: 1px 0px;
		margin: 0 auto;
		clear: both;
	}
	
	.wrapper {
		width: 900px;
		margin: 0 auto; 
		clear: both;
		min-width: 900px!important;
	}

		#mastheadFOL{  
			background: url(../images/fol_links_bg.jpg) repeat-x left bottom;
			height: 23px;
			line-height: 10px;
			min-width: 900px!important;
       		position: relative!important;
		}
		#top-links-fol {
			color: #FFFFFF;
			font-family: "Myriad Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
			font-size: 9px;
			font-weight: bold;
			line-height: 10px;
			text-align:right;
			margin: 4px 0 0 620px;
		}		
		#top-links-fol a {
			color: #FFFFFF;
		}
		#top-links-fol a:hover {
			color: #FFFFFF;
		}
		#top-links-fol a {
			text-decoration: underline;
		}

	/* Header */

	#header{  
		background: url(../images/bg_header.png) repeat-x left bottom;
		height: 100px;
		min-width: 900px!important;	
	}

		/* Logo Box */	
		#logo-box{
			position:absolute;
			margin:20px 0 0 0;
		}


			/* Location Finder Link */	
			#location-finder-link{
				position:absolute;
				margin: 60px 0 0 723px; 
			}
			
				#location-finder-link a{  
					background: url(../images/location_finder_link.png) no-repeat left top;  
					display:block;
					height:40px;
					width:178px; 
					position:relative;

				}
				
				#location-finder-link a span {
					background: url(../images/location_finder_link.png) no-repeat left bottom;  
					display:block;
					position:absolute;
					top:0;
					left:0;
					height:40px;
					width:178px; 
				}
		/* Masthead */

		#masthead{  
			background: url(../images/bg_masthead.png) repeat-x left bottom;
			height: 70px;
			min-width: 900px!important;
		}
				
/* BODY */
body {
	font-family: Arial,"Helvetica Neue",Helvetica,sans-serif,"Myriad Pro";
	font-size: 12px;
	background: #ffffff;
}

form
{
	padding: 0;
	margin: 0;
}




	/* Container */
	#container {
		width: 900px;
		margin: 0 auto;
		display:block;
		clear:both;
	}
	
	a:link, a:hover, a:active, a:visited {
		text-decoration:underline;
	}	
	
		/* Promo Area */
		#promo-area {
			display:block;
			clear:both;
			width: 900px;
			margin: 25px 0 0 0;
			background-repeat: no-repeat;
		 }
		 
		 #promo-area p {
			margin: 10px;
			line-height: 150%;
		 }
		 
				/* Promo Area - Professional Link */
				#professional_promo {
					width:450px;
					float:left;
					display:inline-block;
				}
				
				#professional_promo_img {
					height:286px;
					display:block;
				}
				
				#btn_rofessional{
					
					background: url(../images/btn_professional.jpg) no-repeat left top;
					background-repeat: no-repeat;
					background-position: left top;
					display:block;
					height:286px;
					width:450px;
					position:absolute;
				}

				#btn_rofessional span {
					background: url(../images/btn_professional_hover.jpg) no-repeat left top;
					background-repeat: no-repeat;
					background-position: left top;
					display:block;
					position:absolute;
					top:0;
					left:0;
					height:286px;
					width:450px;
					cursor:pointer;
				}

				/* Promo Area - Homeowner Link */
				#homeowner_promo {
					width:450px;
					float:left;
					display:inline-block;
				}
				
				#homeowner_promo_img {
					height:286px;
					display:block;
				}
				
				#btn_homeowner{
				float:left;
				background: url(../images/btn_homeowner.jpg) no-repeat left top;
				background-repeat: no-repeat;
				background-position: left top;
				display:block;
				height:286px;
				width:450px;
				position:absolute;
				}
			
				#btn_homeowner span {
					background: url(../images/btn_homeowner_hover.jpg) no-repeat left top;
					background-repeat: no-repeat;
					background-position: left top;
					display:block;
					position:absolute;
					top:0;
					left:0;
					height:286px;
					width:450px;
					cursor:pointer;
				}
				
	
	/* Content - Left area */
	
	#home-content {
		display:block;
		clear:both;
		width: 900px;
		text-align: left;
		margin: 10px 0 0 0;
	}
		
		/* Footer - Copyright */
		#copyright-home{
			width: 100%;
			text-align:right;
			font-family: Tahoma;
			font-size: 11px; 
			color: #b2b2b2; 
		}
		#copyright-home a:link, #copyright-home a:active, #copyright-home a:hover, #copyright-home a:visited {
				color: #b2b2b2;
				text-decoration:underline;
		}
		
		/* Footer - Corporate Profile List Menu */
		#corporate-profile {
			display:block;
			clear:both;
			width: 900px;
			height:117px;
			margin: 0;
			padding:0;
			background: url(../images/corp_profile_bg.gif) no-repeat left;
		}

			#corporate-profile p{ 
				font-family: Arial,"Helvetica Neue",Helvetica,sans-serif,"Myriad Pro";
				font-size: 14px;
				font-weight: bold;
				height:28px;
				padding: 10px 0 0 60px;
				color:#fff;
			}
			 
			
		#corporate-profile ul { display:inline-block;float:left;list-style-type:none;width:300px;text-align:left;margin:10px 0 0 0;padding:0px;}
		#corporate-profile ul li { margin:3px 0;padding:0 0 0 30px;}
		#corporate-profile ul li a { 
				font-family: Arial,"Helvetica Neue",Helvetica,sans-serif,"Myriad Pro";
				font-size: 11px;
				font-weight: bold;
				padding: 0;
		} 
		#corporate-profile ul li a:link, #corporate-profile ul li a:visited,
		#corporate-profile ul li a:hover, #corporate-profile ul li a:active { text-decoration:none; color:#00476b; }
		
		/* Footer - Location Finder */
		#location-finder {
			width:207px; /*^g^*/
			height: 140px; /*^g^*/
			margin: 0 0 5px 0;
			background: url(../images/location_finder.png) no-repeat;
		} 
			
			/* Filters*/
			#location-finder #filters DT {
				float: left;
				margin-left: 9px;
				height:10px;
			}
			#location-finder #filters a.radio-checked,
			#location-finder #filters a.radio-unchecked {
				font: bold 10px/10px Arial, Helvetica, sans-serif;
				color: #d0dbe2;
				padding-left: 14px;
				display: block;
				outline: none;
			}
			#location-finder #filters a.radio-unchecked { background: url(../images/radio.png) no-repeat left top; }
			#location-finder #filters a.radio-checked { background: url(../images/radio.png) no-repeat left bottom; }
			#location-finder #filters INPUT { display: none; }
		
		
			#locations-text { text-align: center; }
			
			p.warning
			{
				font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
				font-size: 13px;
				font-weight: bold;
				color: #FF000D;
				text-align: center;
				line-height: 18px;
			}
			
			/* Target Firefox 2 and older [!] */
			p.warning, x:-moz-any-link
			 { font-size: 12px; }
			
			#locations-text p.find{ 
				font-family: "Myriad Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
				font-size: 13px !important;
				font-weight: bold;
				color: #00476b;
				text-align: center;
				text-transform: uppercase;
			} 
				
				.btn-search{  
					background: url(../images/btn_search_finder.png) no-repeat left top;
					float:left;	
					display:block;
					margin: 95px 0 0 5px;
					width: 70px;  
					height: 21px;
					position:relative;
				}
				
				/* Promo Area - Homeowner Link */
				.btn-search span {
					background: url(../images/btn_search_finder.png) no-repeat left bottom;  
					display:block;
					position:absolute;
					top:0;
					left:0;
					width: 70px;  
					height: 21px;  
				}
				
				#release
				{
					padding-top: 40px;
					text-align: center;
					display: block;
					clear: both;
				}
.icon_img{
	float:left;
	display:block;
	position:absolute;
	left:482px;
	top:23px;
	}

/* NEW CSS SCRIPT FOR PIPEUP BANNER IN INDEX.SHTML */
.icon-img2 {
	float : left;
	display : block;
	position : absolute;
	left : 180px; 
	top : 136px;
}



#locationscountdiv{
	display:block;
	}
.dkGray {
	color: #404040;
	caption: Dark Grey;
}
.Red {
	color: red;
	caption: Red;
}
.Green {
	color: #008000;
	caption: Green;
}
.Blue {
	color: #003366;
	caption: Blue;
}
.FEIblue {
	COLOR: #003366;
	caption: FEI blue;
}