/* CSS Document */

/*---------------------------*/
/*     Global Properties     */
/*---------------------------*/

html, body
{
  margin: 0px;
  padding: 0px;
  border: 0px;
  font-size: 100%;
}

#banner
{
  padding-left: 7em;
  background: url(shared_images/bannerrepeat.gif) repeat-x top;
}

#bannerleft
{
  background: url(shared_images/curve2.gif) no-repeat 0px 35px;
}

#bannerright
{
  text-align: center;
  padding-top: 8px;
  background: url(shared_images/curve1.gif) no-repeat top right;
}

#logo h1
{
  display: block;
  width: 399px;
  height: 81px;
  text-indent: -999em;
  margin: 0px auto;
  background: url(shared_images/logo.gif) no-repeat;
}

#logo h1 img
{
  width: 399px;
  height: 81px
}

#left
{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 7em;
  background: #cccccc;
  height: 99%;
}

#bottomcurve
{
  height: 100%;
  background: url(shared_images/curve1.gif) no-repeat bottom right;
}

#right
{
  position: absolute;
  left: 7em;
  right: 16px;
}

/*--------------------*/
/*     Menu Items     */
/*--------------------*/

#menu
{
  position: relative;
  top: 100px;
  width: 7em;
}

#menu a
{
  display: block;
  font-family: verdana, helvetica, sans-serif;
  font-size: 70%;
  color: #ffffff;
  text-decoration: none;
  background: #666666;
  padding: 3px 6px;
  margin-bottom: 4px;
}

#menu a:hover, #menu a.here
{
  color: #000000;
  background: #ffffff;
}

/*------------------------*/
/*      Main Content      */
/*------------------------*/

#content
{
  padding: 24px 50px 16px 50px;
}

#content h2
{
  font-family: verdana, helvetica, sans-serif;
  font-size: 95%;
  color: #ffffff;
  background: #666666;
  padding: 8px;
  border-left: 6px solid #ff0000;
}

#content p, #content li, .data td, .datatemp td, .formtext
{
  font-family: arial, helvetica, sans-serif;
  font-size: 80%;
}

#content li
{
  margin-left: 32px;
}

#address
{
  font-family: verdana, helvetica, sans-serif;
  font-size: 85%;
  color: #666666;
  text-align:center;
}

#content .keypoint h3, #content .segment h3
{
  font-family: verdana, helvetica, sans-serif;
  font-size: 75%;
  color: #ffffff;
  background: #666666;
  padding: 3px 8px 3px 8px;
  margin: 0px;
  border-left: 6px solid #ff0000;
}

#content .keypoint p
{
  font-family: arial, helvetica, sans-serif;
  font-size: 75%;
  font-weight: bold;
  color: #666666;
  padding: 16px;
  margin: 0px;
}
#intro, .segment
{
  margin-bottom: 32px;
}

#intro p
{
  padding-left: 16px;
}

.segment p
{
  padding-left: 48px;
}

#content .keypoint
{
  font-family: verdana, helvetica, sans-serif;
  color: #ffffff;
  background: #cccccc;
  margin-top: 1em;
}

#content h4
{
  font-family: verdana, helvetica, sans-serif;
  font-size: 75%;
  text-transform: uppercase;
  color: #666666;
  padding-left: 14px;
  margin-top: 1.75em;
}

#content h5
{
  font-family: verdana, helvetica, sans-serif;
  font-size: 75%;
  text-transform: uppercase;
  color: #666666;
  padding-left: 32px;
  margin-top: 1.75em;  
}

#content .segment a
{
  font-weight: bold;
  color: #666666;
  text-decoration: underline;
  padding: 0px 2px;
}

#content .segment a:hover
{
  color: #ffffff;
  background: #666666;
  text-decoration: none;
}

#content .segment a.anchor
{
  display: block;
  height: 0px;
  width: 0px;
  margin: 0px;
  padding: 0px;
}


#content .segment a.pdf
{
  font-weight: bold;
  color: #666666;
  text-decoration: underline;
  padding: 0px 2px;
  padding-right: 19px;
  background: url(shared_images/pdf.gif) 100% 0% no-repeat;
}

#content .segment a.pdf:hover
{
  color: #ffffff;
  text-decoration: none;
  padding-right: 19px;
  background: url(shared_images/pdf.gif) 100% 0% no-repeat #666666;
}

#content .ecobead a img, #content .ecobead a img:hover
{
  border: none 0px;
}

#content #links
{
  text-align: center;
}

#content #linksinner
{
  width: 235px;
  margin: 0px auto;
  text-align: center;
}

#content #linksinner p
{
  text-align: center;
  margin-bottom: 2em;
}

#content .links a
{
  font-weight: bold;
  color: #666666;
  text-decoration: underline;
  padding: 0px;
}

#content .links a:hover
{
  color: #ffffff;
  background: #666666;
  text-decoration: none;
}

#content .links a img
{
  border: 0px;
  padding: 0px;
  margin: 0px;
}

.fig
{
  text-align: center;
}

.data
{
  margin-left: 32px;
}

.sublist
{
  margin-left: 1.5em;
}

.ref
{
  font-style: italic;
}

.databox
{
  border-collapse: collapse;
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
}

.databox td
{
  font-family: arial, helvetica, sans-serif;
  font-size: 75%;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  padding: 4px;
}

.databoxcentred
{
  border-collapse: collapse;
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
}

.databoxcentred td
{
  font-family: arial, helvetica, sans-serif;
  font-size: 75%;
  text-align: center;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  padding: 4px;
}

.databoxouter
{
  border-collapse: collapse;
  border: 1px solid #000000;
}

.databoxouter td
{
  font-family: arial, helvetica, sans-serif;
  font-size: 75%;
  text-align: center;
  padding: 4px;
}

.datatitle
{
  font-family: verdana, helvetica, sans-serif;
  font-size: 75%;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
  background: #666666;
  padding: 3px 8px 3px 8px;
  border-bottom: 1px solid #000000;
}

.imagebox
{
  border-collapse: collapse;
  margin-bottom: 0px;
}

.imagebox td
{
  font-family: arial, helvetica, sans-serif;
  font-size: 75%;
  text-align: center;
  padding: 0em 1em 1em 1em;
}

.simple
{
  border-collapse: collapse;
}

.simple td
{
  font-family: arial, helvetica, sans-serif;
  font-size: 75%;
  vertical-align: top;
}

.roman
{
  list-style-type: lower-roman;
}

.alpha
{
  list-style-type: lower-alpha;
}

.roman li, .alpha li
{
  margin-bottom: 1em;
}

.warning
{
  color: #ff0000;
  font-weight: bold;
}

.formtext
{
  overflow: auto;
}

#content #ecobead
{
  position: relative;
  width: 500px;
  height: 439px;
  left: 50%;
  margin-left: -250px;
  margin-bottom: 2em;
}

#content #ecobead a.ecobeadbutton
{
  display: block;
  height: 439;
  text-indent: -999em;
  background: url(homeinsulation/images/house_cutaway_full.gif) 0 0 no-repeat;
  outline: none;
}

/*----------------------------*/
/*     Products Page Only     */
/*----------------------------*/

#content .products
{
  font-family: verdana, helvetica, sans-serif;
  color: #ffffff;
  background: #cccccc;
  border-left: 6px solid #ff0000;
  margin-bottom: 1em;
}

#content .products table
{
  border-collapse: collapse;
  width: 100%;
}

#content .products .producttype td
{
  background: #666666;
  padding: 3px 8px 3px 8px;
  margin: 0px;
}

#content .products .producttype h3, #content .products .producttype .pdf
{
  font-family: verdana, helvetica, sans-serif;
  font-size: 75%;
  font-weight: bold;
  color: #ffffff;
  margin: 0px;
}

#content .products .producttype .pdf, #content .products .product .pdf
{
  width: 7.5em;
  text-align: center;
}

#content .products .product .name, #content .products .product .description, #content .products .product .pdf
{
  font-family: arial, helvetica, sans-serif;
  font-size: 75%;
  font-weight: bold;
  color: #666666;
  vertical-align: top;
}

#content .products .product .name
{
  padding: 8px 0px 8px 16px;
  width: 11em;
}

#content .products .product .description, #content .products .product .pdf
{
  padding: 8px 16px 8px 0px;
}

#content .products a
{
  color: #666666;
  background: #cccccc;
  text-decoration: none;
  padding: 0px 8px;
}

#content .products a:hover
{
  color: #ffffff;
  background: #666666;
}