@media screen {

body { background:url(../images/style/pageBG2.gif) top left repeat-x; text-align:center; margin:0;}
img { border:0; }
form {margin:0px;}

#pageContainer { width:974px; margin-left:auto; margin-right:auto; text-align:left; }
#pageHeader { width:100%; height:89px; overflow:hidden; background:#0e1e4d url(../images/style/headerBG2.gif) top right no-repeat; clear:both; float:left; }
#pageLogo { float:left; position:relative; top:1px;}
#pagePrintLogo { display:none; }
.pageNav { width:100%; height:34px; background:#fff; clear:both; float:left; }
#pageNavLeft { position:relative; height:34px; text-transform:uppercase; background:#fff; float:left; }
.pageNavRight { margin-top:10px; margin-right:20px; float:right; }

/*//// Home Page ////*/
#homePageMainContentPadding {padding: 17px 25px 15px 40px;}

/*//// Splash Page ////*/
#pageSplashBanner { width:984px; height:325px; position:relative; left:-5px; background:url(../images/style/splashBannerBG.gif) top left no-repeat; overflow:hidden; display:block; clear:both; float:left; }
/*#pageSplashImagePossibilities { width:322px; height:263px; position:relative; left:30px; top:30px; background:url(../images/style/splashImagineThePossiblities.gif) top left no-repeat; float:left; }*/
#pageSplashImagePossibilities { width:322px; height:263px; position:relative; left:30px; top:30px; background:url(../images/style/quality_style.png) top left no-repeat; float:left; }
#pageSplashImagePossibilitiesPadding { padding:68px 30px 0px 30px; text-align:justify; float:left; }
#pageSplashBannerRight { width:603px; height:262px; overflow:hidden; position:relative; top:30px; left:30px; float:left; }

#pageSplashNewsBar { width:100%; border-top:solid 1px #fff; border-bottom:solid 1px #fff; background:#0e1e4d; clear:both; float:left; }
#pageSplashNewsBarPadding { padding:10px 30px 10px 30px; float:left; } 
#pageSplashBottom { width:100%; height:165px; overflow:hidden; background:url(../images/style/splashBottomBG.gif) top left no-repeat; clear:both; float:left; }

#pageSplashBottomLeft { width:365px; height:150px; margin:24px 0px 0px 30px; background:url(../images/bottom_door.gif) top left no-repeat; display:block; overflow:hidden; float:left; }
#pageSplashBottomLeftPadding { padding:10px 30px 0px 140px; float:left; }

#pageSplashBottomMiddle { width:365px; height:150px; margin-top:24px; background:url(../images/bottom_window.gif) top left no-repeat; display:block; overflow:hidden; float:left; }
#pageSplashBottomMiddlePadding { padding:10px 10px 0px 140px; float:left; }

#pageSplashBottomRight { width:207px; line-height:16px; float:right; }
#pageSplashBottomRightPadding { padding:15px 30px 30px 35px; float:left; }
/*//// End Splash Page ////*/

#assoc_pics img {
	padding:2px;
	width: 93px;
	height: 93px;	
}
.img-shadow {
  float:left;
  background: url(../images/style/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../images/style/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }

/*//// Splash Page Revised ////*/

#pageSplashBannerRight-rotate{
	float:left;
	width:147px; height:262px;
	}
	
#pageSplashBannerRight-marketing{
	float:right;
	width:450px; height:262px;
	}
/*//// End Splash Page ////*/


.PopUpBackground {
	background-color:gray;
	-moz-opacity: .50;
	filter:alpha(opacity=50)
}

/*/////// Sub Page Layout ////////*/
#subPageBodyContainer { width:100%; background: url(../images/style/rightColumnBG.gif) top right;/*this colour will be left column colour */ text-align:left; float:left; }
#subPageRightColumn { width:257px;/* this width is the same as the margin on #subPageColumnWrapper */ margin-right:-256px;/*must be 1 pixel less than width */ position:relative; right:-2px;/* line it up exactly without losing pressure on footer*/ float:right;  }
#subPageColumnWrapper { margin-right:257px;/*this is the space for the right column */
 background:#fff url(../images/style/mainBodyShadingBG.gif) bottom left no-repeat;/* background colour of left column */
}
#subPageMainContentContainer{ width:100%; float:left; margin-right:-1px;}/* contain cleared elements from clearing other floats*/

/* clear without structural mark-up from PIE website*/
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }

/* mac hide \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide */
/* do not change or amalgamate clearfix styles*/

/* Left Nav Styles */
#pageNavLeft{ font-weight:bold;}
#pageNavLeft ul{ margin:0; padding:0; list-style-type:none; width:auto; float:left;}
#pageNavLeft ul li{ display:block; background:url(../images/style/greenBox.gif) -7px -2px no-repeat; float:left; }
#pageNavLeft ul li a{ height:31px; display:block; color:#84aa41; text-decoration:none;  float:left;}
#pageNavLeft ul li a span{ padding:10px 7px 0 17px; float:left; }
#pageNavLeft ul li a:hover{ position:relative; top:2px; color:#fff; background:url(../images/style/greenBox.gif) -7px -4px no-repeat #000; border-bottom:solid 1px #999;  }
#pageNavLeft ul li a:hover span{ width:auto; position:relative; top:-2px; display:block; cursor:pointer;}
#pageNavLeft ul li a.current, #pageNavLeft ul li a.current:hover{ position:relative; top:2px; color:#fff; background:url(../images/style/greenBox.gif) -7px -4px no-repeat #000; border-bottom:solid 1px #999;}
#pageNavLeft ul li a.current span{ width:auto; position:relative; top:-2px; display:block; cursor:pointer;}



.subPageSubNav { width:100%; height:26px; background:#231f20; clear:both; float:left; }
#subPageSubNavPadding { padding:6px 20px 0px 15px; float:left; }
.subsubPageSubNav { width:100%; height:26px; background:#68613f; clear:both; float:left; }
.subPageBanner { width:100%;  clear:both; float:left; background:#68613f;}
#subPageBannerLeft { width:100%; height:219px; border-bottom:solid 1px #fff; float:left; background:#68613f;}
#subPageBannerLeft img { width: 288px; height:199px; padding:10px 0px 10px 10px;}
#subPageBannerRight { width:336px; height:219px; background:#68613f; text-align:justify; float:right; }
#subPageBannerRightPadding { padding:30px 30px 0px 25px; float:left; }

.subPagePrintEmailSearchBar { width:100%; border-bottom:solid 1px #d8d6d1; background:url(../images/style/searchBG.gif) top right no-repeat; float:left; }
#emailPrintButtons { width:auto; margin-top:5px; float:left; }
#breadCrumb { width:478px; float:left; }
#breadCrumbPadding { padding:12px 0px 0px 15px; float:left; }
#subPageSearch { padding:10px 0px 5px 0px; border-bottom:solid 1px #fff; float:right; }
#searchText { position:relative; top:5px; padding-right:5px; float:left; }
#searchInput { float:left; }
#searchButton { position:relative; top:1px; float:left; } 
#cse-search-results iframe { padding:0 5px; width:650px; } 

#subPageMainContentPadding { padding:17px 25px 15px 40px; float:left; }

.bodyImage { margin:0px 30px 15px 0px; float:left; }

#subPageRightColumnTopShadow { width:100%; height:49px; position:relative; right:1px; background: url(../images/style/rightColumnTopBG.gif) top left no-repeat; float:left; }
#subPageRightColumnContentPadding { padding:0px 13px 10px 20px; position:relative; top:-25px; float:left; }
.subPageRightColumnLinks { margin-bottom:25px;  float:left; width:200px; }
#SlideShow {clear:both;}
#slideCaption {font-size:.8em; padding:0 0 10px 0; width:224px; white-space:normal;}

.subPageRightModuleContainer { width:216px; display:block; clear:both; margin-bottom:25px; float:left; }
.subPageRightModuleImage { width:88px; height:81px; display:block; overflow:hidden; float:left; }
.subPageRightModuleText { width:122px; margin-left:6px; float:right; }

.subPageEnergyStarContainer { width:216px; display:block; clear:both; margin-bottom:25px; float:left; }

#subPageJenkinsModule { width:100%; padding-top:5px; padding-bottom:30px; border-bottom:solid 1px #999; clear:both; float:left;}
#subPageJenkinsModuleLeft { line-height:16px; padding-left:6px; float:left; }
#subPageJenkinsModuleRight { padding-top:20px; float:right; }

#subPageGreenBar { width:100%; height:36px; background:#0e1e4d; }

/*/////// Sub Page Layout ////////*/

#pageFooter { width:100%; margin-bottom:10px; background:url(../images/style/footerBG.gif) bottom left no-repeat; clear:both; float:left; }
#pageFooterPadding { padding:13px 11px 18px 11px; float:left; }


.floatLeft { float:left; }
.floatRight { float:right; }



/*////  News Room ////*/

.newsItemContainer { width:100%; border-top:solid 1px #625d49; margin-top:20px; padding:15px 0px 15px 0px; display:block; clear:both; float:left; }
.newsItemDate { width:130px; display:block; float:left; font-weight:bold; }
.newsItemTitleSummary { width:325px; margin-right:25px; display:block; text-align:justify; float:left; }
.newsItemDownload { width:160px; text-align:center; float:right; }

/*//// End News Room ////*/

/*//// Image Library ////*/
.imageLibraryBorder { width:650px; margin-top:20px; border-top:solid 1px #625d49; float:left; }
.imageLibraryItem { width:300px; margin:25px 25px 25px 0px; display:block; float:left; }
.imageLibraryImage { width:93px; height:113px; overflow:hidden; margin-right:10px; float:left; }
.imageLibraryText { width:197px; display:block; float:right; }

/*//// End Image Library ////*/

/*//// Employment ////*/

.employmentBorder { width:650px; margin-top:20px; padding-top:20px; border-top:solid 1px #625d49; float:left; }
.employmentRow { width:650px; padding-bottom:10px; clear:both; float:left; }
.employmentLabel { width:70px; padding-top:3px; float:left; }
.employmentInput { padding-right:50px; float:left; }
.employmentInput input{ width:150px;  }

/*//// End Employment ////*/

/*//// Entry Door Types ////*/
.entryDoorTypeContainer { width:650px; margin:15px 0px 15px 0px; display:block; clear:both; float:left; }
.entryDoorTypeImage { width:93px; height:113px; margin-right:20px; overflow:hidden; display:block; float:left; }
.entryDoorTypeText { width:537px; display:block; float:left; }
/*//// End Entry Door Types ////*/


/*//// Vinyl Window Types ////*/
.vinylWindowTypeContainer { width:650px; margin:15px 0px 15px 0px; display:block; clear:both; float:left; }
.vinylWindowTypeImage { width:93px; height:113px; margin-right:20px; overflow:hidden; display:block; float:left; }
.vinylWindowTypeText { width:537px; display:block; float:left; }
/*//// End Vinyl Window Types ////*/

/*//// Architectural Window ////*/

.ArchitecturalStyleContainer { width:650px; margin:15px 0px 15px 0px; display:block; clear:both; float:left; }
.ArchitecturalStyleImage { width:93px; height:113px; margin-right:20px; overflow:hidden; display:block; float:left; }
.ArchitecturalStyleText { width:537px; display:block; float:left; }

/*//// End Architectural Window ////*/

/*//// FAQs ////*/
.faqList {  border-bottom:solid 1px #625d49; margin-bottom:40px; padding:10px 0px 40px 0px; float:left; }

.faqListQuestionLeft { width:75px; float:left; }
.faqListQuestionRight { width:575px; display:block; margin-bottom:5px; float:left; }

.faqAnswerList { width:650px; margin-bottom:40px; clear:both; float:left; }
/*//// End Faqs ////*/


/*//// Photo Gallery ////*/

.photoGalleryContainer  { width:650px; border-top:solid 1px #625d49; border-bottom:solid 1px #625d49; padding:20px 0px 10px 0px; margin:10px 0px 20px 0px; clear:both; float:left; }
/*.thumbDiv { width:93px; height:113px; margin:0px 4px 10px 8px; overflow:hidden; float:left; }*/
.thumbDiv { width:93px; margin:0px 4px 10px 8px; float:left; text-align:center;}
#trailimageid { width:auto; height: 0px; font-size: 0.75em; position: absolute; left: 0px; top: 0px; display: none;  z-index: 200; }

.photoGalleryRow { width:100%; padding-bottom:20px; float:left; clear:both; }
.photoGalleryLink { width:181px; text-align:center; }
.photoGalleryCount { width:640px; text-align:center; clear:both; float:left; }

/*//// End Photo Gallery ////*/

/*//// Warranty Form ////*/
.warrantyFormContainer { width:610px; min-height:438px; height:438px; border:solid 5px #79a331; text-align:left; float:left; background:white; overflow:auto; }
.warrantyFormLogo { width:100%; background:#79a331; clear:both; }
.warrantyFormBody { width:100%; clear:both; background:#fff;  }
.WarrantyContentPadding { padding:17px 25px 15px 40px; }

/*//// End Warranty Form ////*/

/*//// Scrolling News ////*/
.newsBox {position:relative; width:835px; height:36px; overflow:hidden; top:-10px; bottom:-10px; margin-bottom:-20px; float:left;}
.newsWindow {position:relative; overflow:hidden; width:100%; height:36px;}
.newsItem {padding:0px 3px 0px 3px; margin:0px; position:absolute; visibility:hidden; top:0px; width:100%;}
.newsItem span {font-weight: bold; width: 45%;}
.newsItem span.left {float: left;text-align: left; width:700px;}
.newsItem span.right {float: right; text-align: right; width:75px;}
html>body .newsItem span.right {padding-right:6px;}
.newsItem span.bottom {font-weight:normal; width:100%; clear:both; float:left;}
/*//// End Scrolling News ////*/

}

@media print {

#pageContainer { width:650px; }
#pageHeader { width:100%; border-bottom:solid 1px #000; margin-bottom:20px; float:left }
#pageLogo { display:none; }
#pagePrintLogo { width:100%; padding-bottom:20px; float:left; }
.pageNav { display:none; }

#pageSplashBody { width:100%; margin-top:20px; overflow:hidden; display:block; clear:both; float:left; }
#pageSplashDoor img{ width:216px; float:left; }
#pageSplashHouse img{ width:216px; float:left; }
#pageSplashImagePossibilities { width:216px; float:right; }
#pageSplashImagePossibilitiesPadding { padding:10px 0px 0px 30px; text-align:justify; float:left; }

#pageSplashNewsBar { width:100%; border-top:solid 1px #fff; clear:both; float:left; }
#pageSplashNewsBarPadding { padding:10px 0px 10px 0px; float:left; } 
#pageSplashBottom { width:100%; height:165px; overflow:hidden; clear:both; float:left; }

#pageSplashBottomLeft { width:216px; height:150px; margin:24px 0px 0px 0px; display:block; overflow:hidden; float:left; }
#pageSplashBottomLeftPadding { padding:15px 30px 0px 00px; float:left; }

#pageSplashBottomMiddle { width:216px; height:150px; margin-top:24px; display:block; overflow:hidden; float:left; }
#pageSplashBottomMiddlePadding { padding:15px 30px 0px 40px; float:left; }

#pageSplashBottomRight { width:207px; line-height:16px; float:right; }
#pageSplashBottomRightPadding { padding:30px 30px 30px 35px; float:left; }

#pageFooter { width:100%; border-top:solid 1px #000; background:url(../images/style/footerBG.gif) bottom left no-repeat; clear:both; float:left; }
#pageFooterLinks { display:none; }
#pageFooterPadding { padding:13px 11px 18px 11px; float:left; }




/*/////// Sub Page Layout ////////*/
#subPageBodyContainer { width:100%; background: url(../images/style/rightColumnBG.gif) top right;/*this colour will be left column colour */ text-align:left; }
#subPageRightColumn { display:none;  }
#subPageColumnWrapper { }
#subPageMainContentContainer{ width:100%; }/* contain cleared elements from clearing other floats*/
#subPageMainContentContainer img { height:auto; margin:5px 10px; width:auto; }

/* clear without structural mark-up from PIE website*/
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }

/* mac hide \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide */
/* do not change or amalgamate clearfix styles*/

.subPageSubNav { display:none; }
.subPageBanner { display:none; }

.subPagePrintEmailSearchBar { display:none; }

#subPageMainContentPadding { }

.bodyImage { margin:0px 30px 30px 0px; float:left; }

#subPageRightColumnTopShadow { width:100%; height:49px; position:relative; right:1px; background: url(../images/style/rightColumnTopBG.gif) top left no-repeat; float:left; }
#subPageRightColumnContentPadding { padding:0px 13px 10px 25px; position:relative; top:-25px; float:left; }
.subPageRightColumnLinks { margin-bottom:25px;  float:left; width:200px; }

.subPageRightModuleContainer { width:100%; display:block; clear:both; margin-bottom:25px; float:left; }
.subPageRightModuleImage { width:88px; height:81px; display:block; overflow:hidden; float:left; }
.subPageRightModuleText { width:124px; margin-left:4px; float:right; }

#subPageGreenBar { width:100%; height:36px; background:#0e1e4d; }

/*/////// Sub Page Layout ////////*/

#pageFooter { width:100%; margin-bottom:10px; background:url(../images/style/footerBG.gif) bottom left no-repeat; clear:both; float:left; }
#pageFooterPadding { padding:13px 11px 18px 11px; float:left; }


.floatLeft { float:left; }
.floatRight { float:right; }


/*////  News Room ////*/

.newsItemContainer { width:100%; border-top:solid 1px #625d49; margin-top:20px; padding:15px 0px 15px 0px; display:block; clear:both;  }
.newsItemDate { width:130px; display:block; float:left; font-weight:bold; }
.newsItemTitleSummary { width:325px; margin-right:25px; display:block; text-align:justify; float:left; }
.newsItemDownload { width:160px; text-align:center; float:right; }

/*//// End News Room ////*/

/*//// Image Library ////*/
.imageLibraryBorder { width:650px; margin-top:20px; border-top:solid 1px #625d49;  }
.imageLibraryItem { width:300px; margin:25px 25px 25px 0px; display:block; float:left; }
.imageLibraryImage { width:93px; height:113px; overflow:hidden; margin-right:10px; float:left; }
.imageLibraryText { width:197px; display:block; float:right; }

/*//// End Image Library ////*/

/*//// Employment ////*/

.employmentBorder { width:650px; margin-top:20px; padding-top:20px; border-top:solid 1px #625d49; }
.employmentRow { width:650px; padding-bottom:10px; clear:both; float:left; }
.employmentLabel { width:70px; padding-top:3px; float:left; }
.employmentInput { padding-right:50px; float:left; }
.employmentInput input{ width:150px;  }

/*//// End Employment ////*/

/*//// Entry Door Types ////*/

.entryDoorTypeContainer { width:650px; margin:15px 0px 15px 0px; display:block; clear:both;  }
.entryDoorTypeImage { width:93px; height:113px; margin-right:20px; overflow:hidden; display:block; float:left; }
.entryDoorTypeText { width:537px; display:block; float:left; }

/*//// End Entry Door Types ////*/

/*//// Vinyl Window Types ////*/

.vinylWindowTypeContainer { width:650px; margin:15px 0px 15px 0px; display:block; clear:both; float:left; }
.vinylWindowTypeImage { width:93px; height:113px; margin-right:20px; overflow:hidden; display:block; float:left; }
.vinylWindowTypeText { width:537px; display:block; float:left; }

/*//// End Vinyl Window Types ////*/

/*//// Architectural Window ////*/

.ArchitecturalStyleContainer { width:650px; margin:15px 0px 15px 0px; display:block; clear:both; float:left; }
.ArchitecturalStyleImage { width:93px; height:113px; margin-right:20px; overflow:hidden; display:block; float:left; }
.ArchitecturalStyleText { width:537px; display:block; float:left; }

/*//// End Architectural Window ////*/

/*//// FAQs ////*/
.faqList {  border-bottom:solid 1px #625d49; margin-bottom:40px; padding:10px 0px 40px 0px;  }

.faqListQuestionLeft { width:60px;  }
.faqListQuestionRight { width:590px; display:block; margin-bottom:5px;  }

.faqAnswerList { width:650px; margin-bottom:40px; clear:both;  }
/*//// End Faqs ////*/


/*//// Photo Gallery ////*/

.photoGalleryContainer  { width:650px; border-top:solid 1px #625d49; border-bottom:solid 1px #625d49; padding:40px 0px 40px 0px; margin:40px 0px 20px 0px; clear:both; float:left;  }
.photoGalleryLeftArrow { margin-top:85px; float:left; }
.photoGalleryRightArrow { margin-top:85px; float:right; }
.photoGalleryImage { width:181px; height:250px; text-align:center; overflow:hidden; position:relative; padding:0px 10px 0px 10px; float:left; }
.photoGalleryCount { width:650px; text-align:center; clear:both; float:left; }

/*//// End Photo Gallery ////*/

}


/*//// Where to Buy ////*/
.tt tr td {padding:5px}
.ss {font-size:.8em; font-style:italic; padding-left:10px}
.g {background-color:rgb(240,240,240);}
.h td strong, .h td span {}

/*/// end where to buy //////*/

.gallery
{
	display: none;
}