html {
	font-size: 100%; /* IE hack */
}
body {
	height:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size:75%;
	margin:0;
	color: #000;
	background-image:url(http://www.onealsteel.com/images/oneal_bck.gif);
	background-position:top left;
	background-repeat:repeat-y;
	background-color:#eaeaea;
}
table {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
}
#pageContent {
	font-size:1.2em;
	position: relative;
	width: 900px;
	margin: 0;
	text-align: left;
	height:100%;
	clear: both;
}
#pageContent h1 {
	font-size:1.5em;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	padding-top:35px;
}
#leftContent {
	float:left;
	width:230px;
	background-color: #ffdd00;
	z-index:1;
}
#rightContent {
	float:right;
	width:610px;
	padding-top:20px;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:20px;
	font-size:.85em;
	height:100%;
	background-color:#fff;
	line-height:1.75em;
}

#rightContent a{color:blue; text-decoration:none;}
#rightContent a:hover{color:blue; text-decoration:underline;}
#rightContent a:visited{color:blue;}
#rightContent a:active{color:blue;}

#rightContent h1 {
	font-size:1.25em;
	text-align:left;
	text-transform:uppercase;
	font-weight:bold;
	padding-top:0px;
}
#rightContent h3 {
	font-size:1em;
	text-align:left;
	text-transform:uppercase;
	font-weight:bold;
	margin:0px;
}
#header {
	width:900px;
}
#homeNav {
	height:20px;
	background-color:#c61f35;
	width:900px;
	color:#FFF;
	text-transform:uppercase;
	font-weight:bold;
	padding-top:5px;
	text-align:center;
}
#homeNav a {
	padding-left:20px;
	color:#FFF;
	font-size:1em;
	text-decoration:none;
}
.ProductList {
	z-index:1;
}
select.SubTypeList {
	width:310px;
	z-index:1;
}
.dimensionLabel {
	text-align: right;
}
.dimensionInput {
	text-align: left;
}
input.dimensionInput {
	text-align: right;
}
.instruction {
	color: #000;
	text-align: left;
	font-weight:bold;
}
.productType {
	text-align: left;
	font-size: 1.2em;
	width: 260px;
	padding-left:8px;
	padding-top:2px;
	padding-bottom:2px;
	cursor:pointer;
	border-bottom:#ccc solid 1px;
	background:url(http://www.onealsteel.com/images/arrow.gif) left 7px no-repeat;
}
#dimtbl {
	padding-top:12px;
	padding-bottom:20px;
}
#test {
	position:absolute;
	padding-bottom:20px;
	z-index:1;
}
#map {
	height:400px;
	width:570px;
	text-align:center;
	margin: 10px;
	line-height:1.2em;
}
#careers {
	background-color:#000000;
}
#careersContent {
	font-size:1.2em;
	position: relative;
	width: 900px;
	margin: 0;
	text-align: left;
}
.em_img {
	margin-top:5px;
}
#apps {
	background-color:#fff;
}
#appsContent {
	font-size:1.2em;
	position: relative;
	width: 900px;
	margin: 0;
	text-align: left;
}
.toggler a {
	text-decoration:none;
}
.toggler a:hover {
	text-decoration:none;
}
.accBtm {
	height:2px;
	border-top:1px solid #ccc;
}
.locationlist {
	font-size:.9em;
	line-height:1.2em;
}
.listalt {
	background-color:#f2f2f2;
}
#lblcontainer {
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
	background-color: #ffdd00;
}
#lbltext {
	color:#000000;
	font-weight:bold;
	text-transform:uppercase;
}
.flags {
	float: left;
	margin-left:10px;
	margin-top:-2px;
}
.news_link {
	padding-left:2px;
}
.nav_link {
	padding-left:20px;
}

html {-webkit-animation: safariSelectorFix infinite 1s;}
@-webkit-keyframes safariSelectorFix {
0% {zoom:1;} 
100% {zoom:1;}
}

.menu {height:25px;width:870px; background:#c61f35; margin:0; padding-left:30px; text-transform:uppercase;}

.menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; position:relative; z-index:500;}
.menu > ul {float:left;}

.menu ul ul {position:absolute; left:-9999px;}
.menu > ul > li {float:left; display:block; position:relative;}

.menu ul ul {background:#000; padding:10px 0; border:1px solid #ddd;}
.menu > ul > li > ul {border-top:0;}

.menu a {display:block; font:normal 11px verdana, arial, sans-serif; color:#fff; line-height:25px; text-decoration:none;padding:0 15px 0 10px;}
.menu > ul > li > a {float:left;color:#fff; font-weight:bold;}
.menu ul ul li a {line-height:20px;}

.menu ul li:hover > ul {left:0; top:25px;}
.menu ul ul li:hover > ul {left:100%; top:auto; margin:-31px 0 0 -10px;}
.menu li.left:hover > ul {left:auto; right:0; top:30px;}
.menu li.left ul li:hover > ul {left:auto; right:100%; top:auto; margin:-31px -10px 0 0;}

.menu li.left ul a {text-align:right; padding:0 15px 0 30px;}

.menu > ul li:hover > a {background-color:#000; color:#ff0;}
.menu ul ul li:hover > a {background-color:#222; color:#ff0;}

.menu > ul > li.close {display:none; position:absolute; left:0; top:-30px; width:100%; height:30px; background:none;}
.menu > ul > li.close a {width:100%; padding:0; text-indent:15px; background:#036; color:#fff;}

.top_nav{background-color:#f4c813; height:25px; text-align:right; text-transform:uppercase; font-size:11px;}
.top_nav ul {margin:0; padding:0; list-style:none; white-space:nowrap; position:relative; z-index:500;}
.top_nav > ul {float:right;}
.top_nav > ul > li {float:left; display:block; position:relative;}
.top_nav a {display:block; font:normal 10px verdana, arial, sans-serif; color:#000; line-height:25px; text-decoration:none;padding:0 10px 0 10px;}
.top_nav > ul li:hover > a {background-color:#000; color:#ff0;}