/*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.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;
  }

#colbox #leftcol {
  float: left;
  width: 250px;
  }
#colbox #rightcol {
  float: right;
  width: 250px;
  }
  
/*typography*/
h1 {
	padding-left: 15px;
	padding-top: 5px;
	font-family: arial, sans-serif;
	font-size: 16pt;
	font-weight: bold;
}
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;
  
}
h5 {
	font-size: 9px;
	color: #D60039;
	text-align: center;
	font-weight: bold;
	margin: 0px;
}
h6 {
	font-size: 64%;
	font-weight: bold;
}
span.headeroption {
	font-size: 120%;
	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;
}
	
table.drawings th {
	background-color: #476660;
	color: white;
}

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

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-left: 15px;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 10px;
  }
table#sitemap td {
  vertical-align: top;
  padding-right: 5px;
}
table#sitemap a {
  color: #444F4C;
  text-decoration: none;
  }
table#sitemap a:hover {
  color: #47675D;
  text-decoration: underline;
  }
table#sitemap h1 {
  font-size: 12px;
  font-weight: bold;
  padding-left: 0px;
  margin-bottom: 2px;
}

.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: 106px;
}
div#topmenu a#fiberglass {
	left: 0px;
	width: 0px;
}
div#topmenu a#about {
	left: 108px;
	width: 106px;
}
div#topmenu a#product {
	left: 216px;
	width: 106px;
}
div#topmenu a#contact {
	left: 324px;
	width: 106px;
}
div#topmenu a#investors {
	left: 432px;
	width: 106px;
}
div#topmenu a#links {
	left: 540px;
	width: 106px;
}
div#topmenu a#sitemap {
	right: 0px;
	width: 107px;
}
a.rmenu {
	float: left;
	background-color: #dedcc1;
	width: 150px;
	max-width: 135px;
	height: 15px;
	margin-top: 2px;
	padding-left: 15px;
	font-size: 7pt;
	text-decoration: none;
	color: black;
}
a.rmenu:hover{
	background-color: #bfbf80;
}
a.rmenu-selected {
	background-color: #bfbf80;
	cursor: default;
}

a.button-index-top {
	float: left;
	width: 208px;
	margin-right: 2px;
	background-color: #47675d;
	color: white;
	text-align: center;
	font-weight: bold;
	font-size: 11pt;
	padding-top: 2px;
	padding-bottom: 3px;
	text-decoration: none;
}
a.button-index-top:hover {
	background-color: #444f4c;
}

div#bottom-menu {
	font-size: 0px;
	width: 756px;
}
div#bottom-menu a {
	position: relative;
	height: 66px;
	margin: 0px 1px 0px 0px;
	padding: 0px 0px 12px 0px;
	background-color: #444f4c;
	color: white;
	font-family: arial;
	font-size: 11px;
	text-decoration: none;
	cursor: pointer;
}
div#bottom-menu a:hover {
	background-color: #47675d;
}
div#bottom-menu a span {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	text-align: center;
}

ul.focus li {
	margin: 5px 0px;
}