/*{border: solid 1px #ffffff;}*/

#content {
	/*position: relative; 
	height: 500px;*/
	padding-bottom: 10px;
}

#divisionLandingImageContainer, #divisionProductDetailContainer, #divisionProductListingContainer {
	z-index:3; 
}
#divisionLandingImageContainer {
	/*height: 357px;*/
	height: auto;
}
	
.divisionLandingImage{
	float: left;
}
#rightNavSlideoutContainer { 
	height: 357px; 
	position: absolute; 
	right: 0px; 
	padding-left: 17px; 
	top: 145px; 
	z-index: 5; 
	display: inline-block;
}
.dropdownMenu{
	z-index: 1000;
}
#rightNavSlideoutMenu {
	width: 315px; 
	background: #999999; 
	padding: 20px 10px 10px 20px; 
}
#rightNavLink {
	position: absolute; 
	left: 0px; 
	top: 0px; 
	/*display: none;*/ 
	cursor: pointer;
}

.tierLeftNav {
	background: #aaa8a8; 
	color: #ffffff; 
	width: 156px !important; 
	width: 150px; 
	float: left;
	min-height: 400px;
	height: auto;
}
/*IE min-height hack*/
/*\*/
*html .tierLeftNav{
    height: 400px;
}
/*
	Fixed height on division landing page only, so that the main division images 
	may be sized precisely to align with the bottom of .tierLeftNav and 
	consistently with each other.
*/
#divisionLandingImageContainer .tierLeftNav {
	height: 436px;	/*	Height value chosen based on the division with the longest .tierLeftNav	*/
}

#divisionLandingLeftNavHeader {
	padding: 28px 0 8px 10px; 
	border-bottom: solid 1px #e4e2e2; 
	color: #000000; 
	width: 145px !important; 
	width: 145px;
}

.sidingNavLinkContainer
{
    width: 125px;
    padding: 7px 20px 7px 10px;
   /* border-bottom:1px solid #cfcece;*/
    border-top: solid 1px #938D8D;
    background: url('/img/bg_siding_link_arrow.gif') no-repeat 97% 50%;
}

.sidingLink
{
    font-family:Arial;
    font-size:11px;
    font-weight:bold;   
    color: #ffffff;
}

.sidingLink:hover {text-decoration: none; color: #000000}

#divisionLandingLeftNavHeader a, #divisionLandingLeftNavHeader span
{
    font-weight: bold;    
}

#divisionLandingLeftNavHeader a:hover
{
    text-decoration: none;
    color: #ffffff !important;
    font-weight: bold;    
}




    .tierLeftNav ul {
    	list-style-type: none;
    	margin: 0px;
    }
    
        .tierLeftNav li 
        {   
    	   /* margin: 1px 0 !important;
    	    margin: 1px 0 0 0;*/
        }
    
	    .tierLeftNav ul li a 
	    {
	        display: block;
    	    width: 100%;
    	    padding: 2px 0 2px 10px;
    	    font-family: Arial; 
	    	font-size: 11px; 
		    line-height: 11px;
	    	font-weight: bold; 
	    	color: #ffffff; 
	    	text-decoration: none;
	    	width: 146px;
	    	border: solid #aaa8a8;
	    	border-width: 1px 0 1px 0;
	    	
	    }
	    .tierLeftNav ul li a:hover, .tierLeftNav ul li a.selected, .tierLeftNav ul li a.selected:hover
	    {	        
	    	color: #000000;
	    	text-decoration: none;
	    	background-color: #bbb9b9;
	    	border: solid #938d8d;
	    	border-width: 1px 0 1px 0;
	    } 
	    	
	    .tierLeftNav ul li ul {
	    	padding: 0 0 2px 0px;
	    }
		    .tierLeftNav ul li ul li a {
		    	font-size: 10px;
		    	font-weight: normal;
		    	padding-left: 9px;
		    }
		    .tierLeftNav ul li ul li a:hover
		    {
		    	  
		    }
		    
    #divisionFamilies{ 
    	border: solid; 
    	border-width: 1px 0; 
    	border-color: #cfcece #ffffff #b9b6b6; 
    	padding: 10px 0 10px 0px;
    	width: 155px;
    }
    
    #divisionFamilies a
    {
        padding-left: 10px;
        width: 145px;
    }
    #divisionTools ul li a,#findContractor ul li a
    {
        line-height:13px;
    }
    #divisionFamilies ul li ul a {padding-left: 19px; width: 136px;}
    
    .leftNavContainer {
    	padding: 10px 0 10px 00px; 
    	border: solid; 
    	border-width: 1px 0; 
    	border-color: #938d8d #ffffff #b9b6b6;
    		width: 155px;
    }
    
      .leftNavRoofingContainer {
    	padding: 10px 0 10px 0px; 
    	border: solid; 
    	border-width: 1px 0 0 0; 
    	border-color: #938d8d #ffffff #b9b6b6;
    	
        	
    }
    
	.leftNavRoofingContainer ul li a:hover
     {
		background-color:Transparent;
	   
	   	text-decoration: none;
	   	border-color: #aaa8a8;
	   	
	   	border-width: 1px 0 1px 0;
	}
		
		  
		
    	.leftNavContainer #productFinderButton {
    		
    	}
    		.leftNavContainer #productFinderButton div {
	    		background: url(/img/img_productFinderButton_bg.gif) top left repeat-x;
	    		padding-top: 1px;
	    		padding-right: 0px;
	    		padding-bottom: 1px;
	    		padding-left: 0px;
	    		height: 17px;
	    		margin-left: 5px;
    		}
    		.leftNavContainer #productFinderButton div.twoLines {
	    		background-image: url(/img/img_productFinderButton2Line_bg.gif);
	    		height: 33px;
    		}
	    		.leftNavContainer #productFinderButton div a {
	    			
	    		}
	    		.leftNavContainer #productFinderButton div a:hover {
	    			
	    		}
	    		.leftNavContainer #productFinderButton div a, .leftNavContainer #productFinderButton div a:hover {
	    			width: auto;
	    			padding-bottom: 0px;
	    			padding-left: 5px;
	    			float: left;
	    			text-decoration: none;
	    			background: none;
	    			border-width: 0px;
	    			color: #ffffff;
	    		}
	    		.leftNavContainer #productFinderButton div a.text {
	    			padding-top: 0px !important;
	    			padding-top: 1px;
	    			padding-right: 1px;
	    		}
	    		.leftNavContainer #productFinderButton div.twoLines a.text {
	    			padding-top: 1px !important;
	    			padding-top: 2px;
	    		}
	    		.leftNavContainer #productFinderButton div a.image {
	    			padding-top: 0px;
	    		}
	    		.leftNavContainer #productFinderButton div.twoLines a.image {
	    			padding-top: 9px;
	    			padding-bottom: 8px;
	    		}
	    		.leftNavContainer #productFinderButton div .edge {
	    			position: relative;
	    			top: -1px;
	    		}
	    		.leftNavContainer #productFinderButton div .left {
	    			float: left;
	    		}
	    		.leftNavContainer #productFinderButton div .right {
	    			float: right;
	    		}
	    		
	  #productFinder {
	  	z-index: 100;
	  	
	  	/*	IE 6 hack	*/
			width: auto !important;
			width: 345px;
	  	/*	End IE 6 hack	*/
	  }
	  #productFinder, #pfLoadingScreenBg, #pfLoadingScreen 
	  {
	  	position: absolute;
	  	left: 0px;
	  }
	  	#productFinder .pfBlueBox {
	  		background: url(/img/img_productFinderTopBorder.gif) top left repeat-x;
	  		background-color: #4c7dbc;
	  		padding: 7px 0 11px 9px;
	  	}
	  	#productFinder .pfBlueBox, #productFinder .pfBlueBox a, #productFinder .pfBlueBox label {
	  		color: #ffffff;
	  		font-size: 11px;
	  		line-height: 11px;
	  	}
	  		#productFinder .pfBlueBox #pfTopDivider {
	  			margin-top: 4px;
	  			margin-bottom: 9px;
	  			/*height: 1px;
	  			background-color: #78aaeb;
	  			border-top: 1px solid #78aaeb;*/
	  		}
	  		#productFinder .pfBlueBox .tvProductFinder td 
	  		{
	  			padding-right: 20px;
	  			vertical-align: top;
	  		}
	  			#productFinder .pfBlueBox .tvProductFinder td td 
	  			{
	  				padding-right: 0px;
	  				vertical-align: middle;
	  			}
	  			
	  		#productFinder .pfBlueBox #pfBlueBoxBottom 
	  		{
	  			text-align: center;
	  			padding-top: 12px;
	  			padding-right: 10px;
	  		}
	  		#productFinder .pfBlueBox .smaller, #productFinder .pfBlueBox .smaller a {
	  			font-size: 9px;
	  		}
	  		#productFinder .pfBlueBox .lightBlue, #productFinder .pfBlueBox .lightBlue a {
	  			color: #a8c3e1;
	  		}
	  		#productFinder .pfBlueBox .darkGrey, #productFinder .pfBlueBox .darkGrey a {
	  			color: #333333;
	  		}
	  		#productFinder .pfBlueBox .lightGrey, #productFinder .pfBlueBox .lightGrey a {
	  			color: #cccccc;
	  		}
  		#productFinder #pfBottomShadow {
  			position: relative;
  			top: -3px;
  		}
  		
  	#pfLoadingScreenBg, #pfLoadingScreen
  	{
  		top: 0px;
  	}
  	#pfLoadingScreenBg 
  	{
		z-index: 101;
  		background-color: #000000;
  		background-image: url(/img/blackdot.gif);
		filter: progid:DXImageTransform.Microsoft.alpha(opacity=50);
		-moz-opacity: 0.5;
		opacity: 0.5;
  	}
  	#pfLoadingScreen 
  	{
  		font-size: 13px;
		z-index: 102;
  	}
    
    #findContractor {
    	padding: 12px 0px 10px 0px; 
    	
    }
    
    #findContractor a{padding-left: 10px;}
			#divisionProductDetailContainer #findContractor, #divisionProductListingContainer #findContractor {
				border-bottom: 1px solid #b9b6b6;
			}
			#divisionProductDetailContainer #findContractor {
				padding-bottom: 55px;
			}
			#divisionProductListingContainer #findContractor {
				padding-bottom: 8px;
			}
		.banner {
			font-weight: normal;
			font-size: 15px;
			line-height: 17px;
			background-color: #7d7c7c;
			width: 135px;
			padding: 10px 10px 10px 11px;
		}
			.banner a {
				color: #ffffff;
			}
			.banner img {
				padding-top: 3px;
			}

.rightSlideoutContents {
	color: #ffffff;
}
#divisionOverview {
	display: none;
}

#divisionProductStyles {}
	#divisionProductStyles ul {
		list-style-type: none; 
	}
  #divisionProductStyles ul, #divisionProductStyles table {
  	margin-bottom: 20px;
  }
	#divisionProductStyles #tblCeilingSlideout {
		margin-top: 10px;
	}
	#divisionProductStyles .tblFamilySlideout {
		margin-bottom: 4px;
	}
  	#divisionProductStyles ul li {
	  	display: block; 
	  	float: left; 
  	}
	  #divisionProductStyles ul li, #divisionProductStyles td {
	  	height: 48px; 
	  	padding: 3px 10px 0 0; 
	  	font-size: 11px; 
	  }
	  #divisionProductStyles td {
	  	vertical-align: top;
	  }
  	#divisionProductStyles tr.cssTextRow td {
  		padding-top: 10px;
  		height: auto;
  		vertical-align: bottom;
  	}
  		#divisionProductStyles ul li, #divisionProductStyles ul li a, #divisionProductStyles td, #divisionProductStyles td a {
		  	font-weight: bold; 
		  }
		  #divisionProductStyles ul li a, #divisionProductStyles td a {
		  	color: #ffffff; 
		  	text-decoration: none;
		  	font-size: 10px; 
		  }
  	#divisionProductStyles .tblFamilySlideout tr.cssTextRow td {
  		padding-top: 3px;
  	}
  	#divisionProductStyles #tblCeilingSlideout td {
  		border-right: 1px solid #bab9b9;
  		padding-left: 10px;
  	}
  	#divisionProductStyles #tblCeilingSlideout tr.cssTextRow td {
  		padding-top: 3px;
  	}
  	#divisionProductStyles #tblCeilingSlideout tr.cssTextRow td, #divisionProductStyles #tblCeilingSlideout tr.cssTextRow td a {
  		font-size: 15px;
  		font-weight: normal;
  	}
  	#divisionProductStyles #tblCeilingSlideout td.first {
  		padding-left: 0px;
  	}
  	#divisionProductStyles #tblCeilingSlideout td.last {
  		border-right: 0px;
  	}

#productStylesHeader {
	font-size: 18px; 
	font-weight: normal;
} 
  .overviewHeader {
  	font-family: Arial; 
  	font-size: 21px; 
  	display: block; 
  	margin-bottom: 10px;
  }
  .divisionOverviewText{
  	font-size: 16px; 
  	font-family: Arial; 
  	line-height: 18px; 
  	font-weight: normal; 
  	display: block; 
  	width: 290px; 
  }
  .divisionSlideoutLink{
  	color: #ffffff; 
  	font-weight: bold; 
  	font-size: 15px; 
  	border: solid 1px #ffffff; 
  	border-width: 1px 0; 
  	padding: 7px 0; 
  	text-decoration: none; 
  	clear: both;
  }
  .divisionSlideoutLink:hover {
  	color: #000000;
  }
  #productStylesLink { 
  	border: solid 2px; 
  	width: auto; 
  	padding: 7px;
  }
  #productStylesLink:hover {
  	color: #000000; 
  	border: solid 2px #000000;
  }
  
.divisionCategories{
    width: 210px; 
    position: absolute;
    left: 155px; 
    top: 200px;
}

/*.familyList a{
    display: block;
    width: 100%;
}


.familyList a.selected:hover{
    background: #9a9a9a;   
}*/

.categoryFlyout {
    background: #6a9acc;
    position: absolute;  
    display: none;  
    width: 180px;
    filter: alpha(opacity=90); /* ie */ 
    -moz-opacity: .90; /* mozilla */ 
    border: solid #938d8d;
    border-width: 1px 1px 1px 0;
    
}

.familyList li ul {margin-top: 1px;}

.categoryFlyout li {margin-bottom: 0px; padding: 0px;}

.categoryFlyout li a {
    display: block;    
    width: 172px !important;
    /*background: #6d99c5;*/
    /*border-top: solid 1px #6a9acc;*/
    border-width: 0 !important;
    padding: 3px 4px 3px 4px !important;
    /*line-height: 17px !important;*/
}

.categoryFlyout li a:hover{
    color: #000000 !important;
    background: #81b3e6 !important;
    filter: alpha(opacity=100); /* ie */ 
    -moz-opacity: 1.00; /* mozilla */ 
}


/********************************************************************************
****************    Siding landing page styles    ******************************/

#tblSidingTop
{


}
#sidingLandingContent{
    background: #666666; 
    

    /*padding: 0px 0 0px 24px;*/
    
}
.smallLeftNav
{
 min-height:357px;   
}
 *html .smallLeftNav{
    height:359px;
    width:155px;
 }
 #sidingMiddle
 {
    width: 390px;
  background-color:#ffffff;
  z-index:22;
 }
.sidingLandingContainer
{
    width: 390px;

   /* border: solid 1px #ffffff;
    margin: 20px 10px 0 0;
   /* background: #7e7d7d url('/img/h_siding_landing_bg.gif') top left no-repeat;*/
    /*font-family: Arial;
    color: #ffffff;
    font-size: 11px;
    line-height: 18px;*/
    float: left; 
    margin-left:0px !important;
    margin-left:-3px;
   

}
.sidingLandingContainer img
{
position:relative !important;
position:absolute;
   top:1px !important;
   top:129px;
}

.sidingLandingDivision 
{
    display: block;
    font-weight: bold;
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 15px;
}

.sidingLandingLink
{    
    display: block;
    height: 360px;
    width: 367px;
    color: #ffffff;
    cursor: pointer;
}

.sidingLandingLink:hover {
    text-decoration: none;
}

.sidingLandingHeader
{
    display: block;
    font-size: 17px;
    margin-bottom: 8px;
}

.sidingLandingImage{
    
}

.appFilterFamilyName {
    clear: both;
    display: block;   
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
}

#divFinishImage {
	width: 125px;
	float: left;
}
.finishList {
	float: left;
	width: 122px;
}
	.finishList ul {
		list-style-type: none;
	}
		.finishList ul li {
			line-height: 11px;
			padding-bottom: 3px;
		}

#banners{
    padding: 10px 0px 15px 10px;
    position: relative;
}	
.bannerContainer { 
    float: left;
    margin: 10px 27px 5px 0;
}
.bannerLast
{
 margin-right:17px;   
}
.bannerApplicationFilter{ /*Only ceilings is using this right now.  Application filter in the right banner location */
    color: #ffffff;
    display: block;
    float: left;
    width: 352px; 
    font-family: Arial;
}

#applFilterContainer
{
    width: 100%; 
}

#applFilterList{
   margin-top: 2px;
   width: 191px !important;
   width: 185px;
   height: 92px;
   float: left;
   border-top: solid 1px #6a9acc; 
   background: #5c5c5c;
   /*background: #FFFFFF;*/
}    
    
    #applFilterList .list{
        list-style-type: none;        
    }
    
    #applFilterList .list li{
    	padding: 0px;
        margin: 0px;
    }
    
    #applFilterList .list a{
        text-decoration: none; 
        line-height: 13px !important;
        line-height: 12px;
        display: block;
        width: 100%;
        font-weight: bold;
        padding: 1px 0 1px 6px;
        font-size: 10px;
        color: #ffffff;
    }
    
    #applFilterList .list a:hover{
        background: #7ba5d0;
    }
    

#applFilterImage 
{
    margin-top: 2px;
    width:159px;
    height: 91px;
    float: right;
    border: solid 1px #6a9acc;
    padding: 0px !important;
}

#tabDetailMinHeight {
float:right;
height:320px;
width:1px;
}
.tabSystemDetail {
float:left;
}
.detailNoChart {
	background: url('/img/bg_details_tab.gif');
	display:inline-block;
	position:relative;
	width:670px;
}
.productDetailHeader {
font-family:Arial;
font-size:22px;
font-weight:bold;
}

#detailImage {border:none; width:409px}

.detailContentChart{width: 540px}

.detailContentNoChart{width: 410px}

.detailContentNoChart ol, .detailContentNoChart ul, .detailContentChart ol, .detailContentChart ul{margin-left: 20px !important; margin-left: 25px;}

.rightSlideoutContents div table tr td img{border:1px solid #ffffff;}
.lastItem
{
     border-bottom: solid 0px #b9b6b6;
}
.notLastItem
{
   border-bottom: solid 1px #b9b6b6; 
}
.bigBanners
{
    margin:10px 2px 0px 0px;
}
.cssBannerCenter
{
 padding-left:40px;   
}
#sidingBannerMiddle
{
 margin:0 0 0 148px !important;   
 margin:0 0 0 73px;
}
#sidingBannerRight
{
 margin:0 0 0 8px;   
}

.mpfListingIcon{padding-left: 3px !important;}



h1.productDetailHeader {
	line-height: 26px;
	padding-right: 5px;
}