@charset "UTF-8";
/* CSS Document */

/* ---- Globals ---- */
body {

	margin:0;
	font-family:"Trebuchet MS";
}

.wrapper {
	width: 100%;
	font-family: "Trebuchet MS";
	margin: auto;
}

img {
	display: block;
}

/* --- Header Elements --- */

.flashHead {

	width: 100%;
	height: 56px;
}

.headNav {
	display: block;
	width: 300px;
	position: absolute;
	top: 15px;
	left: 856px;
	color: #cc6666;
	font-size: 10px;
}

a.headNavLinks:link, a.headNavLinks:visited, a.headNavLinks:hover {
	text-decoration: none;
	color: #666666;
	font-size: 10px;
}

/* --- Flash Navigation --- */
.flashNav {
	background: url(/kawneer/green/en/images/topgradient.gif) repeat-x top left;
	width: 100%;
	height: 43px;
	position: absolute;
	top: 56px;
	z-index:10;
	display:block;
}

.flashNav .FlashContainer {
	display:block;
	width: 902px;
	margin-left:auto;
	margin-right:auto;
	height:43px;
	background-color:transparent;
}

.FlashContainer .GrowingContainer
{
	display:block;
	width:800px;
	height:43px;
	float:right;
	/*background-color:transparent;*/
}


/* --- Main Sub Menu Elements --- */
.contentBody {
	background:#FFFFFF;
	color: #333333;
	width: 902px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	padding-top:60px;
	margin-bottom:20px;
	min-height:469px;
	height:auto !important;
	height:469px;
}

* html .contentBody
{
	margin-bottom:0px;
}


table.heightTable {
	display: block;
	width:100%;
	height: 100%;
}

table.heightTable td
{
	vertical-align:top;

}

.content h1, .contentWide h1 {
	color: #6a7172;
	font-size: 30px;
	font-weight:normal;
	margin:7px 0 15px 0;
	padding:0px;
}

/* -- Leed Table -- */
.leedTable {
	width:600px;	
}

.leedTable tr td {
	width:400px;
	border-bottom:1px solid #666666;
	font-size:12px;
	padding:5px 0px 30px 0;
	color:#666666;
}

.leedTable tr td h2{
	font-size:12px;
}	

.leedTable tr td p{
	padding:0 0 5px 0;
}	

.leedTable tr td a{
	color:#666666;
}

.leedTable tr td a:hover{
	color:#d83727;
}	

.leedTable td.columnTwo {
	width:45px;
	background:#eee;
	text-align:center;
}

.leedTable td.columnThree {
	width:155px;
	text-align:left;
	background:#ffffff;
	padding-left:10px;
}

.leedTable td.columnThree a {
	margin-bottom:5px;
	padding-left:3px;
	color:#ffffff;
	text-decoration:none;
	display:block;
}

.leedTable th {
	color:#6a7172;
	font-size:9px;
	border-bottom:1px solid #666666;
	vertical-align:bottom;
	text-align:left;
}

.leedTable th.subHead {
	padding:0;
	text-align:center;
}

.leedTable th h3 
{
	font-weight:bold;
	padding:0px;
	margin-top:15px;
	font-size:16px;
	float:left;
	text-align:left;
}

/* - leed table product link b-ground colors - */

.leedTable td.columnThree a.aluminum {
	background-color:#009999;
}

.leedTable td.columnThree a.custNet {
	background-color:#cccc00;
}

.leedTable td.columnThree a.sunShade {
	background-color:#33cccc;
}

.leedTable td.columnThree a.powerShade {
	background-color:#cccc99;
}

.leedTable td.columnThree a.thermInlight {
	background-color:#996633;
}

.leedTable td.columnThree a.powerWall {
	background-color:#66cc33;
}

.leedTable td.columnThree a.hpTherm {
	background-color:#cc9900;
}

.leedTable td.columnThree a.thermBroken {
	background-color:#ffcc33;
}

.leedTable td.columnThree a.slopeGlaze {
	background-color:#99cc99;
}

.leedTable td.columnThree a.solvent {
	background-color:#999999;
}

.leedTable td.columnThree a.ast {
	background-color:#6699cc;
}

.leedTable td.columnThree a.c2c {
	background-color:#a574a8;
}

/* -- Resource Links -- */

a.resourceLink:link, a.resourceLink:visited 
{
	display:block;
	text-decoration:none;
	font-size:11px;
	color:#908f8f;
	margin:0px;
	padding:0px;
}

a.resourceLink:Hover 
{
	display:block;
	font-size:11px; 
	color:#dd3726;
	margin:0px;
	padding:0px;
}

/* -- Sub-Navigation (left column) -- */
.sidebarLeft {
	background: url(/kawneer/green/en/images/subnavtop.gif) no-repeat bottom left;
	float: left;
	width: 253px;
	display:block;
}

.sidebarLeft h2 {
	font-size: 19px;
	color:#6a7172;
	font-weight:normal;
	background-image:url(/kawneer/green/en/images/bg_subnavtop.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	padding:0 0 5px 5px;
	margin:0 0 0 0;
	width:248px;
	
}

/* SUBNAV OFF */
a.subnav:link, a.subnav:visited {
	display: block;	
	background-image:url(/kawneer/green/en/images/bg_subnavtop.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	padding: 3px 0 4px 4px;
	height: 32px;
	width:249px;
	text-decoration: none;
	color: #b3beb6;
}


a.subnav:link img, a.subnav:visited img {
	border: #b3beb6 2px solid;
	display: inline;
	vertical-align: middle;
	width:29px;
	height:27px;
}


/* SUBNAV OVER, ACTIVE */
a.subnav:hover, 
a.active, a.active:link, a.active:hover, a.active:visited, a.active:link {
	display:block;
	background: url(/kawneer/green/en/images/bg-leftnav-over.jpg) repeat-x top left; 
	width: 254px;	
	color: #333333;
	padding: 3px 0 4px 13px;
	height: 32px;
	width:240px;
	text-decoration: none;
}

a.subnav:hover img, a.subnav:hover:visited img, 
a.active:link img, a.active:hover img, a.active:visited img {
	border: white 2px solid;
	display: inline;
	vertical-align: middle;
	width:29px;
	height:27px;
}

a.subnav:link p, a.subnav:hover p, a.subnav:visited p, 
a.active:link p, a.active:hover p, a.active:visited p {
	display: inline;
	vertical-align: middle;
	font-size: 13px;
	margin-left: 10px;
}

p.subnav {
	display: inline;
	vertical-align: middle;
	font-size: 12px;
	margin-left: 10px;
}

/* --- Tertiary Nav (LEED's subnav) --- */
div.TertiaryNav 
{
	background-image:url(/kawneer/green/en/images/bg_subnavtop.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
}

div.TertiaryNav a,
div.TertiaryNav a:link, 
div.TertiaryNav a:visited,
div.TertiaryNav a.active:link, 
div.TertiaryNav a.active:hover, 
div.TertiaryNava.active:visited  
{
	background-image:none;
	margin-left: 62px;
	font-size:11px;
	height:14px;
	width:auto;
	color: #333333;
	padding: 3px 0px 3px 0px;

}

div.TertiaryNav a:hover,
div.TertiaryNav a.active:link, 
div.TertiaryNav a.active:hover, 
div.TertiaryNav a.active:visited 
{
	background-image:none;
	margin-left: 62px;
	height:14px;
	width:auto;
	color: #d83727;
	padding: 3px 0px 3px 0px;
}


/* --- Product Information (middle column) --- */
.content {
	float: left;
	width: 624px;
	margin-left:21px;
}

.contentWide {
	float: left;
	width: 900px;
	margin-left:21px;
}


h2.product {
	color: #cc3333;
	font-size: 13.5px;
	margin: 0px 0px 6px 0px;
}

/* contains: 
	product pics, copy */
	
.productInfo {
	
	float: left;
	border-right: 1px #e3e3e3 solid;
	display:block;
	width:465px;
	
}

.submainInfo {
	
	float: left;
	display:block;
	width:600px;
	
}

.productInfo h2, .submainInfo h2 {

	color:#d83727;
	font-size:14px;
	font-weight:normal;
	padding:0px;
	margin:0px;
	clear: both;
	
}

.productInfo p, .submainInfo p, .content p, .contentWide p {

	font-size:12px;
	color:#58626d;
	padding:0px;
	margin:10px 16px 14px 0;
}


p.productCopy {
	color: #666666;
	font-size: 11.5px;
	line-height: 18.5px;
	margin: 0px 20px 16px 0px;
}

/* --- Leed Buttons --- */

div.leedButtons a,
div.leedButtons a:link,
div.leedButtons a:visited,
div.leedButtons a:hover { 
	
	height:300px;
	width:140px;
			
	display:inline;
	float:left;

		
}

a.energyButton:link, 
a.energyButton:visited, 
a.energyButton:hover {
	background:url(/kawneer/green/en/images/energy-atmosphere-button.gif) no-repeat top left;
}

a.materialsButton:link, 
a.materialsButton:visited, 
a.materialsButton:hover {
	background:url(/kawneer/green/en/images/materials-resources-button.gif) no-repeat top left;
}

a.indoorButton:link, 
a.indoorButton:visited, 
a.indoorButton:hover {
	background:url(/kawneer/green/en/images/indoor-button.gif) no-repeat top left;
}

a.innovButton:link, 
a.innovButton:visited, 
a.innovButton:hover {
	background:url(/kawneer/green/en/images/innovation-button.gif) no-repeat top left;
}

/*** FEATURE IMAGES ***/
a.ImgFeature_Small, div.ImgFeature_Small {

	display:block;
	width:138px;
	height:94px;
	border:none;
	margin:0 14px 30px 0;
	float:left;
}

a.ImgFeature_Small2, div.ImgFeature_Small2 {

	display:block;
	width:90px;
	height:94px;
	border:none;
	margin:0 14px 30px 0;
	float:left;
}



a.ImgFeature_Small img {

	position:relative;
	border:none;
	left:128px;
	top:84px;
	z-index:1;
}

a.ImgFeature_Small2 img {

	position:relative;
	border:none;
	left:80px;
	top:84px;
	z-index:1;
}



a.ImgFeature_Med, div.ImgFeature_Med 
{
	display:block;
	width:281px;
	height:94px;
	border:none;
	margin-right:16px;
	margin-bottom:30px;
	float:left;
}

a.ImgFeature_Med img {
	
	position:relative;
	border:none;
	left:271px;
	top:84px;
	z-index:1;
}

a.ImgFeature_Long, div.ImgFeature_Long {

	display:block;
	width:436px;
	height:94px;
	border:none;
	margin-bottom:30px;
	float:left;
}

a.ImgFeature_Long img {

	position:relative;
	border:none;
	left:426px;
	top:84px;
	z-index:1;

}



/* --- Leed Information (column 3) --- */
.sidebarRight {
	float: left;
	width: 150px;
	top: 100px;
}

.leed {
	background-image:url(/kawneer/green/en/images/bg-LEEDBOX.jpg);
	text-decoration:none;
	width: 131px;
	height: 87px;
	border:1px solid #ebf0cd;
	color:#dd3726;
	text-align:center;
	font-size:15px;
	padding-top:4px;
	float:right;
}

.leed p 
{
	color:#58626d;
	width:auto;
	margin:17px 0 0 0;
	padding:0;
}

.leed span.Large {

	font-weight:bold;
	font-size:36px;
	
}


.blank {
	
	width: 131px;
	height: 91px;	
	float:right;
}

.sidebarRightLinks {
	display:block;
	/*float:right;*/
	width: 150px;
	margin: 56px 0px 0px 2px;
	text-align:right;
}


.sidebarRightLinks a:link, .sidebarRightLinks a:visited {
	color: #908f8f;
	margin: 0px 2px 7px 0px;
	font-size: 12px;
	/*float:right;
	clear:right;
	text-align: right;*/
	display:block;
}

.sidebarRightLinks a:hover
{
 	color:#dd3726;
}

/* --- Main Content Footer --- */

.footerBar {
	background: url(/kawneer/green/en/images/bottomgradient.gif) repeat-x top left;
	height: 22px;
	width: 100%;
	float: left;
}

.footerText {
	margin: 0 auto 0 auto;
	font-size: 10px;
	height: 22px;
	width:902px;
	display:block;
}

.footerText a, .footerText p 
{
	float: left;
	margin: 4px 0 0 0;
}

.footerBar img.tagLine 
{
	float: right;
}

p.footerTextDisplay {
	display: inline;
	padding: 0 2px 0 2px;
}

a.footerLinks:link, a.footerLinks:visited, a.footerLinks:hover {
	font-size: 10px;
	color: #333333;
	text-decoration: none;
	display: inline;
}

/* --- Footer Flash Content --- */
.flashFooter {
	background: url(/kawneer/green/en/images/dummyfoot.jpg) repeat-x top center;
	height: 200px;
	width: 100%;
}



/* --- Image Popups ----- */
.imagePopup {

	display:none;
	width:100%;
	background-color:white;
	
	opacity:.8;
	filter:alpha(opacity=80);


	position:absolute;
	top:99px;
	left:0px;
	z-index:2;
}

.popupDisplay {

	display:none;
	width:367px;
	height:369px;
	background-image:url(/kawneer/green/en/images/bg-imageDisplay.png);
	
	padding-left:21px;
	padding-right:21px;
	padding-bottom:18px;
	
	
	position:absolute;
	top:124px;
	left:50%;
	margin-left:-205px;
	z-index:3;
}

* html .popupDisplay {
	
	background-image:none;
	width:364px;
	height:367px;
	
	background-color:white;
	border:2px solid #e4e4e4;
	
	padding-left:19px;
	padding-right:19px;
	padding-bottom:14px;
	
	position:absolute;
	top:128px;
	left:50%;
	margin-left:-203px;
	z-index:3;

}

.popupDisplay a.LinkBtn
{
	text-transform:uppercase;
	color:#d83727;
	text-decoration:none;
	display:block;
	float:right;
	margin-top:10px;
	font-size:12px;
	height:20px;
}

.popupDisplay a.MoreBtn
{
	text-transform:uppercase;
	color:#d83727;
	text-decoration:none;
	display:block;
	float:right;
	margin-top:10px;
	font-size:12px;
	width:367px;
	text-align:right;
	border-bottom:1px solid #f2bbb5;
}

.popupDisplay div.redLine 
{
	border-bottom:1px solid #f2bbb5;
	width:367px;
	height:5px;
}


.popupDisplay img 
{
	display:block;
	clear:both;
}

.popupDisplay h4 
{
	color:#d83727;
	font-size:14px;
	font-weight:normal;
	margin:13px 0 0 0;
	padding:0 0 0 0;
}

.popupDisplay h4 span
{
	font-size:11px;

}

.popupDisplay p
{
	margin:0px;
	padding:0px;
	font-size:11px;
	color:#58626d;
	line-height:18px;
}

.sitemap h3
{
	margin: 0px 0 15px 0;
	padding: 0 0 2px 0;
	color: #6c7471;
	width: 450px;
	border-bottom: 1px solid #b9c4c0;
	font-size: 16px;
}

.siteList 
{
	padding: 0 0 20px 40px;
	line-height: 18px;
}

.siteList a:link, .siteList a:visited {
	color: #dd3726;
	text-decoration: none;
}

.siteList a:hover
{
 	color:#dd3726;
 	text-decoration: underline;
}

.sitemap {
	padding: 0 0 0 40px;
}

/* -- LEED Jumbo Popups -- */
.popupLeedDisplay {

	display:none;
	width:367px;
	height:495px;
	background:url(/kawneer/green/en/images/bg-leedImageDisplay.png) no-repeat top left;
	
	padding-left:21px;
	padding-right:21px;
	padding-bottom:18px;
	
	
	position:absolute;
	top:124px;
	left:50%;
	margin-left:-205px;
	z-index:3;
}

* html .popupLeedDisplay {
	
	background-image:none;
	width:364px;
	height:492px;
	
	background-color:white;
	border:2px solid #e4e4e4;
	
	padding-left:19px;
	padding-right:19px;
	padding-bottom:14px;
	
	position:absolute;
	top:128px;
	left:50%;
	margin-left:-203px;
	z-index:3;

}

.popupLeedDisplay a.LinkBtn
{
	text-transform:uppercase;
	color:#d83727;
	text-decoration:none;
	display:block;
	float:right;
	margin-top:10px;
	font-size:12px;
	height:20px;
}

.popupLeedDisplay a.MoreBtnLeed
{
	text-transform:uppercase;
	color:#d83727;
	text-decoration:none;
	display:block;
	float:right;
	margin-top:10px;
	font-size:12px;
	text-align:right;
	
}

.popupLeedDisplay div.redLine 
{
	border-bottom:1px solid #f2bbb5;
	width:367px;
	height:5px;
}

.popupLeedDisplay img 
{
	display:block;
	clear:both;
}

.popupLeedDisplay h4 
{
	color:#d83727;
	font-size:14px;
	font-weight:normal;
	margin:13px 0 0 0;
	padding:0 0 0 0;
}

.popupLeedDisplay h4 span
{
	font-size:11px;

}

.popupLeedDisplay p
{
	margin:0px;
	padding:0px;
	font-size:11px;
	color:#58626d;
	line-height:18px;
}

a{
	color:#666666;
}

a:hover{
	color:#d83727;
}	

.bodycopy 
{
	font-family:"Trebuchet MS";
	font-size:12px;
	color:#58626d;
	padding:0;
	margin: 0;
}

.bodycopy p
{
	padding:0;
	margin: 0;
}

.date
{
    COLOR: #8aa5c2;
}

.footer
{
    COLOR: #999999;
	FONT-SIZE: 10px;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none
}
A.footer:hover
{
    COLOR: #cc6600;
	FONT-SIZE: 10px;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: underline
}

#floatRight {
	float: right;
	top: 0;
	width: 230px;
	margin: 0 0 18px 18px;
	}
	
#floatRight img {
	display: inline;
	}

FORM
{
    BORDER-BOTTOM: 0px;
    BORDER-LEFT: 0px;
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    MARGIN: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px
}
.formcopy
{
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    /*FONT-SIZE: 10px;*/
		FONT-SIZE: 11px;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none
}
.forminput
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    /*FONT-SIZE: 10px;*/
		FONT-SIZE: 11px;
	color: #000000
}
.monospace
{
    COLOR: #000000;
    FONT-FAMILY: Courier New, Monospace;
    /*FONT-SIZE: 11px;*/
		FONT-SIZE: 12px;
}
OL
{
    MARGIN-BOTTOM: 0px;
    MARGIN-TOP: 0px;
    MARGIN-LEFT: 30px;
	font-family:"Trebuchet MS";
	font-size:12px;
	color:#58626d;
}

a.iconlinksm, a.iconlinklg
{
	text-decoration: none;
}

a.iconlinksm:hover, a.iconlinklg:hover
{
	text-decoration: underline;
}

.rcchead 
{
	font-weight:bold;	
}

.rcccopy
{
    COLOR: #666666;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    /*FONT-SIZE: 10px;*/
		FONT-SIZE: 11px;
    FONT-WEIGHT: normal;
    LINE-HEIGHT: 14px;
    TEXT-DECORATION: none
}
A.rcccopy
{
    COLOR: #cc6600;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    /*FONT-SIZE: 10px;*/
		FONT-SIZE: 11px;
    FONT-WEIGHT: normal;
    LINE-HEIGHT: 14px;
    TEXT-DECORATION: underline
}
A.rcccopy:hover
{
    COLOR: #993300;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    /*FONT-SIZE: 10px;*/
		FONT-SIZE: 11px;
    FONT-WEIGHT: normal;
    LINE-HEIGHT: 14px;
    TEXT-DECORATION: underline
}