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

/**
 * Structure Stylesheet
 *
 * TABLE OF CONTENT  
 * 		1. Container 
 * 		2. Header
 *			A. Logo Box 
 *             A.2. Top links (added by gh3ablo)
 *			B. Location Finder
 * 		3. Masthead
 * 			A. Masthead H1 
 * 			B. Main Navigation
 * 		4. Adv Area
 * 			A. Adv Homeowner
 * 			B. Adv Professional
 *             B.2. Adv Corporate (added by gh3ablo)
 * 			C. Adv Navigation
 * 			D. Video Menu Link  
 * 			E. Big Button
 * 		5. Content
 *			A. Content Left
 *				a. Download PDF  
 *				a. Accordion Navigation
 *				a. Ferguson Online (added by jasonworkx)
 *				a. Group Menu Link
 *			B. Content Right
 *          C. Content Corporate (added by gh3ablo)
 *		6. Footer
 *			A. Footer Menu 
 *			B. Copyright    
 * 
 **/

/* BODY */
body {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif, "Myriad Pro"; 
	font-size:12px;
	background: #ffffff;
}

iframe{
    border:none !important;
    overflow:hidden;
}

/* LANDING PAGE */
	/* Container */
	#container, .wrapper {
		width: 900px;
		margin: 0 auto; 
		clear: both;
	}
		/* Header */
		#header{  
			background: url(../images/bg_header.png) repeat-x left bottom;
			height: 100px;	
		}
			/* Logo Box */	
			#logo-box{ position:absolute; margin: 20px 0 0 0; }
			
			/* Top Links */
			#top-links {
				position:absolute;
				margin: 20px 0 0 610px;
			}
				#top-links a {
					color: #12326b;
				}
				#top-links a:hover {
					color: #012232;
				}
				#top-links li {
					float: left;
					font-family: "Myriad Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
					font-size: 10px;
					font-weight: bold;
					text-transform: uppercase;
					line-height: 10px;
					padding-left: 12px;
					margin-left: 13px;
					background: url(../images/top_arrow.png) no-repeat top left;
				}
			
			/* 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;
		}
			/* Home icon */
			#home-link a {
				float: left;
				width: 57px;
				height: 0px !important;
				display: block;
				overflow: hidden;
				padding-top: 26px;
				background: url(../images/ico_home.gif) no-repeat top left;
			}
			#home-link a:hover {
				background-position: 0px -26px;
			}
			#masthead h1
			{
				font-family: "Myriad Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
				font-size: 24px;
				font-weight: 600;
				color: #fffffe;
				text-transform: uppercase;
				display: block;
				padding: 7px 0 0 0;
				height: 1%;
			}
			
			#masthead h1 a{
				text-indent:-9999px;
				}
			
			#masthead h1 img.page-title
			{
				padding-top: 2px;
			}
			
			#finder-top{ float:right;}
			#finder-top input{
				float:left;
				background: #fff url(../images/bg_input_finder.png) repeat-x left top;
				border: 1px solid #115e85;
				height: 14px;
				width: 96px;
				padding: 1px 0 0 2px;
				margin: 12px 0 0 10px;
				text-align: left;
				color: #064265;
				font-family: "Myriad Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
				font-size: 12px;
			}
			.btn-search{  
					background: url(../images/btn_search_finder.png) no-repeat left top;
					float:left;	
					display:block;
					margin:12px 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;  
				} 
			
			
			/* Main Navigation */
			#main-nav {
				list-style: none;   
				display:block;
				padding: 10px 0 0 0;
				position: absolute; 
				z-index: 100; 
			}
					
				#main-nav li
				{
					display: inline;
					color: #015D84;
					font-family: Tahoma;
					font-size: 11px;
					font-weight: bold;
				} 

					#main-nav li.lined{ padding: 0 10px 0 10px; background: url(../images/divider_main_nav.png) no-repeat right center; } 
					#main-nav li a { font-weight: bold; color: #015d84;  text-decoration:none; } 
					#main-nav li.active { font-weight: bold; color: #999999;  text-decoration:none; } 
					#main-nav li a:hover{ color: #00476b;  text-decoration:underline; }
					#main-nav li a.active { color: #999999;  text-decoration:none; }
					#main-nav li.first{ padding:0 5px 0 0; }
					#main-nav li.last{padding:0 5px 5px 5px;  background: none; }
		
		/* Adv Homeowner */
		#adv-homeowner{
			width: 900px;
			height: 313px;
			background: url(../images/adv_homeowner.jpg) no-repeat left top;
			margin: 10px 0 35px 0;
		}
		
		/* Adv Professional */
		#adv-professional{
			width: 900px;
			height: 313px;
			background: url(../images/adv_professional.png) no-repeat;
			margin: 10px 0 35px 0;
		}
			/* flash */
			#pro-flash {
				position:absolute;
				width: 773px;
				height:250px;
			}
			
			#pro-flash-div {
				width:773px; 
				height:250px;
			}
			
			/* Adv Navigation */
			#adv-nav{
				position:absolute;
				width: 900px;
				height:62px;
				margin: 250px 0 0 0;
				background: url(../images/bg_adv_nav.png) no-repeat left bottom;
			}
			
				#adv-nav ul { float:left; width: 600px;}
				#adv-nav ul li{ float:left; width: auto; padding:1px 0 0 0; }
					
					#adv-nav ul li .nav {
						float:left;
						width: auto;
						height:49px;
						padding:0 0 0 43px;
						background: url(../images/adv_nav_left.png) left top no-repeat;					
						text-decoration:none;
					}
					
					#adv-nav ul li .nav span{
						float:left;
						width: auto; 
						font-size:11px;
						height:39px;
						padding: 10px 20px 0 0;
						font-family: Tahoma;
						font-weight:bold;
						color:#fffffe;
						cursor: pointer;
						background: url(../images/adv_nav_right.png) no-repeat right top ;
					} 
					#adv-nav ul li a.nav:hover {	background-position: left bottom; }
					#adv-nav ul li a.nav:hover span{ color:#00476b;	background-position: right bottom;}

                    #adv-nav ul li div.nav a{
                        color:#fffffe;
                        text-decoration:underline !important;
                    }
                    #adv-nav ul li div.nav a:hover{
                        text-decoration:none !important;
                    }
					
			/* Video link Background */
			#video-link-background{ position:absolute; margin: 0 0 0 773px; width:127px; height:250px; background: url(../images/bg_video-link.png) }
	
			/* Video Link */
			#video-link
			{
				position: absolute;
				margin: 20px 0 0 773px;
			}
				#video-link li { float: left; width: auto; clear:left; margin: 0 0 -1px 0; }
					#video-link li a{ 
						color: #fffffe;
						text-decoration: none;
						display:block;
						font-size:11px;
						line-height: 11px;
						padding: 10px 0 0 42px;
						height: 32px;
						width: 85px;
						background: url(../images/video_link.png) no-repeat left top;
					} 
					#video-link li a:hover{
						background-position: left -42px;
					}   
			
			/* Button Big */	
			.button-big{  
				background: url(../images/btn_big_left.png) no-repeat left ;
				background-position: 0px 46px;
				padding: 0 0 0 8px;
			}
			#button-consultant {
				background-position: 0px 54px;
			}
				.button-big p
				{
					text-align: center;
					font-family: Tahoma, Arial, "Helvetica Neue", Helvetica, sans-serif;
					font-size: 11px;
					line-height: 11px;
					font-weight: bold;
					color: #022533;
					white-space: nowrap;
				}
				
					/* Button Consultant */
					#button-consultant { position:absolute; margin: 202px 0 0 610px; height: 105px; }
						#button-consultant .button-big-inner{
							float:left;
							width: auto;
							height: 45px;
							padding: 60px 120px 0 0;
							background: url(../images/btn_big_consultant.png) no-repeat right top; 
						}
							#button-consultant .button-big-inner p { white-space: nowrap; }
					
							#button-consultant .button-big-inner a {
								float: left;
								width: auto;
								margin: 2px 0 0 40px;
								height:18px;
								padding: 0 0 0 3px; 
								background: url(../images/btn_red_left.png) left top no-repeat;					
								text-decoration:none;
							}
							
							#button-consultant .button-big-inner a span{													
								float: left;
								width: auto;
								font-size:11px;
								height:18px;
								line-height: 17px;
								text-align: center;
								padding: 0 15px 0 10px; 
								font-family: Tahoma, Arial, "Helvetica Neue", Helvetica, sans-serif;
								font-weight:bold;
								color:#fffffe;
								cursor: pointer;
								background: url(../images/btn_red_right.png) no-repeat right top ;
							}
						
							#button-consultant .button-big-inner a:hover {	background-position: left bottom;}
							#button-consultant .button-big-inner a:hover span{ background-position: right bottom;}
					
					/* Button Catalog */
					#button-catalog { position:absolute; margin: 210px 0 0 590px; height: 97px;}
						#button-catalog p{ float:left; font-size: 14px; line-height: 16px; padding: 4px 0 0 0; }
						#button-catalog .button-big-inner{
							float: left;
							width: 195px; /* {was} width: auto; */
							height: 97px;
							padding: 53px 90px 0 3px;
							background: url(../images/btn_big_catalog.png) no-repeat right top;
						}
						
							#button-consultant .button-big-inner p {
								white-space: nowrap;
							}
							
							#button-catalog .button-big-inner a {
								float: left;
								width: auto;
								margin: 10px 8px 0 5px; 
								height:18px;
								padding: 0 0 0 3px; 
								background: url(../images/btn_red_left.png) left top no-repeat;					
								text-decoration:none;
							}
								
							#button-catalog .button-big-inner a span{													
								float: left;
								width: auto;  
								font-size:11px;
								height:18px;
								line-height: 17px;
								text-align: center;
								padding: 0 15px 0 10px; 
								font-family: Tahoma, Arial, "Helvetica Neue", Helvetica, sans-serif;
								font-weight:bold;
								color:#fffffe;
								cursor: pointer;
								background: url(../images/btn_red_right.png) no-repeat right top ;
							}
								
							#button-catalog .button-big-inner a:hover {	background-position: left bottom;}
							#button-catalog .button-big-inner a:hover span{ background-position: right bottom;} 
		/* Showcase */
		#showcase
		{
			width: 900px;
			height: 451px;
			margin: 20px 0 20px 0;
		}
		
		/* Adv Corporate */
		#adv-corporate {
			width: 900px;
			height: 411px;
			background: url(../images/adv-corporate.png) no-repeat;
			margin: 10px 0 12px 0;
		}
	
		#blurb-corporate {
			width: 900px;
			height: 114px;
			background: url(../images/corp_blurb_bg.png) no-repeat;
			background-position: -5px 0px;
			margin-bottom: 8px;
		}
			#blurb-corporate p.title {
				float: left;
				font-family: "Myriad Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
				font-size: 20px;
				font-style: italic;
				color: #012232;
				width: 130px;
				padding: 20px 0 0 40px;
			}
			#blurb-corporate p.copy {
				float: right;
				font-family: "Tahoma", Arial, "Helvetica Neue", Helvetica, sans-serif;
				font-size: 14px;
				color: #003366;
				width: 635px;
				padding: 28px 40px 0 0;
			}
			
			/* Corporate Slideshow */
			#slideshow
			{
				width: 872px;
				height: 391px;
				margin-left: 10px;
				margin-top: 10px;
			}
			
			#slideshow img { padding: 10px 10px 0 0; }
				
		/* Content */
		#content{ clear:both; padding: 0 0 40px 0; }
			#content p{
				font-size: 12px;
				line-height: 18px;
				margin: 0 0 26px 0;
				color: #666666;
			}
		
			/* Content Left */
			#content-left{ 
				float:left;
				width:250px;
				margin: 0 0 40px 0;
			}
			
			/* Promo Left */
			#left-promo { margin-bottom: 12px; }
			
				
				/* Download Area */
				#download ul { width:233px; margin: 0 auto 15px auto; border-top: 1px solid #cbdfea;}
					#download ul li { 
						border-bottom: 1px solid #cbdfea;
						padding: 10px 10px;
						height: 20px;
						clear:both;
					}
					#download ul li.long{ height: 35px;}
					#download ul li a.pdf{
						float:left;
						width: auto;
						font-family: "Myriad Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
						font-size: 16px;
						color: #012232; 
						background: url(../images/ico_pdf.png) no-repeat left top;
						padding: 0 0 0 25px;
					}
					
					#download ul li a.pdf:hover{ color: #ec1601; } 
				
				/* Booking Consulation (Showcase) Area */
				#booking { width:233px; margin: 0 auto 15px auto;}
				
				/* Ferguson Online */
				#ferguson-online
				{
					margin: 0 0 0 5px;
					width: 242px;
					height: 310px;
					background: url(../images/holder.gif) no-repeat left top;
					font-family: "Myriad Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
				}
				  #ferguson-online img { padding: 18px 0 0 25px;}
				  #ferguson-online p { margin: 15px 0 0 0; font-size: 11px;}
				  #ferguson-online p.signup { 
					float: left;
					padding-left: 25px;
					width: 98px;
					line-height: 12px;
					color: #273d49;
				  }				    										
				  #ferguson-online p.signup a{ font-weight: bold; color: #012232; }
				  #ferguson-online p.signup a:hover{ text-decoration: underline; }
						  #ferguson-online p.signin { 
					float: right;
					padding-right: 25px;
					width: 65px;            
					text-align: right;
					color: #273d49;
				  }
				  
				  #ferguson-online p.signin a
				  {
				  	line-height: 35px;
				  	font-size: 12px;
				  	color: #00476C;
				  }
				  #ferguson-online p.signin a:hover { text-decoration: underline; }						
				  #ferguson-online p.signin span
				  {
				  	padding: 0 0 0 15px;
				  	background-image: url(../images/arrow_sign_in.gif);
				  	background-repeat: no-repeat;
				  	background-position: left center;
				  }				  				  
				  #ferguson-online ul { 
					clear:both;
					margin-top: 54px;
					height:100px;
					width: 242px;
				  }				  				  
				  #ferguson-online ul li a{
					border: 0px solid red;
					display: block;
					padding: 6px 0 0 60px;
					height: 36px;
					width: 182px;
					text-decoration: none; 
					font-size:12px; 
					color: #666666;
					cursor: pointer;
					background: url(../images/bg_video_link.gif) no-repeat left top;
							}
					#ferguson-online ul li a:hover{ background-position: left -42px; }
					#ferguson-online ul li a span {
					width: 150px;
					height: 36px;
					line-height: 30px;
				  }
				  #ferguson-online ul li a span.two-liner{ 
						line-height: 14px;
						text-align: left;
				   }                      					
				  #ferguson-online p.contact{
					padding-left: 10px;
					margin-top: 8px;
					line-height: 11px;
					font-size: 11px;
					color: #273d49;
				  }
				  #ferguson-online p.contact a { font-weight: bold; color: #012232; }
				  #ferguson-online p.contact a:hover { text-decoration: underline; }
            
            	 #ferguson-online p.information{
					padding-left: 10px;
					margin-top: 9px;
					line-height: 11px;
					font-size: 11px;
					color: #273d49;
				  }
				  #ferguson-online p.information a { font-weight: bold; color: #012232; }
				  #ferguson-online p.information a:hover { text-decoration: underline; }
				  
				   #ferguson-online p.demo{
					padding-left: 10px;
					margin-top: 0px;
					line-height: 11px;
					font-size: 11px;
					color: #273d49;
				  }
				  #ferguson-online p.demo a
				  {
				  	font-weight: bold;
				  	color: #F00;
				  	font-size: 12px;
				  }
				  #ferguson-online p.demo a:hover { text-decoration: underline; }
				
				/* Group Menu */
				#group-menu h4{ font-size: 18px; font-weight: bold; color: #46738d; letter-spacing: -1px; margin: 0 0 6px 8px; }
					#group-menu ul { width:233px; margin: 0 auto 15px auto; border-top: 1px solid #cbdfea;}
						#group-menu ul li { 
							border-bottom: 1px solid #cbdfea;
							display:block;
							padding: 7px 10px;
							clear:both;
						} 
						
						#group-menu ul li a{ 
							font-family: Tahoma, Arial, "Helvetica Neue", Helvetica, sans-serif;
							font-size: 11px;
							font-weight: bold;
							color: #46738d; 
							
						}
						#group-menu ul li a span{
							padding: 0 0 0 15px; 
							background: url(../images/bullet_group.png) no-repeat left 2px; 
						}
						#group-menu ul li a:hover {
							color: #000;  /* Fixes IE6 hover problem. */
						}
						#group-menu ul li a:hover span{
							color: #000;
							background: url(../images/bullet_group_hover.png) no-repeat left 2px;
						}
		
		/* Accordion Header */
		#accordion-header{
			padding: 18px 24px;
			font-family: "Myriad Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
			font-size: 24px;
			line-height: 32px;
			letter-spacing: -1px;
			font-style: italic;
			font-weight:100;
			color: #022533;
			background: url(../images/bg_testimonial_title.png) no-repeat center top;
		}
		
			/* accordion menu */ 
			#accordion a.accordion-header, #accordion a:visited.accordion-header, #accordion a.accordion-header-link
			{
				display: block;
				width: 202px;
				height: 27px;
				color: #666666;
				font-size: 12px;
				line-height: 20px;
				padding: 15px 0 0 40px;
				margin: 0 0 0 3px;
				cursor: pointer;
				background: url(../images/accordion_menu.png) no-repeat left top;
			}  
			#accordion a:hover.accordion-header, #accordion a:hover.accordion-header-link { background-position: left center; }
			#accordion a.selected, #accordion a:hover.selected { background-position: left bottom !important; }

			#accordion .accordion-content
			{
				display: block;
				overflow: hidden;
				background: url(../images/accordion_content.png) no-repeat left bottom;
				color: #666666;
				font-size: 12px;
				line-height: 20px;
				padding: 0 20px 0 20px;
				margin: -5px 0 0 3px;
			}
			#accordion .accordion-content em{
				color: #73bde6;
				font-style:italic;
				display:block;
				margin: 0 0 20px 0;
			}
		
		/* Content Right */
		#content-right{
			margin:0 0 0 280px;
			width: 620px;
		}
		
			#content-right h2{
				overflow:hidden;
				height: 40px; 
				padding: 0 0 0 15px;
				background: url(../images/bg_h2_left.png) no-repeat left top;
				margin: 0 0 5px 0;
			}
			
			#content-right h2 span{
				font-family: "Myriad Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
				font-size: 24px;
				line-height: 45px;
				font-style: italic;
				font-weight:100;
				color: #012232;
				display:block;
				width: 100%;
				height: 40px;
				background: url(../images/bg_h2_right.png) no-repeat right top;
			}
			
			#content-right h3{
				color: #015d84;
				font-size: 14px;
				font-weight: bold;
				margin: 15px 0 10px 0;
				padding: 0;
			}
		
			img.image-left {
				margin:0 10px 2px 0;
				float: left;
				overflow:hidden;
			}
			
			#content #content-right p
			{
				color: #333333;
				margin: 0 0 10px 5px;
			}
			
			#content #content-right ul
			{
				font-size: 12px;
				line-height: 18px;
				margin: 0 0 10px 40px;
				color: #333333;
			}
			
			#content #content-right li { list-style-type: disc; }
			#content #content-right li li
			{
				list-style-type: circle;
				color: #666666;
			}
			
			#content-right a { color: #F00; }
			#content-right a:hover { color: #036; }

			/* EXTRA/GENERIC CONTENT STYLES */
			#content h6 {
				font-size: 14px;
				padding-bottom: 12px;
			}
			.italic { font-style: italic; }
			.bold { font-weight: bold; }
			.credit {
				text-align: right;
			}
			.tm { 
				font-size: 0.7em;
				position: relative;
				top: -5px;
			}
			
		/* Corporate Content */	 
		.corp-article {
			margin-top: 15px;
		}
		.corp-article .media {
			float: left;
			width: 265px;
		}
		.corp-article .article {
			float: right;
			width: 620px;
		}
			.corp-article .article p {
				margin-bottom: 15px !important;
			}
			.corp-article h2 {
				font-family: "Myriad Pro", Arial, Helvetica, sans-serif, Tahoma !important;
				font-size: 20px !important;
				color: #012232 !important;
				margin-bottom: 3px !important;
			}
			.corp-article h2 p {
				font-size: 14px !important;
				font-style: normal;
				font-weight: normal;
				color: #01476b !important;
			}
			.corp-article .media p {
				font-family: Arial, Helvetica, sans-serif, Tahoma !important;
				font-size: 11px !important;
				margin-left: 5px !important;
			}
		.corp-sep {
			clear: both;
			border-bottom: 1px solid #accad8;
		}
			 
		/* Footer */
		#footer{
			clear:both;
			width: 100%;
			height: 70px;
			border-top: 1px solid #e9e9e9;
			color: #1d4164;
		}
		
			#footer ul {   
				list-style: none;  
				padding: 13px 0 0 0;
				margin: 0 auto;
				display:block;
				width: 670px;
			}
					
				#footer ul li {
					display: inline;
					font-family: Arial;
					font-size: 11px; 
				} 
				#footer ul li a { color: #1d4164;  text-decoration:none; } 
				#footer ul li a:hover{  text-decoration:underline; }
		
		/* Footer - Copyright */
		#copyright{ 
			font-family: Tahoma;
			font-size: 11px !important;
			margin: 5px 0 0 0;
			text-align: center;
		}
		
		
/* Modal windows */
#modalBackground, #modalWrapper {
	background: #021f2f;	
	height: 100%;
	left: 0;
	position: fixed !important;
	position: absolute; /* ie6 fix */
	top: 0;
	width: 100%;
	z-index: 900;
}
#modalWrapper {
	background: none;
	position: absolute !important;
	z-index: 901;
}
	#modal {
		position: relative;
		margin: 0 auto;
		width: 527px;
		z-index: 902;
	}
	#modalClose {
		background: #fff;
		display: block;
		left: 317px;
		height: 25px;
		position: absolute;			
		top: 10px;
		width: 25px;
		z-index: 100;
	}
		#modalClose span {
			display: none;
		}
		
		
/** for remodeler page **/
.remodelerContent{
	margin-top: 0; /* {was} margin-top: 10px; {was} margin-top:28px; */
}
/* Adv Remodeler */
#adv-remodeler{
	width: 900px;
	height: 313px;
	/* background: url(../images/adv_remodeler.jpg) no-repeat left top;*/
	margin: 10px 0 35px 0;
}

	#link-video-tip-ad{
		line-height:22px !important;
		}

/** download list **/	
#remodeler-download-list{
	margin-bottom:26px;
	padding:3px 0px;
	width:248px;
	border:#ccc solid 1px;
	background:#faf9f9;
	position:relative;
}
	
	/** title **/
	#remodeler-download-list h2{
		margin:0 14px;
		padding: 0;
		height:37px;
		font-family:"Myriad Pro", Arial, sans-serif, serif;
		font-size:18px;
		color:#00476c;
		line-height:37px;
		}
	
	/** list **/
	#remodeler-download-list ul {
		overflow: auto; /* {new} Additional fix for the Remodeling Resources in IE */
	}
	#remodeler-download-list li{
		margin:0 14px;
		height:28px;
		border-top:#c9c9c9 solid 1px;
		line-height:28px;
		}
		
		#remodeler-download-list ul li a.list{
			width:auto;
			float:left;
			display:inline; 
			font-family: Tahoma, Arial, "Helvetica Neue", Helvetica, sans-serif;
			font-size: 11px;
			font-weight: bold;
			color: #46738d; 
		}
			#remodeler-download-list ul li a.list span {
				padding: 0 0 0 15px; 
				background: url(../images/bullet_group.png) no-repeat left 2px; 
			}
			#remodeler-download-list ul li a.list:hover {
				color: #000;  /* Fixes IE6 hover problem. */
			}
			#remodeler-download-list ul li a.list:hover span {
				color: #000;
				background: url(../images/bullet_group_hover.png) no-repeat left 2px;
			}
		#remodeler-download-list ul li a.current span {
			color: #00476c;
			background: url(../images/bullet_group_current.png) no-repeat left 2px; 
		}
		#remodeler-download-list ul li a.current:hover {
			color: #00476c;  /* Fixes IE6 hover problem. */
		}
		#remodeler-download-list ul li a.current:hover span {
			color: #00476c; /* {was} color: #d2d6d8 !important;*/
			background: url(../images/bullet_group_current.png) no-repeat left 2px;
			cursor: default;
		}
		
		/** icon **/		
		#remodeler-download-list ul li a.icon{
			width:16px;
			height:16px;
			float:right;
			display:inline;
			margin-top:6px;
			margin-right:3px;
			background:url(../images/ico_pdf.png) no-repeat;
			}
	
	/** corcen bg **/		
	#remodeler-download-list .dowmList-tl{
		width:7px;
		height:6px;
		display:block;
		position:absolute;
		left:-1px;
		top:-1px;
		background:url(../images/corcen_lt.jpg) no-repeat;
		}
		
	#remodeler-download-list .downList-tr{
		width:7px;
		height:6px;
		display:block;
		position:absolute;
		right:-1px;
		top:-1px;
		background:url(../images/corcen_rt.jpg) no-repeat;
		}

/** Archived Articles **/		
#remodeler-left-nav{
	padding-top:3px;
	border:#ccc solid 1px;
	border-bottom:0;
	background:#faf9f9;
	}
	
	#remodeler-left-nav .hide{
		display:none;
		}
	
	/** title **/
	#remodeler-left-nav h2{
		height:37px;
		padding:0 14px;
		font-family:"Myriad Pro", sans-serif, serif;
		font-size:18px;
		color:#00476c;
		line-height:37px;
		position:relative;
		border-bottom:#e0e0e0 solid 1px;
		}
	
	/** level one **/	
	#remodeler-left-nav ul.levOne li{
		line-height:29px;
		border-bottom:#e0e0e0 solid 1px;
		}
		
		#remodeler-left-nav ul.levOne li a{
			font-family: Tahoma, Arial, "Helvetica Neue", Helvetica, sans-serif;
			font-size: 11px;
			font-weight: bold;
			color: #46738d; 
			}
			
		#remodeler-left-nav ul.levOne li a:hover{
			color:#000;
			}
			
			/** folder and unfolder link **/
			#remodeler-left-nav ul.levOne li a.folderList,#remodeler-left-nav ul.levOne li a.folder{
				width:8px;
				height:8px;
				float:left;
				display:inline;
				margin-top:10px;
				margin-left:17px;
				margin-right:10px;
				cursor:pointer;
				overflow:hidden;
				background: url(../images/bullet_group.png) no-repeat center center; 
				}
				
			#remodeler-left-nav ul.levOne li a.unfolderList{
				width:8px;
				height:8px;
				float:left;
				display:inline;
				margin-top:10px;
				margin-left:17px;
				margin-right:10px;
				cursor:pointer;
				background: url(../images/lev_two_unfloder_icon.gif) no-repeat center center; 
				}
			
			#remodeler-left-nav ul.levOne li a.folderList:hover,#remodeler-left-nav ul.levOne li a.folder:hover{
				width:8px;
				height:8px;
				float:left;
				display:inline;
				margin-top:10px;
				margin-left:17px;
				cursor:pointer; 
				background: url(../images/bullet_group_hover.png) no-repeat center center;
				}
				
			#remodeler-left-nav ul.levOne li a.unfolderList:hover{
				width:8px;
				height:8px;
				float:left;
				display:inline;
				margin-top:10px;
				margin-left:17px;
				cursor:pointer; 
				background: url(../images/lev_two_unfloder_hover_icon.gif) no-repeat center center; 
				}
	
	/** level two **/			
	#remodeler-left-nav ul.levTwo{
		background:url(../images/leftNav_levTwo_bg.gif) repeat-x left top #fff;
		}
		
		#remodeler-left-nav ul.levTwo li{
			margin-left:31px;
			margin-right:11px;
			line-height:28px;
			border-bottom:#dbe9f1 solid 1px;
			}
			
		#remodeler-left-nav ul.levTwo li.bottom{
			border-bottom:0;
			}
			
			#remodeler-left-nav ul.levTwo li .levTT{
				border-bottom:#dbe9f1 solid 1px;
				}
				
			#remodeler-left-nav ul.levTwo li a.lelTR{
				font-weight:bold;
				}

			#remodeler-left-nav ul.levTwo li a{
				padding-left:4px;
				font-weight:normal;
				}
				
			#remodeler-left-nav ul.levTwo li a:hover{
				color:#000;
				}
				
			#remodeler-left-nav ul.levTwo li a.unfolder,#remodeler-left-nav ul.levTwo li a.folder{
				font-weight:bold;
				}
				
				
				/** folder and unfolder link **/
				#remodeler-left-nav ul.levTwo li a.levTwo_unfolder{
					width:7px;
					height:7px;
					float:left;
					display:inline;
					margin-top:10px;
					margin-left:0;
					margin-right:0;
					cursor:pointer; 
					background: url(../images/levTwo_listDown_unfolder_icon.gif) no-repeat center center; 
					}
					
				#remodeler-left-nav ul.levTwo li a.levTwo_unfolder:hover{
					width:7px;
					height:7px;
					float:left;
					display:inline;
					margin-top:10px;
					margin-left:0;
					margin-right:0;
					cursor:pointer; 
					background: url(../images/levTwo_listDown_unfolder_hover_icon.gif) no-repeat center center;
					}
					
				#remodeler-left-nav ul.levTwo li a.levTwo_folder{
					width:7px;
					height:7px;
					float:left;
					display:inline;
					margin-top:10px;
					margin-left:0;
					margin-right:0;
					cursor:pointer; 
					background: url(../images/levTwo_listDown_folder_icon.gif) no-repeat center center; 
					}
					
				#remodeler-left-nav ul.levTwo li a.levTwo_folder:hover{
					width:7px;
					height:7px;
					float:left;
					display:inline;
					margin-top:10px;
					margin-left:0;
					margin-right:0;
					cursor:pointer; 
					background: url(../images/levTwo_listDown_folder_hover_icon.gif) no-repeat center center;
					}
					
	/** levev Three **/
	#remodeler-left-nav ul.levThree li{
		margin-left:0;
		margin-right:0;
		}
		
		#remodeler-left-nav ul.levTwo li ul.levThree li a{
			padding-left:12px;
			border-bottom:0;
			}
			
			#remodeler-left-nav ul.levThree li a{
				margin-left:13px;
				padding: 0 0 0 15px; 
				background: url(../images/levTwo_listDown_folder_icon.gif) no-repeat left center; 
				}
				
			#remodeler-left-nav ul.levThree li a:hover{
				color: #000; 
				}
				
			#remodeler-left-nav ul.levTwo li.bottom a{
				border-bottom:0;
				}
				
			#remodeler-left-nav ul.levThree li.bottom a{
				border-bottom:0 !important;
				}
				
			#remodeler-left-nav ul.levTwo li.bottom .unfolder{
				border-bottom:#dbe9f1 solid 1px !important;
				}
				
			#remodeler-left-nav ul.levTwo ul.levThree li a{
				border-bottom:#dbe9f1 solid 1px;
				}
				
	/** bottom **/
	.corcenBottom{
		height:18px;
		overflow:hidden;
		margin-bottom:26px;
		background:url(../images/lev_bottom.gif) repeat-x;
		}
		
		
		
	#remodeler-left-nav .nav-tl{
		width:7px;
		height:6px;
		display:block;
		position:absolute;
		left:-1px;
		top:-4px;
		background:url(../images/corcen_lt.jpg) no-repeat;
		}
		
	#remodeler-left-nav .nav-br{
		width:7px;
		height:7px;
		display:block;
		position:absolute;
		bottom:-1px;
		right:-1px;
		background:url(../images/leftNav_corrent_br.gif) no-repeat;
		}

/** ferguson online **/
#ferguson-online-remodeler{
	margin: 0 0 0 5px;
	width: 242px;
	padding-bottom:24px;
	background: url(../images/holder.gif) no-repeat left top;
	font-family: "Myriad Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
	}
	
	#ferguson-online-remodeler img { 
		padding: 18px 0 0 25px;
		}
	
	#ferguson-online-remodeler p { 
		margin: 15px 0 0 0; 
		font-size: 11px;
		}
	
	/** sign up **/	
	#ferguson-online-remodeler p.signup { 
		float: left;
		padding-left: 25px;
		width: 98px;
		line-height: 12px;
		color: #273d49;
		}
						    										
		#ferguson-online-remodeler p.signup a{ 
			font-weight: bold; 
			color: #012232; 
			}
		
		#ferguson-online-remodeler p.signup a:hover{ 
			text-decoration: underline; 
			}
	
	/** sign in **/		
	#ferguson-online-remodeler p.signin { 
		float: right;
		padding-right: 25px;
		width: 65px;            
		text-align: right;
		color: #273d49;
		}
				  
		#ferguson-online-remodeler p.signin a{
			line-height: 35px;
			font-size: 12px;
			color: #00476C;
			}
			
		#ferguson-online-remodeler p.signin a:hover { 
			text-decoration: underline; 
			}	
								
		  #ferguson-online-remodeler p.signin span{
			padding: 0 0 0 15px;
			background-image: url(../images/arrow_sign_in.gif);
			background-repeat: no-repeat;
			background-position: left center;
		  	}	
	
	/** list **/				  				  
	#ferguson-online-remodeler ul { 
		clear:both;
		margin-top: 54px;
		height:100px;
		width: 242px;
		}
				  				  
		#ferguson-online-remodeler ul li a{
			border: 0px solid red;
			display: block;
			padding: 6px 0 0 60px;
			height: 36px;
			width: 182px;
			text-decoration: none; 
			font-size:12px; 
			color: #666666;
			cursor: pointer;
			background: url(../images/bg_video_link.gif) no-repeat left top;
			}
			
		#ferguson-online-remodeler ul li a:hover{ 
			background-position: left -42px; 
			}
			
			#ferguson-online-remodeler ul li a span {
				width: 150px;
				height: 36px;
				line-height: 30px;
				}
				
			#ferguson-online-remodeler ul li a span.two-liner{ 
				line-height: 14px;
				text-align: left;
				}  
				 
				/** contact **/                   					
				#ferguson-online-remodeler p.contact{
					padding-left: 10px;
					margin-top: 8px;
					line-height: 11px;
					font-size: 11px;
					color: #273d49;
					}
					
					#ferguson-online-remodeler p.contact a { 
						font-weight: bold; 
						color: #012232; 
						}
						
					#ferguson-online-remodeler p.contact a:hover { 
						text-decoration: underline; 
						}
            
			/** information **/
			#ferguson-online-remodeler p.information{
				padding-left: 10px;
				margin-top: 9px;
				line-height: 11px;
				font-size: 11px;
				color: #273d49;
				}
				
				#ferguson-online-remodeler p.information a { 
					font-weight: bold; 
					color: #012232; 
					}
					
				#ferguson-online-remodeler p.information a:hover { 
					text-decoration: underline; 
					}
			
			/** demo **/	  
			#ferguson-online-remodeler p.demo{
				padding-left: 10px;
				margin-top: 0px;
				line-height: 11px;
				font-size: 11px;
				color: #273d49;
				}
				
				#ferguson-online-remodeler p.demo a{
					font-weight: bold;
					color: #F00;
					font-size: 12px;
					}
					
				#ferguson-online-remodeler p.demo a:hover { 
					text-decoration: underline; 
					}
					
/** remodel contest **/

	/** pic **/
	#content-right .remodelerPic{
		width:auto;
		float:left;
		display:inline;
		margin-top:2px;
		margin-right:10px;
		}
	
	#content #content-right #remodel-contest p{
		margin-left:0;
		margin-bottom:15px;
		}
		
	#content #content-right .firstText{
		margin-top:12px;
		}
	
	/** list **/	
	#content #content-right dl{
		padding-bottom:12px;
		}
		
		#content #content-right dt{
			font-weight:bold;
			margin-bottom:15px;
			}
			
		#content #content-right dd{
			margin-left:22px;
			padding-left:16px;
			line-height:18px;
			background:url(../images/bullet_dd_icon.gif) no-repeat left 7px; /* {was} background:url(../images/bullet_dd_icon.gif) no-repeat left center; */
			}
			
	#content a.link { /* {was} #content #content-right #remodel-contest a.link { */
		padding-right:10px;
		background:url(../images/remodeler_link.gif) no-repeat right center;
	}
		
	#content a.link:hover { /* {was} #content #content-right #remodel-contest a.link:hover { */
		background:url(../images/remodeler_link_hover.gif) no-repeat right center;
	}
		
	/** Remodeler: 1/2 Article Left **/
	#remodel-contest-left{
		width:295px;
		float:left;
		display:inline;
	}
		#remodel-contest-left h3{
			height:54px;
			padding-left:2px;
			font-size:16px;
			line-height:54px;
			/* (was) margin-bottom:16px;*/
			border-top:#dbe9f1 solid 1px;
			border-bottom:#dbe9f1 solid 1px;
		}
			#remodel-contest-left h3 a { color:#015d84; }
			#remodel-contest-left h3 a:hover { color:#000; }
	
	/** Remodeler: 1/2 Article Right **/
	#remodel-contest-right{
		width:295px;
		float:right;
		display:inline;
	}
		#remodel-contest-right h3{
			height:54px;
			padding-left:2px;
			font-size:16px;
			/* {was} margin-bottom:16px; */
			border-top:#dbe9f1 solid 1px;
			border-bottom:#dbe9f1 solid 1px;
		}
			#remodel-contest-right h3 a { color:#015d84; }
			#remodel-contest-right h3 a:hover { color:#000; }
			#remodel-contest-right h3 span {
				display:block;
				padding-top:8px;
			}
		
		/** pic **/		
		#remodel-contest-left .leftPic,#remodel-contest-right .leftPic{
			width:auto;
			float:left;
			display:inline;
			padding:1px;
			margin-right:8px;
			border:#cccccc solid 1px;
			}
		
		/** button **/	
		#remodel-contest-right .button,
		.articles-single-text .button {
			height:45px;
			margin:22px auto 24px auto;
			}
			
			#remodel-contest-right .button a,
			.articles-single-text .button a {
				width:224px;
				height:45px;
				display:block;
				font-size:11px;
				color:#fffffe !important;
				line-height:14px;
				background:url(../images/remodeler_button.gif) no-repeat;
				}
				
			#remodel-contest-right .button a:hover,
			.articles-single-text .button a:hover {
				background:url(../images/remodeler_button_hover.gif) no-repeat;
				}
				
				#remodel-contest-right .button a span,
				.articles-single-text .button a span {
					display:block;
					padding-top:10px;
					margin-left:17px;
					}
					
				#remodel-contest-right .button a span strong,
				.articles-single-text .button a span strong {
					font-size:16px;
					}
		
.clear { clear: both; }
.clear-right { clear: right; padding-bottom: 10px; }
		
/** remodeler-testimonial **/
#remodeler-testimonial,#remodeler-random{
	padding:0 12px;
	padding-bottom:24px;
	}

	#remodeler-testimonial h2,#remodeler-random h2{
		padding-bottom:10px;
		font-size:20px;
		color:#46738d;
		font-family: "Myriad Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
		}
		
	#remodeler-testimonial .inner{
		padding:8px 0;
		border-top:#dbe9f1 solid 1px;
		border-bottom:#dbe9f1 solid 1px;
		background:url(../images/quote_icon.gif) no-repeat left 9px;
		}
		
	#remodeler-random .inner{
		padding:8px 0;
		border-top:#dbe9f1 solid 1px;
		border-bottom:#dbe9f1 solid 1px;
		text-align:center;
		}
		
		#remodeler-testimonial .inner p{
			margin-left:32px;
			margin-bottom:0px;
			font-family:Tahoma, Arial, "Helvetica Neue", Helvetica, sans-serif;
			font-size:11px;
			line-height:15px;
			color:#333;
			}
			
		#remodeler-testimonial .moreLink,#remodeler-random .moreLink{
			text-align:right;
			line-height:19px;
			}
			
			#remodeler-testimonial .moreLink a,#remodeler-random .moreLink a{
				font-family:Tahoma, Arial, "Helvetica Neue", Helvetica, sans-serif;
				color:#ff0000;
				font-size:11px;
				}
				
			#remodeler-testimonial .moreLink a:hover,#remodeler-random .moreLink a:hover{
				color:#333;
				}
				
/** link **/
#remodeler-link{
	padding:0 12px;
	padding-bottom:24px;
	}
#remodeler-link h4{ 
	padding-bottom:10px;
	font-size:20px;
	color:#46738d;
	font-family: "Myriad Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
	}
	
#remodeler-link  ul { 
	width:233px;
	margin: 0 auto 15px auto; 
	border-top: 1px solid #cbdfea;
	}
	
	#remodeler-link  ul li { 
		border-bottom: 1px solid #cbdfea;
		display:block;
		padding: 7px 10px;
		clear:both;
		} 

		#remodeler-link  ul li a{ 
			font-family: Tahoma, Arial, "Helvetica Neue", Helvetica, sans-serif;
			font-size: 11px;
			font-weight: bold;
			color: #46738d; 
			}
			
			#remodeler-link  ul li a span{
				padding: 0 0 0 20px; 
				background: url(../images/bullet_group.png) no-repeat left 2px; 
				}
				
			#remodeler-link  ul li a:hover {
				color: #000;  /* Fixes IE6 hover problem. */
				}
			#remodeler-link  ul li a:hover span{
				color: #000;
				background: url(../images/bullet_group_hover.png) no-repeat left 2px;
				}
				
	
/** articles-single **/
#content #content-right .articles-single p{
	position:static;
	}

#content #content-right .articles-single .articles-title{
	height:58px;
	border-top:#dbe9f1 solid 1px;
	border-bottom:#dbe9f1 solid 1px;
	}
	
	/** date **/
	.articles-single .articles-title .date{
		width:48px;
		height:44px;
		float:left;
		display:inline;
		margin-top:6px;
		margin-left:3px;
		margin-right:11px;
		text-align:center;
		cursor:pointer;
		background:url(../images/date_pic.gif) no-repeat;
		}
		
		#content #content-right .articles-single .articles-title .date a{
			font-family: Tahoma, Arial, "Helvetica Neue", Helvetica, sans-serif;
			font-size:10px;
			text-align:center;
			line-height:12px;
			color:#8c8c8c;
			}
			
			#content #content-right .articles-single .articles-title .date span{
				display:block;
				}
			
		#content #content-right .articles-single .articles-title .date span.day{
			height:20px;
			overflow:hidden;
			font-family:Arial, Helvetica, sans-serif;
			font-size:17px;
			font-weight:bold;
			color:#c2c2c2;
			line-height:22px;
			cursor:pointer;
			}
	
	/** title **/		
	#content #content-right .articles-single .articles-title h3{
		margin:0;
		padding:0;
		margin-top:4px;
		font-size:24px;
		font-weight:normal;
		color:#015d84;
		line-height:32px;
		}
		
		#content #content-right .articles-single .articles-title h3 a{
			color:#015d84;
			}
			
		#content #content-right .articles-single .articles-title h3 a:hover{
			color:#000;
			}
		
	/** tag **/
	.articles-single .articles-title .tag{
		display: none; /* {new} */
		font-weight:bold;
		color:#00476b;
		width: 400px;
		float: left;
		}
		
		.articles-single .articles-title .tag span{
			padding-right:8px;
			}
		
		.articles-single .articles-title .tag a{
			font-weight:normal;
			color:#ff0000;
			}
			
		.articles-single .articles-title .tag a:hover{
			color:#000;
			}
	
	/** detail **/	
	#content-right .aricles-Single-text{
		width:auto;
		padding-top:12px;
		}
		
	#content #content-right .aricles-Single-text p{
		margin-left:0;
		margin-bottom:24px;
		}
		
	#content #content-right .aricles-Single-text p.last{
		margin-bottom:0;
		}
		
	#content #content-right .aricles-Single-text p.moreLink{
		margin-bottom:0;
		padding:12px 0 12px 0;
		text-align:right;
		}
		
		#content #content-right .aricles-Single-text p.moreLink a{
			font-family: Tahoma, Arial, "Helvetica Neue", Helvetica, sans-serif;
			font-size:11px;
			font-weight:bold;
			padding-right:9px;
			color:#46738d;
			background:url(../images/remodeler_link_blue.gif) no-repeat right center;
			}
			
			#content #content-right .aricles-Single-text p.moreLink a:hover{
				color:#000;
				text-decoration:underline;
				background:url(../images/remodeler_link_hover.gif) no-repeat right center;
				}
		
	/** acticles-num **/
	#content #content-right .acticles-num{
		height:14px;
		padding:26px 0;
		font-family: Tahoma, Arial, "Helvetica Neue", Helvetica, sans-serif;
		font-size:11px;
		text-align:center;
		}
		
		#content #content-right .acticles-num span.line{
			padding:0 6px;
			color:#c0c0c0;
			}
			
		#content #content-right .acticles-num a{
			color:#46738d;
			font-weight:bold;
			}
			
		#content #content-right .acticles-num a:hover{
			color:#000;
			text-decoration:underline;
			}
			
		#content #content-right .acticles-num a.current{
			color:#c0c0c0;
			font-weight:normal;
			}
		
		#content #content-right .acticles-num a.prev {
			font-weight:normal;
			padding-left:9px;
			background:url(../images/prev.gif) no-repeat left center;
		}
		#content #content-right .acticles-num a.prev:hover {
			background:url(../images/prev_hover.gif) no-repeat left center;
		}
		#content #content-right .acticles-num a.prev_disable{
			font-weight:normal;
			color:#c0c0c0;
			padding-left:9px;
			background:url(../images/prev_disable.gif) no-repeat left center;
		}
			
		#content #content-right .acticles-num a.next{
			font-weight:normal;
			padding-right:9px;
			background:url(../images/next.gif) no-repeat right center;
		}
		#content #content-right .acticles-num a.next:hover{
			background:url(../images/next_hover.gif) no-repeat right center;
		}
		#content #content-right .acticles-num a.next_disable{
			font-weight:normal;
			color:#c0c0c0;
			padding-right:9px;
			background:url(../images/next_disable.gif) no-repeat right center;
		}
			
	/** acticles-turn **/
	#content #content-right .acticles-turn{
		height:44px;
		margin-bottom:24px;
		line-height:44px;
		background:#e3e8ea;
		position:relative;
		}
		
		#content #content-right .acticles-turn .prevArt{
			width:auto;
			float:left;
			display:inline;
			margin-left:15px;
			padding-left:9px;
			font-size:11px;
			font-family: Tahoma, Arial, "Helvetica Neue", Helvetica, sans-serif;
			color:#46738d;
			font-weight:bold;
			background:url(../images/prev.gif) no-repeat left 19px;
			}
			
		#content #content-right .acticles-turn .nextArt{
			width:auto;
			float:right;
			display:inline;
			margin-right:15px;
			padding-right:9px;
			font-family: Tahoma, Arial, "Helvetica Neue", Helvetica, sans-serif;
			font-size:11px;
			color:#46738d;
			font-weight:bold;
			background:url(../images/next.gif) no-repeat right 19px;
			}
			
		#content #content-right .acticles-turn a.prevArt:hover{
			color:#000;
			text-decoration:underline;
			background:url(../images/prev_hover.gif) no-repeat left 19px;
			}
			
		#content #content-right .acticles-turn a.nextArt:hover{
			color:#000;
			text-decoration:underline;
			background:url(../images/next_hover.gif) no-repeat right 19px;
			}
			
		#content #content-right .acticles-turn .corcen_tl{
			width:14px;
			height:14px;
			display:block;
			position:absolute;
			top:0;
			left:0;
			background:url(../images/blue_corner_tl.gif) no-repeat;
			}
			
		#content #content-right .acticles-turn .corcen_br{
			width:14px;
			height:14px;
			display:block;
			position:absolute;
			bottom:0;
			right:0;
			background:url(../images/blue_corner_br.gif) no-repeat;
			}
			
			
/** modalVersion **/
#modalVersion{
	width:600px;
	height:400px;
	position:absolute;
	display:none;
	z-index:1000;
}

	
/* {START} REMODELER UPDATE */
#crumbs {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	margin: 10px auto 0 auto;
	height: 27px; /* Crumb Height (12) + Margin Needed (25) - Promo Top Margin (11) */
	width: 900px;
}
	/* Special stuff for home icon */
	#crumbs a.cmbhome {
		display: block;
		overflow: hidden;
		width: 16px;
		height: 0 !important;
		padding-top: 12px;
		background: url(../images/remodeler_crumb_home.gif) top left no-repeat;
	}
	#crumbs a.cmbhome:hover {
		background-position: 0 -12px;
	}
	/* Some general stuff for everything else */
	#crumbs a,
	#crumbs p {
		float: left;
		/* Note: clear floats for #container */
	}
	#crumbs a.cmblink,
	#crumbs p {
		background: url(../images/remodeler_crumb_arrow.gif) top left no-repeat;
		padding-left: 19px;
	}
	#crumbs a.cmblink {
		color: #015d84;
		text-decoration: none;
	}
	#crumbs a.cmblink:hover {
		color: #000000;
	}
	#crumbs p {
		color: #616161; /* {was} color: #b5b5b5; */
		/* {was} font-weight: bold; */
	}
	
/* Social links */
.social-links {
	float: right;
	/*
		NOTE: For this to work, need to add;
			width: 420px;
			float: left;
		to .articles-single .articles-title .tag
	*/
}
.articles-single .social-links {
	margin-top: 7px;
}
	.social-links a {
		float: left;
		margin: 0 5px;
		display: block;
		overflow: hidden;
		height: 0 !important;
		width: 16px;
		padding-top: 16px;
	}
	.social-links a.facebook:hover,
	.social-links a.twitter:hover,
	.social-links a.linked-in:hover,
	.social-links a.print:hover,
	.social-links a.email:hover {
		background-position: 0 -16px;
	}
	.social-links a.facebook { background: url(../images/remodeler_social_fb.gif) top left no-repeat; }
	.social-links a.twitter { background: url(../images/remodeler_social_tw.gif) top left no-repeat; }
	.social-links a.linked-in { background: url(../images/remodeler_social_in.gif) top left no-repeat; }
	.social-links a.print { background: url(../images/remodeler_social_pr.gif) top left no-repeat; }
	.social-links a.email { background: url(../images/remodeler_social_em.gif) top left no-repeat; }

/* Marketing Banner w/Video */
#banner {
	width: 620px;
	height: 160px;
	margin-bottom: 20px;
}
	#banner img,
	#banner .banner-links {
		float: left;
	}
	#banner .banner-links {
		position: relative;
		width: 128px;
		height: 160px;
		background: url(../images/light_blue_banner_link_bk.gif) top left no-repeat;
	}
		#banner .banner-links ul,
		#banner .banner-links li {
			display: inline;
			list-style-type: none;
		}
		#banner .banner-links a {
			position: absolute;
			top: 20px;
			left: 0;
			display: block;
			width: 128px;
			height: 42px;
			background: url(../images/light_blue_banner_link.gif) top left no-repeat;
		}
		#banner .banner-links a:hover {
			background-position: 0 -42px;
		}
		#banner .banner-links span {
			position: absolute;
			left: 43px;
			top: 8px;
			font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
			font-size: 11px;
			line-height: 12px;
			color: #ffffff;
		}
/* {END} REMODELER UPDATE */

/* {START} PROEXPO TABLE */
#proexpo-schedule {
	position: relative;
	width: 450px;
	background-color: #ffffff;
	padding: 10px;
	border: 5px solid #00476b;
}
#proexpo-schedule .proexpo-schedule-logo {
	float: left;
	/* Stuck it inside a div to resolve path problems */
	width: 124px;
	height: 74px;
	background: url(../images/remodeler_expo_logo.gif) top left no-repeat;
}
#proexpo-schedule h1 {
	font-family: "Myriad Pro", Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	color: #00476b;
	margin-top: 30px;
}
#proexpo-schedule #proexpo-schedule-close {
	position: absolute;
	top: 10px;
	right: 10px;
	/* Stuck it inside a <a> to resolve path problems */
	width: 18px;
	height: 18px;
	background: url(../images/remodeler_expo_close.gif) top left no-repeat;
}
#proexpo-schedule table {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	width: 100%;
	clear: both;
}
#proexpo-schedule table tr.alternate {
	background-color: #f1f3f4;
}
#proexpo-schedule table th {
	height: 29px;
	background: url(../images/remodeler_expo_head_bg.gif) top left repeat-x;
}
#proexpo-schedule table td {
	padding: 3px;
}
/* {END} PROEXPO TABLE */
#stimulus-chart {
	position: relative;
	width: 600px;
	overflow: auto;
	background-color: #ffffff;
	padding: 10px;
	border: 5px solid #00476b;
}
	#stimulus-chart #stimulus-chart-close {
		position: absolute;
		top: 10px;
		right: 10px;
		/* Stuck it inside a <a> to resolve path problems */
		width: 18px;
		height: 18px;
		background: url(../images/remodeler_expo_close.gif) top left no-repeat;
	}
	#stimulus-chart h1 {
		font-family: "Myriad Pro", Arial, Verdana, Helvetica, sans-serif;
		font-size: 22px;
		margin: 0 0 5px 0;
		color: #d80933;
	}
	#stimulus-chart p.note,
	#stimulus-chart p.revision-date {
		margin: 0;
		color: gray;
		font-style: italic;
	}
	#stimulus-chart p.note {
		margin-bottom: 10px;
	}
	#stimulus-chart #data {
		overflow: auto;
		height:370px;
	}
		#stimulus-chart h3 {
			font-size: 18px;
			font-weight: normal;
			margin: 25px 0 5px 0;
		}
		#stimulus-chart .section-details {
			background-color: #000000;
			margin-bottom: 0;
			padding: 10px;
			margin-right: 10px;
		}
			#stimulus-chart .section-details p {
				margin: 0 0 5px 0;
				color: #ffffff;
			}
			#stimulus-chart .section-details p span {
				font-weight: bold;
			}
		#stimulus-chart table {
			font-size: 12px;
			background-color: #929397;
			margin-right: 10px;
		}
			#stimulus-chart table li {
				list-style-type: square;
				margin-left: 15px;
			}
			#stimulus-chart table td { padding: 5px; }
			#stimulus-chart table td span { color: #000000; }
			#stimulus-chart table.building-envelope li { color: #628d8b; }
			#stimulus-chart table.hvac-systems li { color: #f5c557; }
			#stimulus-chart table.renewable-energy li { color: #aabf9f; }
				#stimulus-chart table td a {
					display: block;
					width: 100px;
					color: #000000;
					font-weight: bold;
					text-decoration: none;
				}
				#stimulus-chart table td a:hover {
					color: #ff0000;
				}
				/* Contra */
				#stimulus-chart table td a.ex-link {
					display: inline;
					width: auto;
					font-weight: normal;
					color: #ff0000;
				}
				#stimulus-chart table td {
					color: #000000;
				}
/* {START} STIMULUS TABLE */

/* {END} STIMULUS TABLE */

/* {START} EXTRA REMODELER STYLES */
/* Article Title {Adjusts depending on number of lines} */
#remodel-contest h2 {
	/* These styles take over for the remodeler pages */
	height: auto !important;
	background: none !important;
	line-height: 20px !important;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-style: normal;
	border-top:#dbe9f1 solid 1px;
	border-bottom:#dbe9f1 solid 1px;
	padding: 15px 0 12px 2px;
	/* These are actually for subtitles */
	font-size: 13px;
	color: gray;
	font-weight: normal;
}
	#remodel-contest h2 a {
		font-size: 16px;
		font-weight: bold;
		color:#015d84;
	}
	#remodel-contest h2 a:hover {
		color: #000;
	}
#remodel-contest .thumbnail,
.articles-single-text .thumbnail {
	float: left;
	margin: 5px 15px 0 10px;
	padding: 1px;
	border: 1px solid #cccccc !important;
}
#remodel-contest .thumbnail .caption,
.articles-single-text .thumbnail .caption {
	font-size: 10px !important;
	padding: 0;
	margin: 0 3px 0 3px !important;
}
#remodel-contest h2 em,
.articles-single .articles-title em {
	float: right;
	color: gray;
}
h3 span.smaller {
	font-size: 22px !important;
}
h3 span.smaller-2 {
	font-size: 18px !important;
}
/* {END} EXTRA REMODELER STYLES */