@import url("/include/extrastyle.css");
/* use above import for tags to be ignored in Netscape4 */

body {
margin-top : 0px;
font-family: Helvetica, Arial, sans-serif;
font: 1em/1;
background: #EEEEEE;
cursor: default;
color: #000; }

hr {color: #048; background-color: #048; height:1px; margin-top:5px; margin-bottom:5px; border:0; padding:0px;} 
hr.r {color: #d03; background-color: #d03;} 

td, li, div, span, p {font-size:12px; font-family:Helvetica, Arial, sans-serif;}
ul {margin-top:10px; margin-bottom:15px; margin-left:25px; padding-left: 0px;}
ol {margin-top:10px; margin-bottom:20px; margin-left:35px; padding-left: 0px;}
li {line-height:140%; }
p {margin: 10px 0px 10px 0px}

sup {
	line-height: 0;
	font-size: smaller;
	vertical-align: baseline;
	position: relative;
	bottom: 0.33em;
}

sub {
	line-height: 0;
	font-size: smaller;
	vertical-align: sub;
	position: relative;
	bottom: 0.1em;
}

ul.no-indent {margin-top:5px; margin-bottom:5px; margin-left:5px; padding-left:10px; }
ol.no-indent {margin-top:5px; margin-bottom:5px; margin-left:5px; padding-left:10px; }
ul.no-mark   {list-style-type: none; margin-top:5px; margin-bottom:5px; margin-left:5px; padding-left:10px;}

.body		{font-size: 12px;}
.whitebody	{font-size: 12px; color:#FFFFFF}
.bigbody 	{font-size: 16px;}
.medbody 	{font-size: 11px;}
.smallbody	{font-size: 10px;}
.title1		{font-size: 16px; font-weight: bold;}

h1, h2, h3, h4, h5, h6 {font-family:Helvetica, Arial, sans-serif; margin: 0px;}
h1 {font-size:16px; margin-top: 13px; margin-bottom:11px; font-weight:bold;}
h2 {font-size:14px; margin-top: 12px; margin-bottom: 10px; font-weight:bold;}
h3 {font-size:12px; margin-top: 11px; margin-bottom: 9px; font-weight:bold;}
h4 {font-size:12px; margin-top: 10px; margin-bottom:8px; font-weight:normal;}
h5 {font-size:11px; margin-top: 6px; margin-bottom:6px; font-weight:normal;}
h6 {font-size:10px; margin-top: 4px; margin-bottom:4px; font-weight:normal;}

.white	{font-size:11px; font-family: Verdana, Arial, sans-serif; color: #FFFFFF; font-weight:bold;}

A:link		{color:#004488;}
A:active	{color:#004488;}
A:visited	{color:#004488;}
A:hover		{color:#DF0029;}


/* toolbar style tags */

td.topright	{font-family:arial; font-size:8pt; color:#FFFFFF; font-weight:bold; line-height: 14px; padding-right : 10px;}
.topright a:link {color:#FFFFFF; text-decoration:none;}
.topright a:visited {color:#FFFFFF; text-decoration:none;}
.topright a:active {color:#FFFFFF; text-decoration:none;}
.topright a:hover {color:#FFFFFF; text-decoration: underline;}

td.toolbar1 { font-family:verdana; font-size:11px; color:#FFFFFF; background-color: #004488; font-weight:bold; border-bottom: 1px solid #004488; border-left: 1px solid #FFFFFF; border-right: 1px solid #000000; border-top: 1px solid #FFFFFF; }
.toolbar1 a:link {color:#FFFFFF; text-decoration:none;}
.toolbar1 a:visited {color:#FFFFFF; text-decoration:none;}
.toolbar1 a:active {color:#FFFFFF; text-decoration:none;}
.toolbar1 a:hover {color:#FFFFFF; text-decoration: none;}

td.toolbar3 { width: 3px; border-bottom: 1px solid #004488; }

/* toolbar drop-down styles */
.menuskin { position:absolute; background-color:#6688DD; border:1px solid #004488; font:11px verdana; font-weight:bold; line-height:17px; z-index:250; visibility:hidden;  text-align:left;}

.menuskin a {text-decoration:none; color:white; padding-left:4px; padding-right:4px; font:11px verdana; font-weight:bold; line-height:17px; z-index:250;  text-align:left;}
.menuskin a:visited {color:#FFFFFF }

.spacer{ background-color:#FFFFFF; }

#mouseoverstyle{ background-color:#004488; }
#mouseoverstyle a{ color:#FFCC33; }


/* sidebars */
td.sidebar	{ font-size:11px; font-family: Helvetica, Arial, sans-serif; color: #FFFFFF; text-decoration: none; font-weight: bold; padding:0px; }


td.sidebar1	{font-family:arial; font-size:9pt; color:#FFFFFF; font-weight:bold; }
.sidebar1 a:link {color:#FFFFFF; text-decoration:none;}
.sidebar1 a:visited {color:#FFFFFF; text-decoration:none;}
.sidebar1 a:active {color:#FFFFFF; text-decoration:none;}
.sidebar1 a:hover {color:#FFFFFF; text-decoration: none;}

td.sidebar1a	{font-family:arial; font-size:9pt; color:#FFCC33; font-weight:bold; }
.sidebar1a a:link {color:#FFCC33; text-decoration:none;}
.sidebar1a a:visited {color:#FFCC33; text-decoration:none;}
.sidebar1a a:active {color:#FFCC33; text-decoration:none;}
.sidebar1a a:hover {color:#FFCC33; text-decoration: none;}

.sidebar2 	{font-size:8pt; font-family: arial; color: #FFFFFF; text-decoration: none; }
.sidebar2 a:link {color:#FFFFFF; text-decoration:none;}
.sidebar2 a:visited {color:#FFFFFF; text-decoration:none;}
.sidebar2 a:active {color:#FFFFFF; text-decoration:none;}
.sidebar2 a:hover {color:#FFCC33; text-decoration: none;}

td.rightsidebar	{ font-size:9pt; font-family: arial; color: #FFFFFF; font-weight: normal; }
.rightsidebar a:link {color:#FFFFFF; text-decoration:none;}
.rightsidebar a:visited {color:#FFFFFF; text-decoration:none;}
.rightsidebar a:active {color:#FFFFFF; text-decoration:none;}
.rightsidebar a:hover {color:#FFFFFF; text-decoration: none;}

.footer1 {font-family: arial,helvetica; font-size:8pt;	color:#FFFFFF; }
.footer1 a:link {color:#FFFFFF;  text-decoration:none;}
.footer1 a:visited {color:#FFFFFF;  text-decoration:none;}
.footer1 a:active {color:#FFFFFF;  text-decoration:none;}
.footer1 a:hover {color:#FFFF00;  text-decoration:underline;}

.footer2 {font-family: arial,helvetica; font-size:8pt;	color:#000000; font-weight:normal;}

/* product table formatting */
table.prodtable	{width: 500; align: center; border: 1px solid #004488;}
td.prodtable	{font-size:12px; color: #000000; border: 1px solid #004488; padding: 5px; }
td.prodtableheader	{font-size:12px; color: #FFFFFF; background-color: #CC0033; border: 1px solid #004488; padding: 5px; }
td.prodtableheader	a:link, td.prodtableheader a:visited {font-size:12px; color: #FFFFFF; text-decoration:none; }
td.prodtableheader	a:hover,td.prodtableheader	a:active {font-size:12px; color: #EEEEFC; text-decoration:underline; }

/* product1 table formatting */
table.prodtable1	{width: 300; align: center; border: 1px solid #004488;}
td.prodtable1	{font-size:12px; color: #000000; border: 1px solid #004488; padding: 5px; }
td.prodtableheader1	{font-size:12px; color: #FFFFFF; background-color: #CC0033; border: 1px solid #004488; padding: 5px; }
td.prodtableheader1	a:link, td.prodtableheader a:visited {font-size:12px; color: #FFFFFF; text-decoration:none; }
td.prodtableheader1	a:hover,td.prodtableheader	a:active {font-size:12px; color: #EEEEFC; text-decoration:underline; }

/* literature table formatting */
table.littable { border: 1px solid #004488; }
td.littable	{font-family:Helvetica, Arial, sans-serif; font-size:11px; color: #000000;  background-color: #FFFFFF; }
td.littable2	{font-family:Helvetica, Arial, sans-serif; font-size:11px; color: #000000; background-color: #EEEEFC; }
td.littableheader	{font-family:Helvetica, Arial, sans-serif; font-size:11px; color: #FFFFFF; background-color: #004488;}

/* reference table formatting */
table.reftable	{align: center; border: 1px solid #CC0033;}
td.reftable	{font-family:Helvetica, Arial, sans-serif; font-size:12px; color: #000000; border: 1px solid #CC0033; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; }
td.reftableheader	{font-family:Helvetica, Arial, sans-serif; font-size:12px; color: #FFFFFF; background-color: #CC0033; border: 1px solid #CC0033; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; }
td.reftableheader2	{font-family:Helvetica, Arial, sans-serif; font-size:12px; color: #000000; background-color: #FFCC33; border: 1px solid #CC0033; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; }


/* shadow box styles */
td.shadow1h { background-color: #004488; color: #FFFFFF; border: 1px solid #004488; font-size: 12px; font-family: Helvetica, Arial, sans-serif; text-align: center;}
.shadow1h a:link {color:#FFFFFF;  text-decoration:none;}
.shadow1h a:visited {color:#FFFFFF;  text-decoration:none;}
.shadow1h a:active {color:#FFFFFF;  text-decoration:none;}
.shadow1h a:hover {color:#FFCC33;  text-decoration:underline;}


td.shadow1 { border-color: #6688DD; border-style: solid; border-width: 0px 1px 1px 0px; font-size: 11px; font-family: Helvetica, Arial, sans-serif; }

td.shadow1b {
	border-color: #004488;
	border-style: solid;
	border-width: 0px 1px 0px 1px;
	font: 11px Helvetica, Arial, sans-serif;
	background: #FFF url(../images/blue_key_fade.jpg) center bottom no-repeat;
}

td.shadow1b_mid {
	border: none;
	font: 11px Helvetica, Arial, sans-serif;
	background: #FFF url(../images/blue_key_fade.jpg) center bottom no-repeat;
}


td.shadow2h { background-color: #004488; color: #FFFFFF; border: 1px solid #004488; font-size: 13px; font-family: Helvetica, Arial, sans-serif; }
td.shadow2 { border-color: #6688DD; border-style: solid; border-width: 0px 1px 1px 0px; font-size: 12px; font-family: Helvetica, Arial, sans-serif; }


/* home page formatting */
table.feature1 { border: 2px solid #004488; align: center; }
td.feature1	{ border: 1px solid white; background-color: #6688DD; text-align: center; font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size: 9pt;}
.feature1 a:link {color:#FFFFFF; text-decoration:none;}
.feature1 a:visited {color:#FFFFFF; text-decoration:none;}
.feature1 a:active {color:#FFFFFF; text-decoration:none;}
.feature1 a:hover {color:#FFCC33; text-decoration: none;}


/* search form formatting */
form {padding:0px; margin:0px;}
.watlowform {border: 1px solid #004488; background-color:#EEEEFC;font: 11px Helvetica, Arial, sans-serif}
.watlowform2 {border: 1px solid #004488; background-color:#EEEEFC;font: 12px Helvetica, Arial, sans-serif; padding:10px};


/* no break formatting */
.nobr { white-space: nowrap; }

/* article link formatting */
div.article_box {
	width: 550px;
	background: url(../images/header_articles.jpg) center top no-repeat;
	margin: 20px 0;
	padding: 0;
}

div.article_box .inner {
	margin: 0 20px;
	padding: 0;
}

div.article_box .header {
	font: bold 14px Helvetica, Arial, sans-serif;
	text-align: center;
	padding: 10px 0;
	color: #FFF;
}

div.article {
	width: 510px;
	display: block;
	clear: both;
	margin: 0 0 20px 0;
	padding: 0;
}

div.article .cover {
	width: 150px;
	float: left;
	clear: left;
	margin: 0;
	padding: 0;
}

div.article .article_link {
	width: 350px;
	float: right;
	clear: right;
	text-align: left;
	margin: 0 0 10px 0;
}
/* END article link formatting */

/* article link formatting WITHOUT cover image */
div.article-feature {
	width: 550px;
	background: url(../images/header_articles.jpg) center top no-repeat;
	margin: 20px 0;
	padding: 0;
	float: left;
	clear: left;
}

div.article-feature .inner {
	margin: 0 20px;
	padding: 0;
}

div.article-feature .header {
	font: bold 14px Helvetica, Arial, sans-serif;
	text-align: center;
	padding: 10px 0;
	color: #FFF;
}

div.article-text {
/*	width: 510px;*/
	display: block;
	clear: both;
	margin: 0 0 20px 0;
	padding: 0;
}

div.article-text p {
	display: block;
	text-align: left;
	margin: 0 0 10px 0;
}
/* END article link formatting WITHOUT cover image */

div.clean ul {
	padding: 0;
	margin: 0;
}

div.clean ul li {
	list-style-type: disc;
	margin: .2em 0 .5em 1.2em;
	padding: 0;
}

.intro_photo {
	margin: 10px;
	padding: 0;
	display: block;
}

.intro_photo img {
	padding: 0;
}

.img-left {
	float: left;
	clear: left;
	padding: 0;
	margin: 0 10px 10px 0;
	display: block;
}

.img-right {
	float: right;
	clear: right;
	padding: 0;
	margin: 0 0 10px 10px;
	display: block;
}

img.right {float: right; margin: 0.5em 0 0.5em 1em; border:0;}
img.left  {float: left;  margin: 0.5em 1em 0.5em 0; border:0;}


	/* category navigation buttons */
	#cat-nav-buttons {
		width: 550px;
		height: 97px;
		margin: 10px 0;
		padding: 0;
	}
	
	#cat-nav-buttons ul {
		margin: 0;
		padding: 0;
		list-style: none;
		z-index: 1;
	}
	
	#cat-nav-buttons li {
		display: inline;
		margin: 0;
		padding: 0;
		z-index: 1;
	}

	/* category navigation buttons for FOODSERVICE Industry */
	#cat-nav-buttons #fryers a {
		float: left;
		display: block;
		width: 97px;
		height: 97px;
		background: url(../images/markets/cat-nav-buttons.jpg) 0 0 no-repeat;
		padding: 0;
		margin: 0 15px 0 0;
		text-decoration: none;
	}
	
	#cat-nav-buttons #fryers a:hover { background-position: 0 -97px; }

	#cat-nav-buttons #ovens a {
		float: left;
		display: block;
		width: 97px;
		height: 97px;
		background: url(../images/markets/cat-nav-buttons.jpg) -97px 0 no-repeat;
		padding: 0;
		margin: 0 15px 0 0;
		text-decoration: none;
	}

	#cat-nav-buttons #ovens a:hover { background-position: -97px -97px; }

	#cat-nav-buttons #grills a {
		float: left;
		display: block;
		width: 97px;
		height: 97px;
		background: url(../images/markets/cat-nav-buttons.jpg) -194px 0 no-repeat;
		padding: 0;
		margin: 0 15px 0 0;
		text-decoration: none;
	}

	#cat-nav-buttons #grills a:hover { background-position: -194px -97px; }

	#cat-nav-buttons #steamtables a {
		float: left;
		display: block;
		width: 97px;
		height: 97px;
		background: url(../images/markets/cat-nav-buttons.jpg) -291px 0 no-repeat;
		padding: 0;
		margin: 0 15px 0 0;
		text-decoration: none;
	}

	#cat-nav-buttons #steamtables a:hover { background-position: -291px -97px; }

	#cat-nav-buttons #washers a {
		float: left;
		display: block;
		width: 97px;
		height: 97px;
		background: url(../images/markets/cat-nav-buttons.jpg) -388px 0 no-repeat;
		padding: 0;
		margin: 0;
		text-decoration: none;
	}

	#cat-nav-buttons #washers a:hover { background-position: -388px -97px; }


	/* category navigation buttons for PLASTICS Industry */
	#cat-nav-buttons #injection a {
		float: left;
		display: block;
		width: 97px;
		height: 97px;
		background: url(../images/markets/cat-nav-buttons-plas.jpg) 0 0 no-repeat;
		padding: 0;
		margin: 0 15px 0 0;
		text-decoration: none;
	}
	
	#cat-nav-buttons #injection a:hover { background-position: 0 -97px; }

	#cat-nav-buttons #hotrunner a {
		float: left;
		display: block;
		width: 97px;
		height: 97px;
		background: url(../images/markets/cat-nav-buttons-plas.jpg) -97px 0 no-repeat;
		padding: 0;
		margin: 0 15px 0 0;
		text-decoration: none;
	}

	#cat-nav-buttons #hotrunner a:hover { background-position: -97px -97px; }

	#cat-nav-buttons #extrusion a {
		float: left;
		display: block;
		width: 97px;
		height: 97px;
		background: url(../images/markets/cat-nav-buttons-plas.jpg) -194px 0 no-repeat;
		padding: 0;
		margin: 0 15px 0 0;
		text-decoration: none;
	}

	#cat-nav-buttons #extrusion a:hover { background-position: -194px -97px; }

	#cat-nav-buttons #thermoforming a {
		float: left;
		display: block;
		width: 97px;
		height: 97px;
		background: url(../images/markets/cat-nav-buttons-plas.jpg) -291px 0 no-repeat;
		padding: 0;
		margin: 0 15px 0 0;
		text-decoration: none;
	}

	#cat-nav-buttons #thermoforming a:hover { background-position: -291px -97px; }

	#cat-nav-buttons #blowmolding a {
		float: left;
		display: block;
		width: 97px;
		height: 97px;
		background: url(../images/markets/cat-nav-buttons-plas.jpg) -388px 0 no-repeat;
		padding: 0;
		margin: 0;
		text-decoration: none;
	}

	#cat-nav-buttons #blowmolding a:hover { background-position: -388px -97px; }

	/* style for tooltip pop-up */
	#tooltip {
		font: 10/1.2em Verdana, Arial, Helvetica, sans-serif;
		position: absolute;
		width: 150px;
		border: 2px solid #004488;
		padding: 5px;
		margin: 0;
		background-color: #FFF;
		visibility: hidden;
		z-index: 100;
		/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
		filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
	}
	
	#tooltip ul {
		padding: 0;
		margin: 0;
	}
	
	#tooltip ul li {
		font: 10/1.2em Verdana, Arial, Helvetica, sans-serif;
		list-style-type: disc;
		margin: .2em 0 .3em 1.6em;
		padding: 0;
	}
	
/* nav for the bottom of specific product page information */
	#bottom-nav {
		font: bold 12px/1.3em Helvetica, Verdana, Arial, sans-serif;
		color: #FC3;
		text-align: center;
		float: left;
		width: 550px;
		border: 0;
		margin: 10px auto;
		padding: 0;
		background: #048 url(../images/design-elements/round-btm.gif) center bottom no-repeat;
	}
	
	#bottom-nav .left {
		float: left;
		text-align: left;
		clear: left;
		padding: 6px;
	}
	
	#bottom-nav .right {
		float: right;
		text-align: right;
		clear: right;
		padding: 6px;
	}

	#bottom-nav a:link {
		color: #FFF;
		text-decoration: none;
	}
	
	#bottom-nav a:visited {
		color: #FFF;
		text-decoration: none;
	}
		
	#bottom-nav a:hover {
		color: #FC3;
		text-decoration: none;
	}
		
	#bottom-nav a:active {
		background-color: #68D;
		color: #FFF;
		padding: 6px 0;
		text-decoration: none;
	}

div.product_listing {
	padding: 0;
	margin: 0 0 20px 0;
	display: block;
	clear: both;
}

.clear { display: block; clear: both; }

#homelinks {clear:both; display:inline; padding:0; width: 220px; height: 300px; float:left; background: #111 url('') no-repeat; margin:0;}
/* url("/images/home/firebar01_left.jpg") */

#homelinks a:link {color: #eee; text-decoration:none;}
#homelinks a:visited {color: #eee; text-decoration:none;}
#homelinks a:hover {color: #fff; text-decoration:none;}
#homelinks a:active {color: #eee; text-decoration:none;}

ul#homelinks1 {height: auto; margin:0; padding:0; width:100%; list-style-type:none;}
ul#homelinks2 {height: 0; margin:0; padding:0; display:inline; float:left; width:100%;  list-style-type:none;}

#homelinks1 li {font: bold 22px verdana,arial,sans-serif; color:white; border-bottom:1px solid #ddd; padding:8px; margin: 6px; }
#homelinks2 li {font: bold 14px verdana,arial,sans-serif; color:white; border-bottom:1px solid #ddd; padding:4px; margin: 4px; }


.home2 {width: 200; margin: 15px 0; color: #333; line-height:140%; text-align:left; float:left; display:inline; }
.home2 p {margin: 0 0 10px 0; color: #444; font:13px tahoma,arial;}
.home2 a:link, .home2 a:active, .home2 a:visited {text-decoration:none;}
.home2 a:hover {text-decoration:underline; color: #c00;}


.featured {width:250px; float:right; display:inline; padding:0; margin: 0; text-align:left;}
.featured h2 {color: #b00; padding: 0px; margin:15px 10px;}
.featured h3, .featured p {padding: 0; margin: 15px 10px;}
.featured img {margin:5px; float:right;}
.featured a:link, .featured a:active, .featured a:visited {text-decoration:none} 
.featured a:hover {text-decoration:underline; color: #c00;}

