BODY {background-color: #000066; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000066; text-decoration: none}
A:link {text-decoration: none; font-weight: bold; color: #0000CC; font-family: Arial, Helvetica, sans-serif}
A:visited {text-decoration: none; font-weight: bold; color: #0000CC; font-family: Arial, Helvetica, sans-serif}
A:active {text-decoration: none; font-weight: bold; color: #0000CC; font-family: Arial, Helvetica, sans-serif}
A:hover {text-decoration: underline; font-weight: bold; color: #0000CC; font-family: Arial, Helvetica, sans-serif}
A.b:link {text-decoration: none; font-weight: bold; color: #0000CC; font-family: Arial, Helvetica, sans-serif}
A.b:visited {text-decoration: none; font-weight: bold; color: #990099; font-family: Arial, Helvetica, sans-serif}
A.b:active {text-decoration: none; font-weight: bold; color: #0000CC; font-family: Arial, Helvetica, sans-serif}
A.b:hover {text-decoration: underline; font-weight: bold; color: #0000CC; font-family: Arial, Helvetica, sans-serif}p {  font-size: 13px; color: #000066; text-decoration: none}

.clear { clear: both; }


/* ---------- Main Web Top Navigation ----------- */ 

#header { 
	position: relative;
	width: 774px;
	height: 135px;
	margin: 0;
	padding: 0;
	background: transparent url(assets/topnav/title2.jpg) no-repeat top right;
}

#header h1 { 
	margin: 0; 
	padding: 0;
	position: relative;
	float: left;
	width: 96px; 
	height: 120px;
	background: transparent url(assets/topnav/title1.jpg) no-repeat top left;
}

#header h1 span { 
	display: none;
}

#header h2 { 
	margin: 0; 
	padding: 0;
}

#header h2 span { 
	display: none; 
}

.navigation a, 
.navigation a:visited, 
.navigation a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
}

ul.navigation  { 
	margin: 0; 
	padding: 77px 0 0 0;
}

ul.navigation li { 
	display: inline;
	background: transparent url(assets/topnav/redarrow.gif) no-repeat 0 50%;
	padding: 0 0 0 15px;
	margin: 2px 2px 2px 0;
}

.loginas {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
}

a.navigation:link {
	color: #FFFFFF;
}

a.navigation:visited {
	color: #FFFFFF;
}

.normaltext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000066;
}

.product-list { display: block; margin: 5px; } 

.product-list a { font-size: 12px; font-weight: normal; }  

a.white, a:visited.white, a:hover.white, a:active.white { 
	color: #fff;
}

/* ---------- Customer Fast Path Menu ---------- */ 

#customer-fast-path {
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 0; 
	padding: 0;
	background: transparent;
	font-size: 12px;
	color: #fff;
}

#customer-fast-path a { 
	font-size: 12px;
	color: #fff;
}

#customer-fast-path ul {
	margin: 10px 18px 0 0; 
	padding: 0;
}

#customer-fast-path ul li { 
	display: block;
	float: left; 
	background: transparent url(assets/topnav/middle-tab.gif) top left;
	border-right: 1px solid #5353b0;
}

#customer-fast-path ul li a,
#customer-fast-path ul li.first a { 
	display: block;
	background: transparent;
	padding: 5px 9px;
}

#customer-fast-path ul li a:hover { 
	background: #4c4cad;
}

#customer-fast-path ul li.first { 
	display: block;
	float: left; 
	padding: 5px 9px;
	background: transparent url(assets/topnav/left-tab.gif) no-repeat top left;
}

#customer-fast-path ul li.last { 
	border-right: 0;
	background: transparent url(assets/topnav/right-tab.gif) no-repeat top right;
}

#customer-fast-path ul li a span.cart { 
	display: block;
	padding-left: 25px;
	background: transparent url(assets/topnav/cart.gif) no-repeat 0 50%;
}

/* ---------- Shopping Cart ---------- */ 

#cart-options { 
	position: relative;
	margin: 0;
	padding: 20px;
	background: #fff;
	width: 735px;	
}

#cart-options h3 { 
	margin: 5px 0;
	padding: 0;
}

#cart-options h4 { 
	margin: 10px 0 0 0;
	padding: 0;
}

	/* ---------- Add Item ---------- */ 
	
#cart-add { 
	position: relative;
	float: left;
	width: 340px;
	margin: 0 30px 0 0;
	padding: 0;
	text-align: left;
	background: transparent url(assets/cart-top.jpg) no-repeat top left;
}

#cart-add div { 
	background: transparent url(assets/cart-bottom.jpg) no-repeat bottom left;
	padding: 15px;
}

#cart-add h3 { 
	margin: 0 0 5px 0;
}

#cart-add table { 
	border: 1px solid #ccc;
	background: #eee;
}

#cart-add table tr td { 
	font-size: .8em;
	color: #fff;
	padding: 2px 0;
}

	/* ---------- Cart Search ---------- */ 
	
#cart-search { 
	position: relative;
	float: left;
	width: 350px;
	margin: 25px 0 0 0	;
	padding: 0;
	text-align: left;
}

/* ---------- Steel Sheet Calculator ----------- */ 

h1.tools { 
	text-align: center;
	margin: 0 20px;
	padding: 10px 0;
	font-size: 18px;
	border-bottom: 1px solid #999;
}

#calculator { 
	position: relative;
	margin: 0;
	padding: 0;
	font: 12px Arial, Sans-serif;
}

#calculator p { 
	display: block;
	text-align: center;
}

#calculator form { 
	margin: 0; 
	padding: 0; 
}

#calculator form h2 { 
	margin: 5px 10px 0 10px;
	padding: 5px 0;
	font-size: 15px;
	font-weight: normal;
}

#calculator form fieldset { 
	float: left;
	position: relative;
	width: 250px;
	margin: 10px 0 10px 60px;
	padding: 10px;
	border: 1px solid #ccc;
}

* html #calculator form fieldset { 
	display: inline;
	width: 272px;
}

#calculator form legend { 
	position: relative;
	margin: 0;
	padding: 5px;
	font: 17px Arial, Sans-serif;
	color: #006;
	font-weight: bold;
}

#calculator form label { 
	display: block;
	font: 17px Arial, Sans-serif;
	color: #006;
	margin: 0 2px 5px 2px;
	padding: 0;
}

#calculator form select { 
	margin: 5px;
	padding: 3px;
	width: 165px;
	font: 14px "Lucida Grande", Arial, Sans-serif;
	color: #009;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
}

#calculator form h2 { 
	clear: both;
	text-align: center;
}

#calculator form p { 
	font-size: 14px;
	color: #cd0808;
	text-align: left;
}

#calculator form span { 
	display: block;
	margin: 5px;
	padding: 5px;
	font: 13px "Lucida Grande", Arial, Sans-serif;
	background: #eaecfb;
	border: 1px solid #abb2e4;
}

#calculator form span strong {
	font-size: 15px;
} 

#calculator form input {
	margin: 5px;
	width: 165px;
	font: 14px "Lucida Grande", Arial, Sans-serif;
	color: #009;
}

#calculator form blockquote { 
	margin: 12px 0; 
	padding: 0;
}

/* --------- Search Filter ---------- */ 

#search-filter { 
	position: relative;
}

#search-filter div#sub { 
	position: relative; 
	float: right;
	margin: 0 0 10px 10px;
	padding: 0;
	background: transparent url(assets/search-sub-top.gif) no-repeat top left;
	width: 205px;
	text-align: center;
}

#search-filter div#sub a { 
	display: block;
	margin: 0;
	padding: 8px;
	width: 189px;
	background: transparent url(assets/search-sub-bot.gif) no-repeat bottom left;
	font-size: 12px;
	color: #006;
	font-weight: bold;
	text-align: center;
}

* html #search-filter div#sub a { width: 205px; } 

#search-filter div#sub a:hover { 
	text-decoration: underline;
	color: #006;
}

#search-filter p { 
	margin: 15px 5px 0 5px;
	font-size: 16px;
}

#search-filter p.instruct { 
	font-size: 13px;
}

#search-filter p strong { 
	color: #cb0001;
}

#search-filter p span { 
	font-weight: bold;
	color: #000;
}

#search-filter div p { 
	font-size: 13px;
	margin-left: 15px;
}

#search-filter div ul { 
	margin: 20px 0 20px 20px;
	padding: 0;
	list-style: none;
}

#search-filter div ul li { 
	margin: 5px 0;
	padding: 0 0 0 20px;
	font-size: 13px;
	font-weight: bold;
	background: transparent url(assets/arrow.gif) no-repeat 0 50%;
}

#search-filter div ul li a { 
	display: block;
	margin: 0 0 0 -20px; 
	padding: 0 0 0 20px;
}

* html #search-filter div ul li a { height: 1%; }

#search-filter div ul li.down { 
	padding: 0 0 4px 20px;
	background: transparent url(assets/arrow-down.gif) no-repeat 0 1px;
}

#search-filter div ul li.down a { 
	display: block;
	margin: 0 0 0 -20px; 
	padding: 0 0 0 20px;
}

* html #search-filter div ul li.down a { height: 1%; }

#search-filter div ul li table { 
	border: 1px solid #999;
	margin: 5px 0 0 0;
	padding: 0;
	width: 675px;
	font-size: 12px;
	border-collapse: collapse;
}

#search-filter div ul li table tr { 
	margin: 0;
	padding: 0;
}

#search-filter div ul li table tr th { 
	background: transparent url(assets/odd-row.gif) repeat-x left top;
	text-align: left;
	padding: 2px;
	margin: 0;
	border: 1px solid #999;
}

#search-filter div ul li table tr td { 
	background: transparent;
	margin: 0;
	padding: 2px;
	border-bottom: 1px solid #999;
}

#search-filter div ul li table tr.odd td { 
	background: transparent url(assets/normal-row.gif) repeat-x left top;
}

#search-filter h2.search { 
	font-size: 15px;
	margin: 15px;
	padding: 10px 0 0 35px;
	border-top: 1px solid #666;
	background: transparent url(assets/search-glass.gif) no-repeat 0 50%;
}

#search-filter form.search p { 
	margin-left: 35px;
}

#search-filter form.search a { 
	display: block;
	margin-top: 15px;
	font-size: 14px;
}

#search-filter form { 
	margin: 0; 
	padding: 0;
}

/* --------- Footer ---------*/ 

#footer { 
	margin: 10px 0;
	font: 11px Arial, Sans-serif;
	color: #fff;
}

#footer p { 
	font: 11px Arial, Sans-serif;
	color: #fff;
	margin: 12px 0 0 0;
	padding: 0;
	width: 500px;
}

#footer a { 
	color: #fff;
	font-weight: normal;
}

#footer ul { 
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer ul li { 
	display: inline;
	margin: 0;
	padding: 0;
}

#footer ul li a {
	border-left: 1px solid #fff;
	margin: 0 0 0 7px;
	padding: 0 0 0 7px;
}

#footer ul li.first a { 
	margin: 0;
	padding: 0;
	border: 0;
}