/* -- Daltile: Greenworks -- */

/*
	Colors
	Dark Gray - #443f45 rgb(68,63,69)
	Green - #48843f rgb(72,132,63)
	Light Green - #a8b71c rgb(168,183,28)
*/


/* Resets Styles in all browsers */
* { padding: 0; margin: 0; border:0; }


body {margin:0;padding:0;background-image:url(../images/bkgd/bkgd.gif); font-family: Arial, Helvetica, sans-serif}

td {color: #FFFFFF; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px;}

p {color: #FFFFFF; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; letter-spacing: .03em; padding: 0 0 15px 0;}

	a:link {color: #a8b71c; text-decoration:none;}
			
	a:visited {color: #a8b71c; text-decoration:none;}
	
	a:hover {color: #ffffff; text-decoration: none;}
	
	a:active {color: #a8b71c; text-decoration: none;}

h6 {color: #443f45; font-family:Geneva, Arial, Helvetica, sans-serif; font-size: 12px;}
	
	h6 a:linka {color: #443f45; text-decoration:none;}
			
	h6 a:visited {color: #443f45; text-decoration:none;}
	
	h6 a:hover {color: #a8b71c; text-decoration: none;}
	
	h6 a:active {color: #443f45; text-decoration: none;}

h5 {color: #443f45; font-family:Geneva, Arial, Helvetica, sans-serif; font-size: 10px;}

	h5 a:linka {color: #443f45; text-decoration:none;}
			
	h5 a:visited {color: #443f45; text-decoration:none;}
	
	h5 a:hover {color: #a8b71c; text-decoration: none;}
	
	h5 a:active {color: #443f45; text-decoration: none;}

h2.pgTitles { font-size: 20px; padding-bottom:8px; }

h3.prodTitleW { font-size: 15px; margin: 0; padding: 0; }

h3.prodTitleG { font-size: 15px; margin: 0; padding: 0; }

h3.realtimeFooterTitleG { font-size: 15px; margin: 0; padding: 0; }

h3.realtimeFooterTitleDarkG { font-size: 15px; margin: 0; padding: 0; }

#pgContainer{ width:737px; margin:auto;}

#pgHeader{ height:100px; clear:both;}

	#greenlogo {margin: 35px 0 0 0; width: 200px; float: left;}

#pgFlash2{ height:580px; margin:0px; padding:0px;}

#pgContent { width: 737px; height:auto; background:#443f45; margin: 0; padding: 0; font-size: 1px; position: relative;}

.hmpgButterfly { position: absolute; top: -163px; right: 223px; z-index: 100; clear:both; }

#textContainer {background: none; width: 420px; float:left; margin-bottom: 10px;}

#textContainer2 {background: none; width: 440px; float:left; margin-bottom: 10px;}

#iconContainer1 {width: 270px; float:left;}

#iconContainer {width: 210px; float:left;}

.leftImageContainer {width: 320px; float: left; position: relative; }

	.greenbold {font-weight: bold; color:#b1c43c;}
	
	.white {color:#FFFFFF;}
	
	.generalUL { color: #FFFFFF; list-style:disc; font-size: 12px; padding: 0 0 0 60px; margin: 0 0 15px 0;  }
	
	.generalLI { color: #FFFFFF; font-size: 12px; line-height: 15px; padding: 0 0 5px 0; }
	
	/* -- Small Box -- */	
	.smBox-Container { width: 404px; background: url(../images/bkgd/smBox_Middle.gif) no-repeat center left; float: right; margin: 0 0 10px 0; }
	
	.smBox-Top { background: url(../images/bkgd/smBox_Top.gif) no-repeat top left; width:404px; }
	
	.smBox-DTop { background: url(../images/bkgd/smBox_Dtop.gif) no-repeat top left; width:404px; }
	
	.smBox-STop { background: url(../images/bkgd/smBox_Stop.gif) no-repeat top left; width:404px; }
	
	.smBox-CTop { background: url(../images/bkgd/smBox_Ctop.gif) no-repeat top left; width:404px; }
	
	.smBox-WTop { background: url(../images/bkgd/smBox_Wtop.gif) no-repeat top left; width:404px; }
	
	.smBox-TTop { background: url(../images/bkgd/smBox_Ttop.gif) no-repeat top left; width:404px; }
	
	.smBox-ATop { background: url(../images/bkgd/smBox_Atop.gif) no-repeat top left; width:404px; }
	
	.smBox-BTop { background: url(../images/bkgd/smBox_Btop.gif) no-repeat top left; width:404px; }
	
	.smBox-LTop { background: url(../images/bkgd/smBox_Ltop.gif) no-repeat top left; width:404px; }
	
	.smBox-Content { padding: 41px 20px 0 70px; margin: 0; }
	
	.smBox-ContentSustain { padding: 43px 20px 0 64px; margin:0; }
	
	.smBox-ContentGreenBuild { padding: 43px 20px 0 72px; margin:0; }
	
	.smBox-Bottom { background: url(../images/bkgd/smBox_Bottom.gif) no-repeat top left; height:25px; width: 404px; margin: 5px 0 0 0; position: relative; }
	
	/* -- Large Box -- */	
	.lgBox-Container { width: 727px; background: url(../images/bkgd/lgBox_Middle.gif) no-repeat center left; float: right; margin: 0 0 10px 0; position: relative; }
	
	.lgBox-Top { background: url(../images/bkgd/lgBox_Top.gif) no-repeat top left; width:727px; }
	
	.lgBox-CTop { background: url(../images/bkgd/lgBox_Ctop.gif) no-repeat top left; width:727px; }
	
	.lgBox-TTop { background: url(../images/bkgd/lgBox_Ttop.gif) no-repeat top left; width:727px; }
	
	.lgBox-ETop { background: url(../images/bkgd/lgBox_Etop.gif) no-repeat top left; width:727px; }
	
	.lgBox-ATop { background: url(../images/bkgd/lgBox_Atop.gif) no-repeat top left; width:727px; }
	
	.lgBox-LTop { background: url(../images/bkgd/lgBox_Ltop.gif) no-repeat top left; width:727px; }
	
	.lgBox-NTop { background: url(../images/bkgd/lgBox_Ntop.gif) no-repeat top left; width:727px; }
	
	.lgBox-HTop { background: url(../images/bkgd/lgBox_Htop.gif) no-repeat top left; width:727px; }
	
	.lgBox-DTop { background: url(../images/bkgd/lgBox_Dtop.gif) no-repeat top left; width:727px; }
	
	.lgBox-STop { background: url(../images/bkgd/lgBox_Stop.gif) no-repeat top left; width:727px; }
		
	.lgBox-Content { padding: 40px 20px 0 70px; margin: 0; }
	
	.lgBox-Bottom { background: url(../images/bkgd/lgBox_Bottom.gif) no-repeat top left; height:25px; width: 727px; margin: 5px 0 0 0; position: relative; }
	
	.collumsLeft { width: 300px; padding: 0 0 0 0; float: left; }
	
	.collumsRight { width: 300px; padding: 0 0 0 30px; float: left; }
	
	.collumCenter { width: 600px; padding: 1px 0 0 0; }
	
	/* -- Info Table --*/
	.infoTable { width: 500px; text-align:left; background: #69903b; border: 1px solid #7fa979; margin: 0 0 10px 40px; }
	
	.tableText {color: #FFFFFF; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; letter-spacing: .03em; padding: 5px 5px 5px 5px;}
	

	
/* -- LinkBoxs -- */	
.generalLinkBox { margin: 0 40px 0 0; height: 18px; font-size: 12px; font-weight: bold; color: #FFFFFF; border-bottom: 1px solid #a8b71c; float: left; }
	
	.generalLinkBox a:link { color: #FFFFFF; text-decoration:none;}
	
	.generalLinkBox a:visited { color: #FFFFFF;  text-decoration:none;}
	
	.generalLinkBox a:hover { color: #a8b71c;  text-decoration:none;}
	
	.generalLinkBox a:active { color: #FFFFFF; text-decoration:none;}
	
.grasshopper { position: absolute; top: 10px; right: -19px; }

.print { position: absolute; top: -10px; right: 10px; }
	

/* Navagaition and Crum-Navagation */
#sustainNav { background: url(../images/greenworks/sustainNav.gif) no-repeat top; height: 130px; width:178px;}

#leedNav { background: url(../images/greenworks/sustainNav.gif) no-repeat top; height: 170px; width:178px;}

#headerImg { margin: 0; padding: 0; font-size: 1px; }

#nav{ margin: 0; padding: 0; font-size: 1px; background: #443f45;}

.navBkgd{ margin: 0; padding: 0; font-size: 1px; background: #443f45; }

.navLinks{ background: #443f45; font-size: 10px; color: #FFFFFF; float: left; padding: 3px 5px 3px 5px; border-bottom: 1px solid #a8b71c; border-right: 1px solid #a8b71c; }

	.navLinks a:link {color: #ffffff; text-decoration:none;}
			
	.navLinks a:visited {color: #ffffff; text-decoration:none;}
	
	.navLinks a:hover {color: #a8b71c; text-decoration:none; font-weight:normal;}
	
	.navLinks a:active {color: #FFFFFF; text-decoration:none;}
	
.crumNav{ background: #443f45; font-size: 10px; color: #FFFFFF; float: right; padding: 3px 15px 3px 5px; }

	.crumNav a:link {color: #a8b71c; text-decoration:none;}
			
	.crumNav a:visited {color: #a8b71c; text-decoration:none;}
	
	.crumNav a:hover {color: #FFFFFF; text-decoration:none; font-weight: normal;}
	
	.crumNav a:active {color: #FFFFFF; text-decoration:none;}
	
#crumNav {color: #c2d5a9; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 17px;}
	
	#crumNav a:link {color: #c2d5a9; text-decoration:none;}
			
	#crumNav a:visited {color: #c2d5a9; text-decoration:none;}
	
	#crumNav a:hover {color: #FFFFFF; text-decoration:none;}
	
	#crumNav a:active {color: #FFFFFF; text-decoration:none;}
	
.menu_child { position: absolute; background-color: #443f45; text-align: left; width: auto; visibility: hidden; width: 80px; z-index: 100; }

.childItem { font-family: Geneva, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 10px; border: 1px solid #a8b71c; border-top: none; padding: 4px 5px 4px 5px; }

	.childItem a:visited { color:#FFFFFF; text-decoration: none; }
	.childItem a:link { color:#FFFFFF; text-decoration: none; }
	.childItem a:hover { color:#a8b71c; text-decoration: none; font-weight:normal; }
	.childItem a:active { color:#FFFFFF; text-decoration: none; }


/* Sistainability */
.sustainLinkContainer { padding: 0 0 0 30px; width: 284px; }

#solidBox {background: #84ab53; height: auto; margin: 0 0 10px 0}

.sustainGrayBox1 { width: 300px; height: 180px; padding: 0 0 0 0; margin: 0 0 0 0; float: left; background: url(../images/sustain/bkgd.gif) no-repeat top left; position: relative; }

.sustainGrayBox2 { width: 300px; height: 180px; padding: 0 0 0 0; margin: 0 0 0 30px; float: left; background: url(../images/sustain/bkgd.gif) no-repeat top right; position: relative; }

.sustainGrayBox3 { width: 300px; height: 200px; padding: 0 0 0 0; margin: 0 0 0 0; float: left; background: url(../images/sustain/bkgd.gif) bottom left no-repeat; position: relative; }

.sustainGrayBox4 { width: 300px; height: 200px; padding: 0 0 0 0; margin: 0 0 0 30px; float: left; background: url(../images/sustain/bkgd.gif) bottom right no-repeat ; position: relative; }


/* Contact Us */
#whiteLine {background: url(../images/greenworks/whitelinebottom.gif) repeat-x bottom; width: 100%; height: 10px;}

.contact-form { width: 540px; padding: 10px 0 10px 20px; margin: 10px 0 0 20px;}

.fieldlable {font-family: Geneva, Arial, Helvetica, sans-serif; width: 80px; color: #fff; font-size: 11px; float:left;}

.form-field {width: 500px; margin: 5px 0 0 0;}

.form-field2 {width: 200px; margin: 5px 0 0 0;}

.regformfield {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px;}

.buttons-field {clear: both; width: 300px; margin: 10px 0 0 80px;}


/* LEED */
#leedbox {background: #84ab53; padding: 10px 10px 10px 10px; margin: 5px 0 5px 0}

#leedbox ul {list-style-image: url(../images/greenworks/listdot.gif); color: #FFFFFF; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px;}

#leedbox p {line-height: 15px;}

	#leedbox a:link {color: #c2cd23; text-decoration:none; font-weight: bold;}
			
	#leedbox a:visited {color: #c2cd23; text-decoration:none; font-weight: normal;}
	
	#leedbox a:hover {color: #e7ebad; text-decoration: none; font-weight: bold}
	
	#leedbox a:active {color: #71706a; text-decoration:none; font-weight: normal;}
	
#gaspump {background: url(../images/greenworks/seedling.jpg) top left no-repeat; padding: 10px 10px 10px 10px;}


/* -- Realtime -- */
#realtimePgTop { height: auto; padding: 0; margin: 0; font-size: 1px; }

#realtimeTitle { margin: 10px 0 0 0; }

#realtimeMainText { width:350px; float: left; padding: 0 0 0 40px; }

.realtimeText {color: #FFFFFF; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; letter-spacing: 0;}

#realtimePgcontent { background: #443f45 ; width: 100%; }


/* -- Realtime: Home -- */
#realtimePgcontent-flowerGIF { background: url(../images/realtime/flowerBKGDsm2.gif) bottom no-repeat; margin:0; padding: 0 0 40px 0; }

#realtimePgcontent-flowerPNG { background: url(../images/realtime/flowerBKGDsm2.png) bottom no-repeat; margin:0; padding: 0 0 40px 0; }

#realtimePgcontent-flowerALPH { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/realtime/flowerBKGDsm2.png', sizingMethod='image'); margin:0; padding: 0 0 40px 0; width:100%; height: 400px; }

#realtimeMainLetter { float: left; border-left: solid 1px #FFFFFF; margin: 20px 0 0 20px; padding: 0 0 0 10px; }

#realtimeOptions { position: relative; height: 172px; width: 100%; background: url(../images/realtime/or.gif) center no-repeat; }

	/* -- Realtime: Home Map BOX -- */
	#realtimeMAP-GIF { background: url(../images/realtime/mapBKGD.gif) no-repeat; margin:0; padding: 0 0 0 0; position:absolute; left:0; top:0; width:327px; height: 172px; }

	#realtimeMAP-PNG { background: url(../images/realtime/mapBKGD.png) no-repeat; margin:0; padding: 0 0 0 0; position:absolute; left:0; top:0; width:327px; height: 172px; }

	#realtimeMAP-ALPH { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/realtime/mapBKGD.png', sizingMethod='image'); margin:0; padding: 0 0 0 0; width:327px; height: 172px; position:absolute; left:0; top:0; }

	#realtimeMAP-Info { padding: 16px 30px 0 130px; }
	
	/* -- Realtime: Home 2 BOX -- */
	#realtime2-GIF { background: url(../images/realtime/2BKGD.gif) no-repeat; margin:0; padding: 0 0 0 0; position:absolute; right:5px; top:-50px; width:327px; height: 126px; }

	#realtime2-PNG { background: url(../images/realtime/2BKGD.png) no-repeat; margin:0; padding: 0 0 0 0; position:absolute; right:5px; top:-50px; width:327px; height: 126px; }

	#realtime2-ALPH { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/realtime/2BKGD.png', sizingMethod='image'); margin:0; padding: 0 0 0 0; width:327px; height: 126px; position:absolute; right:5px; top:-50px; }

	#realtime2-Info { padding: 20px 10px 0 70px; }
	
	#realtimeFORM { float: left; font-size: 11px; margin: 0 0 0 5px; }
	
	.realtimeFrmFld { font-size: 10px; font-family:Geneva, Arial, Helvetica, sans-serif; color:#666666; }
 
 	/* -- Realtime: Home 3 BOX -- */
	#realtime3-GIF { background: url(../images/realtime/3BKGD.gif) no-repeat; margin:0; padding: 0 0 0 0; position:absolute; right:5px; bottom:-50px; width:327px; height: 126px; }

	#realtime3-PNG { background: url(../images/realtime/3BKGD.png) no-repeat; margin:0; padding: 0 0 0 0; position:absolute; right:5px; bottom:-50px; width:327px; height: 126px; }

	#realtime3-ALPH { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/realtime/3BKGD.png', sizingMethod='image'); margin:0; padding: 0 0 0 0; width:327px; height: 126px; position:absolute; right:5px; bottom:-50px; }

	#realtime3-Info { padding: 16px 10px 0 70px; }
	
/* -- Realtime : Item -- */
#realtimeItemContainer { width: 299px; float: left; }
 
#realtimeItemTop-Bottom { height: auto; padding: 0; margin: 0; font-size: 1px; }

#realtimeItem-Mid { background: url(../images/realtime/item_middle.gif) repeat-y; margin: 0; padding: 0; height: auto; }

#realtimeItem-Text { padding: 0 0 0 25px; }

.realtimeText-Green {color: #c3cd23; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; letter-spacing: 0; margin:0; padding:0}

	.realtimeText-Green a, .realtimeText-Green a:visited{ color: #c3cd23; text-decoration:none }

	.realtimeText-Green a:hover{ text-decoration:none; color: #c3cd23;}

.realtimeText-DarkGreen {color: #76a13f; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; letter-spacing: 0; margin:0; padding:0}

	.realtimeText-DarkGreen a{ color: #76a13f; text-decoration:none }

	.realtimeText-DarkGreen a:hover{ text-decoration:none; }

.realtimeText-White {color: #ffffff; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 20px; letter-spacing: 0; margin:0; padding:0}

	.realtimeText-White a, .realtimeText-White a:visited{ color: #ffffff; text-decoration:none }

	.realtimeText-White a:hover{ text-decoration:none; }

.realtimeText-Gray {color: #8d8d8e; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 12px; letter-spacing: 0; font-style:italic; margin:0; padding:0}

#realtimeItemImgContainer { width: 255px; padding: 0 0 0 20px; }

#realtimeItemImg-TopBottom { height: auto; padding: 0; margin: 0; font-size: 1px; }

#realtimeItemImg-Mid { background: url(../images/realtime/prodimage_mid.gif) repeat-y; margin: 0; padding: 0; height: auto; }


/* -- Realtime : Footer -- */
#realtimeFooterContainer { background: url(../images/realtime/footer_BKGD.gif) center no-repeat; margin: 0 0 0 0; padding: 0 0 0 0; height: auto; width:100%; }

#realtimeFooterItemContainer { padding: 0 0 0 0; margin: 0 0 0 34px; float: left; width:200px; }

#realtimeFooterItemContainer2 { padding: 0 0 0 0; margin: 30px 0 0 20px; float: left; width:200px; }


/* -- Realtime : PopupBarcode -- */
#barcode-container { margin: 3px; background: #ffffff; padding: 5px; }


/* -- Realtime : LEED Cert Letter -- */
#leedCertLetter { margin: 0 0 0 30px; }



/* -- Footer */
#PgBottom { height: auto; padding: 0; margin: 0; font-size: 1px; }

#pgAds { height:80px; background: url(../images/greenworks/bottom.gif) no-repeat; margin: 0 0 2px 0; clear: both;}

#pgAds2 { height:86px; background: url(../images/greenworks/bottom2.gif) no-repeat; margin: 0 0 2px 0; clear: both;}

#footerFacts {float: left;}

#factContainer { position: relative; width: 100%; height: 101px; }

.fact { position:absolute; }

#pgFooter { height:50px; width: 100%;}

#footerlogos {float: left; width: 42px;}



#clearIt {clear:both; font-size: 1px;}

.clearIt {clear:both; font-size: 1px;}