/* 
    Document   : follansbee
    Created on : 02-Feb-2010, 09:16:37
    Author     : jond
    Description:
    Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root
{ 
    display: block;
}

body
{
    background: white url('images/background.png') no-repeat top center;
    text-align: center;
    padding: 0;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 82%; 
	color: #062052;
}

/* Main default styles */
p, li { line-height: 1.4em; }
h3 { font-size: 1.1em; }

img.imageleft { float: left; margin: 0 15px 15px 0; }
p.largefont { font-size: 1.2em; }

#contactForm p.mandatory  { margin: 15px 0; }
#contactForm p.mandatory span { color: #F00; }

div#container
{
    width: 950px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

div#headerOuter
{
    height: 120px; /* header 168 - navigation 36*/
    width: 950px;
    margin: 0;
    padding: 0;
}

div#headerInner
{
    margin: 0;
    padding: 0 29px 0 25px;
    color: white;
}

div#headerInner a, div#headerInner a:link, div#headerInner a:visited
{
    color: white;
    text-decoration: none;
}

div#headerInner a:hover
{
    color: white;
    text-decoration: underline;
}

/* Header title image and text replacement styles */
div#headerTitle
{
    width: 226px;
    height: 79px;
    padding: 0;
    margin: 0;
    float: left;
}

div#headerTitle img
{
    border: none;
}

div#headerTitle span
{
    display: none;
}

div#headerTitleSpacer
{
    margin: 0;
    padding: 27px 0 0 0;
}

div#headerTitle span.title
{
    color: #96a5cd;
    font-family: Garamond, serif;
    font-weight: bold;
    font-size: 2em;
    text-transform: capitalize;
    line-height: 1.1em;
}

div#headerTitle span.subtitle
{
    font-family: Garamond, serif;
    font-style: italic;
    font-size: 1.2em;
}

/* Header right - telephone and menu */

div#headerRight { padding: 0; margin: 0; font-weight: bold; text-align: right; }
div#headerRight p { padding: 35px 0 0 35px; margin: 0; float: right; font-size: 1.3em;
    background: transparent url("images/telephone.png") no-repeat top left;	
}
div#headerRight ul.headerMenu { clear: both; display: block; margin: 2em 0 0 0; padding: 0; float: right; list-style-type: none; font-size: 1em; }
div#headerRight ul.headerMenu li { display: block; margin: 0 0 0 1em; padding: 0; float: left; }
#headerRight a:link { color: #FFF; }
#headerRight ul li a:hover, #headerRight ul li a:active { color: #CCCCCC; text-decoration: underline; }
#headerRight ul li.active a { color: #CCC; }

/* main navigation menu */
div#headerNavigation ul
{
    clear: both;
    display: block;
    margin: 0 0 0 29px;
    padding: 0;
    list-style-type: none;
    font-size: 1.2em;
    height: 36px;
}

div#headerNavigation ul li
{
    display: block;
    padding: 0;
    float: left;
    margin: 0 6px 0 0;
    padding: 0;
}

div#headerNavigation ul li a
{
    display: block;
    width: 130px;
    height: 36px;
    line-height: 36px;
    font-weight: bold;
    padding: 0;
    margin: 0;
	text-align: center;
}

div#headerNavigation ul li a, div#headerNavigation ul li a:link, div#headerNavigation ul li a:visited
{
    background: none;
    text-decoration: none;
    color: white;
}

div#headerNavigation ul li.active a, div#headerNavigation ul li.active a:link, div#headerNavigation ul li.active a:visited
{
    background: transparent url("images/tab.png") no-repeat bottom center;
    text-decoration: none;
    color: black;
}

div#headerNavigation ul li a:hover
{
    text-decoration: underline;
    background: transparent url("images/tab.png") no-repeat bottom center;
    color: black;
}

/* sub navigation menu */
div#headerSubnavigation { overflow: hidden; background-color: #afb9cf; }
div#headerSubnavigation ul { display: block; margin: 10px 0 0 29px; padding: 0; list-style-type: none; }
div#headerSubnavigation ul li { display: block; padding: 0; float: left; margin: 0 1.5em 0 0; padding: 0; }
div#headerSubnavigation ul li a { display: block; padding: 0; margin: 0; }
div#headerSubnavigation ul li a, div#headerSubnavigation ul li a:link, div#headersubnavigation ul li a:visited
{ background: none; text-decoration: none; color: white; }

div#headerSubnavigation ul li.active a, div#headerSubnavigation ul li.active a:link, div#headerSubnavigation ul li.active a:visited { text-decoration: none; color: #062052; }
div#headerSubnavigation ul li a:hover { text-decoration: underline; color: black; }

/* Content */

div#contentOuter
{
    background: white url('images/background-content.png') no-repeat top center;
    width: 100%;
    padding: 0;
    margin: 0;
}

div#contentInner
{
    padding: 9px 9px 9px 9px;
    overflow: hidden; /* this is a trick to stretch to container over the floating columns */
}

/* Side bar */

div#sidebarOuter
{
    float: left;
    margin: 0;
    padding: 0;
    width: 272px;
    background: white url("images/background-welcome.png") no-repeat bottom center;
}

div#sidebarInner
{
    margin: 15px;
    padding: 0;
}

div#sidebarInner h1
{
    color: #062052;
    padding: 0;
    margin: 0 0 0.8em 0;
    text-align: left;
    font-size: 1.5em;
}

div#sidebarInner p
{
    color: #062052;
    padding: 0;
    margin: 0 0 1.8em 0;
    text-align: left;
	line-height: 1.4em;
}

div#sidebarInner ul
{
    padding: 0;
    margin: 0 0 200px 0;
    text-align: left;
    font-size: 1em;
    list-style-type: none;
}

div#sidebarInner ul li
{
    /*line-height: 1.5em;*/
    margin: 0 0 0.4em 0;
    padding: 0 0 0 15px;
    color: #062052;
    background: transparent url("images/bullet-sidebar.png") no-repeat 0 3px;
}

#sidebarInner div.casestudysideitem, #sidebarInner div.addressdetails {
    padding: 10px 13px 18px 13px;
    margin: 0 5px 150px 5px;
}
#sidebarInner .casestudysideitem h3 { font-size: 1.2em; padding: 0; margin: 0 0 10px 0; text-align: center; }
#sidebarInner table { margin: 10px 0 0 0; font-size: 0.9em; }
#sidebarInner p { margin: 0; padding: 0; font-size: 0.9em; }
.casestudysideitem th, .casestudysideitem td { text-align: left; line-height: 1.1em; padding: 0 0 3px 0; }
.casestudysideitem th { padding-right: 6px; }

#contentInner div.casestudysideitem { }
#contentInner .casestudysideitem h3 { }

/* case study list item */
.casestudyitem { clear: both; }
.detailssection { float: left; width: 374px; margin: 0; padding: 0; }
.imagesection { width: 223px; float: left; padding: 0 0 5px 0; margin: 0; }
.imagesection img { margin: 0 0 10px 0; }

/* news item */
.newsitem { clear: both; }
.newsitem img { margin: 0 15px 20px 0; }
.newsitem p.date { margin: -16px 0 10px 0; padding: 0; font-size: 0.85em; color: #666; font-weight: bold; }
.newsitem p { margin: 0 0 1em 0; padding: 0; }


div#sidebarInner ul.biglinks
{
    padding: 0;
    margin: 0 5px 0 5px;
    text-align: left;
    list-style-type: none;
}

div#sidebarInner ul.biglinks li
{
    display: block;
    width: 323px;
    height: 34px;
    line-height: 34px;
    text-indent: 20px;
    background: transparent url("images/big-link.gif") no-repeat top left;
	margin: 0 0 10px 0;
}

div#sidebarInner ul.biglinks li a, div#sidebarInner ul.biglinks li a:link, div#sidebarInner ul.biglinks li a:visited
{
    color: white;
    font-size: 1.1em;
    font-weight: bold;
    text-decoration: none;
}

div#sidebarInner ul.biglinks li a:hover
{
    text-decoration: underline;
}

/* Main content */

div.mainSpacer { float: left; margin: 0 0 0 7px; padding: 0; }
div.mainOuter { width: 653px; float: left; margin: 0; padding: 0; background-color: white; }
div.fullwidth { width: 100%; }
div.mainInner { margin: 0; padding: 23px; overflow: hidden; }

div.mainInner h1 { color: #062052; padding: 0; margin: 0 0 0.8em 0; text-align: left; font-size: 1.5em; }
div.mainInner h2 { padding: 0.5em 0 0 0; margin: 0 0 0.8em 0; text-align: left; font-size: 1.3em; }
div.mainInner p { color: #062052; padding: 0; margin: 0 0 1.1em 0; text-align: left; } 
div.mainInner li { padding-bottom: 1.1em; }

div.mainInner a, div.mainInner a:link, div.mainInner a:visited { color: #993300; text-decoration: none; }
div.mainInner a:hover { text-decoration: underline; }
div.mainInner a img { border: none; }

div.mainInner h2 a { color: #993300; background: transparent url("images/hoverarrow.gif") no-repeat 0px 0px; padding-left: 20px; }
div.mainInner h2 a:hover { color: #062052; background: transparent url("images/hoverarrow.gif") no-repeat 0px -50px; }


/* Technical data table */
/*
div.mainInner table
{
    color: #062052;
    padding: 0;
    margin: 0 0 1em 0;
    text-align: left;
    border: none;
}
*/
/*
div.mainInner table td
{
    padding: 5px;
    margin: 0;
    border: none;
}
*/

/* Case study specific */
div.mainInner ul.casestudy
{
    list-style-type: none;
    color: #062052;
    padding: 0;
    margin: 0 0 1.8em 0;
    text-align: left;
}

div.mainInner ul.casestudy li
{
    margin: 0 0 0.5em 0;
    line-height: 1.3em;
    padding: 0;
}

/* Front page specific - indent the main content for pictures */
div.mainInner .indent
{
    margin-left: 250px;
}

div.mainInner div.imgSpacer
{
    float: left;
    clear: both;
    margin: 0 0 22px 0;
    position: relative;
}

div.mainInner img /* this helps the javascript rounded borders */
{
    float: left;
}

/* drops the kolor section to the kolor image */
div.mainInner h2.kolor
{
    margin-top: 70px;
}

/* Gray box fixed size */

div.boxOuter { clear: both; float: left; width: 608px; height: 125px; background: transparent url("images/background-box.png") no-repeat top left; color: white; text-align: left; padding: 0; margin: 0; }
div.boxInner { margin: 0; padding: 1em; }
div.boxInner h2 { font-size: 1em; background: none; color: white; margin: 0 0 0 90px; padding: 0; text-indent: 0;
 text-align: left; }
div.boxInner p { font-size: 0.9em; color: white; margin: 0.2em 0 0 90px; padding: 0; text-indent: 0; text-align: left; }

div.boxInner p a, div.boxInner p a:link, div.boxInner p a:visited, div.boxInner p a:hover { color: white;
    text-decoration: underline;}


/* Home Page ZT Alloy Box */
#ztalloybox { clear: both; float: left; width: 608px; background: url("images/ztalloy-box.jpg") no-repeat top left; color: white; padding: 10px 0 0 0; margin: 0; }
#ztalloyboxInner { background: url("images/ztalloy-box-bottom.jpg") no-repeat bottom left; padding: 0 0 10px 100px; margin: 0; color: white;  }
#ztalloybox #ztalloyboxInner p { color: white; padding: 0; margin: 0; }
#ztalloybox a { color: white; text-decoration: underline; }
#ztalloybox a:hover { color: #DDD; }
#ztalloybox #ztalloyboxInner h2 { padding: 0 0 6px 0; margin: 0; }

/* Next Steps Box */
#nextsteps { clear: both; float: left; width: 608px; background: url("images/nextsteps-box.jpg") no-repeat top left; color: white; padding: 15px 0 0 0; margin: 20px 0; }
#nextstepsInner { background: url("images/ztalloy-box-bottom.jpg") no-repeat bottom left; padding: 0 0 0px 15px; margin: 0; color: white;  }
#nextsteps #nextstepsInner p { color: white; padding: 0; margin: 0; }
#nextsteps #nextstepsInner h2 { padding: 0 0 6px 0; margin: 0; }

#nextsteps a { display: block; font-size: 1.1em; font-weight: bold; color: #FFF; background: url("images/nextstepsarrow.gif") no-repeat 0px 0px; padding: 0 0 15px 20px; }
#nextsteps a:hover { color: #DDD; background: url("images/nextstepsarrow.gif") no-repeat 0px -50px; text-decoration: underline; }



/* Gray box styles for the TCS applications page */
/*
div.boxInner ul
{
    padding: 0;
    margin: 10px 0 0 10px;
    list-style-type: none;
}

div.boxInner li
{
    font-size: 1em;
    color: white;
    margin: 0 0 15px 0;
    font-weight: bold;
}

div.boxInner li a, div.boxInner li a:link, div.boxInner li a:visited, div.boxInner li a:hover
{
    color: white;
    text-decoration: none;
}

div.boxInner li a:hover
{
    color: white;
    text-decoration: underline;
}
*/

/* Gray box ZT Alloy logo for the home page */

div#ztalloy
{
    float: left;
    width: 72px;
    height: 60px;
    padding: 0;
    margin: 0;
}

div#zt
{
    float:left;
    font-size: 2em;
    font-weight: bold;
    padding: 0;
    margin: 0;
}

div#alloy
{
    float:right;
    font-weight: bold;
    font-size: 1.4em;
    padding: 0;
    margin: 0;
}

/* Footer */

div#footer
{
    width: 100%;
    padding: 0;
    margin: 0 0 0 0;
    clear: both;
}

div#footerBanner { padding: 9px 80px 9px 9px; background: #062052 url("images/nfrc.gif") no-repeat 885px 9px;
color: white; }
#footerBanner p { text-align: left; padding: 0; margin: 0; }
#footerBanner p#mrfc { float: right; }
#footerBanner a { color: white; }
#footerBanner a:hover { color: #DDD; }


ul#footerMenu { float: left; }

ul#footerLinks { float: right; }

ul#footerMenu li { border-right: 1px solid #062052; }
ul#footerMenu li.last, ul#footerLinks li.last { border-right: none; margin: 0; padding: 0; }
ul#footerMenu, ul#footerLinks { display: block; margin: 1em 0 0 0; padding: 0; list-style-type: none; }
ul#footerMenu li, ul#footerLinks li { display: block; margin: 0 0.5em 0 0; padding: 0 0.5em 0 0; float: left; }

ul#footerMenu li a, ul#footerMenu li a:link, ul#footerMenu li a:visited, 
ul#footerLinks li a, ul#footerLinks li a:link, ul#footerLinks li a:visited { color: #062052; }
ul#footerMenu li a:hover, ul#footerLinks li a:hover { color: #666; }


p#footerAddress
{
    padding: 1em 0 0 0;
    margin: 1em 0 0 0;
    clear: both;
    font-size: 0.85em;
    color: #333333;
    text-align: left;
}

p#credit { font-size: 0.85em; color: #333; padding: 1em 0 0 0; margin: 1em 0; }
#credit a, #credit a:link, #credit a:visited { color: #062052; }
#credit a:hover { color: #666; }

/* Contact form styling */

form#contactForm
{
    clear: both;
    display: block;
    margin: 0 0 20px 0;
    padding: 0;
    border: none;
}

form#contactForm fieldset
{
    clear: both;
    display: block;
    margin: 0;
    padding: 0;
    border: none;
}

form#contactForm fieldset legend
{
    display: none;
}

form#contactForm label
{
    display: block;
    float: left;
    line-height: 100%;
    width: 10em;
    height: 100%;
    text-align: left;
    font-size: 1.1em;
    color: #062052;
}

form#contactForm fieldset ol
{
    margin: 0;
    padding: 0;
}

form#contactForm fieldset li
{
    list-style: none;
    display: block;
    clear: both;
    padding: 5px;
    margin: 0;
    overflow: hidden;
}

form#contactForm em
{
    font-weight: bold;
    font-style: normal;
    color: red;
}

form#contactForm li input, form#contactForm li textarea
{
    display: block;
    float: left;
    border: 1px #062052 solid;
    background-color: #ebeaec;
}

form#contactForm input.contactSubmit
{
    clear: both;
    display: block;
    border: none;
    color: white;
    width: 69px;
    height: 26px;
    font-weight: bold;
    background: #062052 url("images/contact-submit.jpg") no-repeat top left;
}

form#contactForm div.errors { text-align: left; font-size: 1.1em; margin: 1em 0 1em 0; padding: 0; color: red; }

/* White rounded corners using images */
.tl
{
    background: transparent url("images/tl.gif") no-repeat top left;
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
}

.tr
{
    background: transparent url("images/tr.gif") no-repeat top right;
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
}

/* Round image corners */
.rounded_wrapper {
    position: relative;
}

.rounded_wrapper img {
    border-width: 0;
    border-style: none;
}

.rounded_wrapper div {
    height: 7px;
    position: absolute;
    width: 100%;
}

.rounded_wrapper .tl {
    top: 0;
    left: 0;
    background: url("images/tl-white.gif") no-repeat left top;
}

.rounded_wrapper .tr {
    top: 0;
    right: 0;
    background: url("images/tr-white.gif") no-repeat right top;
}

.rounded_wrapper .br {
    bottom: 0;
    right: 0;
    background: url("images/br-white.gif") no-repeat right bottom;
}

.rounded_wrapper .bl {
    bottom: 0;
    left: 0;
    background: url("images/bl-white.gif") no-repeat left bottom;
}

/* The thermal coefficient table */
table#thermaltable { margin: 20px 0; border-collapse: collapse; border: 1px solid #CCC; }
#thermaltable th, #thermaltable td { padding: 0 3px; border: 1px solid #CCC; }
#thermaltable th { text-align: center; background-color: #EEE; }
#thermaltable .tcsrow td { font-weight: bold; color: #062052; }

/* The CAD Drawings table */
table.listtable { margin: 15px 0; border-collapse: collapse; border: 1px solid #CCC; }
.listtable th, .listtable td { padding: 3px 5px; border-bottom: 1px solid #CCC; }
.listtable td { padding: 5px 3px; white-space: nowrap; }
.listtable td.caditem { padding-left: 15px; white-space:normal; }
.listtable th { background-color: #EEE; }
/* @end */