/* ----------------------------------------------------------------------
Style Sheet for IE 6/7, Opera 9, Firefox 1/2, Safari 3

Version: 1.0
Author: S L Hanners
Email: suzanne@takenotice.com
Company: Take Notice, Inc.

------------------------------------------------------------------------*/

/* Start structural content blocks */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: #cccccc url(../images/bg.gif);
	text-align:center;
	margin: 0;
	}

div#wrapper {
   width: 956px;
   max-width: 956px;
   min-width: 956px;
   margin: 0 auto;
   text-align: left;
   background: url(../images/bgwrapper.png) repeat-y top !important;
   background: url(../images/bgwrapper.gif) repeat-y top;
   text-align: left;
}

div#header {
   background: #fff url(../images/header.gif) no-repeat 0 0;
   width: 956px;
   height: 90px;
   margin: 0 auto;
   padding: 0;
   }

#mainnav {
   background: #026EAC url(../images/mainnav.gif) no-repeat 0 0;
   height: 24px;
   width: 956px;
}

#content {
   width: 676px;
   float: right;
   padding: 0;
   margin: 0; 
   /* background-color: #ccc; */
   }
   
#contentpad {
   padding: 25px 33px 25px 0;
   }
   
#leftcol {
   width: 257px;
   float:left;
   padding: 0px;
   margin: 0px; 
   /* background-color: #990000; */
}

#leftcolpad {
padding: 25px 0px 20px 8px;
}

div#footer {
	background: url(../images/footer.gif) no-repeat bottom; 
	border: none;
	padding: 0;
	margin: 0 auto;
	width: 956px;
	height: 52px;
	clear: both;
	}


/* Fonts */

h1 {
	color: #025A8D;
	font-size: 1.8em;
	line-height: 2.4em;
	margin: 15px 0 5px 0;
	padding: 0;
}

h2 {
	color: #025A8D;
	font-size: 1.3em;
	margin: 20px 0 5px 0;
	padding: 0;
}

h3 {
	color: #025A8D;
	font-size: 1.2em;
	margin: 25px 0 5px 0;
	padding: 0;
}

h4 {
	color: #025A8D;
	font-size: 1.2em;
	margin: 20px 0 0 0;
	padding: 0;
}

p, th, td, caption {
	font-size: 1.2em;
	line-height: 1.6em;
	color: #000;
	}

h2 + p, h1 + p, h3 + p {
	margin-top: 0px;
	padding-top: 0px;
	}

strong {
	color: #000;
	}

a {
	color: #025A8D;
	}
	
img {border:0;}

.large {
	font-size: 1.3em;
	line-height: 1.8em;
	font-weight:800;
	color: #025A8D;
	}
	
p.notes {
	font-size: 1.0em;
	line-height: 1.1em;
	margin: 0;
	padding: 5px 0;
	}
	
/* Table and cell stylings */
div.modeltable {
	margin: 10px 0 0 0;
	}

table {
	margin: 0;
	padding: 0;
	width: 100%;
	border-bottom: 6px solid #f8c77b;
	}

caption {
	text-align:left;
	margin: 0;
	padding:0;
	color: #025A8D;
	font-weight: bold;
	font-size: 1.3em;
	}

td, th {
	padding: 0 0 0 15px; 
	}

td {
	background-color: #FDF0D8;
	}

th {
	color: #ffffff;
	background-color: #DD9017;
	}

td.tdothercols, th.tdothercols {
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	}

td.tdrightcol, th.tdrightcol {
	border-top: 1px solid #fff;
	}

.tablefooter {
	font-size: 1.0em;
	line-height: 1.1em;
	margin: 0;
	padding: 5px 0 20px 0;
	}



/* Main navigation styling */
div.navwrap {
	padding: 0 0 0 80px;
}

ul.mainnav {
	margin:0;
	padding: 0;
	list-style:none;
}

ul.mainnav li {
	float:left;
}

ul.mainnav a {
	display:block;
	float:left;
	padding: 0 1.6em;
	line-height: 2.0em;
	font-size: 1.2em;
	text-decoration:none;
	color: #ffffff;
}

/* highlights current nav when on page by using body id tag in each page */
#mainnav a:hover,
#industry #mainnav .industry a,
#how #mainnav .how a,
#products #mainnav .products a,
#oil #mainnav .oil a,
#faqs #mainnav .faqs a,
#techinfo #mainnav .techinfo a,
#maintips #mainnav .maintips a
	{
	background-color: #024064;
	}

/* Header utility nav and home link positioning */
div.headerleft {float:left;}
div.headerleft img {border: 0;}
div.headerright {float:right;}

/* Global Utility Navigation Fonts and element styling */
p.utilnav {
	font-size: 1.1em;
	text-align:right;
	padding: 10px 30px 0 0;
	margin: 0;
	color: #F5E6D1;
}

p.utilnav a {
	color: #F5E6D1;
}

p.utilnav a:hover {
	text-decoration: none;
}

p.utilnav a.utilon, p.footer a.utilon {
	font-weight:bold;
	text-decoration: none;
	}

/* footer fonts and sytles */
p.footer, p.footer a {
	font-size: 1.0em;
	margin: 0;
	padding: 10px 0 0 0;
	text-align: center;
	color: #BEE6FD;
	line-height: 1.7em;
	}
	
p.footer a:hover {
	text-decoration:none;
	}

/* Subnavigation list formatting */

div.subnav {
	margin: 0px;
	padding: 0px;
	width: 222px;
	height: 267px;
	background: url(../images/bgsubnav.gif) no-repeat top;
	}

div.subnav ul {
	margin:0px;
	padding: 0px;
	list-style:none;
	}
	
div.subnav ul a {
	display: block;
	width: 222px;
	height: 38px;
	line-height: 38px;
	text-decoration: none;
	font-size: 1.2em;
	color: #000;
	font-weight:bold;
	text-indent: 40px;
	}
	
div.subnav li {
	margin: 0px;
	}

/* These control the on state for the subnavigation for the industries
apply the class to the body tag for the appropriate page - this also applies the general hover class as well */
div.subnav ul a:hover, body.inject div.subnav ul .injectnav a,
body.auto div.subnav ul .autonav a,
body.power div.subnav ul .powernav a,
body.pulp div.subnav ul .pulpnav a,
body.steel div.subnav ul .steelnav a,
body.other div.subnav ul .othernav a, body.video div.subnav ul .videonav a,
body.feature div.subnav ul .featurenav a,
body.options div.subnav ul .optionsnav a {
	color: #fff;
	background-color: #4492BE;
	}


/* Find a rep link box on all pages */
.boxfind {
	display:block;
	background: #fff url(../images/bgfindrep.gif) no-repeat top; 
	width: 249px;
	height: 198px;
	margin: 0;
	padding: 0;
}

p.findarep{
	padding: 7px 0 10px 55px;
	margin: 0;
	font-weight: bold;
	font-size: 1.3em;
	line-height: 1.75em;
	}

p.findarep a {color: #fff;}
p.findarep a:hover {text-decoration: none;}

p.requestaquote {
	padding: 0 0 0 55px;
	margin:0;
	font-weight: bold;
	font-size: 1.3em;
	}


/* promo box for leftcol */
.promobox {
	width: 222px;
	}

.promoboxcontent {
	padding: 0 15px 0 20px;
	margin: 5px 0;
	font-size: 1.1em;
	line-height: 1.4em;
	}
	
/* List styles for interior content pages */

p.listcaption {
	font-weight: bold;
	color: #025A8D;
	margin-bottom: 0;
	padding-bottom: 0;
	}

#content ul {
	margin: 0;
	padding: 0 0 8px 0;
	list-style: none;
	}

#content ul li {
	font-size: 1.2em;
	line-height: 1.5em;
	margin: 0;
	padding: 9px 0 0 15px;
	background: #fff url(../images/li-bullet.gif) no-repeat 0 16px;
	}
	
#content ul ul li {
	font-size: 1.0em;
	}

#content ol li {
	font-size: 1.2em;
	line-height: 1.5em;
	margin: 0;
	padding: 10px 0 0 0;
	}

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

/* Money Tip */
.moneytip {
	float: right;
	width: 250px;
	}

.moneytipcontent {
	padding: 30px 34px 0 0;
	}
	
.moneytipcontent p {
	margin: 0;
	padding-top: 3px;
	font-size: 1.2em;
	line-height: 1.8em;
	}
	
.tblModel {
	float: left;
	width: 350px;
	}
	
.clear {
	clear: both;
	}

/* Image spacing formatting */

img.imgtopright {
	display:block;
	margin: 0px;
	float: right;
	padding: 15px 0 15px 15px;
}

img.imgleft {
	display:block;
	margin: 0px;
	float: left;
	padding: 3px 15px 15px 0;
}

/* links for FAQ pages */
.LinksList
{
    text-align: left;
    margin: 5px 0px 5px 5px;
}

/* additional information for equipment page */
dd.equip {
	background-image: url('/images/lgBullet.gif');
    background-position: 0px 8px;
    background-repeat: no-repeat;
    margin: 0px;
    padding-right: 0px;
    padding-left: 15px;
    padding-bottom: 0px;
    padding-top: 5px;
}

dd.equip a.bullet {
	font-size: 14px;
	font-weight: bold;
}