* {margin:0px;padding:0px}
BODY {background:URL('images/bg.gif');font-family:Arial, Helvetica, sans-serif; font-size:79%;color:#000000;}

.clear {clear:both}

A {color:#fcb040;text-decoration:underline;}
A:Hover {color:#000000;text-decoration:underline;}

A.email {color:#FFFFFF;text-decoration:none;}
A.email:Hover {color:#fcb040;text-decoration:underline;}

A.link {color:#969693;text-decoration:none;}
A.link:Hover {color:#fcb040;text-decoration:underline;}

.highlight {color:#fcb040;font-style:italic;font-weight:bold}
.highlight2 {color:#969693;font-style:italic;font-weight:bold}

.orange {color:#fcb040}
.grey {color:#969693}

/* framework */
#canvas {width:900px;margin-left:auto;margin-right:auto;padding-top:20px}
#contentarea {float:left;width:900px;background:url('images/bg-repeat.gif') repeat-y;}
#col1 {float:left;width:130px;height:178px;background:url('images/left-graphic.jpg') no-repeat;}
#col2 {float:left;width:170px;margin:0 0 0 20px}
#col3 {float:left;width:530px;margin:0 0 0 20px}
#col3 P {line-height:18px;}
#contentfooter {float:left;width:900px;height:16px;background:url('images/content-footer.gif') no-repeat;}

/* header */
#header {float:left;width:900px;height:177px;}
#header-top {float:left;width:900px;height:16px;}
#leftcorner {float:left;width:15px;height:16px;background:transparent url('images/left-corner.png') no-repeat;}
#topmiddle {float:left;width:870px;height:16px;background:url('images/top-piece.jpg') no-repeat;}
#rightcorner {float:left;width:15px;height:16px;background:transparent url('images/right-corner.png') no-repeat;}
#header-middle {float:left;width:900px;height:92px;}
#car {float:left;width:553px;height:92px;background:url('images/f1-car.jpg') no-repeat;}
#email {float:left;width:212px;height:74px;font-size:90%;padding:18px 0 0 341px}
#page-images {float:left;height:76px;width:530px;margin-bottom:15px}

/* htags */
h1.logo {float:left;text-indent:-9999px;width:347px;height:92px;background:url('images/logo.gif') no-repeat;}
h2.news {color:#FFFFFF;font-size:105%;font-weight:normal;padding:5px 0 0 10px}
h2.pageheaders {float:left;text-indent:-9999px;width:530px;height:16px;}

/* pageheaders */
.pageheaders-home {float:left;width:530px;height:16px;background:url('images/pageheaders/welcome.gif') no-repeat;margin-bottom:10px}
.pageheaders-products {float:left;width:530px;height:16px;background:url('images/pageheaders/products.gif') no-repeat;margin:30px 0 10px 0}
.pageheaders-quality {float:left;width:530px;height:16px;background:url('images/pageheaders/quality.gif') no-repeat;margin-bottom:10px}
.pageheaders-enviromental {float:left;width:530px;height:16px;background:url('images/pageheaders/enviromental.gif') no-repeat;margin-bottom:10px}
.pageheaders-qualitypolicy {float:left;width:530px;height:16px;background:url('images/pageheaders/qualitypolicy.gif') no-repeat;margin-bottom:10px}
.pageheaders-purchasing {float:left;width:530px;height:16px;background:url('images/pageheaders/purchasing.gif') no-repeat;margin-bottom:10px}
.pageheaders-news {float:left;width:530px;height:16px;background:url('images/pageheaders/news.gif') no-repeat;margin-bottom:10px}
.pageheaders-aluminium {float:left;width:530px;height:16px;background:url('images/pageheaders/aluminum.gif') no-repeat;margin-bottom:10px}
.pageheaders-credit {float:left;width:530px;height:16px;background:url('images/pageheaders/credit.gif') no-repeat;margin-bottom:10px}
.pageheaders-contact {float:left;width:530px;height:16px;background:url('images/pageheaders/contact.gif') no-repeat;margin-bottom:10px}
.pageheaders-coming {float:left;width:530px;height:16px;background:url('images/pageheaders/comingsoon.gif') no-repeat;margin-bottom:10px}
.pageheaders-excess {float:left;width:530px;height:16px;background:url('images/pageheaders/excess.gif') no-repeat;margin-bottom:10px}
.pageheaders-approvals {float:left;width:530px;height:16px;background:url('images/pageheaders/approvals.gif') no-repeat;margin-bottom:10px}

/* topnav */
#header-lower {float:left;width:900px;height:69px;}
#topnav {float:left;width:900px;height:69px;background:url('images/top-nav.jpg') no-repeat;}
#topnav-links {float:left;width:559px;height:61px;font-size:90%;padding:8px 0 0 341px}
#topnav-links A {color:#FFFFFF;text-decoration:none;}
#topnav-links A:Hover {color:#000000;text-decoration:underline;}
.links-padding {padding:0 0 0 15px}

/* footer */
#footer {float:left;width:900px;height:30px;background:url('images/canvas-footer.png') no-repeat;font-size:85%}
#footer-col1 {float:left;width:420px;height:22px;padding:8px 0 0 130px;color:#FFFFFF}
#footer-col2 {float:left;width:320px;height:22px;padding:8px 0 0 0;color:#FFFFFF;text-align:right}

/* latest news */
#latestnews {float:left;width:170px;background-color:#fcb040;font-size:90%;line-height:13px}
.news-header {float:left;width:170px;height:25px;background:url('images/tab-header.gif') no-repeat}
#latestnews-content {float:left;width:168px;background-color:#fcb040;padding:0 1px 0 1px}
#latestnews-contentinner {float:left;width:163px;background-color:#fcb040;padding:0 5px 0 0px}
#news-footer {float:left;width:170px;height:25px;background:url('images/news-footer.gif') no-repeat}
UL.rightmenu {margin:10px 0 0 10px;}
UL.rightmenu LI {color:#FFFFFF;list-style-type:none;padding:0 0 7px 15px;background:URL('images/small-arrow.gif') no-repeat left 4px}
UL.rightmenu LI A {color:#000000;text-decoration:underline;}
UL.rightmenu LI A:Hover {color:#FFFFFF;text-decoration:underline;}

/* partners */
#partners {float:left;width:170px;background-color:#fcb040;font-size:90%;line-height:13px}
#partners-content {float:left;width:160px;background:url('images/clients-area.gif') no-repeat;height:80px;padding:5px 5px 5px 5px}
#partners-contentinner {float:left;width:160px;background-color:#fcb040;height:80px}

/* excess stock */
#excess-stock {float:left;width:170px;background-color:#fcb040;font-size:90%;line-height:13px}
#excess-stock-content {float:left;width:170px;height:90px;}
UL.excesslink {float:left;width:170px;position:relative;}
UL.excesslink LI {height:170px;list-style-type:none;position:absolute;text-indent:-9999px}
UL.excesslink LI A {height:170px;display:block;}
.excess {width:170px;background:URL('images/excess-off.jpg') no-repeat}
.excess A:hover {background:URL('images/excess-on.jpg') no-repeat}

/* credit */
#credit-application {float:left;width:170px;background-color:#fcb040;font-size:90%;line-height:13px;margin-top:9px}
#credit-content {float:left;width:170px;height:90px;}
UL.creditlink {float:left;width:170px;position:relative;}
UL.creditlink LI {height:170px;list-style-type:none;position:absolute;text-indent:-9999px}
UL.creditlink LI A {height:170px;display:block;}
.credit {width:170px;background:URL('images/credit-application-off.jpg') no-repeat}
.credit A:hover {background:URL('images/credit-application-on.jpg') no-repeat}

UL.bullet {line-height:20px;}
UL.bullet LI {background:URL('images/bullet.gif') no-repeat left 13px;padding:5px 0 0 15px;list-style-type:none;}

/* product-link */
#productlink  {float:left;width:530px;height:25px;font-size:90%}
#productlink-col1 {float:left;width:300px;height:25px;}
#productlink-col2 {float:left;width:230px;height:25px;text-align:right}

.productnavigation {float:left;width:530px;height:76px;margin-bottom:10px}
UL.productnav {float:left;width:530px;position:relative;}
UL.productnav LI {height:76px;text-indent:-9999px;list-style-type:none;position:absolute;}
UL.productnav LI A {height:76px;display:block;}

.aluminium {width:125px;background:URL('images/aluminium-off.jpg') no-repeat}
.aluminium A:hover {background:URL('images/aluminium-on.jpg') no-repeat}
.stainless {left:135px;width:125px;background:URL('images/stainless-off.jpg') no-repeat}
.stainless A:hover {background:URL('images/stainless-on.jpg') no-repeat}
.alloy {left:270px;width:125px;background:URL('images/alloy-off.jpg') no-repeat}
.alloy A:hover {background:URL('images/alloy-on.jpg') no-repeat}
.hitemp {left:405px;width:125px;background:URL('images/hitemp-off.jpg') no-repeat}
.hitemp A:hover {background:URL('images/hitemp-on.jpg') no-repeat}

.ferrous {width:125px;background:URL('images/ferrous-off.jpg') no-repeat}
.ferrous A:hover {background:URL('images/ferrous-on.jpg') no-repeat}
.non-ferrous {left:135px;width:125px;background:URL('images/nonferrous-off.jpg') no-repeat}
.non-ferrous A:hover {background:URL('images/nonferrous-on.jpg') no-repeat}

/* credit form */
#credit-col1  {float:left;width:395px;}
#credit-col2  {float:left;width:125px;padding:0 0 0 10px}
#credit-col3  {float:left;width:530px;margin-top:30px}

/* Form */
.enquiry INPUT {border:1px #fcb040 solid;color:#000000;padding:2px;}
.enquiry SELECT {border:1px #fcb040 solid;color:#00000;padding:2px}
.enquiry TEXTAREA {border:1px #fcb040 solid;color:#000000;padding:2px;font-family:Arial, Helvetica, sans-serif;font-size:100%}
.enquiry SPAN {color:#969693;line-height:30px;}
.enquiry INPUT.button {background-color:#969693;color:#FFFFFF;border:1px #fcb040 solid;font-size:85%;width:70px;height:25px}

/* Products */
.materialtitle {color:#FFFFFF;font-weight:bold;background-color:#fcb040;padding:6px 0px 6px 10px;text-transform:uppercase;}
.materialdescription {color:#FFFFFF;background-color:#969693;padding:5px 0 5px 10px;}
.grade {color:#000000;font-weight:normal;background-color:#FFFFFF;padding:5px 0px 5px 10px;width:55px;}
.temper {color:#000000;background-color:#FFFFFF;padding:5px 0px 5px 10px;width:115px;}
.condition {color:#000000;background-color:#FFFFFF;padding:5px 0px 5px 10px;width:75px;}
.spec {color:#000000;background-color:#FFFFFF;padding:5px 0px 5px 10px;width:215px;}
.spec-bar {color:#000000;background-color:#FFFFFF;padding:5px 0px 5px 10px;width:300px;}
.grade-bar {color:#000000;font-weight:normal;background-color:#FFFFFF;padding:5px 0px 5px 10px;width:190px;}
.gap {height:1px}
.gap2 {height:10px}

/* excess */
.gradeexcess {color:#000000;font-weight:normal;background-color:#FFFFFF;padding:5px 0px 5px 10px;width:56px;}