@charset "UTF-8";
/* --- American Olean Site CSS --- */

/* 
 ---Colors ---

	Blues
	lightest - 1: #d9f0f5 rgb(217,240,245)
	light - 2: #abdae9 rgb(171,218,233)
	light - 3: #a0d5e5 rgb(160,213,229)
	light - 4: #94d0e2 rgb(148,208,226)
	mid - 5: #34b6dd rgb(139,203,223)
	grayish blue - 6: #a7c0ca rgb(167,192,202)
	grayish blue - 7: #829faa rgb(130,159,170)	
	
	Site
	background: #34b6dd rgb(139,203,223)
	scroll bar: #a7c0ca rgb(167,192,202)
	nav background: #d9f0f5 rgb(217,240,245)
	light gray bar: #dcddde rgb(220,221,222)
	
	button(blue): #34b6dd rgb(139,203,223)
	button(gray): #829faa rgb(130,159,170)
	
	Text
	white: #ffffff rgb(255,255,255)
	light gray: #8a8c8e rgb(138,140,142)
	dark gray: #636466 rgb(99,100,102)
	blue: #34b6dd rgb(139,203,223)

*/

/* Here is some of the general definations on the ao_styles.css page

p { font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #636466; line-height: 18px; text-align: left }
	p a:link { color: #34b6dd; text-decoration:none; }
	p a:visited { color: #34b6dd; text-decoration: none; }
	p a:hover { color: #34b6dd; text-decoration: underline; }
	p a:active { color: #34b6dd; text-decoration: underline; }
	
a:link { color: #34b6dd; text-decoration:none; }
a:visited { color: #34b6dd; text-decoration: none; }
a:hover { color: #34b6dd; text-decoration: underline; }
a:active { color: #34b6dd; text-decoration: underline; }

h1.pgTitle { color: #636466; font-size: 36px; line-height: 36px; padding: 15px 0 0 0; font-weight: normal; }
h3.subTitle { color: #34b6dd; font-size: 16px; line-height: 20px; padding: 0 0 0 0; font-weight: normal; }

*/


/* Uncommon Canvas */	
.unCanvasSpace {padding: 20px 8px 10px 8px; color: #636466;} 
	.unCanvasSubTitle {font-size: 12px; line-height: 18px; margin:20px 0 5px 0;}
	#unCanvasList { padding: 0 0 0 10px; }

.unCanvasBox {width:260px; float:left; font-family: Helvetica, Arial, sans-serif; color: #636466; text-align: left;}
	.unCanvasSubBox {width:130px; float:left;}
	.unCanvasBoxTitle {font-size: 16px; line-height: 20px; font-weight:bold;}
	.unCanvasBoxText {font-size: 12px; line-height: 16px; padding-right: 8px; }
	
.unCanvasOrdering {height: 95px; margin-top:25px;}

/* Products Detail Tabs*/
#mainMenu{background-color: #FFF; /*border-bottom: 1px solid #8a8c8e;*/ height:25px; position:relative;}
	#mainMenu a{
		/*background-image:url(/images/productTabs/tabGray.gif);*/ font-family: Arial, sans-serif; font-size: 12px; font-weight:bold; line-height: 10px; /*width: 108px;*/ color:#333; height: 25px; vertical-align: middle; text-align:center;  position: absolute; padding-top: 4px; bottom: -1px; cursor: pointer; display:block; padding:5px 10px; -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0;}
	#mainMenu .activeMenuItem{/*background-image:url(/images/productTabs/tabWhite.gif);*/ background:#eee; text-decoration: none; color:#333; cursor:pointer; background: #f4f4f4; background: -moz-linear-gradient(top,  #f4f4f4 0%, #ececec 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#ececec)); background: -webkit-linear-gradient(top,  #f4f4f4 0%,#ececec 100%); background: -o-linear-gradient(top,  #f4f4f4 0%,#ececec 100%); background: -ms-linear-gradient(top,  #f4f4f4 0%,#ececec 100%); background: linear-gradient(to bottom,  #f4f4f4 0%,#ececec 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ececec',GradientType=0 );} 
	#mainMenu .activeMenuItem img{position:absolute; bottom:0px; right:0px;}
	#mainMenu .inactiveMenuItem{text-decoration: none; color: #333;}

#submenu{font-family: Arial, sans-serif; /*border-left:1px solid #8a8c8e; border-right:1px solid #8a8c8e; 
	border-bottom:1px solid #8a8c8e;*/ /*background-color:#fff;*/ width:100%;	/* Don't change this option */ background: #ececec; background: -moz-linear-gradient(top,  #ececec 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ececec), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top,  #ececec 0%,#ffffff 100%); background: -o-linear-gradient(top,  #ececec 0%,#ffffff 100%); background: -ms-linear-gradient(top,  #ececec 0%,#ffffff 100%); background: linear-gradient(to bottom,  #ececec 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#ffffff',GradientType=0 ); }	
	#submenu div{white-space:nowrap; /* Don't change this option */}
	#submenu a{ }
	#submenu a:hover{}
	.submenuContent {padding: 8px 8px; width:760px; white-space:normal; }
	
#tabedMenuContainer { padding: 10px 0 0 0; width: 770px }

#prodInfoBoxL { float: left; width: 400px; padding: 2px 0 6px 0; }
#prodInfoBoxR { float: left; width: 300px; padding: 2px 0 6px 10px; border-left: solid 1px #a6a7a9; }
	.prodInfoBoxItem { padding: 9px 0 0 0; }
	
.seriesTableData { font-size:12px; color:#333; font-family:Arial, Helvetica, sans-serif; line-height:1.2; padding: 2px 0 2px 0; }

.notesArea { padding: 10px 15px 10px 15px; width: 740px; background: #efefef;/*EDF7FA*/ }
	.noteTitle { font-size: 10px; line-height: 12px; color: #333; }
	.notesArea  ul { list-style: none; padding: 0; margin: 0; }
		.notesArea ul li { padding: 10px 0 0 0; font-size: 10px; line-height: 12px; color: #333; }
		
.downloadsArea { padding: 0; width: 770px;}
	.downloadsBoxL { padding: 10px 10px 10px 10px; width: 360px; /*background: #EDF7FA;*/ float: left; height: 170px }
	.downloadsBoxR { padding: 10px 10px 10px 10px; margin: 0 0 0 5px; width: 365px; /*background: #EDF7FA;*/  float: left; height: 170px; }
	.downloadTitle { font-size: 12px; line-height: 12px; color: #636466; }
	.downloadsBoxL  ul { list-style: none; padding: 0; margin: 0; }
		.downloadsBoxL ul li { padding: 2px 0 2px 10px; font-size: 12px; line-height: 12px; color: #333; background: center left no-repeat url(../images/productTabs/arrowRightBlueBack.gif); list-style: none; }
			.downloadsBoxL ul li a {font-size: 12px; color: #333; }
			.downloadsBoxL ul li a {font-size: 12px; color: #333; }
			.downloadsBoxL ul li a:link {font-size: 12px; color: #333; }
			.downloadsBoxL ul li a:active {font-size: 12px; color: #333; }
			.downloadsBoxL ul li a:hover {font-size: 12px; color: #34b6dd; }
			.downloadsBoxL ul li a:visited {font-size: 12px; color: #333; }
	.downloadsBoxR  ul { list-style: none; padding: 0; margin: 0; }
		.downloadsBoxR ul li { padding: 2px 0 2px 10px; font-size: 12px; line-height: 12px; color: #333; background: center left no-repeat url(../images/productTabs/arrowRightBlueBack.gif); list-style: none; }
			.downloadsBoxR ul li a {font-size: 12px; color: #333; }
			.downloadsBoxR ul li a:link {font-size: 12px; color: #333; }
			.downloadsBoxR ul li a:active {font-size: 12px; color: #333; }
			.downloadsBoxR ul li a:hover {font-size: 12px; color: #34b6dd; }
			.downloadsBoxR ul li a:visited {font-size: 12px; color: #333; }

#seriesLeftColumn{/*width:275px;*/ width:513px; float:left; min-height:500px; padding-right:30px; background:url(../images/productTabs/series_page_divider.gif) right top no-repeat;}
    .roomsceneInitRoom { /*width:275px;*/}
    #seriesLeftColumn .photos,
    #genTextpgContainer .photos {float:left; position:relative; width:275px; margin-right:20px;}
    #seriesLeftColumn .photos .hoverZoom {float:right; background:url(../images/productTabs/zoom.gif)0 2px no-repeat; padding-left:15px; padding-right:0px; font-size:.7em; color:#60686c;}
    #genTextpgContainer .hoverZoom {float:right; background:url(../images/productTabs/zoom.gif)0 2px no-repeat; padding-left:15px; padding-right:31px; font-size:.7em; color:#60686c;}
    #seriesLeftColumn .photos .zoomPhoto {display:none; position:absolute; left:290px; top:0; z-index:10000;}
    #genTextpgContainer .zoomPhoto {display:none; position:absolute; left:0px; top:-2px; z-index:10000;}
    #seriesLeftColumn .details {float:left; width:218px; font-size:.8em;}
    #seriesLeftColumn .details .desc {margin-bottom:1em;}
	#seriesLeftColumn .details .desc + p {margin:1em 0 1.5em;}
    #seriesLeftColumn .details a.big_button {font-size:1.2em; background-image:url(../images/buttons/big_button_cart_icon.png); background-position:11px center; background-repeat:no-repeat; padding-left:30px;}
    #seriesLeftColumn .details .pinIt {margin:1em 0 1.8em;}
    #seriesLeftColumn .details .links a:link,
    #seriesLeftColumn .details .links a:visited {color:#6a9dac; font-weight:bold; font-size:1.1em; padding-left:25px; display:inline-block; *display:inline; margin-bottom:.8em;}
    #seriesLeftColumn .details .links a.salesSheet {background:url(../images/buttons/download_sales_sheet.gif) 0 center no-repeat;}
    #seriesLeftColumn .details .links a.print {background:url(../images/buttons/print.gif) 0 center no-repeat;}
    #seriesLeftColumn .details .links a.favorites {background:url(../images/productTabs/fav.gif) 0 center no-repeat;}
    #seriesLeftColumn .details .links a.arrowButtonSm {margin-left:0; background-position:4px center;}
		.seriesItemName { font-size:1em; color: #333; font-family: Arial, Helvetica, sans-serif; line-height: 12px; }
			.seriesItemName b { font-size:1.1em; color:#34b6dd; font-family:Arial, Helvetica, sans-serif; line-height:14px; }
		.itemMadeInUSA { float: right; }
	.roomsceneImageTitle {font-size:12px; color:#34b6dd; font-weight:bold;}

#seriesRightColumn{/*width:500px;*/ width:445px; float:right;}
	#seriesRightColumn .typeDiv p {font-style:italic; font-size:1em; font-weight:300; border-bottom:1px solid #dadada; padding-bottom:.3em; margin-bottom:.3em; color:#555;}
	#seriesRightColumn .itemGrp {margin-bottom:1em;}
	.prodName {font-size:.6em; font-weight:bold; display:block; text-transform:uppercase; margin:.3em 0 .2em 0;}
	.roomsceneOtherRooms {display:inline-block; *display:inline; width:63px; /*height:54px;*/ margin-bottom:10px; padding: 0 20px 10px 0; vertical-align:top;}
	.roomsceneOtherRooms a:link,
	.roomsceneOtherRooms a:visited {color:#666;}
	.roomsceneOtherRooms a:hover,
	.roomsceneOtherRooms a:focus {color:#34b6dd;}
	
.iconDescBox {width: 100%; float:left; margin-bottom:10px;}
	.iconDescImage {float:left; margin-right:10px;}
	.iconDescTitle {font-size:12px; padding:0px 4px; color:#636466; font-family:Helvetica, Arial, sans-serif; line-height:14px; font-weight:bold;}
	.iconDescText {font-size:11px; padding:4px 4px; color:#636466; font-family:Helvetica, Arial, sans-serif; line-height:12px;}


.bluebullets li {font-size: 12px; line-height: 16px;  font-family:Helvetica, Arial, sans-serif; } 

.outstandSubTitle {font-size:22px; color:#636466; font-family:Arial, Helvetica, sans-serif;}	

.outstandBoxTitle {font-size:16px; color:#636466; font-family:Arial, Helvetica, sans-serif; font-weight:bold; line-height:20px;}	

.outstandToughTitle {font-size:16px; color:#9B7548; font-family:Arial, Helvetica, sans-serif; font-weight:bold; line-height:20px; margin-bottom:8px;}	

.AOListsSmall  ul { list-style: none; padding: 0; margin: 0; }
	.AOListsSmall ul li { padding: 4px 0 2px 12px; font-size: 10px; line-height: 12px; color: #333; background: center left no-repeat url(../images/misc/blueBullet.gif); list-style: none; }
		.AOListsSmall ul li a {font-size: 10px; color: #333; }
		.AOListsSmall ul li a {font-size: 10px; color: #333; }
		.AOListsSmall ul li a:link {font-size: 10px; color: #333; }
		.AOListsSmall ul li a:active {font-size: 10px; color: #333; }
		.AOListsSmall ul li a:hover {font-size: 10px; color: #34b6dd; }
		.AOListsSmall ul li a:visited {font-size: 10px; color: #333; }
		
.AOLists  ul { list-style: none; padding: 0; margin: 0; }
	.AOLists ul li { padding: 4px 0 2px 12px; font-size: 12px; line-height: 14px; color: #333; background: center left no-repeat url(../images/misc/blueBullet.gif); list-style: none; }
		.AOLists ul li a {font-size: 12px; color: #333; }
		.AOLists ul li a {font-size: 12px; color: #333; }
		.AOLists ul li a:link {font-size: 12px; color: #333; }
		.AOLists ul li a:active {font-size: 12px; color: #333; }
		.AOLists ul li a:hover {font-size: 12px; color: #34b6dd; }
		.AOLists ul li a:visited {font-size: 12px; color: #333; }

.MSDSResourceTitle {font-size:16px; color:#34b6dd; font-family:Arial, Helvetica, sans-serif; font-weight:bold; line-height:20px; margin-bottom:8px;}

.LeedMainTitle {font-size:22px; color:#73A348; font-family:Arial, Helvetica, sans-serif; font-weight:bold; line-height:28px; margin-bottom:8px;} 
.LeedSubTitle {font-size:1.3em; color:#777; font-family:Arial, Helvetica, sans-serif; font-weight:300; line-height:20px; margin-bottom:8px;} 
.LeedTextGreen {font-size:12px; color:#73A348; font-family:Arial, Helvetica, sans-serif; line-height:14px;}

.dealerSubheader {font-size:16px; color:#34b6dd; font-family:Arial, Helvetica, sans-serif; font-weight:bold; line-height:20px; margin-bottom:8px;} 

.dotLists  ul { list-style: none; padding: 0; margin: 0 0 0 20px; }
	.dotLists ul li { padding: 2px 0 2px 16px; font-size: 12px; line-height: 12px; color: #333; background: center left no-repeat url(../images/productTabs/arrowRight.gif); list-style: none; }
		.dotLists ul li a {font-size: 12px; color: #333; }
		.dotLists ul li a:link {font-size: 12px; color: #333; }
		.dotLists ul li a:active {font-size: 12px; color: #333; }
		.dotLists ul li a:hover {font-size: 12px; color: #34b6dd; }
		.dotLists ul li a:visited {font-size: 12px; color: #333; } 
		
.dotLists  ol { list-style: none; padding: 0; margin: 0 0 0 20px; }
	.dotLists ol li { padding: 2px 0 2px 6px; font-size: 12px; line-height: 12px; color: #333; list-style:decimal; }
		.dotLists ol li a {font-size: 12px; color: #333; }
		.dotLists ol li a:link {font-size: 12px; color: #333; }
		.dotLists ol li a:active {font-size: 12px; color: #333; }
		.dotLists ol li a:hover {font-size: 12px; color: #34b6dd; }
		.dotLists ol li a:visited {font-size: 12px; color: #333; }

.frmBlockLabel {
	font-size: 12px; 
	color: #94d0e2; 
	font-weight:bold;}

p.clear {
	clear: both;
    height: 0;  /* only necessary for IE */
    margin: 0;
    padding: 0;
}

.regFrmField 
		{width:75px;font-family:helvetica,verdana,arial;font-size:11px;color:#666666;border:1px solid #E7E7E7;padding-left:2px;}
		
.greenworksText {font-size:12px; color:#333; font-family:Arial, Helvetica, sans-serif; line-height:16px; margin-bottom: 16px;}
/*.greenworksText a:link,
.greenworksText a:visited {color:#73A348;}*/
.greenworksTextSub {font-size:14px; color:#81BDCF; font-family:Arial, Helvetica, sans-serif; line-height:18px; margin-bottom:4px;} 
.greenworksStandout {font-size:14px; color:#333; font-family:Arial, Helvetica, sans-serif; line-height:18px; margin-bottom:4px; font-weight:bold;} 
.greenworksLists ul { list-style: none; padding: 0; margin: 0 0 8px 20px; }
	.greenworksLists ul li { padding: 0 0 4px 8px; font-size: 12px; line-height: 12px; color: #333; list-style: disc; line-height:16px;}
		.greenworksLists ul li a {font-size: 12px; color: #333; }
		.greenworksLists ul li a:link {font-size: 12px; color: #333; }
		.greenworksLists ul li a:active {font-size: 12px; color: #333; }
		.greenworksLists ul li a:hover {font-size: 12px; color: #34b6dd; }
		.greenworksLists ul li a:visited {font-size: 12px; color: #333; } 
		
.greenworksLists ol { list-style: none; padding: 0; margin: 0 0 8px 20px; }
	.greenworksLists ol li { padding: 0 0 4px 8px; font-size: 12px; line-height: 12px; color: #333; list-style: disc; line-height:16px;}
		.greenworksLists ol li a {font-size: 12px; color: #333; }
		.greenworksLists ol li a:link {font-size: 12px; color: #333; }
		.greenworksLists ol li a:active {font-size: 12px; color: #333; }
		.greenworksLists ol li a:hover {font-size: 12px; color: #34b6dd; }
		.greenworksLists ol li a:visited {font-size: 12px; color: #333; } 
	
.greenworksLink {font-size: 10px; color: #73A348; }
	.greenworksLink a {font-size: 10px; }
	.greenworksLink a:link {font-size: 10px; color: #777; }
	.greenworksLink a:active {font-size: 10px; color: #777; }
	.greenworksLink a:visited {font-size: 10px; color: #777; } 
	.greenworksLink a:hover {font-size: 10px; color: #25aae1; text-decoration:underline; }

	
.hidden {display: none;}
.unhidden {display: block;}
.FAQanswer {margin:4px 0 8px 48px;}
.leedFrmLbl {font-family: Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;/*color:#73A348;*/ padding: 10px 0 0 0; display: block;}
	.regFrmFld {width:160px;font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#666666;border:1px solid #E7E7E7;padding-left:2px; display: block;}

.catalogLeedLink { float: left; margin: 10px 50px 0 0; padding: 0 0 0 15px; background: url(../images/bkgd/catalogArrow.gif) left top no-repeat; }
	.catalogLeedLink a { color: #636466; text-decoration: none; font-size: 10px; }
	.catalogLeedLink a:link { color: #636466; text-decoration: none; font-size: 10px; }
	.catalogLeedLink a:visited { color: #636466; text-decoration: none; font-size: 10px; }
	.catalogLeedLink a:hover { text-decoration: underline; color: #34b6dd; font-size: 10px; }
	.catalogLeedLink a:active { color: #636466; text-decoration: underline; font-size: 10px; }
	
#nahbLogo {margin:24px 0 0 24px; background-image:url(/images/leed/USGBC_Logo_Grey.gif); background-position:left top; background-repeat:no-repeat; height:75px;}

.searchFldCheck {border-color:#CCCCCC; width:5px; height:5px;}