body
{
}
/*This is a vendor css in which we can put classes vendors need for special content.  Each vendor has its own prefix*/

/***************************MILLER DESIGN WORKS BEGIN************************************************/
/* LCA Page styles */
#mdwlcapage {overflow:hidden;}
#mdwlcapage h3{font-size:16px;font-weight:normal;line-height:16px;}
#mdwlcapage #mdwlcafbox{background:url(/SiteImages/BuildingResponsibly/img_verticalGreyToWhiteGradient_bg.gif)repeat-x 0 0;border:1px solid #7f9f12;width:471px;position:relative;padding:15px 2px 15px 15px;margin:20px 0;min-height: 325px;}
#mdwlcapage #mdwlcafbox .graphic{width:281px;height:291px;position:absolute;z-index:10;top:50px;right:0px;}
#mdwlcapage #mdwlcafbox h2{font-size:20px;font-weight:normal;line-height:18px;padding:0;margin:11px 0;color:#81bd26;}
#mdwlcapage .left-col{width:175px;float:left;margin:35px 15px 0 0;}
#mdwlcapage #mdwlcafbox .left-col{float:none;}
#mdwlcapage .right-col{width:270px;float:left;}
#mdwlcapage #nist-logo{width:199px;}
#mdwlcapage #facts{background:url(/images/resourceThumbnails/txt_facts.gif) no-repeat 0 0;width:223px;height:58px;display:block;overflow:hidden;text-indent: -9999px;}
#mdwlcapage p{padding:0;margin:11px 0;}
#mdwlcapage .footnote{color:#949494;font-size:11px;}
#mdwlcapage .footnote a{color:#7B9C0A;}
#mdwlcapage .feature-box{float:left;margin:0 11px 15px 0px;padding:10px;width:217px;height:97px;overflow:hidden;background:url(/SiteImages/BuildingResponsibly/img_verticalGreyToWhiteGradient_bg.gif)repeat-x 0 0;border:1px solid #7f9f12;}
#mdwlcapage .feature-box.last{margin-right:0px;}
#mdwlcapage .feature-box h2{font-size: 14px;text-transform: uppercase;margin-bottom:10px;color:#81bd26;}
#mdwlcapage .feature-box .icon{float:left;margin:0 5px 35px 0px;width:80px;height:57px;}
#mdwlcapage .feature-box .text{float:left;width:120px!important;}
#mdwlcapage .feature-box .text h3{font-size: 14px;font-weight: bold;width:120px;margin-bottom:5px;}
#mdwlcapage .feature-box .text h3 a{color:#000000;}
#mdwlcapage .feature-box .text p{margin:0;width:120px;}	
#mdwlcapage .bldgrespSidebar{text-align: left;}
#mdwlcapage .bldgrespOPFeaturedProducts{width:215px;}
#mdwlcapage .bldgrespSidebar {margin-right:0;width:225px;}
#mdwlcapage .bldgrespSidebar ul {margin:0;padding:15px;}
#mdwlcapage .bldgrespSidebar ul li{font-size:12px;color:#414042;line-height:12px;margin-bottom:2px;}
#mdwlcapage .bldgrespSidebar ul li.lca-green{list-style-type: none;list-style: none;color:#81bd26;margin-top:4px;margin-bottom:12px;}
#mdwlcapage .download-box{float:left;clear:left;margin:20px 5px 0 0px;width:215px;}
#mdwlcapage .download-box .icon{float:left;margin:0 5px 0 0px;width:90px}
#mdwlcapage .download-box .text{float:left;width:120px!important;}
#mdwlcapage .download-box .text h2{font-size: 14px;font-weight: bold;width:120px;margin-bottom:5px;}
#mdwlcapage .download-box .text h2 a{color:#000000;}
#mdwlcapage .download-box .text p{margin:0;width:120px;}
/* Additional Styles 7/9/14 -added by Engineroom on 07/14/2014 for TechnicalInformation tab in Certatrim*/
#TechnicalInformation #detailContent{
	width:100%;
	border-right:none;
}

.certatrim-specs thead tr:nth-child(2) td:first-child{
	background:#fff;
}

.certatrim-specs thead tr:nth-child(2) td{
	text-align:center;
}

.certatrim-specs thead tr:first-child td{
	border-bottom: none;
}
/*LCA Page Mobile styles */
#mdwlcapgmobile {overflow:hidden;}
#mdwlcapgmobile h3{font-size:16px;font-weight:normal;line-height:16px;}
#mdwlcapgmobile #mdwlcafbox{background:url(/SiteImages/BuildingResponsibly/img_verticalGreyToWhiteGradient_bg.gif)repeat-x 0 0;border:1px solid #7f9f12;position:relative;padding:15px 2px 15px 15px;margin:20px 0;}
#mdwlcapgmobile #mdwlcafbox .graphic{width:281px;height:291px;position:relative;z-index:10;}
#mdwlcapgmobile #mdwlcafbox h2{font-size:20px;font-weight:normal;line-height:18px;padding:0;margin:11px 0;color:#81bd26;}
#mdwlcapgmobile .left-col{float:left;margin-right:15px;}
#mdwlcapgmobile #lca-box .left-col{float:none;}
#mdwlcapgmobile .right-col{float:left;}
#mdwlcapgmobile #nist-logo{width:199px;float:left;margin:15px 10px 10px 0;}
#mdwlcapgmobile #facts{background:url(/images/resourceThumbnails/txt_facts.gif) no-repeat 0 0;width:223px;height:58px;display:block;overflow:hidden;text-indent: -9999px;}
#mdwlcapgmobile p{padding:0;margin:11px 0;}
#mdwlcapgmobile .footnote{color:#949494;font-size:11px;}
#mdwlcapgmobile .footnote a{color:#7B9C0A;}
#mdwlcapgmobile .bldgrespSidebar{text-align: left;}
#mdwlcapgmobile .bldgrespOPFeaturedProducts{}
#mdwlcapgmobile .bldgrespSidebar {margin-right:0;}
#mdwlcapgmobile .bldgrespSidebar ul {margin:0;padding:15px;}
#mdwlcapgmobile .bldgrespSidebar ul li{font-size:12px;color:#414042;line-height:12px;margin-bottom:9px;}
#mdwlcapgmobile .download-box{float:left;clear:left;margin:20px 5px 0 0px;}
#mdwlcapgmobile .download-box .icon{float:left;margin:0 5px 0 0px;width:90px}
#mdwlcapgmobile .download-box .text{float:left;width:120px!important;}
#mdwlcapgmobile .download-box .text h2{font-size: 14px;font-weight: bold;width:120px;margin-bottom:5px;}
#mdwlcapgmobile .download-box .text h2 a{color:#000000;}
#mdwlcapgmobile .download-box .text p{margin:0;width:120px;}
#mdwlcapgmobile .feature-box{float:left;margin:0 11px 15px 0px;padding:10px;width:217px;height:97px;overflow:hidden;background:url(/SiteImages/BuildingResponsibly/img_verticalGreyToWhiteGradient_bg.gif)repeat-x 0 0;border:1px solid #7f9f12;}
#mdwlcapgmobile .feature-box.last{margin-right:0px;}
#mdwlcapgmobile .feature-box h2{font-size: 14px;text-transform: uppercase;margin-bottom:10px;color:#81bd26;}
#mdwlcapgmobile .feature-box .icon{float:left;margin:0 5px 35px 0px;width:80px;height:57px;}
#mdwlcapgmobile .feature-box .text{float:left;width:120px!important;}
#mdwlcapgmobile .feature-box .text h3{font-size: 14px;font-weight: bold;width:120px;margin-bottom:5px;}
#mdwlcapgmobile .feature-box .text h3 a{color:#000000;}
#mdwlcapgmobile .feature-box .text p{margin:0;width:120px;}

/*LCA PDF Download Box Styles */
#mdwlcabox{background:url(/SiteImages/BuildingResponsibly/img_verticalGreyToWhiteGradient_bg.gif)repeat-x 0 0;border:1px solid #7f9f12;width:488px;float:left;margin-bottom:15px;}
#mdwlcabox.fclcabox{width:725px;}
#mdwlcabox .icon{float:left;margin:11px 20px 20px 20px;width:119px}
#mdwlcabox .text{float:left;width:300px;padding-right:20px;}
#mdwlcabox.fclcabox .text{width:537px;}
#mdwlcabox h2{font-size:20px;font-weight:normal;line-height:18px;padding:0;margin:11px 0;}
#mdwlcabox p{padding:0;margin:11px 0;}
#mdwlcabox .footnote{color:#949494;font-size:11px;}
#mdwlcabox .footnote a{color:#7B9C0A;}
#mdwlcapgmobile .left-col{float:left;margin:25px 15px 0 0;}
#mdwlcapgmobile p{padding:0;margin:11px 0;width:100%;}
#mdwlcapgmobile .bldgrespSidebar ul li.lca-green{list-style-type: none;list-style: none;color:#81bd26;margin-top:4px;margin-bottom:12px;}

/*CertaTrim page styles */
#certatrim-content-body #tabs td .csstabtext, #certatrim-content-body #tabs li a.csstabtext{
	padding: 6px 6px 5px 4px;
}

#certatrim-content-body #tabTrimboards a,
#certatrim-content-body #tabSheets a,
#certatrim-content-body #tabSkirtboard a,
#certatrim-content-body #tabBeadboard a,
#certatrim-content-body #tabCorners a,
#certatrim-content-body .product a{
	color: #666;
}

#certatrim-content-body #tabSystem {
	padding:0 20px 20px 20px;
	position:relative;
}

#certatrim-content-body #tabs {
	margin-bottom: -2px;
	margin-top: -12px;
	z-index: 10;
	position: relative;
}

#certatrim-content-body #tabs ul{
	position:relative;
}

#certatrim-content-body #tabs li{
	position:relative;
	border-bottom: none;
	border-right: none;
	padding-right: 4px;
	margin-left: 4px;
}

#certatrim-content-body #tabs li:first-child{
	margin-left: 0;
}
#certatrim-content-body #tabs li:after{
	content:"";
	background: url(/images/resourceThumbnails/img_tabRight_sprite.png) no-repeat 0 -26px;
	position:absolute;
	top:0;
	right:-4px;
	width:4px;
	height:26px;
	overflow:hidden;
	display:block;
}
#certatrim-content-body #tabs li.selected:after{
	content:"";
	background: url(/images/resourceThumbnails/img_tabRight_sprite.png) no-repeat 0 0;
	position:absolute;
	top:0;
	right:-4px;
	width:4px;
	height:26px;
	overflow:hidden;
	display:block;
}

#certatrim-content-body #tabs li.selected{
	background: #fff;
	border-top:1px solid #aeaeae;
	border-bottom: 1px #fff solid;
	margin-top:-1px;
}

#certatrim-content-body #tabs li.selected a{
	color:#3067b1;
}


#certatrim-content-body .detailContentNoChart{width: 600px;}

#certatrim-content-body #details{
	margin-bottom: 65px;
	width:900px;
	top:0px !important;
	border-top:1px solid #AEAEAE !important;
}

#certatrim-content-body #details .certatrim-thumbnail{
	width: 170px;
	height: 288px;
	overflow: hidden;
}
.certatrim-image-wrapper{
	float:left;
	width:200px;
	height:200px;
	overflow: hidden;
	margin-right: 25px;
}
.certatrim-text-wrapper{
	float:left;
	width:375px;
}

.certatrim-text-wrapper h2{
	line-height: 18px;
	font-weight: normal;
	font-size: 14px;
}

.certatrim-text-wrapper ul{
	margin-top: 15px;
}

.certatrim-text-wrapper li{

}

#certatrim-content-body .certatrim-lit-list{
	margin-top: 15px;
	list-style: none;
}

#certatrim-content-body .certatrim-lit-list li{
	list-style: none;
	float:left;
	clear:left;
	position:relative;
}

.certatrim-lit-icon{
	width:150px;
	float:left;
	margin-right: 25px;
	text-align: center;
}
.certatrim-lit-icon img{
	margin:0 auto;
}
.certatrim-lit-text{
	width:410px;
	padding-top: 45px;
	float:left
}

.certatrim-lit-list .certatrim-lit-text{
	padding-top:15px;
}

.certatrim-thumbnail h1{
	margin-top: 10px;
}
.certatrim-thumbnail p{
	margin: 5px 0;
	font-size: 11px;
}

.certatrim-specs{
	border-collapse:collapse;
	table-layout:fixed;
	/*width:600px; - Commented by Engineroom on 7/14/2014: Style change for the TechnicalInformation tab on Certatrim page*/ 
	width:880px;
	margin-top: 25px;
}
.certatrim-specs:first-child{
	margin-top: 0;
}
.certatrim-specs tr{
	height:15px;
}
.certatrim-specs td{
	padding:5px 10px;
}
.certatrim-specs .col1{width:95px;}
.certatrim-specs .col2{width:135px;}
.certatrim-specs .col3{width:75px;}

.certatrim-specs .col4,.certatrim-specs .col5,.certatrim-specs .col6{
	width:65px;
	text-align: right;
}

.certatrim-specs thead tr{
	background: rgba(0,120,179,.65);	
}
.certatrim-specs thead tr td{
	color:#fff;
	font-size: 11px;
	font-weight: bold;
	border-left:1px solid #fff;
}
.certatrim-specs tr td{
	border-bottom:1px solid #ddd;
}
.certatrim-specs thead tr td:first-child{
	border-left:none;
}
.certatrim-specs thead tr:first-child{
	background: none;
	color:#000;
	border-right:none;
}

.certatrim-specs tfoot td{
	font-size: 11px;
	padding-top: 10px;
}

.certatrim-lead-image-wrapper{
	width:940px;
	height:285px;
	overflow:hidden;
	margin:0 20px -58px 20px;
	z-index:2;
}
#certatrim-content-body .clear:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
} 
/*IE8 styles */
.ie8 .certatrim-lead-image-wrapper {
	margin-bottom: -25px;
}

.ie8 .certatrim-text-wrapper {
	width:373px;
}

.ie8 #certatrim-content-body #tabSystem {
	width:940px;
}

.ie8 #certatrim-content-body #tabs {
	display:block;
}

.ie8 #certatrim-content-body #tabs li{
	margin-left: 0;
}

.ie8 #certatrim-content-body #tabs li .cssRightBG{
	float:none;
}

.ie8 #certatrim-content-body #tabs ul{
	display:block;
	width:auto;
}

.ie8 #certatrim-content-body #details .certatrim-thumbnail {
	overflow:visible;
}

.ie8 .certatrim-specs tr {
	height:32px;
}

.ie8 .certatrim-specs thead tr.blue {
	background: #58a6cc;
	height:52px;
}

.ie8 .certatrim-lit-list li {
	margin-bottom: 25px;
}

/* Color Tools page styles */
#ctv-color-tools {
	font: 12px/16px Arial;
	overflow: hidden;
	margin-bottom: 25px;
}
#ctv-color-tools h2 {
	font: 24px/26px Arial;
	margin: 10px 0;
}
#ctv-color-tools h2 span.strong {
	font-weight: bold;
}
#ctv-color-tools span.tm {
	font-size: 10px;
	vertical-align: top;
}
#ctv-color-tools h2 span.red {
	color: red;
}
#ctv-color-tools h3 {
	font: 14px/18px Arial;
	margin: -10px 0 10px 0;
}
#ctv-color-tools .button a {
	width: 163px;
	height: 32px;
	background: #057dc1;
	color: #fff;
	font-size: 13px;
	padding: 7px 12px;
	margin: 15px 10px 6px 0;
	display: block;
	box-shadow: 3px 3px 6px 0 #acacac;
	border: 1px solid #fff;
}
#ctv-color-tools .button.single a {
	padding-top: 15px;
	padding-bottom: 0;
}
#ctv-color-tools .col-left {
	width: 741px;
	float: left;
	padding-right: 19px;
}
#ctv-color-tools .col-left .top {
	width: 100%;
	height: 277px;
	background: url('http://www.certainteed.com/images/resourceThumbnails/colortools_main.jpg') no-repeat;
	margin-bottom: 54px;
	position: relative;
}
#ctv-color-tools .col-left .top .overlay {
	width: 185px;
	height: 288px;
	background: url('http://www.certainteed.com/images/resourceThumbnails/main_overlay.png') no-repeat;
	position: absolute;
	top: 0;
	left: 18px;
	color: #fff;
	padding: 20px 18.5px 0;
	font: normal 12px/18px Arial;
}
#ctv-color-tools .col-left .top .overlay h2 {
	margin-top: 0;
	color: #fff;
}
#ctv-color-tools .col-left .sub-col {
	width: 217px;
	float: left;
	padding-right: 20px;
	overflow: hidden;
}
#ctv-color-tools .col-left .sub-col.first {
	margin: 0 22px 0 39px;
	padding: 0;
}
#ctv-color-tools .col-left .sub-col.last {
	padding: 0;
}
#ctv-color-tools .col-left .sub-col .text {
	height: 170px;
}
#ctv-color-tools .col-right {
	width: 195px;
	float: left;
	padding-right: 5px;
	overflow: hidden;
}
#ctv-color-tools .col-right .row {
	overflow: hidden;
	margin-top: 20px;
	position:relative;
}
#ctv-color-tools .col-right .row .text {
	width: 184px;
}

#ctv-color-tools .upcoming-overlay {
	width:100%;
	height:100%;
	position:absolute;
	text-align: center;
	padding-top: 55px;
	top:0;
	left:0;
	font: 18px/20px Arial;
	color:#000000;
	background:rgba(255,255,255,.75);	
}

/**
mobile
**/

#ctv-color-tools-mobile {
	font: 12px/16px Arial;
	overflow: hidden;
	margin-bottom: 25px;
	width: 100%;
	margin: 0 auto;
}
#ctv-color-tools-mobile img {

}
#ctv-color-tools-mobile h2 {
	font: 24px/26px Arial;
	margin: 10px 0;
}
#ctv-color-tools-mobile h2 span.strong {
	font-weight: bold;
}
#ctv-color-tools-mobile span.tm {
	font-size: 10px;
	vertical-align: top;
}
#ctv-color-tools-mobile h2 span.red {
	color: red;
}
#ctv-color-tools-mobile h3 {
	font: 14px/18px Arial;
	margin: -10px 0 10px 0;
}
#ctv-color-tools-mobile .button {
	display: block;
	width: 255px;
	margin-bottom: 35px;
}
#ctv-color-tools-mobile .button a {
	width: 231px;
	height: 25px;
	background: #057dc1;
	color: #fff;
	font-size: 13px;
	padding: 10px 12px 0 12px;
	margin: 15px 10px 6px 0;
	display: block;
	box-shadow: 3px 3px 6px 0 #acacac;
	border: 1px solid #fff;
}
#ctv-color-tools-mobile .top {
	height: 277px;
	background: url('http://www.certainteed.com/images/resourceThumbnails/colortools_main_mobile.jpg') no-repeat;
	margin-left: -10px;
	margin-bottom: 54px;
	position: relative;
}
#ctv-color-tools-mobile .top .overlay {
	width: 185px;
	height: 288px;
	background: url('http://www.certainteed.com/images/resourceThumbnails/main_overlay.png') no-repeat;
	position: absolute;
	top: 0;
	left: 10px;
	color: #fff;
	padding: 20px 18.5px 0;
	font: normal 12px/18px Arial;
}
#ctv-color-tools-mobile .top .overlay h2 {
	margin-top: 0;
	color: #fff;
}
#ctv-color-tools-mobile .sub-col {
	width: 460px;
	padding: 0 0;
	overflow: hidden;
	margin-bottom: 20px;
	position:relative;
}
#ctv-color-tools-mobile .sub-col img {
	display: block;
}
#ctv-color-tools-mobile .sub-col .text {
	width: 100%;
}

#ctv-color-tools-mobile .upcoming-overlay {
	width:100%;
	height:100%;
	position:absolute;
	text-align: center;
	padding-top: 55px;
	top:0;
	left:0;
	font: 18px/20px Arial;
	color:#000000;
	background:rgba(255,255,255,.75);	
}

/***************************MILLER DESIGN WORKS END************************************************/

/***************************Interrupt QR************************************************/

@charset "UTF-8";

/* Styles */

body#interrupt {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; text-align: center; color: #007ac2; background: #fff;}

#interrupt-centeringWrapper {width: 330px; margin: 0 auto; text-align: left; }

#interrupt-header {}

#interrupt-mainBody {width: 294px; margin-left: 18px; padding: 25px 0 25px 0;}
	.interrupt-narrowColumn {width: 266px; margin-left: 14px;}
	.interrupt-floatContainer {overflow: hidden; zoom: 1;}
	.interrupt-oneCol {width: 127px; float: left;}
	.interrupt-marginRight {margin-right: 18px;}
	.interrupt-marginLeft {margin-left: 9px;}

#interrupt-footer {margin-bottom: 20px; -webkit-text-size-adjust: none;}
 #interrupt-footer img {margin-bottom: 5px;}

/* Typography */

p.interruptNormal {margin-bottom: 20px;}
p.leftIndent {margin-left: 9px;}
#interrupt-footer p {margin-bottom: 3px; margin-left: 18px; line-height: 12px; color: #818181; font-size: 10px; line-height: 12px;}
#interrupt-footer span {color: #608bb8;}
h1.interrupt {font-style: italic; font-weight: bold; font-size: 14px; border-bottom: 2px solid #00b3f0; margin-bottom: 12px; text-transform: uppercase; line-height: 20px;}
h1.interrupt span {color: #00b3f0; text-transform: none;}
h2.interrupt {font-weight: bold; font-size: 15px; margin-bottom: 12px;}
#interrupt-installationInstructions {list-style: decimal;}
#interrupt-installationInstructions li {margin-left: 29px; margin-bottom: 16px;}
#interrupt-installationInstructions p {clear: both;}
#interrupt-installationInstructions li img {float: left; clear: both; margin-left: -29px; margin-bottom: 30px; margin-top: 24px;}

/***************************Interrupt QR End************************************************/