﻿/*
General Formating
*/
body {
	font:	12px/1.2 Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background:#F4F2F3;
	padding:0px;
	margin:0px auto;
	text-align: center;
	}
#myHeader, #thecontent, .thefooter, #headerMenuContainer {text-align: center;margin:0px auto;}	
a, a:link {
	text-decoration:underline;
	color:/*#0066cc*/#4880AF;
	}
a:hover {color: /*#1D4A6B #BD6216*/#000000;}
*, img, table, tr, td, p {
margin: 0;
padding: 0;
    }
img, table {
margin: 0;
padding: 0;
border: 0 solid;
    }    
.right {float:right;}
.rightmar20 {float:right; margin-right: 20px;}
.left {float:left;}
.center {margin :0px auto; text-align:center;}
.clear {clear:both;}
.clearleft {clear:left;}
.clearright {clear:right;}
.textleft {text-align:left;}
.textright {text-align:right;}
.textblue, .productCatTitle{color:#4880AF; font-weight:bold;}
.textbluenb{color:#4880AF;}
.bold {font-weight:bold;}
.textlarge {font-size:150%; /*font-weight: bold;*/}
.bottomline {margin: 0px; padding: 0px; border-bottom: 1px solid #cccccc;}
.myspacer{height: 100px;}
.under {text-decoration: underline;}
.square {border: 1px solid #000000; width: 300px; text-align:center;}
/*****************************************
Media
*/    
@media Print    
{
BODY {
	OVERFLOW: hidden
}
.dontprintMe {
	DISPLAY: none; VISIBILITY: hidden; OVERFLOW: hidden
}
P.dontprintMe {
	DISPLAY: none; VISIBILITY: hidden; OVERFLOW: hidden
}

}

@media Screen    
{
BODY {
	voice-family: inherit
    }
.dontShowMe {
	DISPLAY: none; VISIBILITY: hidden
    }
}    
.thefooter 
{
    text-align: right;
    background: #ffffff;
    color: #999999;
}
.thefooter a {color: #999999;}
.thefooter p {padding: 0px 0.5em;}
/******************************* 
Company Info
*/
.companyinfo
{
    color:#999999;
    font-size: 80%;
    text-align:right;
    /*border-right: 1px solid #CCCCCC;*/
    width: 160px;
    float: left;
}
/********************************************
Header
*/
/*#myHeader {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; Z-INDEX: 300; LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 100% !important; PADDING-TOP: 0px; POSITION: absolute; TOP: 0px; HEIGHT: 80px
}*/
#myHeader H1 {
	FLOAT: left
}
#myHeader H1{
	DISPLAY: none
}
#myHeader H2 {
	FONT-WEIGHT: bold; FONT-SIZE: small; LEFT: 649px; WIDTH: 143px; COLOR: #ffffff; FONT-FAMILY: Verdana; POSITION: absolute; TOP: 47px; HEIGHT: 30px
}
#myHeader H2 SPAN {
	
}
#myHeader #headerImages {
	BACKGROUND: #cccccc url(images/headerBack.gif) repeat-x 50% 0%; height: 80px
}
#myHeader #headerImages #logo {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; Z-INDEX: 1000; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
/*#myHeader #headerImages #headerBackground {
	FLOAT: right}
#myHeader #headerImages #extraImg1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(./images/tb_backHeader2.jpg) #1f7eb2 no-repeat right 50%; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 100px; PADDING-TOP: 0px; POSITION: relative! important; HEIGHT: 91px
}*/
#myHeader #lblDescriptions {
	FONT-WEIGHT: bold; FONT-SIZE: small; FLOAT: left; MARGIN: -65px 0px 0px 100px; COLOR: #ffffff; FONT-FAMILY: Verdana
}
#myHeader #headerLinks {
	FLOAT: right; MARGIN: -80px 0px 0px 550px
}
#myHeader #headerLinks P A {
	COLOR: white
}
#myHeader #headerLinks P A:hover {
	COLOR: #003300
}
/*#myHeader #headerLinks #p1 A {
	FONT-WEIGHT: bold; FONT-SIZE: xx-small; BACKGROUND: url(images/bt_logOut.gif) no-repeat 50% 50%; WIDTH: 74px; COLOR: #ffffff; PADDING-TOP: 4px; FONT-FAMILY: Verdana; HEIGHT: 24px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
/**********************************
Menu
*/
#headerMenuContainer {
	
}
/*.menuback {
	PADDING-RIGHT: 0px; MARGIN-TOP: 60px; PADDING-LEFT: 10px; FONT-SIZE: x-small; BACKGROUND: url(images/menuBack.gif) #cccccc repeat-x left 73%; PADDING-BOTTOM: 0px; MARGIN-LEFT: 0px; PADDING-TOP: 30px; BORDER-BOTTOM: #638db8 1px solid; FONT-FAMILY: Verdana, Arial, Courier, Times New Roman; HEIGHT: 25px
}*/
.menuback
{
    BACKGROUND: #ffffff url(images/menuBack.gif) repeat-x left 0%; float:left; HEIGHT: 20px;
}
.menuStyle {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; Z-INDEX: 300; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: normal; PADDING-TOP: 0px; FONT-FAMILY: Verdana
}
.menuSubStyle {
	PADDING-RIGHT: 0px; /*BORDER-TOP: #638db8 1px solid;*/ PADDING-LEFT: 0px; Z-INDEX: 298; PADDING-BOTTOM: 0px; LINE-HEIGHT: normal; PADDING-TOP: 0px; FONT-FAMILY: Verdana; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BACKGROUND-COLOR: transparent
}
.menuItemStyle TD {
	/*BORDER-TOP: #638db8 1px solid; BORDER-LEFT: #638db8 1px solid; PADDING-TOP: 4px;*/
	BORDER-RIGHT: #D3CCFF 1px solid; PADDING-LEFT: 2px; PADDING-RIGHT: 2px;
}
.menuItemOver TD {
	/*BORDER-TOP: #de9341 1px solid; BORDER-LEFT: #3e6389 1px solid;*/ POSITION: relative; TOP: 0px; 
}
.menuItemStyle A {
	PADDING-RIGHT: 2px !important; PADDING-RIGHT: 4px; DISPLAY: block; PADDING-LEFT: 0px !important; PADDING-LEFT: 4px; FONT-SIZE: 12px; Z-INDEX: 300; /*BACKGROUND: #ffffff url(./images/oeOnn.gif) no-repeat left bottom;*/ FLOAT: none; PADDING-BOTTOM: 4px; MARGIN: 0px; COLOR: #333333; font-weight:bold; PADDING-TOP: 5px; POSITION: relative; TOP: 0px; TEXT-DECORATION: none;
}
.menuItemOver A {
	PADDING-RIGHT: 2px !important; PADDING-RIGHT: 4px; DISPLAY: block; PADDING-LEFT: 0px !important; PADDING-LEFT: 4px; FONT-SIZE: 12px; Z-INDEX: 300; /*BACKGROUND: #cccccc url(./images/oeOff.gif) repeat-x left bottom;*/ FLOAT: none; PADDING-BOTTOM: 4px; MARGIN: 0px; COLOR: #4880AF; PADDING-TOP: 5px; POSITION: relative; TOP: 0px; TEXT-DECORATION: none
}
.menuItemOver A:hover {COLOR: #4880AF; font-weight:bold;}
/*****************************
Width Control
*/
#myHeader, #headerMenuContainer, .menuback, #thecontent, .thefooter  
{
    WIDTH: 700px;
}
.menuMySpacer {display:block;width: 40px; float:left;margin: 0px; padding:0px;}
/*****************
Banner
*/
.bannerback {float: none !important; float: right; margin-top: 19px !important; margin: 0px; background: #3883BC url(images/bannerBack.jpg) repeat-x top left; height: 85px;}
/****************************
Content
*/
#thecontent
{
    text-align: left;
	background: #ffffff; 
	BORDER-RIGHT: #efecff 1px solid; BORDER-TOP: #efecff 1px solid; BORDER-LEFT: #efecff 1px solid; BORDER-BOTTOM: #efecff 1px solid;
}
#thecontent p
{
    padding: 5px 0px;
}

/****************************
Errors
*/
.myError {color: #FF8040;}
/****************************
Titles
*/
h1, .myh1 
{
    font-size: 20px; text-decoration: none; color: #4880AF; font-weight: bold; display:block;
    margin-top: 20px; margin-bottom: 10px;
}
h2, .myh2
{
    font-size: 15px; color: /*#0066cc*/#4880AF; font-weight: bold; display:block;
    margin-top: 20px; margin-bottom: 10px; 
}
h3, .myh3
{
    font-size: 12px; color: /*#0066cc*/#4880AF; display:block; margin-top: 20px; margin-bottom: 5px;
}
/******************
Login
*/
.loginBox, .loginBox td, .loginBox tr, .loginBox p, .loginBox span
{
    margin:0px; padding:0px; text-align: right;
}
.loginBox 
{
    margin-top: 100px; border: 1px solid #ffffff; background-color: #74ACD2; text-align: center;
}
.loginBox .myInput
{
    width: 150px;
}

/**********************
Login online track system
*/
.trackingsysForm {
margin: 20px 0px;
padding: 0px 5px;
border: 1px solid #98c8f9; 
background: /*#dce8f9*/#ffffff;
}
.trackingsysForm .project {
padding-right : 6px; 
padding-left : 6px; 
padding-bottom : 5px; 
margin : 0 0 6px; 
padding-top : 3px; 
/*border-bottom : 1px solid #98c8f9;
border-right : 1px solid #98c8f9; 
border-left : 1px solid #98c8f9;*/ 
background-color : #ffffff; 
font-size: x-small;
} 
.trackingsysForm .login {
padding-left : 25px; 
font-weight : bold; 
/*background : #3982BD url("css/work.gif") no-repeat; */
margin-bottom : 0; 
padding-bottom : 3px; 
padding-top : 3px; 
color: #3982BD;
} 
.sm {MARGIN-TOP: 4px; WIDTH: 98%; border: 1px solid #cccccc;}
/*online tracking*/
.onlineinstrumTable {margin: 0px auto; text-align: center;}
.onlineinstrumTable td, .onlineinstrumTable tr {text-align: right;}
/***************************************************************
*/
	#header {
		margin:0; padding:0;
		background:white;
		}

	#main1 {
		margin:0; padding:0;
		background:white url("images/right-bar-bg.jpg") top left repeat-y;
		}
	#main2 {
		margin:0; padding:0;
		background:#ffffff /*url("images/right-bar-bg.jpg") top right repeat-y*/;
		}
	#left {
		float:left;
		width:160px;
		margin:0; padding:0;
		background: white; background: url(images/bannerBack.jpg) repeat-x;
		/*border-right: 1px solid #CCCCCC;*/
		/*font-size:80%;*/
		}
	#right {
		float:right;
		width:193px;
		margin:0; padding:0;
		background:#E8E8E8 url("images/right-bar-bg.jpg") repeat-y;
		border-bottom: 1px solid #cccccc;
		/*font-size:80%;*/
		/*height: 800px;*/
		}
	#middle {
		margin:0px 0px 0px 160px;
		background:#ffffff;
		/*font-size:80%;*/
		}
	.column-in {
		margin:0; padding:0.5em 1em;
		}
	.cleaner {
		clear:both;
		height:1px;
		font-size:1px;
		border:none;
		margin:0; padding:0;
		background:transparent;
		}
		
	/*h1,h2,h3,h4 { margin: 0.2em 0 }*/
	p { margin: 0.5em 0 }
	#middle ul, #middle ol{margin-left: 35px;}
	.copy { text-align:center; font-size:80% }
/****************************************
Banner
*/
.banner1 {float:right; display: block;}
.banner2 {float:right; width: 90%; display:block; background: url(images/bannerBack.gif);  height:84px;}
/****************************************
Images
*/
.imgWeight 
{
    float:left; margin-top:0px !important; margin-top:80px;
}
/**************************************
Buttons
*/
.specialButton {
font-family: sans-serif;
line-height: normal !important;
font-size: 130% !important;
}
.specialButton a:hover, .specialButton a:active {
color: #FF7200 !important;
}
a.button, a.buttonDis {
display: block;
background-color: transparent;
background-image: url(images/buttonBackground.gif);
background-repeat: no-repeat;
width: 100px;
height: 28px;
margin: 5px auto;
padding: 5px 0 0 0;
text-align: center;
font-size: 120%;
font-weight: bold;
text-decoration: none;
}
a.button:link, a.button:visited {
color: /*#002577#4880AF*/#296597;
}
a.button:hover, a.button:active {
background-position: 0 -36px;
color: #FF7200;
}
a.buttonDis:link, a.buttonDis:visited, a.buttonDis:hover, a.buttonDis:active {
background-position: 0 -72px;
color: #5F5F5F !important;
cursor: default;
}
.icon {
background-repeat: no-repeat;
padding: 0 0 5px 18px;
}
a.button:hover .icon, a.button:active .icon {
background-position: 0 -28px;
}
a.buttonDis:link .icon, a.buttonDis:visited .icon, a.buttonDis:hover .icon, a.buttonDis:active .icon {
background-position: 0 -56px;
}
/* list of button icons */
#buttonOK .icon {
background-image: url(ok.gif);
}
#buttonCancel .icon {
background-image: url(cancel.gif);
}
#buttonImport .icon {
background-image: url(import.gif);
}
/********************************
News
*/
.nLabelMax{display:block;}
.ntotal {float:left;}
.nTotal p{padding-bottom:1em;}
Table.nTotal, table.nTotal tr, table.nTotal td 
{
    BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px;
    margin: 0px;
    padding: 0px;
}
.nHeader {float:left;}
.nTitle
{
    float:left;
    background: #4880AF url(images/newsicon.gif) no-repeat left center;
    width: 100%;
    padding: 0px 0px 0px 30px
}
.nDate
{
    float:right;
    color:Gray;
    margin-right: 20px;
}
.nMore {padding-left: 30px;}
.comment 
{
    color:#4880AF; font-weight:bold; margin-top: 15px; margin-bottom:5px; display:block;
}
div.news a {margin: 0px 15px 0px 40px}
div.news a:hover {text-decoration:none;}
.news{display:block; border-bottom: 1px dashed #cccccc;}
/************
Industries we serve page
*/
#tableIndustries, #tablewecalibrate{width: 60%}
.tableheader{font-weight:bold; color: #ffffff; background:#4880AF; height: 20px; padding-left: 15px;}
.size50{width: 50%}
/*********
Product Categories
*/
.productCat{}
.productCatTitle {display:block;}
.productCatContent {}
/* 
products page
*/
.tableProducts {border:0px;}
.tableProducts tr {margin-top:5px;}
.tableProductsHeader{border: 1px solid red;}
.mygridheader th{height: 24px;}
.btSearch {background: url(images/search.gif) no-repeat center top; width:100px; height: 27px;
    cursor: pointer; /* hand-shaped cursor */
    cursor: hand; /* for IE 5.x */ color: #296597; font-weight:bold; border: none;
}
/********************************************
Products Buttons
*/
A.eqNew, 
A.eqUsed,
A.eqRent,
A.eqSys {
	PADDING-RIGHT: 0px;  PADDING-LEFT: 0px; PADDING-TOP: 5px; PADDING-BOTTOM: 0px;/*MARGIN: 5px auto;TEXT-ALIGN: center;*/
	WIDTH: 144px;HEIGHT: 47px;FONT-WEIGHT: bold; DISPLAY: block; float:left;
	FONT-SIZE: 120%;  TEXT-DECORATION: none;
}
A.eqNew:link, A.eqNew:visited,
A.eqUsed:link, A.eqUsed:visited,
A.eqRent:link, A.eqRent:visited,
A.eqSys:link, A.eqSys:visited{
	COLOR: #296597
}
A.eqNew:hover,
A.eqUsed:hover,
A.eqRent:hover,
A.eqSys:hover  {
	BACKGROUND-POSITION: 0px -50px; COLOR: #ff7200
}
A.eqNew:active,
A.eqUsed:active,
A.eqRent:active,
A.eqSys:active {
	BACKGROUND-POSITION: 0px -50px; COLOR: #ff7200
}
A.eqNew {BACKGROUND: transparent url(images/new-sales1.gif) no-repeat;}
A.eqUsed {BACKGROUND: transparent url(images/used-sales1.gif) no-repeat;}
A.eqRent {BACKGROUND: transparent url(images/rental-button1.gif) no-repeat;}
A.eqSys {BACKGROUND: transparent url(images/systems-button1.gif) no-repeat;}

/****************
Rollover
*/
.fgClass {background: #ffffff; text-align:left; border: 1px solid #4880AF;}
.fgClass td{padding: 15px;}
.rlink {font-weight:bold;}
