@charset "utf-8";
/*******************************
*	National Tribology Services Sub Page Styles
*	Font/Layout properites
*******************************/
body {min-width: 820px; font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif;}

.clear	{display: block; clear: both;}

#container	{width: 820px; margin: 0 auto; padding: 0; top: 10px; position: relative; height: auto; border: 2px; border-color: #958A7B; border-style: solid;}

#containerInset	{width: 800px; margin: 10px 10px 10px 10px; position: relative; background-color: #000000;}

/******************************/
/*	images*/
#imageLeft	{margin: 12px 18px 8px 0px; position: relative; background-color: #202020; clear: right; float: left; width: auto; background-image: url(../images/sectionTabfades.jpg);}
.image	{margin: 0px 0px 0px 0px; padding: 2px 2px 2px 2px;}
.button	{margin: 0px 0px 10px 0px;}

.imageText	{margin: 0px 0px 0px 0px; padding: 4px 4px 8px 8px; font-size: 0.8em; width: 108px; color: #FFFFFF; }
.imageTextarticles	{margin: 0px 0px 0px 0px; padding: 4px 4px 8px 8px; font-size: 0.75em; width: 108px; color: #FFFFFF;}

#imageRightNooutline	{
	margin: 6px 0px 12px 18px;
	position: relative;
	clear: left;
	float: right;
	width: auto;
}
#imageLeftNooutline	{margin: 12px 18px 8px 0px; position: relative; clear: none; float: left; width: auto;}

#imageRight	{
	margin: 12px 0px 12px 18px;
	position: relative;
	background-color: #202020;
	clear: right;
	float: right;
	width: auto;
	background-image: url(../images/sectionTabfades.jpg);
}
#imageRightappnote	{margin: 12px 0px 12px 18px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; position: relative; background-color: #DACDA7;
	clear: left; float: right; width: auto; padding: 8px 8px 8px 8px;}
.imageTextappnote {background-color: #DACDA7; color: #3A3742; padding: 4px 4px 4px 8px; width: 150px; text-align: center;}

#chartRight	{margin: 12px 0px 12px 18px; position: relative; clear: left; float: right; width: auto;}
#chartLeft	{margin: 12px 18px 8px 0px; position: relative; clear: right; float: left; width: auto;}

/*******************************/

#spacer1	{height: 100px;}
#spacer2	{height: 200px;}
#spacer3	{height: 300px;}
#spacer35	{height: 350px;}
#spacer4	{height: 400px;}
#spacer5	{height: 500px;}
#spacer6	{height: 600px;}

#leftColumn	{height: auto; width: 189px; float: left; font-size: 1em;}
#rightColumn h1 {font-size: 1.5em; color: #303030;}
#rightColumn h2 {font-size: 1.35em; color: #585C52;}
#rightColumn h3 {font-size: 1.2em; color: #585C52;}
#rightColumn h4 {font-size: 1em; color: #585C52;}

#rightColumn h5 {font-size: 1.6em; color: #BEB393; font-style: italic;}
.accenttext {font-size: 1em; color: #007526;}
.briteaccenttext {font-size: 1em; color: #FF6600;}

#rightColumn {height: auto; width: 610px; float: right; border-left-color: #C5C1A7; border-left-style: solid; border-left-width: 1px; background-color: #FFEECE;}
#rightColumn p a {color: #FF6600; font-weight: normal; text-decoration: none;}
#rightColumn p a:hover {color: #009900;}

#rightColumnBU ul {margin: 0 0 0 0; padding: 0 0 0 0; list-style: none; height: auto;}
#rightColumnBU li a {color: #484848; border-color: #DDD; font-weight: normal; display: block; padding: 1.5em; text-decoration: none; font-size: 0.65em;}
#rightColumnBU li a:hover {color: #484848; background-color: #DEDEDE;}

#content {height: auto; margin: 0; padding: 0;}

#companyBox	{height: 86px; margin: 0; padding: 6px 0px 0px 4px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 0.55em; font-weight: normal;}

/******************************/
/*	subBanner navigation */
#subBannerArrow {height: 100px; width: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #FFFFFF; padding-left: 0px; padding-top: 0px; margin-left: 0px; background-image:  url(../images/subBannerArrow.gif); background-repeat: no-repeat;	background-color: #3A3636; letter-spacing: 0.05px; float: left; clear: none; border-bottom-color: #EA4D00; border-bottom-style: solid; border-bottom-width: 1px;}

#subBannerTitle {height: 100px; width: 445px; font-size: 1.05em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #FFFFFF; padding-left: 0px; padding-top: 0px; margin-left: 0px; background-color: #000000; background-image:  url(../images/subBannerTitle.gif); background-repeat: repeat-y; letter-spacing: 0.05px; float: right; clear: none; border-bottom-color: #EA4D00; border-bottom-style: solid; border-bottom-width: 1px;}
#subBannerTitletext {height: 60px; width: 380px; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #BFBFBF; padding-left: 15px; padding-top: 14px; margin-left: 0px; letter-spacing: 0.05px; margin-top: 22px;}
#subBannerTitleImage {width: 200px; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #BFBFBF; padding-left: 150px; margin-left: 0px; letter-spacing: 0.05px; margin-top: 8px;}
#subBannerImg {height: 100px; width: 150px; background-color: #000000; float: left; clear: none; border-bottom-color: #EA4D00; border-bottom-style: solid; border-bottom-width: 1px;}


#subBanner {height: 124px; width: 530px; padding-top: 8px; margin-left: 15px; border-bottom-style: solid; border-bottom-color: #666666; border-bottom-width: 1px; padding-bottom: 8px;}
#subBannerImage {height: 124px; width: 220px; background-repeat: no-repeat; float: left;}
#subBannerText {width: 250px; float: left; color: #754F69; margin-left: 20px; font-size: 10px; font-weight: bold; margin-top: 30px; line-height: 14px; text-align: center;}

/******************************/


#mainTagline {height: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF; padding: 10px 5px 10px 25px; font-size: 0.8em; background-color: #2C2C2C; border-bottom-color: #990000; border-bottom-style: solid; border-bottom-width: 1px; border-top-color: #FFFFFF; border-top-style: solid; border-top-width: 2px;}

#mainDescription {font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #363630; font-size: 0.8em; width: 560px; padding: 20px 0px 15px 25px;}

.ul ul {font-size: 1em; color: #303030; padding: 0em 0em 0em 0em; margin: 5px 0px 5px 50px; list-style-type: circle;}

.ul {font-size: 1em; color: #303030; padding: 0em 0em 0em 0em; margin: 5px 0px 5px 50px;}
.ul p a {color: #FF6600; font-weight: normal; text-decoration: none;}
.ul a:link {color: #E64A00; text-decoration: none;}
.ul a:visited {color: #E64A00; text-decoration: none;}
.ul a:active {color: #E64A00; text-decoration: none;}
.ul a:hover {color: #009900; text-decoration: none;}

.ol {font-size: .9em; color: #303030; padding: 0em 0em 0em 0em; margin: 5px 0px 0px 30px;}
.ol a:link {color: #E64A00; text-decoration: none;}
.ol a:visited {color: #E64A00; text-decoration: none;}
.ol a:active {color: #E64A00; text-decoration: none;}
.ol a:hover {color: #009900; text-decoration: none;}

#searchBox	{font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #CCCCCC; font-size: 0.8em; width: 175px; float: right;}
.flowcharttitle	{height: auto; font-size: 1.2em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #FFEECE; padding: 5px 6px 5px 5px;}
.flowchartheader	{height: auto; font-size: 1.3em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #336633; padding: 5px 6px 3px 0px;}
.flowcharttext	{height: auto; font-size: 0.7em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #3A3742; padding: 8px 8px 10px 16px;}

#isoBox	{font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #CCCCCC; font-size: 0.8em; width: 175px; position: relative;}
.superScript {font-size: 0.5em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; vertical-align: top;}

.sectionTabs {height: auto; background-image:  url(../images/sectionTabfades.jpg); font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #FFFFFF; padding: 3px 25px 4px 10px; border-top-color: #83837C; border-top-style: solid; border-top-width: 1px; border-bottom-color: #83837C; border-bottom-style: solid; border-bottom-width: 1px; margin-top: 8px;}

.sectionTabs a:link {color: #FFCC33; text-decoration: none;}
.sectionTabs a:visited {color: #FFCC33; text-decoration: none;}
.sectionTabs a:active {color: #FFCC33; text-decoration: none;}
.sectionTabs a:hover {color: #33CC33; text-decoration: none;}


.sectionTabsShop {
	height: auto;
	background-image:  url(../images/sectionTabfadesShop.jpg);
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	padding: 8px 5px 9px 5px;
	border-top-color: #006600;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-color: #006600;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	margin-top: 8px;
	font-style: italic;
	text-align: center;
}
.sectionTabsShop a:link {color: #FFFFFF; text-decoration: none;}
.sectionTabsShop a:visited {color: #FFFFFF; text-decoration: none;}
.sectionTabsShop a:active {color: #FFFFFF; text-decoration: none;}
.sectionTabsShop a:hover {color: #FFCC33; text-decoration: none;}

.sectionDetails	{height: auto; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #FFFFFF; padding: 5px 6px 3px 24px;}

.sectionDetails a:link {color: #FFCC33; text-decoration: none;}
.sectionDetails a:visited {color: #FFCC33; text-decoration: none;}
.sectionDetails a:active {color: #FFCC33; text-decoration: none;}
.sectionDetails a:hover {color: #33CC33; text-decoration: none;}

#legalBox {position:relative; top:0px; width:740px; margin: 0 auto; padding: 0.65em 0 0 0; height: 20px; font-size: 0.6em; text-align: center; font-weight: bold; color: #C0BBAD; padding-top: 20px;}
#legalBox a:link {color: #C0BBAD; text-decoration: none;}
#legalBox a:visited {color: #C0BBAD; text-decoration: none;}
#legalBox a:active {color: #C0BBAD; text-decoration: none;}
#legalBox a:hover {color: #FFFFFF; text-decoration: underline;}

/* table rows and columns */
.tableHead1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; font-weight: bold; background-color: #1B4423; color: #CCCCCC; padding: 4px 2px 2px 5px;}
.tableHead2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; font-weight: bold; background-color: #1B4423; color: #FFFFFF; padding: 7px 4px 7px 6px;}
.tableHead4 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; font-weight: bold; background-color: #1B4423; color: #FFFFFF; padding: 7px 4px 7px 6px;}

.tableHead3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; font-weight: bold; background-color: #1B4423; color: #FFFFFF; padding: 4px 5px 4px 8px; border-left-color: #FFF3DD; border-left-style: solid; border-left-width: 1px;}

#topofpage  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; font-weight: bold; background-color: #000000; color: #FFFFFF; padding: 3px 8px 5px 8px; margin-top: 15px; margin-bottom: 5px;}
#topofpage a:link {color: #B5B1A6; font-weight: bold; text-decoration: none;}
#topofpage a:visited {color: #B5B1A6; font-weight: bold; text-decoration: none;}
#topofpage a:hover {color: #00CC00; font-weight: bold; text-decoration: none;}

.pagecontents{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.6em; background-color: #DACDA7; color: #3A3742; padding: 5px 3px 5px 3px;}
.pagecontents a:link {color: #990000; font-weight: normal; text-decoration: none;}
.pagecontents a:visited {color: #990000; font-weight: normal; text-decoration: none;}
.pagecontents a:hover {color: #FF6600; font-weight: normal; text-decoration: underline;}
.pagecontents ul {font-size: 1em; color: #303030; padding: 0em 0em 0em 0em; margin: 5px 0px 0px 20px;}
.pagecontentsheader	{height: auto; font-size: 1.4em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #000000;}

.pullquote{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; background-color: #DACDA7; color: #3A3742; padding: 15px 8px 15px 10px;}
.pullquote a:link {color: #990000; font-weight: normal; text-decoration: none;}
.pullquote a:visited {color: #990000; font-weight: normal; text-decoration: none;}
.pullquote a:hover {color: #FF6600; font-weight: normal; text-decoration: none;}
.pullquote ul {font-size: 1em; color: #303030; padding: 0em 0em 0em 0em; margin: 5px 0px 0px 30px;}
.pullquoteheader	{height: auto; font-size: 1.3em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; padding: 5px 6px 3px 0px;}

.imageLtgray{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; background-color: #DACDA7; color: #3A3742; padding: 8px 8px 8px 8px;}

.tableRowLtgray{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; background-color: #DACDA7; color: #3A3742; padding: 7px 4px 7px 6px;}
.tableRowLtgray a:link {color: #236A00; font-weight: bold; text-decoration: none;}
.tableRowLtgray a:visited {color: #236A00; font-weight: bold; text-decoration: none;}
.tableRowLtgray a:hover {color: #FF6600; font-weight: bold; text-decoration: none;}
.tableRowLtgray ul {font-size: 1em; color: #303030; padding: 0em 0em 0em 0em; margin: 5px 0px 0px 30px;}
.tableRowLGtxt {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em;}


.tableRowDrgray{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	background-color: #BEB393;
	color: #3A3742;
	padding: 7px 4px 7px 6px;
}
.tableRowDrgray a:link {color: #236A00; font-weight: bold; text-decoration: none;}
.tableRowDrgray a:visited {color: #236A00; font-weight: bold; text-decoration: none;}
.tableRowDrgray a:hover {color: #FF6600; font-weight: bold; text-decoration: none;}
.tableRowLtgray ul {font-size: 1em; color: #303030; padding: 0em 0em 0em 0em; margin: 5px 0px 0px 30px;}
.tableRowLtgraySmtxt{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; background-color: #DACDA7; color: #3A3742; padding: 3px 4px 4px 6px;	border-left-color: #FFF3DD; border-left-style: solid; border-left-width: 1px;}
.tableRowLtgraySmtxt a:link {color: #003700; font-weight: normal; text-decoration: none;}
.tableRowLtgraySmtxt a:visited {color: #003700; font-weight: normal; text-decoration: none;}
.tableRowLtgraySmtxt a:hover {color: #2D8A00; font-weight: normal; text-decoration: none;}
.tableRowLtgraySmtxt ul {font-size: 1em; color: #303030; padding: 0em 0em 0em 0em; margin: 5px 0px 0px 30px;}
.tableRowDrgraySmtxt{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; background-color: #BEB393; color: #3A3742; padding: 3px 4px 4px 6px;	border-left-color: #FFF3DD; border-left-style: solid; border-left-width: 1px;}
.tableRowDrgraySmtxt a:link {color: #003700; font-weight: normal; text-decoration: none;}
.tableRowDrgraySmtxt a:visited {color: #003700; font-weight: normal; text-decoration: none;}
.tableRowDrgraySmtxt a:hover {color: #2D8A00; font-weight: normal; text-decoration: none;}
.tableRowDrgraySmtxt ul {font-size: 1em; color: #303030; padding: 0em 0em 0em 0em; margin: 5px 0px 0px 30px;}
.tabDrgray{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; background-color: #003366; color: #B5C2C4; padding: 7px 4px 7px 6px; font-style: italic;}

/******************************/


.footnote {font-size: .7em;}
.footnote a:link {color: #990000; font-weight: normal; text-decoration: none;}
.footnote a:visited {color: #990000; font-weight: normal; text-decoration: none;}
.footnote a:hover {color: #FF6600; font-weight: normal; text-decoration: none;}

.servicemark {font-weight: normal; text-decoration: none; font-size: 0.5em; vertical-align: super;}
.horizontalrule {color: #DACBA7;}

/******************************/

#searchBox2 {
	width: 170px; float: left; margin-left: 5px;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #000000;
	top: 0px;
	background-image: url(../images/pageHeader_searchbkgrnd.jpg);
	background-repeat: repeat-x;
}
.searchField {
	padding: 0px;
	margin-top: 12px;
	background-color: #565A5A;
	border-color: #909597;
	border-width: 1px;
	color: #FFFFFF;
	font: normal 12px/13px Verdana, Arial, Helvetica, sans-serif;
	border-style: solid;
}
.searchButton {
	padding: 0px; width: 50px;
	margin-top: 12px;
	background-color: #E47301;
	border-color: #909597;
	border-width: 1px;
	border-style: solid;
	color: #FFFFFF;
	font: bold 10px/12px Verdana, Arial, Helvetica, sans-serif;
}
.seminarFlyerSubhead {
	color: #DF8600;
	font-size: 20px;
	margin-top: 15px;
	font-weight: bold;
}
.seminarFlyerbody {
	color: #336600;
}
#seminarFlyerDesc {
	padding: 8px 18px 8px 0px;
	width: 568px;
	margin-top: 20px;
	float: left;
	color: #336600;
	font-size: .9em;
}
#seminarFlyerColumnDesc {
	padding: 8px 18px 8px 0px;
	width: 168px;
	margin-top: 10px;
	float: left;
	color: #336600;
	font-size: .9em;
}
#seminarFlyerColumnDesc ul {
	padding: 2px 8px 8px 8px;
	margin: 0 0 0 15px;
	list-style-type: square;

}
.seminarFlyerColumnDescHead {
	font-size: 16px;
	font-weight: bold;
}
.seminarRegistrationbutton {
	margin-left: 230px;
}
.seminarRegistrationbutton2 {
	margin-left: 50px;
}