/* 
green : .rethink  / .jhgreen : 4f6931
blue  : .renew    / .jhblue  : 326b86
red   : .redesign / .jhred   : 752918
brown : .resource / .jhbrown : 5f4723
*/

body { 
background-color: #666666;
margin: 0;
padding: 0;
color: #444444;
}
a img { border: none; outline: 0; }
:focus { border: none; outline: 0; }
table.permissions-holder { 
margin: 10px 0 10px 0;
padding: 0;
background-color: #666666; 
}

/* sub-page specific */
td.mc-rethink h1, td.mc-renew h1, td.mc-redesign h1, td.mc-resource h1 {
margin: 0;
padding: 0 0 10px 0;
font-family: Arial, san-serif;
font-size: 21px;
line-height: 22px;
font-weight: bold;
}
td.mc-rethink h1  { color: #4f6931; }
td.mc-renew h1    { color: #326b86; }
td.mc-redesign h1 { color: #752918; }
td.mc-resource h1 { color: #5f4723; }

td.mc-rethink h2.title, td.mc-renew h2.title, td.mc-redesign h2.title, td.mc-resource h2.title {
padding-bottom: 10px;
}

/* date, top navigation */
table.horiz-nav-holder {
margin: 0 0 20px 0;
padding: 0;
border-top: none;
border-bottom: 1px solid #666666;
}
table.title-module { margin: 0 0 10px 0; padding: 0; }
table.tagline-module { margin: 0; padding: 0; border-top: 1px solid #666666; border-bottom: 1px solid #666666; }
div.quotebox { }
/* end: sub-page specific */

table.main { background-color: #ffffff; }
table.sl { margin: 0; padding: 0 0 20px 0; }
table.masthead { margin: 0 0 20px 0; border-bottom: 1px solid #666666; }
table.content-module { margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px solid #666666; }
table.content-module-end { margin: 0; padding: 0 0 20px 0; border-bottom: 1px solid #666666; }

/* top permissions */
td.permissions { 
margin: 0;
padding: 0; 
}
td.permissions p {
margin: 0;
padding: 0;
font-family: Verdana;
font-size: 10px;
line-height: 12px;
font-weight: normal;
color: #cccccc;
}
td.permissions p a { color: #333333; }
/* end */

/* header */
td.header {
margin: 0;
padding: 0;
border-top: 20px solid #ffffff;
border-bottom: 2px solid #ffffff;
}
 
/* end */

/* date, top navigation (new header styles in 'sub-page specific' settings above)
table.horiz-nav-holder {
margin: 0;
padding: 0;
border-top: 1px solid #666666;
border-bottom: 1px solid #666666;
}
*/

td.top-nav, td.top-date {
margin: 0;
padding: 8px 0 8px 0;
}

td.top-nav p {
margin: 0;
padding: 0;
font-family: Verdana, san-serif;
font-size: 11px;
line-height: 11px;
color: #999999;
text-align: left;
}
td.top-nav p a, td.top-nav p a:link, td.top-nav p a:visited, td.top-nav p a:hover, td.top-nav p a:active {
margin: 0;
padding: 0;
text-decoration: none;
font-weight: normal;
}
/* green */
td.top-nav p .rethink a, td.top-nav p .rethink a:link, td.top-nav p .rethink a:visited { color: #4f6931; }
td.top-nav p .rethink a:hover, td.top-nav p .rethink a:active { color: #999999; }
/* blue */
td.top-nav p .renew a, td.top-nav p .renew a:link, td.top-nav p .renew a:visited { color: #326b86; }
td.top-nav p .renew a:hover, td.top-nav p .renew a:active { color: #999999; }
/* red */
td.top-nav p .redesign a, td.top-nav p .redesign a:link, td.top-nav p .redesign a:visited { color: #752918; }
td.top-nav p .redesign a:hover, td.top-nav p .redesign a:active { color: #999999; }
/* brown */
td.top-nav p .resource a, td.top-nav p .resource a:link, td.top-nav p .resource a:visited { color: #5f4723; }
td.top-nav p .resource a:hover, td.top-nav p .resource a:active { color: #999999; }

td.top-issue p {
margin: 0;
padding: 0;
font-family: Verdana, san-serif;
font-size: 11px;
line-height: 11px;
color: #444444;
text-align: right;
}
td.top-issue p span {
color: #999999; 
}
/* end */

/* normal p settings */
td.middle-content p {
margin: 0;
padding: 0;
font-family: Verdana, san-serif;
font-size: 11px;
line-height: 14px;
color: #444444;
text-align: left;	
}
td p a.more {
background-image: url('/redesign/global/img/link-button.gif');
background-position: center left;
background-repeat: no-repeat;
padding: 0 0 0 14px;
}
/* end */

/* global settings for middle content */
td.mc-rethink, td.mc-renew, td.mc-redesign, td.mc-resource {
margin: 0;
padding: 0;
}

/* lists */
td.mc-rethink ul, td.mc-renew ul, td.mc-redesign ul, td.mc-resource ul {
margin: 0 0 10px 15px;
padding: 0;
}
td.mc-rethink ul li, td.mc-renew ul li, td.mc-redesign ul li, td.mc-resource ul li {
margin: 0;
padding: 0;
font-family: Verdana, san-serif;
font-size: 11px;
line-height: 14px;
color: #444444;
}

/* type settings */
td.mc-rethink h2, td.mc-renew h2, td.mc-redesign h2, td.mc-resource h2 {
margin: 0;
padding: 0 0 5px 0;
font-family: Arial, san-serif;
font-size: 17px;
line-height: 18px;
font-weight: bold;
}
td.mc-rethink h3, td.mc-renew h3, td.mc-redesign h3, td.mc-resource h3 {
margin: 0;
padding: 0 0 10px 0;
font-family: Arial, san-serif;
font-size: 15px;
line-height: 17px;
font-weight: normal;
}
td.mc-rethink h2,  td.mc-rethink h3  { color: #4f6931; }
td.mc-renew h2,    td.mc-renew h3    { color: #326b86; }
td.mc-redesign h2, td.mc-redesign h3 { color: #752918; }
td.mc-resource h2, td.mc-resource h3 { color: #5f4723; }

td.mc-rethink p, td.mc-renew p, td.mc-redesign p, td.mc-resource p {
margin: 0;
padding: 0 0 10px 0;
font-family: Verdana, san-serif;
font-size: 11px;
line-height: 14px;
color: #444444;
text-align: left;	
}
td.mc-rethink p.end, td.mc-renew p.end, td.mc-redesign p.end, td.mc-resource p.end {
padding: 0 0 5px 0;	
}
/* end */

/* global settings for middle content: links */
/* all */
td.mc-rethink p a,  td.mc-rethink p a:link,  td.mc-rethink p a:visited,  td.mc-rethink p a:hover,  td.mc-rethink p a:active, 
td.mc-renew p a,    td.mc-renew p a:link,    td.mc-renew p a:visited,    td.mc-renew p a:hover,    td.mc-renew p a:active, 
td.mc-redesign p a, td.mc-redesign p a:link, td.mc-redesign p a:visited, td.mc-redesign p a:hover, td.mc-redesign p a:active, 
td.mc-resource p a, td.mc-resource p a:link, td.mc-resource p a:visited, td.mc-resource p a:hover, td.mc-resource p a:active {
font-weight: bold;
text-decoration: none;
}
/* and for lists */
td.mc-rethink ul li a,  td.mc-rethink ul li a:link,  td.mc-rethink ul li a:visited,  td.mc-rethink ul li a:hover,  td.mc-rethink ul li a:active, 
td.mc-renew ul li a,    td.mc-renew ul li a:link,    td.mc-renew ul li a:visited,    td.mc-renew ul li a:hover,    td.mc-renew ul li a:active, 
td.mc-redesign ul li a, td.mc-redesign ul li a:link, td.mc-redesign ul li a:visited, td.mc-redesign ul li a:hover, td.mc-redesign ul li a:active, 
td.mc-resource ul li a, td.mc-resource ul li a:link, td.mc-resource ul li a:visited, td.mc-resource ul li a:hover, td.mc-resource ul li a:active {
font-weight: bold;
text-decoration: none;
}

/* link colors */
td.mc-rethink p a,  td.mc-rethink p a:link,  td.mc-rethink p a:visited  { color: #4f6931; }
td.mc-renew p a,    td.mc-renew p a:link,    td.mc-renew p a:visited    { color: #326b86; }
td.mc-redesign p a, td.mc-redesign p a:link, td.mc-redesign p a:visited { color: #752918; }
td.mc-resource p a, td.mc-resource p a:link, td.mc-resource p a:visited { color: #5f4723; }
/* and for lists */
td.mc-rethink ul li a,  td.mc-rethink ul li a:link,  td.mc-rethink ul li a:visited  { color: #4f6931; }
td.mc-renew ul li a,    td.mc-renew ul li a:link,    td.mc-renew ul li a:visited    { color: #326b86; }
td.mc-redesign ul li a, td.mc-redesign ul li a:link, td.mc-redesign ul li a:visited { color: #752918; }
td.mc-resource ul li a, td.mc-resource ul li a:link, td.mc-resource ul li a:visited { color: #5f4723; }

/* on colors */
td.mc-rethink p a:hover,  td.mc-rethink p a:active  { color: #999999; }
td.mc-renew p a:hover,    td.mc-renew p a:active    { color: #999999; }
td.mc-redesign p a:hover, td.mc-redesign p a:active { color: #999999; }
td.mc-resource p a:hover, td.mc-resource p a:active { color: #999999; }
/* and for lists */
td.mc-rethink ul li a:hover,  td.mc-rethink ul li a:active  { color: #999999; }
td.mc-renew ul li a:hover,    td.mc-renew ul li a:active    { color: #999999; }
td.mc-redesign ul li a:hover, td.mc-redesign ul li a:active { color: #999999; }
td.mc-resource ul li a:hover, td.mc-resource ul li a:active { color: #999999; }

/* end */

/* bottom navigation */
table.horiz-nav-bottom-holder {
margin: 0 0 20px 0;
padding: 0;
border-top: 1px solid #666666;
border-bottom: 1px solid #666666;
width: 670px;
}
td.horiz-nav-bottom {
margin: 0;
padding: 8px 0;
font-family: Verdana, san-serif;
font-size: 10px;
line-height: 10px;
/*text-align: left;*/
}
td.horiz-nav-bottom p.lft { color: #666666; text-align: left; margin: 0; padding: 0;  }
td.horiz-nav-bottom p.rt  { color: #999999; text-align: right; margin: 0; padding: 0; }
td.horiz-nav-bottom a, td.horiz-nav-bottom p a:link, td.horiz-nav-bottom p a:visited {
margin: 0;
padding: 0;
color: #000000;
text-decoration: none;
font-weight: normal;
}
td.horiz-nav-bottom p a:hover, td.horiz-nav-bottom p a:active {
margin: 0;
padding: 0;
color: #999999;
text-decoration: none;
font-weight: normal;
}
/* end */

td.footer p {
margin: 0;
padding: 0;
font-family: Verdana, san-serif;
font-size: 10px;
line-height: 12px;
color: #666666;
}
td.footer p a:link    { color: #000000; }
td.footer p a:visited { color: #000000; }
td.footer p a:hover   { color: #999999; }
td.footer p a:active  { color: #999999; }


/* social media */
table.digitalEngagement {
margin: 0 0 10px 0;
padding: 0;
width: 76px;
height: 20px;
}
table.digitalEngagement td {
margin: 0;
padding: 0;
background-image: url('http://www.jameshardie.com/images/digital/digital_sprite_map.png');
background-repeat: no-repeat;
height: 20px;
}
table.digitalEngagement td.facebook { background-position:   0px 0px; width: 20px; }
table.digitalEngagement td.twitter  { background-position: -20px 0px; width: 19px; }
table.digitalEngagement td.linkedin { background-position: -39px 0px; width: 19px; }
table.digitalEngagement td.youtube  { background-position: -58px 0px; width: 18px; }
/**/
table.digitalEngagement td div { height: 20px; }
/**/
table.digitalEngagement td.facebook div { width: 20px; }
table.digitalEngagement td.twitter div  { width: 19px; }
table.digitalEngagement td.linkedin div { width: 19px; }
table.digitalEngagement td.youtube div  { width: 18px; }
/* /social media */

/* find a remodeler stronger */
td.mc-resource p.find {
margin: 0;
padding: 5px 0;
font-family: Arial, san-serif;
font-size: 17px;
line-height: 17px;
font-weight: bold;
}
td.mc-resource p.find a {
margin: 0;
padding: 4px 0 4px 30px;
background-image: url('http://www.jameshardie.com/redesign/global/img/magnifying-glass.jpg');
background-position: center left;
background-repeat: no-repeat;
}
/* /find a remodeler stronger */

td p.endit { padding-bottom:20px; }


/* ++ end ++ */