/* IMPS STYLES AS OF JAN 8/2009 Version 1 */

body  
{ 
text-align: center; 
font-family: Verdana, Helvetica, Arial;
font-size: 62.5%;
color: #444444;
line-height: 1.5em;
background-color: #ffffff;
margin: 0px;
height: 100%;
height: auto!important;
}
/* TEXT FORMATTING AND LINKS FOR CATEGORIES BLACK UPPERCASE ON INDEX PAGE */
span.index
{
font-size: 1em;
font-family: Arial, Verdana, Helvetica ;
line-height: 2.0em;
text-transform: uppercase;
text-align: left;
padding-left: 20px;
font-weight: bold;
color: #222222;
}

span.index a
{
text-decoration: none;
color: #222
}

span.index a:hover
{
text-decoration: none;
color: #e20000;
}

span.cgp
{
font-size: 1em;
font-family: Arial, Verdana, Helvetica ;
line-height: 2.0em;
text-align: left;
padding-left: 33px;
font-weight: normal;
color: #222;}

span.cgp a
{color: #e20000;
text-decoration: none;}

span.cgp a:hover
{color: #999;
text-decoration: none;
}

/* END */

/* TEXT FORMATTING FOR INDEX PAGE SERVICES */
span.lower
{
font-size: 1em;
font-family: Arial, Verdana, Helvetica ;
line-height: 1.7em;
text-align: left;
padding-left: 20px;
font-weight: bold;
color: #222222;
}
/*END*/

/* NORMAL PARAGRAPH FORMATTING
p
{
font-family:  Verdana, Helvetica, Arial;
line-height: 1.4em;
font-size: 1em;
}

/*NORMAL LINKS FORMATTING */
a
{
color: #444444;
text-decoration: underline;
}

/* RED HOVER LINK */
a:hover
{
color: #e20000;
text-decoration: underline;
}

span.current
{
font-size: 1em;
color: #222222;
}

/* RED FONT BOLD UPPERCASE - USED FOR HEADINGS */
span.red
{
color: #e20000;
font-size: 1.2em;
padding-left: 0px;
font-weight: bold;
font-family: Arial, Helvetica, Verdana;
text-transform: uppercase;
}

/* BLACK FONT NORMAL */
span.black
{
color: #444444;
font-size: 1.2em;
padding-left: 0px;
font-weight: normal;
font-family: Arial, Helvetica, Verdana;
}

span.blank
{
color: #ffffff;
}

span.normal
{
font-weight: normal;
color: #222;
font-size: 1em;
font-family: Verdana, Arial, Helvetica;
}

#frame 
{ 
position: relative; 
text-align: left; 
margin-top: 0; 
margin-right: auto; 
margin-left: auto; 
padding: 0; 
width: 880px;
background-color: #ffffff;
height: 100%;
min-height: 100%;
height: auto!important;
}

/* This is for the shadow frame and holds black banner and the main image */
#top
{
width: 878px;
height: 324px;
background-image: url("images/top.jpg");
background-repeat: no-repeat;
overflow: hidden;
font-size: 1.2em;
}
/* end of TOP portion shadows */

/* TOP PORTION ELEMENTS */
#banner
{
width: 851px;
height: 115px;
background-color: #000000;
margin-left: 15px;
margin-top: 15px;
}
/* POSITIONING OF LOGO IN BANNER */
#logo
{
width: 355px;
height: auto;
left: 32px;
top: 30px;
position: absolute;
}
/* SETS POSITIONING OF TELEPHONE IN BANNER */
#telephone
{
position: absolute;
width: 500px;
height: 30px;
font-family: Verdana, Arial, Helvetica;
color: #d2d2d2;
font-size: 1em;
left: 455px; 
top: 100px;
font-weight: bold;
}

#telephone a
{
color: #d2d2d2;
text-decoration: none;
}

#telephone a:hover
{
color: #e20000;
text-decoration: none;
}
/* END */

/*SETS POSITIONING OF MITUTOYO LOGO ON QUALITY PAGE - LEFT COLUMN */
#mitlogo
{
width: 120px;
text-align: center;
padding-left: 15px;
margin-top: 125px;
position: absolute;
}
/* END */

/* HOLDER FOR MAIN IMAGE AND TITLE */
#mainimg
{
width: 850px;
height: 184px;
margin-left: 15px;
background-color: #f4f4f4;
}
/* END */

/* This is for the main body section to have the shadows on the left and right hand side */
#middle
{
width: 878px;
height: auto;
background-image: url("images/middle.jpg");
background-repeat: repeat-y;
font-size: 1.2em;
}
/* end of MIDDLE portion shadows */

/* THIS HOLDS THE CURRENT PAGE TITLES AND SECONDARY PAGE LINKS */
#leftcolumn
{
width: 150px;
background-color: #ffffff;
margin-left: 16px;
margin-top: 26px;
float: left;
border-right-style: dotted;
_border-right-style: solid;
border-right-width: 0.1em;
_border-right-width: 0.01em;
border-right-color: #222222;
_border-right-color: #d2d2d2;
}
/* END */

/* HOLDS LEFT COLUMN BLOCK AND IMAGE ELEMENTS ON INDEX PAGE */
#ndxleft
{
width: 160px;
height: auto;
margin-left: 15px;
_margin-left: 8px;
margin-top: 0px;
float: left;
border-right-style: dotted;
_border-right-style: solid;
border-right-width: 0.1em;
_border-right-width: 0.01em;
border-right-color: #222222;
_border-right-color: #d2d2d2;
background-image:url("images/blkgradient.jpg");
_background-image: none;
_background-repeat: no-repeat;
background-repeat: repeat-y;
padding-bottom:0px;
padding-top: 25px;
font-size:.8333em;
color:#000;
}

/* THIS SETS DIV HOLDING FOR BLOCK LEFT HAND COLUMN */
#leftcol
{
margin-left: 10px;
color: #ffffff;
width: 160px;
position:absolute;
}

/* THIS HOLDS IMAGES IN LEFT COLUMN ON INDEX PAGE ONLY */
#ndximg
{
margin-left: 10px;
margin-top:0px;
margin-bottom:0px;
width: 160px;
}

/* THIS IS THE POSITIONING OF THE LEFT NAVIGATION ON COMPANY PAGE */
#leftnav
{
width: 120px;
position: absolute;
left: 0px;
top: -6px;
padding-bottom: 20px;
}

/* SECONDARY NAVIGATION LEFT HAND SIDE ON COMPANY PAGE */
/* THIS IS THE POSITIONING OF THE COMPANY PAGE NAVIGATION */
ul#leftnav
{
margin-left: 10px;
margin-right: 10px;
padding:0;
}

/* FORMATTING OF THE UNORDERED LIST ITEMS TITLE */
ul#leftnav li.title
{
list-style-type: none;
color: #777777;
font-size: 0.9166em;
text-align: left;
width: 110px;
height: 1.8em;
padding-top: 6px;
border-bottom-style: dotted;
border-bottom-color: #777777;
border-bottom-width: 0.1em;
border-top-style: dotted;
border-top-color: #777777;
border-top-width: 0.1em;
_border: none;
font-weight: bold;
font-family: Arial;
text-transform: uppercase;
}
/* FORMATTING OF UNORDERED LIST COMPANY PAGE */
ul#leftnav li
{
list-style-type: none;
color:#777777;
font-size: 0.9166em;
text-align: left;
width: 110px;
height: 1.8em;
border-top-style: dotted;
border-top-color: #ffffff;
border-top-width: 0.1em;
_border-top: none;
border-bottom-style: dotted;
border-bottom-color: #777777;
border-bottom-width: 0.1em;
_border-bottom-style: solid;
_border-bottom-color: #d2d2d2;
_border-bottom-width: 0.01em;
font-weight: bold;
font-family: Arial;
}

ul#leftnav li a
{
color: #777777;
text-decoration: none;
width: 100px;
height: 1.8em;
background-image: url("images/gray_normal.jpg");
background-repeat: no-repeat;
display: block;
padding-left: 15px;
}

ul#leftnav li a:hover
{
color: #e20000;
text-decoration: none;
width: 100px;
height: 1.8em;
background-image: url("images/red_over.jpg");
background-repeat: no-repeat;
padding-left: -15px;
}
/*END*/
/* POSITIONING OF LEFT TEXT ON COMPANY PAGE NAVIGATION */
span.nav
{
padding-left: 5px;
}


/* This stays at the bottom of the left column */
#bsi
{
width: 130px;
height: 75px;
margin-left: 10px;
bottom: 35px;
_bottom: 50px;
position: absolute;
}

#bsindx
{
width: 130px;
height: auto;
margin-left: 430px;
_left: 235px;
top: 720px;
_top: 760px;
position: absolute;
}
/* ENDS SECONDARY NAVIGATION LEFT COLUMN */

/* BOTTOM SHADOW ELEMENT */
#footer
{
clear: both;
width: 878px;
height: 46px;
background-image: url("images/bottom.jpg");
background-repeat: no-repeat;
font-size: 0.8333em;
}

#footerndx
{
clear: both;
width: 878px;
height: 40px;
background-image: url("images/bottom2.jpg");
background-repeat: no-repeat;
font-size: 0.8333em;
}

#iso
{
position: absolute;
color: #d2d2d2;
font-size: 1em;
font-family: Verdana, Arial, Helvetica;
left: 20px;
_left: 35px;
margin-top: 9px;
width: 100px;
height: 25px;
text-align: center;
z-index: 3;
line-height: 1.2em;
}

#isondx
{
position: absolute;
color: #d2d2d2;
font-size: 1em;
font-family: Verdana, Arial, Helvetica;
left: 20px;
_left: 35px;
margin-top: 5px;
width: 100px;
height: 25px;
text-align: center;
z-index: 3;
line-height: 1.2em;
}

#credit
{
font-size: 0.9em;
color: #a8a8a8;
font-family:  Arial, Verdana, Helvetica;
float: right;
margin-right: 15px;
}

#credit a
{
text-decoration: none;
color: #a8a8a8;
}

#credit a:hover
{
text-decoration: none;
color: #444444;
}
/* END OF FOOTER ELEMENTS */

/* MAIN MENU */
#navigation
{
padding: 0;
margin-left: 15px;
margin-top:-7px;
_margin-top: 0px;
width: 100%;
height: 16px;
_height: 26px;
font-size: 1em;
font-family: Arial;
font-weight: bold;
}

#navigationndx
{
padding: 0;
margin-left: 15px;
margin-top:-10px;
_margin-top: 0px;
width: 100%;
height: 28px;
_height: 26px;
font-size: 1em;
font-family: Arial;
font-weight: bold;
background-image:url("images/blkgradient.jpg");
_background-image:none;
_background-repeat: no-repeat;
background-repeat: repeat-y;
}

ul#navigation
{
margin: 0;
padding-left: 0;
margin-left: 10px;
margin-bottom: 1em;
float: left;
}

*html ul#navigation 
{ /* IE only rule. Delete extra margin-bottom*/
margin-bottom: 0;
}

/*THIS PUTS A RIGHT & LEFT DIVIDER ON LAST ITEM IN LIST */
ul#navigation li.last_item 
{
color: #222222;
text-decoration: none;
float: left;
padding: 0px 4px 0px 4px;
border-right-style: solid;
border-right-color: #d2d2d2;
border-right-width: 1px;
}
ul#navigation li.last_item a
{
color: #222222;
text-decoration: none;
float: left;
padding: 0px 4px 3px 4px;
}
/* END*/

ul#navigation li
{
display: inline;
float:left;
font-size: 0.9166em;
width: auto;
padding: 0px 3px 0px 4px;
border-left-style: solid;
border-left-color: #d2d2d2;
border-left-width: 1px;
}

ul#navigation li a
{
color: #222222;
text-decoration: none;
float: left;
padding: 0px 3px 3px 4px;
}

ul#navigation li a:hover
{
color: #222222;
border-bottom: .4em solid #e20000;
background-color: #ffffff;
padding-bottom: 0;
}
/* END MAIN MENU */

/* POSITIONS MAIN CONTENT  */
#content
{
width: 580px;
height: auto;
background-color: #fff;
float: left;
padding: 0;
padding-top: 0px;
margin-bottom: 30px;
margin-left: 10px;
margin-top: 5px;
font-size: 1em;
}

#contentndx
{
width: 580px;
height: auto;
background-color: #fff;
float: left;
padding: 0;
padding-top: 0px;
margin-bottom: 0px;
margin-left: 10px;
margin-top: 0px;
font-size: 1em;
}

div.content
{
padding-left: 15px;
_padding-left: 5px;
padding-top: 20px;
-padding-top: 17px;
padding-bottom: 10px;
_padding-bottom: 0px;
width: 540px;
height: auto;
text-align: justify;
}

div.contentndx
{
padding-left: 15px;
_padding-left: 5px;
padding-top: 20px;
-padding-top: 17px;
padding-bottom: 0px;
_padding-bottom: 0px;
width: 540px;
height: auto;
text-align: justify;
}

div.content2
{
padding-left: 15px;
_padding-left: 5px;
padding-top: 20px;
_padding-top: 0px;
padding-bottom: 10px;
width: 580px;
height: auto;
text-align: justify;
}

div.content3
{
padding-left: 15px;
_padding-left: 5px;
padding-top: 20px;
_padding-top: 18px;
padding-bottom: 10px;
_padding-bottom: 0px;
width: 580px;
height: auto;
text-align: justify;
}

#imgtext
{
font-size: 0.8333em;
color: #888888;
text-align: center;
margin-top: 10px;
_margin-top: 30px; 
font-family: Verdana, Arial, Helvetica;
position: absolute;
width: 540px;
margin-left: 0px;
_margin-left: 600px;
z-index: 4;
border-top: solid 1px;
border-bottom: solid 1px;
border-color: #f4f4f4;
}

#imgtext ul 
{
margin: 0;
padding: 0;
_padding-left: 65px;
}

#imgtext ul li.first
{
padding-left: 98px;
_padding-left: 32px;
padding-right: 32px;
}

#imgtext  ul li
{
display: inline;
list-style-type: none;
float: left;
padding-left: 40px;
_padding-left: 45px;
padding-right: 10px;
_padding-right: -35px;
}

#imgtext  ul li.final
{
float: left;
margin-left: -18px;
_margin-left: -25px;
padding-right: 0px;
}

#imgholder
{
width: 540px;
text-align: center;
margin-top: 30px;
}

/* QUALITY PAGE FORMATTING */
#quality
{
width: 540px;
text-align: center;
margin-top: 30px;
}

#quality img
{
margin-left: 10px;
margin-right: 10px;
}

#quality a
{
color: #444444;
text-decoration: none;
}

#quality a:hover
{
color: #e20000;
text-decoration;
}

/*END*/

/* UNORDERED LIST STYLE FOR EQUIPMENT LIST*/
ul#equip
{
padding: 0;
margin: 0
}

ul#equip li.equip
{
font-weight: bold;
font-size: 1em;
font-family: Arial;
border: none;
padding-bottom: 0;
color: #e20000;
}

/* UL STYLE FOR PROCESSES SECTION OF EQUIPMENT LIST*/
ul.proc
{
list-style-type: none;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #d2d2d2;
padding-top:0;
padding-bottom: 1em;
font-weight: bold;
font-family: Verdana;
color: #222
}

ul#equip li.hand
{
font-weight: normal;
font-size: 0.9166em;
font-family: Verdana;
border:none;
padding: 0;
color: #222;
margin-left: -3em;
list-style-type: square;
}

/* THIS SETS LIST STYLE FOR PROCESSES ON EQUIPMENT LIST PAGE */
ul#equip li.proc
{
font-weight: normal;
font-size: 0.9166em;
font-family: Verdana;
border:none;
padding-bottom: 0;
color: #222;
margin-left: -3.3em;
}

/*THIS SETS LINE UNDER LIST USED ON EQUIPMENT LIST */
ul#equip li.line
{
font-weight: bold;
font-size: 1em;
font-family: Verdana;
border: none;
padding-bottom: 1em;
padding-top: 1em;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #d2d2d2;
}

/*GENERAL LIST STYLE FOR EQUIPMENT LIST*/
ul#equip li
{
list-style-type: none;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #d2d2d2;
font-size: 0.9166em;
padding-top: 1em;
padding-bottom: 1em;
font-weight: bold;
}

ul#equip li li
{
padding-left: 0;
font-weight: normal;
font-size: 1em;
list-style-type: square;
border: none;
padding:0;
}

/* LIST STYLE FOR SERVICES */
ul#services
{
padding: 0;
margin: 0;
margin-left: 16px;
margin-top: 10px;
}

ul#services li
{
list-style-type: square;
font-size: 0.9166em;
padding-top: 0.3em;
padding-bottom: 0.3em;
font-weight: bold;
}

/* LIST STYLE FOR CONTACT PAGE */

ul#contact
{
padding: 0;
margin: 0;
}

ul#contact li.contact
{
font-weight: bold;
font-size: 1em;
font-family: Arial;
border: none;
padding-top: 1em;
padding-bottom: 0.1em;
}

ul#contact li
{
list-style-type: none;
font-size: 0.9166em;
font-weight: normal;
}

/* LIST FORMATTING ON SITE MAP PAGE */
ul#site
{
padding: 0;
margin: 0;
}

ul#site li.site
{
font-weight: bold;
font-size: 1em;
font-family: Arial;
border: none;
padding-top: 1em;
padding-bottom: 0.1em;
list-style-type: none;
}

ul#site li
{
list-style-type: disc;
font-size: 0.9166em;
font-weight: normal;
}

ul#site li a
{
text-decoration: none;
}

ul#site li a: hover
{
color: #e20000;
text-decoration: none;
}

/*END*/
/* FORMATTING FOR DOWNLOADS LIST */
ul.downloads
{
padding: 0;
margin: 0;
margin-top: 15px;
}

ul.downloads li
{
list-style-type: none;
font-size: 0.9166em;
font-weight: normal;
padding-bottom: .4em;
}

ul.downloads li a
{
text-decoration: none;
}

ul.downloads li a:hover
{
text-decoration: none;
color: #ff0000;
}

/* FORMATTING FOR DOWNLOADS PAGE */
div.downloads
{
width: 100px;
_width: 120px;
height: auto;
float: left;
padding-left: 0px;
padding-right: 25px;
_padding-right: 10px;
text-align: center;
}
/*END*/

/* FORMATTING FOR DOWNLOADS PAGE */
div.downloads2
{
width: 100px;
_width: 115px;
height: auto;
float: left;
padding-left: 0px;
padding-right: 15px;
_padding-right: 5px;
text-align: center;
}

div.downloads3
{
width: 195px;
_width: 210px;
height: auto;
padding-left: 0px;
padding-right: 15px;
_padding-right: 5px;
text-align: center;
}
/*END*/
/*POSITIONING FOR MAP ON CONTACT PAGE*/
#map
{
padding-top: 20px;
}

/* THIS CLASS SETS THE IMAGES FOR  LEFT COLUMN PRODUCTS */

div.product
{
width: 120px;
margin-top: 20px;
border: 1px #999999 solid;
margin-left: 5px;
font-family: verdana;
font-size: 0.9166em;
color: #fff;
text-align: center;
background-color: #999;
}

/* THIS SETS THE FIRST IMAGES IN THE LEFT COLUMN FOR PRODUCTS */
div.military
{
width: 120px;
margin-top: 40px;
border: 1px #999999 solid;
margin-left: 5px;
font-family: verdana;
font-size: 0.9166em;
color: #fff;
text-align: center;
background-color: #999;
}

/* THIS CLASS SETS THE IMAGES FOR  LEFT COLUMN PRODUCTS INDEX PAGE */

div.productndx
{
width: 120px;
margin-top: 0px;
margin-left: 15px;
font-family: verdana;
font-size: 0.9166em;
color: #222;
text-align: center;
background-color: #eaeaea;
}

div.productndxf
{
width: 120px;
margin-top: 0px;
padding-top: 5px;
margin-left: 15px;
font-family: verdana;
font-size: 0.9166em;
color: #222;
text-align: center;
background-color: #eaeaea;
}

div.productndxl
{
width: 120px;
margin-top: 0px;
margin-left: 15px;
padding-bottom: 10px;
font-family: verdana;
font-size: 0.9166em;
color: #222;
text-align: center;
background-color: #eaeaea;
}

/* THIS SETS THE LINKS COLORS FOR THE LEFT COLUMN IMAGES TO WHITE AND HOVER RED */
div.productndx a
{text-decoration: none;
color: #222;
}
div.productndx a:hover
{
text-decoration: none;
color: #e20000;
}

/* THIS SETS IMAGE PLACEMENT ON COMPANY OPENING PAGE LEFT COLUMN */
#company
{
width: 150px;
height: auto;
margin-top: 100px;
}

/* POSITION OF FIRST IMAGE*/
div.company
{
width: 125px;
margin-top: 150px;
border: 1px #999999 solid;
margin-left: 15px;
font-family: verdana;
font-size: 0.9166em;
color: #222;
text-align: center;
background-color: #fff;
}

div.company2
{
width: 125px;
margin-top: 20px;
border: 1px #999999 solid;
margin-left: 15px;
font-family: verdana;
font-size: 0.9166em;
color: #222;
text-align: center;
background-color: #fff;
}

#service
{
width:120px;
margin-top: 0px;
height: auto;
}

/* POSITION OF FIRST IMAGE*/
div.service
{
width: 120px;
margin-top: 10px;
border: 1px #999999 solid;
margin-left: 5px;
font-family: verdana;
font-size: 0.9166em;
color: #222;
text-align: center;
background-color: #fff;
}

div.service2
{
width: 120px;
margin-top: 10px;
border: 1px #999999 solid;
margin-left: 5px;
font-family: verdana;
font-size: 0.9166em;
color: #222;
text-align: center;
background-color: #fff;
}

div.service3
{
width: 120px;
margin-top: 10px;
margin-bottom: 25px;
border: 1px #999999 solid;
margin-left: 5px;
font-family: verdana;
font-size: 0.9166em;
color: #222;
text-align: center;
background-color: #fff;
}


/* THIS IS THE TOP GRAY SPACE BLOCK FOR LEFT COLUMN */
#block
{
width: 120px;
text-align: center;
background-color: #eaeaea;
height: 20px;
margin-left: 5px;
}
/* END OF MIDDLE SECTION ELEMENTS */

#title
{
position: absolute;
width: 500px;
height: 60px;
left:360px;
top: 40px;
z-index: 5;
font-family:  Arial;
color: #fff;
font-size: 1.4em;
font-weight: bold;
}

/* This should fix the png transparency in IE for index page only */

img, #title, #imgholder  { behavior: url("iepngfix.htc") }

img.floatright
{
margin: 0px;
float: right;
padding-left: 30px;
padding-top: 10px;
}

img.floatright2
{
margin: 0px;
float: right;
padding-left: 30px;
padding-top: 40px;
}

/* LIST STYLE FOR PRODUCTS PAGE*/

ul#prod
{
padding: 0;
margin: 0;
}

ul#prod li.prod
{
font-weight: bold;
font-size: 1em;
font-family: Arial;
border: none;
padding-bottom: 0;
color: #e20000;
}

ul#prod li
{
list-style-type: none;
font-size: 0.9166em;
padding-top: 1em;
padding-bottom: 1em;
font-weight: bold;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #d2d2d2;
}

ul#prod li li
{
padding-left: 0;
font-weight: normal;
font-size: 1em;
list-style-type: square;
border: none;
padding:0;
}