/*******************************************************************************/
/*   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  
 * 
 **/  
	 
/* BODY */
body {
	font-family:"Myriad Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size:12px;
	background: #ffffff;
}

form
{
	padding: 0;
	margin: 0;
}

	/* Container */
	#container {
		width: 840px;
		margin: 0 auto;
		overflow: visible;
	}
		/* Header */
		#header{ margin: 40px 0 20px; }
		
		/* Promo Area */
		#promo-area {
			float:left;
			width: 840px;
			height: 261px;
			background: url(../images/promo.jpg) no-repeat;
			background-repeat: no-repeat;
            position:relative;
		 }

				/* Promo Area - Homeowner Link */
				#btn_rofessional{
					float:left;
					background: url(../images/btn_rofessional.png) no-repeat left top;
					background-repeat: no-repeat;
					background-position: left top;
					display:block;
					height:31px;
					width:147px;
					position:absolute;
                    top:230px;
                    left:9px;
				}

				#btn_rofessional span {
					background: url(../images/btn_rofessional.png) no-repeat left bottom;
					background-repeat: no-repeat;
					background-position: left bottom;
					display:block;
					position:absolute;
					top:0;
					left:0;
					height:31px;
					width:147px;
					cursor:pointer;
				}

			#btn_homeowner{
				float:left;
				background: url(../images/btn_homeowner.png) no-repeat left top;
				background-repeat: no-repeat;
				background-position: left top;
				display:block;
				height:31px;
				width:147px;
				position:absolute;
				top:230px;
                left:423px;
			}

				/* Promo Area - Homeowner Link */
				#btn_homeowner span {
					background: url(../images/btn_homeowner.png) no-repeat left bottom;
					background-repeat: no-repeat;
					background-position: left bottom;
					display:block;
					position:absolute;
					top:0;
					left:0;
					height:31px;
					width:147px;
					cursor:pointer;
				}
		
	
	/* Content - Left area */
	#home-content
	{
		float: left;
		width: 580px;
		text-align: left;
		margin: 10px 0 0 20px;
	}
		
		#copy p {
			color: #064265;
			font-size:12px;
			line-height: 16px;
			margin: 10px 0 15px	 0; 
		}
		
		/* Footer - Copyright */
		#copyright-home{
			float:left;
			width: 100%;
			font-family: Tahoma;
			font-size: 11px; 
			color: #b2b2b2; 
		}

		/* Footer - Corporate Profile List Menu */
		#corporate-profile
		{
			float: left;
			width: 580px;
			margin: 0 0 10px 0;
			border-top: 1px solid #b2b2b2;
			border-bottom: 1px solid #b2b2b2;
			padding-bottom: 1px;
		}

			#corporate-profile p{ 
				font-family: "Myriad Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
				font-size: 14px;
				font-weight: bold;
				background: url(../images/ico_corporate.png) no-repeat left 2px;
				padding: 3px 0 3px 25px;
				color:#7f7f7f;
				border-bottom: 1px solid #b2b2b2;
			}
			 
			
		#corporate-profile ul { float:left; list-style: none;width:100%; text-align:left; margin: 5px 0;}
		#corporate-profile ul li { float:left; width: 180px; margin: 1px 0;}
		#corporate-profile ul li a { 
				font-family: "Myriad Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
				font-size: 11px;
				font-weight: bold; 
				padding: 0 0 3px 8px;
				background-image: url(../images/bullet_footer.png); 
				background-repeat:no-repeat; 
				background-position: left 4px;
		} 
		#corporate-profile ul li a:link, #corporate-profile ul li a:visited { text-decoration:none; color: #b2b2b2; }
		#corporate-profile ul li a:hover, #corporate-profile ul li a:active {
				color: #00476b; 
				background-image: url(../images/bullet_footer_hover.png);
		}

	
	/* Footer - Right Area */
	#footer-right{
		float: right;
		width: 207px;
		text-align: left;
		margin: 15px 0 0 0;
	}
		
		/* Footer - Location Finder */
		#location-finder {
			width:207px; /*^g^*/
			height: 140px; /*^g^*/
			margin: 0 0 5px 0;
			background: url(../images/location_finder.png) no-repeat;
		} 
			
			/* Footer - Location Finder Input */
			#location-finder #search input
			{
				float: left;
				background: #fff url(../images/bg_input_finder.png) repeat-x left top;
				border: 1px solid #115e85;
				height: 16px; /*^g^*/
				width: 111px; /*^g^*/
				margin: 95px 0 0 9px; /*^g^*/
				padding: 2px 0 0 2px;
				text-align: left; /*^g^*/
				color: #064265; /*^g^*/
				font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; /*^g^*/
				font-size: 12px;
			}
			
			#location-finder #search {
				margin-bottom: 5px;
				overflow: auto;
			}
			
			/* 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:453px;
	top:78px;
	}

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

#locationscountdiv{
	display:block;
	}