@charset "utf-8";
/*******************************
*	National Tribology Services Home 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;}

#leftColumn	{height: auto; width: 189px; float: left; font-size: 1em;}

#rightColumn {height: auto; width: 610px; float: right; border-left-color: #C5C1A7; border-left-style: solid; border-left-width: 1px;}
#rightColumn2 {float: right; width: 288px; background-color: #CC3300; border-top-color: #FFFF00; border-top-style: solid; border-top-width: 2px; height: auto; position: absolute;}
#rightColumn2 ul {margin: 0 0 0 0; padding: 0 0 0 0; list-style: none; height: auto;}
#rightColumn2 li a {color: #484848; border-color: #DDD; font-weight: normal; display: block; padding: 1.5em; text-decoration: none; font-size: 0.65em;}
#rightColumn2 li a:hover {color: #484848; background-color: #DEDEDE;}

#content {height: auto; margin: 0; padding: 0;}

#companyBox	{height: 105px; margin: 0; padding: 10px 10px 10px 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #ADB6AE; font-size: 0.9em; font-weight: bold;}

#mainImage	{width: 610px; height: 133px;}

#mainTagline {height: auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #FFFFFF; padding: 12px 10px 12px 15px; font-size: 12px; background-color: #2C2C2C; border-bottom-color: #EA4D00; border-bottom-style: solid; border-bottom-width: 1px; border-top-color: #DEDED8; border-top-style: solid; border-top-width: 2px;}

#imageLeftNooutline	{margin: 10px 12px 25px 0px; position: relative; clear: none; float: left; width: auto;}
#imageRightNooutline	{margin: 10px 0px 5px 5px; position: relative; clear: none; float: right; width: auto;}

#mainDescription {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #E1E3DF; font-size: 0.8em; width: 410px; float: left; padding: 15px 15px 15px 15px; border-right-color: #C5C1A7; border-right-style: solid; border-right-width: 1px; clear: left; background-color: #252525;}

#searchBox	{font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #CCCCCC; font-size: 0.8em; width: 195px; float: left; margin-left: 7px;}

#newsBox	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #30BF00;
	font-size: 12px;
	width: 150px;
	position: relative;
	padding-left: 15px;
	list-style-image: url(../images/newsbutton.gif);
	padding-top: 6px;
	top: -20px;
}
.newsBoxIMG	{
	float: right;
	padding-left: 9px;
	padding-right: 7px;
	padding-bottom: 10px;	
}
.newsBoxtextsmall {font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; margin-top: 8px;}
.newsBoxtextsmall a {color: #444444;}
.newsBoxtextsmall a:link {color: #444444;}
.newsBoxtextsmall a:visited {color: #444444;}
.newsBoxtextsmall a:active {color: #444444;}
.newsBoxtextsmall a:hover {color: #444444;}

li {
	margin-left: -25px;
	color: #CCCCCC;
}
.liststylesquareNsmall {
	list-style-type: square;
	font: normal .8em/1.3em Verdana, Arial, Helvetica, sans-serif;
}
.liststylesquareNsmall a {color: #FFCC33;}
.liststylesquareNsmall a:link {color: #AAAAAA;}
.liststylesquareNsmall a:visited {color: #AAAAAA;}
.liststylesquareNsmall a:active {color: #AAAAAA;}
.liststylesquareNsmall a:hover {color: #33CC33;}

.ul {font-size: 0.85em; color: #303030; padding: 0em 0em 0em 0em; margin: 0px 0px 5px 18px;}
.ul p a {color: #FFCC33; font-weight: normal; text-decoration: none;}
.ul a:link {color: #AAAAAA; text-decoration: none;}
.ul a:visited {color: #AAAAAA; text-decoration: none;}
.ul a:active {color: #AAAAAA; text-decoration: none;}
.ul a:hover {color: #33CC33; text-decoration: none;}

.superScript {font-size: 9px; 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;}
.sectionTabssmall {height: auto; background-image:  url(../images/sectionTabfades.jpg); font-size: 10px; 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/sectionTabfadesShop2.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;}


/******************************/
/*	ad-left navigation */
#leftAd	{float: right; width: 162px; margin: 0; padding: 0; border-top-color: #C5C1A7; border-top-style: solid; border-top-width: 1px;}
#leftAdimage {float: right; margin: 0; padding: 0; clear: left; padding: 5px 0 5px 0;}
#leftAd ul {margin: 0; padding: 0; list-style: none; clear: right;}
#leftAd ul li {margin: 0; padding: 0;}
#leftAd li a {color: #FFCC33; font-weight: normal; background-image:  url(../images/adLeftbkgrnd.jpg); display: block; margin: 0 0 0 0em; padding: .4em .7em .8em .7em; text-decoration: none; font-size: 0.65em; background-repeat: repeat-x;}
#leftAd span {font-size: 0.9em; font-style: normal;}
#leftAd li a:hover	{color: #FFFFFF; background-color: #000000; background-image:  url(../images/adLeftbkgrnd_over.jpg); background-repeat: repeat-x;}
/******************************/
/*	ad-center navigation */
#centerAd {float: right; width: 158px; margin: 0; padding: 0; border-top-color: #C5C1A7; border-top-style: solid; border-top-width: 1px;}
#centerAd ul {margin: 0; padding: 0; list-style: none;}
#centerAd ul li {margin: 0; padding: 0em; height: auto;}
.centerAdHead {margin: 0; padding: 0px 0 5px 0; font-size: 1em; font-weight: bold; color: #FFCC33;}
#centerAd li a {color: #FFCC33; font-weight: normal; background-image:  url(../images/adLeftbkgrnd.jpg);
	display: block; margin: 0 0 0 0em; padding: .6em .3em .6em .3em;
	text-decoration: none; font-size: 0.65em; background-repeat: repeat-x;}
.centerAdimage {font-weight: normal; float: left; padding: 0px 2px 0px 0px;}

#centerAd span {font-size: 0.9em; font-style: normal;}
#centerAd li a:hover {color: #FFFFFF; background-color: #000000; background-image:  url(../images/adLeftbkgrnd_over.jpg); background-repeat: repeat-x;}
/******************************/
/*	ad-right navigation */
#rightAd {float: right; width: 288px; margin: 0; padding: 0; border-top-color: #C5C1A7; border-top-style: solid; border-top-width: 1px;}
#rightAdimage {margin: 0; padding: 0; clear: left; padding-bottom: 5px;}
#rightAd ul {margin: 0; padding: 0; list-style: none;}
#rightAd ul li {margin: 0; padding: 0em; height: auto;}
#rightAd li a {color: #999999; font-weight: normal; background-image:  url(../images/adLeftbkgrnd.jpg); display: block; margin: 0 0 0 0em; padding: .6em .7em .6em .7em; text-decoration: none; font-size: 0.65em; background-repeat: repeat-x; text-align: center;}
#rightAd span {font-size: 0.9em; font-style: normal;}
#rightAd li a:hover	{color: #FFFFFF; background-color: #000000; background-image:  url(../images/adLeftbkgrnd_over.jpg); background-repeat: repeat-x;}
/******************************/
#adfade	{float: right; width: 1px; border-top-color: #CCCCCC; border-top-style: solid; border-top-width: 1px; height: 90px; background-color: #CCCCCC; margin-top: 10px;}


/********************************/
#searchBox2 {
	width: 155px;
	float: left;
	margin-left: 5px;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #1B1917;
	left: 570px;
	top: 0px;
	background-image: url(../images/pageHeader_searchbkgrnd.jpg);
	background-repeat: repeat-x;
	margin-top: 10px;
}
.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;
	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;
}
.centerTexthilite {
	margin: 0;
	padding: 0px 0 5px 0;
	color: #30BF00;
	background-image: url(../images/checkmark.gif);
	background-repeat: no-repeat;
	text-indent: 30px;
	font-size: 1.3em;
	line-height: 1.2em;
}
.centerTextheader {
	margin: 0px 0 -10px 0;
	color: #ffffff;
	font-size: 1.1em;
}
.centerText {margin: 0; padding: 10px 0 0px 0; font-size: .85em; color: #FFFFFF;}
.centerText a:link {color: #FFCC33; text-decoration: none;}
.centerText a:visited {color: #FFCC33; text-decoration: none;}
.centerText a:active {color: #FFCC33; text-decoration: none;}
.centerText a:hover {color: #33CC33; text-decoration: none;}

.scolltext {font-size: 1em; color: #303030; padding: 0em 0em 0em 0em; margin: 0px 0px 5px 0px;}
.scolltext a {color: #FFCC33; font-weight: normal; text-decoration: none;}
.scolltext a:link {color: #AAAAAA; text-decoration: none;}
.scolltext a:visited {color: #AAAAAA; text-decoration: none;}
.scolltext a:active {color: #AAAAAA; text-decoration: none;}
.scolltext a:hover {color: #33CC33; text-decoration: none;}

.servicemark {font-weight: normal; text-decoration: none; font-size: 0.5em; vertical-align: super;}

