﻿@media screen{
*
{
	margin: 0;
	padding: 0;
}
body, html
{
	width: 100%;
	height: 100%;
	font-size: 90%;
	font-family: Verdana, Arial;
	background: transparent url('../images/layout/pagebg.jpg') repeat-x top left;
}
A IMG
{
  border:none;
}
A, A:VISITED
{
	color:#0000A2;
}
H1, H2, H3, H4, H5, H6 {
	margin: 10px 0 10px 0;
	color: #644896;
	font-family: Tahoma, Verdana, Arial;
}
H1 {
	font-size:1.6em;
}
H2 {
	font-size:1.4em;
}
H3 {
	font-size:1.2em;
}
H4, H5, H6 {
	font-size:1em;
}
P
{
	margin:7px 0 20px 0;
	line-height:1.6em;
}
.cfa, .prodsbyindustry, .prodsbyform, .prodsbyalloy, .industry, .form {
	cursor:pointer;
}
#page
{
	width: 984px;
	margin: 4px auto 10px auto;
	background-color: #FFF;
	border: 2px solid #000;
}
#header
{
	min-height: 76px;
	height: auto !important;
	height: 76px;
	background:#F5F5F5 url('../images/layout/topleftmap.jpg') no-repeat top left;
}
A#logo
{
	margin-left: 283px;
	float:left;
	display:inline;
}
#login 
{
  float:right;
  padding:4px 0 0 0;
  display:inline;
  font-size:0.8em;
  font-weight:bold;
  min-height:72px;
  height:auto !important;
  height:72px;
}
#login LEGEND
{
  display:none;
}
#login SPAN {
	font-weight:bold;
	color:#644896;
	display:block;
}
LABEL {
  color:#003198;
}
#login .fleft 
{
	width:80px;
	margin-right:4px;
}
#login .fleft INPUT {
	width:78px;
}
#login .fleft INPUT#tfbut {
	width:auto;
}
#container
{
	float: right;
	width: 806px;
}
#maincont
{
	position: relative;
	float: left;
	width: 622px;
	min-height: 400px;
	height: auto !important;
	height: 400px;
	font-size:0.9em;
}
#rightcont
{
	float: right;
	width: 174px;
	min-height: 140px;
	height: auto !important;
	height: 140px;
}
#leftcont
{
	float: left;
	width: 168px;
	min-height: 368px;
	height: auto !important;
	height: 368px;
	background:transparent url('../images/layout/nav-base-bg.jpg') repeat-x bottom left;
}
UL.nav
{
	list-style:none;
	float:left;
} 
UL.nav LI {
  float:left;
  width:167px;
}
UL.nav A, UL.nav A:VISITED
{
	display:block;
	color:#838383;
	font-weight:bold;
	text-decoration:none;
	border-bottom:1px solid #838383;
	line-height:2.5em;
	padding-left:5px;
	width:162px;
}
UL.nav A:ACTIVE, UL.nav A:HOVER, UL.nav A:FOCUS, Ul.nav LI.selected A
{
	color:#FFF !important;
	background:#013299 url('../images/layout/navselect.jpg') repeat-x bottom left;
}
UL.products LI {
	list-style-type:none;
	position:relative;
}
UL.products LI A, UL.products LI A:VISITED {
	text-decoration:none;
	font-weight:bold;
	color:#644896;
	display:block;
	background-color:#ECF4FF;
	padding:5px;
	margin-bottom:5px;
	width:586px;
}
UL.products LI A:HOVER {
	background-color:#CCC;
	color:#000;
}
#leftcont .cfa {
  width:146px;
  margin:10px 0 0 10px;
}
#rightcont .cfa {
  width:174px;
  margin-bottom:10px;
}
.cfa H2 {
  font-size:1.3em;
  color:#0C09B0;
  margin-top:0;
}
.enqtop {
  background:#013197 url('../images/layout/pending-top-bg.jpg') top left no-repeat;
  padding:10px 0 4px 5px;
  color:#fff;
  font-weight:bold;
}
.enqbottom {
  background:#EBF5FF url('../images/layout/pending-bg.jpg') bottom left no-repeat;
  font-size:0.8em;
  padding:3px;
  position:relative;
}
.enqbottom A {
  float:right;
}
#contacttop {
 background:#013197 url('../images/layout/contact-top-bg.jpg') top left no-repeat;
  padding:10px 0 4px 5px;
  color:#fff;
  font-weight:bold;
}
#contactbottom {
  background:#EBF5FF url('../images/layout/contact-bg.jpg') bottom left no-repeat;
  font-size:0.8em;
  padding:3px;
  min-height:70px;
  height:auto !important;
  height:70px;
}
#contactbottom H2 {
  margin-bottom:25px;
}
DL.ctleft, DL.ctright {
	float:left;
	width:300px;
}
DL.ctleft DT, DL.ctright DT {
	color:#644896;
	font-weight:bold;
}
#searchtop {
 background:#013197 url('../images/layout/search-top-bg.jpg') top left no-repeat;
  padding:10px 0 4px 5px;
  color:#fff;
  font-weight:bold;
}
#searchbottom {
  background:#EBF5FF url('../images/layout/search-bg.jpg') bottom left no-repeat;
  font-size:0.8em;
  padding:3px;
  min-height:105px;
  height:auto !important;
  height:105px;
}
#searchbottom SPAN {
  margin-top:73px;
  display:block;
}
#maincont FORM
{
padding:10px;
}
#maincont UL, #maincont OL {
  margin: 0 0 20px 25px;
  color:#565656;
}
#maincont P
{
color:#565656;
}
#prodenquiry {
  width:275px;
  float:right;
  margin:0 0 15px 8px;
}
#prodenquiry .enqtop {
  background:#013197 url('../images/layout/prod-enquiry-top.jpg') top left no-repeat;
}
#prodenquiry .enqbottom {
  background:#EBF5FF url('../images/layout//prod-enquiry-bg.jpg') bottom left no-repeat;
}
#prodenquiry SELECT {
	width:250px;
}
#prodenquiry INPUT {
	margin-top:10px;
}
#prodenquiry P {
	margin:10px 10px 2px 10px;
}
.proddesc { 
  font-size:0.9em;
}
.prodsbyindustry, .prodsbyform, .prodsbyalloy {
  float:left;
  margin-right:4px;
  text-align:center;
  padding-bottom:5px;
  font-size:0.8em;
  background:transparent url('../images/layout/mid-left-bg.jpg') bottom left no-repeat;
}
#prodsby A {
  padding:2px 20px 2px 0;
  background:transparent url('../images/layout/special-arrow.jpg') center right no-repeat;
}
.prodsbyform {
  background:transparent url('../images/layout/mid-bg.jpg') bottom left no-repeat;
}
.prodsbyalloy {
  margin:0;
  background:transparent url('../images/layout/mid-right-bg.jpg') bottom right no-repeat;
}
.industry, .alloy, .form {
  float:left;
  margin-right:5px;
  display:inline;
  padding:2px;
  text-align:center;
  border:1px solid #7797E2;
  padding:7px 10px;
  background:transparent url(../images/layout/nav-base-bg.jpg) 0 -55px repeat-x;
}
.industry, .form {
  min-height:200px;
  height:auto !important;
  height:200px;
  width:170px;
  padding-top:10px;
  margin:5px 0 5px 10px;
}
A.sectionlink {
	font-weight:bold;
	text-decoration:none;
	min-height:44px;
	height:auto !important;
	height:44px;
	display:block;
	font-size:1.2em;
}
.alloy { 
  padding:7px 5px;
}
.alloy A {
  text-decoration:none;
}
.sitescont {
	text-align:center;
	margin:25px 0 25px 0;
}
.sitescont DIV {
	float:left;
	margin:2px;
}
.sitescont DIV P {
	color:#644896 !important;
	font-weight:bold;
	font-size:0.8em;
}
.sitescont DIV.cboth{
	float:none;
}
TABLE.dist {
	width:100%;
	margin-bottom:20px;
}
TABLE.dist TH {
	color:#644896;
	text-align:left;
	padding-top:20px;
}
TABLE.dist TH.distheader
{
	font-size:1.6em;
}
TABLE.dist TD {
	padding:10px;
	vertical-align:top;
}
TABLE.dist TR:hover { 
  background:none 
}
#footer
{
	clear: both;
  background:transparent url('../images/layout/footer-bg.jpg') top left no-repeat;
  float:left;
  width:100%;
}
IMG.footerimg {
  float:left;
  margin:10px;
  display:inline;
}
IMG.footerimgright {
  float:right;
  margin:10px;
  display:inline;
}
#footer {
	margin-top:50px;
	clear:both;
}
#footerlinks {
  margin:30px 0 20px 110px;
  float:left;
  display:inline;
  width:510px;
}
#footerlinks UL {
  list-style:none;
  float:left;
  padding:0 30px;
  font-size:0.8em;
}
#footer P
{
	margin-top:20px;
	font-size:0.7em;
	text-align:center;
}

FIELDSET
{
	border: none;
}
FIELDSET.customerac, DIV.cacoptions {
	border:1px solid #CCC;
	background-color:#ECF4FF;
	color:#644896;
	padding:10px;
	margin-bottom:10px;
}
FIELDSET.customerac DT {
	font-weight:bold;
}
DIV.cacoptions A, .subbut  {
	font-weight:bold;
	background-color:#FFF;
	color:#000;
	text-decoration:none;
	padding:6px;
	border:1px solid #CCC;
	cursor:pointer;
}
DIV.cacoptions A:HOVER, .subbut:HOVER {
	background-color:#ECF4FF;
}
.subbut {
	margin-left:35%;
	clear:left;
}
DL
{
	width: 100%;
	margin-bottom:5px;
}
DT
{
	float: left;
	clear: left;
	width: 35%;
	margin-bottom: 10px;
}
DD
{
	float: left;
	width: 60%;
	margin-bottom: 10px;
}
LEGEND { 
  display:none 
}
.textbox
{
	padding: 20px;
	width: 440px;
	line-height: 1.6em;
}
.fleft
{
	float: left;
}
.fright
{
	float: right;
}
.nofloat {
	float:none !important;
}
.tcentre
{
	text-align: center;
}
.cboth
{
	clear: both;
	height: 0px;
	overflow: hidden;
	line-height: 1%;
	margin-top: -5px;
}
.hidden {
  display:none;
}
.clear{
	clear:both;
}
.topmarg {
	margin-top:20px;
}
.toppadd {
	padding-top:20px;
}
.field-validation-error 
{ 
  padding-left:4px; 
  font-size:0.8em;
  color:Red; 
}
.input-validation-error 
{ 
  border:1px solid red; 
  background-color:#FEE2E2 
}
#login {
 width:260px;
}
#login FORM {
  width:260px;
}
#login DIV.fleft { 
  display:inline 
}
#login .input-validation-error 
{ 
  border:1px solid #003199; 
  background-color:#fff;
}
SPAN.validation-summary-errors {
font-weight:bold
}
UL.validation-summary-errors
{
  margin:10px 0 !important;
  padding:3px 0 3px 30px;
  border:1px solid #FF0000;
  background-color:#FEE2E2;
}
.margtop
{
	margin-top: 10px;
}
.margbot
{
	margin-bottom: 10px;
}
.margleft
{
margin-left:35%;
}
.preload
{
	display: none;
}
.imgright {
  float:right;
  margin:0 0 8px 8px;
}
.small
{
	font-size: 0.9em;
}
.blueborder 
{
border:1px solid #003199;
}
.last
{
margin:0;
}
table { width:100%; border-collapse:collapse; border:1px solid #0256AB; margin-top:10px }
tr.alt { background-color:#EAF4FF }
th { background-color:#429EC6; color:#fff; padding:4px 3px; text-align:left; }
th.oneoption { width:28px }
th.twooptions { width:57px }
th.threeoptions { width:82px }
th.right, td.right { text-align:right; }
td { border:1px solid #0256AB; padding:2px }
td A { font-size:1.1em }
TR:HOVER { background-color:#EEE; }
.bluebox { margin-top:10px; border:2px solid #0256AB; background-color:#EAF4FF; padding:10px; -moz-border-radius:10px; border-radius:10px }
.orangebox { border-color:#E0611C; background-color:#FCECE4 }
.lightbluebox { border-color:#fff; background-color:#F1F9FF }


/* 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 h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}*/

.sIFR-hasFlash a.sectionlink {
	visibility: hidden;
	color:#0100A4;
	text-decoration:none;
}

/* close meadia */
}
@media print {
/* This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal */

.sIFR-flash, .sIFR-flash object, .sIFR-flash embed {
	display: none !important;
	height: 0;
	width: 0;
	position: absolute;
	overflow: hidden;
}

span.sIFR-alternate {
	visibility: visible !important;
	display: block !important;
	position: static !important;
	left: auto !important;
	top: auto !important;
}
/* close print */	
}
#trademarkscont {
  margin:10px 0 0 0;
  position:relative;
  overflow:hidden;
  width:510px;
}
ul#trademarks {
  margin:0;
  padding:0;
  width:10000px;
  position:relative;
}
ul#trademarks li {
  width:580px;
  float:left;
}
