/* --------- Normalize ---------- */

* {
margin: 0;
padding: 0;
}

/* Normalize table borders */
table {
border-collapse: collapse;
border-spacing: 0;
}

/* --------- End Normalize ---------- */

/******************
Layout
*******************/

/* ---------
Blue 100% #0081C6

Orange #FF9205

 ---------- */

html {
	background:#fff url(images/bg_curve.jpg) no-repeat center top;
	text-align:center;
	min-width:990px;
}

#header, #flashslideshow {
width:990px;
text-align:left;
margin:0 auto;
}

h1#mitechlogo {
background:transparent url(images/mi-tech-metals.gif) top left no-repeat;
width:165px;
height:106px;
border:0;
text-indent:-9999px;
margin-left:75px;
}

.printonly {
display:none;
}

#content, #footer {
width:930px;
	padding:0 30px 30px 30px;
	text-align:left;
	margin:0 auto;
}

#headerwrap {
	height:567px;
}

#header {
position:relative;
margin-top:12px;
height:122px;
}

#logo {
margin-left:70px;
/*border:solid red 1px;
*/}

#flashslideshow {
/*border:solid purple 1px;*/
}


#contentwrap {
	position:relative;
	margin-top:-120px;
	z-index:2;
	background: url(images/bg_contentwrap.gif) repeat-x left bottom;
	}
	
	#content {
	background: url(images/bg_content.jpg) no-repeat center bottom;
min-height:300px;	
	border-top:solid #fff 1px; /* margin assist */
	}
		
		#colone {
		float:left;
		width:700px;
		}
		
		#coltwo {
		margin-left:730px;
		}
		
			ul#buttonbar {
			margin-top:2em;
			margin-bottom:80px; /* space for ISO logo */
			list-style:none;
			}
			
			#buttonbar a {
			display:block;
			height:63px;
			width:192px;
			list-style:none;
			text-indent:-9999px;
			}
			
				a#btn-calculator {
				background: url(images/btn_weight-calculator.gif) no-repeat right center;
				}
				
						a:hover#btn-calculator {
					background: url(images/btn_weight-calculator.gif) no-repeat left center;
					}
				
				a#btn-crankshaft {
				background: url(images/btn_weight-store.gif) no-repeat right center;
				}
				
					a:hover#btn-crankshaft {
					background: url(images/btn_weight-store.gif) no-repeat left center;
					}
				
				a#btn-cuw {
				background: url(images/btn_cuw-commerce.gif) no-repeat right center;
				}
				
					a:hover#btn-cuw {
					background: url(images/btn_cuw-commerce.gif) no-repeat left center;
					}
				
				a#btn-documents {
				background: url(images/btn_technical-documents.gif) no-repeat right center;
				}
				
					a:hover#btn-documents {
					background: url(images/btn_technical-documents.gif) no-repeat left center;
					}
								
				a#btn-careers {
				background: url(images/btn_mi-tech-careers.gif) no-repeat right center;
				}
				
					a:hover#btn-careers {
					background: url(images/btn_mi-tech-careers.gif) no-repeat left center;
					}
	
	

#footerwrap {
	background: #0083c9 url(images/bg_footerwrap.jpg) repeat-x center top;
	min-height:76px;
	z-index:1;
}

#footerbase {
background:transparent url(images/bg_footer.gif) no-repeat center top;
min-height:76px;
}

#footer {
padding-top:10px;
}

#footer p {
padding-bottom:0;
}


#footer a, #footer a:link, #footer a:visited {
	color:#fff;
	text-decoration:underline;
}

#footer a:hover {
color:#0081C6;
text-decoration:none;
}

#footer #copyright {
text-align:center;
}

#footer #copyright a:link, #footer #copyright a:visited {
	color:#C3DAF1;
	text-decoration:underline;
}

#footer #copyright a:hover {
color:#fff;
text-decoration:none;
}


/******************
Formatting
*******************/


.imageleft {
float:left;
margin:.3em 20px 5px 0;
}

.imageright {
float:right;
margin:.3em 0 5px 20px;
}


.iso {
float:right;
margin:-60px 35px 5px 20px;
}

a img {
border:0;
}

a, a:link {
	color:#B60000;
	text-decoration:underline;
}

a:visited {
	color:#980000;
}

a:hover {
color:#0081C6;
text-decoration:none;
}

a:active {
color:black;
}

.clear {
clear:both;
}

#colone ul, #colone ol {
margin-left:30px;
padding-bottom:10px;
}

table{
margin-top: 1em;
}

/*table tr {
	background-color:#E5EAEF;
}*/

table td {
border: solid 1px;
border-color:#000 orange;
padding: 3px 5px;
text-align:center;
}

table th {
	border: solid 1px;
	border-color:#0081C6 orange #000 orange;
	background-color:#0081C6;
	color: #ffffff;
	text-align:center;
	padding: 3px 5px;
}

.odd {
	background-color:#CEDEEE;
}

tr:hover {
	background:#0081C6;
	color:#fff;
}

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

table.plaintable td {
border:0;
padding: 3px 5px;
text-align:left;
}

table.constantcontact td {
padding:0;
}

div.ccdiv {
	background:#0082c8 url(images/mail-form-cap.jpg) no-repeat right top;
	width:183px;
	margin:-60px 0 80px 8px;
	text-align:center;
	
	font-weight: normal;
	font-size:10px;
	color:#ffffff;
}

div.ccdiv div {
	background:transparent url(images/mail-form-base.jpg) no-repeat right bottom;
	padding:3px 3px 8px 3px;
}


div.ccdiv h3 {

font-size:16px;
margin:0.2em;
}

table.plaintable th {
	border:0;
	background-color:#0081C6;
	color: #ffffff;
	text-align:center;
	padding: 3px 5px;
}

table.plaintable tr:hover {
	background:#fff;
	color:#000;
}

.tdalign, .formcontact .tdalign, .plaintable .tdalign, table.tdalign td,  table.formcontact table.tdalign td {
text-align:left;
}



.minicolumn {
float:left;
width:30%;
margin-right:10px;
}



/* --------- PDF Download ---------- */

.pdfname {
font-weight:bold;
font-size:1.2em;
}


.required {
color:red;
}

form#pdfform {
border:solid #0081C6 1px;
}

form#pdfform table {
margin-top:0;
}

form#pdfform p, form#pdfform h1, form#pdfform h3 {
margin-left:10px;
margin-right:10px;
}

form#pdfform h3 {
margin-top:0;
}


#pdfcontact td {
vertical-align:top;
text-align:right;
padding:0px 5px;
border:0;
font-weight:bold;
}

table.formcontact {

border:2px solid #0081C6;
width:100%;
}

table.formcontact td {
vertical-align:top;
text-align:right;
padding:0px 5px;
font-weight:bold;
padding:5px;
}






table#pdf-download {
padding:20px;
}

#pdf-download td {
vertical-align:top;
padding:10px 5px;
border:0;
text-align:left;
}


#pdf-download tr {
border-bottom:solid #999999 1px;
}


.buttondiv {
background:#FF9205;
border-top:2px solid #0081C6;
clear:both;

padding:10px;
}

/* --------- PDF Download - Not used ---------- */




.formlabel {
font-weight:bold;
color:#333333;
}






/* --------- End PDF ---------- */


/* --------- Calculator ---------- */

#calculator, #calculator2 {
	background:#0081C6 url(images/calculator-top.jpg) no-repeat left top;
	width:400px;
	margin:0 auto 20px auto;
}

#calculator2 {
display:none;
}

#toggleWrap {
padding-top:25px;
height:300px;
text-align:center;
}

#weightBtn {
margin-bottom:5px;
}


#calculator td, #calculator2 td {
border:0;
text-align:left;
}


#calculator div {
	background:transparent url(images/400-bottom.jpg) no-repeat left bottom;
	padding-bottom:20px;
}

#calculator div div, #calculator2 div div {
background:transparent;
border:0; /* calculator2 margin fix fix */
}

#calculator h2 {
text-indent:-9999px;
}

#calculator table, #calculator2 table {
	width:360px;
	margin:40px 20px 0 20px;
}

#calculator table td, #calculator2 table td {
padding-left:10px;
font-weight:bold;
text-align:left;
}



#calculator2 {
	background:#0081C6 url(images/400-top.jpg) no-repeat left top;
	margin-top:20px;
}

#calculator2 div {
	background:transparent url(images/400-bottom.jpg) no-repeat left bottom;
	border-top:solid #fff 1px; /*margin fix */
	padding-bottom:20px;
}

#calculator2 h2 {
margin:10px 0 10px 20px;
}

#calculator2 table {
	margin-top:0;
}

/* --------- End Calculator ---------- */


/******************
Typography
*******************/

body {
	font: 82%/1.8 Arial, Helvetica, sans-serif;
}


h1, h2, h3, h4, h5, h6 {
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
line-height:normal;
}

h2, h3, h4, h5, h6 {
margin-top:1em;
}

h1 {
font-size:1.9em;
color:#0081C6;
border-bottom:1px solid #0081C6;
}

h2 {
font-size:1.4em;
}

h3 {
font-size:1.3em;
}

h4 {
font-size:1.2em;

}

h5 {
font-size:1.1em;
}

p {
padding-bottom:1em;
}






/******************
Top Navigation
*******************/


/*#navalign {
width:990px;
margin:0 auto;
}*/





#nav {
	position:absolute;
	top:20px;
	right:20px;
	height:67px;
	margin: 0;
	padding: 10px 0 0 0;
	/*border: solid #666;
	border-width:0 0 0 1px;*/
	z-index:1000;
	line-height:1.5em;
	background: url(images/bg_nav.gif) no-repeat center top;
}

#nav a {
	display: block;
	width: 6em;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	padding: 0.25em 0.6em;
}

#nav a:hover {/* Safari breaks the nav if you set this class to Bold */
color:#000;
}

#nav li:hover, #nav li.sfhover {
	background-color: #0081C6;
	
}

#nav li { /* top buttons */
	border-right:1px solid #666666;
	border-left:1px solid #000;
	list-style:none;
}

#nav li.navlast { /* top buttons last one */
	border-right:0;
	list-style:none;
}


#nav li ul { /* AAA popups */
	font-weight: normal;
	background:#000 url(images/steel.jpg) repeat left top;
	border-width:0 1px 1px 1px;
}

#nav li li { /* underlines popups */
	border-top:solid #000 1px;
	border-left:0;
	border-right:0;
	
}

/*  Suckerfish */

#nav li:hover, #nav li.hover {   /* IE7 Sticky menu when clicking on flash fix */
    position: static;  
}

#nav {
	/*position:relative;*/ /* IE Mac */
	
}

#nav li.daddy {
	background: url(../images/rightarrow2.gif) center right no-repeat;
}

#nav li:hover.daddy {
	background: #660000 url(../images/rightarrow.gif) center right no-repeat;

}

#nav li { /* top buttons */
	float: left;
	padding: 0;
	/* width: 10em;  width needed or else Opera goes nuts */
}

/* to change width of popups change AAA BBB CCC then position DDD*/

#nav li ul { /* AAA popups */
	position: absolute;
	left: -999em;
	height: auto;
	width: 13.4em;
	w\idth: 12.9em;
	margin: 0;
}

#nav li li { /* BBB */
	padding-right:0.9em;/* padding-right:1em; made FF border overlap, current makes Safari have a space */
	width:12em; 
}

#nav li a { /* center aligns top buttons */
text-align:center;
}

#nav li li a { /* left aligns popup buttons */
text-align:left;
}

#nav li ul a { /* CCC width of links inside popups */
width: 15em;
w\idth: 10em; /* width of popups in IE */
}

#nav li ul ul { /* DDD poistion of popups */
margin: -1.56em 0 0 12.9em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}


/* End Suckerfish */

/******************
END Top Navigation
*******************/

#mcolone {
		float:left;
		margin-top:25px;
		margin-left:70px;
		}
		
		
		
		#mcoltwo, #mcolthree, #mcolfour {
		margin-left:100px;
		float:left;
		margin-top:25px;
		}
		



/********* Tool Tip ***********/

.tooltip{
    position:absolute;
    z-index:999;
    left:-9999px;
	top:0;
	}

.tooltip p{
    margin:0;
    color:#000;
	font-size:0.8em;
    padding:10px;
}

#tooltip48{
background:transparent url(images/popup_02.png) no-repeat top left;
width:163px;
height:93px;
}


#tooltip49{
    background:transparent url(images/popup_04.png) no-repeat top center;
	width:176px;
	height:90px;
}

#tooltip50{
    background:transparent url(images/popup_10.png) no-repeat top center;
	width:161px;
	height:114px;
}

#tooltip51{
    background:transparent url(images/popup_08.png) no-repeat top center;
	width:166px;
	height:132px;
}

#tooltip52{
    background:transparent url(images/popup_04.png) no-repeat top center;
	width:176px;
	height:90px;
}


#tooltip53{
    background:transparent url(images/popup_22.png) no-repeat top center;
	width:164px;
	height:99px;
}

#tooltip54{
    background:transparent url(images/popup_22.png) no-repeat top center;
	width:164px;
	height:99px;
}

#tooltip55{
    background:transparent url(images/popup_10.png) no-repeat top center;
	width:161px;
	height:114px;
}




#alloy-chart{
background:transparent url(images/Process-Chart-new.jpg) no-repeat top center;
width:685px;
height:345px;
position:relative;
margin-right:auto;
margin-left:auto;
margin-top:100px;
}

#comp-chart{
background:transparent url(images/Process-Chart-new-comp.jpg) no-repeat top center;
width:685px;
height:345px;
position:relative;
margin-right:auto;
margin-left:auto;
margin-top:100px;
}

.item1{
height:70px;
margin-left:25px;
margin-top:15px;
position:absolute;
width:90px;
}

.item1 a{
display:block;
width:90px;
height:70px;
text-indent:-9999px;
}

.item2{
height:60px;
margin-left:540px;
margin-top:35px;
position:absolute;
width:120px;
}

.item2 a{
display:block;
width:120px;
height:60px;
text-indent:-9999px;
}

.item3{
height:54px;
margin-left:2px;
margin-top:158px;
position:absolute;
width:131px;
}

.item3 a {
display:block;
width:131px;
height:54px;
text-indent:-9999px;
}

.item4{
height:54px;
margin-left:175px;
margin-top:158px;
position:absolute;
width:131px;
}

.item4 a {
display:block;
width:131px;
height:54px;
text-indent:-9999px;
}


.item5{
height:54px;
margin-left:350px;
margin-top:158px;
position:absolute;
width:131px;
}

.item5 a {
display:block;
width:131px;
height:54px;
text-indent:-9999px;
}

.item6{
height:54px;
margin-left:525px;
margin-top:158px;
position:absolute;
width:131px;
}

.item6 a {
display:block;
width:131px;
height:54px;
text-indent:-9999px;
}

.item7{
height:54px;
margin-left:177px;
margin-top:282px;
position:absolute;
width:131px;
}

.item7 a {
display:block;
width:131px;
height:54px;
text-indent:-9999px;
}

.item8{
height:54px;
margin-left:352px;
margin-top:282px;
position:absolute;
width:131px;
}

.item8 a {
display:block;
width:131px;
height:54px;
text-indent:-9999px;
}

.item9{
height:51px;
margin-left:266px;
margin-top:282px;
position:absolute;
width:130px;
}

.item9 a {
display:block;
width:130px;
height:51px;
text-indent:-9999px;
}