/*simple styles for simple browsers. primarily nn4. make darn sure everything in here is overridden in the real css*/

/*ie4.5mac has problems with this. it makes text small, and the nested list is impossibly small, even when user increases to largest. solution? ignore it. you will go nuts trying to serve different styles to nn4 and ie4.5mac. either give them both plain xhtml, or style for nn4 at the slight inconvenience of the few, or zero, remaining ie4.5mac users.*/

body, h1, h2, h3, h4, h5, h6, ol, ul, li, p {
	font-family: verdana, arial, helvetica, sans-serif;
	color: #000;
	}
body {
	margin: 0;
	padding: 0;
	background-color: #fff;/*
	background-image: url(http://www.thenoodleincident.com/img/n4_upgrade.gif);
	background-repeat: no-repeat;
	background-position: top left;*/
	}

td#padding {
  padding-left: 15px;
  }
  		
td#topmenu {

  color: #000;
  background: #fff url(../img/menubg.gif) no-repeat bottom left;
  font: 11px verdana, arial, helvetica, sans-serif;
  margin: 0;
  padding: 2px 0 0 0;
  }

td#submenu {
  background: #fff url(../img/submenubg.gif) no-repeat bottom left;
  }
  
div.dropdown {
  background: #47675d;
  padding: 3px 7px 3px 7px;
  }
div.dropdown a {
  color: #fff;
  font: bold 12px verdana, arial, helvetica, sans-serif;
  line-height: 20px;
  text-decoration: none;
  }
div.dropdown a:hover {
  font-size: 14px;
  text-decoration: underline;
  }
div.submenu a {
	font: bold 10px verdana, arial, helvetica, sans-serif;
	line-height: 14px;
}
div.submenu a:hover {
	font-size: 12px;
	text-decoration: underline;
}
  
td#header {
  color: #232;
  background: #fff url(../img/header_bg.jpg) no-repeat top left;
  }
td#header h1 {
  color: #232;
  margin: 15px 100px 0 30px;
  font-family: arial, sans-serif;
  }
td#header p {
  color: #000;
  margin: 10px 15px 0 30px;
  }
td#header img {
  border: 0;
  }
td#header a img {
  border: 0;
  }
  
div#advantages {
  width: 145px;
  padding: 3px;
  background: #47675D;
  }
div#advantages h3 {
  color: #fff;
  font-weight: bold;
  }
div#advantages p {
  color: #fff;
  margin-left: 8px;
  }

td.short {
  line-height: 0px;
  }
  
td#content {
  min-height: 306px;
  }
td#content h2 {
  color: #006D2E;
  margin: 0 15px 0 15px;
  padding-top: 5px;
  font-family: arial, sans-serif;
  text-transform: uppercase;
  }
td#content p {
  margin: 0px 15px 0px 30px;
  }
td#content label {
  margin: 0px 15px 0px 30px;
  font-size: 11px;
  vertical-align: top;
  }
form#quoterequest {
  width: 225px;
  float: left;
  margin-right: 35px;
  }
td#content ul {
  margin-top: 0;
  margin-bottom: 0;
  }
td#content img {
  float: right;
  margin-left: 15px;
  margin-right: 10px;
  }
td#content img.left {
  float: left;
  margin-left: 30px;
  margin-right: 10px;
  }
td#content img.zeroleft {
  float: left;
  margin-left: 0px;
  margin-right: 10px;
  }
td#content img.mid {
  float: left;
  margin-left: 65px;
  margin-right: 20px;
  }
td#content img.nofloat {
  float: none;
  margin-left: 30px;
  }
td#content img#title {
  float: none;
  margin-left: 29px;
  margin-bottom: 0px;
  }
  
td#sidemenu p {
  font-size: 9px;
  margin: 10px 15px 5px 0px;
  }
td#sidemenu img {
  margin-right: 0px;
  border: 0;
  }
td#sidemenu p#caption {
  font-size: 9px;
  margin: 0px 10px 5px 0px;
  text-align: center;
  }

img.menuheader {
  margin-top: 0px;
  border: 0;
  }

img.sectionhead {
  padding-right: 5px;
  }

#colbox #leftcol {
  float: left;
  width: 250px;
  }
#colbox #rightcol {
  float: right;
  width: 250px;
  }
  
/*  
td.menu a {
  color: #fff;
  background: #00293B;/*
  line-height: 0;
  margin-left: 0;
  margin-right: 2px;/*
  padding: 4px 6px 6px 6px;
  text-decoration: none;
  }
td.menu a:hover {
  background: #666;
  }*/

/*the following classes are to demonstrate better line heights for narrow columns*/	
.narrow1{
	width: 50%;
	line-height: 90%;
	}
.narrow2{
	width: 50%;
	line-height: 105%;
	}
	
/*typography*/
a:link {
	}
a:visited {
	}
a:active {
	}
a:hover {
	/*hover doesn't work in nn4*/
	}
h1 {
	font-size: 150%;
	font-weight: normal;
	}
h2 {
  color: #006D2E;
  padding-top: 10px;
  padding-left: 15px;
  padding-bottom: 0px;
  font-size: 12px;
  font-weight: bold;
	}

h3 {
  color: #006D2E;
  margin: 0;
  padding-top: 5px;
  padding-left: 35px;
  padding-bottom: 0px;
  font-size: 12px;
  font-weight: bold;
  
}
span.headeroption {
	font-size: 120%;
	font-weight: bold;
	}
h5 {
	font-size: 70%;
	font-weight: bold;
	}
h6 {
	font-size: 64%;
	font-weight: bold;
	}
img {
	border: 0;
	}
ol, ul, li, dl, dd {
  list-style: inside;
  font-size: 11px;
  line-height: 140%;
  }

ul {
  margin-top: 5px;
  }
dl {
  padding-top: 10px;
  margin-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  }
dt {
  color: #006D2E;
  margin-top: 0px;
  padding-top: 5px;
  margin-left: 30px;
  font-size: 13px;
  font-variant: small-caps;
  }
dd {
  color: #000;
  margin-top: 0px;
  margin-bottom: 5px;
  margin-right: 10px;
  margin-left: 30px;
  }

p, th, tr, td {
	font-size: 11px;
	line-height: 140%;
  padding-bottom: 0px;
  margin: 0;
	}
.red {
  font-size: 11px;
  color: #D60039;
  }
.small {
  font-size: 9px;
  line-height: 140%;
  text-align: center;
  }
pre {
	font-family: monospace;
	font-size: 80%;
	}
strong, b {
	font-weight: bold;
	}
	
table.drawings th {
	background-color: #476660;
	color: white;
}

p.drawings {
	margin-left: 15px;
}

p.page_header {
	font-family: arial, sans-serif;
	font-size: 16pt;
	font-weight: bold;
}

table#reports {
  margin-top: 10px;
  margin-left: 15px;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 10px;
  }
table#reports a {
  color: #444F4C;
  text-decoration: none;
  }
table#reports a:hover {
  color: #47675D;
  text-decoration: none;
  }
table#reports th {
	background-color: #476660;
	color: white;
}

table#sitemap {
  margin-top: 10px;
  margin-left: 15px;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 10px;
  }
table#sitemap a {
  color: #444F4C;
  text-decoration: none;
  }
table#sitemap a:hover {
  color: #47675D;
  text-decoration: none;
  }

.subform {
  margin-left: 25px;
  }

table.subform th {
  padding-right: 25px;
  }
  	
hr.thick {
  height: 5px;
  color: #ccc;
  width: 80%;
  padding: 0;
  margin: 0;
  }
hr.thin {
  height: 2px;
  color: #ccc;
  width: 80%;
  padding: 0;
  margin: 0;
  }

.clear {
  clear: both;
  }
  
#contentscroll {
  width: 504px;
  height: 340px;
  overflow: auto;
  }
  
#sharenotice {
  width: 75%;
  margin-left: 30px;
  text-align: center;
  }
#sharenotice p {
  text-align: left;
  }

table.links td{
  padding-top: 5px;
}

table.links td.r a {
 color: #232;
  font-weight: bold;
}

div#topmenu {
	position: absolute;
	width: 755px;
	height: 23px;
	font-family: verdana;
}
div#topmenu a {
	position: absolute;
	background-color: #47675d;
	color: white;
	text-align: center;
	font-weight: bold;
	font-size: 10pt;
	padding-top: 3px;
	padding-bottom: 3px;
	text-decoration: none;
}
div#topmenu a:hover {
	background-color: #444f4c;
	font-size: 11pt;
	padding-top: 1px;
	padding-bottom: 3px;
}
div#topmenu a#home {
	width: 80px;
}
div#topmenu a#fiberglass {
	left: 0px;
	width: 0px;
}
div#topmenu a#about {
	left: 82px;
	width: 80px;
}
div#topmenu a#product {
	left: 164px;
	width: 120px;
}
div#topmenu a#contact {
	left: 286px;
	width: 150px;
}
div#topmenu a#investors {
	left: 438px;
	width: 130px;
}
div#topmenu a#links {
	left: 570px;
	width: 73px;
}
div#topmenu a#sitemap {
	right: 0px;
	width: 110px;
}