﻿body{
font-family: "Trebuchet MS",Helvetica, Arial, Geneva, SunSans-Regular, sans-serif;
font-size: 0.9em;
line-height:150%;
top:0px;
left:0px;
/*height:100%;*/
}

a:link{
color:#069;
text-decoration:none;
}

a:visited { 
color:#555; 
text-decoration:none; 
}

a:focus { 
color:#902; 
background-color:orange; 
font-weight:bold; 
}

a:hover { 
color:#902; 
text-decoration:none; 
/*background-color:#eee; */
font-weight:bold; 
}

a:active{
color:black; 
text-decoration:none; 
}

a.highlight{
color:#902;
text-decoration:none;
}

a.highsub{
padding-left:1em;
color:#902;
text-decoration:none;
}

.bodynavlinks{
font-size:0.8em;
}

p.small {
width:80%;
/*
width:80px;
min-width:500px;
*/
}

.list{
margin-top:0px;
padding-top:0px;
margin-left:15px;
padding-left:0px;
/*list-style:square;*/
text-align:left;
list-style-image:url(dot.gif);
}

.list_narrow{
margin-top:0px;
padding-top:0px;
margin-left:15px;
padding-left:0px;
/*list-style:square;*/
text-align:left;
list-style-image:url(dot.gif);
width:500px;
}

p.twocolumn {
width:400px;
}

#glance{
}
#glance table{
width:600px;
}

#glance tr{
line-height: 1.4em;
}

#glance td{
background-color:#f2f2f2;
border-bottom: thick  solid white;

}

.addressandpic{
position:relative;
}

form { /*
padding:20px;
border:1px solid grey;*/
}

form td.highlight{ 
line-height: 1.4em;
background-color:#eee;
border-bottom: thick  solid white;
}

form tr{ 
line-height: 1.4em;
padding:3px;
}

form tr.error{
border: thick  solid red;
background-color:#902;
color:white;
font-weight:bold;
}


input, select, textarea { 
font-family:"Trebuchet MS",Helvetica, Arial, Geneva, SunSans-Regular, sans-serif;
font-size: 0.9em;
}

input, select, textarea { 

}

.formwid { 
width:300px;
min-height:1.5em;
border:1px solid grey;
padding:3px;	
}
.formwid:focus { 
border: 1px solid #069;
background-color: #eee;	
}

.button:hover { 
background-color:white; 
/*color:white; */
padding:5px;
vertical-align:middle;
text-align: center;
font-weight:bold;
color:#069 ;
border:1px solid #069 ;
}

.button { 
background-color:#069; 
color:white;
/*color:white; */
padding:5px;
font-weight:bold;
vertical-align:middle;
text-align: center;
border:1px solid grey  
}


/*product tables*/
#prodtable{
width:700px;
}
#prodtable table{
border-style:none;
border:0;
border-width:0px;
border-spacing:0;
font-size:0.9em;
}

#prodtable td{
padding-left:6px;
padding-right:6px;
padding-top:3px;
padding-top:3px;
padding-bottom:6px;
vertical-align:top;
}

#prodtable tr{
border-width:0px;
line-height: 1.2em;
}
#prodtable tr.highlight{
border-width:0px;
background-color:#eee;
line-height: 1.2em;
}

#prodtable th.hta{
line-height: 1em;
text-align: left;
background-color: #902;/*#069;*/
color: white;
font-weight:bold;
vertical-align: top;
padding:6px;
}

#prodtable th.cra{
line-height: 1em;
text-align: left;
background-color: #069;
color: white;
font-weight:bold;
vertical-align: top;
padding:6px;
}

/* product tables end*/
/*tables*/
table{
border-style:none;
border:0;
border-width:0px;
border-spacing:0;
}

td{
padding-left:6px;
padding-right:6px;
padding-top:3px;
padding-top:3px;
vertical-align:top;
}

tr{
border-width:0px;
line-height: 1.2em;
}

th{
line-height: 1em;
text-align: left;
background-color: #eee;
color: black;
font-weight:normal;
vertical-align: top;
padding:6px;
}

#col_left{
position:absolute;
margin-left:0px;
min-width:310px;
width:50%;
}
#col_right{
position:absolute;
margin-left:315px;
min-width:310px;
width:50%;
}

#contact{
position:relative;
top:0px;
left:0px;
}

#contact #box{
position:relative;
margin-top:15px;
margin-left:0px;
width:300px;
height:100px;/*190px;*/
background-color:#eee;
}

#contact #left{
position:relative;
margin-top:15px;
margin-left:0px;
width:300px;
min-height:100px;/*190px;*/
background-color:#eee;
}

#contact #right{
position:relative;
margin-top:15px;
margin-left:315px;
width:300px;
min-height:100px;/*190px;*/
background-color:#eee;
}

#contact #pic{
position:absolute;
width:100px;
/*height:100%;*/
top:0px;
left:0px;

}

#contact #tex{
position:absolute;
top:10px;
padding:0px;
left:85px;
font-size:95%;
line-height:120%;
/*width:130px;*/
/*height:100%;*/
/*background-color:#eee;*/
}

#bottombox{
position:absolute;
top:15px;
}

#toplinks_outer {
position:absolute;
top:0px;
right:0px;
width:100px;
height:44px;

overflow:hidden;
z-index:99;
}

#toplinks_inner {
position:relative;
left:10px;
top:25px;
}

#toplinks_inner a{
color:#FFF;
font-size:0.8em;
text-decoration:none;

}

#toplinks_inner a:hover{
color:#ddd;
font-size:0.9em;
}

#toplinks_inner a:visited{
color:#CCC;
}

/* Header Ende */


#sidelinks{
padding-left:1em;
}

/* logo and areas for header */
#menubar_outer{
position:absolute;
top:0px;
left:0px;
width:180px;
/*height:100%;*/
/*fix height for wonderful ie >:( */
height:800px;
overflow:hidden;
background-color:#eee;
z-index:0;
}

#menubar_inner{
position:relative;
top:100px;
/*height:800px;
height:100%;
width:100%;*/
}

#head_blue_outer{
position:absolute;
top:0px;
right:0px;
width:100%;
height:60px;
overflow:hidden;
}

#head_blue_inner{
position:relative;

height:100%;
background-color:#069;
}

#head_logo_area_outer{
position:absolute;
top:0px;
left:0px;
min-width:420px;
/*width:40%;*/
height:60px;
z-index:10;
}

#head_logo_area_inner{
position:relative;
width:420px;
height:60px;
background-color:#fff;
z-index:10;
}

#head_nc_logo{
position:absolute;
top:15px;
left:0px;
width:247px;
height:20px;
}

#head_grey_outer{
position:absolute;
top:60px;
left:0px;
width:180px;
height:40px;
z-index:2;
}

#head_grey_inner{
position:relative;
width:180px;
height:40px;
background-color:#aaa;
}

#head_red_outer{
position:absolute;
top:60px;
left:180px;
width:240px;
height:40px;
}

#head_red_inner{
position:relative;
width:240px;
height:40px;
background-color:#902;
}

#haynes_logo_outer{
position:absolute; 
left:0px;
/*top-rel fix for ie */
top:720px;
/*bottom for nice browsers...*/
/*bottom:10px;			*/
width:180px;
height:32px;
z-index:1;
}

#haynes_logo_inner{
position:relative;
top:0px;
left:50px
}

#head_contact_info_outer{
position:absolute; 
left:0px;
/*top-rel fix for ie */
top:600px;
/*bottom for nice browsers...*/
/*bottom:50px;			*/
width:180px;
height:100px;
z-index:1;
}
#head_contact_info_inner{
position:relative; 
top:0px;
margin-left:15px;

}

#head_contact_info_inner p{
color:#666;
font-size:0.9em;
}


/* end logo and areas for header */

#sidelinks p{
font-size:0.9em;
text-decoration:none;
}

#sidelinks a{
color:#666;
text-decoration:none;
}



#sidelinks a.highlight{
color:#902;
text-decoration:none;
}


#sidelinks a.highsub{
padding-left:1em;
color:#902;
text-decoration:none;
}


#content{
position:absolute;
left:180px;
top:90px;
margin-top:15px;
margin-left:15px;
/*height:100%;*/
}

#pdftable{
position:relative;
left:0px;
top:0px;
/*left:580px;*/
/*left:0px;
top:0px;
max-width:400px;*/
}

#pdftable_outer{
position:absolute;
left:605px;
min-width:300px;
top:110px;
}

#content h1 {
font-family: "Trebuchet MS",Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; 
font-size:1.4em;
line-height:120%;
font-weight:bold;
}
#content h2 {
font-family: "Trebuchet MS",Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; 
border-bottom: 1px solid grey;
font-size:1.1em;
line-height:100%;
font-weight:bold;
}


/* tables */
#pdftable table{
width:300px;
border-style:none;
border:0;
border-width:0px;
border-spacing:0;
}

#pdftable td{
padding:6px;
font-family: "Trebuchet MS",Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; 
font-size:0.9em;
}

#pdftable tr{
/*height:40px;*/
border-width:0px;
line-height: 1.2em;
}

#pdftable tr.highlight{
/*height:40px;*/
line-height: 1.2em;
background-color:#eee;
}


#pdftable th{
text-align: center;
background-color: #aaa;
color: #fff;
font-weight:normal;
vertical-align: top;
padding-right:10px;
padding-left:10px;
padding-top:2px;
}

#pdftable th.red{
text-align: center;
background-color: #069;
color: #fff;
font-weight:normal;
vertical-align: top;
padding-right:10px;
padding-left:10px;
padding-top:2px;
}

#pdftable th.blue{
text-align: center;
background-color: #902;
color: #fff;
font-weight:normal;
vertical-align: top;
padding-right:10px;
padding-left:10px;
padding-top:2px;
}

#pdftable th.left{
width:40%;
text-align: left;
}

#pdftable tr.head{
line-height: 1.2em;
}
/* tables end */
