/* ===============================================
PROJECT TITLE
			National Specialty Alloys
--------------------------------------------------
AUTHOR(S): 
	jwynn@topspotims.com (Jeremy)
==================================================
COLOR TABLE
--------------------------------------------------
BACKGROUND      #FFF;
RED				#BE171D;
BLUE			#006FB2;
TEXT			#333;
=================================================*/
/* GENERAL   ---------------------------------------*/
body {
	background: #000 url(../images/pagewrap.gif) repeat-x left top;
	color: #333;
	font-size: 62.5%;
	margin: 0;
	padding: 0;
}
#container {
	background: #FFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	position: relative;
	width: 960px;
	margin: 0 auto 25px;
}
.clearBoth {
	clear: both;
}
.floatright {
	display: inline;
	float: right;
}
.floatleft {
	display: inline;
	float: left;
}	
	
input, textarea {
	border: 1px solid #999;
}
textarea {
	overflow: auto;
}
label {
	display: block;
}
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline !important;
}
h1, h2, h3, h4 {
	font-family: Helvetica, Arial, sans-serif;
	margin: 0 0 6px 0;
	padding: 12px 0 0;
}
h1 {
	font-size: 1.8em;
}
h2 {
	font-size: 1.5em;
	color: #00338d;
}
h3 {
	color: #006fb2;
	font-size: 1.4em;
}
h4 {
	font-size: 1.3em;
}
dt {
	font-weight: 700;
	line-height: 1.52em;
	margin-bottom: 10px;
}
dd {
	line-height: 1.52em;
	margin: 0 0 10px 0;
	padding: 0;
}
	dd table {
		margin: 0;
	}
.submit {
	background: #b31d1d;
	border: 0;
	color: #FFF;
	cursor: pointer;
	font-size: 11px;
	font-weight: 700;
	height: 23px;
	margin-top: 10px;
	width: 75px;
}
#banner {
	background: url(../images/banner.jpg) no-repeat left top;
	height: 176px;
	width: 960px;
}
#main {
	float:left;
	display: inline;
	font-size: 1.2em;	
	position: relative;
	min-height: 375px;
	width: 960px;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	padding: 8px 0 0 0;
}
	#main a {
		color: #00338d;
		font-weight: 700;
	}
	
	#main p {
		line-height: 1.5em;
		margin: 0;
	}
	#main #content p {
		margin: 0 0 8px 0;
	}
	
	#main ul {
		line-height: 1.52em;
	}
	
.superscript {
	bottom: 1ex;
	font-size: 80%;
	position: relative;
	vertical-align: 0;
}
span.underline {
	text-decoration: underline;
}
a:hover span.superscript {
	text-decoration: none !important;
}
#leftMenu li.collapsable span.superscript {
	display: inline !important;
}
/* GLOBAL NAV   ---------------------------------------*/
	
body#index #banner {
	background: url(../images/banner-home.jpg) no-repeat left top;
	height: 256px;
}	
	#banner a.logo {
		display: block;
		height: 84px;
		width: 222px;
		text-indent: -9999px;
		position: absolute;
		top: 25px;
		left: 5px;
		outline: none;
	}
	#banner p {
		clear: right;
		float: right;
		display: inline;
		font-size: 1.8em;
		font-weight: 700;
		margin: 7px 17px 0 0;
		padding: 0;		
	}
	
	#banner ul {
		list-style: none;
		display: inline;
		float: right;
		position: relative;
		right: 18px;
		top: 7px;
	}
		#banner li {
			display: inline;
			float: left;
			padding-left: 8px;
			margin-left: 8px;
		}
		
			#banner a {
				color: #333;
				font-size: 1.3em;
			}
.navSign {
	margin-right: 2px;
}		
/* NAVIGATION BAR   ---------------------------------------*/
#nav {
	background: url(../images/home-nav.gif) no-repeat;
	font-size: 13px;
	font-weight: 700;
	height: 49px;
	padding: 1px 0 0 0;
	margin: 0;
	z-index: 5000;
}
	#nav li.activeLevel a {
		text-decoration: underline;
	}
	
		#nav li.activeLevel ul li a {
			text-decoration: none;
		}
	#nav a {
		display: block;
		color: #FFF;
		line-height: 30px;
	}
	
	#nav a.rfqLink {
		background: transparent url(../images/rfq-sprite.gif) no-repeat left top;
		display: inline;
		float: right;
		font-size: 13px;
		height: 21px;
		line-height: 21px;
		margin-right: 40px;
		margin-top: 5px;
		padding-left: 18px;
		width: 123px;
	}
	#nav a.rfqLink:hover {
		background: transparent url(../images/rfq-sprite.gif) no-repeat left -21px;
		text-decoration: none !important;
	}
	#nav ul {
		float: left;
		display: inline;
		list-style: none;
		margin: 0;
		padding: 0;
		width: 606px;
		z-index: 5000;
	}
		#nav ul li {
			display: inline;
			float: left;
			position: relative;
			padding-left: 30px;
			z-index: 5000;
		}
			#nav ul li a {
				color: #FFF;
			}
		#nav ul ul {
			position: absolute;
			left: -9999px;
			margin: 0;
			padding: 0;
			width: 250px;
			list-style: none;
			background-color: #000;
			z-index: 5000;
		}
		#nav ul li:hover ul, #nav ul li.sfhover ul {
			left: auto;
		}
		#nav ul ul li {
			display: block;
			background-color: #000;
			border-bottom: 1px solid #FFF;
			float: none;
			margin-left: 0;
			padding: 0;
		}
			#nav ul ul li a {
				padding: 5px;
				line-height: 20px;
			}
		#nav ul ul li.last {
			border-bottom: 0;
			height: 30px;
		}
			
/* BREADCRUMBS   ---------------------------------------*/
.B_crumbBox a {
	color: #888;
	text-decoration: none;
	}
	.B_crumbBox a:hover {
		text-decoration: underline;
	}
/* LEFT MENU   ---------------------------------------*/
#leftMenu {
	display: inline;
	float: left;
	width: 190px;
	padding: 0 20px 0 5px;
} 
	#leftMenu p.heading {
		background: #fff url(../images/left-menu-bg.gif) no-repeat top left;
		font-family: Helvetica, Arial, sans-serif;;
		font-size: 14px;
		color: #398bd4;
		height: 23px;
		line-height: 25px;
		margin-bottom: 10px;
	}
		#main #leftMenu p.heading a {
			color: #666;
			display: block;
			font-size: 14px;
			font-weight: 700;
			text-align: left;
			height: 23px;
			width: 190px;
		}
	#leftMenu p.subhead {
		font-size: 1.0em;
		font-weight: 700;
		margin: 0 0 0 0;
		padding: 0 0 0 12px;
	}
	#leftMenu ul.sideNav {
		padding-left: 12px;
		/*margin-bottom: 6px;*/
	}
	#leftMenu ul.sideNav li a {
		font-weight: 400;
	}
	#leftMenu ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
		#leftMenu ul li {
			margin: 0;
			padding: 0;
		}
			#leftMenu ul li ul {
				background: transparent;
				background-color: #FFF;
			}
	#leftMenu ul.viewMore {
		margin: 0 0 6px 0;
		padding: 0 0 0 0;
	}
		#leftMenu ul.viewMore li span {
			color: #00338d;
		}
		#leftMenu ul.viewMore li.collapsable span, #leftMenu ul.viewMore li span {
			display: none;
		}
		#leftMenu ul.viewMore li.expandable span, #leftMenu ul.viewMore li.collapsable span.activePage {
			display: block;
		}
		#leftMenu ul.viewMore li.collapsable span.activePage, #leftMenu ul.sideNav li.active span.activePage {
			color: #333333;
			font-weight: 700;
		}
	#leftMenu ul.viewMore li span.viewAll {
		padding-left: 12px;
	}
	
.sideNavWrap {
	border: 1px solid #d8d8d8;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
/* RIGHT SIDEBAR   ---------------------------------------*/
#rightSidebar {
	width: 184px;
	display: inline;
	float: right;
	padding: 0 0 6px 8px;
}
#rightSidebar h2 {
	color: #333;
	font-size: 1.3em;
	margin: 5px 0;
	padding: 0;
}
#rightSidebar p {
	padding-right: 20px;
	margin-bottom: 2px;
	margin-top: 0;
	line-height: 1.52em;
}
#shapes {
	background: url(../images/shapes2.jpg) no-repeat;
	height: 57px;
	margin-top: 30px;
	margin-bottom: 10px;
	text-align: center;
	width: 176px;
}
#shapes h2 {
	color: #FFF;
	line-height: 16px;
	margin: 0;
	padding: 0;
}
#rightSidebar #shapes h2 a {
	color: #FFF;
	font-size: 12px;
	font-weight: 700;
}
#shapes ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#shapes ul li {
	display: inline;
	float: left;
	height: 41px;
	margin: 0;
	padding: 0;
	width: 44px;
}
#shapes ul li a {
	display: block;
	height: 41px;
	text-indent: -9999px;
	outline: 0;
	width: 44px;
}
#quickForm {
	/*height: 235px;*/
	margin: 30px 0 0 0;
	padding: 0;
}
	#quickForm label {
		color: #000;
		display: block;
	}
	#quickForm input, #quickForm textarea {
		width: 166px;
	}
	#quickForm .submit {
		cursor: pointer;
		margin-bottom: 5px;
		width: 75px;
	}
/* SEARCH FORM   ---------------------------------------*/
#ajaxSearch_input {
	width: 141px;
	height: 18px;
	line-height: 18px;
	margin: 0;
	padding: 2px 2px 0 2px;
	vertical-align: bottom;
}
#ajaxSearch_submit {
	background: #b31d1d;
	color: #FFF;
	font-size: 11px;
	font-weight: 700;
	height: 20px;
	line-height: 20px;
	width: 24px;
	border: 0;
	vertical-align: top;
	cursor: pointer;
	margin: 1px 0 0 0;
	padding: 0;
}
#searchForm label {
	color: #000;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: 700;
	display: block;
}
span.ajaxSearch_paging {
	display: block;
	margin-bottom: 10px;
}
.AS_ajax_highlight1, .ajaxSearch_highlight1 {
   background-color: #FFFF00;
   color: #000000;
}
.AS_ajax_highlight2, .ajaxSearch_highlight2 {
   background-color: #FFFF00;
   color: #000000;
}
.AS_ajax_highlight3, .ajaxSearch_highlight3 {
   background-color: #FFFF00;
   color: #000000;
}
.AS_ajax_highlight4, .ajaxSearch_highlight4 {
   background-color: #FFFF00;
   color: #000000;
}
.AS_ajax_highlight5, .ajaxSearch_highlight5 {
   background-color: #FFFF00;
   color: #000000;
}
.AS_ajax_highlight6, .ajaxSearch_highlight6 {
   background-color: #FFFF00;
   color: #000000;
}
/* HOME PAGE CONTENT   ---------------------------------------*/
body#index {
	background: #000 url(../images/homepagewrap.gif) repeat-x left top;
}
#homeContent {
	float: left;
	min-height: 145px;
	padding: 0 50px 0 20px;
	width: 670px;
}
	#homeContent h1 {
		padding-top: 6px;
	}
	
	#homeContent p {
		margin-bottom: 8px;
	}
	/* BUCKETS   ---------------------------------------*/
	#buckets {
		background: url(../images/buckets.jpg) no-repeat;
		float: left;
		width: 960px;
		height: 228px;
	}
		#buckets a {
			white-space: nowrap;
		}
		#buckets ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}
			#buckets ul li {
				display: block;
				float: left;
				margin: 0;
				padding: 0;
			}
				#buckets ul li h2 {
					color: #006fb2;
					font-size: 1.8em;
					margin: 8px 0 0 0;
					padding: 0;
				}
				#buckets ul li h2 a {
					color: #00338d;
					font-size: 80%;
				}
			#buckets ul li#bucket1 {
				padding-left: 60px;
				padding-right: 20px;
				width: 213px
			}
			#buckets ul li#bucket2 {
				padding-left: 28px;
				padding-right: 20px;
				width: 261px;
			}
/* CONTENT   ---------------------------------------*/
#content {
	display: inline;
	float: left;
	padding: 0 20px 8px 7px;
	width: 520px;
}
	#content table {
		border-collapse: collapse;
		font-size: 0.9em;
		margin: 10px 0;
	}
	#content table thead {
		height: 40px;
	}
		#content th {
			background-color: #00338d;
			color: #FFF;
			font-size: 0.9em;
			text-align: center;
		}
			#content th.type {
				width: 52px;
			}
			#content th.ams {
				width: 44px;
			}
			#content th.astm {
				width: 46px;
			}
			#content th.characteristics {
				width: 185px;
			}
			#content th.stock {
				width: 60px;
			}
		#content td {
			padding: 5px;	
			text-align: center;
		}
			#content td.characteristics {
				text-transform: none;
				text-align: left;
			}
		#content th, #content td {
			border: 1px solid #666;
		}
		
	#content table.tolerances {
		width: 100%;
	}
		#content table.tolerances th {
			font-size: 1.2em;
		}
		
img.floatright {
	margin: 1em 0 0 1em;
}
#main #content p.constructionNote {
	margin-top: -8px;
}
#main #content p.rightAnswers {
	background-color: #e9e9e9;
	border: 1px solid #262626;
	font-size: 0.9em;
	padding: 10px;
	margin-top: 15px;
	text-align: center;
}
#main #content p.rightAnswers img {
	display: inline;
	margin-right: 10px;
}
#main #content p.soloTagline {
	border-top: 1px solid #262626;
	font-size: 0.95em;
	padding-top: 10px;
	margin-top: 15px;
}
#main #content p.soloTagline {
	border-top: 1px solid #262626;
	padding-top: 10px;
	margin-top: 15px;
}
#main #content .altRow {
	background-color: #eaeaea;
}
table.gradeTable {
	width: 100%;
	text-transform: uppercase;	
}
	table.gradeTable th {
		background-color: #99ccff;	
	}
	
	table.gradeTable td {
		text-transform: none;
	}
	
table.bilateral {
	width: 100%;
	text-transform: uppercase;	
}
	table.bilateral td {
		width: 50%;
}
	#content table.bilateral th {
		background-color: #FFF;
		color: #333;
	}
table.threeCol {
	width: 100%;
	text-transform: uppercase;	
}
#content table.threeCol td {
	width: 33%;
}
#content table.threeCol th {
	background-color: #FFF;
	color: #333;
}
caption {
	margin: 0;
	font-size: 1.3em;
	font-weight: 700;
	text-align: left;
}
h2.subtitle {
	color: #333;
	padding: 0;
}
#contentFooter {
	font-size: 0.8em;
	margin: 20px 0;
	text-align: center;
	text-transform: uppercase;
}
	#contentFooter p {
		line-height: 1.2em;
		margin: 0;
	}
	
#subsection {
	margin-left: 2em;
}
#content a.red {
	color: #B31D1D;
}
#main #content .blurb {
	background: #262626 url(../images/pagewrap.gif) repeat-x left -51px;
	border: 1px solid #262626;
	margin: 0;
	padding: 3px;
	text-align: center;
}
	#main #content .blurb img {
		display: inline;
		margin-right: 10px;
		vertical-align: middle;
	}
	
	#main #content .blurb p {
		margin: 0;
	}
	
	#main #content .blurb p#availRequest {
		margin-right: 0;
	}
	
	#main #content .blurb p#stockAvail {
		text-align: left;
	}
	
	#main #content .blurb p#stockAvail img {
		margin-top: 0.2em;
	}
	
#main #content #trustStatement {
	font-weight: 700;
}
span.wordwrapped {
	margin-left: 3.07em;
}
#content table.hardnessTable {
	display: inline;
	float: left;
	margin: 0 3.5% 1em 3.5%;
}
	#content table.hardnessTable th {
		padding: 5px;
	}
#hardnessGuide {
	clear: both;
	font-size: 0.95em;
	text-align: center;
	text-transform: uppercase;
}
#content tr.letterRow th {
	background: none;
	border: 0;
	color: #333;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}
#content table.mechProps, #content table.chemAnalysis {
	font-size: 0.85em;
	width: 100%;
}
#content table.mechProps th {
	font-size: 9px;
}
#content table.mechProps td {
	padding: 3px;
}
#content.max {
	width: 700px;
}
	#content.max #rightSidebar {
		padding: 0 0 20px 10px;
		position: relative;
		left: 38px;
	}
#content.max th, #content.max td {
	padding: 1px;
}
#content #nickelProps th.invisible {
	border: 0;
	visibility: hidden;
}
#content #nickelProps td.imgHolder {
	background-color: #FFF;
	border: 1px solid #666;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	width: 22px;
}
#content #nickelProps td.imgHolderBlank {
	border: 0;
}
#callPrompt {
	text-align: center;
}
#content p.taglineText {
	background-color: #F0F0F0;
	border: 2px solid #999999;
	font-family: Georgia, serif;
	font-size: 1.5em;
	font-weight: 700;
	font-style: oblique;
	padding: 3px 0;
	text-align: center;
}
	#content p.taglineText a {
		color: #333333;
	}
	
#content p.taglineText.lengthy {
	font-size: 1.25em;
}
#content p.taglineText.superlengthy {
	font-size: 1.00em;
}
#content .certComp, #content .certcomp {
	text-align: center;
}
/* SIFR   ---------------------------------------*/
/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash p.sifrd {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 10px;
	padding: 3px 0;
}
.sIFR-hasFlash p.sifrd.callnsa.long {
	font-size: 16px;
}
p.sIFR-replaced {
	background-color: #f0f0f0;
	border: 2px solid #999;
}
	
/* FOOTER   ---------------------------------------*/
#footer {
	background-color: #00338d; 
	color: #FFF;
	font-family: Arial;
	font-size: 1.2em;
	height: 4em;
	clear: both;
	padding: 5px 10px;
	}
	#footer p {
		display: inline;
		float: left;
		line-height: 1.3em;
		margin: 0;
		padding: 0;
	}
	#footer p a {
		text-decoration: underline;
	}
	#footer ul {
		display: inline;
		float: right;
		list-style: none;
		overflow: auto;
		padding: 0;
		margin: 1.5em 5px 0 0;
	}
		#footer li {
			display: inline;
			float: left;
			margin-right: 10px;
		}
		#footer li.last {
			margin-right: 0;
		}
	#footer a {
		color: #FFF;
	}