@charset "utf-8";

/* ************************************************************************************
	* Description.......: A. M. Castle & Co. global sitewide styles
	* Created by........: Adriano Pezzella (Tahoe Partners)
	* Created date......: 09-03-2008
	* Modified by.......: Adriano Pezzella
	* Modified date.....: 10-27-2008
	* Notes.............: 
************************************************************************************* */





/* =Resets
================================================================================================= */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline; }

html { font-size: 76.1%; overflow: -moz-scrollbars-vertical; } /* Always show Firefox scrollbar - v1 */

body { font: 1em/1.3 Arial, Helvetica, sans-serif;
	background: #f5f5f5 url('../images/bg_body.gif') repeat-x;
	color: #3e444a;	
	text-align: center;
	}

h1, h2, h3, h4, h5, h6 { margin: 1.2em 0 0.4em; color: #333; font-weight: normal; }
h1 	{ margin: 0 0 0.5em; font-size: 1.6em; line-height: 1; font-weight: normal; }
h2 	{ margin-bottom: 0.5em; font-size: 1.4em; letter-spacing: 0.05em; }
h3 	{ margin-bottom: 1em; font-size: 1.2em; letter-spacing: 0.03em; font-weight:bold; }
h4 	{ margin-bottom: 1.25em; font-size: 1em;  }
h5 	{ margin-bottom: 1.5em; font-size: 1em; font-weight: bold; }
h6 	{ font-size: 0.9em; font-weight: bold; }

p, ul, ol, dl, pre, blockquote { margin: 0.5em 0 1.3em; }
p 	{ line-height: 1.3; }

p + h2 { margin-top: 1.6em; }

/* Lists */
ul, ol 		{ margin:0 1.5em 1.5em 2em; }
ol			{ margin-left: 2.5em; }
ul 			{ list-style-type:disc; }
ul li 		{ margin-bottom: 0.2em; line-height: 1.2; }
ol 			{ list-style-type: decimal;  }
li ul, li ol{ margin: 0 1.5em; }
dl 			{ margin: 0 0 1.5em 0; }
dl dt 		{ font-weight: bold; }
dt			{ margin-top: 8px; }
dd 			{ margin-left: 1.5em; }

sup, sub 		{ line-height: 0; }
abbr, acronym 	{ border-bottom: 1px dotted #666; }
address 		{ margin: 0 0 1.5em; font-style: normal; }
del 			{ color: #666; }
pre, code 		{ margin: 1.5em 0; white-space: pre; }
pre, code, tt 	{ font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


hr { clear: both;
	float: none;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	border: 0;
	height: 1px;
	color: #ccc;
	background-color: #ccc;
	border: none; }
hr.space { background: #fff; color: #fff; }


/* =Typographic Treatment
============================== */
strong 			{ font-weight: bold }
em 				{ font-style:italic; font-weight: bold; }
big, .big 		{ font-size: 1.4em; font-weight: bold; }
small, .small 	{ font-size: 0.8em; }
.large 			{ font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.emphasis, .emz	{ font-weight: bold; color: #d2781a; }


/* Tables */
table 		{ border-collapse: separate; border-spacing: 0; margin-bottom: 1em; /*border: 1px solid #dde0e5;*/ }
caption		{ text-align: center; font-style: italic; }
th, td		{ padding: 4px 10px 4px 5px; text-align: left; font-weight: normal; vertical-align: middle; } 
th 			{ font-weight: bold; }
td 			{  }

/* Table styled 1 */
.styl-1 th, .styl-1 td 	{ border: 1px solid #dde0e5; }
.styl-1 th 			{ background-color: #eaecee; }
.styl-1 td 			{ background-color: #fdfdfd; }
.styl-1 tr.even td 	{ background-color: #fff; }
.styl-1 th.nobg 	{ border-top: 0; border-left: 0; background: none; border-right: 1px solid #dde0e5; }


/*  =Links 
a:visited 		{ color: #8e66b2; }
a:hover 		{ color: #e77927; text-decoration: none; }
a:active, 
a:focus 		{ color: #c00; outline: none; }
a:visited:hover	{ color: #8e66b2; text-decoration: none; }
a img { border: none; }
:focus { outline: 0; }


/* =Forms
====================================== */
/*.forms .col01 	{ float: left; position: relative; zoom:1; width: 340px; margin-right: 20px; }
.forms .col02 	{ float: left; width: 340px; position: relative; zoom:1; }*/
fieldset 		{ margin: 10px 0; }
legend 			{ margin-bottom: 4px; font-family: "Arial Narrow"; font-size: 1.2em; font-weight: bold; color: #555; }
.forms p 		{ margin-bottom: 0.4em; }
.forms label 	{ display: block; float: left; padding-right: 10px; text-align: right; }
.forms input.text { margin-right: 8px; zoom:1; }
.forms .lineup 	{ margin-left: 180px; }
/*.forms .colsize { width: 470px; }*/

.forms label.s3 { width: 120px; }

input.text, .forms select, .forms textarea  {
	padding: 0.10em 0.05em 0.3em 0.4em;
	border: 1px solid #bfbfbf;
	border-color: #a8a9a8 #ddd #ddd #a8a9a8;
	border-width: 1px 1px 1px 1px;
	background-color: #f1f1f1;
	font-size: 1.1em;
	color: #4b4b4b;
	}
	
input.s1 	{ width: 30px !important;  }
input.s2 	{ width: 80px; }
input.s3 	{ width: 155px; }

textarea.s3 { width: 270px; height: 150px; }
textarea.s5 { width: 350px; height: 200px; }

select.s1 	{ min-width: 30px; }
select.s2 	{ min-width: 80px; }
select.s3 	{ min-width: 165px; }

input.text:focus, 
input.rc:focus, 
textarea:focus, 
select:focus { border-color: #b6c4a4 #d4dfc6 #d4dfc6 #b6c4a4; background-color: #fff; }

.forms label.rc { display: inline-block; width: 250px; text-align: left; }
.forms input.rc { display: inline-block; float: left; clear: left; /*margin: -1px 4px 0 0;*/ }
* html .forms input.rc { margin-top: -2px; }
input.rcline 	{ position: relative; top: 2px; }

input.btn 		{ vertical-align: text-top; padding-left: 2px; }



/* =Layout
============================== */
div.wrapper { }
div.container { width: 940px; margin: 0 auto; padding: 0 10px; text-align: left; }
div.main {  }
div.content { float: left; width: 700px; margin: 0 0 20px 10px; }
div.content .mainSplash { overflow: hidden; width: 700px; margin-bottom: 4px; }

div.contactUs { float: left; margin: 0 0 20px 0; }
div.requestInfo { padding: 12px; background: #eaecee; border: 1px solid #c6d1db; }


/* =header
============================== */
div.header {
	position: relative;
	zoom: 1;
	background: url(../images/bg_headerbar.gif) repeat-x 0 0; 
	min-height: 90px;
	height: auto !important; 
	height: 90px;
	margin: 0 0 8px;
	} 

.searchBox {
	position: absolute; 
	right: 0;
	bottom: 7px; 
	vertical-align: text-top; }
.searchBox input { vertical-align:text-top;  }
.searchsite { padding: 2px 4px; }



/* =nav bar
============================== */
div.navWrap {
	position: absolute;	
	top: 0;
	right: 0;
	height: 33px;
	background: url(../images/bg_navbar_tip.gif) 0 0 no-repeat;	}

ul.navbar { 
	position: relative;
	zoom: 1;
	z-index: 150;
	float: left;
	height: 33px;
	margin: 0 0 0 26px;
	padding: 0;
	background: #e4e7ea url(../images/bg_navbar_bottom.gif) 0 100% repeat-x; }

* html ul.navbar { display: inline; } /*IE6*/

.navbar li { display: inline; }

.navbar li a { 
	float: left;
	display: block;
	margin-bottom: 8px;
	padding: 5px 20px 6px;
	color: #004988;
	white-space: nowrap;
	font: normal 0.9em Arial;
	text-decoration: none;
	background: #555 url(../images/bg_navbtns.gif) 0 0 repeat-x;
  	border-right: 1px solid #8da0b0; }

.navbar li a:visited { color: #004988; }
.navbar li a:hover,
.navbar li a:visited:hover, 
.navbar li a.current,
.navbar li a.current:visited  { color: #f60; }
.navbar li .current { cursor: default; }

.navbar .trigger { position: relative; }




/* =subnav bar
============================== */
div.subnav {
	display: none;
	zoom: 1; 
	position: absolute;
	z-index: 50;
	right: 0;
	width: 520px; 
	margin: 0 0 0 16px;
	padding: 0;}


div.subnav dl {
	position: relative;
	zoom:1;
	width: 175px; 
	margin: 0; 
	padding: 0 0 8px 0; 
	list-style: none; 
	background: url(../images/bg_subnav_tip.gif) 0 100% no-repeat; }
	
div.subnav dt {
	margin: 0; 
	padding: 16px 0 2px 10px; 
	color: #fff; 
	background-color: #2673b7;
	letter-spacing: 0.02em; }

.subnav dd { display: inline; margin:0; padding:0; }

.subnav dd a { 
	display: block;
	padding: 4px 4px 4px 16px;
	white-space: nowrap;
	color: #fff;
	font: normal 1em Arial;
	letter-spacing: 0.02em;
	text-decoration: none;
	background-color: #005baa; 
	border-bottom: 1px solid #93b9db; }
	
.subnav dd.last a { border-bottom: none; }
.subnav dd a:visited { color: #fff; }

.subnav dd a:hover,
.subnav dd a:visited:hover, 
.subnav dd a.current,
.subnav dd a.current:visited  { background-color: #e4e7ea; color: #005baa; }

.subnav dd .current { cursor: default; }
.subnav dd a.last { margin-right: 0; padding-right: 10px; border-right: none; }




/* =Drop Zones
============================== */
#dz1-4, #dz1, #dz2, #dz3, #dz4, #dz5, #dz6, #dz5-6 { float: left; }
#dz1,
#dz1-4 { width: 220px; height: 436px; margin: 0 10px 20px 0; }
#dz2, #dz4 { width: 400px; height: 208px; margin: 0 10px 20px 10px; }
#dz3, #dz5 { width: 280px; height: 208px; margin: 0 0 20px 10px; }
#dz2 { overflow: auto; }
#dz2 h1 { margin-top: 0; }


/* =Side Nav
============================== */
div.sideNav { float: left; width: 220px; margin: 0 10px 20px 0; }
div.sideNav .snT { height: 9px; background: url(../images/bg_sideNav_top.gif) 0 0 no-repeat; }
div.sideNav .snB { height: 14px; background: url(../images/bg_sideNav_botm.gif) 0 100% no-repeat;}
div.sideNav .snM { padding: 0 8px 0 20px; padding: 9px 8px 14px 20px; padding: 2px 8px 2px 20px; background: url(../images/bg_sideNav_mid.gif) 0 0 repeat-y;}

.sideNav h3 { margin:0; padding:0; font-weight: bold; color: #004077; }
.sideNav h3 a.selected,
.sideNav h3 a:link.selected,
.sideNav h3 a:visited.selected { color: #f60; }

.sideNav ul { list-style-type:none; margin: 2px 0 16px 4px; }
.sideNav ul li { 
	list-style-type: none;
	background: url(../images/bull.gif) 0 5px no-repeat;
	padding-left: 10px;
	}
.sideNav ul li ul { margin-top: 4px; margin-bottom: 8px; } 

.sideNav ul li a { display: block; }
* html .sideNav ul li a { position: relative; zoom:1; }
.sideNav ul li:hover,
.sideNav ul li.selected { background: url(../images/bull_on.gif) 0 5px no-repeat; color: #f60; }
.sideNav ul li.selected a,
.sideNav ul li.selected a:link,
.sideNav ul li.selected a:visited { color: #f60; }

.sideNav ul li.selected li a,
.sideNav ul li.selected li a:link,
.sideNav ul li.selected li a:visited { color: #005baa; }

.sideNav  a { text-decoration: none; }
.sideNav  a:link { color: #005baa; }
.sideNav  a:visited { color: #005baa; }
.sideNav  a:hover,
.sideNav ul li.selected li a:hover { color: #e77927; }


/* =Locations
============================== */
.corpContact { margin-top: 0.5em; }
.corpAddress,
.corpPhone {  font-size: 1.1em; }

.corpAddress,
.corpPhone,
.corpPhoneMain { float: left; margin: 0 40px 12px 0; }
div.locations { 
	float: right;
	overflow: scroll;
	width:198px;
	height: 400px;
	margin: 0 0 20px 20px; 
	padding: 12px 10px; 
	background: #eaecee; 
	border: 1px solid #c6d1db; }
	
div.locations h3 { margin-top: 0; }
div.locations dt { margin-top: 10px; }
div.locations dd { margin-left: 0; }
div.locationMap { float: left; clear: both; width: 698px; background: #fff; border: 1px solid #c6d1db; }
div.locationMap .key { list-style: none; margin:0; padding: 8px 8px 12px; }
div.locationMap .key li{ float: left; white-space:nowrap; margin-right: 25px; font-size: 1em;  }
* html div.locationMap .key li { border:0px solid #fff;}

/* =Content
============================== */
h1 { color: #00294d; }
h2.hBar { margin-top: 0; }
h1.hBar,  h2.hBar { 
	background: #005baa url(../images/bg_hBar_left.gif) 0 100% no-repeat;
	line-height: 1.6;
	font-size: 1.5em; 
	font-weight: normal; 
	color: #fff; }
h1.hBar strong,  h2.hBar strong { 
	display: block; 
	padding: 0 0 0 20px;
	background: url(../images/bg_hBar_right.gif) 100% 100% no-repeat; 
	color: #fff; 
	font-weight: normal; }

img.grfx { padding: 0 16px 20px 0; }
img.last { padding-right: 0; }

/* About us */
.subsidiary { border-bottom: 1px solid #ccc; padding-bottom: 0; }
.subsidiary h2 { margin: 1em 0 0; font-weight: bold; font-size: 1.6em; color: #555; }
.subsidiary .logo { padding-top: 6px; }
.subsidiary .logo h2 { margin-top: 0.2em; }


/* =Product 
============================== */
.bu h1 { margin-top: 0; }
.buView, .buDesc { float: left; }
.buView {  }
.buView img { margin: 0 20px 20px 0; }
.buDesc { width: 520px; margin-bottom: 16px; }
.buDesc a.pdf { display:block; float:left; width: 220px; padding: 0 20px 4px 17px; }
.buDetail { margin: 8px 0 50px; }

.panel { margin-bottom: 4px; }
.panel .grades { clear: both; margin-bottom: 10px; }
.panel .grades ul { list-style-type: none; margin:0; }
.panel .grades li { float: left; padding-right: 20px; }

.panel .grades ul.vertical li { float: none; }


/* =Services 
============================== */
.services dt { margin-top: 10px; padding-left: 9px; background: url(../images/bull2.gif) 0 5px no-repeat; }
.services dd { margin: 0 0 0 9px;  }


/* =Search Results
============================== */
.resultsSearchBox { margin-top: 22px; }
.resultsSearchBox input { vertical-align:text-top; }
.resultsSearchBox .sbLong { width: 250px; position: relative; vertical-align:text-top; }
.resultsLine { border-bottom: 1px solid #e2e6ea; }
.resultsLine2 { border-top: 1px solid #e2e6ea; }
.searchedFor { float: left; margin-bottom: 0; }
.resultTotals { float: right; margin-bottom: 0; }

.searchResults ol { margin-top: 10px; }
.searchResults li { margin-bottom: 12px; }
.searchResults li a { font-weight: bold; }
.searchResults em { font-style: normal; font-weight: normal; color: #5a5; }


/* =Pagination
====================================== */
.pagination { margin-top: 12px; padding: 2px; float: left; }

.pagination ul {
	margin: 0;
	padding: 0;
	text-align: left; 
	font-size: 1em; }

.pagination li {
	list-style-type: none;
	display: inline;
	padding-bottom: 1px; }

.pagination a {
	padding: 3px 6px;
	text-decoration: none; 
	color: #fff; }
.pagination a:link { background-color: #4c8cc3; }
.pagination a:visited {
	padding: 3px 6px;
	background-color: #4c8cc3;
	text-decoration: none; 
	color: #fff; }
.pagination a:hover,
.pagination a:visited:hover, 
.pagination a:active {
	color: #fff;
	background-color: #005baa;	}

.pagination a.currentpage,
.pagination a.currentpage:hover,
.pagination a.currentpage:visited:hover {
	background-color: #ff862b;
	color: #fff !important;
	font-weight: bold;
	cursor: default; }

.pagination a.disablelink, 
.pagination a.disablelink:hover {
	background-color: #ccc;
	cursor: default;
	color: #929292;
	font-weight: normal !important;	}

.pagination a.prevnext { margin: 0 6px; }



/* =Accordion Module
============================== */

.accord,
.expander,
.mainMod  { margin-bottom: 4px; clear: both;}

.accord .panel,
.expander .panel,
.mainMod .panel {
	position: relative; 
	zoom: 1;
	overflow: auto;
	padding: 10px 12px;
	background-color: #fff; 
	border: 1px solid #aeb9c2; }

.accord table.panel,
.expander table.panel { padding: 0; }

.accord a.titleBar,
.expander a.titleBar,
.mainMod h3.titleBar {
	position: relative; zoom:1;
	display:block;
	margin:0;
	padding:2px 5px 2px 26px;
	border: 1px solid #aeb9c2;
	background: #d9e6f2 url(../images/arw_side.gif) 6px 6px no-repeat;
	font-size: 1.25em;
	letter-spacing: 0.09em;
	color: #00294d;
	text-decoration: none;
	cursor:pointer; }

.accord a.titleBar:hover,
.expander a.titleBar:hover { background-color: #e6eef6; }
.mainMod h3.titleBar { background: url('../images/bg_titleBar.gif') repeat-x 0 0; 
padding-left: 10px; cursor: default; }

.accord a.active, .accord a.selected,
.expander a.active, .expander a.selected { background: #e6eef6 url(../images/arw_down.gif) 6px 6px no-repeat; color: #00294d; }



/* =Misc
============================== */
a.pdf { padding-left: 17px; background: url(../images/ico_pdf.gif) 0 0 no-repeat; }
a.top { float: right; padding-right: 14px; background: url(../images/ico_backtotop.gif) 100% 3px no-repeat;  }


/* =Footer
============================== */
div.footer { 
	clear: both;
	overflow: auto;
	margin: 10px 0 0;
	padding: 10px 6px;
	background: url(../images/bg_footer_border.gif) 0 0 repeat-x;
	}
.footer p {  float:left; margin: 0; padding:0;}
.footer ul { float:right; list-style-type: none; margin: 0; padding:0; }
.footer li { display: inline; padding: 0 8px; border-right: 1px solid #afafaf; }
.footer li.last { margin-right: 0; padding-right: 0; border-right: none; }
.footer li a { white-space: nowrap; }

.footer a { text-decoration: none; font-size: 0.9em; }

.stockTicker { 
	clear: both;
	width: 250px; 
	height: 22px; 
	margin: 8px 0; 
	padding: 2px 4px 2px 6px; 
	border: 1px solid #e2e6ea; 
	background-color: #eaecee; }

.stockTicker strong { padding: 0 12px 0 6px; }
.stockTicker em { color: #559f4f; font-style: normal; font-weight: bold; }

/* =Utilities
============================== */
.fLeft { float: left; }
.fRight { float: right; }


/* =Clearing
============================== */
.clearfix:after 	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0.1em; line-height: 0; }
.clearfix 			{ display: inline-block; }
/* Hides from IE-mac \*/ 
* html .clearfix 	{ height: 1%; } 
.clearfix 			{ display: block; } 
/* End hide from IE-mac */


/* Clearing with overflow */
.clearbox 	{ overflow: hidden; }
br.clear 	{ font-size: 1px; line-height: 0; height: 0; clear: both; }
.clearer 	{ clear: both; position: relative; display: block; overflow: auto; width: auto; height: 0; }
.clear 		{ clear: both; }

/* =Clearing Fixes
============================== */
.main:after,
.content:after,
.subnav ul:after,
.panel .grades:after,
.panel .services:after,
.resultsLine:after,
.stockTicker:after,
div.locationMap .key:after
	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0.1em; line-height: 0; }

.main,
.content,
.subnav ul,
.panel .grades,
.panel .services,
.resultsLine,
.stockTicker,
div.locationMap .key 
	{ display: inline-block; }
	
/* Hides from IE-mac \*/
* html .main,
* html .content,
* html .subnav ul,
* html .panel .grades,
* html .panel .services,
* html .resultsLine,
* html .stockTicker,
* html div.locationMap .key 
	{ height: 1%; }
.main,
.content,
.subnav ul,
.panel .grades,
.panel .services,
.resultsLine,
.stockTicker,
div.locationMap .key 
	{ display: block; }
/* End hide from IE-mac */


/* =PNG Fix for IE
============================== */
.locationMap .key img,
.locations img { behavior: url(scripts/iepngfix.htc); }

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}