/* CSS Document */

html,body{
height: 100%;
}
body{
margin: 0;
font-family: Arial, Verdana, sans-serif;
font-size: 8.5pt;
background: #fff url(images/bg.jpg) repeat fixed;
text-align: center;
}
img{
border-style: none;
    border-color: inherit;
    border-width: medium;
}
p{
color:#333;
font-size: 9pt;
}
h1{
font-size: 14pt;
margin-bottom: 20px;
color: #06c;
}

#main {
margin: auto;
width: 760px;
text-align: left;
}
#page {
margin: 0px auto;
width: 780px;
background: #fff;
}

#parege{

width: 750px;

}
.page0 h2, .home0 h2{
font-size: medium;
padding-bottom: 5px;
}
.home0 table{
font-size: 9pt;
margin: 0;
}

.history {
padding-left: 20px; 
padding-bottom: 20px;
} 
.history p{
width: 360px;
font-size: 9pt;
} 

.history_img{
width: 150px;
float: right;
margin-left: 10px; 
} 
.history_img img{
margin-bottom: 10px; 
} 


#header{
background: #fff url(images/header.gif) no-repeat top left;
height: 111px;
position: relative;
}
#logola{

margin:0;
padding:0;

}

#headertest {
	float:right;
	margin-top: -22px;
	width: 595px;
	border-bottom: solid 1px #7480a3;
    line-height:normal;
    }


#headertest ul {
    margin: 0px;
    padding:0;
    list-style:none;
    }
#headertest li {
    float:left;
    background:url("images/norm_right.gif")
      no-repeat right top;
    margin:0;
    padding:0;
    }

#headertest a {
    display:block;
    background:url("images/norm_left.gif")
      no-repeat left top;
    padding:5px 10px 4px;
    font-weight: bold;
    color: #002c55;
    text-decoration: none;
    }

#headertest #current {
    background-image:url("images/norm_right_on.gif");
    }
#headertest #current a {
    background-image:url("images/norm_left_on.gif");
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    padding-bottom:5px;
    }

.title_nav {
width: 161px;
padding-left: 15px;
margin-top: 6px;
font-weight: bold;
color: #fff;
top: 116px;
}


.search {
float: right;
height: 50px;
width: 200px;
margin-right: 10px;
margin-top: 40px;
margin-bottom: 0px;
margin-left: 0px;
padding: 0px;
}

.search th {
color: #002c55;
}

#menu{
float: left;
width: 181px;

}

.title {
background-color: #002c55;
font-weight: bold;
color: #fff;
}

.bluegrey {
background-color: #c1cad7;
color: #002c55;
}

.nickel {
background-color: #7480a3;
color: #fff;
}

.steel {
background-color: #a5c5d2;
color: #002c55;
}

.duplex {
background-color: #cae0e9;
color: #002c55;
}

.cupro {
background-color: #d2a906;
color: #002c55;
}

.hiconduct {
background-color: #eac943;
color: #002c55;
}

.alum {
background-color: #f3d660;
color: #002c55;
}

.other {
background-color: #eaeaea;
color: #002c55;
}


.nickel_b {
background: #fff url(images/nickel_b.gif) no-repeat top left;
color: #002c55;
border-bottom: 1px solid #eaeaea;
}
.duplex_b {
background: #fff url(images/duplex_b.gif) no-repeat top left;
color: #002c55;
border-bottom: 1px solid #eaeaea;
}
.steel_b {
background: #fff url(images/steel_b.gif) no-repeat top left;
color: #002c55;
border-bottom: 1px solid #eaeaea;
}
.bronze_b {
background: #fff url(images/bronze_b.gif) no-repeat top left;
color: #002c55;
border-bottom: 1px solid #eaeaea;
}

#mainmenua{
margin-top:0;
margin-left: 0px;
margin-bottom: 20px;
padding: 0;
width: 160px;
}

#mainmenua li{
list-style-image: none;
list-style: none;
margin: 0;
border-bottom: 1px solid #eaeaea;
}
#mainmenua a:link, #mainmenua a:visited{
width: 146px;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 15px;
display: block;
color: #002c55;
font-weight: bold;
text-decoration: none;
}
#mainmenua a:hover{
background-color: #9cc;
width: 159px;
}
html>body #mainmenua a:hover{
width: 146px;
}

#mainmenu{
margin-top:0;
margin-left: 0px;
margin-bottom: 20px;
padding: 0;
width: 160px;
}

#mainmenu li{
list-style-image: none;
list-style: none;
margin: 0;
border-bottom: 1px solid #eaeaea;
}
#mainmenu a:link, #mainmenu a:visited{
width: 146px;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 15px;
display: block;
color: #002c55;
font-weight: bold;
text-decoration: none;
}
#mainmenu a:hover{
background-color: #9cc;
}
html>body #mainmenu a:hover{
width: 146px;
}

#menu2{
float: left;
width: 150px;
background-color: #90c1fe;
}


#mainmenu2{
margin: 0;
padding: 0;
width: 150px;
}
#mainmenu2 li{
list-style-image: none;
list-style: none;
margin: 0;
padding: 0;
border-bottom: 2px solid #fff;
}
#mainmenu2 a:link, #mainmenu2 a:visited{
width: 140px;
padding: 5px;
display: block;
color: #fff;
font-weight: bold;
text-decoration: none;
}
#mainmenu2 a:hover{
background-color: #7096c5;
}
.heading {
font-size: 110%;
font-weight: bold;
}
.introtext {
line-height: 140%;
}
.choosebox {
width: 572px;
margin-top: 30px;
height: 63px;
background: url(images/choose.gif);
}
.choosebox p{
padding-top: 35px;
padding-left: 20px;
}
.choosebox a{
color: #fff;
font-weight: bold;
text-decoration: none;
}

.boxes {
width: 572px;
height: auto;
margin-top: 30px;
}

.weight {
float: right;
width: 300px;
height: auto;
background: url(images/weight_bg.gif);
border: solid 1px #c1cad7;
padding: 3px;
overflow: visible;
margin: 20px 10px 0 0;
}


.weight th{
color: #052c52;
font-size: 8pt;
font-weight: bold;
margin-bottom: 20px;
}

.weight2 {
width: 300px;
height: auto;
background: url(images/weight_bg.gif);
border: solid 1px #c1cad7;
padding: 3px;
overflow: visible;
margin: 20px 10px 0 0;
}


.weight2 th{
color: #052c52;
font-size: 8pt;
font-weight: bold;
margin-bottom: 20px;
}

.boxleft {

margin-bottom: 5px;
height: 180px;
width: 225px;
position: relative;
}
.boxright {
Float: right;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 5px;
height: 800px;
width: 320px;
position: relative;

}
.hometitle {

width: 300px;
text-align: center;
color: #052c52;
font-size: 13pt;
font-weight: bold;
padding: 5px 0 5px 5px;
}

.box1{
margin: 0 0 20px 0;
padding: 0 0 5px 0;
}
.box2{
margin: 0;
}
.box1 h2{
margin: 0;
padding: 3px;
color: #fff;
font-size: small;
}
.box1 p{
margin: 0;
padding: 3px;
font-size: x-small;
}
.box1 ul{
margin: 0 0 0 20px;
padding: 0;
}
.bluebox{
background-color: #C7DBF0;
}
.bluebox h2{
background-color: #69c;
}
.greenbox{
	background-color: #CAE3E3;

}
.greenboxmain{
	background-color: #CAE3E3;
	padding: 5px;

}
.greenbox h2{
background-color: #699;
}

.home0{
float: left;
padding-top: 0px;
width: 560px;

}


.family{
float: right;
margin-left: 20px;
margin-bottom: 20px;
}

.home1{
width: 560px; 
padding: 0 150px 0 10px;

}
.homedvd{
width: 560px; 
}
.home2{
width: 560px; 
padding: 10px;
}
.home3{
width: 560px; 
padding: 10px;
}
.cap{
font-size: 200%;
}
.prod{
padding-top: 10px;
}
.prod img{
float: left;
border: 1px solid #000;
}
.prod p{
float: left;
width: 320px;
padding: 0 9px;
position: relative;
}
.prod strong{
font-size: small;
}
.prod span{
text-align: right;
display: block;
}
.dvd{
	font-size: 10px;
	text-indent: 0px;


}
.dvd img{
	float: left;
	margin-right: 4px;
	margin-bottom: 20px;


}
.dvd p{
float: left;
width: 200px;
padding: 0;
position: relative;
}
.dvd strong{
font-size: small;
}
.dvd span{
text-align: right;
display: block;
}
#right{
float: right;
width: 150px;
padding: 20px 0;
}
#servright{
float: right;
width: 280px;
padding: 0px 0;
}
.page0{
float: left;
width: 560px;
padding: 10px;
margin-bottom: 20px;
}



.list2 li{
margin-bottom: 10px;
}
.list2 li span{
color: #999;
font-size: x-small;
}

.page0 img{
margin: 5px;
}

.red{
color: #c00;
}
.green{
color: #366;
}
.smalllink{
font-size: x-small;
}
.center{
display: block;
text-align: center;
}

.t_general th{
background-color: #699;
color: #fff;
text-align: left;
padding: 2px;
}
.t_general td{
background-color: #eaeaea;
font-size: x-small;
padding: 2px;
}
.t_general2 th{
background-color: #699;
color: #fff;
text-align: left;
padding: 2px;
}
.t_general2 td{
background-color: #eaeaea;
font-size: small;
padding: 2px;
}
.t_staff th{
text-align: left;
padding: 2px;
padding-right: 5px;
border: 1px solid #ccc;
}
.t_staff td{
background-color: #eaeaea;
}

.chem{
font-size: medium;
color: #c00;
}

/* ------------------------------------------ */
#footer{

background-color: #002c55;
text-align: center;
color: #fff;
font-size: x-small;
padding: 2px;
position: absolute;
bottom: 0;
width: 754px;
}
#nfooter #footer{
    position:relative;
}
#footer span, #footer span a{
color: #9cc;
}
.telno {
	font-size: 12px;
	font-weight: bold;
}
.autombox {
	font-size: small;
	background-color: #CAE3E3;
	float: right;
	width: 200px;
	border: 1px solid #009999;
	padding: 3px;


}

.floatthird {
    float:right;
    width:35%;
}
.floatthird p {
    font-size:small;
}

.man-spec td {
    background-color: #added6;
}

#contactinfo {
float: right;
margin-left: 10px;
width: 170px;
}
#contactinfo h3{
font-size: 9pt;
color: #fff;
font-weight: bold;
background-color: #5d78b0;
padding: 3px 0 3px 2px;
}
#contactform {
width: 340px;
}
#contactform table{
width: 340px;
}
#contactform th {
border: 1px solid #ccc;
background-color: #fff;
font-size: 8pt;
text-align: left;
padding: 3px;
color: #000;
}
#contactform td {
background-color: #eaeaea;
}

#offerform {
width: 300px;
}
#offerform table{
width: 300px;
}
#offerform th {
border: 1px solid #ccc;
background-color: #fff;
font-size: 8pt;
text-align: left;
padding: 3px;
color: #000;
}
#offerform td {
background-color: #eaeaea;
}

#alloyinfo {
float: left;
width: 550px;
margin: 0px;

}
#alloyinfo table{
width: 550px;
font-size: 8pt;
}
#alloyinfo th{
font-size: 8pt;
background-color: #BF2E1B;
color: #fff;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
padding: 2px;
}
#alloyinfo td{
font-size: 8pt;
color: #000;
border: 1px solid #ccc;
padding: 2px;
}
.tablehead {
background-color: #BF2E1B;
}
.boldhead {
color: #fff;
font-weight: bold;
}

.col1 {
width: 110px;
}
.col2 {
width: 50px;
}
.col3 {
width: 50px;
}
.col4 {
width: 50px;
}
.col5 {
width: 50px;
}
.col6 {
width: 63px;
}
.col7 {
width: 63px;
}
.col8 {
width: 63px;
}

#servinfo {
float: left;
width: 565px;
margin: 0px;

}
#servinfo table{
width: 565px;
font-size: 8pt;
border: 1px solid #5d78b0;
}
#servinfo h2{
font-size: 12pt;
color: #5d78b0;
text-align: left;
margin-bottom: 10px;
}
#servinfo td{
padding: 10px 5px 10px 5px;
vertical-align: text-top;
}
#servinfo p{
float: left;
width: 350px;
margin-bottom: 10px;
font-size: 9pt;
color: #000;

}
#servinfo img{
margin: 0 10px 50px 10px;
position: relative;
}
#servinfo ul{
margin: 0 0 0 15px;
padding-left: 30px;
}
#servinfo li {
list-style: none;
padding: 3px 0 3px 0px;
font-weight: bold;
}


#subheader {
	float:left;
	margin: 0px;
	width: 550px;
	border-bottom: solid 1px #5d78b0;
    line-height:normal;
    }


#subheader ul {
    margin: 0px;
    padding:0;
    list-style:none;
    }
#subheader li {
    float:left;
    width: 130px;
    height: 24px;
    background:url("images/sub_right.gif")
      no-repeat right top;
    margin:0;
    padding:0;
    }

#subheader a {
	display:block;
	padding:5px 10px 4px;
	font-weight: bold;
	color: #002C55;
	text-decoration: none;
	font-size: 8pt;
	background-repeat: no-repeat;
	background-position: left top;
    }

#subheader #current {
    background-image:url("images/sub_right_on.gif");
    }
#subheader #current a {
    background-image:url("images/sub_left_on.gif");
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    padding-bottom:5px;
    }

#servheader {
	float:left;
	margin: 0px;
	width: 565px;
	border-bottom: solid 2px #5d78b0;
    line-height:normal;
    }


#servheader ul {
    margin: 0px;
    padding:0;
    list-style:none;
    }
#servheader li {
    float:left;
    height: 40px;
    width: 80px;
    background: #eaeaea url("images/sub_right.gif")
      no-repeat right top;
    margin:0;
    padding:0;
    display: inline;
    }

#servheader a {
    display:block;
    background:url("images/sub_left.gif")
      no-repeat left top;
    padding:5px 10px 4px;
    font-weight: normal;
    color: #002c55;
    text-decoration: none;
    font-size: 8pt;
    }

#servheader #current {
    background-image:url("images/sub_right_on.gif");
    }
#servheader #current a {
    background-image:url("images/sub_left_on.gif");
    color: #fff;
    text-decoration: none;
    font-weight: normal;
    padding-bottom:5px;
    }
    
#mapheader {
	float:left;
	margin: 0px;
	width: 565px;
	border-bottom: solid 2px #5d78b0;
    line-height:normal;
    }


#mapheader ul {
    margin: 0px;
    padding:0;
    list-style:none;
    }
#mapheader li {
    float:left;
    height: 21px;
    width: 65px;
    background: #eaeaea url("images/sub_right.gif")
      no-repeat right top;
    margin:0;
    padding:0;
    display: inline;
    }

#mapheader a {
    display:block;
    background:url("images/sub_left.gif")
      no-repeat left top;
    padding:5px 10px 4px;
    font-weight: normal;
    color: #002c55;
    text-decoration: none;
    font-size: 8pt;
    }

#mapheader #current {
    background-image:url("images/sub_right_on.gif");
    }
#mapheader #current a {
    background-image:url("images/sub_left_on.gif");
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    padding-bottom:5px;
    }    
    

    
#search {
	float:right;
	margin-top: -22px;
	width: 516px;
	border-bottom: solid 1px #7480a3;
    line-height:normal;
    }
    
 #search TD {border-bottom: #ccc 1px solid;}
 

.maps {
width: 550px;
float: left;
position: relative;
}
.maps img {
border: 1px solid #ccc;
padding: 7px;
}
.maps table {
width: 200px;
margin-top: 20px;
border: 0;
}
.maps td {
width: 12px;
height: 12px;
}
.maps th {
text-align: left;
padding-left: 3px;
}
#productsavail {
width: 550px;
}

#productsavail th {
color: #fff;
background-color: #5d78b0;
padding: 3px;
}
#productsavail th a {
color: #fff;
background-color: #5d78b0;
}
#productsavail td {
color: #002c55;
padding: 1px;
text-align: center;

}
#productsavail td a {
color: #002c55;
}

.cola1 {
width: 150px;
text-align: left;
}
.cola2 {
width: 50px;
text-align: center;
}
.cola3 {
width: 100px;
text-align: center;
}
.cola4 {
width: 50px;
text-align: center;
}
.cola5 {
width: 50px;
text-align: center;
}
.cola6 {
width: 50px;
text-align: center;
}
.cola7 {
width: 100px;
text-align: center;
}
#sections {
width: 570px;
margin-bottom: 5px;
border: solid 1px #ccc;
}
#sections tr{
background-color: #eaeaea;

}
#sections td{
padding-left: 8px;
}
#alloyBLUE {
	float: left;
	width: 550px;
	margin: 0px;
	color: #FFFFFF;
}
#alloyBLUE2 {
	float: left;
	width: 550px;
	margin: 0px;
	color: #FFFFFF;
	background-color: #0000FF;
}
.style8 {color: #FFFFFF}
