body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	margin: 0;
	padding: 0;
	color: #333333;
	background-color: #5f7cdb;
}
html>body { 
	font-size: 10px; 
}
a {
	cursor: pointer;
	cursor: hand;
	color: #1D3C7F;
}
a:hover {
	color: #e68900;
}
h1, h2, h3, h4, h5, h6    {
	margin: 0px;
	padding: 0 0 0.5em;
	line-height: 1.5em;
}
h1 {
	font-size: 200%;
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	font-weight: bold;
	color: #0F2982;
}
h2 {
	font-size: 175%;
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	font-weight: bold;
	color: #656669;
}
h3 {
	font-size: 150%;
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	font-weight: bold;
	color: #5168AE;
}
h4 {
	font-size: 100%;
}
h5 {
	font-size: 90%;
}
h6 {
	font-size: 85%;
}
p, ul, ol {
	font-size: 1.1em;
	margin: 0;
	padding: 0 0 1.5em;
	line-height: 1.5em;
}
p + p, p + ol, p+ ul, ul + ul, ul + ol, ul + p, ol + ol, ol + p, ol + ul {
	padding-top: -1em;
}

ul, ol {
	list-style: inside;
}
ul li, ol li {
	margin: 0;
	padding: 0;
}
ol ol, ol ul, ul ol, ul ul {
	padding: 0 0 0 1em;
	list-style-type: circle;
}
blockquote {
	margin: 0 2em;
}




br {
}
small {
	font-size: 0.9em;
}
#masthead {
	width:100%;
	background-color: #F9F9FA;
	background-image: url(/ui/images/body.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	float: left;
	margin: 0;
	padding: 0;
}
#header {
	padding-top:10px;
	width:960px;
	margin:0 auto;
	position: relative;
	overflow: auto;
}
#header       h1 {
	padding: 0;
	margin: 0;
}
#logo {
	width: 280px;
	float: left;
}
#logo img {margin-top:10px;}
#company-info {
	float: right;
	width: 665px;
	text-align:right;
	overflow: auto;
	padding: 0;
	margin: 0;
}
#company-info h1, #company-info h2{
	font-weight:normal;	font:Arial; color:#000; font-size:16px;
}
#company-info h1 {font-size:18px;font-weight:bold;}


#banner {
	margin: 0px;
	background-color: #FBFBFB;
	padding: 0px;
	float: left;
	clear: left;
	width: 1000px;
	position: relative;
	height: 325px;
}
#banner-callout {
	background: url(/ui/images/white.75.png);
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 720px;
	padding: 10px 0 0;
	height: 40px;
	color: red
!important;
}
#banner-callout a {
	color: red
!important;
}


#flash {
	float: left;
	width: 720px;
	background: #919296 url(/ui/images/index_mainimg.jpg) no-repeat left top;
	height: 325px;
}
#about {
	width: 240px;
	background:url(/ui/images/header-left.png);
	color: #fcbc02;
	font-size: 10px;
	height: 305px;
	float: left;
	padding:20px 20px 0 20px;
}
#about h1 {
	font-size:1.8em;
	color: #fcbc02;
	padding-bottom:10px
}
#navbar * {
	z-index:1000;
	font-weight:bold
}
#navbar {
	list-style-type:none;
	padding:0;
	clear:both;
	width:1000px;
	margin:0 auto;
	height:30px
}
#navbar ul {
	padding:0;
	margin:0;
	list-style-type: none;
}
#navbar li {
	float:left;
	margin-left:2px;
}
#navbar li:hover {
	position:relative;
}
#navbar li:hover > a {
	color:#000;
}
#navbar li:first-child {
	margin:0px;
}
#navbar li:first-child a {
	width:125px;
}
#navbar a, #navbar a:visited {
	background:url(/ui/images/navigation-ul-li-a.png) top center;
	display:block;
	width:123px;
	font-size:11px;
	color:#000;
	height:30px;
	line-height:24px;
	margin:0;
	padding:3px 0 0 0;
	text-align:center;
	text-decoration:none;
}
#navbar a:hover {
	background:url(/ui/images/navigation-ul-li-a.active.png) top center;
}
#navbar ul a, #navbar ul a:hover, #navbar ul a:visited {
	background-image:none;
	margin:0;
	color:#fff;
	font-size:9px;
	text-indent:5px;
	text-align:left;
}
#navbar ul li.last a {
	width: 125px;
}
#navbar li ul {
	display:none;
}
#navbar li:hover > ul {
	display:block;
	position:absolute;
	top:-10px;
	left:87px;
	padding:10px 30px 30px 30px;
	background:transparent url(/ui/images/spacer.gif);
	width:120px;
}
#navbar li li li:hover > ul {
	left:171px
}
#navbar > li:hover > ul {
	left:-30px;
	top:23px;
}
#navbar ul li {
	float:left;
	background-color:#656669;
	margin:0;
	padding:0;
}
#navbar li li li a {
	width:200px !important
}
#navbar li li li li a {
	width:150px !important
}
#navbar table {
	position:absolute;
	border-collapse:collapse;
	top:0;
	left:0;
	z-index:100;
	font-size:1em;
}
* html #navbar li a:hover {
	position:relative;
	color:#000;
}
#navbar li a:active, #navbar li a:focus {
	color:#000;
}
* html #navbar li ul {
	visibility:hidden;
	display:block;
	position:absolute;
	top:-11px;
	left:91px;
	padding:10px 30px 30px 30px;
	background:transparent url(/ui/images/spacer.gif);
}
* html #navbar li li li ul {
	left:171px
}
#navbar li a:hover ul ul {
	visibility:hidden;
}
#navbar li a:hover ul a:hover ul ul {
	visibility:hidden;
}
#navbar li a:hover ul a:hover ul a:hover ul ul {
	visibility:hidden;
}
#navbar li a:hover ul {
	visibility:visible;
	left:-30px;
	top:14px;
	lef\t:-31px;
	to\p:15px;
}
#navbar li a:hover ul a:hover ul {
	visibility:visible;
	top:-11px;
	left:91px;
}
#navbar li a:hover ul a:hover ul a:hover ul {
	visibility:visible;
	left:171px
}
#navbar li a:hover ul a:hover ul a:hover ul a:hover ul {
	visibility:visible;
}
#navbar ul li a.msub, #navbar ul li a:hover.msub {
	background: url(/ui/images/arrows.gif) no-repeat right;
}
#subnavigation {
	background: #ffb300 url(/ui/images/bg-subnavigation.gif) repeat-x top;
	overflow: hidden;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #fff;
}
#subnavigation #search {
	float: right;
	width: 900px;
	text-align:right;
	margin:auto;
}

#subnavigation #search_left {
	float: left;
	width: 500px;
	text-align:right;
}

#subnavigation #search_right {
	float: right;
	width: 400px;
	text-align:right;
}

#subnavigation  #search  label {
	font-size: 200%;
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	font-weight: bold;
	color: #0F2982;
	margin: 0;
	padding: 0;
	line-height: 0;
}
#subnavigation #search #searchform {
	float: left;
	margin: 0;
	padding: 5px;
}
#subnavigation   #search   #searchform   #q {
	border: 1px solid e68900;
}
#subnavigation #search #searchform #go {
	float:right;
	/*position: absolute;*/
}

#container {
	width: 1000px;
	margin: auto;
}





#content {
	margin: 0;
	padding: 0 0 20px 0;
	float: left;
	width: 1000px;
	background-color: #FBFBFB;
	position: relative;
	clear: both;
}
#contents {
	clear: left;
	margin: 0;
	padding: 10px;
}
#leftbar {
	width: 280px;
	padding: 0px;
	background-color: #FBFBFB;
	float:left;
}
#leftbar  h1, #rightbar h1 {
	padding:4px 10px 2px;
	margin:0;
	background-color: #fcbc02;
}
#product-locator {
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0px;
	background: #FBFBFB;
}
#product-locator li {
	margin: 0 0 1px 0;
	padding: 0px;
	background: #EEEEEE;
}
#product-locator li.first {
	background-image: none;
}
#product-locator li a {
	margin: 0px;
	text-decoration:none;
	padding: 0 0 1px 0;
	display: block;
	background: url(/ui/images/px.gif) no-repeat 20px center;
}
#product-locator li a.p {
	margin: 0px;
	text-decoration:none;
	padding: 0 0 1px 0;
	display: block;
	background: url(/ui/images/product-finder.gif) no-repeat 20px top;
}
#product-locator li a span {
	margin: 0 0 0 80px;
	background-color: #FBFBFB;
	padding: 6px 9px;
	display: block;
}
#product-locator li a.p-new-products {
	background-position: 20px -31px;
	font-weight: bold;
	color: #FE0000;
}
#product-locator li a.p-round-bars {
	background-position: 20px -62px;
}
#product-locator li a.p-hexagon-bars {
	background-position: 20px -93px;
}
#product-locator li a.p-square-bars {
	background-position: 20px -124px;
}
#product-locator li a.p-rectangular-bars {
	background-position: 20px -155px;
}
#product-locator li a.p-threaded-rods {
	background-position: 20px -217px;
}
#product-locator li a.p-round-tubes {
	background-position: 20px -248px;
}
#product-locator li a.p-square-tubes {
	background-position: 20px -279px;
}
#product-locator li a.p-rectangular-tubes {
	background-position: 20px -310px;
}
#product-locator li a.p-equal-angles {
	background-position: 20px -341px;
}
#product-locator li a.p-unequal-angles {
	background-position: 20px -372px;
}
#product-locator li a.p-i-beams {
	background-position: 20px -403px;
}
#product-locator li a.p-channels {
	background-position: 20px -434px;
}
#product-locator li a.p-tees {
	background-position: 20px -465px;
}
#product-locator li a.p-sheets-plates {
	background-position: 20px -496px;
}
#product-locator li a.p-shims {
	background-position: 20px -527px;
}
#product-locator li a.l_robar {
	background-image: url(/ui/images/locator_roundbars.gif)
}
#product-locator li a.l_hexbar {
	background-image: url(/ui/images/locator_hexagons.gif)
}
#product-locator li a.l_sqbar {
	background-image: url(/ui/images/locator_squarebars.gif)
}
#product-locator li a.l_rctbars {
	background-image: url(/ui/images/locator_rectanglebar.gif)
}
#product-locator li a.l_throd {
	background-image: url(/ui/images/locator_threadedrods.gif)
}
#product-locator li a.l_rotube {
	background-image: url(/ui/images/locator_roundtubes.gif)
}
#product-locator li a.l_sqtube {
	background-image: url(/ui/images/locator_squaretubing.gif)
}
#product-locator li a.l_rcttube {
	background-image: url(/ui/images/locator_rectangletubing.gif)
}
#product-locator li a.l_equal {
	background-image: url(/ui/images/locator_equalangles.gif)
}
#product-locator li a.l_uequal {
	background-image: url(/ui/images/locator_unequalangles.gif)
}
#product-locator li a.l_ibeam {
	background-image: url(/ui/images/locator_ibeams.gif)
}
#product-locator li a.l_chan {
	background-image: url(/ui/images/locator_channels.gif)
}
#product-locator li a.l_tees {
	background-image: url(/ui/images/locator_tees.gif)
}
#product-locator li a.l_sheet {
	background-image: url(/ui/images/locator_plates.gif)
}
#product-locator li a.l_shim {
	background-image: url(/ui/images/locator_shims.gif)
}
#mainbar {
	padding: 0px;
	background-color: #fff;
	margin: 0px 200px 0px 280px;
}
#mainbar  h1 {
	background:#ebebeb;
	padding: 4px 0 2px 10px;
}
#wide {
	padding: 0;
	background-color: #FBFBFB;
	margin: 0;
	width: 100%;
}
#wide .details {
	padding: 5px;
	overflow:auto;
}
#products {
	padding: 0;
	background-color: #FBFBFB;
	margin: 0;
	float: right;
	width: 720px;
}
#products .details {
	padding: 5px;
	overflow:auto;
}
#products    h1, #wide h1 {
	color:#0f2982;
	background: #f1f1f3;
	padding: 4px 10px 2px;
	margin: 0;
}
#products  h2, #wide h2 {

}
#products ul {

}
#products li {
	padding:0
}
#products table, #products tr, #products td {
	border-collapse: collapse;
	border-color: #808080;
	border-width: 1px;
}
#products table.borderless, #products table.borderless tr, #products table.borderless td {
	border-collapse: collapse;
	border-width: 0px;
}
#products   table.collapse           {
	border-collapse: collapse;
	border-width: 1px;
}
#products .product {
	float: left;
	padding-right: 20px;
	display: inline;
	width: 196px;
}
#rightbar {
	width: 200px;
	padding: 0px;
	float: right;
}
#content div.box {
	margin: 5px;
}
#rightbar  div.box {
	margin:8px
}
#footer {
	float: left;
	clear: both;
	margin:0;
	padding: 10px 0px 20px;
	color: #0F2982;
	font-weight:bold;
	width: 1000px;
	background:#D2D3D5
}
#footer a {
	color:#0F2982;
	text-decoration:none
}
#footer a:hover {
	color:#5F7CDB;
	text-decoration: underline;
}
#footer h2 {
	display: block;
	margin: 0;
	padding:10px 0 0;
	color:#091748;
	border-bottom: 2px solid #091748;
	line-height: 1em;
}
.footer-column {
	padding:0px;
	float: left;
	width: 235px;
	margin-right: 0px;
	margin-left: 10px;
}
.footer-column.last {
	width: 245px;
	margin-right: 0px;
}
.footer-column ul, .footer-column p {
	padding: 10px 0 0 15px;
}
#search-mini-form {
	margin: 0;
	padding: 0 10px;
}

img {
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
img.left {
	float: left;
	padding-right: 5px;
	padding-bottom: 5px;
}
img.right {
	float: right;
	padding-left: 5px;
	padding-bottom: 5px;
}
.clear {
	clear: both;
}
.clearleft {
	clear: left;
}
.quote {
	text-align:center;
}
.quote img {
	width:190px;
	height:105px;
}
#body form {
	background-color:#f1f1f3;
	padding:10px
}

#converter-table {margin:20px auto 0 auto}
#converter-table h2 {background-color:#FFB300;padding:4px;color:#0F2982;text-indent:10px}
#converter-table div {background-color:#5F7CAA;margin:10px 10px 0 10px}
#converter-table table {width:100%;margin:10px}
#converter-table td {text-align:center;padding-bottom:10px}
#converter-table input {text-align:center}
#converter-table label {color:#fff;font-weight:bold;display:block}

@media print {
	#products .details {
		overflow:visible;
	}
	#wide .details {
		overflow:visible;
	}
}
#footer .footer-column.last #isocert {
	text-align: center;
	color: #000;
}