﻿
/* HARDIE */

BODY				{margin:0px;}
IMG					{border-width:0px;}
FORM				{display:inline;}
BODY, INPUT, SELECT	{font-family:arial,sans-serif;}

BR.clear			{line-height:0px;}
.marginTopNeg10		{margin-top:-10px!important;}
.marginTop0			{margin-top:0px!important;}
.marginTop10		{margin-top:10px!important;}
.marginTop20		{margin-top:20px!important;}
.marginBottom0		{margin-bottom:0px!important;}
.marginBottom5		{margin-bottom:5px!important;}
.marginBottom10		{margin-bottom:10px!important;}
.marginBottom15		{margin-bottom:15px!important;}
.marginBottom20		{margin-bottom:20px!important;}
.marginRight6		{margin-right:6px;}

.hidden				{display:none;}
.block				{display:block;}
.underline			{text-decoration:underline!important;}
.floatLeft			{float:left;}
.floatNone			{float:none!important;}

h1 {margin:0px; margin-left:20px; line-height: 14px; padding-top: 8px; font-size: 15px; color: #ffffff; font-weight: bold;}
.pageLeadIn h2 {width:480px; color:#725827; font-size:13px; padding-bottom: 0px; line-height:20px; margin-bottom:0px; font-weight:bold; margin-top: 0px;}
.pageSublead h2 {width:480px; color:#725827; font-size:13px; padding-bottom: 0px; line-height:20px; margin-bottom:0px; font-weight:bold; margin-top: 0px;}

/* masthead */
DIV.pageContainer			{position:absolute; top:0px; left:0px;}

#masthead	{width:1000px; 	height: 120px; background-image:url(../commonfiles/links/siding/images/hardie/pattern.gif); background-position:bottom right; background-repeat:no-repeat;}

#logo		{width:250px; height:120px; float:left; background-color:#ffffff;}
#logo IMG	{display:block; margin-top:40px; margin-left:26px;}

#searchbar				{float:left; width:750px; height:30px; background-color:#f6f6f6;}
#searchbar INPUT.text	{float:left; font-size:9px; color:#725827; background-color:#ffffff; width:140px; border: solid 1px #a0802e; margin:7px 0px 0px 10px;}
#searchbar INPUT.image	{float:left; margin:7px 20px 0px 5px;}
#searchbar form select.dd	{float:left; font-size:9px; color:#725827; background-color:#ffffff; width:104px; border: solid 1px #a0802e; margin:7px 20px 0px 0px;}
#statusbar IMG.inform			{display:inline-block; float:left;  margin:7px 20px 0px 0px; }
#statusbar .digitalEngagement { float: left; width: 88px; margin: 7px 20px 0px 0px; }
#statusbar .digitalEngagement .digitalIcons { background: url('../commonfiles/links/siding/images/hardie/icons.gif') no-repeat top left; 	display: block; float: left; height: 17px; width: 16px; margin: 0px; }
#statusbar .digitalEngagement .facebook {background-position: 0px 0px; margin-right: 5px; }
#statusbar .digitalEngagement .twitter { background-position: -24px 0px; margin-right: 5px; }
#statusbar .digitalEngagement .linkedin {background-position: -48px 0px; margin-right: 5px; }
#statusbar .digitalEngagement .youtube {background-position: -72px 0px; }

#statusbar a         { text-decoration: none; font-size: 10px; }
#statusbar a:link    { color: #725827; }
#statusbar a:visited { color: #725827; }
#statusbar a:hover   { color: #555; }
#statusbar a:active  { color: #555; }




#nav0, DIV.nav1, DIV.nav2
	{float:left; width:750px; height:30px;}

DIV.nav0ItemOff, DIV.nav0ItemOn, DIV.nav1ItemOff, DIV.nav1ItemOn, DIV.nav2ItemOff, DIV.nav2ItemOn
	{float:left; height:29px; margin-top:1px;}

DIV.nav0ItemOff A, DIV.nav0ItemOn A, DIV.nav1ItemOff A, DIV.nav1ItemOn A, DIV.nav2ItemOff A, DIV.nav2ItemOn A
	{display:block; height:29px; float:left;}
	
DIV.nav0ItemOff IMG, DIV.nav0ItemOn IMG, DIV.nav1ItemOff IMG, DIV.nav1ItemOn IMG, DIV.nav2ItemOff IMG, DIV.nav2ItemOn IMG
	{display:block; margin:9px 13px 10px 13px;}

#nav0			{background-color:#D1B85A;}
DIV.nav0ItemOn	{background-color:#EEDC99;}
DIV.nav1		{background-color:#EEDC99; display:none;}
DIV.nav1ItemOn	{background-color:#F4ECC7;}
DIV.nav2		{background-color:#F4ECC7; display:none;}
DIV.nav2ItemOn	{background-color:#F8F4DD;}

/* banner */
#banner			{width:1000px; height:130px; margin-top:0px;}
#banner SELECT	{font-size:9px; display:block; margin-top:100px; margin-left:20px; background-color:transparent; border-style:solid; border-width:1px; color:#ffffff; width:200px;}
#banner OPTION	{background-color:#7A7E68;}

* html #banner SELECT {
background-color:#7A7E68;
}

/* hd1 */
#hd1					{width:1000px;}
DIV.hd1Left, DIV.hd1Left2, DIV.hd1Right, DIV.hd1HomeCenter, DIV.hd1HomeRight	{float:left; height:30px;}
DIV.hd1Left IMG, DIV.hd1Left2 IMG, DIV.hd1Right IMG {margin-top:10px; margin-left:20px;}

DIV.hd1HomeRight IMG	{margin-top:10px; margin-left:10px;}
DIV.hd1Left				{width:250px; background-color:#725827;}
DIV.hd1Left2			{width:250px; background-color:#D1B85A;}
DIV.hd1Right			{width:750px; background-color:#D1B85A;}
DIV.hd1HomeCenter		{width:570px; background-color:#F4EBC9;}
DIV.hd1HomeRight		{width:180px; background-color:#eedc99;}

/* main */
TABLE.main					{width:1000px;}
TABLE.main TD				{vertical-align:top;}
TABLE.main TD.left			{width:250px; background-color:#F3EBCD;}
TABLE.main TD.right			{width:750px; background-color:#FDFAF1;}
TABLE.main TD.homeCenter	{width:560px; background-color:#FAF4E3;}
TABLE.main TD.homeRight		{width:190px; background-color:#FDFAF1;}
TABLE.main TD.right, TABLE.main TD.homeCenter	
							{padding-top:20px; padding-left:20px;}
TABLE.main TD.left, TABLE.main TD.right, TABLE.main TD.homeCenter, TABLE.main TD.homeRight
							{padding-bottom:75px;}
TABLE.mainBackground TD		{padding-left:0px!important;}

/* leftnav */
#leftnav			{width:250px; background-color:#EEDC99; padding-top:20px; padding-bottom:20px;}
#leftnav A.link		{display:block; margin-left:21px;}
#leftnav IMG		{display:block;}
#leftnav IMG.dots	{margin:6px 0px 6px 18px;}

/* relatedLink */
#relatedLink		{margin-top:20px; margin-left:21px; width:215px; border-style:solid; border-width:1px 0px 0px 0px; border-color:#D7C385;}
#relatedLink IMG	{display:block; margin:5px 0px 10px 0px;}
#relatedLink A		{display:block; color:#725827; font-size:10px; text-decoration:none;}

/* leftModuleA */
#leftModuleA		{margin:0px 25px 0px 20px; padding-top:15px;}
#leftModuleA A		{display:block; font-size:10px; color:#725827; line-height:16px; margin-bottom:5px;}

/* leftModuleB */
#leftModuleB				{margin:0px 25px 0px 20px; padding-top:25px;}
#leftModuleB IMG.hd2		{display:block; margin-bottom:6px;}
#leftModuleB H2				{margin-top:0px; margin-bottom:6px; font-weight:normal; text-transform:uppercase; font-size:10px; color:#757163;}
#leftModuleB SPAN.copy		{display:block; color:#757163; font-size:10px; line-height:15px; margin-bottom:12px; padding-left: 2px;}
#leftModuleB IMG.button		{display:block;}
#leftModuleB DIV.dots		{width:191px; height:1px; border-top:1px dotted #C2BCA4; margin-top:14px; margin-bottom:14px;}
#leftModuleB DIV.dots BR	{display:none;}

/* homeModule */
DIV.homeModule				{color:#555; font-size:11px; line-height:14px; width:480px; margin-top:20px; border-top:1px solid #E3DECF; padding-top:12px;}
DIV.homeModule SPAN.copy	{float:left; width:290px;}
DIV.homeModule SPAN.copyexpanded	{float:left; width:490px;}
DIV.homeModule IMG.hd2		{display:block; margin-bottom:10px;}
DIV.homeModule H2			{margin-top:0px; margin-bottom:10px; font-weight:normal; text-transform:uppercase; font-size:11px; color:#484848;}
DIV.homeModule IMG.art		{border:1px solid #e5e5e5; float:left; margin-right:15px;}
DIV.homeModule IMG.button	{display:block; margin-top:6px;}
DIV.homeModuleFirst			{border-color:#D3CFC2;}

/* homeNews */
#homeNews			{font-size:10px; line-height:16px; color:#555; margin:20px 20px 0px 10px;}
#homeNews P			{margin:0px 0px 15px 0px;}
#homeNews IMG		{display:block;}
#homeNews IMG.dots	{margin-bottom:15px;}
#homeNews A			{color:#555; line-height:14px;}

/* PageLeadIn */
DIV.pageLeadIn			{width:480px; color:#725827; font-size:13px; line-height:20px; margin-bottom:15px;}
DIV.pageLeadIn A		{color:#725827;}
DIV.pageLeadIn EM		{color:#555; font-style:normal;}
DIV.pageLeadIn IMG.hd3	{display:block; margin-bottom:4px;}
DIV.pageLeadInMultiple	{margin-top:50px;}
DIV.pageLeadIn UL		{color:#725827; font-size:11px; line-height:20px; margin-bottom:30px; list-style: none;}

/* PageSublead */
DIV.PageSublead			{width:425px; color:#D1B85A; font-size:12px; line-height:18px; margin-bottom:20px;}
DIV.PageSublead A		{color:#D1B85A;}
DIV.PageSublead IMG.hd2	{display:block; margin-bottom:4px;}
DIV.PageSubleadMultiple	{margin-top:40px;}

/* contentModuleA */
DIV.contentModuleA                {color:#555; font-size:11px; line-height:15px; width:480px; margin-top:20px; border-top:1px solid #CDCBC5; padding-top:12px;}
DIV.contentModuleAMargin          {margin:0px; padding: 0px}
DIV.contentModuleAExpand {width: 480px; border-top: 1px solid #CDCBC5; }
DIV.contentModuleA SPAN.copy	{padding-left: 1px; float:left; width:275px; color:#555;}
DIV.contentModuleA SPAN.copy A	{color:#555;}
DIV.contentModuleA SPAN.copyexpanded A	{color:#555;}
DIV.contentModuleA IMG.hd2		{display:block; margin-bottom:10px;}
DIV.contentModuleA IMG.art		{border:1px solid #e5e5e5; float:left; margin-right:15px;}
DIV.contentModuleA IMG.button	{top: -4px; position: relative; display:inline; margin-top:8px; float:left; margin-right:8px;}
DIV.contentModuleA IMG.searchButton	{display:inline; margin-top:8px; float:left; margin-right:10px;}
DIV.contentModuleAFirst			{border-color:#CDCBC5;}
DIV.contentModuleA SELECT		{display:block; margin-top:8px; float:left; margin-right:10px; width:145px; font-size:9px; border-width:0px; color:#9D7C3C; background-color:#F3EBCD;}
DIV.contentModuleA h3 {color:#725827; font-size:13px; padding-bottom: 0px; line-height:20px; margin-bottom:0px; font-weight:bold; margin-top: 0px;}
DIV.contentModuleA DIV.zipbox				{width: 469px; height: 102px; padding: 40px 50px 20px 64px; background:url(../commonfiles/links/siding/images/hardie/zip-box1.gif) no-repeat left;}
DIV.contentModuleA DIV.zipbox h2			{color:#725827; font-size:12px; line-height: 14px; font-weight:bold; width:354px;}
DIV.contentModuleA DIV.zipbox span.text	{color:#555; font-size:12px; line-height: 14px; font-weight:bold; padding:0px; margin:0px;}
DIV.contentModuleA DIV.zipbox form			{display:inline; margin:0px; padding:0px;}
DIV.contentModuleA DIV.zipbox input.text	{float:left; font-size:12px; color:#555; background-color:#ffffff; width:70px; height:18px; border: solid 1px #a0802e; display:inline;}
DIV.contentModuleA DIV.zipbox input.image	{float:left; display:inline; margin-left:5px;}
DIV.contentModuleA DIV.zipbox1				{width: 461px; height: 69px; padding: 16px 10px 10px 10px; background:url(../commonfiles/links/siding/images/hardie/zip-box2.gif) no-repeat left;}
DIV.contentModuleA DIV.zipbox1 span.hz		{color:#555; font-size:10px; line-height: 12px;}
DIV.contentModuleA DIV.zipbox1 span.hz a, img {display:inline;}
DIV.contentModuleA DIV.zipbox1 h2			{color:#725827; font-size:12px; line-height: 14px; font-weight:bold; width:230px; margin-bottom:5px;}
DIV.contentModuleA DIV.zipbox1 span.text	{color:#555; font-size:12px; line-height: 14px; font-weight:bold; padding:0px; margin:0px;}
DIV.contentModuleA DIV.zipbox1 form			{display:inline; margin:0px; padding:0px;}
DIV.contentModuleA DIV.zipbox1 input.text	{float:left; font-size:12px; color:#555; background-color:#ffffff; width:70px; height:18px; border: solid 1px #a0802e; display:inline;}
DIV.contentModuleA DIV.zipbox1 input.image	{float:left; display:inline;}
DIV.contentModuleB h3 {color:#725827; font-size:13px; padding-bottom: 0px; line-height:20px; margin-bottom:0px; font-weight:bold; margin-top: 0px; display:block;}


/* contentModuleB */
DIV.contentModuleB							{float:left; width:530px; border-top:1px solid #CDCBC5; padding-top:12px;}
DIV.contentModuleB h4 {width:480px; color:#725827; font-size:12px; padding-bottom: 0px; line-height:14px; margin-bottom:0px; font-weight:bold; margin-top: 0px;}
DIV.contentModuleB h5 {width:100%; color:#725827; font-size:12px; padding-bottom: 0px; line-height:14px; margin-bottom:0px; font-weight:bold; margin-top: 0px;}
DIV.contentModuleB DIV.item					{float:left; width:166px; margin-left:10px; margin-bottom:20px;}
DIV.contentModuleB DIV.quarter_item			{float:left; width:166px; margin-left:8px; margin-bottom:20px;}
DIV.contentModuleB DIV.right_item			{float:right; width:240px; margin-left:10px; padding: 10px 5px 10px 5px; border: solid 1px #d2b85a;}
DIV.contentModuleB DIV.right_item DIV.arrow		{float:left; width:13px; margin-right: 9px; }
DIV.contentModuleB DIV.right_item DIV.right		{float:left; width:210px; }
DIV.contentModuleB DIV.right_item DIV.right	A	{color:#725827; font-size:12px; font-weight:bold; text-decoration:none;}
DIV.contentModuleB DIV.right_item DIV.dots		{width:100%; height:0px; border-top:1px dotted #d2b85a; line-height:1px; margin-top:10px; margin-bottom:10px; clear:both;}
DIV.contentModuleBPadding						{margin-top:27px;}


DIV.contentModuleB DIV.lastColumn			{float:left; width:166px; margin-left:0px; margin-bottom:20px;}
DIV.contentModuleB DIV.firstColumn			{margin-left:0px;}
DIV.contentModuleB IMG.hd2					{display:block; margin-bottom:10px;}
DIV.contentModuleB IMG.backToTop			{float:right;}
DIV.contentModuleB DIV.hd2placeholder		{display:block; margin-bottom:10px; height:9px;}
DIV.contentModuleB DIV.hd2placeholder BR	{display:none;}
DIV.contentModuleB IMG.art					{display:block; border:1px solid #e5e5e5; margin-bottom:10px;}
DIV.contentModuleB IMG.button				{display:block; margin-top:6px; float:left;}
DIV.contentModuleB IMG.buttonPlain			{display:block;}
DIV.contentModuleB A 						{display:block;}
DIV.contentModuleB DIV.dots					{width:100%; height:0px; border-top:1px dotted #e5e5e5; line-height:1px; margin-top:10px; margin-bottom:10px;}
DIV.contentModuleB DIV.dots BR				{display:none;}
DIV.contentModuleB DIV.rule					{width:100%; height:1px; background-color:#E5E3DB; line-height:1px; margin-top:10px; margin-bottom:10px;}
DIV.contentModuleB DIV.rule BR				{display:none;}
DIV.contentModuleB SPAN.copy				{float:left; color:#555; font-size:11px; line-height:15px;}
DIV.contentModuleB SPAN.copy2				{float:left; color:#725827; font-size:10px; line-height:12px;}
DIV.contentModuleB SPAN.copy A				{color:#555;}
DIV.contentModuleB SPAN.copy2 A				{color:#725827; font-weight: bold;}
DIV.contentModuleB SPAN.copyBig				{font-size:11px; line-height:15px;}
DIV.contentModuleB DIV.header SPAN.copy		{width:410px;}
DIV.contentModuleB DIV.header 				{width:100%; float:left; margin-bottom:20px;}
DIV.contentModuleB DIV.headerMultiple		{border-top:1px solid #CDCBC5; padding-top:12px;}
DIV.contentModuleBMultiple					{margin-top:30px;}





/* contentModuleC */
DIV.contentModuleC					{float:left; border-top:1px solid #CDCBC5; padding-top:12px; margin-right:10px;}
DIV.contentModuleCPlain				{border-width:0px 0px 0px 0px; padding-top:0px;}
DIV.contentModuleC170				{width:170px;}
DIV.contentModuleC250				{width:250px;}
DIV.contentModuleC355				{width:355px;}
DIV.contentModuleC600				{width:600px; float:left; border-top:1px solid #CDCBC5; padding-top:12px; margin-right:10px;}
DIV.contentModuleC600 P				{color:#555; font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:15px;}
DIV.contentModuleC524				{border-width:0px 0px 0px 0px; padding-top:0px; width:524px;}
DIV.contentModuleC170b				{width:170px; float:right; margin-left:10px; font-size: 10px; line-height:15px; color:#555; }
DIV.contentModuleC170b	li			{font-size: 10px; line-height:15px;}
DIV.contentModuleC319				{width:339px; }
DIV.contentModuleC h3 {color:#725827; font-size:13px; padding-bottom: 0px; line-height:20px; margin-bottom:10px; font-weight:bold; margin-top: 10px; display:block;}

DIV.dealerInfo				{float:left; margin-right:10px;}
DIV.dealerInfo355				{width:355px;}
DIV.dealerInfo270				{width:230px;}
DIV.contentModuleC DIV.right_item2			{float:right; width:210px; margin-left:5px; padding: 10px 5px 10px 5px; border: solid 1px #d2b85a;}
DIV.contentModuleC DIV.right_item2 DIV.arrow		{float:left; width:13px; margin-right: 9px; }
DIV.contentModuleC DIV.right_item2 DIV.right		{float:left; width:168px; }
DIV.contentModuleC DIV.right_item2 DIV.right	A	{color:#725827; font-size:12px; text-decoration:none;}
DIV.contentModuleC DIV.right_item2 DIV.dots		{width:100%; height:0px; border-top:1px dotted #d2b85a; line-height:1px; margin-top:10px; margin-bottom:10px; clear:both;}
DIV.contentModuleC DIV.right_item2 h3 { color:#725827; font-size:13px; padding-bottom: 0px; line-height:20px; margin-bottom:10px; font-weight:bold; margin-top: 0px;}

DIV.contentModuleC IMG.hd2			{display:block; margin-bottom:10px;}
DIV.contentModuleC IMG.button		{display:block;}
DIV.contentModuleC DIV.hd2Multiple	{display:block; border-top:1px solid #CDCBC5; padding-top:12px; width:100%; margin-top:20px;}
DIV.contentModuleC DIV.dots			{width:100%; height:0px; border-top:1px dotted #CDCBC5; line-height:1px; margin-top:10px; margin-bottom:10px;}
DIV.contentModuleC DIV.dots BR		{display:none;}
DIV.contentModuleC P, SPAN.copy		{display:block; color:#555; font-size:11px; line-height:15px;}
DIV.contentModuleC P				{margin-top:0px; margin-bottom:6px;}
DIV.contentModuleC P A, SPAN.copy A	{color:#555; text-decoration:underline;}
DIV.contentModuleC P IMG.hd2		{margin-bottom:2px;}
DIV.contentModuleCUnderlineLinks A	{text-decoration:underline!important;}

DIV.contentModuleC DIV.subModule				{display:block; width:100%; border-top:1px solid #CDCBC5; padding-top:12px;}
DIV.contentModuleC DIV.subModule IMG.art		{border:1px solid #e5e5e5; float:left; margin-right:10px;margin-bottom:10px;}
DIV.contentModuleC DIV.subModule SPAN.copy A	{text-decoration:underline;}
DIV.contentModuleC DIV.subModuleMultiple		{border-top-style:dotted;}
DIV.contentModuleC DIV.subModulePlain			{border-top-width:0px; padding-top:0px;}

DIV.contentModuleC DIV.link				{padding-top:10px; padding-bottom:10px;}
DIV.contentModuleC DIV.linkMultiple		{border-top:1px dotted #CDCBC5;}
DIV.contentModuleC DIV.link	A			{font-size:11px; color:#555;}
DIV.contentModuleC DIV.linkUnpadded		{padding-top:2px; padding-bottom:2px;}



/* contentModuleZ */
DIV.contentModuleZ							{float:left; width:720px; border-top:1px solid #CDCBC5; padding-top:12px;}
DIV.contentModuleZ h4 {width:480px; color:#725827; font-size:12px; padding-bottom: 0px; line-height:14px; margin-bottom:0px; font-weight:bold; margin-top: 0px;}
DIV.contentModuleZ h5 {width:100%; color:#725827; font-size:12px; padding-bottom: 0px; line-height:14px; margin-bottom:0px; font-weight:bold; margin-top: 0px;}
DIV.contentModuleZ DIV.item					{float:left; width:166px; margin-left:16px; margin-bottom:20px;}
DIV.contentModuleZ DIV.quarter_item					{float:left; width:166px; margin-left:16px; margin-bottom:20px;}
DIV.contentModuleZ DIV.lastColumn			{float:left; width:166px; margin-left:16px; margin-bottom:20px;}
DIV.contentModuleZ DIV.firstColumn			{margin-left:0px;}
DIV.contentModuleZ IMG.hd2					{display:block; margin-bottom:10px;}
DIV.contentModuleZ IMG.backToTop			{float:right;}
DIV.contentModuleZ DIV.hd2placeholder		{display:block; margin-bottom:10px; height:9px;}
DIV.contentModuleZ DIV.hd2placeholder BR	{display:none;}
DIV.contentModuleZ IMG.art					{display:block; border:1px solid #e5e5e5; margin-bottom:10px;}
DIV.contentModuleZ IMG.button				{display:block; margin-top:6px; float:left;}
DIV.contentModuleZ IMG.buttonPlain			{display:block;}
DIV.contentModuleZ A 						{display:block;}
DIV.contentModuleZ DIV.dots					{width:100%; height:0px; border-top:1px dotted #e5e5e5; line-height:1px; margin-top:10px; margin-bottom:10px;}
DIV.contentModuleZ DIV.dots BR				{display:none;}
DIV.contentModuleZ DIV.rule					{width:100%; height:1px; background-color:#E5E3DB; line-height:1px; margin-top:10px; margin-bottom:10px;}
DIV.contentModuleZ DIV.rule BR				{display:none;}
DIV.contentModuleZ SPAN.copy				{float:left; color:#555; font-size:11px; line-height:15px;}
DIV.contentModuleZ SPAN.copy A				{color:#555;}
DIV.contentModuleZ SPAN.copyBig				{font-size:11px; line-height:15px;}
DIV.contentModuleZ DIV.header SPAN.copy		{width:410px;}
DIV.contentModuleZ DIV.header 				{width:100%; float:left; margin-bottom:20px;}
DIV.contentModuleZ DIV.headerMultiple		{border-top:1px solid #CDCBC5; padding-top:12px;}
DIV.contentModuleZMultiple					{margin-top:30px;}

/* rightColumnModule */
DIV.rightColumnModule					{border-top:1px solid #CDCBC5; padding-top:12px; float:right; width:175px; margin-right:0px;}
DIV.rightColumnModulePlain				{border-width:0px 0px 0px 0px; padding-top:0px;}
DIV.rightColumnModuleNarrow				{width:165px;}
DIV.rightColumnModuleWide				{width:205px;} /*{width:225px;}*/
DIV.rightColumnModuleMargin				{margin-top: 26px;}
DIV.rightColumnModule h2				{color:#555; font-size:11px; line-height:15px; margin-top:10px; margin-bottom: 0px; padding: 0px;}
DIV.rightColumnModule h1				{color:#725827; font-size:12px; line-height:14px; font-weight:bold; margin-top:30px;}
DIV.rightColumnModule h1 a				{color:#725827; font-size:12px; line-height:14px; font-weight:bold; text-decoration:underline; display:inline;}
DIV.rightColumnModule IMG.hd2			{display:block; margin-bottom:10px;}
DIV.rightColumnModule DIV.hd2Multiple	{margin-top:30px; border-top:1px solid #CDCBC5; padding-top:12px;}
DIV.rightColumnModule IMG.button		{display:block; margin-bottom:6px;}
DIV.rightColumnModule IMG.icon			{display:block;}
DIV.rightColumnModule A					{display:block; color:#725827;}
DIV.rightColumnModule DIV.dots			{width:100%; height:0px; border-top:1px dotted #CDCBC5; line-height:1px; margin-top:10px; margin-bottom:10px;}
DIV.rightColumnModule DIV.dots BR		{display:none;}
DIV.contentModuleMultiple				{margin-top:20px;}
DIV.rightColumnModuleWide2				{width:200px; float:right;}
DIV.rightColumnModule h3			{ margin: 0px; padding:0px; }
DIV.rightColumnModule h3 a         { font-weight: bold; text-decoration: none; font-size: 12px; }
DIV.rightColumnModule h3 a:link    { color: #725827; }
DIV.rightColumnModule h3 a:visited { color: #725827; }
DIV.rightColumnModule h3 a:hover   { color: #555; text-decoration: underline; }
DIV.rightColumnModule h3 a:active  { color: #555; text-decoration: underline; }
DIV.rightColumnModule p a         { font-weight: normal; text-decoration: none; }
DIV.rightColumnModule p a:link    { color: #555; }
DIV.rightColumnModule p a:visited { color: #555; }
DIV.rightColumnModule p a:hover   { color: #725827; text-decoration: underline; }
DIV.rightColumnModule p a:active  { color: #725827; text-decoration: underline; }

/* vip table */

DIV.vip				{border: #6f5928 1px solid; background-color: #f4ebce; color: #725827; font-family:Arial, Helvetica, sans-serif; font-size: 12px; display: none; width:558px; padding:3px; margin:10px 0px; }
*html DIV.vip {width:568px;}
DIV.vip	table		{display:block; width:538px; padding: 0; margin:0; }
DIV.vip table td	{color: #725827; font-family:Arial, Helvetica, sans-serif; font-size: 12px; padding:5px; vertical-align:middle;}
.imgpad {margin-left: 25px;}

DIV.vip	h1			{color: #725827; font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; }
DIV.vip table td a:link    { color: #725827; text-decoration:none; }
DIV.vip table td a:visited { color: #725827; text-decoration:none; }
DIV.vip table td a:hover   { color: #725827; text-decoration: underline; }
DIV.vip table td a:active  { color: #725827; text-decoration: underline; }

/* remodeler banner */
#remod-links {
   margin: 0; padding: 30px 0px 0px 0px;
   width: 568px;
   height: 97px;
   background: #fff url(../commonfiles/links/siding/images/hardie/products.gif) left top no-repeat;
}

#remod-links a#link1{
width:240px;
height:67px;
top: 30px;
left: 50px;
display: inline-block;
float:left;} 

#remod-links a#link1 span{ display:none;}

#remod-links a#link2{
width:120px;
height:67px;
top: 30px;
left: 250px;
display: inline-block;
float:left;} 

#remod-links a#link2 span{ display:none;}

#remod-links a#link3{
width:120px;
height:67px;
top: 30px;
left: 390px;
display: inline-block;
float:left;} 

#remod-links a#link3 span{ display:none;}


/* jsnav */
DIV.jsnav		{float:left; margin-bottom:10px;}
DIV.jsnav A		{display:block; float:left; margin-right:10px;}

/* jsnav2 */
DIV.jsnav2		{float:left; margin-bottom:0px;}
DIV.jsnav2 A		{display:block; float:left; margin-right:1px;}

/* specs */
DIV.specs				{float:left; /*width:300px;*/ width:300px; margin-top:4px;}
DIV.specs DIV			{float:left; width:40px;}
DIV.specs DIV.label		{width:60px; padding-top:0px;}
DIV.specs DIV.dots		{/*width:290px;*/ width:280px; height:1px; background-image:url(../commonfiles/links/siding/images/hardie/dots.gif); line-height:1px; margin-top:2px; margin-bottom:2px;}
DIV.specsextended				{float:left; /*width:300px;*/ width:300px; margin-top:4px;}
DIV.specsextended DIV			{float:left; width:60px;}
DIV.specsextended DIV.label		{width:60px; padding-top:5px;}
DIV.specsextended DIV.dots		{/*width:290px;*/ width:290px; height:1px; background-image:url(../commonfiles/links/siding/images/hardie/dots.gif); line-height:1px; margin-top:2px; margin-bottom:2px;}

/* smallText */
P.smallText	{font-size:11px; line-height:15px; color:#555; width:480px; margin-top:0px;}

/* faqTopics */
#faqTopicsContainer 	{width:0px; height:0px;}
#faqTopics				{position:absolute; margin-left:95px; margin-top:10px; width:150px; background-color:#F3EBCD; padding-top:6px;}
#faqTopics A			{display:block; font-size:10px; color:#725827; text-decoration:none!important; margin:0px 6px 6px 6px;}

/* comparisonChart */
TABLE.comparisonChart				{width:650px; margin-top:20px;}
TABLE.comparisonChart TH, TABLE.comparisonChart TD	{padding-left:5px; padding-right:5px;}
TABLE.comparisonChart TH.col1		{text-align:left;}
TABLE.comparisonChart TH.col2, TABLE.comparisonChart TH.col3, TABLE.comparisonChart TH.col4		{width:120px;}
TABLE.comparisonChart TH			{background-color:#EFE3B2;  height:30px; vertical-align:middle; border-bottom:1px solid #D1C59A; border-right:1px solid #ffffff;  border-left:1px solid #E8E1C9; border-top:1px solid #DDDAD2;}
TABLE.comparisonChart TR.even TD	{background-color:#F7F0D6;}
TABLE.comparisonChart TR.odd TD		{background-color:#FBF6E6;}
TABLE.comparisonChart TD.attribute	{color:#725827; font-size:11px; height:30px; vertical-align:middle; border-left-width:0px!important;}
TABLE.comparisonChart TD.attributebig span	{color:#725827; font-size:14px; display:block; height:30px; border-left-width:0px!important;}
TABLE.comparisonChart TD.attributebig	{color:#725827; font-size:11px; height:30px; vertical-align:middle; border-left-width:0px!important; padding: 5px;}
TABLE.comparisonChart .lastCol		{border-right-width:0px!important;}
/*TABLE.comparisonChart TD.yes		{background-image:url(/homeowner/images/icons/x.gif); background-repeat:no-repeat; background-position:center center;}
TABLE.comparisonChart TD.yesnote		{background-image:url(/homeowner/images/icons/xnote.gif); background-repeat:no-repeat; background-position:center center;}
*/
TABLE.comparisonChart TD.yes		{text-align:center; vertical-align:middle;}
TABLE.comparisonChart TD.yesnote	{text-align:center; vertical-align:middle;}

TABLE.comparisonChart TD			{border-bottom:1px dotted #E4DFD2; border-right:1px solid #ffffff; border-left:1px solid #E8E1C9;}

/* RemodelerLocator */
TABLE.RemodelerLocator				{width:568px; margin: 20px 0px;}
TABLE.RemodelerLocator TH, TABLE.RemodelerLocator TD	{padding-left:5px; padding-right:5px;}
TABLE.RemodelerLocator TH.col1		{text-align:left;}
TABLE.RemodelerLocator TH.col2, TABLE.RemodelerLocator TH.col3, TABLE.RemodelerLocator TH.col4		{width:200px;}
TABLE.RemodelerLocator TH			{background-color:#EFE3B2;  height:30px; vertical-align:middle; border-bottom:1px solid #D1C59A; border-right:1px solid #ffffff;  border-left:1px solid #E8E1C9; border-top:1px solid #DDDAD2;}
TABLE.RemodelerLocator TR.even TD	{background-color:#F7F0D6;}
TABLE.RemodelerLocator TR.odd TD		{background-color:#FBF6E6;}
TABLE.RemodelerLocator TD.attribute	{color:#555; font-size:11px; height:30px; vertical-align:middle; border-left-width:0px!important;}
TABLE.RemodelerLocator TD.attribute a	{color:#555; text-decoration:underline;}
TABLE.RemodelerLocator TD.attributeVIP	{color:#725827; font-size:11px; height:30px; vertical-align:middle; border-left-width:0px!important;}
TABLE.RemodelerLocator TD.attributeVIP a	{color:#725827; text-decoration:underline;}
TABLE.RemodelerLocatorTD.attributebig span	{color:#555; font-size:14px; display:block; height:30px; border-left-width:0px!important;}
TABLE.RemodelerLocator TD.attributebig	{color:#555; font-size:11px; height:30px; vertical-align:middle; border-left-width:0px!important; padding: 5px;}

TABLE.RemodelerLocator .lastCol		{border-right-width:0px!important;}
TABLE.RemodelerLocator TD			{border-bottom:1px dotted #E4DFD2; border-right:1px solid #ffffff; border-left:1px solid #E8E1C9;}

/* paintingTips */
TABLE.painting				{width:650px; margin:20px 0px 20px 0px;}
TABLE.painting TH, TABLE.painting TD	{padding-left:5px; padding-right:5px;}
TABLE.painting TH.col		{text-align:left; color:#725827; font-size:11px; font-weight:bold;}
TABLE.painting TH			{background-color:#EFE3B2;  height:30px; vertical-align:middle; border-bottom:1px solid #D1C59A; border-right:1px solid #ffffff;  border-left:1px solid #E8E1C9; border-top:1px solid #DDDAD2;}
TABLE.painting TR.even TD	{background-color:#F7F0D6;}
TABLE.painting TR.odd TD		{background-color:#FBF6E6;}
TABLE.painting TD.attribute	{color:#725827; font-size:11px; height:30px; width:150px; vertical-align:top; border-left-width:0px!important;}
TABLE.cpainting TD.attributebig span	{color:#725827; font-size:14px; display:block; height:30px; border-left-width:0px!important;}
TABLE.painting TD.attributebig	{color:#725827; font-size:11px; height:30px; vertical-align:middle; border-left-width:0px!important; padding: 5px;}
TABLE.painting .lastCol		{border-right-width:0px!important;}
TABLE.painting TD			{border-bottom:1px dotted #E4DFD2; border-right:1px solid #ffffff; border-left:1px solid #E8E1C9; color:#725827; font-size:11px; vertical-align:top;}

/* table jh vs */
TABLE.vs				{width:460px;}
TABLE.vs TR.head {height:40px; background-color:#D1B85A;}
TABLE.vs TD.head {color:#fff; font-size:12px; font-weight:bold; vertical-align:middle; text-align:center;}
TABLE.vs TR.even {background-color:#F7F0D6;}
TABLE.vs TR.odd {background-color:#FBF6E6;}
TABLE.vs TD.title  {height:30px; vertical-align:bottom; position:relative; padding-bottom:1px; color:#725827; font-size:11px; font-weight:bold;}
TABLE.vs TD.txt	{padding: 10px; vertical-align:top; position:relative; width:230px;}
TABLE.vs TD.ctr	{vertical-align:middle; position:relative; width:15px;}
TABLE.vs TD.pix	{vertical-align:middle; position:relative; width:125px;}


/* awards */
TABLE.awards				{width:550px; margin:20px 0px 20px 0px;}
TABLE.awards TH, TABLE.painting TD	{padding-left:5px; padding-right:5px;}
TABLE.awards TH.col		{text-align:center; color:#fbf8f4; font-size:10px; font-weight:bold;}
TABLE.awards TH			{background-color:#798944;  height:30px; vertical-align:middle; border-bottom:1px solid #5a7135; border-right:1px solid #5a7135;  border-left:1px solid #5a7135; border-top:1px solid #5a7135;}
TABLE.awards TR.top TD	{background-color:#ffdd75;}
TABLE.awards TR.even TD	{background-color:#fbf8f4;}
TABLE.awards TR.odd TD		{background-color:#dadacf;}
TABLE.awards TD.attribute	{width: 170px; color:#000; font-size:9px; height:30px; font-weight:bold; text-align:left; vertical-align:middle; border-left:2px solid #5a7135;}
TABLE.awards .lastCol		{border-right:2px solid #5a7135;}
TABLE.awards TD			{border-bottom:1px solid #5a7135; border-right:1px solid #5a7135; border-left:1px solid #5a7135; color:#000; font-size:9px; vertical-align:middle; text-align:center; padding:3px;}
 
/* eventList */
DIV.eventList					{width:540px; border-top:1px solid #CDCBC5; padding-top:12px; font-size:11px; line-height:16px; color:#555;}
DIV.eventList A					{color:#555;}
DIV.eventList DIV				{margin-bottom:10px; border-top:1px solid #EDEAE2; padding-top:12px;}
DIV.eventList DIV.plainTop		{border-top-width:0px; padding-top:0px;}
DIV.eventList DIV.type			{float:left; width:100px; padding-right:10px;}
DIV.eventList DIV.date			{float:left; width:70px; padding-right:10px;}
DIV.eventList DIV.description	{float:left; width:225px; padding-right:10px;}
DIV.eventList DIV.location		{float:left; width:115px;}
* html DIV.eventList DIV.type 			{width:110px;}
* html DIV.eventList DIV.date 			{width:80px;}
* html DIV.eventList DIV.description 	{width:235px;}

/* mediaCenterNews */
DIV.mediaCenterNews						{display:block; width:480px; margin-bottom:20px;}
DIV.mediaCenterNews H1					{font-size:13px; line-height:22px; font-weight:normal; margin-top:0px; margin-bottom:6px; color:#725827;}
DIV.mediaCenterNews IMG.art				{border:1px solid #e5e5e5; float:left; margin-right:10px;margin-bottom:20px;}
DIV.mediaCenterNews DIV.copyAndButton	{float:left; width:300px;}
DIV.mediaCenterNews SPAN.copy			{display:block; color:#555; font-size:11px; line-height:15px; margin-bottom:6px;}
DIV.mediaCenterNews IMG.button			{display:block;}
DIV.mediaCenterNews DIV.navigation 		{display:block; margin-top:0px;}
DIV.mediaCenterNews DIV.navigation A	{display:block; float:left;}
DIV.mediaCenterNews DIV.navigation IMG	{margin-right:2px;}

/* form */
DIV.form								{width:540px; color:#555;}
DIV.form DIV.header						{width:100%; border-top:1px solid #CDCBC5; padding-top:12px; margin-bottom:20px;}
DIV.form DIV.header IMG.hd2				{display:block;}
DIV.form DIV.header IMG.label			{display:block; float:right;}
DIV.form DIV.headerMultiple				{margin-top:20px;}
DIV.form INPUT.text, DIV.form SELECT, DIV.form TEXTAREA.text	{color:#555; border-width:0px; border: 1px solid #888; display:block; float:left; margin-right:10px; margin-bottom:10px; padding:2px;}
DIV.form SELECT							{font-size:10px;}
DIV.form INPUT, DIV.form DIV.checkbox	{font-size:11px;}
DIV.form DIV.checkbox INPUT				{float:left;}
DIV.form SPAN.text						{float:left; margin-top:3px; margin-left:4px;}
DIV.form SPAN.textRed					{color:#ff0000; margin-bottom:4px; font-size:12px; line-height:14px; font-weight:normal; margin-top: 0px;}
DIV.form INPUT.submit					{float:right;}
DIV.form TD.h2						    {color:#725827; font-size:12px; padding-bottom: 3px; line-height:14px; margin-bottom:0px; font-weight:normal; margin-top: 0px;}
DIV.form TD.h1						    {color:#725827; font-size:13px; padding-bottom: 3px; line-height:14px; margin-bottom:0px; font-weight:bold; margin-top: 0px;}
DIV.form TD.text					    {color:#555; font-size:12px; padding-bottom: 3px; line-height:14px; margin-bottom:0px; font-weight:normal; margin-top: 0px;}

DIV.form TD.h2Red						{color:#ff0000; font-size:12px; padding-bottom: 3px; line-height:14px; margin-bottom:0px; font-weight:normal; margin-top: 0px;}

#hz				{float:left; width:450px; clear:left; font-size:10px; line-height:16px; color:#725827;}
#hz INPUT.text	{float:left; font-size:9px; color:#725827; background-color:#ffffff; width:140px; border: solid 1px #a0802e; margin:7px 0px 0px 0px;}
#hz INPUT.image	{float:left; margin:6px 0px 0px 7px;}


/* selectNav */
DIV.selectNav			{margin-bottom:20px;}
DIV.selectNav SELECT	{font-size:9px; display:block; float:left; margin-right:6px; background-color:#F3EBCD; border-style:solid; border-width:0px; color:#725827; width:150px;}
DIV.selectNav P			{font-size:10px; color:#555; margin-top:0px; margin-bottom:6px;}

DIV.jsNavSelectNav			{margin-top:-10px!important; margin-bottom:0px!important; float:none; display:none;}
DIV.jsNavSelectNav SELECT	{width:174px;}
* html DIV.jsNavSelectNav	{padding-top:10px; padding-bottom:10px;}

/* footer TEXT */
#footerText	{ 
	background-color: #fff;
	margin: 0;
	padding: 0; 
	width: 1000px;
}

#footerText	p { 
	color:#555; 
	font-size:11px; 
	line-height:14px;
}

#footerText	p a         { font-weight: normal; text-decoration: none; }
#footerText	p a:link    { color: #555; }
#footerText	p a:visited { color: #555; }
#footerText	p a:hover   { color: #D1B85A; }
#footerText	p a:active  { color: #D1B85A; }

#ftLeft {
	float: left;
	width: 250px;
}
#ftLeft p {
	padding-left: 20px;
}
#ftRight {
	float: right; 
	width: 560px;
}

* html #ftleft {
	margin-top: 10px;
}

* html #ftRight {
	margin-top: 10px;
}

#ftRight p {
	padding-left: 20px;
}
	
/* footer */
/*#footer					{background-color:#ffffff; padding:0px 0px 0px 6px; width:1000px;}*/
/*#footer IMG 			{display:block; float:left; margin-right:6px; margin-top:5px; margin-bottom:4px;}*/
/*#footer A 				{display:block; padding:0px;}*/
/*#footer IMG.copyright	{margin-right:105px;}*/

/* print adjustments */
@media print {
	DIV.hd1Left				{display:none;}
	DIV.hd1HomeRight		{display:none;}
	DIV.hd1HomeCenter		{width:750px;}
	TABLE.main				{width:750px;}
	TABLE.main TD.left		{display:none;}
	TABLE.main TD.homeRight	{display:none;}
	DIV.contentModuleA		{width:600px;}
	DIV.contentModuleB		{width:600px;}
	/*DIV.rightColumnModule	{display:none;}*/
	#banner					{margin-left:-250px;}
	#masthead 				{background-image:none; background-color:#ffffff; width:198px;}
	#masthead DIV			{display:none;}
	#masthead #logo			{display:block!important; height:50px;}
	#masthead #logo IMG		{margin:0px 0px 0px 0px;}
	DIV.nav1, DIV.nav2		{display:none!important;}
	/*#footer					{height:auto;}*/
	TABLE.mainBackground	{display:none;}
	DIV.pageContainer		{position:relative;}
}


ul.prodList {
		clear: both;
		list-style : square; margin-top : 0px; margin-bottom : 8px; 
	}
	
#warning {
		padding: 10px 10px 0 10px;
		border: solid #555;
}
	
#warning em {
		display: block;
		font-style: normal;
		font-weight: bold;
		text-align: center;
}
	
#cutting table.cutchart {
    border-collapse: collapse;
    border-style: outset;
    border: 1px solid #555;
}
#cutting table.cutchart td {
    border: 2px solid #555;
    padding: 5px;
}

#cutting table.cutchart p {
    color: #555;
    font-size: 11px;
}

#cutting td.top {
    background-color: #efefef;
}

#installcut table.cutinstruct td {
    border: 1px solid #555;
    padding: 5px;
    font-size: 11px;
    color: #555;
}

#installclearance table.clearance td {
	border: none;
    font-size: 11px;
    color: #555;
}

#backer table.burning {
    border: none;
}
#backer table.burning td {
    font-size: 11px;
    color: #555;
}

#whyJH {
	width: 100px;
	padding: 5px;
}

#pageNav {
		width: 650px;
		text-align: center;
		font-size: 12px;
}

#pageNav span.pipe {
		color: #725827;
	}
		
#pageNav img {
			position: relative;
				top: 4px;
		}
#prevPageImg {
		padding-right: 10px;
	}

#nextPageImg {
		padding-left: 10px;
	}

div#pageNav { vertical-align: middle; }
div#pageNav em { text-decoration: underline; font-style: normal;}
div#pageNav a { color: #555; text-decoration:none;}
div#pageNav a:link { color: #725827; text-decoration:none;}
div#pageNav a:visited { color: #725827; text-decoration:none;}
div#pageNav a:active { color: #757163;; text-decoration:none;}
div#pageNav a:hover { color: #757163;;text-decoration:none; }

div#map {
	margin: 0px;
	font-size: 12px;
}

div#map div {
	font-size: 10px;
}

div#map INPUT.text {
	width: 150px;
}
div#map INPUT.image {
	/*width: 150px;*/
}

td.map {
	padding: 10px;
}

div#mapInfo {
	width: 300px;
	height: 100px;
}

/* Fading Tooltips */
body div#toolTip { position:absolute;z-index:1000;width:120px;background:#725827;border:2px double #fff;text-align:left;padding:5px;min-height:1em;-moz-border-radius:5px; }
body div#toolTip p { margin:0;padding:0;color:#fff;font:11px/12px verdana,arial,sans-serif; }
body div#toolTip p em { display:block;margin-top:3px;color:#f60;font-style:normal;font-weight:bold; }
body div#toolTip p em span { font-weight:bold;color:#fff; }

.searchButton { padding-top: 6px; top: 4px; position: relative;}

IMG#jhLoad { padding-left: 70px; padding-top: 30px; text-align:center;}

.selectBox { background-image:url(../commonfiles/links/siding/images/hardie/radio.gif); background-repeat: no-repeat;}
.selectedBox { background-image:url(../commonfiles/links/siding/images/hardie/radio.gif); background-repeat: no-repeat;}

.colorName { font-size: 11px;}

span.error {
			color: #ff0000;
		}




