/* ECL Fiberglass CSS Document */

body {
  	margin: 0 0 10px 0;
  	padding: 0;
	background-image:url(../images/design/ecl-page-bgd.jpg);
	background-repeat:repeat;
	background-color:#528513;
  	text-align: left;
	color:#003300;
	font: small Arial, Helvetica, Verdana, sans-serif;	
}
/* SKIP TO CONTENT */
#skip {
	margin:0 0 30px 0;
	padding:0;
	height:12px;
	font-size:.5em;
	text-align:right;
}
#skip a, skip a:hover {
	color: #3F6B03;
	text-decoration:none;
	background:none;
}
/* END SKIP TO CONTENT */

#wrapper {
  	width: 884px;
	text-align: left;
}
#header {
	height:56px;
	padding:0px;
	margin:0px;
}
#header img {
	border:none;
}
#maincontent { /* this puts in the background for the main content area */
	/*position: relative; */
	background-image:url(../images/design/content-bgd.jpg);
	background-repeat: repeat-y;
	background-color: #FFF;
}
/* LEFTSIDE BAR AND NAVIGATION */
#leftside {
	float: left;
	width: 182px;
	padding: 10px 22px 5px 18px;
}
#leftnav {
	border-bottom: 1px solid #E4ECCA;
	padding-bottom:0px;
}
#leftnav a:link, #leftnav a:visited {
	display: block;
	color: #406D04;
	text-decoration: none;
	border-bottom: 1px solid #5F9810;
	border-top: 1px solid #E4ECCA;
	line-height:1.9em;
	font-size:1em;
}
#leftnav a.home:link {
	border-top: none; 
	border-top: 0;
}
#leftnav a.home {
	border-top: none; 
	border-top: 0;
}
#leftnav a:hover,  #leftnav a:active {
    background-color: #E4ECCA;
}
/* END LEFTSIDE BAR AND NAVIGATION */


/* CONTENT AREA AND TEXT STYLING */

#contentarea {
	margin: 0 35px 0 250px;
	padding:0;
	text-align:left;
	font-size: 1.1em;
	line-height: 1.5em; 
}
.squashthatspace {
	line-height:.2em;
	font-size:3px;
}
h1 {
	font-size: 1.5em;
	color:#40700C;
	line-height:1.4em;
}
a:link, a:visited {
	color:#5A8B1E;
	text-decoration:underline;
}
a:active, a:hover {
	background-color:#E1E9C4;
	color:#336600;
}
.photoright {
	float:right;
	padding: 0 0 10px 10px;
	border:0;
}
.floatingrightcolumn {
	width: 165px;
	text-align:center;
	float:right;
	padding: 0 0 10px 15px;
	margin:5px 0 10px 20px;
	font-size:.9em;
	line-height: 1.1em;
	border-left: 1px solid #E1E9C4;
}
.floatingrightcolumn img {
	border:0;
	padding-top: 5px;
}
.floatingrightcolumn a {
	text-decoration:none;
}
#address {
	margin: 0 25px 0 240px;
	padding:0 0 8px 0;
	text-align:center;
	font-size: .9em;
	line-height: 1.5em; 
}
/* END CONTENT AREA AND TEXT STYLING */


/* TABLE FOR PRODUCT COMPARISON */
table.compare {
  clear: right;
  width: 100%; 
  text-align: center;
  line-height: 1.6em;
  border-collapse: collapse;
  vertical-align:top;  
}
table.compare caption {
  margin: 0;
  padding: 0.2em;
  color: #40700C;
  line-height: 2em;
  text-align: center;
  font-weight: bold;
  font-size: 1.4em;
  }
table.compare thead tr {
  color: white;
  background-color: #40700C;
  text-align: left;
  }
table.compare thead tr th {
  padding: 0.2em 0.2em 0.2em 0.6em;
  vertical-align:middle; 
  border-left: 1px solid #E1E9C4;
  text-align:center;
  }
table.compare thead tr th.noborder {
  border-left: 0px;
  } 
table.compare tr th {
  color: white;
  background-color: #40700C;
  text-align: left;
 /* padding: 0.2em 0.2em 0.2em 0.6em; */
  padding: 0.3em 0.5em 0.3em 0.3em;
  border-bottom: 1px solid #E1E9C4;
  vertical-align:top; 
  font-size:.9em;
  line-height: 1.2em; 
  width: 12%;
  }
table.compare tbody td {
  padding: 0.4em 0.5em 0.4em 0.5em;
/*  border-bottom: 1px solid #D86D0B; */
  text-align:left;
  border: 1px solid  #E1E9C4;
  vertical-align:top;  
  font-size: .9em;
  line-height: 1.2em;
  width:18%;
  }
table.compare tbody td.ecl {
  background-color: #E1E9C4;
  text-align: left;
   border: 1px solid  #FFF;
   width: 20%;
  } 
/* END TABLE FOR PRODUCT COMPARISON */



/* FOOTER AREA */
.clearone { 
	clear: both;
	height:1px;
}
#footer {
	height: 28px;
	background-image:url(../images/design/footer-bgd.jpg);
	background-repeat:repeat-x;
	margin: 0;
	padding: 0;
	clear: both;
	text-align:right;
}
#websiteby {
	margin: 0 25px 0 240px;
	text-align:center;
	border:none;
	padding: 10px 0 5px 0;
	font-size:.8em;
}
#websiteby a:link, #websiteby a:visited {
	color:#A4BB48;
	text-decoration:none;
	background:none;
}
#websiteby a:active, #websiteby a:hover {
	color:#C6D58E;
	text-decoration:underline;
	background:none;
}
/* END FOOTER AREA */