/* Start of CMSMS style sheet 'wcg' */
@charset "UTF-8";

* { margin:0; padding:0; }


html>body {
	font-size: 75%;
	height:100%;
	min-height:100%;
}

body{
	background: #FFF url(/template/images/bg_body.png) repeat-x bottom left; 
	margin:0 auto;
   padding-bottom:10px;
	/* font-size:12px; */
	line-height:1.5em;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
}
p{
   padding: .25em 0 1em 0;
	/* margin:0 0 18px 0; */
	/* font-size:12px; */
	line-height:1.5em; */
}

p.intro{
	font-size:1.167em; /* 14px; */
	line-height: 1.286em; /*18px;*/
	color:#555;	
}
p.postscript{
   font-size:0.834em; /*10px; */
	line-height:normal;
	color:#CCC;
}
p.bold{
	font-weight:bold;
}
blockquote{
	font-size:1.267em; /* 14px; */
	line-height: 1.286em; /*18px;*/
	color:#555;
	
}
h1{
	font-size:1.8em;
	line-height:2em;
	font-weight:normal;
	margin:0 0 .5em;
}
h2, #col_center h1, #col1_subnav_water h3, #col1_subnav_carbon h3 {
	font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
   font-size:1.167em; /* 14px; */
	line-height: 1.75em; /* 1.286em; */ /*18px;*/
	font-weight:bold;
	text-transform:uppercase;
	margin: 0 0 12px 10px; /*0.214em 0 1.286em; */
}

/* remove left/right margin from #col_center headings */
#col_center h1, #col_center h2, #col_center h2 {
   margin:0;
}

h3{
	font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
	font-size:1.167em; /* 14px; */
	line-height: 1.286em; /*18px;*/
	/* color:#ef8200; */
}

#col_center h3 {
   font-size:1.167em; /* 14px; */
   line-height:1.714em; /* 24px */
}
h4{
   padding: .25em 0 1em 0;
	/* margin:0 0 9px 0; */
	/* font-size:12px; */
	line-height:1.5em; */
font-weight: bold;
}

#col_center_home a, #col_center_home a:link, #col_center_home a:visited,
#col4 a, #col4 a:link, #col4a:visited
 {
      color:#FFFFFF;
      text-decoration:none;
}

#col_center_home, #col_4 {
   color:#FFFFFF;
}

ul{
	list-style:square inside url("/template/images/bullet.png");
	line-height:1.5em;
	margin:0 0 9px;
}
ol{
	list-style-position: inside;
	line-height:1.5em;
	margin:0 0 9px;
}
li{
line-height:1.5em;
list-style-position: inside;
}
table{
	font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
border-collapse: collapse;
margin-bottom:18px;
}
table p{
	font-family:Arial, Helvetica, sans-serif;
padding-bottom:.25em;
}
th{
background-color:#09C;
color: #FFF;
padding:0 10px;
text-transform: uppercase;
font-weight: bold;
text-align: left;
}
td{
	vertical-align:top;
padding:10px;
background-color:#f8f8f8;
}
td a{
	text-decoration:none;
}
a:link { 
	color:#09C;
	font-weight:normal;
}
a:visited { 
	color:#3399CC;
}
a:hover { 
	text-decoration:underline;
	color:#d07e54;
}
img{
	border:none;
}
hr{
	border:none;
	border-top:4px solid #F99;
	margin:20px 0 10px;
}
.orange{
	color:#ef8200;
}

/* BODY */

#wrapper{
	width:900px;
	margin: 0px auto;
	padding:0;
	background-color:transparent;
	position:relative;
}
#header { 
	background:none;
	padding:30px 0 0 30px;
	color:#FFF;
	position:relative;
	margin-bottom:0;
	height:110px;
	width:870px;
   z-index:900;
}
#header h1 { 
	background:url(/template/images/logo_wcg.png) no-repeat top left;
	text-indent:-2000px;
	height:90px;
	width:290px;
   color:#FFF;
}
   
 #header #sitename { 
	background: transparent;
	/* text-indent:-2000px; */
	height:90px;
	width:290px;
   color:#FFF;
}

#header h1 a {
   display: block;
   width:100%;
   height:100%;
}

/* NAVIGATION */

div#mainnav{
	position: absolute; 
	right: 0pt; 
	bottom: 0pt; 
	text-transform: uppercase;  
	color: rgb(102, 102, 102);
   z-index: 999;
}
div#mainnav ul{
	/* display: inline; */
}
div#mainnav ul li{
	list-style: none; 
	display: inline;
}
div#mainnav ul li a:link{
	color:#888;
	text-decoration:none;
}
div#mainnav ul li a:visited { 
	color:#999;
}
div#mainnav ul li a:hover { 
	color:#09C;
}

/* remove border-right from last li a nchor in mainnav*/
div#mainnav ul li:last-child a {
   border:none;
}

/* stop inheritence of the above */
div#mainnav ul li li:last-child a {
   border-left: 1px solid #DDDDDD;
   border-right: 1px solid #DDDDDD;
}

/* search box */
div#search {
   float:right;
   margin-right:10px;
   background-color: 
}

div#search input {
   border: none;
   background-color: #EEEEEE; 
   color: #999999;
}

div#search #cntnt01searchinput {
   border: 1px solid #DDDDDD; 
   background:none;
   margin: 0;
   margin-right: 5px;
}

/* PROMO */

#promo_home { 
	padding:10px;
   margin:0;
	width:880px;
	height:350px;
	position:relative;
	background-color:#FFF;
	border-top: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-left: 1px solid #DDD;
}

#promo_home div, #promo_home div.img {
   margin:0;
   padding:0;
}


#promo { 
	padding:10px;
   margin:0;
	width:880px;
	height:260px;
	position:relative;
	background-color:#FFF;
	border-top: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-left: 1px solid #DDD;
}

#pageHeading h1 {
   font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 72px;
   line-height: 1em;
   color: #000;
   padding:0;
   margin:0;
   text-transform:uppercase;
   text-shadow: 0 0 0.1em #666666, 0 0 0.1em #666666, 0 0 0.2em #CCCCCC;
}

#pageHeading {
   filter:alpha(opacity=50);
   opacity:0.5;
   background:none;
   position:absolute;
   left:0;
   bottom:0;
   padding: 8px 10px;
}

#promo_home p, #promo p, #promo_home img, #promo img {
   border: none;
   margin:0;
   padding:0;
}

#promo_home img {
   padding-top: 10px;
   padding-left:10px;
}

/*MAIN CONTENT */

#main { 
	width:100%;
	height:auto;
	padding:0 10px 10px 10px;
	width:880px;
	position:relative;
	background-color:#FFF;
	border-right:1px solid #DDD;
	border-bottom:1px solid #DDD;
	border-left:1px solid #DDD;
}

.main_carbon {
   background: #9CF url(/template/images/bg_repeaty_carbon.png) repeat-y 10px 0;
}
.main_water {
   background: #9CF url(/template/images/bg_repeaty_water.png) repeat-y 10px 0;
}

#col1_news {
	float: left;
	width: 192px;
	padding:0 10px;
	background:#EEF5FD url(/template/images/bg_subnav_water.png) repeat-x top left;
   margin-bottom:10px;
}
#col1_news h2, #col1_subnav_water p,#col1_subnav_carbon p, #col1_subnav_water h3, #col1_subnav_carbon h3, .casestudy p, .casestudy p a:link, .casestudy h2{ 
	color:#FFF;
   font-weight: normal;
}
#col1_news p, #col1_news p a:link, #col1_subnav_water a:link, #col1_subnav_carbon a:link, .NewsSummaryMorelink a:link,
#col1_news p a:visited, #col1_subnav_water a:visited, #col1_subnav_carbon a:visited, .NewsSummaryMorelink a:visited { 
	color:#666;
	font-weight:normal;
}

#col1_subnav_water ul, #col1_subnav_carbon ul  {
   padding-left:10px;
}


.casestudy p a:link, .casestudy p a:visited {
   color:#FFF;
   margin:0;
}

div.caseStudyImage {
   padding-bottom: 10px;
}

#main div.NewsSummary {
   margin: 0.5em 0 1em 0;
}

#main div#col1_subnav_water div.NewsSummary div p {
   color:#666666;
  margin: 0.5em 10px 0;
}

.NewsSummaryLink a:link, .NewsSummaryLink a:visited ,
/* fix problem with #col1_subnav_water */
#col1_subnav_water .NewsSummaryLink a:link, #col1_subnav_carbon .NewsSummaryLink a:link, #col1_subnav_water .NewsSummaryLink a:visited, #col1_subnav_carbon .NewsSummaryLink a:visited
{
   font-weight: bold;
   text-decoration: none;
   /* margin: 0 10px; */
   color:#666;
}

.NewsSummaryLink, .NewsSummaryMorelink {
   margin: 0 10px;
}

.NewsSummaryMorelink {
   margin: 0 10px 0.5em;
}

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


#main div.caseStudyImage div.caseStudyText p {
   margin:0 10px 0;
   color:#FFFFFF;
}
#main div.thumbnail div.NewsSummarySummary p, {
   margin: 10px 0;
   color:#666666;
}

div#main div#col4.thumbnail div.caseStudyText p,
div#main div#col_center_home div#col2.thumbnail div.caseStudyText p,
div#main div#col_center_home div#col3.thumbnail div.caseStudyText p
 {
   color:#FFFFFF;
}

#col1_subnav_water, #col1_subnav_carbon {
	float: left;
	width: 192px;
	padding:0 10px;
	background: transparent url(/template/images/bg_header_water.png) repeat-x top left;
}

#col1_subnav_carbon {
   background: transparent url(/template/images/bg_header_carbon.png) repeat-x top left;
}

#col_center_home {
	margin-left:222px;
	width: 434px;
	/* height:230px; */
	padding:0;
	vertical-align:top;
}
#col_center {
	margin-left:212px;
	width: 416px;
	min-height:230px;
	padding:0 20px;
	vertical-align:top;
}

#col_center p {
	/* margin:0 0 18px; */
}
#col_center ul{
	list-style-type:square;
	line-height:1.5em;
   margin: 0;
   margin-left:10px;
}

   #col_center ol{
	list-style-position: outside;
	line-height:1.5em;
	margin:0 0 9px;
}
#col_center li{
   line-height:1.5em;
   list-style-position: outside;
   margin:0;
   margin-left:10px;
}
#col2 {
	float:left;
	/* background:url(/template/images/bg_header_green.png) repeat-x top left; */
}
#col2 h2 a:link, #col3 h2 a:link, #col4 h2 a:link,  #col2 h2 a:visited, #col3 h2 a:visited, #col4 h2 a:visited,{
	color:#FFF;
text-decoration: none;
}
#col3 {
	float: right;
	/* background:url(/template/images/bg_header_green.png) repeat-x top left; */
}

#col4 {
	float: right;
	/* background:url(/template/images/bg_header_green.png) repeat-x top left; */
}
.casestudy {
	float: right;
	min-height:130px;
   margin-bottom:10px;
   clear:right;
   width:auto;
}
#main div.thumbnail, #main div#col1_subnav_water,  #main div#col1_subnav_carbon {
	position:relative;
	/* height:220px; */
	width: 212px;
	padding:0;
	
}

/*
#main div.thumbnail {
   height:151px;
   
}
*/

#main div.thumbnail h3 , #main div#col1_subnav_water h3, #main div#col1_subnav_carbon h3{
   margin: 0 0 12px 10px;
   line-height:1.75em;
}
#main div.thumbnail p , #main div#col1_subnav_water p, #main div#col1_subnav_carbon p{
	/* margin:0 10px 18px; */
   margin:0;
   padding:0;
}
#main div#col1_news p {
   margin:0 10px 0.5em;
}

#main div.thumbnail img, #main div.caseStudyImage p {
	bottom:0;
	left:0;
   margin:0;
   padding:0;
   text-shadow: 0 0 0.34em #333333;
}

table.advantage{
	margin:0 0 18px;
	padding:0;
}
table.advantage td{
	padding:0 0 18px;
	vertical-align:top;
	font-size:1.334em /* 16px; */
	line-height: 1,125em; /* 18px; */
	font-weight:normal;
	font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
}
table.advantage td.left{
	padding-right:10px;
	color:#ef8200;
}
table.specifications{
	margin:0 0 18px;
	padding:0;
}
table.specifications td{
	padding:0 0 18px;
	vertical-align:top;
	font-size: 1.25em; /* 15px; */
	line-height: 1.2em; /* 18px; */
	font-weight:normal;
	font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
}
table.specifications td.left{
	padding-right:10px;
	color:#ef8200;
}

table#promolinks td{
	vertical-align:top;
	padding:10px 0 0;
}
table#promolinks td h3{
	font-size: 1.25em; /* 15px; */
	line-height: 1.2em; /* 18px; */
	margin:0 0 6px;
	font-weight:bold;
	color:#FFF;
	font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
}

table#promolinks td img{
	margin-right:10px;
	border:1px solid #CCC;
}
div#right a{
	text-decoration:none;
}


/* MAIN NAVIGATION */

/* SHADOWBOX */

.thumbs{ 
	padding:0;
	margin:0 0 10px;
}
.thumbs td {
	padding:0;
	background-color:transparent;
	text-align:left;
}
.thumbs a:link, .thumbs a:visited{ 
	text-decoration:none;
	padding:0;
	border:none;
}
.thumbs a img{ 
	background-color:#000;
	text-decoration:none;
	border:none;
	padding:0;
	margin:0;
	border:1px solid #FFF;
}


/* FORMS */

form{
	background-color:transparent;
	border: none;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}
input.textbox { 
	border: none;
	margin: 0 2px 10px 0;
	padding: 2px;
	font-size: .9em;
	background-color:#FFF;	
}
textarea { 
	border: none;
	margin: 0 2px 10px 0;
	padding: 2px;
	font-size: .9em;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	background-color:#FFF;	
}
input.button { 
	background-color:#EEE;
	border: none;
	font-size: .9em;
	color: #ea7f1e;
	padding: 1px;
}	

span.floatright{
	float:right;
}
label{
	margin:0 0 18px 0;
	font-size:13px;
	font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
}


/* FOOTER */

#footer { 
	clear:both;
   margin:0;
   margin-top:10px;
	padding:0 10px;
   background-color: #EEEEEE;
	font-size:0.917em; /* 11px; */
   line-height: 2.273em; /* 25px */
}
#footer a:link, #footer a:visited { 
	color:#666;
}

#footer a:hover {
   color:#09C;
}
#footer span a:link, #footer span a:visited { 
	color:#999;
}

/* cssmenu template - css styles for main nav with fly-outs  */

#mainnav ul ul {
   border-top: 1px solid #DDDDDD;
}

#mainnav ul ul li {
   border: none;
   border-bottom: 1px solid #DDDDDD;
}

#primary-nav li li {
   background-image: none;
   background-color: #FFF;
   margin: 0;
   padding:0;
   border: none;
   border-bottom: 1px solid #CCCCCC;
   width: 196px;
   position: relative;
}

#primary-nav, #primary-nav ul { 
   list-style-image:none;
   list-style-position:outside;
   list-style-type:none;
   margin: 0; 
   padding: 0;
}
#primary-nav { 
   z-index: 998;
}
#primary-nav ul { 
   position: absolute; 
   top: auto; 
   display: none; 
   margin:0;
   padding:0;
}
#primary-nav ul ul { 
   left: 100%; 
   top: 0px; 
}
#primary-nav li {
        float:left;
        margin:0;
        padding:0;
        color:#333;
        border-right: 1px solid #FFF; /* modified mark 081129 */
}
#primary-nav li a {
   border-right:1px solid #DDDDDD;
   color:#333333;
   display:block;
   margin:10px 0;
   padding:0 10px;
   text-decoration:none;
   font-size: 1.2em;
}
#primary-nav li a:hover {
        color:#FFF;
}

/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */
/* 
just add 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul ul ul,
for fourth level 
*/
#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul,
#primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul,
#primary-nav li.menuparenth ul ul ul { 
   display: none; 
}

/* add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul,
#primary-nav ul ul ul li:hover ul,
#primary-nav ul ul ul li.menuparenth ul  { 
   display: block; 
}

#primary-nav li ul {
}

/* IE Hacks */
#primary-nav li li { 
   float: left; 
   clear: both;
   margin-left: -1px;
}
#primary-nav li li a { 
   margin:0;
   padding:5px 0 5px 10px;
   height: 1%;
   border:none;
   border-left: 1px solid #DDDDDD;
   border-right: 1px solid #DDDDDD;
}

#primary-nav li li li { 
   margin-left: 0;
}

/* end main nav */

/* subnav */

#col1_subnav_water ul, #col1_subnav_carbon ul {
   list-style-position:outside;
   list-style-type:none;
   margin:0.5em 0;
}

#col1_subnav_water li.currentpage, #col1_subnav_carbon li.currentpage{
   font-weight:bold;
}
#col1_subnav_water li.menuactive li.currentpage, #col1_subnav_carbon li.menuactive li.currentpage {
   font-weight:bold;
   margin-left:20px;
}

/* tell a friend */

#tellafriend {
   position:absolute;
   display:none;
   background-color:#F7F7F7;
   margin-bottom: 0.5em;
   z-index:800;
   right:8px;
   bottom:3em;
   text-align: left;
   font-size: 11px;
}

form.tellafriendform {
   width:300px;
   line-height: 90%;
}
   
form.tellafriendform input {
   width: 100%;
   border: 1px solid #999999;
   text-align: left;
   margin:0 0 5px 0;
}

form.tellafriendform textarea {
   word-wrap: break-word;
   overflow-x: hidden;
   overflow-y: auto;
   width: 100%;
   border: 1px solid #999999;
   font-size: 0.9em;
   margin:0 0 5px 0;
}

form.tellafriendform  label {
   display:block;
   /* font-size:0.85em; */
   margin: .66em 0 .34em 0;
}

form.tellafriendform fieldset {
   padding:12px;
   border:1px solid #999999;
   text-align:left;
}

#tafFormError {
   width:288px;
   color: white;
   background-color: #FF9900;
   font-weight: bold;
   border: 1px solid #999999;
   margin:0;
   padding:0.5em 5px;
}

#tafMessageSent {
   width:288px;
   color: white;
   background-color: #009933;
   font-weight: bold;
   border: 1px solid #CCC;
   margin:0;
   padding:0.5em 5px;
}
form.tellafriendform input.button {
   color: #D07E54;
   text-transform: uppercase;
   float:left;
   width: auto;
   padding: 0.1em;
   margin-right: 0.75em;
}

a#toggleit:hover {
   cursor:pointer;
}
a#toggleit {
   text-decoration:underline;
}

/* contact form */

.contactform  input, .contactform  select, .contactform  textarea {
   margin:0;
   border:1px solid #666666;
   font-size: 1em;
}

div.error_message {
   font-weight: bold;
   color: #FF9900;
   margin-bottom: 1em;
}

div.error_message li {
   margin:0;
}

div.contactform fieldset {
   border: none;
}

div.contactform label {
   display: block;
   margin: 0.5em 0 0 0;
}

input.fbsubmit {
   margin:0.5em 0 2em 0;
   color: #666666;
   background-color: #EEEEEE;
}
/* End of 'wcg' */