/* browser specific */
/*\*//*/@import "ie5macbandpass.css";/**/



/* common */

body {margin:0;padding:0;font:76% arial, sans-serif;}

#header {border-bottom:3px solid #fff;background:#3a3a3a;}	
#header img {display:block;margin:0;padding:0;}
#header object, #header param {margin:0 0 0 0;padding:0 0 0 0;}
#header img#print-logo { display: none; }
#print-logo { display: none; }
#header p.address { display: none; }
#navigation {float:left;width:100%;border-top:20px solid #000;background:#5e5e5e url(bg-nav.gif) no-repeat;}
#navigation-extranet {float:left;width:100%;border-top:20px solid #000;background-color:#5e5e5e;}
#navigation div {padding-left:207px;}
#navigation ul, #navigation li {margin:0;padding-left:0;}
#navigation #ul-nav-top {width:572px;}
#navigation li {float:left;list-style-type:none;}
#navigation li a, #navigation li a:visited {display:block;width:auto;padding: 0 10px;border-right:2px solid #5e5e5e;border-left:2px solid #5e5e5e;line-height:45px;text-decoration:none;font-size:1.1em;color:#fff;}
#navigation li a:hover {border-right:2px groove #888;border-left:2px groove #888;background:url(bg-nav-ahover.gif) 0 100% no-repeat;}
#navigation a#a-active {border-left:2px groove #888;border-right:2px groove #888;font-weight:bold;}

#footer {clear:both;padding:20px 0 20px 20px;background:#5e5e5e;border-bottom:30px solid #000;}
#footer ul, #footer li {margin:0 0 5px 0;padding-left:0;}
#footer li {float:left;list-style-type:none;}
#footer a {padding-right:37px;text-decoration:none;color:#fff;}
#footer p {clear:both;margin:2px 0 0;font-size:.8em;}

table a.pdf { background: url(../images/pdf.png) right center no-repeat; padding: 5px 28px 5px 0;}
#creditapp #footer {clear:both;padding:20px 0 20px 20px;background:#5e5e5e;border-bottom:30px solid #000; margin-top:550px;}


.invisible {display: none;}


/* MTR Header Styles */
#mtr-print-header, #mtr .order-sig, #mtr #mtr-print-footer	{display: none;}



/* homepage */

#wrapper {width:810px;margin:0;}
#homepage p {font-size:1em;}

#homepage #content {float:left;width:580px;margin:0;padding:0;}

#homepage #main {float:left;width:305px;margin:20px 0 30px 0;border-right:1px dashed #999;}
#homepage #main h2 {margin:0 21px 0;font-size:1.3em; background-color: #fff;}
#homepage #main p {margin:0 15px 1em 21px;}
#homepage #main img {margin:0 0 0 10px;}

#homepage #about {float:left;width:230px;margin:0 0 5px;}
#homepage #about img {margin:15px 0 0 21px;}
#homepage #about p {margin:0 0 1em 21px;}

#content ul#news {
    width: 268px;
    height: 159px;
    overflow: hidden;
    margin: 0 0 0 10px;
    padding: 0;
    }
    
#news li { list-style: none; }


 #homepage #credit {float:left; width:250px; margin:0 0 0 20px;}
 #homepage #credit img {margin:3px 0 0 5px; padding:0; float:left;}
 #homepage #credit h3 {margin:5px 0 0 0; font-size:1.3em;}
 #homepage #credit h4 {margin:5px 0 0 30px; font-size:1em;}
 #homepage #credit p {margin:5px 0 0 5px}
 #homepage #credit a, #credit a:active {color:#006666;}
 #homepage #credit a:visited {color: #666;}
 #homepage #credit a:hover {color: #999;}
 #homepage #credit a img {border:0;} 


#contact1 {float:left;  width:250px; margin:0 20px 7px 10px; padding:0; }
* html #contact1 {margin:0 20px 10px 5px;}
#content #contact1 p {margin:0 10px 1.2em 0;font-size:1em;line-height:1.5em; padding: 0;}
#content #contact1 ul {margin:0 0 20px 0; padding: 0;}
#contact1 li {list-style: none; margin-bottom:1em;}

#contact2 {float:left; clear: left; width:250px; margin:0 20px 0 0; padding:0 0 0 0; }
#contact2 p {margin:0 10px 1.2em 0;font-size:1em;line-height:1.5em;}
#contact2 ul {margin:0 0 0 10px; padding: 0;}
#contact2 li {margin-bottom:1em; list-style:none;}
#contact2 a {color:#006666;}
#contact2 a:active {color:#006666;}


#contact3 {float:left;width:250px; margin:0 0 0 0; padding:0 0 0 0; }
#contact3 p {margin:0 10px 1.2em 0;font-size:1em;line-height:1.5em;}
#contact3 ul {margin:0 0 0 10px; padding: 0;}
#contact3 li {margin-bottom:1em; list-style: none; padding: 0;}
#contact3 a {color:#006666;}
#contact3 a:active {color:#006666;}


#credit {width: 250px; margin:18px 0 30px 0; padding:0 0 0 0; float: left;}
#credit.app {clear: both; margin:25px 0 30px 43px; }
* html #credit {width: 250px; margin:0 0 30px 4px;}
#credit h3 {margin:5px 0 0 0; font-size:1.3em;}
#content #credit p, #credit p {margin:5px 0 0 0; padding: 0;}
#credit a, #credit a:active {color:#006666; font-size:1em; float: left; margin:5px 0 5px 0; font-weight: bold; clear: both;}
#credit a:visited {color: #666;}
#credit a:hover {color: #999;}
a.pdf { background: url(../img/pdf.jpg) 0 0 no-repeat; padding-left: 25px;}
a.word { background: url(../img/word.jpg) 0 0 no-repeat; padding-left: 25px;}

#side { width: 194px; float: left; }

#homepage #tour {float:left; margin:20px 0 20px 18px;padding:0;}
#homepage #tour #tour-link img {margin:0;padding:0;}
#homepage #affiliates {float:left;clear:left;width:194px;margin:20px 10px;}
* html #homepage #affiliates {margin:20px 0;}
#homepage #affiliates { margin-bottom: 10px; }
* html #homepage #affiliates img {padding-left:10px;}
a.bundle { background: url(../img/bundle-icon-bg.jpg) 0 0 no-repeat; display: block; width: 155px; height: 77px; margin: 0; padding: 17px 10px 0 50px; text-decoration: none; font-weight: bold; text-transform: uppercase; font-size: 16px; text-align: center;}
a.credit { background: url(../img/credit-icon-bg.jpg) 0 0 no-repeat; display: block; width: 155px; height: 60px; margin: 0; padding: 17px 10px 0 50px; text-decoration: none; font-weight: bold; text-transform: uppercase; font-size: 16px; text-align: center;}
* html a.bundle { padding: 17px 5px 0 40px; }
* html a.credit { padding: 17px 5px 0 40px; }
a.iso { margin-right: 30px; }
* html a.iso { margin-right: 20px; }

#homepage a:visited.bundle, #homepage a:visited.credit { color: #006666; }
#homepage a:hover.bundle, #homepage a:hover.credit { color: #999; }
#homepage #footer p {clear:both;margin:2px 0 0;font-size:.8em;}
#homepage #footer a	{color: #fff;}
#homepage #footer a.k-link	{color: #000;}

#homepage a, #homepage a:active	{color:#006666;}
#homepage a:visited	{color: #666;}
#homepage a:hover	{color: #999;}

.order-nav a, .order-nav a:active	{color:#006666;}
.order-nav a:visited	{color: #666;}
.order-nav a:hover	{color: #999;}

#creditapp #ordernav {margin:15px 0  0 425px ;}
#creditapp #ordernav a, #ordernav a:active {color:#006666;}
#creditapp #ordernav a:visited {color: #666;}
#creditapp #ordernav a:hover {color: #999;}
#creditapp #ordernav a img {border:0;}


#customernav {width:400px; float:left; margin:34px 0 0 33px; padding:0 0 0 0;}
#customernav ul {padding:0; margin:0; list-style-type: none; }
#customernav ul li { float:left; border-right:solid 1px #006666;  padding:0 10px 0 10px;  }
#customernav ul li.last {border:0px;}
#customernav ul li a {float: left;  color:#006666;}
#customernav ul li a:visted {color:#666;}
#customernav ul li a:hover {color:#999;}



/* internal */

* html #wrap-container {width:100%;background:url(bg-wrap-container.gif) repeat-x;}
* html #wrap {width:805px;}

#section-header {width:auto;background:#d1d1d1;margin: 0 0 0 194px;}
#section-header h2 {margin:0;padding-left:27px;}
* html #section-header h2 {margin:0;padding-left:23px;}
#section-header img {padding:15px 0 15px;}


#content {width:600px;margin-left:200px; height: 1%; padding:20px 0 20px 10px;}
#content {
  margin-top:0 !important;
  margin-top:20px;
  margin-top/**/:/**/0;
	
  /* other declarations may appear anywhere in this rule */
}
#content-extranet {margin:0 0 0 20px; padding:20px 0 20px 10px;}
#content h2 {margin:0;font-size:1.3em;background:#d2d2d2;}

#content p {margin:0 10px 1.2em 10px;font-size:1em;line-height:1.5em;}
#content p.clear {margin:0 10px 0 20px;}
#content img {margin:0 0 0 10px;border:0;}
#content dl {margin-left:10px;}
#content dt, #content dd {margin:0;padding-left:0;}
#content dd {margin-bottom:1em;}
#content .i-right {float:right; padding-right: 0; margin-right: 0;}
#terms #content-extranet {margin:54px 0 0 30px; padding:0px 0 20px 10px;}

#content a, #content a:active	{color:#006666;}
#content a:visited	{color: #666;}
#content a:hover	{color: #999;}


#sidebar {float:left;width:194px;margin:0;padding:0 0 10px;color:#fff;background:#191919 url(bg-sidebar-bottom.gif) 0 100% no-repeat;color:#333;}
#sidebar #Table1 {margin-left: 15px;}
#sidebar #Table1 form {margin:0 5px 10px 15px;color:#fff;}
#sidebar #Table1 label {margin-top:5px;color:#fff;}
#sidebar #Table1 input	{margin-bottom: 10px;}
#sidebar #Table1 input#ctrlSTILogin_chkbRememberMe	{margin-bottom:0;}
#sidebar p {margin:0 5px 10px 15px;}
#sidebar a	{padding-left:2px;color: #fff;}
#sidebar a:hover {color: #ccc;}
#h2-log-in-bw {position:absolute;top:205px;left:15px;}

#Ul1 li { padding-bottom: 20px; }
#Ul2 li { padding-bottom: 0; }

.clear {clear:both;}

.iso {
    margin-top: 13px;
    }
    
.green-button { display: block; width: 75px; height: 55px; color: #fff; text-transform: uppercase; font-size: 14px; text-decoration: none; background: url(../img/icon-bg.jpg) 0 10px no-repeat; padding: 30px 0 0 0; text-align: center; }
a:hover.green-button { color: #ccc; }

#cs-nav {
	width: 270px;
	padding: 10px;
	background: url(../images/cs-nav-bg.jpg) 0 0 repeat-x;
	}
	
#cs-nav h3 {
	font-size: 18px;
	color: #1b2855;
	margin: 0 0 10px 0;
	}
	
#cs-nav img {
	float: left;
	margin: 0 20px 20px 0;
	}
	
#cs-nav a {
	display: block;
	width: 75px;
	height: 55px;
	background: url(../images/nav-bg.png) 0 0 no-repeat;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 11px;
	float: left;
	margin: 0 20px 20px 0;
	padding-top: 20px;
	text-align: center;
	}
	
#cs-nav a:visited { color: #fff; }

#cs-nav a:hover { background: url(../images/nav-bg.png) 0 -75px no-repeat; }

#cs-nav a.round, #cs-nav a.square, #cs-nav a.rectangle { 
	background: url(../images/nav-bg.png) 0 -75px no-repeat; 
	padding-top: 30px;
	height: 45px;
	}
	
#cs-nav a.contacts {
	padding-top: 30px;
	height: 45px;
	letter-spacing: -0.01em;
	}

#cs-nav a:hover.round, #cs-nav a:hover.square, #cs-nav a:hover.rectangle { background: url(../images/nav-bg.png) 0 0 no-repeat; }

#cs-nav a.rectangle { 
	letter-spacing: -0.1em; 
	margin-right: 0; 
	}
	
#cs-nav a.test-reports, #cs-nav a.terms-sale { margin: 0 0 20px 0; }
	
#cs-nav a.rectangular-tubing { margin: 0 0 30px 0; }

#mtr-announce a { color:#006666; font-weight: bold; }

mtr-announce a:visited { color:#666; }
mtr-announce a:visited { color:#999; }

/*-----OPEN ORDERS CSS-----*/
#fixed {
	BORDER-RIGHT: #aaa 1px solid; BORDER-TOP: #aaa 1px solid; RIGHT: 20px; BACKGROUND: #f1efe0; BORDER-LEFT: #aaa 1px solid; WIDTH: 200px; BORDER-BOTTOM: #aaa 1px solid; POSITION: fixed; TOP: 207px
}
#fixed P {
	MARGIN: 0px 2px 0px 5px
}
#fixed IMG {
	DISPLAY: block; MARGIN: 5px 0px 3px 5px
}

td { padding: 0; margin: 0 }

table.orders-container {
	width: 780px;
	border-bottom: 1px solid #000;
	margin-bottom: 15px;
}
td.orders-billee-footer-spacer {
	border-bottom: 1px dashed #333;
	height: 35px;
}
td.orders-location-header-spacer {
	height: 5px;
}
td.orders-location-footer-spacer {
	border-top: 1px dotted #666;
	height: 25px;
}
tr.orders-billinginfo td {
	border-bottom: 1px dashed #000;
	color: #000;
	padding: 7px;
	font-size: 14px;
}
td.orders-billto-label {
	text-align: right;
}
td.orders-billto {
	font-weight: bold;
}
td.orders-billtoaddress {
	text-align: right;
}
tr.orders-shippinginfo td {
	background-color: #666;
	border: 1px solid #333;
	color: #fff;
	padding: 5px;
}
td.orders-shipto-label {
	text-align: right;
}
td.orders-shipto {
	font-weight: bold;
}
td.orders-shiptoname {
	font-weight: bold;
}
td.orders-shiptoaddress {
	text-align: right;
}
td.orders-shiptoaddress span.orders-shiptoaddress-address2 {}
tr.orders-items-header-top {}
td.orders-superheader {
	background-color: #dedede;
	border: 1px solid #ccc;
	color: #666;
	font-weight: bold;
	text-align: center;
}
td.orders-superheader-rep {
	color: #666;
	font-size: 10px;
	font-weight: bold;
	text-align: right;
}
tr.orders-items-header-bottom {}
td.orders-header {
	background-color: #ccc;
	color: #333;
	font-weight: bold;
	text-align: center;
	padding: 3px;
}
td.orders-footer-spacer, td.orders-header-spacer {
	height: 10px;
}
td.orders-ordernumber {
	color: #333;
	font-weight: bold;
	text-style: italic;
	padding-left: 15px;
}
td.orders-item {
	border-bottom: 1px solid #eee;
	padding: 3px;
}
td.ponumber {}
td.stinumber {
	text-align: center;
}
td.description {}
td.edi {
	text-align: center;
}
td.pounds {
	text-align: right;
}
td.feet {
	text-align: right;
}
td.orderdate {
	text-align: center;
}
td.promiseddate {
	text-align: center;
}
td.comments {}
tr.orders-header-total td {
	padding: 2px;
	background-color: #dedede;
	border: 1px solid #ccc;
	color: #666;
	font-weight: bold;
}
td.orders-header-total-label {
	text-align: right;
}
td.message 
{
	font-size: 14px;
	font-weight: bold;
	color: #900;
	padding: 10px;
}

td.top-link 
{
	font-weight: bold;
	text-align: right;	
}

#dgrdQryProductsDisplay td, .pad td { padding: 3px; }

#floating-top-link {
	position: fixed;
	bottom: 0px;
	left: 700px;
	z-index: 100;
}
#floating-top-link a {
	display: block;
	height: 25px;
	width: 90px;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	line-height: 25px;
	border: 1px solid #333;
	background-color: #ccc;
	color: #00f;
}

#floating-top-link a:hover {
	background-color: #fff;
}

