@charset "utf-8";
/* CSS Document */

/*
version:     2.0
date:        12 Sept 2007 
site:        BlueScope Steel WebSites
author:      Adrian Mauriks adrian.mauriks@bluescopesteel.com
*/

/* PROTEIN ONE */
#tagLine { float: left; width: 400px; text-align: left; padding-right: 32px; font-size: 20px; font-weight: bold; padding-top: 20px; padding-bottom:20px; color: #999; }
/* PROTEIN ONE */

/* BASIC LAYOUT */
body { padding: 0; margin: 0; background-color: #FFF; font-size: 75%; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; }
#wrapper { padding: 0; margin: 0; width: 100%; }
#header { padding: 0; margin: 0; width: 100%; }
#primary-nav { display: none; }
#utility-top { display: none; }
#content { width: 100%; padding: 0; margin: 0; clear:both; }
#left { display: none; }
#footer { margin: 25px 0 0 0; padding: 0; width: 100%; height: 90px; }
/* BASIC LAYOUT */
/* HEADER */
#logo { float: left; padding: 0 0 25px 0; }
#header-right { display: none; }
/* HEADER Search and Log-in stuff */
#member { display: none; }
#search-utility { display: none; }
/* HEADER Search and Log-in stuff */
/* HEADER */
/* PRIMARY NAV */
.tnc { display: none; }
/* PRIMARY NAV */
/* UTILITY @ TOP */
#page-utility { display: none; }
#breadcrumb { display: none; }
/* UTILITY @ TOP */
/* LEFT COL */
/* QUICK LINKS */
.quick-links p { display: none; }
/* QUICK LINKS */
/* LEFT MAIN NAVIGATION */
.sec-nav { display: none; }
.sec-nav-wrap { display: none; }
/* LEFT MAIN NAVIGATION */
/* LEFT COL */
/* REAL BASIC SITEWIDE */
.clear { clear: both; }
.spacer { height: 15px; }
.small { font-size: 0.9em; }
.bold { font-weight: bold; }
a img { border: 0; }
a:link { color: #000; text-decoration: none; }
a:visited { color: #000; text-decoration: none; }
.hidden { visibility: hidden; }
#content p { margin-top: 1.0em; line-height: 1.4em; color: #000; }
#content li { line-height: 1.5em; list-style-image: url(/base/wsimages/generic/li-333333.gif); }
/* REAL BASIC SITEWIDE */
/* BASIC SITEWIDE */
.highlight { color: #000; }
.line-one { clear:both; border-bottom: 1px dotted #999; padding: 15px 0 0 0; margin: 0 0 20px 0; }
.articledetails { margin-top: 5px; margin-bottom: 10px; border-bottom: 1px dotted #999; padding-bottom: 10px; color: #999; }
.casestudy-table { background-color:#f4f4f4; padding: 8px; margin: 0; font-size: 0.9em; }
#map { border: 1px solid #BBBBBB; }
/* BASIC SITEWIDE */
/* CONTENT HEADER TAGS BSLWIDE */
#content h1 { font-size: 1.6em; margin: -2px 0 8px 0; padding: 0; color: #000; } /* Page main header only */
#content h2 { font-size: 1.4em; margin: 12px 0 -1px 0; padding: 0; color: #000; } /* Paragraph header in body color */
#content h3 { font-size: 1.4em; margin: 12px 0 -1px 0; padding: 0; color: #000; } /* Paragraph header in site specific color */
#content h4 { font-size: 1.0em; margin: 6px 0 -3px 0; padding: 0; font-weight: bold; color: #000; } /* Minor paragraph header in bold body color */
#content h5 { font-size: 0.8em; margin: -3px 0 -2px 0; padding: 0; color: #000; } /* ONLY for use if you need to put a date between a H1 and H2 e.g news story */
#content h6 { font-size: 1.0em; margin: 15px 0 -2px 0; padding: 0; color: #000; } /* So far not in use */
/* HEADER TAGS */
/* IMAGE MANAGEMENT */
.featurepic { text-align: right; float: right; width: 200px; margin: 0 0 20px 20px; border: 1px solid #ccc; display: inline; }
.featurepic img { max-width: 200px; }
.featurepic .caption { text-align: left; font-size: 0.8em; margin: 3px; }
.pictoclick120r { margin: 15px 0 20px 15px; display: inline; float: right; }
.pictoclick120r img { max-width: 120px; }
.pictoclick120l { margin: 15px 15px 20px 0; display: inline; float: left; }
.pictoclick120l img { max-width: 120px; }
.pic200r { width:200px; float:right; margin: 0 0 15px 15px; border: 1px solid #ccc; display: inline; }
.pic200r img { max-width:200px; }
.pic200r .caption { text-align: left; font-size: 0.8em; margin: 3px; }
.pic200l { width:200px; float:left; margin: 0 15px 15px 0; border: 1px solid #ccc; display: inline; }
.pic200l img { max-width:200px; }
.pic200l .caption { text-align: left; font-size: 0.8em; margin: 3px; }
.left-float { margin: 15px 15px 20px 0; display: inline; float: left; }
.right-float { margin: 15px 0 20px 15px; display: inline; float: right; }
.img-wrap { margin: 20px 0; display: block; }
.img-center { margin: 20px 0; width: 100%; text-align:center; }
/* IMAGE MANAGEMENT */
/* FAQS */
.expandinglist { position: static; margin: 0; padding: 0; width:99%; float:left; }
.expandinglist ul { }
.expandinglist li { margin-left: -20px; padding: 0; list-style: none !important; }
.expandinglist li li { padding: 0; border-bottom: 2px dotted #999; margin: 0.5em 0 0.5em -27px; }
.expandinglist li li li { border: none; padding: 0 0 0 10px; margin: 0; }
.expandinglist li img { margin-left:-25px; }
/* FAQS */
/* PAGINATION */
#content .pagination { border-top:1px dotted #999; padding:10px 0 10px 0; margin:0; float:left; width:100%; font-weight:bold; }
#content .pagination h4 { text-align:right; margin:0; padding:0; font-size:1.1em; }
#content .pagination p { float:right; width:auto; margin:0; padding:0; }
#content .pagination p span { text-decoration:none; padding:0 4px; border:1px solid #ccc; color:#999; display:block; float:left; margin: 0 0 0 10px;  }
#content .pagination a:link, .pagination a:visited, .pagination a:hover, .pagination a:active { text-decoration:none; padding:0 4px; float:left; display:block; border:1px solid #ccc; margin:0 0 0 5px;  }
#content .pagination-categories { border:none; }
#content .p-bottom { margin-bottom:2.0em; }
#progress-bar { color:#999; margin:0; padding:10px 0; } 
#progress-bar span { font-size:1.0em; margin:0 6px; padding: 10px 0; } 
#progress-bar .pb-indicator  { color:#000000; }
/* PAGINATION */
#searchForm { background-color:#f4f4f4; padding: 8px; margin: 0; }
#searchForm input { width: 185px; font-size: 0.9em; }
#searchForm select { width: 189px; font-size: 0.9em; }
#searchForm .f-submit { font-size: 1.0em; width: 95px; padding: 1px; margin: 0; background: #999; color:#FFF; border: 1px solid #333; }

#progress-bar { display:none; }

/* SEARCH RESULTS */
/* NEW GENERIC SEARCH RESULTS */
#content .result-wrap { margin: 0 0 20px 0; padding: 0 0 5px 0; border-top: 1px dotted #999; min-height: 70px; clear: both; }
#content .result-thumb-right { margin: 15px 0 10px 20px; padding: 0; float: right; }
#content .result-thumb-left { margin: 15px 20px 10px 0; padding: 0; float: left; }
#content .result-opt { margin: 35px 0 10px 20px; padding: 0; float: right; width: auto; width: 125px; }
#content .result-wrap h1 { margin: 10px 0 5px 0; padding: 0; font-size: 1.2em; color: #000; }
#content .result-minor { margin: 0 0 6px 0; padding: 0; font-size: 0.9em; color: #777; font-weight: bold; display: block; }
#content .result-minor span { font-weight: normal; color: #333; }
#content .result-wrap p { margin: 0 0 8px 0; padding: 0; }
#content .result-more { margin: 0; padding: 0; font-weight: bold; }
/* The 3 Result Icons */
#content .result-icon-pdf { margin: 0 10px 0 0; padding: 0 10px 0 0; background: url(/base/wsimages/generic/default.gif) -300px 0 no-repeat; width: 15px; }
#content .result-icon-app { margin: 0 10px 0 0; padding: 0 10px 0 0; background: url(/base/wsimages/generic/default.gif) -300px -50px no-repeat; width: 15px; }
#content .result-icon-generic { margin: 0 10px 0 0; padding: 0 10px 0 0; background: url(/base/wsimages/generic/default.gif) -300px -100px no-repeat; width: 15px; }
#content .result-type { margin: 0 10px 0 0; padding: 0 10px 0 0; font-size: 0.9em; color: #999; font-weight: bold; }
#content .result-size { margin: 0 10px 0 0; padding: 0 10px 0 0; font-size: 0.9em; color: #999; font-weight: bold; }
#content .result-action { margin: 0 15px 0 0; padding: 0 15px 0 0; font-size: 0.9em; color: #999; font-weight: bold; }
#content .result-opt-file { margin: 0 0 5px 0; padding: 0 0 0 20px; background: url(/base/wsimages/generic/default.gif) -100px 0 no-repeat; height: 15px; font-size: 0.9em; color: #999; font-weight: bold; display: block; }
#content .result-opt-order { margin: 0 0 5px 0; padding: 0 0 0 20px; background: url(/base/wsimages/generic/default.gif) -100px -50px no-repeat; height: 15px; font-size: 0.9em; color: #999; font-weight: bold; display: block; }
#content .result-opt-acknowledge { margin: 0 0 5px 0; padding: 0 0 0 20px; background: url(/base/wsimages/generic/default.gif) -100px -100px no-repeat; height: 15px; font-size: 0.9em; color: #999; font-weight: bold; display: block; }
#content .result-opt-map { margin: 0 0 5px 0; padding: 0 0 0 20px; background: url(/base/wsimages/generic/default.gif) -100px -150px no-repeat; height: 15px; font-size: 0.9em; color: #999; font-weight: bold; display: block; }
#content .result-opt-www { margin: 0 0 5px 0; padding: 0 0 0 20px; background: url(/base/wsimages/generic/default.gif) -100px -200px no-repeat; height: 15px; font-size: 0.9em; color: #999; font-weight: bold; display: block; }
#content .prodhighlight { margin: 0 0 20px 0; padding: 0 10px; border-top: none; background-color: #f4f4f4; clear: both; height: 125px; }
#content .prodhighlight h1 { margin: 0; padding: 10px 0; font-size: 1.5em; }
.in-page-pdf { font-weight: bold; margin: 0 2px 0 0; padding: 0 30px 0 0; background: url(/base/wsimages/generic/default.gif) -191px 0 no-repeat; width: 15px; }
.in-page-app { font-weight: bold; margin: 0 2px 0 0; padding: 0 30px 0 0; background: url(/base/wsimages/generic/default.gif) -191px -50px no-repeat; width: 15px; }
.in-page-generic { font-weight: bold; margin: 0 2px 0 0; padding: 0 30px 0 0; background: url(/base/wsimages/generic/default.gif) -191px -100px no-repeat; width: 15px; }
/* NEW GENERIC SEARCH RESULTS */
/* 710 BOX */
#box-710-bg { display: none; }
#box-710 { display: none; }
#box-710-top { display: none; }
#box-710-bottom { display: none; }
#box-710-content { margin: 0 15px; padding: 0; }
/* 710 BOX */
/* DOWNLOADS SEARCH IN 710 BOX */

/* DOWNLOADS SEARCH IN 710 BOX */
/* Site Map */
#site-map ul { margin: 5px 0 5px -14px; padding: 0 0 0 35px; border-left: none; }
#site-map ul ul { border-left: 1px dotted #999; }
#site-map li { font-weight: bold; text-transform: uppercase; }
#site-map li li { font-weight:bold; margin-left: 25px; text-transform: capitalize; }
#site-map li li li { font-weight: bold; }
/* CF FORMS */ 
.cfform { margin: 0; padding: 10px 0; }
.cfform label { display :inline; padding: 0; }
.cfform fieldset { border: 1px solid #f4f4f4; width: auto; margin: 0 0 15px 0; }
.cfform .cfRequiredLabelIndicator { color: #CC0000; }
.cfform .cfRequiredLabel { }
.cfform legend { padding: 5px 10px; background: #f4f4f4; font-size: 1.1em; font-weight: bold; width: auto; margin: 0; }
.cfform select { margin: 6px 14px; }
.cfform input { margin: 6px 14px; }
.cfform .cfLabelTitle { width: 50%; }
.cfform .cfLabelTitle label { font: bold 0.9em verdana; padding: 3px; }
.cfform .cfText { text-align: center; }
.cfform .cfTextarea { width: 98%; margin: 0; height: 80px; display: block; }
.cfform .cfButton { width: 95px; padding: 1px; margin: 0 0 15px 16px; background: #999; color: #FFF; border: 1px solid #333; }
.cfform p { margin: 0 16px; }
.cfform table { float: left; width: 100%; }
.cfform table td { padding: 3px; }
.cfform table.horizontal { width: 100%; }
.cfform table.horizontal td { text-align: center; }
.cfform .cfRadio { margin: 0 0 -3px 0; }
/* FORM2 */ 
.form2 { text-align: left; margin: 0 0 15px 0; padding: 0 0 10px 0; border: 1px solid #f4f4f4; width: 100%; }
.form2 th, table.form2 td { border: none; }
.form2 thead th { background: #f4f4f4; padding: 5px 10px; font-size: 1.1em; margin: 0; }
.form2 tbody th { text-align: right; }
.form2 tbody td { }
.form2 tbody th, .form2 tbody td { vertical-align: top; line-height: 2.0em; }
.form2 input, .form2 select { margin: 5px 6px 0 0; padding: 1px; }
.form2 textarea { padding: 0; margin: 0; }
.form2 .f-submit { width: 115px; padding: 1px; margin: 0 0 15px 16px; background: #999; color: #FFF; border: 1px solid #333; }
/* CWT ADDED DATA TABLES */
.cwt-table-1 { border-collapse:collapse; width:100%; margin-top:15px; }
.cwt-table-1 td { padding:3px; border:1px solid #ccc; vertical-align:top; }
.cwt-table-1 th { font-size:1.1em; padding:3px; text-align:left; border:1px solid #ccc; background-color:#eee; vertical-align:top; }
.cwt-table-2 { border-collapse:collapse; margin-top:15px; }
.cwt-table-2 td { padding:3px; border:1px solid #ccc; vertical-align:top; }
.cwt-table-2 th { font-size:1.1em; padding:3px; text-align:left; border:1px solid #ccc; background-color:#eee; vertical-align:top; }
.cwt-table-3 { font-size:0.9em; border-collapse:collapse; width:100%; margin-top:15px; }
.cwt-table-3 td { font-size:0.9em; padding:3px; border:1px solid #ccc; vertical-align:top; }
.cwt-table-3 th { padding:3px; text-align:left; border:1px solid #ccc; background-color:#eee; vertical-align:top; }
.cwt-table-4 { font-size:0.9em; border-collapse:collapse; margin-top:15px; }
.cwt-table-4 td { font-size:0.9em; padding:3px; border:1px solid #ccc; vertical-align:top; }
.cwt-table-4 th { padding:3px; text-align:left; border:1px solid #ccc; background-color:#eee; vertical-align:top; }
.cwt-table-5 { border-collapse:collapse; width:100%; margin-top:15px; }
.cwt-table-5 td { padding:3px; border:0; vertical-align:top; }
.cwt-table-5 th { font-size:1.1em; padding:3px; text-align:left; border:0; vertical-align:top; }
.cwt-table-6 { border-collapse:collapse; margin-top:15px; }
.cwt-table-6 td { padding:3px; border:0; vertical-align:top; }
.cwt-table-6 th { font-size:1.1em; padding:3px; text-align:left; border:0; vertical-align:top; }
.cwt-table-7 { border-collapse:collapse; width:100%; margin-top:15px; }
.cwt-table-7 td { padding:0; margin:0; border:0; }
/* CWT ADDED DATA TABLES */
/* GALLERY */
#gallery { margin-bottom:20px; }
ul.gallary { padding:0px; margin:0px; width:250px; height:340px; }
ul.gallary li { background:transparent; position:absolute; padding:0px; margin:0px; width:250px; height:340px; text-align:center; }
ul.thumbNailsWrap { margin:0px; }
ul.thumbNailsWrap li { border: 1px solid #ccc; float:left; margin:5px 13px 5px 0px; padding:0; display:block; background:white; }
/* FOOTER */
#footer { border-top: 1px solid #000; }
#footer p { font-size: 0.8em; margin: 0; padding: 10px 0; }
#footer .font-up { display:none; }
#base-logo { float: right; padding: 10px 0 0 25px; }
#footer-print { display: none; }
/* FOOTER */