/* -------- GENERAL -------- */
html {
height: 100%;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
/*background: url('../images/bg_inner_body.jpg') repeat-x top left;*/
height: 100%;
}
form {
margin: 0px;
padding: 0px;
}
table {
border-collapse: collapse;
font-family: Arial;
font-size: 12px;
color: #000;
}
h1 {
font-family: Arial;
font-size: 24px;
font-weight: normal;
margin-top: 2px;
margin-bottom: 6px;
color: #FFF;
}
h1.gold {
font-family: Arial;
font-size: 24px;
font-weight: normal;
margin-top: 2px;
margin-bottom: 6px;
color: #FF9900;
}
h2 {
font-family: Arial;
font-size: 12px;
font-weight: bold;
color: #FF9900;
margin-top: 0px;
margin-bottom: 10px;
}
h3 {
font-family: Arial;
font-size: 11px;
color: #000;
margin-top: 0px;
margin-bottom: 2px;
}
h4 {
font-family: Arial;
font-size: 12px;
line-height: 120%;
font-weight: bold;
color: #0069AA;
margin-top: 0px;
margin-bottom: 12px;
}
h5 {
font-family: Arial;
font-size: 18px;
font-weight: bold;
margin-top: 10px;
margin-bottom: 2px;
text-transform: uppercase;
color: #FFA115;
}
h6 {
font-family: Arial;
font-size: 14px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 2px;
text-transform: uppercase;
color: #000;
}
.error {
color: #840000;
}
.errorStar {
color: #840000;
font-weight: bold;
}
img {
border: 0px;
}
hr {
height: 1px;
margin: 0px 0px;
color: #CFD3D7;
}
/* -------- DIV IDS -------- */
#page {
position: relative;
width: 990px;
height: 100%;
}
#header {
clear: both;
width: 990px;
height: 250px;
}
#logo {
clear: both;
float: right;
margin-top: 20px;
padding-right: 20px;
width: 218px;
height: 30px;
}
#main-nav {
clear: both;
float: left;
margin-top: 58px;
margin-left: 20px;
width: 200px;
line-height: 16px;
z-index: 30;
}
#main-nav h3 {
font-family: Arial;
font-size: 12px;
font-weight: bold;
color: #FFF;
margin: 0px;
}
#main-nav a {
text-decoration: none;
font-family: Arial;
font-size: 12px;
line-height: 15px;
color: #FFF;
}
#main-nav a:hover {
color: #FFCC00;
}
* html #main-nav {
display: inline;
}
#general-nav {
float: left;
width: 128px;
padding: 12px 0 0 12px;
background: url('../images/bg_drop_banner_right.jpg') repeat-x top left;
}
#general-nav ul {
margin-top: 1px;
}
#general-nav ul li {
margin-left: -39px;
padding: 0 2px 0 1px;
list-style-type: none;
background: url('../images/small_arrow.gif') no-repeat 0px 8px;
padding-left: 10px;
}
#general-nav ul li a {
text-decoration: none;
font-family: Arial;
font-size: 12px;
color: #231F20;
}
#general-nav ul li a.nav-on {
font-weight: bold;
}
#main-section {
float: left;
height: 340px;
width: 850px;
padding: 12px 0 0 0;
background: #FFF url('../images/bg_drop_banner_right.jpg') repeat-x top left;
}
#site-intro {
float: bottom;
position: relative;
}
#product-finder {
float: right;
width: 322px;
padding: 0 0 10px 13px;
background: #FCF5E1;
font-family: Arial;
font-size: 12px;
color: #666;
}
#product-finder select {
margin-top: 8px;
width: 306px;
}
#product-finder img {
float: right;
}
#googlesearch2{
float: right;
width: 322px;
padding: 0 0 10px 13px;
font-family: Arial;
font-size: 12px;
color: #666;
}
#googlesearch{
float: left;
position: relative;
}
#page-title {
position: absolute;
top: 199px;
left: 636px;
width: 332px;
text-align: right;
}
#page-title h1 {
font-family: Helvetica;
font-size: 30px;
font-weight: normal;
line-height: 100%;
margin-bottom: 2px;
color: #FFF;
}
#page-content {
float: left;
margin-left: 9px;
font-family: Arial;
font-size: 12px;
line-height: 120%;
color: #000;
}
#page-content a {
color: #CC6600;
}
#page-content a:hover {
color: #CC6600;
}
#page-content h1 {
font-family: Arial;
font-size: 24px;
line-height: 120%;
color: #CC6600;
margin: 0px;
}
* html #page-content {
display: inline;
}
#content-xtra {
float: right;
width: 331px;
font-family: Arial;
font-size: 10px;
color: #000;
}
#content-xtra h5 {
font-size: 10px;
color: #CC6600;
text-transform: none;
}
#related-products {
float: left;
margin-left: 23px;
width: 213px;
}
#related-products h5 {
font-family: Arial;
font-size: 12px;
font-weight: bold;
margin-top: 10px;
margin-bottom: 2px;
text-transform: uppercase;
color: #CC6600;
}
#related-products ul {
margin-top: 6px;
}
#related-products ul li {
margin-left: -36px;
padding: 0 10px 0 1px;
list-style-type: none;
background: url('../images/large_arrow.gif') no-repeat 0px 6px;
padding-left: 15px;
}
#related-products ul li a {
text-decoration: none;
font-family: Arial;
font-size: 12px;
color: #000;
}
#related-products ul li a:hover {
text-decoration: underline;
}
#cs-txt {
float: left;
width: 600px;
}
#cs-txt ul {
margin-top: 10px;
margin-bottom: 0px;
}
#case-images {
float: right;
margin-left: 20px;
width: 214px;
}
#case-images div {
margin-bottom: 10px;
}
#footer {
clear: both;
float: left;
margin-left: 9px;
margin-top: 150px;
width: 487px;
}
* html #related-products {
display: inline;
}
/* -------- DIV CLASSES -------- */
.long {
width: 835px;
}
.medium {
width: 594px;
}
.short {
width: 487px;
}
.news-item {
clear: both;
width: 100%;
padding: 4px 0 4px 0;
font-family: Arial;
font-size: 12px;
line-height: 120%;
color: #999;
}
.news-item a {
text-decoration: none;
font-family: Arial;
font-weight: bold;
line-height: 120%;
color: #000;
}
.news-item a:hover {
text-decoration: underline;
}
.news-div {
clear: both;
width: 100%;
height: 10px;
background: url('../images/dot_divider.jpg') repeat-x center;
}
.mask-thumb {
margin: 0 auto;
width: 53px;
height: 53px;
overflow: hidden;
}
.datasheet {
clear: both;
margin-top: 6px;
width: 100%;
border-top: 1px dotted #999;
padding: 4px 0 4px 0;
}
.datasheet a {
text-decoration: none;
font-family: Arial;
font-size: 12px;
color: #FF9900;
}
/* -------- INTERNAL BANNERS -------- */
.banner-search {
background: #000 url('../images/banners/search.jpg') no-repeat;
}
.banner-aerospace {
background: #000 url('../images/banners/aerospace.jpg') no-repeat;
}
.banner-performance {
background: #000 url('../images/banners/performance.jpg') no-repeat;
}
.banner-motors {
background: #000 url('../images/banners/ind_motors.jpg') no-repeat;
}
.banner-marine {
background: #000 url('../images/banners/ind_marine.jpg') no-repeat;
}
.banner-other {
background: #000 url('../images/banners/other.jpg') no-repeat;
}
.banner-about {
background: #000 url('../images/banners/about_us.jpg') no-repeat;
}
.banner-404 {
background: #000 url('../images/banners/404.jpg') no-repeat;
}
/* -------- SPAN AND TEXT -------- */
.sm-txt {
font-family: Arial;
font-size: 10px;
line-height: 120%;
color: #333;
}
.sm-txt a {
text-decoration: none;
color: #FF9900;
}
.lg-txt {
font-family: Arial;
font-size: 14px;
line-height: 120%;
color: #000;
}
.sm-title {
text-decoration: none;
font-size: 14px;
color: #CC6600;
}
.red {
color: #FB0F1A;
}
/* -------- LINKS -------- */
#page-content a.title-link {
text-decoration: none;
font-size: 14px;
color: #CC6600;
}
#page-content a.title-link:hover {
text-decoration: underline;
}
a.back {
text-decoration: none;
font-size: 11px;
color: #FF9900;
}
a.back:hover {
text-decoration: underline;
}
a.download {
text-decoration: none;
font-size: 12px;
color: #FF9900;
}
a.download:hover {
text-decoration: underline;
}
#page-content a.large-link {
text-decoration: none;
font-family: Arial;
font-size: 18px;
font-weight: normal;
color: #CC6600;
}
/* -------- IMAGES -------- */
.content {
float: right;
margin-left: 20px;
}
.p_img {
float: left;
margin-top: 6px;
margin-bottom: 4px;
}
.pdf {
float: left;
margin-right: 4px;
}
/* -------- FORMS -------- */
.search {
margin-top: 8px;
margin-right: 14px;
float: right;
}
/* -------- TABLES -------- */
table.grey-box {
width: 100%;
background: #DFDFDF;
border-collapse: collapse;
}
table.grey-box td {
width: 50%;
border: 1px solid #FFF;
border-collapse: collapse;
}
table.grey-box td a {
text-decoration: none;
font-family: Arial;
font-size: 14px;
color: #FF9900;
}
table.grey-box td a:hover {
text-decoration: underline;
}
table.product-list {
width: 100%;
height: 75px;
}
table.product-list td {
padding-top: 6px;
padding-left: 6px;
padding-right: 6px;
font-family: Arial;
font-size: 12px;
color: #000;
background: #F2F2F2;
border-bottom: 1px solid #FFF;
}
table.product-list td.product-img {
width: 75px;
height: 75px;
text-align: center;
}
table.product-list a {
text-decoration: none;
}
table.product-list a:hover {
text-decoration: underline;
}
/* -------- PRODUCT FINDER -------- */
#find-component {
clear: both;
display: none;
}
#find-mould {
clear: both;
display: none;
}
select.inactive {
color: #000;
}
/* -------- PREPREG TABLES ------------- */
table.prepreg {
font-family: Arial;
font-size:9;
}
table.prepreg th {
/* border-width: 1px;
padding: 1px;
border-style: inset;
border-color: gray;*/
background-color: #dfdfdf;
vertical-align: text-top;
padding: 5px 5px 5px 5px;
}
table.prepreg tr.prepregeven td{
background-color: #f7f5f5;
padding: 5px 5px 5px 5px;
}
table.prepreg tr.prepregodd td {
background-color: #dfdfdf;
padding: 5px 5px 5px 5px;
}
/* -------- CONTACT FORM ------------- */
.text_input {
width: 300px;
}
.text_input2 {
width: 200px;
}
.textarea_input {
width: 300px;
height: 200px;
}
.form_label {
width: 150px;
font-family: Arial;
font-size:11;
}
.form_label2 {
width: 100px;
font-family: Arial;
font-size:11;
}