@import url("colours.css");

body {
   font-family: Verdana, Arial, Nimbus Sans L, Khalid, sans-serif;
   font-size: 10pt;
}

h2 {
   font-size: 14pt;
   font-weight: bold;
}

h3 {
   text-align: center;
   padding: 5px;
}

h4 { /* datasheet subheaders */
   font-size: 12pt;
   font-weight: bold;
}

th {
   padding: 0 15px;
}

td {
   padding: 0 15px;
}

hr {
   width: 5%;
   margin: 20px auto;
   height: 5px;
}

em {
   font-weight: bold;
   text-decoration: none;
}

a:link {
   font-weight: bold;
}

a:visited {
   font-weight: bold;
}

a:hover {
   font-weight: bold;
}

a:active {
   font-weight: bold;
}

#scroller {
   top: 150px;
   left: 100px;
   right: 0;
   bottom: 10px;
   margin: 10px;
}

#slogan {
   font-family: Times New Roman, Nimbus Roman No9 L, serif;
   top: 10px;
   right: 0;
   font-size: 24pt;
   font-weight: bold;
}

#bga_logo {
   left: 70px;
   top: 20px;
}

#disclaimer {
   bottom: 0;
   height: 10px;
   left: 0;
   right: 0;
   font-size: 6pt;
   font-weight: bold;
   font-variant: small-caps;
}

#news_ticker {
   top: 70px;
   left: 100px;
   height: 50px;
   right: 0;
}

#breadcrumbs {
   top: 120px;
   left: 100px;
   height: 15px;
   right: 0;
}

#horiz_menu {
   left: 100px;
   top: 135px;
   right: 0;
   min-height: 15px;
}

#horiz_menu ul {
   margin: 0;
   padding: 0;
   list-style-type: square;
}

#horiz_menu li {
   position: relative;
   float: left;
   margin: 0;
   padding: 0 20px 0 0;
}

#verti_menu {
   width: 100px;
   left: 0;
   top: 150px;
   bottom: 0;
   font-family: Times New Roman, Nimbus Roman No9 L, serif;
   border-top: 1px solid #aaaaaa;
}

#verti_menu li {
   width: 100px;
   text-align: right;
   border-bottom: 1px solid #aaaaaa;
}

#verti_menu ul li:hover ul,
#verti_menu ul li a:hover ul {
   border-width: 1px;
   border-style: solid;
   height: auto;
   top: 0;
   left: 100px;
}

#fer_logo {
   left: 10px;
   bottom: 0;
}

#big_gasket_image {
   text-align: center;
}

.small_image_left {
   margin: 2px 10px;
   float: left;
   clear: left;
}

.small_image_right {
   margin: 2px 10px;
   float: right;
   clear: right;
}

.clearer {
   clear: both;
}

.notice {
   text-align: center;
   font-variant: small-caps;
   font-weight: bold;
}

.address_wrapper {
   float: left;
   margin: 10px;
}

.address_line_top {
   font-style: italic;
}

.address_postcode {
   font-weight: bold;
}

.telephone_wrapper {
   float: left;
   margin: 10px;
}

.location_wrapper {
   clear: both;
}

.bulletin_link {
   display: inline;
}

.bulletin_title {
   display: inline;
   font-style: italic;
}

.article {
   line-height: 15px;
   padding: 10px;
}

.attribution {
   position: relative;
   top: -20px;
   left: 10px;
   font-size: 8pt;
   padding: 10px;
}

#horiz_menu li a {
   text-decoration: none;
}

p.quote {
   font-size: 22px;
   width: 400px;
   text-align: center;
   line-height: 24px;
   margin: 0px auto;
   font-style: italic;
}

p.quote_attribution {
   font-size: 18px;
   text-align: center;
   line-height: 24px;
   margin: 0px auto;
   font-style: italic;
}

p.note {
   float: right;
   font-weight: bold;
}

div.gasket_material {
   clear: right;
   margin: 5px;
   border-width: 1px;
   border-style: solid;
}

div.material_abbreviation {
   margin: 5px;
   float: left;
   text-decoration: underline;
   width: 50px;
   font-size: 18px;
   line-height: 20px;
}

div.material_description {
   margin: 5px;
   float: left;
   text-decoration: underline;
   font-size: 18px;
   line-height: 20px;
}

div.material_image {
   float: left;
   clear: left;
   width: 550px; /* width of widest image plus a bit */
   margin: 5px;
}

div.material_explanation {
   float: left;
   width: 300px;
}

div.bolt_key_image {
   float: right;
   margin: 5px;
}

div.ticker_article {
   font-size: 10pt;
}

div.title a {
   font-style: italic;
}

/*
p.first_language {
   font-weight: bold;
}
*/

p.large_title {
   font-size: 18px;
   width: 300px;
   text-align: center;
   line-height: 20px;
   margin: 0px auto;
}

div.mock_table_header {
   font-weight: bold;
   padding: 0 10px;
}

div.mock_table_datum {
   float: left;
   padding: 0 10px;
}