body { font-size:62.5%; margin:0; }
p,div,td,blockquote,ul,ol,li { font-family: Arial, Helvetica, sans-serif; color: #333; }
p { margin:0; }

/* font styles */
.whiteHeader { color:#FFF; font-size:1em; margin-bottom:8px; }
.whiteHeader2 { color:#FFF; margin-bottom:8px; font-size:1.1em; }
.whiteHeader3 { color:#FFF; margin-bottom:8px; font-size:1.3em; font-weight:bold; }
.blueHeader { color:#007aba; font-size:1em; margin-bottom:8px; }
.blackHeader { color:#000; font-size:1.2em; font-weight:bold; }
.blackHeader2 { color:#333; font-size:1.1em; font-weight:bold; }
.leadin { color:#000; font-size:1.2em; font-weight:bold; }
.blue { color:#007aba; }
.tiny { font-size:0.9em; }
.sup { position:relative; top:-3px; }
.indent1 { margin-left:9px; width:100%; }
.indent2 { margin-left:18px; }
.phone { color:#007aba; font-weight:bold; }


/* image styles */
.img-shadow { float:left; background: url(/images/shadowAlpha.png) no-repeat bottom right !important; background: url(/images/shadowAlpha.gif) no-repeat bottom right; margin: 9px 0 0 0px !important; margin: 11px 0 0 4px; }
.img-shadow img { display: block; position: relative; background-color: #cccccc; border: 1px solid #007aba; margin: -3px 5px 6px -3px; padding: 0; } 

.story { float:right; text-align:center; margin-left:25px; position:relative; top:-4px; right:-3px; }
.storyCenter { text-align:center; position:relative; top:-4px; right:-3px; }
.disabled { filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60; }


/* links */
a:link, a:visited { color:#007aba; text-decoration:none; }
a:hover, a:active {	text-decoration:underline; }

a.side:link, a.side:visited { color:#FFF; font-size:1.1em; text-decoration:none; }
a.side:hover, a.side:active { color:#007aba; }

a.blue:link, a.blue:visited, a.blue:hover, a.blue:active { color:#007aba; font-size:1.1em; text-decoration:none; }
a.white:link, a.white:visited, a.white:hover, a.white:active { color:#FFF; font-size:1.1em; text-decoration:none; }

a.sideBlue:link, a.sideBlue:visited { color:#007aba; font-size:1em; text-decoration:none; }
a.sideBlue:hover, a.sideBlue:active { color:#FFF; }

a.sideBlue:link, a.sideBlue:visited { color:#007aba; font-size:1em; text-decoration:none; }
a.sideBlue:hover, a.sideBlue:active { color:#FFF; }

a.sideGrey:link, a.sideGrey:visited { padding-left:9px; display:block; margin-bottom:0; color:#666; font-size:1.1em; text-decoration:none; }
a.sideGrey:hover, a.sideGrey:active { color:#007aba; background:url(/images/arrow_grey.gif) no-repeat -1px 2px; }

a.utility:link, a.utility:visited { color:#999; font-size:1em; text-decoration:none; }
a.utility:hover, a.utility:active { text-decoration:underline; }

a.black:link, a.black:visited { color:#000; font-size:1em; text-decoration:none; font-weight:bold; }
a.black:hover, a.black:active { color:#007aba; }

a.footer:link, a.footer:visited { color:#ccc; font-size:1em; text-decoration:none; }
a.footer:hover, a.footer:active { text-decoration:underline; }


/* core */
#container { width:100%; margin:0 auto; }
#utility { display:none; }
#header { display:none; height:67px; margin-bottom:33px; }
#footer { display:none; }
#shell { display:none; }

#wrapper { float:left; width:100%; position:relative; }
#left { display:none;  }
#middle { float:left; position:relative; width:100%; font-size:1.1em; padding-bottom:25px; }
#right { display:none; }
#padder { display:none; }

#middle2 { float:left; position:relative; width:100%; font-size:1.1em; padding-bottom:25px; }
#right2 { display:none; }

#title { float:left; margin:15px 0 17px 31px; display:inline; position:relative; width:593px; }
#print { float:right; margin:5px 7px 0 0; display:inline; position:absolute; top:-8px; right:0; }
#content { margin:0 67px 0 61px; }  /*497*/

#title h1 { margin:0; color:#007ABA; font-size:14px; font-weight:normal; text-transform:uppercase; position:relative; width:526px; }
#title h2 { margin:0; color:#007ABA; font-size:26px; font-weight:normal; text-transform:uppercase; position:relative; width:526px; }
#title #divider { margin:0; padding:0; background-color:#007ABA; position:absolute; display:block; position:relative; width:526px; height:1px; }

#title2 { float:left; margin:15px 0 17px 31px; display:inline; position:relative; width:739px; }
#title2 h1 { margin:0; color:#007ABA; font-size:14px; font-weight:normal; text-transform:uppercase; position:relative; width:674px; }
#title2 h2 { margin:0; color:#007ABA; font-size:26px; font-weight:normal; text-transform:uppercase; position:relative; width:674px; }
#title2 #divider { margin:0; padding:0; background-color:#007ABA; position:absolute; display:block; position:relative; width:674px; height:1px; }

#strip { display:block; font-size:1em; font-weight:bold; background-color:#000; height:20px; line-height:20px; padding-left:9px; color:#fff; }
#stripBlue { display:block; font-size:1.1em; background-color:#007aba; height:17px; line-height:17px; padding-left:9px; color:#fff; margin-bottom:15px; }
.stripBlue { font-size:1.1em; background-color:#007aba; height:17px; line-height:17px; padding-left:9px; color:#fff; margin-bottom:15px; }

.cleaner { clear:both; height:0; margin:0; padding:0; }


/* articles */
#article { padding:0 9px 0 9px; }
#article .title { font-size:1.3em; color:#000; font-weight:bold; }
#article-divider { height:1px; width:100%; background-color:#b6b6b6; margin:33px 0 33px 0; }

/* news */
#news { list-style:none; margin:0; padding:0; width:497px; }
#news li { display:block; }
#news a:link, #news a:visited { float:left; width:497px; display:block; padding:7px 0 7px 0; font-size:1em; height:auto; }
#news a:hover, #news a:active { background:url(/images/arrow_news.gif) no-repeat right #007aba; text-decoration:none; }
#news a:hover div { color:#FFF; }
#news1 { float:left; width:141px; padding-left:8px; font-weight:bold; }
#news2 { float:left; width:323px; padding-right:17px; }

a.newsl:hover, a.newsl:active { color:#FFF; }

.news_subhead { font-size:1.4em; }
.news_header { font-size:1.8em; font-weight:bold; }

/* callouts */
.newsletter { background:url(/images/right_newsletter.gif) no-repeat; padding:11px 11px 11px 73px; width:54px; height:83px; color:#999; line-height:1.4em; }

#exhibition1 { float:left; width:155px; padding-left:8px; padding-right:8px; margin-bottom:14px; font-weight:bold; }
#exhibition2 { float:left; width:155px; padding-right:8px; margin-bottom:14px; }
#exhibition3 { float:left; width:155px; padding-right:8px; margin-bottom:14px; }


/* form */
form { margin:0; }
select, .search { font-family: Arial, Helvetica, sans-serif; font-size:1em; color: #ccc; background:#333; border:none; }
input, textarea { font-family: Arial, Helvetica, sans-serif; font-size:1em; color: #ccc; background:#999; border:none; color:#333; padding-right:3px; padding-left:3px; }
input[type=checkbox], input[type=radio] { background:none; position:relative; top:2px; margin:0; }

#form-left { width:173px; float:left; text-align:right; padding-right:8px; margin-bottom:16px; }
#form-right { float:left; text-align:left; margin-bottom:16px; }

/* file upload */
div.fileinputs { position: relative; height:20px; width: 250px; }
div.fakefile { position: absolute; top:-9px; left: 0; z-index: 1; }
input.file-hidden { text-align: right; position: relative; top:0; text-align: left; -moz-opacity:0 ; filter:alpha(opacity: 0); opacity: 0; z-index: 2; }
div.fakefile img { position:relative; top:5px; }


/* selector table */
.tableHead { font-weight:bold; padding:4px 0 4px 8px; border-top:1px solid #b6b6b6; border-bottom:1px solid #b6b6b6; margin-top:10px; margin-bottom:13px; }

.selector1 { float:left; margin-top:13px; margin-left:8px; width:135px; }
.selector2 { float:left; margin-top:13px; width:90px; }
.selector3 { float:left; margin-top:13px; width:110px; }
.selector4 { float:left; margin-left:24px; width:150px; }
.selector5 { float:right; margin-right:8px; }

.alloy { background:#000; width:271px; height:21px; border-bottom:1px solid #333333; border-right:1px solid #333333; float:right; }
.alloy2 { background:url(/images/bg_alloy.gif) repeat-x; width:271px; height:21px; border-bottom:1px solid #333333; border-right:1px solid #333333; float:right; }
.alloy:hover, .alloy2:hover { background:#007aba; }

.alloyGraphic { float:left; width:25px; height:21px; }
.alloyLeft { float:left; margin-left:14px; line-height:21px; }
.alloyRight { float:right; padding:1px; }

.alloy2 .alloyGraphic { background-position:-25px; }
.alloy2 .alloyLeft a { color:#666; }
.alloy2:hover .alloyLeft a { color:#FFF; }
.alloy2 input[type="checkbox"] { filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60; }


/* compare */
.alloyName { color:#000; font-size:1.8em; }
.alloyCompare { float:left; width:107px; height:23px; margin-bottom:10px; }

#tabs { margin:0; padding:0; }
#tabs li { display:inline; list-style:none; }
#tabs a { float:left; color: #fff; background-color: #000; text-decoration: none; height:20px; line-height:20px; text-align:center; border-right:1px solid #8ba8b7; }
#tabs a:hover, #tabs li a:active, #tabs li a.active { color: #fff; background-color: #007aba; text-decoration: none; }

#pane { width:100%; margin:0; background-color:#f3f3f3; }
#paneInner { padding:17px 13px; }
#paneLine { background-color:#007aba; width:99%; margin:0 auto; position:relative; top:1px; height:1px; }
#divider { background-color:#999999; width:100%; height:1px; margin:24px 0 24px 0; }


/* tables */
.chart { position:absolute; top:43px; left:0; }

#tableHeader { float:left; width:72px; text-align:center; font-size:0.9em; font-weight:bold; color:#000; border-right:1px solid #cccccc; height:84px; background-color:#f3f3f3; position:relative; }
#tableB { float:left; border-bottom:1px solid #f3f3f3; border-right:1px solid #cccccc; color:#FFF; font-size:0.9em; height:16px; background-color:#000; line-height:16px; text-align:center; }


/* composition table */
#comp3b { float:right; width:201px; border-right:1px solid #f3f3f3; border-top:1px solid #f3f3f3; color:#FFF; font-size:1em; height:16px; background-color:#000; line-height:16px; padding-left:15px; }
#comp4b { float:right; width:222px; border-top:1px solid #f3f3f3; color:#FFF; font-size:1em; height:16px; background-color:#000; line-height:16px; padding-left:15px; }

#comp4 { float:right; width:222px; border-top:1px solid #cccccc; border-left:1px solid #cccccc; color:#333; font-size:1em; height:28px; background-color:#b5b5b5; line-height:28px; padding-left:15px; }
#comp3 { float:right; width:201px; border-top:1px solid #cccccc; border-left:1px solid #cccccc; color:#000; font-size:1em; height:28px; background-color:#a0a0a0; line-height:28px; padding-left:15px; font-weight:bold; }
#comp2 { float:right; width:99px; border-top:1px solid #cccccc; border-left:1px solid #cccccc; color:#333; font-size:1em; height:28px; background-color:#a0a0a0; line-height:28px; padding-left:6px; font-weight:bold; }
#comp1 { float:right; width:70px; border-top:1px solid #cccccc; border-left:1px solid #cccccc; color:#000; font-size:1em; height:28px; background-color:#a0a0a0; line-height:28px; padding-left:6px; font-weight:bold; }
#comp0 { float:right; width:4px; border-top:1px solid #cccccc; height:28px; }


/* mechanical table */
#mech0 { float:left; width:4px; border-bottom:1px solid #cccccc; height:28px; }
#mech1 { float:left; width:61px; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; color:#333; font-size:0.9em; height:28px; background-color:#909090; line-height:28px; padding-left:6px; font-weight:bold; }
#mech2 { float:left; width:54px; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; color:#333; font-size:0.9em; height:28px; background-color:#908f8f; line-height:28px; padding-left:6px; font-weight:bold; }
#mech3 { float:left; width:46px; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; color:#333; font-size:0.9em; height:28px; background-color:#929191; line-height:28px; text-align:center; }
#mech4 { float:left; width:50px; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; color:#333; font-size:0.9em; height:28px; background-color:#959595; line-height:28px; text-align:center; }
#mech5 { float:left; width:47px; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; color:#333; font-size:0.9em; height:28px; background-color:#979797; line-height:28px; text-align:center; }
#mech6 { float:left; width:47px; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; color:#333; font-size:0.9em; height:28px; background-color:#9a9a9a; line-height:28px; text-align:center; }
#mech7 { float:left; width:46px; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; color:#333; font-size:0.9em; height:28px; background-color:#9d9d9d; line-height:28px; text-align:center; }
#mech8 { float:left; width:46px; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; color:#333; font-size:0.9em; height:28px; background-color:#9f9f9f; line-height:28px; text-align:center; }
#mech9 { float:left; width:34px; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; color:#333; font-size:0.9em; height:28px; background-color:#a0a0a0; line-height:28px; text-align:center; }
#mech10 { float:left; width:52px; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; color:#333; font-size:0.9em; height:28px; background-color:#a0a0a0; line-height:28px; text-align:center; }
#mech11 { float:left; width:60px; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; color:#333; font-size:0.9em; height:28px; background-color:#a0a0a0; line-height:28px; text-align:center; }
#mech12 { float:left; width:71px; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; color:#333; font-size:0.9em; height:28px; background-color:#a0a0a0; line-height:28px; text-align:center; }


/* physical table */
#physical0 { float:left; width:4px; border-bottom:1px solid #cccccc; height:28px; }
#physical1 { float:left; width:61px; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; color:#333; font-size:0.9em; height:28px; background-color:#909090; line-height:28px; padding-left:6px; font-weight:bold; }
#physical2 { float:left; width:54px; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; color:#333; font-size:0.9em; height:28px; background-color:#908f8f; line-height:28px; padding-left:6px; font-weight:bold; }
#physical3 { float:left; width:37px; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; color:#333; font-size:0.9em; height:28px; background-color:#929191; line-height:28px; text-align:center; }
#physical4 { float:left; width:37px; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; color:#333; font-size:0.9em; height:28px; background-color:#959595; line-height:28px; text-align:center; }
#physical5 { float:left; width:52px; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; color:#333; font-size:0.9em; height:28px; background-color:#979797; line-height:28px; text-align:center; }
#physical6 { float:left; width:65px; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; color:#333; font-size:0.9em; height:28px; background-color:#9a9a9a; line-height:28px; text-align:center; }
#physical7 { float:left; width:46px; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; color:#333; font-size:0.9em; height:28px; background-color:#9d9d9d; line-height:28px; text-align:center; }
#physical8 { float:left; width:64px; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; color:#333; font-size:0.9em; height:28px; background-color:#9f9f9f; line-height:28px; text-align:center; }
#physical9 { float:left; width:45px; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; color:#333; font-size:0.9em; height:28px; background-color:#a0a0a0; line-height:28px; text-align:center; }
#physical10 { float:left; width:84px; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; color:#333; font-size:0.9em; height:28px; background-color:#a0a0a0; line-height:28px; text-align:center; }
#physical11 { float:left; width:70px; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; color:#333; font-size:0.9em; height:28px; background-color:#a0a0a0; line-height:28px; text-align:center; }


/* characteristics chart */
#characteristics { text-align: center; background:#000; border-collapse:collapse; position:relative; top:-72px; z-index:1; }
#characteristics td { border:1px solid #333; }
#characteristics #metal { padding-bottom:20px; border:none; background:#000; }
#characteristics #row0 { font-size:1em; color:#fefefe; padding:0 8px 0 5px; text-align:left; border-right:none; }
#characteristics #row0, #characteristics #row1, #characteristics #row8, #characteristics #row10 { border-left:none; }
#characteristics #row7, #characteristics #row9, #characteristics #row11 { border-right:none; }
.th { text-align:center; color:#fefefe; font-size:1.2em; font-weight:bold; padding:4px 8px 21px 8px; border-bottom:none; }
#characteristics #spacer { border:none; width:16px; padding:0; }
#tableDisabled { background:url(/images/bg_alloy.gif) repeat; color:#333333; }

a.property, a.property:visited { font-size:1em; color:#fefefe; display:block; background:url(/images/arrow_white2.gif) no-repeat right; }
a.property:hover, a.property:active { color:#00adee !important; text-decoration:none; background-image:url(/images/arrow_blue2.gif) !important; }
.prop { position:relative; font-size:1em; }

.definition { display:none; position:absolute; z-index:5; color:#FFF; left:209px; background-color:#00adee; filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90; padding:18px 31px; top:-4px; width:430px; height:70px; }/*width:445px;*/ 

#key td { color:#FEFEFE; }


/* ================================================================ 
CSS Dropdown Menu
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
=================================================================== */
.menu { display:none; position:relative; z-index:100; font-family:arial, sans-serif; font-size:1.1em; float:left; margin-bottom:40px; margin-left:20px; }
/* hack to correct IE5.5 faulty box model */
* html .menu { margin-top:0; }
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0; margin:0; list-style-type:none; list-style-image:none; }
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left; position:relative; margin:0; }
.menu ul ul li.bottom { border-bottom:1px solid #007aba; border-left:1px solid #007aba; border-right:1px solid #007aba; background-color:#000; }
/* style the links for the top level */
.menu a, .menu a:visited {display:block; font-size:1.1em; text-decoration:none; color:#fff; border:none; text-transform:uppercase; }
/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{ color:#007aba; background:none; }
.menu :hover > a, .menu ul ul :hover > a { color:#007aba; background:none; }
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited { }

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited { color:#999; background:#000; font-size:1.1em; height:15px; line-height:15px; text-align:left; margin:0; padding:0 10px 0 10px; text-transform:none; border-left:1px solid #007aba; border-right:1px solid #007aba; }
/* style the second level hover */
.menu ul ul a.drop:hover{ color:#FFF; background:#0083be; }
.menu ul ul :hover > a.drop { color:#FFF; background:#0083be; }

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden; position:absolute; height:0; top:18px; left:-10px; }
/* another hack for IE5.5 */
* html .menu ul ul {top:22px;t\op:22px; left:-10px; }

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background-color:#007aba; color:#FFF; height:auto; line-height:1em; padding:6px 0 6px 0; border:none;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited { }

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul{ visibility:visible; }
