
iframe {
	/*border: solid 1px #523566;*/
}

#ctl00_mainContent_caseStudyDescription ul,
#ctl00_mainContent_caseStudyDescription p ul,
#ctl00_mainContent_learningCenterBody ul, 
#ctl00_mainContent_galleryImageDetails ul {
	margin-left:15px;
	_margin-left:19px;
	padding:0;
}

#ctl00_mainContent_caseStudyDescription ol,
#ctl00_mainContent_caseStudyDescription p ol,
#ctl00_mainContent_learningCenterBody ol, 
#ctl00_mainContent_galleryImageDetails ol { margin-left:23px; _margin-left:25px; padding:0; }

#detailContent, #detailNoChart {
}
	
body {
	background: #edeeee;
	width: 960px;
	border: solid 1px #000000;
}
a {
	text-decoration: none;
	color: #608bb8;
}
a.resources {
	font-weight:bold;
}
a.resources:visited {
	color: #9d11b3;
}
a:hover {
	text-decoration: underline;
}
h1 {
	font-size: 17px;
	line-height: 17px;
	font-family: helvetica;
}


h2 {
	font-size: 15px;
	line-height: 15px;
	font-family: helvetica;
}
h3 {
	font-size: 14px;
	line-height: 15px;
	font-family: arial;
	clear: left;
}

.blue {
	color: #608bb8;
}

.pngFix {
	behavior: url(/css/iepngfix.htc);
}

#mainContentWrapper {
	position: relative;
	background: #ffffff;
}
#header {
	width: 960px;
	height: 127px;
	position: relative;
	background: #ffffff;
}
#siteSearchContainer a
{
	color: #0168b3;
	font-size: 12px;
	font-family: Arial;
	}
#header, #header a, #siteSearchContainer {
	color: #0168b3;
	font-size: 14px;
	font-family: Arial;
}
#header a {
	text-decoration: none;
	font-weight: normal;
}
 #quickLinks 
  {
  	height: 25px;
  	width: 717px;
	/*width: 900px;
  	padding: 7px;*/
  	float: right;
  	padding-top: 7px;
  	padding-right: 0px; /*!important;
  	padding-right: 338px;*/
  	padding-bottom: 7px;
  	padding-left: 7px;
  	margin-right: 0px;
  	
  }
  #quickLinks a:hover{
  	color: #999999;
  }
  #quickLinks, #quickLinksMenu li a
  {
	font-size: 11px;
  }
    #siteSearchContainer {
    	/*float: right;*/
    	position: absolute;
    	top: 57px;
    	right: 17px;
    	z-index: 1;
    }
    #siteSearchContainer input#q {
    	height: 15px;
    	color: #999999;
    	width: 157px;
    	border: solid 1px;
    	border-color: #777766 #e7e5e5 #e7e5e5 #babaac;
    	padding: 3px 10px;
    }
    #quickLinksMenu {
    	list-style-type: none;
    	float: right;
    	margin: 2px 10px 0 0;
    }
    #quickLinksMenu li {
    	display: block;
    	float: left;
    	padding: 0 10px 0 10px;
    	border-left: solid 1px #cccccc;
    }
    #quickLinksMenu li.first {
    	border: 0;
    }
	#quickLinksMenu li#about{
		padding:1px 5px 0 5px;
    }
    #quickLinksMenu li#about a{
		background: url(../img/about_arrow.jpg) no-repeat center left;
		padding:1px 5px 0 20px;
    }
  #headerLogo {
  	margin-left: 27px;
  	float: left;
  }
  #headerToolsMenu {
  	/*width: 450px;*/
  	float: left;
  	margin-top: 11px;
  	margin-right: 10px;
  	margin-bottom: 10px;
  	margin-left: 30px;
  }
    #headerToolsMenu ul{
    	list-style-type: none;
    	margin: 0px;
    }
    #headerToolsMenu ul li{
    	float: left;
    	margin-right: 5px;
    }
  #navMenu {
  	height: 24px;
  	width: 960px;
  	position: absolute;
  	bottom: -1px !important;
  	bottom: -2px;
  	left: 0px;
  	border-top: solid 1px #cacaca;
    border-bottom: 1px solid #cacaca;
  }
    #navMenu ul {
    	list-style-type: none;
    	margin: 0px;
    }
    #navMenu ul li {
    	display: block;
    	height: 24px;
    	float: left;
    	width: 168px;
    	text-align: center;
    }
    #navMenu ul li#professionalsNavLink {
    	width: 253px;
    }
    #navMenu ul li.first {
    	width: 200px;
    	border: none;
    	background: #e2e0e0;
    }
    #navMenu ul li.separator {
    	display: block;
    	width: 1px;
    	height: 12px;
    	background: #6a9ad9;
    	margin-top: 6px;
    }
    #navMenu ul li a {
    	line-height: 24px;
    	display: block;
    	width: 100%;
    }
    #navMenu ul li a:hover, #navMenu ul li a.selected, #navMenu ul li a.menuHover {
    	color: #ffffff;
    	background: #608bb8;
    }
    #navMenu ul li#sustainableBuildingMainNav a:hover, #navMenu ul li#sustainableBuildingMainNav a.selected, #navMenu ul li#sustainableBuildingMainNav a.menuHover {
    	background-color: #5ba045;
    }
    #navMenu ul li.first a:hover {
    	background: #e2e0e0;
    	color: #0168b3;
    }

  #bpMenuContainer {
  	width: 200px;
  	position: absolute;
  	top: 127px;
  	left: 0px;
  	z-index: 1000;
  }

  #bpMenuIframe {
  	width: 200px;
  	position: absolute;
  	top: 127px;
  	left: 0px;
  	z-index: 999;
  }

    #bpMenu {
    	width: 200px;
    	background: #608bb8;
    	opacity: .95;
    	filter: alpha(opacity=95); /* ie */
    	-moz-opacity: .95; /* mozilla */
    	border-bottom: solid 1px #4974a1;
    	display: none;
    	z-index: 1999;
    	color: #0168b3;
    	font-size: 14px;
    	font-family: Arial;
    	font-weight: normal;
    }
        #bpMenu .categoryHeader {
        	display: block;
        	font-weight: bold;
        	color: #000000;
        	border: solid;
        	border-width: 1px 0;
        	font-size: 12px;
        	border-top-color: #4974a1;
        	border-bottom-color: #6b96c3;
        	padding: 15px 0 0 29px;
        }
        #bpMenu ul {
        	list-style-type: none;
        	margin: 0px;
        }
        #bpMenu ul li {
        	border: solid;
        	border-width: 1px 0;
        	border-top-color: #4974a1;
        	border-bottom-color: #6b96c3;
        }
        #bpMenu ul li a {
        	cursor: pointer;
        	font-family: Arial;
        	font-size: 11px;
        	font-weight: bold;
        	color: #ffffff;
        	padding: 2px 0 1px 29px;
        	display: block;
        	width: 171px;
        	text-decoration: none;
        }
        #bpMenu ul li a:hover {
        	background: #81b3e6;
        }
        #bpControl {
        	float: right;
        	z-index: 2000;
        }
    .dropDownMenu {
    	top: 127px;
    	width: 166px;
    	position: absolute;
    	background: #cee2f3;
    	/*opacity: .95;
    	filter: alpha(opacity=90);
    	-moz-opacity: .90;	*/
    	border: solid 1px #5889b7;
    	display: none;
    	z-index: 2003;
    }

    .dropDownIframe
    {
        filter:progid:DXImageTransform.Microsoft.alpha(opacity=0);
        top: 127px;
    	width: 166px;
    	position: absolute;
    	display: none;
    	z-index: 2002;
    }

      .dropDownMenu ul {
      	list-style-type: none;
      	margin: 0px;
      }
      .dropDownMenu ul li {
      	border: solid;
      	border-width: 1px 0 0 0;
      	border-top-color: #97b6d5;
      	padding: 0px;
      }
      .dropDownMenu ul li.first {
      	border-top: none;
      }
      .dropDownMenu ul li a {
      	display: block;
      	width: 157px;
      	cursor: pointer;
      	font-family: Arial !important;
      	font-size: 11px !important;
      	font-weight: bold !important;
      	color: #45719f !important;
      	padding:5px 0 1px 9px;
      	display: block;
      	text-decoration: none;
      }
      .dropDownMenu ul li a:hover {
      	background: #cccccc;
      	text-decoration: none;
      }
    #icMenu, #icMenuIframe {
    	left: 200px;
    }

    #icMenuIframe{width: 168px;}

    #lcMenu, #lcMenuIframe {
    	left: 369px;
    }
    /*#wtbMenu, #wtbMenuIframe {
    	left: 538px;
    }*/
    #sbMenu, #sbMenuIframe {
    	left: 538px;
    }
    #ftpMenu, #ftpMenuIframe {
    	width: 252px;
    	left: 707px;
    }
      #ftpMenu ul li a {
      	width: 243px;
      }
      
    /* Overwrite existing main nav styling for The "Sustainable Building" main dropdown*/	
        #sbMenu {border: solid 1px #90b46a;}	
        #sbMenu ul li {
            border-color:#90b46a;
        }
        #sbMenu ul li a {
            color:#545451 !important;
            background: #d8e0bc;
            cursor:pointer;
            display:block;
            font-family:Arial !important;
            font-size:11px !important;
            font-weight:bold !important;
            padding:5px 0 1px 9px;
            text-decoration:none;
            width:157px;
        }

        #sbMenu ul li a {
            border-top-color: #90b46a;
        }

        #sbMenu ul li a:hover {
      	        background: #ecf0de;
      	        text-decoration: none;
              }
    /* End "Sustainable Building" main dropdown */           


#content {
	padding: 0px;
	background: #000000;
	color:#282b2e;
	font-size: 12px;
	font-family: Arial;
}
#contentInner {
	border-bottom: solid 7px #6a9acc;
	margin-bottom: 10px;
}
    #flashWrapper {
    	height: 357px;
    }


#regionContent {
	padding: 49px 138px 0 225px;
	background: url(../img/img_map_bg.gif) no-repeat top right;
	width: 480px;
	font-family: helvetica, arial;
	font-size: 13px;
	line-height: 17px;
	color: #000000;
	font-weight: normal;
}
	#regionContent .minHeight {
		height: 260px;
	}
	#regionContent .cssHeaderImg {
		padding: 0 0 12px 2px;
	}
	#regionContent #regionOptions {
		position: absolute;
		top: 280px;
	}
		#regionContent #regionOptions .cssRegionBlockBg, #regionContent #regionOptions .cssRegionBlock {
			width: 410px;
			padding: 11px 20px 10px 12px;
			position: absolute;
		}
		#regionContent #regionOptions .cssRegionBlockBg {
			background-color: #90b3d7;
			opacity: .25;
			filter: alpha(opacity=25); /* ie */
			-moz-opacity: .25; /* mozilla */
			z-index: 1;
		}
		#regionContent #regionOptions .cssRegionBlock {
			z-index: 2;
			font-size: 11px;
			line-height: 14px;
			font-family: arial;
		}
			#regionContent #regionOptions .cssRegionBlock a {
				color: #0056ca;
				font-weight: bold;
				font-size: 12px;
				line-height: 17px;
			}
			#regionContent #regionOptions .cssRegionBlock h1, #regionContent #regionOptions .cssRegionBlock h2 {
				display: inline;
				padding-right: 10px;
			}
			#regionContent #regionOptions .cssRegionBlock input {
				width: 90px;
				margin: 0px;
				padding:0px;
			}

/* Region Pop-Up Window */
#regionContentModal {
	padding: 20px 0px 0px 50px;
	background: url(../img/img_map_bg.gif) no-repeat top right;
	width: 550px;
	font-family: helvetica, arial;
	font-size: 13px;
	line-height: 17px;
	color: #000000;
	font-weight: normal;
}
	#regionContentModal .minHeight {
		height: 250px;
	}
	#regionContentModal .cssHeaderImg {
		padding: 0 0 12px 2px;
	}	
	#regionContentModal #regionOptions{
		position: absolute;		
		top: 130px;
	}		
	#regionContentModal #regionOptions .cssRegionBlockBg, #regionContentModal #regionOptions .cssRegionBlock {
		width: 410px;
		padding: 10px 20px 10px 12px;
		position: absolute;
	}
	#regionContentModal #regionOptions .cssRegionBlockBg {
		background-color: #90b3d7;
		opacity: .25;
		filter: alpha(opacity=25); /* ie */
		-moz-opacity: .25; /* mozilla */
		z-index: 1;
		height:16px;
	}
	#regionContentModal #regionOptions .cssRegionBlock {
		z-index: 2;
		font-size: 11px;
		line-height: 16px;
		font-family: arial;
		vertical-align:middle;
	}
	#regionContentModal #regionOptions .cssRegionBlock a {
		color: #0056ca;
		font-weight: bold;
		font-size: 12px;
		line-height: 16px;
	}
	#regionContentModal #regionOptions .cssRegionBlock h1, #regionContentModal #regionOptions .cssRegionBlock h2 {
		display: inline;
		padding-right: 10px;
	}
	#regionContentModal #regionOptions .cssRegionBlock input {
		width: 90px;
		margin: 0px;
		padding:0px;
	}
/* End Region Pop-Up Window */
			
#productDetailContent, #productListingContent {
	vertical-align: top;
	font-family: arial;
}
#productDetailContent {
	padding: 36px 26px 43px 31px !important;
	padding: 36px 26px 23px 31px;
	width: 687px;
}
#productListingContent {
	width: 796px;
}
	#productDetailContent a {
		color: #287ab5;
		font-weight: bold;
	}
	#productDetailContent .cssHeaderImg {
		padding: 0 8px 0 0;
		display: inline;
	}
	#productDetailContent .contentRight {
		float: right;
		width: 247px;
		color: #404040;
		font-size: 9px;
		line-height: 15px;
		padding-bottom: 7px;
	}
		#productDetailContent .contentRight .colorList {
			float: right;
		}
		#productDetailContent .contentRight #tblEdgeDetails td {
			font-size: 10px;
			line-height: 12px;
			color: #333333;
			font-weight: normal;
		}
		#productDetailContent .productDisclaimer {
			font-size: 9px;
			line-height: 12px;
			color: #666666;
			font-weight: normal;
		}
	#subPhotoNav {
		background-color: #fcf5eb;
		padding: 6px 5px 3px 5px;
		border-bottom: 1px solid #cccccc;
		vertical-align: top;
		font-size: 9px;
		line-height: 15px;
		color: #adacac;
	}

	.listingThumbnail{
		border: solid 1px #dedede;
	}
	
.pagerRow a, .pagerRow span
{
	border-right: solid 1px #000000;
	padding: 0 8px 2px 0px;
}
.pagerRow .last a, .pagerRow .last span
{
	border-right-width: 0px;
}
.showallLink 
{
	width: 100px !important;
	border: solid 0px !important;
}
.pagerRow table td 
{
	border: solid 0px #ffffff;
	padding: 0 0 0 8px;
}	

#ideaLearningCenterMainContent {
	width: 932px;
	padding: 30px 0 0 28px;
}

/*
	"ul.colorList" refers to the color swatches, ".colorList ul" refers to the
	list of finshes, and ".colorList" applies to both.
*/
.colorList, .colorList ul {
	list-style-type: none;
	width: 126px;
}
.contentRight ul.colorList {
	padding-top: 18px;
}
	.colorList li {
		float: left;
		width: 18px;
	}
	ul.colorList li {
		height: 20px;
	}
	.colorList ul li {
		width: 61px;
	}
		.colorList ul li a {
			font-size: 11px;
			line-height: 15px;
			color: #357db3;
			font-weight: normal;
		}
		.colorList li img {
			border-right: 1px solid #999999;
			border-bottom: 1px solid #999999;
		}
		.colorList li img.selected {
			border: 2px solid #6fa1d9;
		}

.swatchGroup{display: block; width: 100% !important; font-size: 9px; height: 18px !important; }

ul#alsoConsiderLinks {
	list-style-type: disc;
	margin-left: 15px;
	color: #3067b1;
}
	ul#alsoConsiderLinks li {
		padding-bottom: 3px;
	}
		ul#alsoConsiderLinks li a {
			font-size: 11px;
			font-weight: normal;
			line-height: 13px;
			color: #3067b1;
		}

#tabSystem {
	padding-top: 33px !important;
	padding-top: 20px;
	clear: right;
}
#tabs {
	float: left;
}
	#tabs ul {
		list-style-type: none;
	}
	#tabs td, #tabs li {
		height: 26px;
		border-left: 1px solid #d1d1d1;
		background: url(../img/img_tab_bg.gif) repeat-x bottom;
		font-family: arial;
		font-size: 12px;
		line-height: 15px;
		font-weight: bold;
		color: #a6a6a6;
	}
	#tabs li {
		float: left;
	}
	#tabs li#tabOverview {
		width: 71px;
	}
	#tabs li#tabTechnicalInformation {
		width: 140px;
	}
	#tabs li#tabInstallation {
		width: 83px;
	}
	#tabs li#tabWarranty {
		width: 72px;
	}
	#tabs li#tabGreenInformation {
		width: 122px;
	}
	#tabs li#tabViewByProduct {
		width: 140px;
	}
	#tabs li#tabViewByDocument {
		width: 140px;
	}
	
	
		#tabs td a, #tabs li a {
			color: #a6a6a6;
		}
		#tabs li a {
			display: block;
			cursor: pointer;
		}
	#tabs .selected {
		background: url(../img/img_tabOn_bg.gif) repeat-x top;
		border-left: 1px solid #aeaeae;
		color: #3067b1;
	}
		#tabs .selected a, #details a {
			color: #3067b1;
		}
		#tabs td .cssRightBG, #tabs li .cssRightBG {
			float: right;
		}
		#tabs td .cssTabText, #tabs li a.cssTabText {
			/*padding: 5px 10px 5px 0;*/
			padding: 6px 0 5px 4px;
			text-align: center;
			white-space: nowrap;
		}

#detailsTopBorder {
	height: 25px;
	border-bottom: 1px solid #aeaeae;
	float: left;
}
#details {
	width: 671px;
	padding: 21px 0px 14px 16px;
	border: solid #aeaeae;
	border-width: 0px 1px 1px 1px;
	position: relative;
	top: 26px !important;
	top: 1px;
	color: #000000;
	font-weight: normal;
	font-size: 11px;
	line-height: 16px;
}



	#details ul {
		margin-left: 15px;
	}
	#details ul.productIconKeys {
		list-style-type: none;
		clear: left;
		margin: 0px;
		padding: 0px;
	}
		#details ul.productIconKeys li {
			float: left;
			padding: 0 12px 10px 0;
			margin-bottom: 0px;
			height: 42px;
		}

	#details #detailContent {
         padding:0 17px 0 0;
         float:left;
         background: none;
	}
	#details .thumbnail {
		
		 padding: 0 0 10px 37px;
	     float:left;
         background: none;
	}
		#details .thumbnail a {
			line-height: 13px;
		}


		#details .thumbnail .imgContainer {margin-bottom: 5px !important; text-align: center;}

		#details .thumbnail #tblBrochureLinks a {
			font-weight: normal;
		}

#showMoreFinishes, #showLessFinishes{float: right; font-size: 13px; margin: 0 15px 20px 0;}
#showLessFinishes {display: none;}


.finishHidden{display: none;}

/*	PHOTO GALLERY	*/
ul#galleryThumbs {
	list-style-type: none;
	position: relative;
	top: 7px;

}
	ul#galleryThumbs li {
		filter:progid:DXImageTransform.Microsoft.alpha(opacity=40);
		opacity: 0.4;
	}
	ul#galleryThumbs li.cssActive {
		filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
		opacity: 1;
	}
		ul#galleryThumbs li.cssActive img {
			border-color: #3067b1;
		}

#photoGalleryMain, ul#galleryThumbs li.selected {
	border: 1px solid #3067b1;
}
#photoGalleryMain {
	width: 550px;
}
.imgPhotoGalleryMain {
	padding: 2px 2px 2px 2px !important;
	padding: 2px 2px 0 2px;
	height: 346px;
	width: 546px;
}

#qualificationsContent {
	padding: 10px 20px 20px 20px;
}
#qualificationsContent, #qualificationsContent h3, #qualificationsContent p, #qualificationsContent li, #qualificationsContent td {
	font-family: helvetica;
}
	#qualificationsContent h3 {
		padding-top: 20px;
		padding-bottom: 8px;
		color: #2b60a7;
		font-style: italic;
	}
	#qualificationsContent table, #qualificationsContent .credential {
		width: 558px;
	}
		#qualificationsContent table td {
			font-size: 10px;
			color: #333333;
		}
		#qualificationsContent table td.leftCol {
			width: 445px;
		}
		#qualificationsContent table td.rightCol {
			text-align: right;
			width: 113px;
		}
		#qualificationsContent ul#buttons
		{
            margin-left:-40px !important;

            margin-left:0px;
		}
	#qualificationsContent ul#buttons li
	{
	  list-style-type:none;  
		
	}
		#qualificationsContent ul#buttons li {
			background-color: #92afcf;
			border-right: 1px solid #ffffff;
			float: left;
		}
		#qualificationsContent ul#buttons li, #qualificationsContent ul#buttons li a {
			font-family: helvetica;
			font-size: 10px;
			color: #ffffff;
		}
			#qualificationsContent ul#buttons li a {
				display: block;
				padding: 4px 6px 3px 7px;
			}
			
	#qualificationsContent #credentialList {
		padding-top: 20px !important;
		padding-top: 0px;
	}
		#qualificationsContent #credentialList .credential {
			border-top: 1px solid #e5e6e8;
			padding: 10px 2px 13px 0;
		}

.cssColoredLeftBorder {	/*	Default is the darker yellow color, which appears most frequently in designs.	*/
	border-left: 10px solid #fbca35;
}
.cssBlueBorder {
	border-color: #6a9acc;
}
.cssLightBlueBorder {
	border-color: #d6e3f1;
}
.cssGrayBorder {
	border-color: #a3ba3e;
}
.cssLightGrayBorder {
	border-color: #e5ecc9;
}
.cssGreenBorder {
	border-color: #a3ba3e;
}
.cssLightGreenBorder {
	border-color: #e5ecc9;
}
.cssMaroonBorder {
	border-color: #b02e22;
}
.cssLightMaroonBorder {
	border-color: #e9c5c1;
}
.cssOrangeBorder {
	border-color: #f5933d;
}
.cssLightOrangeBorder {
	border-color: #fcdcc1;
}
.cssPurpleBorder {
	border-color: #8835fb;
}
.cssLightPurpleBorder {
	border-color: #dec7fe;
}
.cssRedBorder {
	border-color: #f53d43;
}
.cssLightRedBorder {
	border-color: #fcdcc1;
}
.cssYellowBorder {
	border-color: #fbca35;
}
.cssLightYellowBorder {
	border-color: #feefc0;
}

/* Previous Footer styles /*
/*#footer{
	width: 960px;
	text-align: center;
	clear: left;
}
  #footerNav 
  {	
  	width: 850px;
  	margin: 4px auto;
  }
    #footerNav ul {
    	list-style-type: none;
    }
    #footerNav ul li {
    	float: left;
    	padding: 0 25px;
    	border-left: solid 1px #3067b1;
    	height: 10px;
    }
    #footerNav ul li.first {
    	border:none;
    }
    #footerNav ul li a {
    	display: block;
    	font-family: arial;
    	font-size: 10px;
    	color: #3067b1;
    	text-decoration: none;
    	line-height: 10px;
    }
    #footerNav ul li a:hover {
    	color: #666666;
    	}
  #disclaimer 
  {
	clear:both; 
  	font-family: arial;
  	font-size: 10px;
  	color: #999999;
  	width: 910px;
  	margin: 5px auto;
  	text-align: left;
  }
	  #disclaimer #contact {
	  	font-family: arial;
	  	font-size: 10px;
	  	color: #666666;
	  	float: left;
	  	margin-top: 5px;
	  	width: 900px;
	  }
*/

#footer{
	width: 940px;
	text-align: center;
	padding-left:5px;
	padding-right:5px;
}

.footerNav{
	  /*clear:both; */
	  /*float:left;*/
	  width:940px; 
	  height:42px;
	  overflow:hidden;
	  padding-top:5px;	  
	  }

/*#footerURL, #footerURLBottom {
	  padding:0;
	  margin:0 auto;
	  list-style-type:none;
	  /*float:left;*/
	  /*position:relative;*/
	  /*left:50%;*/	 
	  /*padding-left:20%;
	  padding-right:20%	  
  	}*/
  	
/*#footerURLBottom {	  
	padding-left:30%;
	padding-right:30%;	  
  	}*/

.footerURLEnglish 
{
	padding-left:20% !important; 
	padding-right:20% !important; 
}

.footerURLBottomEnglish
{
	padding-left:30% !important; 
	padding-right:30% !important; 
}

.footerURLSpanish 
{
	padding-left:10% !important; 
	padding-right:10% !important; 
}

.footerURLBottomSpanish 
{
	padding-left:25% !important; 
	padding-right:25% !important; 
}

.footerURLFrench
{
	padding-left:12% !important; 
	padding-right:12% !important; 
}

.footerURLBottomFrench
{
	padding-left:23% !important; 
	padding-right:23% !important; 
}

#footerURLDiv ul
{
	padding:0;
	margin:0 auto;
	list-style-type:none;
}

#footerURLDiv li{
	  float:left;
	  /*position:relative;*/
	  /*right:50%;*/
	  border-left: solid 1px #3067b1 ;
	  height: 10px;
  	}
  	
#footerURLDiv li.first{
   	  border:none;		
    }
    
#footerURLDiv a {
	  width:auto;
	  display:block;
	  padding:0px 20px;
	  color: #3067b1;
	  font-family: arial;
	  font-size: 10px;
	  text-decoration:none;
  	}
  	
#footerURLDiv a:hover{
	 color: #666666;
  	}
 
#disclaimer 
{
  	font-family: arial;
  	font-size: 10px;
  	color: #999999;
  	width: 910px;
  	margin: 5px auto;
  	text-align: left;
	/*float: left;*/ /*This property was set in what we were provided by NetPlus marketing, but, it causes issues in FireFox*/
  	}
#disclaimer #contact {
	font-family: arial;
	font-size: 10px;
	color: #666666;
	float: left;
	margin-top: 5px;
	width: 900px;
  	}
.blue{
	color: #3067b1;
}

  #bannersHome {
  	padding: 20px 0;
  	height: 86px;
  }
  #bannersHome a {
  	display: block;
  	margin: 0 20px 0 20px !important;
  	margin-left: 10px;
  	float: left;
  }
  #bannersHome #bannersRightContainer #bannersRighContainer2 {
  	width: 160px;
  	display: inline;
  	float: left;
  }
    #bannersRightContainer a {
    	display: block;
    	margin: 0 0 5px 20px !important;
    	margin-left: 10px;
    }
  #bannersRightContainer  {
  	padding: 20px 0 0 10px;
  }

.minHeight {
	float: right;
	width: 1px;
}


.cssCaseStudyLink {
	display: block;
	width: 229px;
	background-color: #edebeb;
	padding: 5px 0 5px 28px;
	color: #557eaa;
	font-weight: bold;
	font-family: arial;
	border-top: 2px solid #d5d3d3;
}
.cssCaseStudyLink:hover,.cssCaseStudyLink.selected {
	background-color: #81b3e6;
	color: #ffffff;
	text-decoration: none;
}

.cssCaseStudyTbl td {
	padding-bottom: 5px;
}

/*	MODAL WINDOW STYLES	*/
.modalWindow {
	/*
		Every modal window div should have this class definition so that minimal css
		will need to be implemented for future modal windows.
	*/
	display: none;
	/*visibility: hidden;*/
	border: 4px solid #959fac;
	position: absolute;
	padding: 22px 0px 16px 25px !important;	
	padding-right: 0px;
	z-index: 2002;
	background-color: #ffffff;
	color: #000000;
}
.modalWindow, .modalWindow a, .modalWindow td, .modalWindow li {
	font-family: arial;
	font-size: 10px;
	line-height: 12px;
}
	.modalWindow .closeButton {
		float: right;
		position: relative;
		top: -22px;
		right: 0px;
	}
		.modalWindow .closeButton img.btnClose {
			padding: 1px;
			
			border: 1px solid #959fac;
		}
		.modalWindow .closeButton a.lnkClose {
			position: relative;
			top: -2px;
		}
		
#modalDropShadow {
	padding-top: 12px;
	background: url(http://dev.codeworksonline.com/certainteed/img/img_modalDropShadowTop.png) top left repeat-x;
	display: none;
	visibility: hidden;
	position: absolute;
}
	#modalDropShadow .dropShadowRight, #modalDropShadow .dropShadowBottom, #modalDropShadow .dropShadowLeft {
		background-position: top left;
	}
	#modalDropShadow .dropShadowRight, #modalDropShadow .dropShadowLeft {
		width: 12px;
		background-repeat: repeat-y;
	}
	#modalDropShadow .dropShadowRight {
		float: right;
		background-image: url(http://dev.codeworksonline.com/certainteed/img/img_modalDropShadowRight.png);
	}
	#modalDropShadow .dropShadowBottom {
		clear: both;
		background-repeat: repeat-x;
		background-image: url(http://dev.codeworksonline.com/certainteed/img/img_modalDropShadowBottom.png);
		height: 12px;
	}
	#modalDropShadow .dropShadowLeft {
		float: left;
		background-image: url(http://dev.codeworksonline.com/certainteed/img/img_modalDropShadowLeft.png);
	}

#finishesModal {
	width: 554px;
	top: 164px;
	left: 232px;
}

#viewLargerModal{
	top: 164px;
	left: 72px;
}

	#finishesModal h2 {
		font-family: arial;
		color: #3067b1;
		padding-bottom: 4px;
	}
	#finishesModal td {
		line-height: 14px;
		padding: 10px 20px 0 0;
	}
/*	END MODAL WINDOW STYLES	*/

#divSwatchImage {
	margin-bottom: 5px;
}
.swatchViewLarger {
	float: left;
}
.cssMagnifyingGlass {
	display: inline; width: 13px; height: 13px;clear: left; margin-top: 2px; padding-right: 5px;
}

/*
Styles for resource Page
*/

.divisionTitleResource{

	font:normal 20px/20px arial;
	color:#333333;
}
.divisionSectionResource{
	
	float: left;
	font-size:11px;
	line-height:11px;
	font-family:arial;
	color:#3067B1;
	width: 233px;
}

.resourceColumn
{
    float:left;
	margin-right:40px;
	width: 235px;	
}

.divisionSectionTitle{
	font:bold 16px/16px arial;
	color:#000000;
	width: 200px;
}

.ResourceCell
{
	padding-top:8px; 
}

.productIndexLink,
.divisionLnkResource{
	font-size:11px;
	line-height:13px;
	font-family:arial;
	color:#3067B1;
	font-weight:bold;
	vertical-align:top;
}
.addResources
{
    font-size:11px;
	line-height:15px;
	font-family:arial;
	color:#3067B1;
	font-weight:bold;  
}
.roundCornerImage{
	position:relative;
	margin-left:-16px;
}
span.resourceDivision
{
    color:#608BB8;
}
/* END Resource Page*/



.ieshim1 {
	height:15px;
}

.ieshim2 {
	height:17px;
}
/*Building Solutions Landing Page*/
#buildinSolutionLanding
{
    font-family:Arial;
    font-size:12px;
    line-height:12px;
    color:#000000;
    
}
a.bsLandingLink
{
    font-family:Arial;
    line-height:11px;
    font-weight:bold;
    color:#4275ab;
}
#bsCopy
{
    font-size:13px;
    line-height:19px; 
    padding-right:130px;
    padding-left:20px; 
}
.bsGreySide
{
 background-color:#e8eaeb;   
}
.bsTitleBtn
{
    float:left;
    position:relative;
    margin-left:-5px;

}
.bsImgUp
{
    float:left;
    position:relative;
    top: 0px !important;
    top:-1px;
}
.cssBSLinks
{
    padding:10px;
}
.cssBSLinks ul
{
 margin-top:-10px;
 list-style-type:none;   
}
.cssBSLinks ul li
{
 padding-top:10px;   
}
/*End BS Landing Page*/
#disclaimerBox
{
    left:620px;
    top:380px !important;
    top:410px;
    width:300px;
     zoom: 1;
}

/* CUSTOM LINK*/
.customLinkBox
{
   margin-top:10px;
   font-family:Arial;
   font-size:11px;
   color:#000000;
    
}
.customLinkTitle
{
    margin-left:10px;
    margin-top:5px;
    font-weight:bold;
    padding-bottom:20px;
    color:#608BB8;
    font-size:23px;      
}

.btnClose
{
 float:left; 
 position:relative;
 top:-5px; 
/* left:580px;*/
 color:#282B2E;   
}

.btnCloseFindPro
{
    float:left; 
    position:relative;
    top:-5px; 
    left:580px;
    color:#282B2E;   
}

.btnClose2
{
     float:left; 
     position:relative;
     top:-5px; 
     left:460px;
     color:#282B2E;   
}

.btnClose3
{
     float:left; 
     position:relative;
     top:10px; 
     left:300px;
     color:#282B2E;   
}
.prodDisclaimer
{
    font-size:11px;
    font-family:Arial;
    color:#333333;
    padding-left:10px;
    padding-top:10px;  
}
.prodDisclaimer h2
{
 font-size:13px;
 font-weight:bold; 
 position:relative;
 padding-top:10px;
 padding-bottom:10px;
 left:-15px;
}
.closeBubble a img
{
 float:left;   
}

.cssCustomLinkImg
{
    margin-top:-10px;
}

.hdrTitle
{
    background-color:#608BB8;
    height:30px;
}
#cluetip-inner{padding:0px;margin:0px;}
/*END CUSTOM LINK*/
/*Start Additional Resources*/
.addResources2
{
   color:#3067B1;
font-family:arial;
font-size:11px;
font-weight:bold;
line-height:11px; 
}
.modalResourceLinks
{
  color:#3067B1;
font-family:arial;
font-size:11px;
font-weight:bold;
line-height:12px;  
}
/*END Additional Resources*/
/*START COLORVIEW LANDING PAGE*/
table.colorViewTbl
{
    background-color:#ffffff;
}
.colorViewText
{
    font-size:14px; 
    line-height:17px; 
    font-family:arial; 
    color:#282b2e;
    padding-bottom:15px;   
    margin-left:20px;
    margin-right:10px;
}
.colorViewSmText
{
    border-top:1px solid #e0e1e5;
    border-bottom:1px solid #e0e1e5;
    padding-top:10px;
    font-family:Arial;  
    color:#444d5a;
    font-size: 12px;
    line-height:12px;
    padding-bottom:10px;
    margin-left:20px;
    margin-right:10px;
}
.colorViewSmText p
{
   padding-bottom:10px; 
}
.colorViewDisclaimer
{
  padding-top:10px;
  font-size:10px;
  line-height:12px;
  font-family:airal;
  color:#666666;  
  margin-left:20px;
  margin-right:30px;
}
.colorViewDisclaimer p
{
    padding-bottom:5px;    
}
.colorViewDisclaimer a
{
    color:#6a9acc;
}

/*END COLORVIEW LANDING PAGE*/

.modalPage
{
	background-color:#FFFFFF;
	padding:10px;
}

.error
{
	color:#cc0000;
	font-weight:bold;
}

.emphasis
{
	font-weight:bold;
}

.indent
{
	padding-left:20px;
}

.hang 
{
	text-indent: -1em; 
	margin-left: 1em; 
} 

.adjustedZIndex{z-index: 100;}

/*
	Styles for Connect With Certainteed page
*/
#connectMain{
	width:945px;
	/*height:584px;*/
	background-color:#fff;
	padding: 0 ;
	/*border-bottom: #6a9acc solid 7px;*/ /* Commented out because there already exists a bottom blue border */
	margin-left:17px;	
}

#connectLeft{
    float:left;
	width:221px;
	height:483px;
	background-color:#6a9acc;
	padding: 5px 36px 0 14px;
	color:#fff;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
}

#connectRight{
    float:left;
	/*width:674px;*/
	width:674px;
	height:478px;
	background-color:#fff;
}

.socialBlockSpanishFrench{
	float:left;
	width: 333px;
	height:120px; 
	background-color:#edebeb;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
	border: 1px #fff solid;
}

.socialBlock{
	float:left;
	width:295px;
	height:120px;
	background-color:#edebeb;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
	border: 1px #fff solid;
}

.socialImage{
	float:left;
	width:43px;
	height:120px;
	text-align:center;
	padding-top:8px;
	}

.socialImageSpanishFrench{
	float:left;
	width:43px;	
	height:123px; 
	text-align:center;
	padding-top:8px;
	}
	
a.socialLinkSpanishFrench:link,  a.socialLinkSpanishFrench:hover, a.socialLinkSpanishFrench:active, a.socialLinkSpanishFrench:visited {
	font-size:17px;
	font-family:Arial, Helvetica, sans-serif;
	color:#6a9acc;
	text-decoration:none;
}

a.socialLink:link,  a.socialLink:hover, a.socialLink:active, a.socialLink:visited {
	font-size:19px;
	font-family:Arial, Helvetica, sans-serif;
	color:#6a9acc;
	text-decoration:none;
}

.socialRight{
	float:left;
}

.socialTitleSpanishFrench{
	width:290px;
	height:30px;
	padding: 6px 0 0 0;	
}

.socialTitle{
	width:240px;
	height:30px;
	padding: 6px 0 0 0;	
}

.socialTextSpanishFrench{
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	width:278px;
	height: 90px;
}

.socialText{
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	width:243px;
	height: 90px;
}

.socialIcon{
	padding : 0 2px 0 0;
}

/* End of Styles for Connect With Certainteed page */

/*	Mod: JAM - 03/22/2010
	Applies style to Welcome message on forms/pressroom/locator pages and 
	"I'm not ..." link related to "Remember Me" logic 
*/
.WelcomeBackMsg
{	
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #333333;  
}

.IamNotLink
{
	font-family: Arial;
	font-size: 12px;
	font-weight:normal;
	font-style:italic;
	/*color: #608bb8; */
}
/* End of Mod: JAM - 03/22/2010 */

/* for searchtextbox on master */

#ctl00_divSiteSearch
{
	margin-top:-5px;
	padding-top:0px;
	position:relative;
	padding:0px;
	
	
}

.searchtext {
	background-image:none;
	border:0 none;
	color:#666666;
	font-size:11px;
	width:85px;
	float:left;
	margin:0px;
	
}

.sitesearchform
{ 
	border:solid 2px silver;
	width:245px;
	background-color:#EEEEEE;	
	padding:0px;
}

#ulNav
{
	position:absolute;
	border:solid 1px silver;
	width:129px;
	font-size:10px;
	margin-top:-16px;
	margin-left:0px;
	background-color:#EEEEEE;
}

#ulNav ul
{
	list-style-type:none;
}

#ulNav ul li {
	font-size:10px;
	color:#0168B3;
	padding-left:2px;
}

#linav
{
	font-size:10px
}

#divSearchTextBox
{
	float:left;
	width:90px;
	background-color:#FFFFFF;	
	padding:0;
	margin:0;
}

#divSearchDropDown
{
	padding-top:2px;
	width:131px;
	float:left;
	font-size:10px;
}

#divSearchButton
{
	float:right;
	vertical-align:top;
	background-image:url('/img/magGlass.png');
	height:18px;
	width:18px;	
	cursor:pointer;
	margin:0;
	

	
}

#divSearchHeader
{
	text-align:left;
	padding-left:5px;
	width:200px;
	font-size:8pt;
	color:#FFFFFF;
	font-weight:bold;
	background-image:url('/img/SearchHeader.png');
	background-repeat:no-repeat;
	
}


.highlightSelection, .currentSelection
{
	background-color:#CCCCCC;
	cursor:pointer;
	font-weight:normal;
}

#selectArrow
{
	float:right;
	margin-top:3px;
	margin-left:1px;
	margin-right:1px;
	font-weight:bolder;
	width:9px;
	height:8px;
	max-height:8px;
	background-repeat:no-repeat;
	background-image:url('/img/selectArrow.png');
		
}


    .bannersRightContainerHome a {
    	display: block;
    	margin: 0 0 5px 20px !important;
    	margin-left: 10px;
    }
  .bannersRightContainerHome  {
  	padding: 20px 0 0 10px;
  }

