.ContentPane {float: left;width: 535px;/*margin: -10px 10px 0 5px;*/padding: 0 10px;}

.ContentPane_ContactUs, .ContentPane_PopPane {float: left;width: 515px;margin-left: 5px;margin-right: 10px;}

.ContentPane_1Pane {float: left;width: 804px;margin-left: 5px;margin-right: 5px;}

* html .ContentPane_1Pane /*Hack for IE6 */ {margin-left: 3px;}

.ContentPane_Home {float: left;width: 550px;margin-left: 5px;margin-right: 10px;}

.NavPane {width: 160px;/*margin-left: 4px;margin-right: 4px;*/}

.NavLeft {background-image: url(NavLeft.gif);}

.NavRight {background-image: url(NavRight.gif);}

.RightPane {float: left;width: 230px;/*margin: -10px 5px 0 0 ;*/}

.RightPane_ContactUs {float: left;width: 256px;margin-right: 5px;}

.BottomNavigation {width: 600px;clear: both;text-align: center;margin-top: 10px;}

.HeaderTools {font-size: 9pt;font-family: arial;}

A:link, A:hover, A:active {text-decoration: underline;color: #CD363A;font-weight: bold;}

A:visited {text-decoration: underline;font-weight: bold;color: #5D3B8B;}

html,body{height:100%; margin: 0;padding: 0;border: none;}

.NavTop{vertical-align: top;}

body, body td {font-family: Arial, Helvetica, sans-serif;font-size: 10pt;}

/*
================================
Admin Styles
================================
*/

.Admin .MainTable {
	background-color: #FFFFFF;
}

.Admin A.SkinObject, .userlogin {
	color: #FFFFFF;
}

.Admin A.SkinObject:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

/****  Admin Menu Styles  ****/
.MainMenu_MenuContainer {
	border: 0px;
}

.MainMenu_MenuBar {
	border: 0px;
}

.MainMenu_MenuItem {
	border: 0px;
	color: #646464;
	padding: 5px;
}

.MainMenu_MenuItemSel {
	border: 0px;
}

.MainMenu_SubMenuItemSelected {
	border: 0px;
	color: #646464;
	background: #E4E4E4;
	background-color: #E4E4E4;
}

.MainMenu_SubMenuItemActive {
	border: 0px;
}

.MainMenu_RootMenuItem {
	border: 0px;
	color: #FFFFFF;
	padding: 5px;
}
.MainMenu_RootMenuItemSel {
	border: 0px;
	background-color: Transparent;

}
.MainMenu_RootMenuItemSelected {
	border: 0px;
	background-color: Transparent;

}

.MainMenu_MenuIcon {
	border: 0px;
	padding: 5px
	background: #ffffff;
	background-color: #ffffff;
}

.MainMenu_SubMenu {
	background: #ffffff;
	border: solid 1px #CD3134;
	padding: 5px;
	filter: none;
}

.MainMenu_MenuBreak {
	border: 0px;
}

.MainMenu_MenuArrow {
	border: 0px;
}

.MainMenu_RootMenuArrow {
	border: 0px;
}


/*
================================
Home Styles
================================
*/
.Home .MainTable {
	background-color: #FFFFFF;
}

.Home .NavTop {
	
}

.Home .NavCenter {
	background-image: url(homeNavBackground.gif);
	color: #FFFFFF;
}

.Home .HeaderSeperator {
	background-color: #CBCCCE;
}

.Home .HeaderShadow {
	background-image: url(HeaderShadow.gif);
}

.Home .HeaderTools {
	background-color: #010066;
	color: #FFFFFF;
}

.Home .divNavigationMenu {
	margin-left: 4px;
	margin-right: 4px;
}

/*
================================
homeowner Styles
================================
*/
.homeowner .MainTable {
	background-color: #FFFFFF;
}

.homeowner .NavTop {
	background-image: url(homeownerNavTopbg.jpg)
}

.homeowner .NavCenter {
	background-color: #010066;
	color: #FFFFFF;
}

.homeowner .HeaderSeperator {
	background-color: #CBCCCE;
}

.homeowner .HeaderShadow {
	background-image: url(HeaderShadow.gif);
}

.homeowner .HeaderTools {
	background-color: #010066;
	color: #FFFFFF;
}

/*
================================
builder Styles
================================
*/
.builder .MainTable {
	background-color: #FFFFFF;
}

.builder .NavTop {
	background-image: url(builderNavTopbg.jpg)
}

.builder .NavCenter {
	background-color: #000000;
	color: #FFFFFF;
}

.builder .HeaderSeperator {
	background-color: #CBCCCE;
}

.builder .HeaderShadow {
	background-image: url(HeaderShadow.gif);
}

.builder .HeaderTools {
	background-color: #000000;
	color: #FFFFFF;
}

/*
================================
architect Styles
================================
*/
.architect .MainTable {
	background-color: #FFFFFF;
}

.architect .NavTop {
	background-image: url(architectNavTopbg.jpg)
}

.architect .NavCenter {
	background-color: #780000;
	color: #FFFFFF;
}

.architect .HeaderSeperator {
	background-color: #CBCCCE;
}

.architect .HeaderShadow {
	background-image: url(HeaderShadow.gif);
}

.architect .HeaderTools, .architect .HeaderTools table {
	background-color: #780000;
	color: #FFFFFF;
}

/*
================================
Bottom Navigation Styles
================================
*/
.ndgBottomNav {
	text-align: center;
	width: 550px;
}

.ndgBottomNav div,
.ndgBottomNav a {
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}

/*
================================
Glossary Styles
================================
*/
.glossary
{
	padding: 0 30px 30px 30px;
}
.glossary .title
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #000000;
}


.glossary .description 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #000080;
}

.glossary .ResultHeader
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
}

.glossary .lighttcolor
{
	background: #FFFFFF;
}

.glossary .darkcolor
{
	background: #D0D0D0;
}

.glossary .ResultTerm
{
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 10pt;
	color: #000000;
}

.glossary .ResultDesc
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
}


/*
================================
Dealer Locator Styles
================================
*/
.ndgDealerLocator {
	font-size: 10pt;
	color: #FFFFFF;
	vertical-align: middle;
}

.ndgDealerLocator .label {
	padding-top: 4px;
	font-size: 9pt;
	vertical-align: middle;
}

.ndgDealerLocator .input {
	margin-left: 5px;
	margin-right: 5px;
	vertical-align: middle;
}

.ndgDealerLocator .submit {
	vertical-align: middle;
}

/*
================================
Site Search Styles
================================
*/
.ndgSiteSearch {
	font-size: 10pt;
	color: #FFFFFF;
	vertical-align: middle;
}

.ndgSiteSearch .label {
	padding-top: 4px;
	font-size: 9pt;
	vertical-align: middle;
}

.ndgSiteSearch .input {
	margin-left: 5px;
	margin-right: 5px;
	vertical-align: middle;
}

.ndgSiteSearch .submit {
	vertical-align: middle;
}

/*
================================
Merchandising Article Styles
================================
*/
.bodystyle {
	color: #333333;
}

.main-header {
	font-size: 20px;
	color: #666666;
}

.breadcrumb {
	font-size: 8pt;
	color: #666666;
}
/*
================================
Media Gallery Styles 
================================
*/
.MediaGalleryViewer{width:810px;margin-top:20px;}
/*--------------Header---------------*/
.MediaGalleryHeader{margin-bottom: 25px;}
/*-----------Category Menu-----------*/
	.MediaGalleryMenu{clear:both;width:100%;height:30px;*height:31px;_height:30px;overflow:hidden;}
		.galleryType{background: url(images/Mgmenu-bg.gif) no-repeat top left;width:148px;float:left;height:23px;*height:24px;_height:25px;border-bottom:solid 1px #333;}
		.galleryTypeSelected{background: url(images/Mgmenu-bg.gif) no-repeat top left;width:148px;float:left;height:23px;*height:24px;_height:25px;border-bottom:solid 1px #868789;}
			a.DocumentGalleryLinkButton, a.VideoGalleryLinkButton, 
			a:visited.DocumentGalleryLinkButton, a:visited.VideoGalleryLinkButton{color:#fff;font-size:12px;padding:4px 0 6px 10px;display:block;}
			a:hover.DocumentGalleryLinkButton, a:hover.VideoGalleryLinkButton,
			a:visited:hover.DocumentGalleryLinkButton, a:visited:hover.VideoGalleryLinkButton{color:#fff;font-size:12px;border-bottom:solid 1px #868789;}
        .galleryTypeSelected a.DocumentGalleryLinkButton,.galleryTypeSelected a.VideoGalleryLinkButton {color:#CD363A; }
	.MediaGalleryCategoryHeaderRow{clear:both;}
		.MediaGalleryCategoryHeaderViewAll{width: 810px;height:24px;background: url(images/category-bg.gif) no-repeat left bottom;height:24px;margin:-6px 0 0 0;border:none !important;}
			.MediaGalleryCategoryHeaderViewAll h2{font-family:Arial,Helvetica,sans-serif; color:#fff;font-size:14px;margin:0;padding:2px 0 0 10px;float:left;}
			.MediaGalleryCategoryHeaderViewAll a{color:#fff;font-size:14px;}
			.MediaGalleryViewAllLinkButton{float:right;padding:2px 10px 0 0;font-weight:normal !important;}	
			
	.DocGallerylists, .VideoGallerylists{border:solid 1px #333;border-top:none;border-bottom:none;overflow:hidden;padding:0 10px;height:auto;width:788px;}
		.DocumentGalleryCategoryListingLeft, .DocumentGalleryCategoryListingMiddle, .DocumentGalleryCategoryListingRight,
		.VideoGalleryCategoryListingLeft, .VideoGalleryCategoryListingMiddle, .VideoGalleryCategoryListingRight{width:260px;float:left;}
			.DocumentGalleryCategoryListingLeft a:link, .DocumentGalleryCategoryListingMiddle a:link, .DocumentGalleryCategoryListingRight a:link,
			.DocumentGalleryCategoryListingLeft a:visited, .DocumentGalleryCategoryListingMiddle a:visited, .DocumentGalleryCategoryListingRight a:visited,
			.VideoGalleryCategoryListingLeft a:link, .VideoGalleryCategoryListingMiddle a:link, .VideoGalleryCategoryListingRight a:link,
			.VideoGalleryCategoryListingLeft a:visited , .VideoGalleryCategoryListingMiddle a:visited , .VideoGalleryCategoryListingRight a:visited
			{color:#000;font-weight:normal;text-decoration:underline;padding:5px 0;display:block;}
			.DocumentGalleryCategoryListingLeft a:hover, .DocumentGalleryCategoryListingMiddle a:hover, .DocumentGalleryCategoryListingRight a:hover,
			.VideoGalleryCategoryListingLeft a:hover, .VideoGalleryCategoryListingMiddle a:hover, .VideoGalleryCategoryListingRight a:hover
			{color:#CD363A;font-weight:normal;text-decoration:underline;}			
			.DocumentGalleryCategoryListingLeft a.MediaGallerySelectedCategory, .DocumentGalleryCategoryListingMiddle a.MediaGallerySelectedCategory,
				.DocumentGalleryCategoryListingRight a.MediaGallerySelectedCategory, .VideoGalleryCategoryListingLeft a.MediaGallerySelectedCategory, 
				.VideoGalleryCategoryListingMiddle a.MediaGallerySelectedCategory, .VideoGalleryCategoryListingRight a.MediaGallerySelectedCategory{color:#cd363A; display:block; padding: 5px 0;}
	.MediaGalleryCategoryHeaderRowFoot{background: url(images/curve-bg.gif) no-repeat left top;height:10px;margin:-6px 0 30px;clear:both;}	
	.DocumentColumnHeader,.VideoColumnHeader { width: 400px;}
	.CategoryLabel {width: 220px; }
	.FileSizeLabel {width: 130px; }
	
/*-----------Category Results-----------*/		
	.GridViewPager{background: none !important;border:none;padding-bottom:10px;overflow:hidden;}
    .DocumentGalleryPageControls{background: none !important;}
    .DocumentGallerySearchResults{width: 810px;}
    .DocumentGallerySearchResultsGridView, .VideoGallerySearchResultsGridView{border:solid 1px #333;border-top:none;border-bottom:none;width:809px;clear:both;}
		.DocumentGallerySearchResults, .VideoGallerySearchResults{}
      /*background: url(images/curve-bg-tall.gif) no-repeat left bottom;*/
		.PageViewLabel{float:left;width:150px;font-weight:bold;font-size:12px;}
			.DocumentGalleryPageControls{float:right;}
				a.MediaGalleryLinkButtonEnabled, a.PreviousPageLinkButton, a.FirstPageLinkButton, a.NextPageLinkButton, a.LastPageLinkButton 
				{padding:0 2px;font-weight:bold;color:#000;text-decoration:none;font-size:12px;}
				a.MediaGalleryLinkButtonDisabled{padding:0 2px;font-weight:bold;color:#666;text-decoration:none;font-size:12px;}
				a.MediaGalleryLinkButtonDisabled:hover, a.MediaGalleryLinkButtonEnabled:hover,a.PreviousPageLinkButton:hover, a.FirstPageLinkButton:hover, a.NextPageLinkButton:hover, a.LastPageLinkButton:hover{padding:0 2px;font-weight:bold;color:#CD363A;}
			
			.DocumentGalleryGridView,.VideoGalleryGridView{background: url(images/category-bg-round.gif) no-repeat left top;}
			
     		.GridViewHeaderRow th{text-align: left; color: #fff;font-family:Arial,Helvetica,sans-serif; font-weight:normal; font-size:14px;}
          .GridViewHeaderRow th a{color:#fff;font-size:14px;font-weight:normal;}			
			
        .DocumentGallerySearchResultsGridView tr td, .VideoGallerySearchResultsGridView tr td,.GridViewHeaderRow th{padding:3px  10px;} 
          /*tr.GridViewRow{background: url(images/item-row-bg.gif) repeat-y;}
          tr.GridViewAlternatingRow{background: url(images/alt-row-bg.gif) repeat-y;}	*/

            
           .GridViewAlternatingRow{background:#ECEEED;}	
           .GridViewRow{background:#fff;}
			
/*
================================
Misc Styles
================================
*/
.divNavigationMenu,
.divNavigationMenu a,
.divNavigationMenu a:hover,
.divNavigationMenu a:visited
{
	width: 120;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 9pt;
	font-family: arial;
}
.divNavigationMenu a:hover { text-decoration: underline; }

a.divNavigationMenuSelected,
a.divNavigationMenuSelected:hover,
a.divNavigationMenuSelected:visited
{
	width: 120;
	color:FFCC33;
	text-decoration: none;
	font-size: 9pt;
	font-family: arial;

}

a.divNavigationMenuSub,
a.divNavigationMenuSub:hover,
a.divNavigationMenuSub:visited
{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 8pt;
	font-family: arial;
	padding-left:10px;

}
a.divNavigationMenuSub:hover { text-decoration: underline; }

a.divNavigationMenuSubSelected,
a.divNavigationMenuSubSelected:hover,
a.divNavigationMenuSubSelected:visited
{ 
	color:FFCC33;
	text-decoration: none;
	font-size: 8pt;
	font-family: arial;
	padding-left:10px;

}

.divSiteMap,
.divSiteMap a,
.divSiteMap a:hover,
.divSiteMap a:visited
{
	color: #000000;
	text-decoration: none;
	font-size: 9pt;
	font-family: arial;
}
.divSiteMap ul
{
	margin-left:10px;
	margin-top:2px;
}



/*
**********************************************
Module CSS
**********************************************
*/

#divProductName
{
	font-weight: bold;
	font-size: 15pt;
	color: #666666;
}

.divProductName
{
	float: left;
}

.divProductImage
{
	float: left;
	margin: 5px 5px 5px 5px;
	border: solid 1px #000000;
}

#divProductDescription
{
	font-size: 10pt;
	color: #000000;
}

.divProductDescription {}

#divProductText {}

.divInformationTabs
{
	float: left;
	/*width: 536px;*/
}

.divInformationTabs div, .divInformationTabs span
{
	float: left;
	/*padding-left: 0px;
	padding-right: 0px;
	border-top: solid 1px #000000;
	border-right: solid 1px #000000;
	border-left: solid 1px #000000;
	margin-right: 1px;*/
}

.divInformationTabs input
{
    border: none 0px;
}

.divInformationSpacer
{
	clear: left;
	border: solid 1px #000000;
	background-color: #cccccc;
	width: 540px;
	height: 5px;
	font-size: 0px;
}

.divInformationContent
{
	width: 556px; /* 6 93px images = 558px, minus 2 for borders*/
	border: solid 1px #000000;
}

.divProductDisplayContent
{
	width: 556px; /* 6 93px images = 558px, minus 2 for borders*/
	border-right: solid 1px #999999;
	border-left: solid 1px #999999;
}

.divProductDisplayContent div
{
	color: #000000;
	padding: 2px;
	/*display: none;
	width: 333;*/
}

span.lblColor
{
	display: block;
	overflow: hidden;
}

#ProductFirstRow {}

#divProductContentFooter
{
	background-image: url("../../../../DesktopModules/ETGAMS/Products/images/resources_bt_border.gif");
	background-repeat: no-repeat;
}

* html .divInformationContent /*Hack for IE6 */
{
	width: 556px;
}

*:first-child+html .divInformationContent  /*hack for ie7*/
{
	width: 550px;
}

.divInformationContent div
{
	color: #000000;
	padding: 2px;
	/*display: none;
	width: 333;*/
}

.divInformationTabs
{
	float: left;
	width: 562px;
}

#resourceCenterLink
{
	float: right;
	position: relative;
	left: -20px;
	top: 20px;
}

#divProductList
{
}

#divProductListDiv
{
	position:absolute; 
	background:#f0f0f0; 
	width: 200px;
	padding: 5px;
	visibility:hidden; 
}

#divSpecifications
{
}

#divProductContent
{
	float:left;
	margin-top: -10px;
	*/ margin-top: -5px;
	width:560px;
}

#divProductRight
{
	float:right;
	margin-top: -5px;
	*/ margin-top: 0px;
	margin-right: 5px;
	width:225px;
}

* html #divProductRight /*Hack for IE6 */
{
	margin-right: 1px;
}

.PhotoGalleryLink
{
	margin-top: -12px;
	*/ margin-top: 0px;
}

.divApplicationMethod .title,
.divApplicationRate .title
{
	font-weight: bold;
}

#lblProductFeatures
{
	padding-right: 10px;
}

.divProductLinks
{
	margin-bottom: 10px;
	color: #000000;
}

.divProductLinks a
{
	color: #FFFFFF;
}

.divProductLinks a:visited
{
	color: #FFFFFF;
}

.divProductLinks a:hover
{
	color: #f00;
}

.divProductLinks td
{
	padding-left: 10px;
}

.productWrapper{}

/*IMAGE VIEWER CSS*/

.divImageViewerPlaceHolder
{
	/*background-color: #999999;*/
	width: 100%;
	padding: 5px 0px;
	overflow: hidden;
}

.ImageViewerWrapper{width: 293px; float: left; margin-right: 10px;}

* html .ImageViewerWrapper{margin-right: 8px;}

.JavaImageViewerWrapper {width: 220px; float: left; margin-right: 10px; }

	.divImageViewer
	{
		float: left;
		/*background-color: #999999;*/
		width: 293px;
		padding: 5px 0px;
		text-align: center;
	}
	
	* html .divImageViewer
	{
		width: 283px;
	}
	
	.divJavaImageViewer
	{
		float: left;
		/*background-color: #999999;*/
		width: 220px;
		padding: 5px 0px;
		text-align: center;
	}
	
		.divJavaImageViewerLargeImage
	{
		float: left;
		background-color: #999999;
		width: 220px;
		padding: 5px 0px;
		text-align: center;
	}
	
	.divImageViewerHeader
	{
		background: url("../../../../DesktopModules/ETGAMS/Products/images/imageview_top_border.gif") no-repeat bottom;
		width: 293px;
		height: 7px;
		float: left;
		/*margin: 0 10px 0 0;*/
	}

	.divImageViewerContent
	{
		background-image: url("../../../../DesktopModules/ETGAMS/Products/images/imageview_mid_border.gif");
		background-repeat: repeat-y;
		/*margin: 0 10px 0 0;*/
		width: 293px;
		float: left;
	}

	* html .divImageViewerContent
	{
		/*margin: 0 10px 0 0;*/
		width: 283px;
	}
	
	.divImageViewerFooter
	{
		background-image: url("../../../../DesktopModules/ETGAMS/Products/images/imageview_bt_border.gif");
		background-repeat: no-repeat;
		width: 293px;
		float: left;
		/*margin: 0 10px 0 0;*/
	}

	.divJavaImageViewerHeader
	{
		background: url("../../../../DesktopModules/ETGAMS/Products/images/java_imageview_top_border.gif") no-repeat bottom;
		width: 220px;
		height: 7px;
		float: left;
		margin-right: 10px;
	}

	.divJavaImageViewerContent
	{
		background-image: url("../../../../DesktopModules/ETGAMS/Products/images/java_imageview_mid_border.gif");
		background-repeat: repeat-y;
		margin-right: 10px;
		width: 220px;
		float: left;
	}
	
	.divJavaImageViewerFooter
	{
		background-image: url("../../../../DesktopModules/ETGAMS/Products/images/java_imageview_bt_border.gif");
		background-repeat: no-repeat;
		width: 220px;
		float: left;
		margin-right: 10px;
	}

	.JavaImageViewerWrapperLargeImage {width: 100%; height: 550px; float: left; margin-right: 10px;  background-color: #999999;}

	.divJavaImageViewerLargeImage
	{
		float: left;
		/*background-color: #999999;*/
		width: 100%;
		padding: 5px 0px;
		text-align: center;
	}

	.divJavaImageViewerHeaderLargeImage
	{
		width: 100%;
		float: left;
		margin-right: 10px;
	}
	
	.divJavaImageViewerContentLargeImage
	{
		margin-right: 10px;
		width: 100%;
		float: left;
	}

	.divJavaImageViewerFooterLargeImage
	{
		width: 100%;
		float: left;
		margin-right: 10px;
	}

	.divImageViewer .title
	{
		width: 100%;
		text-align: center;
		padding: 5px 5px 5px 5px;
	}
	
	.divImageViewerButtons
	{
		height: 35px;
		width: 200px;
		background-color: #999999; 
	}
	
	.divImageViewerButtons td
	{
		padding: 2px;
	}
	
	.divImageViewerButtons td.Normal
	{
		width: 120px;
	}
	
	td #overlibancher
	{
		font-size: 0;
		line-height: 0;
	}
	
	.divImageViewer .info
	{
		text-align: center;
	}

	.divImageViewer .nav
	{
		width:100%;
		text-align: center;
	}

.lblLegalNote
{
	text-align: left;
	width: 293px;
	padding: 5px 0px 0px 10px;
}

* html .lblLegalNote
{
	width: 283px;
}

.lblJavaLegalNote
{
	text-align: left;
	width: 220px;
	padding: 0px 0px 0px 10px;
}

/*PRODUCT VIDEO CSS*/
.divProductVideos
{
	background-color: #2C2C50;
	width: 225px;
	padding: 5px 5px 5px 5px;
	margin-bottom: 10px;
}

.divProductVideos .title
{
	clear: none;
	float: left;
	width: 50%;
	text-align: center;
}

.divProductVideos .text
{
	width: 50%;
	color: #FFFFFF;
	float: left;
	clear: left;
}

.divProductVideos .photo
{
	width: 50%;
	clear: none;
	float: right;
}

.divProductVideos .list
{
	width: 215px;
}

/*PhotoGallery LInk CSS*/
.PhotoGalleryLink
{
	height: 95px;
	margin-bottom: 15px;
	*/ margin-bottom: 20px;
}

/*ShingleColors LInk CSS*/
.ShigleColorsLink
{
	margin-top: -23px;
	*/ margin-top: -29px;
}

/*Related Item CSS*/
.divRelatedItems
{
	background-image: url("../../../../DesktopModules/ETGAMS/Products/images/youmight_top_border.gif");
	background-repeat: no-repeat;
	width: 216px;
	padding: 15px 5px 5px 5px;
	margin-top: -5px;
	*/ margin-top: -12px;
}

.divRelatedItems .title
{
	text-align: center;
	width: 215px;
}

.divRelatedItems .image
{
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	border: solid 1px #000000;
}
	
.divRelatedItems .noimage
{
	margin-top: 10px;
	margin-right: 5px;
}
	
.divRelatedItems .text
{
	color: #000000;
	font-size:12px;
}

.divRelatedItems a.text,
.divRelatedItems a.text:hover,
.divRelatedItems a.text:visited
{
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}

#divRelatedItemsText
{
	background-image: url("../../../../DesktopModules/ETGAMS/Products/images/youmight_mid_border.gif");
	background-repeat: repeat-y;
	margin-top: -2px;
	*/ margin-top: -18px;
	padding: 10px 10px 5px 0px;
	width: 216px;
}
.divRelatedItemsText
{
	margin-bottom: 10px;
	padding-left: 10px;
}

#divRelatedItemsText .text
{
	color: #000000;
	font-size:11px;
	font-weight: normal;
	text-decoration: none;
	width: 215px;
	
}
	
#divRelatedItemsFooter
{
	margin-top: -3px;
	background-image: url("../../../../DesktopModules/ETGAMS/Products/images/youmight_bt_border.gif");
	background-repeat: no-repeat;
	height: 7px;
}

.divProductDocuments
{
	width: 523px;
	margin-top: 10px;
	margin-bottom: 10px;
}
	
.divProductDocuments .header
{
	padding: 5px 5px 5px 5px;
	background-color: #666666;
	float: left;
}

.divProductDocuments .data
{
	padding-left: 10px;
}

.divNavigationMenu
{
	width:137px;
}

#divArticleContent
{
}

#divArticleContent .divArticleTitle
{
	font-weight: bold;
	padding-bottom: 10px;
}

#divArticleContent .name 
{
	font-family: HelveticaNeue;
	font-size: 20pt;
	font-weight: bold;
}

.divNavigationMenu
{
}

/*Breadcrum*/
.divBreadcrumb
{
	font-size: 10pt;
	margin-bottom: 5px;
}

.divBreadcrumb .seperator
{
}

.divBreadcrumb a.navlink,
.divBreadcrumb a.navlink:link,
.divBreadcrumb a.navlink:hover,
.divBreadcrumb a.navlink:visited
{
	color: #90593A;
	font-weight: bold;
	text-decoration: underline;
}

/*Quick Search*/
.quickSearchDropDown
{
	width:145px;
	overflow:hidden;
}

.qsHeader
{
	background:url(images/quicksearch/quick-search-head.gif);
	height:47px;
	background-repeat:no-repeat;
}


/*Product Listing*/
.divProductListing
{

}

.divProductListing .name
{
	font-weight: bold;
	font-size: 15pt;
	color: #666666;
}

.divProductListing .fieldName
{
	font-weight: bold;
	float: left;
	color: #000000;
}

.divProductListing .fieldValue
{
	color: #000000;
}

.divProductListing .thumbnail
{
	border: solid 1px #000000;
}

/* Search Results */
.divSearchResults {}

.divSearchResults .title 
{
	font-weight: bold;
	font-size: 15pt;
	color: #666666;
}

.divSearchResults .description 
{
	margin-top: 10px;
	margin-bottom: 10px;
}

.divSearchResults .step {}

.divSearchResults .results {}

.divSearchResults .results .label
{
	font-weight: bold;
}

.divSearchResults .name {}

.divSearchResults .downloadlink {}

.divSearchResults .header 
{ 
	font-weight: bold;
	font-size: 9pt;
}

.RecentPagesLink 
{
	font-size: 8pt;	
}

/*******************/
/* left nav styles */
/*******************/
.leftNavMenuBreak
{
	border-width: 0px;
	border-color:  White;
}
.leftNavMenuArrow
{
}
.leftNavMenuBar
{
	background-color: Black;
}
.homeowner .leftNavMenuBar
{
	background-color: #010066;
}
.builder .leftNavMenuBar
{
	background-color: #000000;
}
.architect .leftNavMenuBar
{
	background-color: #780000;
}
.leftNavMenuContainer
{
	border-width: 0px;
}
.leftNavMenuSolpartContainer td /* .leftNavMenuBar*/
{
	text-indent: -6pt;
}
.leftNavMenuSolpartContainer .leftNavMenuItem, .leftNavMenuSolpartContainer .leftNavMenuItem td
{
	padding-left: 3pt;
}
.leftNavMenuSolpartContainer .leftNavMenuItemSel, .leftNavMenuSolpartContainer .leftNavMenuItemSel td
{
	padding-left: 3pt;
}
.leftNavSubMenu
{
	color: White;
	background-color: Black;
	border-width: 1px;
	border-color: White;
	font-weight: bold;
}
.leftNavSubMenu td
{
	padding-left: 10px;
}
.builder .leftNavSubMenu
{
	background-color: #000000;
}
.homeowner .leftNavSubMenu
{
	background-color: #120369;
}
.architect .leftNavSubMenu
{
	background-color: #780000;
}
.leftNavMenuIcon
{
	display: none;
}
.leftNavMenuItem, .leftNavMenuItem td
{
	color: White;
	font-weight: bold;
	height: 21px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	white-space: normal;
}
.homeowner .leftNavMenuItemSel, .homeowner .leftNavMenuItemSel td,
.architect .leftNavMenuItemSel, .architect .leftNavMenuItemSel td,
.builder .leftNavMenuItemSel, .builder .leftNavMenuItemSel td,
.leftNavMenuItemSel, .leftNavMenuItemSel td
{
	border-width: 1px 0px;
	border-color: White;
	background-color: #ed1a3b;
	font-weight: bold;
	height: 21px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	white-space: normal;
}
.leftNavMenuScroll
{
}
.leftNavKeyBrands
{
	padding-left: 5px;
}
.leftNavHyperlink a, .leftNavHyperlink a:visited, .leftNavHyperlnk a:active, .leftNavHyperlink a:hover
{
	text-decoration: none;
	color: White;
	font-weight: bold;
}
.leftNavTopBorder
{
	border-top: solid 1px white;
}
.leftNavBottomBorder
{
	border-bottom: solid 1px white;
}

/*****************/
/*Resource Center*/
/*****************/
.divResourceCenterOverview
{
	background-color: #EEECEC;
	padding: 5px;
	border-width: 2px;
	border-color: #9B957F;
	border-style: solid;
}
.divResourceCenterSortBar
{
	background-image: url(../../../../Portals/0/images/sort_by_image.gif);
	background-repeat: repeat-x;
	height: 17px;
	padding: 5px;
	margin-bottom: 5px;
	border-width: 2px;
	border-color: #9B957F;
	border-style: solid;
	font-weight: bold;
}
* html .divResourceCenterSortBar /*Hack for IE6 */
{
	padding-bottom: 2px;
}
.lblSortBy
{
	color: #CD363A;
}
.hoverResourceCenterTab
{
	color: White;
	font-weight:bold;
}
.disabledResourceCenterTab
{
}
.defaultResourceCenterTab
{
	background-color: Transparent;
	color: White;
	font-weight:bold;
	height: 34px;
}
.resourceCenterTabSeperator
{
}
.selectedResourceCenterTab
{
	background-color: transparent;
	color:Black;
	font-weight: bold;
	/*border-style: solid;
	border-width: 0px 1px;
	border-color: #E3E1DD;*/
}
/*.selectedResourceCenterTab div
{
	border-style: solid;
	border-width: 10px 1px 0px;
	border-color: #E3E1DD;
	height: 300px;
	background-color: transparent;
	position:relative;
	top:-4px;
	/ *left: -9px;* /
}*/
.divResourceCenterTabResults
{
	padding-top: 10px;
}
.imageResultsTableCell
{
	padding: 5px;
}
.resourceCenterWebTabs
{
	background-color: transparent;
}
.imageResultsFilename, .imageResultsFormatsHeader, .samplesResultsHeader 
{
	color: #000000;
	font-weight: bold;
}
.samplesResultsItem
{
	font-size: 10pt;
	color: #000000;
}
.videoResultsTable td
{
	padding: 0px 30px;
}
.videoReulstInstructions
{
	padding-bottom: 5px;
}
.videoResultsTitle
{
	color: #000000;
}
.videoResultsHeaderTitle
{
	text-align: left;
}
.videoResultsDescriptionWrapper
{
	padding-left: 5px;
}
.resourceCenterItem
{
	padding-left: 25px;
}
.divResourceCenterBottomBorder
{
	background-image: url(../../../../Portals/0/images/bottom_bar.gif);
	height: 11px;
	width: 540px;	
	position:relative;
	top:-4px;
	border-color: #E3E1DD;
	border-style: solid;
	border-width: 0px 1px;
}

.resourceCenterTitle
{
	font-size: large;
	font-weight: bold;
	color: #CD363A;
}
.tblResourceCenterProductHeader
{
	padding: 5px;
	margin-bottom: 20px;
}

.resourceCenterLiteralContent
{
	border-width:0px !important;
	padding:10px;
}

.resourceCenterProductPageLink
{
	float:right;
	margin-top:-70px;
}

/********************/
/*    hot topics    */
/********************/

.divRotator
{
	background-image: url("../../../../DesktopModules/ETGAMS/images/hottopic_background.jpg");
	background-repeat: no-repeat;
	width: 545px;
	height: 135px;
}

.lblHotTopicTitle
{
	color: #990000;
	font-weight: bolder;
	text-transform: uppercase;
}

.viewArchive
{	
	float: right;
	margin: -15px 35px 0 0;
	width: 70px;
}

.bold
{
	font-weight: bold;
}

.controls
{
	MARGIN-TOP: -35px;
	MARGIN-LEFT: 270px;
}
	
.articleTitle, .articleTitle a:link, .articleTitle a:visited, .articleTitle a:active
{
	font-weight: bold;
	font-size: 14px;
	color: Black;
	padding: 5px 15px 0 0;
}

.spanArticleDescription
{
	padding: 0 15px 0 0 ;
	display: block;
}

.archiveArticleTitle, .archiveArticleTitle a:link, .archiveArticleTitle a:visited, .archiveArticleTitle a:active
{
	font-weight: bold;
	font-size: 14px;
	color: Black;
	text-decoration: none;
}

.divHotTopicControls
{
	text-align: right;
	top: -40px;
	position: relative;
}

.hlPrev, .hlPrev:link, .hlPrev:visited, .hlPrev:active, .hlPrev:hover
.hlNext, .hlNext:link, .hlNext:visited, .hlNext:active, .hlNext:hover
{
	color: Black;
	text-decoration: none;
	font-size: 8pt;
}

.lblNext, .lblPrev
{
	color: Gray;
	text-decoration: none;
	font-size: 8pt;
	font-weight: bold;
}

.lnkViewArchive, .lnkViewArchive:link, .lnkViewArchive:visited, .lnkViewArchive:active, lnkViewArchive:hover
{
	text-decoration: underline;
	color: Black;
	padding-right: 10px;
}

#imgArticleThumb
{
	float: left;
}

.HotTopic img
{
	float: left;
	padding: 0 5px 5px 0px;
}

.archiveArticleTitle, .archiveReleaseDate
{
	font-weight: bold;
}

.hotTopicArticleTitle
{
	color: Black;
	font-weight: bold;
	font-size: 11pt;
}

.archiveRule hr
{
	margin: 15px 0px 15px 0px;
	height: 3px;
	background-color: #B88A00;
}

.archiveArticleSummary
{
}

.hotTopicThumbnail
{
	height: 135px;
	width: 257px;
}

.hotTopicContent
{
	vertical-align: top;
	padding-top: 5px;
}

.divUrl
{
	width: 500px;
	font-size: 8pt;
}

#lblURL, .lblUrlError
{
	font-weight: bold;
}

#controls a
{
	text-decoration: underline;
	color: #CD363A;
	font-weight: bold;
	/*text-decoration: none;*/
	border: solid 0px black;
	font-size: 12px;
}

.btnPrev
{
	background-image: url(../../../../Portals/0/images/prev.gif);
	height: 16px;
	width: 16px;
	border: 0px;
}

.btnNext
{
	background-image: url(../../../../Portals/0/images/next.gif);
	height: 16px;
	width: 16px;
}

.btnPause
{
	background-image: url(../../../../Portals/0/images/pause.gif);
	height: 16px;
	width: 16px;
}

.ArticleRotatorHeaderImages 
{
	padding-bottom: 10px;
}

#articlePosition {}
	.articlePosition{ margin: -20px 0 0 80px; font-weight: bold; width: 85px; font-size: 12px;}

.hotTopicsArticleHeader
{
	background-image: url(../../../../Portals/0/images/hot_topics.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 134px;
	padding-bottom: 5px;
}

.hotTopicArchiveHeader
{
	background-image: url(../../../../Portals/0/images/hot_topics_archive.gif);
	background-repeat: no-repeat;
	height: 22px;
	width: 251px;
	padding-bottom: 5px;
	
}

.sendToFriend
{
	background-image: url(../../../../Portals/0/images/send_to_friend.gif);
	background-repeat: no-repeat;
	height: 23px;
	width: 96px;
	border: solid 0px black;
}

.linkToThisPage
{
	background-image: url(../../../../Portals/0/images/link_to_page.gif);
	background-repeat: no-repeat;
	height: 23px;
	width: 111px;
	border: solid 0px black;
}

#hlSendToFriend
{
	height: 23px;
	width: 96px;
}

/* =====================================
    CSS STYLES FOR Media Center Section
   =====================================
*/

.MCPageTitle
{
	font-size: 20px;
	color: #666666;
	text-align: left;
	margin-bottom: 0px;
}

.MCPageTitle2
{
	font-size: 20px;
	color: #666666;
	text-align: left;
	margin-bottom: 8px;
}

.MCparagraph1
{
	margin-top:8px;
	margin-bottom: 0px;
}

.MCparagraph2
{
	margin-top:8px;
}

.MCparagraph3
{
	margin-top:12px;
	margin-bottom: 0px;
}

.MCparagraph4
{
	margin-top:8px;
	margin-bottom: 0px;
}

.MCparagraph5
{
	margin-top:0px;
	margin-bottom: 0px;
}

.MCparagraph6
{
	margin-top:8px;
	margin-bottom: 12px;
}

.MCparagraph7
{
	margin-top:0px;
	margin-bottom: 12px;
}

.MCparagraph8
{
	margin-top:8px;
	margin-bottom: 2px;
}

.MCparagraphCenter
{
	text-align: center;	
}

.MCSectionTitle
{
	font-family:Arial,Helvetica,sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	text-align: left;	
}

.MCSubSectionTitle
{
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-align: left;	
}

.MCtrGrey
{
	background-color: #cacaca;
	padding: 4px;
}

.MCtrWhite, .MCtdWhite
{
	padding: 4px;
}

.MCtdLGrey
{
	background-color: #cacaca;
	border-top: solid 1px #666666;
	border-bottom: solid 1px #666666;
	border-left: solid 1px #666666;
	padding: 4px;
}

.MCtdRGrey
{
	background-color: #cacaca;
	border-top: solid 1px #666666;
	border-bottom: solid 1px #666666;
	border-right: solid 1px #666666;
	padding: 4px;
}

.MCexecName
{
	font-weight: bold;
	text-decoration: underline;
}

.MCideasList
{
	margin-top:0px;
	margin-bottom: 8px;
	margin-left: 16px;
}

.MCideasList li
{
	list-style-type: disc;
}

.MCrightSideContainer
{
	width: 200px;
	background-color: #cacaca;
	border:solid 1px #666666;
}

.MCtdpadding
{
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 12px;
	background-color: #cacaca;
	font-size: 12px;
}

.MCtdpadding a:link, .MCtdpadding a:active, .MCtdpadding a:visited, .MCtdpadding a:hover
{
	font-weight: bold;
	color: #000000;
}

/* =============================================
    CSS STYLES FOR Marketing Literature Section
   =============================================
*/

.mrktTable{
	border: 1px #000 solid;
	width: 565px;
	margin-left: 6px;
	*/ margin-left: 0;
}

.mrktTable a, .mrktTable a:link, .mrktTable a:active, .mrktTable a:visited, .mrktTable a:hover{
    color: #000;
    font-weight: normal;
    font-family: Tahoma,Arial,Helvetica;
    font-size: 11px;
}


.MiddleTable {
	}

.MiddleTitle {
	width: 565px;	
	height: 35px;
	background-image:url('Lit-Heading.jpg');
	background-repeat:no-repeat;
	}

.RightPane_4Pane {
	background-image: url('Addl-Tools.jpg');
	background-repeat: no-repeat;
	width: 215px;
	padding: 30px 0 0 0;
	margin: 0;
	border: 1px #000 solid;
	*/ padding-top: 40px;
	}

.MiddleLeftPane {
	padding-left: 7px;
	}
	 
.MiddleRightPane {
	padding-left: 130px;
	}		
.MiddleViewAll 
{
	text-align:center;	
	padding-left: 263px;
}

.MiddleViewAll p{
	text-align: center;
	}

.MiddleViewAll a{
	text-align: center !important;
}

.MiddleViewAll a .link{
	text-align: center !important;
}

.MiddleViewAll .Head{
	display: none;
}

.RightPane_4Pane .blankpane p{
	padding: 0 10px;
	line-height: 1.6;	
}					

.RightPane_4Pane .blankpane a{
	color: #000;
	font-weight: normal;
}

.RightPane_4Pane .blankpane a:hover{
	font-weight: normal;
}

.marketingToolsArticle
{
}

.marketingToolsArticle td
{
	font-weight: normal;
	font-family: Tahoma,Arial,Helvetica;
	font-size: 11px;
	line-height: 1.8 !important;
}
					
.ML_ColumnTitle {
	font-size: 14px;
	font-weight: bold;
	}

.ML_SubColumnTitle {
	font-size: 11px;
	font-weight: bold;
	}

.ML_MainSection {
	background: rgb(102,102,102) 0% 50%;
	color: #ffffff;
	}

.ML_MainSection p {
	padding: 0px;
	margin: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	}

.ML_SubSection {
	background: rgb(175,175,175) 0% 50%;
	}

.ML_SubSection p {
	padding: 0px;
	margin: 0px;
	margin-left: 15px;
	font-size: 12px;
	font-weight: bold;
	}

.ML_PlantLocation {
	background: rgb(238,238,238) 0% 50%;
	}

.ML_PlantLocation p {
	padding: 0px;
	margin: 0px;
	margin-left: 30px;
	font-size: 12px;
	font-weight: bold;
	}

.ML_DocDesc  {
	padding: 0px;
	margin: 0px;
	}

.ML_DocDesc a, .ML_DocDesc p {
	padding: 0px;
	margin: 0px;
	margin-left: 45px;
	}

* html .ie6FixTd {margin-left: 10px;}

/* =============================================
    CSS STYLES FOR Tamko Font
   =============================================
*/

.divTamkoTitleFont
{
	font-weight: bold;
	font-size: 15pt;
	color: #666666;
}

.divTamkoSubTitleFont
{
	font-weight: bold;
	font-size: 12pt;
	color: #666666;
}

/* =============================================
    CSS STYLES FOR Specifications page
   =============================================
*/

.specifications
{
}

.specifications td
{
	font-weight: normal;
	font-family: Tahoma,Arial,Helvetica;
	font-size: 11px;
	line-height: 1.4 !important;
}
.specifications a{
	color: #000;
	font-weight: normal;
	font-family: Tahoma,Arial,Helvetica;
	font-size: 11px;
}
.specificationsArticle
{
}

.specificationsArticle td
{
	font-weight: normal;
	font-family: Tahoma,Arial,Helvetica;
	font-size: 11px;
	line-height: 1.8 !important;
}

* html .ie6FixTd {margin-left: 10px;}
 
.specsMenu a, .specsMenu a:link, .specsMenu a:visited, .specsMenu a:hover, .specsMenu a:active{
                color: #000;
                font-weight: normal;
                font-family: Tahoma,Arial,Helvetica;
                font-size: 11px;
}

/* =============================================
    CSS STYLES FOR Shingle Colors
   =============================================
*/
.shingleColorsViewAll
{
	text-align: right;
	padding-bottom: 5px;
}

/*.shingleColorsViewAll:visited
{
	color:#000000;
	text-decoration: none;
}

.shingleColorsViewAll a, .shingleColorsViewAll a:link, .shingleColorsViewAll a:visited, .shingleColorsViewAll a:active
{
	width: 100%;
	color: #000000;
	text-decoration: none;
}
*/
.shingleColors
{ 
	clear: both;
	float: left; 
	background-image: url(/portals/0/images/ShingleColors/egs_threecol_bg.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	color: #FFFFFF;
	width: 814px; 
	height: 379px;
}

/*updated*/
.shingleColorsShort
{ 
	clear: both;
	float: left; 
	background-image: url(/portals/0/images/ShingleColors/short_twocol_bg.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	color: #FFFFFF;		
	width: 814px; 
	height: 379px;
}
/*updated*/
.shingleColorsHeritage
{ 
	float: left; 
	background-image: url(/portals/0/images/ShingleColors/heritage_threecol_bg.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	color: #FFFFFF;		
	width: 814px; 
	height: 379px;
}

/*updated*/ 
.shingleColorsHeritageMap
{ 
	clear: both;
	float: left; 
	background-image: url(/portals/0/images/ShingleColors/her_map_bg.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	color: #FFFFFF;		
	width: 814; 
	height: 379px;
}

/*updated*/
.shingleColorsGSMap
{ 
	clear: both;
	float: left; 
	background-image: url(/portals/0/images/ShingleColors/gs_map_bg.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	color: #FFFFFF;		
	width: 814; 
	height: 380px;
}

/*updated*/
.shingleColorsHeaderHeritageMap
{ 
	clear: both;
	float: left; 
	font-weight: bold;
	color: #FFFFFF;		
	width: 814; 
	height: 55px;
}

.shingleColorsHeader
{ 
	clear: both;
	float: left; 
	font-weight: bold;
	color: #FFFFFF;		
	width: 814; 
}

.shingleColorsHeaderHeritage
{ 
	clear: both;
	float: left; 
	font-weight: bold;
	color: #FFFFFF;		
	width: 650px; 
}

.shingleColorsMapHeader
{ 
	float: left; 
	font-weight: bold;
	color: #FFFFFF;		
	width: 820; 
	height: 390px;
}

.shingleColorsHeader a, .shingleColorsHeader a:link, .shingleColorsHeader a:visited, .shingleColorsHeader a:active
{
	text-align: center; 
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

.shingleColorsHeader a:hover
{
	color: Red;
}

.shingleColorsHeritage a, .shingleColorsHeritage a:link, .shingleColorsHeritage a:visited, .shingleColorsHeritage a:active
{
	text-align: center; 
	font-weight: bold;
	color: #FFFFFF;		
	text-decoration: none;
}

.shingleColorsHeritage a:hover
{
	color: Red;
}

/*updated*/
.shingleColorsHeaderTitle 
{
	color: #FFFFFF;
	float: left;
	font-size: 14pt;
	font-weight: bold;
	line-height: 1.5;
	padding-left: 10px;
	width: 400px;
}
	
/*updated*/
.shingleColorsHeaderTitleLong
{
	color: #FFFFFF;
	float: left;
	font-size: 14pt;
	font-weight: bold;
	line-height: 1.5;
	padding-left: 10px;
	width: 730px;
}

/*updated*/
.shingleColorsHeaderTitlePrintBackToMap
{
	color: #FFFFFF;
	float: left;
	font-size: 14pt;
	font-weight: bold;
	line-height: 1.5;
	padding-left: 10px;
	width: 804px;
}

.shingleColorsHeader a, .shingleColorsHeader a:link, .shingleColorsHeader a:visited, .shingleColorsHeader a:active
{
	text-align: center; 
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

/*updated*/
.shingleColorsHeaderTitleHeritage
{
	color: #FFFFFF;
	float: left;
	font-size: 14pt;
	font-weight: bold;
	line-height: 1.5;
	padding-left: 10px;
	width: 440px;
}
	
/*updated*/
.shingleColorsHeaderSubTitleRegion 
{
	font-weight: bold;
	font-size: 9pt;
	color: #FFFFFF;
	float: left;
	padding: 10px 0 0 0;
	width: 112px;
}

/*updated*/
.shingleColorsHeaderSubTitleRegionHeritage
{
	font-weight: bold;
	font-size: 9pt;
	color: #FFFFFF;
	float: left;
	padding: 10px 0 0 0;
	width: 162px;
}

		.shingleColorsHeaderSubTitleRegionEGSAR 
	{
		color: #FFFFFF;
		float: left;
		font-size: 9pt;
		font-weight: bold;
		padding-top: 10px;
	}

/*updated*/
.shingleColorsHeaderSubTitlePlant 
{
	font-weight: bold;
	font-size: 9pt;
	color: #FFFFFF;
	float: left;
	padding: 10px 0 0 0;
	width: 140px;
}

/*updated*/
.shingleColorsHeaderSubTitlePlantHeritage
{
	font-weight: bold;
	font-size: 9pt;
	color: #FFFFFF;
	float: left;
	width: 195px;
}

	.shingleColorsHeaderSubTitlePlantEGSAR
		{
			color: #FFFFFF;
			float: left;
			font-size: 9pt;
			font-weight: bold;
			padding-left: 30px;
			padding-top: 3px;
		}

/*updated*/	
.shingleColorsHeaderTitleAndPrintColors
{
	clear: both;
	width: 100%;
	float: left;
}
/*updated*/
.shingleColorsHeaderPrintColors
{
	float: left;
	text-align: center;
	width: 65px;
}
	
#shingleColorsHeaderLeft
{
	float: left; 
	width: 733px; 
	height: 35px; 
	border-right: solid 3px black; 
}
	#shingleColorsHeaderLeft .shingleColorsHeaderTitle
	{
		float: left;
		font-weight: bold;
		font-size: 14pt;
		color: #FFFFFF;
		width: 600px;
		padding-left: 10px;
		padding-top: 4px;
	}
	
#shingleColorsHeaderLeft .shingleColorsHeaderSubTitlePlant
	{
		font-weight: bold;
		font-size: 9pt;
		color: #FFFFFF;
		float: left;
		padding-top: 13px;	
	}

#shingleColorsHeaderRight
{
	float: left; 
	width: 77px; 
	height: 32px; 
	text-align: center;
	padding-top: 3px;
	font-size: 9pt;

}

.shingleColorsHeader1
{
	float: left; 
	width: 661px; 
	height: 50px; 
}

.shingleColorsHeader2
{
	float: left; 
	width: 75px; 
	text-align: center; 
	vertical-align: middle;
	font-size: 9pt;
	padding-top: 2px;
}

.shingleColorsHeader2GS
{
	float: left; 
	width: 75px; 
	text-align: center; 
	vertical-align: middle;
	font-size: 9pt;
}

.shingleColorsHeader3
{
	float: left; 
	width: 75px; 
	text-align: center;
	font-size: 9pt;
	padding-top: 2px;
}

.shingleColorsHeader3GS
{
	float: left; 
	width: 67px; 
	text-align: center;
	font-size: 9pt;
}

.backToMap
{
	width: 100%;
	float: right;
}

.backToMap A:link, .backToMap A:hover, .backToMap A:active , .backToMap a:visited
{
	width: 100%;
	float: right;
	color: #FFFFFF;
	text-decoration: none;
}

.backToMapHeritage
{
	width: 100%;
	float: right;
	padding: 5px 0 0 0;
}

.backToMapHeritage A:link, .backToMapHeritage A:hover, .backToMapHeritage A:active , .backToMapHeritage a:visited
{
	width: 100%;
	float: right;
	color: #FFFFFF;
	text-decoration: none;
}

.mapContent
{
	float: left;
	width: 472px;
	height: 292;
	padding-left: 10px;
	padding-top: 10px;
	height: 310px;	
}

.mapContentHeritage
{
	float: left;
	width: 472px;
	height: 292;
	padding-left: 10px;
	padding-top: 10px;
	height: 310px;	
}

.mapText
{
	padding: 100px 15px 0 15px;
	width: 300px;
	float: left;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 9pt;
}

.mapPlantLocation
{
	background: url(/portals/0/images/shinglecolors/map_star.gif) no-repeat left bottom;
	padding-left: 28px;
	height: 17px;
}

.shinglColorsMapContent
{
	width: 873px;
	float: left;
	padding-bottom: 5px;
}

.shinglColorsContent
{
	width: 814px;
	float: left;
}

.shingleColorsContentFirstRow
{
	float: left;
	padding: 15px 10px 0 10px;
}

.shingleColorsContentFirstRow2x2
{
	float: left;
	padding: 7px 3px 0 3px;
}

.shingleColorsContentFirstRow3x1
{
	float: left;
	padding: 7px 5px 0 7px;
}

.shingleColorsContentFirstRow3x3
{
	float: left;
	padding: 15px 2px 0 2px;
}

.shingleColorsContentFirstRow3x3Small
{
	float: left;
	padding: 5px 5px 1px 5px;
}

.shingleColorsContentFirstRow3x3SmallShort
{
	float: left;
	padding: 10px 5px 2px 5px;
}

.shingleColorsContentFirstRow4x2
{
	float: left;
	padding: 7px 3px 0 3px;
}

.shingleColorsContentFirstRow4x3
{
	float: left;
	padding: 15px 7px 0 7px;
}

.shingleColorsContentFirstRow5x2
{
	float: left;
	padding: 6px 4px 0 4px;
}

.shingleColorsContentFirstRow5x2Small
{
	float: left;
	padding: 15px 9px 0 9px;
}

.shingleColorsContentFirstRow5x3
{
	float: left;
	padding: 15px 9px 0 9px;
}

.shingleColorsContentFirstRow5x3Small
{
	float: left;
	padding: 5px 2px;
}

/*updated*/
.shingleColorsContentFirstRow6x3
{
	float: left;
	padding: 4px 4px 0 4px;
}

.shingleColorsContentFirstRowSmall
{
	float: left;
	padding: 15px 4px 0 4px;
}

.shingleColorsContentFirstRowDiamonds
{
	float: left;
	padding: 15px 4px 0 10px;
}

.shingleColorsContentSecondRow
{
	float: left;
	padding: 0 10px 0 10px;
}

.shingleColorsContentSecondRow3x3
{
	float: left;
	padding: 0px 2px;
	margin-bottom: 20px;
}

.shingleColorsContentSecondRow3x3Small
{
	float: left;
	padding: 1px 5px;
}

.shingleColorsContentSecondRow3x3SmallShort
{
	float: left;
	padding: 4px 5px;
}

.shingleColorsContentSecondRow4x2
{
	float: left;
	padding: 5px 3px 0 3px;
}

.shingleColorsContentSecondRow4x3
{
	float: left;
	padding: 0 7px 0 7px;
}

.shingleColorsContentSecondRow5x2
{
	float: left;
	padding: 0px 4px 0 4px;
}

.shingleColorsContentSecondRow5x2Small
{
	float: left;
	padding: 0px 9px 5px 9px;
}

.shingleColorsContentSecondRow5x3
{
	float: left;
	padding: 4px 9px 0 9px;
}

.shingleColorsContentSecondRow5x3Small
{
	float: left;
	padding: 2px 2px;
}

/*updated*/
.shingleColorsContentSecondRow6x3
{
	float: left;
	padding: 2px 4px 0 4px;
}

.shingleColorsContentSecondRow
{
	float: left;
	padding: 0 4px 0 10px;
}

.shingleColorsContentSecondRowSmall
{
	float: left;
	padding: 4px 4px 0 4px;
}

.shingleColorsContentThirdRow
{
	float: left;
	padding: 0 10px 0 10px;
}

.shingleColorsContentThirdRowSmall
{
	float: left;
	padding: 4px 4px 0 4px;
}

.shingleColorsContentThirdRow3x3
{
	float: left;
	padding: 0px 2px;
}

.shingleColorsContentThirdRow3x3Small
{
	float: left;
	padding: 1px 4px;
}

.shingleColorsContentThirdRow3x3SmallShort
{
	float: left;
	padding: 4px 4px;
}

.shingleColorsContentThirdRow5x3
{
	float: left;
	padding: 4px 9px 0 9px;
}

.shingleColorsContentThirdRow5x3Small
{
	float: left;
	padding: 2px 2px;
}

.shingleColorsContentThirdRow6x3
{
	float: left;
	padding: 2px 4px 0 4px;
}

.shingleColorsContentSecondRow2x2
{
	float: left;
	padding: 2px 3px 0 3px;
}

.shingleColor
{
	float: left;
	padding: 4px;
}

.shingleColor1x3
{
	float: left;
	padding: 2px;
}

.shingleColor2x2
{
	float: left;
	padding: 2px;
}

.shingleColor3x3
{
	float: left;
	padding: 2px;
}

.shingleColor4x2
{
	float: left;
	padding: 3px;
}

.shingleColor3x2
{
	float: left;
	padding: 2px;
}

.shingleColor5x2
{
	float: left;
	padding: 3px;
}

.shingleColor5x2Small
{
	float: left;
	padding: 4px;
}

.shingleColor5x3
{
	float: left;
	padding: 2px 4px;
}

.shingleColor6x3
{
	float: left;
	padding: 3px;
}

.shingleColorSmall
{
	float: left;
	padding: 2px;
}

.shingleColorSmall5x3
{
	float: left;
	padding: 5px;
}

.shingleColorSmall5x3Small
{
	float: left;
	padding: 1px 3px;
}

.shingleColorFooter
{
	float:left;
	width: 837px;
	height: 6px;
}

.shingleColorNote
{
	color: #000000;
	width: 800px;
	float: left;
	font-size: 8pt;
	padding-top: 5px;
	padding: 5px 0 0 10px;
	font-weight: normal;
}

.shingleColorsArticle
{
	background-image: url(/portals/0/images/ShingleColors/pop_EnlargedShingle_full.gif); 
	background-repeat: no-repeat;
	width: 520px; height: 500px;
	color: #FFFFFF;
}

.shingleColorsArticleLong
{
	background-image: url(/portals/0/images/ShingleColors/pop_EnlargedShingle_full_long.gif); 
	background-repeat: no-repeat;
	width: 520px; height: 513px;
	color: #FFFFFF;
}

.shingleColorHeaderTitle
{
	font-weight: bold;
	font-size: 12pt;
	text-align: left;
}

.shingleColorsHeaderProductTitle
{
	padding: 5px 0 0 10px;
	font-size: 10pt;
	height: 50px;
	width: 400px;
	text-align: left;
}

.shingleColorsArticleTable
{
	border-width: 0pt; 
	text-align: center;
	width: 510px; 
	height: 500px;
	color: #FFFFFF;
}
.shingleColorsArticleImage
{
	text-align: center; 
	vertical-align: top;
	height: 298px;
}

.shingleColorsArticleCloseWindow
{
	padding: 6px 15px 0 0;
	width: 110px;
	height: 50px;
	color: #FFFFFF;
	text-align: right;
	vertical-align: top;
	font-size: 8pt;
	text-decoration: underline;
}

.shingleColorsArticleCloseWindow A:link, .shingleColorsArticleCloseWindow A:hover, .shingleColorsArticleCloseWindow A:active , .shingleColorsArticleCloseWindow a:visited
{
	font-size: 7pt;
	color: #FFFFFF;
}

.shingleColorsArticleFooterRow1
{
	padding-left: 10px;
	color: #FFFFFF;
	font-size: 8pt;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}

.shingleColorsArticleFooterRow2 {font-size: 7pt;font-weight: normal;}

/* =============================================
    CSS STYLES FOR Composite Decking and Railing
   =============================================
*/
.compositeDeckingRailingRow {width: 801px;}

.compositeDeckingDescription {padding: 0 0 0 10px;width: 801px;}

p.compositeDeckingDescriptionTitle {margin-bottom: 0px;}

.compositeDeckingDescriptionTitle {font-weight: bold;font-size: 15pt;color: #666666;}

.compositeDeckingDescriptionContent {color: #000000;font-size: 10pt;}

.compositeDeckingTitle {width: 801px;padding: 10px 0 5px;font-size: 12pt;font-weight: bold;color: #666666;}

.compositeRailingTitle {width: 801px;padding: 10px 0 5px;font-size: 12pt;font-weight: bold;color: #666666;}

.compositeRailingSecondRow {padding: 8px 0 5px;width: 260;}

#footer{height: 48px; background: url(images/footer-bg.gif) repeat-x; margin-top: -2px; width: 990px;}
		#bottom-nav{padding-left: 15px;}
			#bottom-nav a:link, #bottom-nav a:active, #bottom-nav a:visited{color: #333; text-decoration: none; font-weight: normal; font-size: 8pt;}
			#bottom-nav a:hover {color: #333; text-decoration: underline; font-weight: normal; font-size: 8pt;}			

/* =============================================
    CSS STYLES FOR Energy-Efficient Roofing
   =============================================
*/

.energyefficientroofing {clear: both; width: 970px; margin: 0 0 0 20px;}
.energyefficientroofingTaxCredit {clear: both;}
    .energyefficientroofingTaxCreditMainContent{float: left; height: 285px; width: 100%; background-image: url(../../../../portals/0/images/EnergyEfficientRoofing/topbar-bg.jpg); background-repeat: no-repeat;}
        .energyefficientroofingTaxCreditHeader {margin: 20px 235px; color:#666666; font-size:15pt; font-weight:bold;}
        .energyefficientroofingTaxCreditContent {margin: 10px 235px 0 235px; float: left;}

.energyefficientroofingSmartwaytosaveSmart{clear: both; width: 770px;}
    .energyefficientroofingSmartwaytosaveSmartMainContent {float: left; margin-left: 220px; height: 285px; width: 100%; background-image: url(../../../../portals/0/images/EnergyEfficientRoofing/midbar-bg.jpg); background-repeat: no-repeat;}
        .energyefficientroofingSmartwaytosaveHeader {margin: 10px 235px 10px 15px; color:#666666; font-size:15pt; font-weight:bold;}
        .energyefficientroofingSmartwaytosaveContent {margin: 10px 235px 0 15px; float: left;}
    
.energyefficientroofingAdditionalResources {clear: both; width: 770px;}
    .energyefficientroofingAdditionalResourcesMainContent {float: left; margin-left: 220px; height: 285px; width: 100%; background-image: url(../../../../portals/0/images/EnergyEfficientRoofing/botbar-bg.jpg); background-repeat: no-repeat;}
        .energyefficientroofingAdditionalResourcesHeader {margin: 20px 0 20px 15px; color:#666666; font-size:15pt; font-weight:bold;}
        .energyefficientroofingAdditionalResourcesContent{float: left; margin: 15px 235px 0 15px; width: 700px;}
            .energyefficientroofingAdditionalResourcesEnergyStar {float: left; margin: 15px 40px 0 0; padding-left: 75px; height: 67px; width: 175px; background-image: url(../../../../portals/0/images/EnergyEfficientRoofing/energystar-logo.jpg); background-repeat: no-repeat;}
            .energyefficientroofingAdditionalResourcesASE {float: left; margin: 15px 60px 0 0; padding-left: 75px; height: 67px; width: 175px; background-image: url(../../../../portals/0/images/EnergyEfficientRoofing/alliance-logo.jpg); background-repeat: no-repeat;}