/* 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: #f8f8f8;
margin: 0px;
height: 100%;
height: auto!important;
}

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


/* TOP DIV ELEMENTS */
#top
{
width: 880px;
height: 140px;
font-size: 1.2em;
background-color: #000;
overflow:hidden;
}
#banner
{
width: 880px;
height: 115px;
background-color: #000000;
margin-left: 15px;
margin-top: 15px;
}

#logo
{
width: 355px;
height: auto;
left: 32px;
top: 30px;
position: absolute;
}

#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 TOP DIV */

/* IMAGE HOLDER DIV */
#mainimg
{
width: 880px;
margin-left: 0px;
margin-top: 0px;
background-color: #d2d2d2;
height:190px;
overflow:hidden;
}
/* END MAIN IMAGE HOLDER DIV */

/* MAIN NAVIGATION AT TOP */
#navigation
{
padding: 0;
margin-left: 0px;
margin-top:0px;
_margin-top: 0-px;
padding-top:0px;
width: 880px;
height:25px;
_height: 26px;
font-size: 1em;
font-family: Arial;
font-weight: bold;
background-color: #d2d2d2;
margin-bottom: 2em;
}

#navigation ul
{
margin: 0;
padding: 0;
padding-top: 5px;
margin-left: 0px;
display:in-line;
list-style-type:none;
}

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

#navigation ul li
{
float:left;
font-size: 1em;
color: #222;
width: 100px;
height: 25px;
text-align: center;
border-right-style: solid;
border-right-color: #fff;
border-right-width: 1px;
}

#navigation ul li a
{
color: #222;
text-decoration: none;
width: 100px;
height: 25px;
display:block;
}

#navigation ul li a:hover
{
color: #fff;
width: 100px;
height: 20px;
margin-top: -5px;
padding-top: 5px;
margin-left: 0px;
background-color: #e20000;
}
/* END MAIN MENU */

/*SETS POSITIONING OF MITUTOYO LOGO ON QUALITY PAGE - LEFT COLUMN */
/* END */

/* LEFT COLUMN DIV */
#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;
}

/* DIV holder for block */
#leftcol
{
margin-left: 0px;
color: #ffffff;
width: 150px;
position:absolute;
}
#block
{
width: 120px;
text-align: center;
background-color: #eaeaea;
height: 20px;
margin-left: 5px;
}
/* END */

/* THIS IS THE POSITIONING OF THE LEFT NAVIGATION ON COMPANY PAGE */
#leftnav
{
width: 120px;

left: 0px;
top: -6px;
padding-bottom: 20px;
}

ul#leftnav
{
margin-left: 10px;
margin-right: 10px;
padding:0;
}
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;
}

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;
}
/*END*/

#mitlogo
{
width: 120px;
text-align: center;
padding-left: 5px;
margin-top: 125px;
position: absolute;
}

/* LEFT COLUMN DIV INDEX PAGE */
#ndxleft
{
width: 140px;
height: auto;
margin-left: 10px;
_margin-left: 8px;
margin-top: 15px;
padding-right: 10px;
float: left;
_background-image: none;
_background-repeat: no-repeat;
background-repeat: repeat-y;
padding-bottom:0px;
padding-top: 0px;
font-size:.8333em;
color:#000;
margin-bottom: 20px;
position:relative;
border-right-style: dotted;
_border-right-style: solid;
border-right-width: 0.1em;
_border-right-width: 0.01em;
border-right-color: #222222;
}

#ndximg
{
margin-left: 0px;
margin-top:0px;
margin-bottom:0px;
width: 160px;
}

div.imgndx
{
width: 140px;
height: auto;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 4px;
font-family: verdana;
font-size: 0.9166em;
color: #222;
font-weight: bold;
text-align: center;
background-color: #d2d2d2;
line-height: 2.5em;
}

div.ndxtitle
{
width: 140px;
height:auto;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 4px;
font-family: verdana;
font-size: 1.1em;
color: #fff;
font-weight: normal;
text-align: center;
background-color: #222;
line-height: 2.5em;
}

/* END LEFT COLUMN DIV INDEX PAGE */


/* CONTENT DIV  */
#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: 1.1em;
}

#conndx
{
width: 440px;
height: auto;
background-color: #fff;
float: left;
padding: 0;
padding-top: 0px;
margin-bottom: 10px;
margin-left: 10px;
margin-top: 5px;
font-size: 1.2em;
}
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.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;
}

div.contentndx
{
padding-left: 10px;
_padding-left: 5px;
padding-right: 30px;
padding-top: 0px;
_padding-top: 17px;
padding-bottom:0px;
_padding-bottom: 0px;
width: 440px;
height: auto;
text-align: justify;
}
/* END CONTENT DIV HOLDER */

/* RIGHT COLUMN DIV INDEX PAGE */

#newscol
{
width: 185px;
height: auto;
background-color: #fff;
float: right;
margin-right: 30px;
margin-top: 15px;
padding:0;
padding-left: 15px;
_border-left-color: #d2d2d2;
border-left-style: dotted;
_border-left-style: solid;
border-left-width: 0.1em;
_border-left-width: 0.01em;
border-left-color: #222222;
_border-left-color: #d2d2d2;
}

div.newstitle
{
background-color: #222;
font-family: Verdana, Helvetica, Arial;
font-size: 1.1em;
color: #fff;
text-align: center;
line-height: 1.5em;
width: 190px;
}

div.news
{
width: 190px;
font-size: .9em;
color: #444;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 0px;
}
div.news a
{
color: #e20000;
text-decoration: none;
}
div.news a:hover
{
text-decoration: none;
color: #444;
}

div.news img
{
text-align: center;
}

hr
{
width: 75%;
color: #444;

}

/* FOOTER DIV */
#footer
{
clear: both;
width: 880px;
height: 85px;
background-color: #000;
font-size: 0.8333em;
}

#iso
{
color: #d2d2d2;
font-size: 1em;
font-family: Verdana, Arial, Helvetica;
margin-left: 10px;
_left: 35px;
padding-top: 15px;
width: 150px;
height: 25px;
z-index: 3;
line-height: 1.2em;
text-align:center;
}

div.bsi
{
width: 130px;
height: 75px;
margin-auto;
margin-left: 750px;
margin-top: -28px;
}
/* END OF FOOTER ELEMENTS */

/* QUALITY PAGE CERTIFICATE HOLDER ELEMENTS */
#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;
}

/* FORMATTING FOR DOWNLOADS LIST */
ul.downloads
{
padding: 0;
margin: 0;
list-style-type: none;
}

ul.downloads li
{
font-size: 0.9166em;
padding-top: 0.3em;
font-weight: normal;
}

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

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


ul.downloads li ul
{
font-size: 1em;
padding-bottom: 0.3em;
font-weight: normal;
padding-left: 2.5em;
}

ul.downloads li li
{
list-style-type: disc;
font-size: 1em;
padding-top: 0.3em;
font-weight: normal;

}


#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 */



/* 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: 120px;
}

/* POSITIONS IMAGES*/
div.company
{
width: 125px;
margin-bottom: 20px;
border: 1px #999999 solid;
margin-left: 5px;
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 */

/* 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;
}


/* TEXT FORMATTING AND LINKS */

p
{
font-family:  Verdana, Helvetica, Arial;
line-height: 1.4em;
font-size: 1em;
}

a
{
color: #444444;
text-decoration: underline;
}

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

span.index
{
font-size: 1em;
font-family: Arial, Verdana, Helvetica ;
line-height: 2em;
text-transform: uppercase;
padding-left: 0;
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: 10px;
font-weight: normal;
color: #222;}

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

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

span.nav
{
padding-left: 5px;
}

span.lower
{
font-size: 1.1em;
font-family: Arial, Verdana, Helvetica ;
line-height: 1.7em;
text-align: left;
padding-left: 0px;
font-weight: bold;
color: #222222;
}

span.arrow
{
font-size: 1em;
font-family: Arial, Verdana, Helvetica ;
line-height: 1.7em;
text-align: left;
padding-left: 0px;
font-weight: bold;
color: #e20000;
}

span.copy
{
font-size: 1em;
font-family: Arial, Verdana, Helvetica ;
line-height: 1.4em;
padding-top: 1em;
text-align: left;
padding-left: 0px;
font-weight: normal;
color: #888;
}

span.copy a
{
color: #888;
text-decoration: none;
}

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

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

span.red
{
color: #e20000;
font-size: 1.2em;
padding-left: 0px;
font-weight: bold;
font-family: Arial, Helvetica, Verdana;
text-transform: uppercase;
}

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;
}

/* NORMAL PARAGRAPH FORMATTING


/* END TEXT FORMATTING */