/************/
/*  GLOBAL  */
/************/

/* NON-HEADER */
*{
	padding:0; margin:0;
}

body {
	font-size:63.5%; background-color:rgb( 255,255,255 ); font-family:verdana, arial, sans-serif; /*Font-size: 1.0em = 10px when browser default size is 16px*/
}

.page-container {
	 width:1000px; margin:0px auto; margin-top:10px; margin-bottom:10px; border: solid 1px rgb(150, 150, 150); font-size:1.0em;
}

.homepageMain {
	clear:both; width: 1000px; padding-bottom:0px; background:transparent url('../img/bg_HomePage_main_withnav.jpg') top left repeat-y;
}

.splash-content {
	width:990px; margin: 0 0 10px 0; text-align:center;
}

.contentsArea {
	clear:both; width: 1000px; padding-bottom:0px; background:transparent url('../img/bg_head_breadcrumbs.jpg') top left repeat-y; overflow:visible;
}

.contentsArea img {
	border-width:0px; border-color:#FFFFFF;
}

.contentsArea-navigation {
	display:inline /*Fix IE floating margin bug*/; float:left; width:200px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;
}

.contentsArea-content {
	display:inline; /*Fix IE floating margin bug*/; float:left; width:750px; margin:0 0 0 30px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; font-size:medium;
}

.contentsArea-subcontent {
	display:inline /*Fix IE floating margin bug*/; float:right; width:300px; margin:0 15px 0 0; overflow:hidden /*IE6*/ !important /*Firefox*/;
}

.footer {
	clear:both; width:1000px; height:3.7em; padding:1.1em 0 0; background:rgb(0,0,0) url('../img/bg_footer.jpg') no-repeat; font-size:1.0em; overflow:visible !important/*firefox*/; overflow:hidden /*IE6*/;
}

/*HEADER*/
.header {
	width:1000px; font-family:"Trebuchet MS", arial, sans-serif; z-index:999;
}

.header-top {
	width:1000px; height:120px; background:rgb(240, 240, 240) url('../img/bg_heading_top.jpg'); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;	
}

.header-breadcrumbs {
	clear:both; width:1000px; padding:1.0em 0 1.5em 0; background:rgb(100, 100, 100) url('../img/bg_head_breadcrumbs.jpg') repeat-y;
}

/*HEADER SECTION*/
.companyLogo {
	width:218px; height:80px; position:absolute; z-index:1; margin:15px 0 0 20px; background:rgb(240,240,240) url('../img/HomePageLogo.jpg');
}

/************************/
/*Header Navigation Menu*/
/************************/
.header-navigation-menu {
 	width:650px; position:absolute; margin:88px 0 0 350px; font-family: Arial, Helvetica, sans-serif;
}

.header-navigation-menu-heading, .header-navigation-menu-headingjs {
	list-style:none;
	float:left;
	width:130px;
	height:3.1em;
	line-height:3.1em;
	text-align:center;
}

.header-navigation-menu-heading a, .header-navigation-menu-headingjs a {
	display: block;
	font-weight:bolder;
	color:white;
	text-decoration:none;
	background:url('../img/bg_head_top.jpg') top center no-repeat;
	border-left:1px rgb(175, 175, 175) solid;
}

.header-navigation-menu a:focus, .header-navigation-menu a:focus {
	outline:none;
}

.header-navigation-menu-heading a:hover, .header-navigation-menu-headingjs a:hover {
	color:white;
	background:url('../img/bg_head_nav_hover.jpg') top center no-repeat;
}

.header-navigation-menu-heading ul, .header-navigation-menu-headingjs ul {
	list-style:none;
	margin:0;
	padding:0;
}

.header-navigation-menu-heading li, .header-navigation-menu-headingjs li { 
	position:relative;
	min-height:1px;
	vertical-align:bottom;
}
	
<!--[if IE]>
<style type="text/css" media="screen">
	 
	.header-navigation-menu-heading a, .header-navigation-menu-headingjs a {
		top:0px;
	}

	.header-navigation-menu-heading ul li, .header-navigation-menu-headingjs ul li{
		float:left; width:100%; vertical-align:bottom;
	}
</style>
<![endif]-->

.header-navigation-menu-heading ul ul, .header-navigation-menu-headingjs ul ul {
	list-style:none;
	display:none;
	position:absolute;
	width:100%;
	top:auto;
	padding:1em;
	margin:-1em 0 0 -1em;
}

.header-navigation-menu-heading ul ul ul, .header-navigation-menu-headingjs ul ul ul {
	display: none;
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
	margin: 5px 0px 0px 0px;
}

div.header-navigation-menu-heading li:hover, div.header-navigation-menu-headingjs li:hover {
	cursor:pointer;
	z-index:1;
}

div.header-navigation-menu-heading ul ul li:hover ul ul, div.header-navigation-menu-headingjs ul ul li:hover ul ul
{ display:none; }

div.header-navigation-menu-heading ul li:hover ul ul, div.header-navigation-menu-headingjs ul li:hover ul ul
{ display:none; }

div.header-navigation-menu-heading ul ul, div.header-navigation-menu-headingjs ul ul
{ display:none; }

div.header-navigation-menu-heading ul ul ul li:hover ul, div.header-navigation-menu-headingjs ul ul ul li:hover ul
{ display: block; }

div.header-navigation-menu-heading ul ul li:hover ul, div.header-navigation-menu-headingjs ul ul li:hover ul
{ display: block; }

div.header-navigation-menu-heading ul li:hover ul, div.header-navigation-menu-headingjs ul li:hover ul
{ display: block; }

div.header-navigation-menu-heading ul ul ul li:after ul, div.header-navigation-menu-headingjs ul ul ul li:after ul
{ display:none; }

div.header-navigation-menu-heading ul ul li:after ul, div.header-navigation-menu-headingjs ul ul li:after ul
{ display:none; }

div.header-navigation-menu-heading ul li:after ul, div.header-navigation-menu-headingjs ul li:after ul
{ display:none; }

.header-breadcrumbs ul {
	float:left; width:560px; list-style:none; padding:0 0 0 15px; font-family:verdana, arial, sans-serif;
}

.header-breadcrumbs ul li {
	display:inline; padding: 0 0 0 10px; background:transparent url('../img/bg_bullet_arrow.gif') no-repeat 0 50%; font-weight:bold; color:#0000CC; font-size:100%;
}

.header-breadcrumbs ul a {
	color:rgb(70, 122, 167); text-decoration:none;
}

.header-breadcrumbs ul a:hover {
	color:rgb(42, 90, 138); text-decoration:underline;
}

.header-breadcrumbs .searchbox {
	float:right; width:295px; padding:0 17px 0px 0px !important /*Non-IE6*/; padding:0 12px 0px 0px /*IE6*/;
}

.header-breadcrumbs .searchbox form fieldset {
	float:right; border:none;
}

.header-breadcrumbs .searchbox input.field {
	width:12.0em; padding:0.2em 0 0.2em 0; border:1px solid rgb(200, 200, 200); font-family:verdana, arial, sans-serif; font-size:120%;
}

.header-breadcrumbs .searchbox input.button {
	width:5.0em; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230, 230, 230); border:solid 1px rgb(150, 150, 150); text-align:center; font-family:verdana, arial, sans-serif; color:rgb(150, 150, 150); font-size:120%;
}

.header-breadcrumbs .searchbox input.button:hover {
	cursor:pointer; border:solid 1px rgb(80, 80, 80); background:rgb(220, 220, 220); color:rgb(80, 80, 80);
}

/***********************************/
/*  CONTENTS AREA NAVIGATION MENU  */
/***********************************/
.contentsArea-navigation {
	width:199px; border-bottom:solid 1px rgb(200,200,200); color:rgb(100, 100, 100);
}

.contentsArea-navigation dt a:visited {
	display:block; min-height:2.0em /*Non-IE6*/; 
	height:auto !important; height:2.0em /*IE6*/; 
	line-height:2.0em; padding:0px 10px 0px 20px;  
	border-top: solid 1px rgb(200,200,200); text-decoration:none; color:rgb(70,122,167); 
	font-weight:bold; 
	font-size:120%;
	color:rgb(100, 100, 100);	
}

.contentsArea-navigation-heading-active {
	display:block; 
	min-height:2.0em /*Non-IE6*/; 
	height:auto !important; height:2.0em /*IE6*/; 
	line-height:2.0em; 
	padding:0px 10px 0px 20px;  
	border-top: solid 1px rgb(200,200,200); 
	text-decoration:none; color:rgb(70,122,167); 
	font-weight:bold;
	font-size:120%;
	background:url('../img/bg_contentArea_nav_active.jpg') top center no-repeat;
	color:rgb(255, 255, 255);	
}

.contentsArea-navigation-active {
	display:block; 
	min-height:1.7em /*Non-IE6*/; 
	height:auto !important; 
	height:1.7em /*IE6*/; 
	line-height:1.7em; 
	padding:0px 10px 0px 40px; 
	border:none; 
	font-weight:normal; 
	text-decoration:none; 
	font-size:120%;
	background:#3366CC;
	color:rgb(255, 255, 255);	
}

.contentsArea-navigation-active a{
	display:block; 
	min-height:1.7em /*Non-IE6*/; 
	height:auto !important; 
	height:1.7em /*IE6*/; 
	line-height:1.7em; 
	padding:0px 10px 0px 40px; 
	border:none; 
	font-weight:normal; 
	text-decoration:none; 
	font-size:120%;
	background:black;
	color:rgb(255, 255, 255);	
}

.contentsArea-navigation dt a {
	display:block; 
	min-height:2.0em /*Non-IE6*/; 
	height:auto !important; height:2.0em /*IE6*/; 
	line-height:2.0em; 
	padding:0px 10px 0px 20px;  
	border-top: solid 1px rgb(200,200,200); 
	text-decoration:none; color:rgb(70,122,167); 
	font-weight:bold;
	font-size:120%;
	background:url('../img/bg_heading_top.jpg');
	color:rgb(100, 100, 100);	
}

.contentsArea-navigation dt a:hover {
	background:url('../img/bg_contentArea_nav_hover.jpg') top center no-repeat; 
	color:black;
}

.contentsArea-navigation dd a:visited {
	display:block; 
	min-height:1.7em /*Non-IE6*/; 
	height:auto !important; 
	height:1.7em /*IE6*/; line-height:1.7em; 
	padding:0px 10px 0px 40px; 
	border:none; font-weight:normal; 
	text-decoration:none;
	font-size:120%;
	color:rgb(100, 100, 100);	
}

.contentsArea-navigation dd a {
	display:block; 
	min-height:1.7em /*Non-IE6*/; 
	height:auto !important; 
	height:1.7em /*IE6*/; 
	line-height:1.7em; 
	padding:0px 10px 0px 40px; 
	border:none; 
	font-weight:normal; 
	text-decoration:none; 
	font-size:120%;
	background:#C0C0C0;
	color:rgb(100, 100, 100);
}
.contentsArea-navigation dd a:hover {
	background-color:rgb(225, 225, 225);
	text-decoration:none; 
	color:rgb(100, 100, 100);
}

.contentsArea-navigation-subItems {
	display:block; 
	min-height:1.5em /*Non-IE6*/; 
	height:auto !important; 
	height:1.5em /*IE6*/; 
	line-height:1.5em; 
	padding:0px 0px 0px 10px;
	width:189px;
	border:none; 
	font-weight:normal; 
	text-decoration:none; 
	font-size:110%;
	background:#808080;
	color:black;
}

.contentsArea-navigation-subItems dd a {
	background:#808080;
	color:black;
}

.contentsArea-navigation-subItems dd a:hover {
	background-color:rgb(225, 225, 225);
	text-decoration:none;
	color:black;
}

.contentsArea-navigation-subItems dd a:visited {
	text-decoration:none;
	color:black;
}

/**************************/
/*  MAIN CONTENT SECTION  */
/**************************/

/* HOMEPAGE MAIN CONTENT */
.content-header {
	font-family:verdana, arial, sans-serif;
	font-size:12px; 
	font-weight:bold; 
	background:#336699; 
	height:16px;
	background-image:url('../img/bg_contentArea_nav_active.jpg');
}

.content-header a {
	text-decoration:none;/* color:#336699; */text-align:left; color:rgb(235, 235, 235 );
}

.content-header a:hover {
	text-decoration:underline;
}

.New-Product {
	float:left; margin:1.5em 0 0 1.5em; width:310px; overflow:visible;
}

.New-Product img {
	border-width:3px; border-color:rgb(248, 224, 150);
}

.New-Product a[href $='.pdf'] img:hover {
	border-width:3px; border-color:orange;
}

.New-Product a:link img:hover {
	border-width:3px; border-color:orange;
}

.New-Product-Background-Orange {
	height:285px; width:310px; margin:0 0 0 0; padding:0 0 10px 0; border-right:solid 1px rgb(232, 177, 13); border-left:solid 1px rgb(232, 177, 13); background-color:rgb(248, 224, 150); overflow:hidden;
}

.New-Product-Content {
	float:left; height:285px; width:300px; padding:5px 0 0 0; overflow:auto; text-align:center;
}

.Events {
	float:left; width:310px; margin:1.5em 0 0 1.5em; overflow:visible; border-left:solid 1px rgb(100, 100, 100); border-right:solid 1px rgb(100, 100, 100);
}

.Events_No_Border {
	float:left; width:310px; margin:1.5em 0 0 1.5em; overflow:visible; border-left:solid 0px rgb(100, 100, 100); border-right:solid 0px rgb(100, 100, 100); vertical-align:middle; height:300px;
}

.Events-Content {
	float:left; padding:5px 0 0 0; width: 310px; height:280px; overflow:visible; text-align:center;
}

.Events-Content img {
	border-width:3px; border-color:white;
}

.Events-Content a:hover img:hover {
	border-width:3px; border-color:#996633; text-decoration:underline;
}

.Events-Content a:link {
	text-decoration:none;
}

.Applications {
	float:left; width:300px; margin:1.5em 0 0 1.5em; overflow:visible; border-left:solid 1px rgb(100, 100, 100); border-right:solid 1px rgb(100, 100, 100);
}

.Applications-Content {
	float:left; padding:5px 0 0 5px; width:290px; overflow:visible; text-align:left; height:123px;
}

.Applications-Content img {
	border-width:1px; border-color:black; vertical-align:middle;
}

.Applications-Content a:link {
	text-decoration:none;
}

.Applications-Content a:hover {
	text-decoration:underline;
}

.Training-Announcement {
	float:left; width:300px; margin:1.5em 0 0 1.5em; overflow:visible; border-left:solid 1px rgb(100, 100, 100); border-right:solid 1px rgb(100, 100, 100);
}

.Training-Announcement-Content {
	float:left; padding:5px 0 0 0; width:290px; height:170px; overflow:visible; text-align:left;
}

.Training-Announcement-Content p {
	padding:0px 0px 0px 14px; font-size:11px; background:url('../img/bullet.JPG') no-repeat; vertical-align:top;
}

.Product-Video {
	float:left; width:280px; margin:0 0 0 1.5em; overflow:visible; color:rgb(235, 235, 235); text-align:center;
}

.Product-Video-Content {
	float:left; padding:5px 0 0 0; width: 310px; height:120px; overflow:visible; text-align:center;
}

.Product-Video-Content-All {
	float:left; margin-top:0; padding:5px 0 5px 0; width: 280px; height:390px; overflow:auto; vertical-align:top; text-align:left; font-size:12px; margin:0 0 0 0;
}

.Product-Video-Content img {
	border-width:1px; border-color:black;
}

.h1 {
	font-size:larger; font-weight:bold; color:maroon;
}

/********************/
/*  FOOTER SECTION  */
/********************/

.Back-To-Top {
	float:right; padding:0 10px 0 0;
}

.footer p {
	line-height:1.3em; text-align:center; color:rgb(125, 125, 125); font-weight:bold; font-size:110%;
}

.footer p.credits {
	font-weight:normal;
}

.footer a {
	text-decoration:underline; color:rgb(125, 125, 125 );
}

.footer a:hover {
	text-decoration:none; color:rgb(0, 0, 0);
}

.footer a:visited {
	color:rgb(0, 0, 0);
}

/******************/
/*  CLEAR FLOATS  */
/******************/
.page-container:after {
	content:"."; display:block; height:0; clear:both; visibility:hidden;
}

.header:after {
	content:"."; display:block; height:0; clear:both; visibility:hidden;
}

.header-breadcrumbs:after {
	content:"."; display:block; height:0; clear:both; visibility:hidden;
}

.homepageMain:after {
	content:"."; display:block; height:0; clear:both; visibility:hidden;
}

.contentsArea:after {
	content:"."; display:block; height:0; clear:both; visibility:hidden;
}

.contentsArea-navigation:after {
	content:"."; display:block; height:0; clear:both; visibility:hidden;
}

p:after {
	content:"."; display:block; height:0; clear:both; visibility:hidden;
}

.footer:after {
	content:"."; display:block; height:0; clear:both; visibility:hidden;
}

/********************************/
/*  PRINTING and MISCELLANEOUS  */
/********************************/
@media print {
	.header-top {width:1000px; height:80px; background:rgb(240, 240, 240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
	.header-navigation-menu-heading, .header-navigation-menu-headingjs {float:left; width:1000px; border:none; background:rgb(240,240,240); color:rgb(75,75,75); font-size:1.0em; font-size:130%;}} /*Color navigation bar normal mode*/
	.header-breadcrumbs {width: 1000px;	background: transparent; background-image: url('../img/bg_head_breadcrumbs.jpg'); }
	.homepageMain {clear:both; width:1000px; padding-top:0px; padding-bottom:30px; background:transparent;}
    .contentsArea-navigation {display:inline /*Fix IE floating margin bug*/; float:left; width:199px; border-right:solid 1px rgb(200,200,200); border-bottom:solid 1px rgb(200,200,200); background-color:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE*/;}
	.footer {clear: both;width: 1000px;	height: 3.7em; padding: 1.1em 0 0; background: rgb(240,240,240); font-size: 1.0em; overflow: visible !important /*Firefox*/;	overflow: hidden /*IE6*/; background-image: url('../img/bg_footer.jpg'); }
}