/* ======================================================= */
/* Copyright (c) 2006 by Val Patterson, SaltLakeMetals.com */
/* All rights reserved.                                    */
/* Last Modified:                                          */
/* Nov 15 2006                                             */
/* Aug  1 2008                                             */
/* Dec 12 2008 added valspecial = display: none;           */
/* ======================================================= */
/* BODY background and default text */
body {
 /* Background: Top of page only: = shaded vertical stripe, 1 wide, 10 tall */
 background: #FFF url(CSSbk.png) repeat-x;
 margin: 8px 0px 0px 0px; /* allow distance for top shading */
 color: #000; /* TEXT black */
 font-family: Arial, Verdana, "Lucidia Grande", Helvetica, sans-serif;
 font-size: 100%;
}

.body-table {
 background: #FFF;
 margin: 0px auto 0px auto;     /* Center HZ in Window */
 border-collapse: separate;
 border: 0px;
 table-layout: fixed;
 width: 85%;
 min-width: 770px;
 padding: 0px; /* Around outside edges of table */
}
.body-table-contents { padding: 0px 20px 20px 20px; }

.masthead-topright { /* Masthead upper right animated gif */
 float: right;
 clear: none;
 margin: 0px 0px 43px auto;
 background: #000 url(CSSMastheadAni.gif) no-repeat;
 height: 43px;
 width: 342px;
}
.masthead-ul    { background: url(CSSul.png) no-repeat; width:9px; height:9px; padding:0px;}
.masthead-ur    { background: url(CSSur.png) no-repeat; width:9px; height:9px; padding:0px;}
.masthead-t     { background: url(CSSt.png)   repeat-x; height:9px; padding:0px;}
.masthead-left  { background: url(CSSl.png)   repeat-y; width:9px; height:1px; padding:0px;}
.masthead-right { background: url(CSSr.png)   repeat-y; width:9px; height:1px; padding:0px;}
.masthead-logo  {
 height: 86px;
 width: 770px;
 clear: none;
 padding: 0px;
 background: #FFF url(CSSMastheadBk.png) no-repeat top left;
}
#NavTabs {
 padding: 0px;
 margin: 0px;
 background: #FFF url(CSSNavTabBk.png) bottom left repeat-x;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-size: 13px;
}
#NavTabs ul {
 margin: 0px;
 padding: 0px;
}
#NavTabs li {
 float: left;
 background: url(CSSNavTabRoff.png) no-repeat right top;
 background-color: #09288A; /* Matters only in firefox when font size increases */
 list-style: none;
}
#NavTabs a {
 float: left;
 background: url(CSSNavTabLoff.png) no-repeat left top;
 line-height: 14px;
 padding: 7px 14px 7px 14px;
 color: #FFF;
 text-decoration: none;
}
#NavTabs a:hover {
 text-decoration: underline; 
}
#NavTabs .on {
 background-image: url(CSSNavTabRon.png); 
}
#NavTabs .on a {
 font-size: 17px;
 background-image: url(CSSNavTabLon.png);
 color: #000;
}

#NavSublinks {
 padding: 0px;
 margin: 0px;
 height: 36px;
 font-size: 12px;
 width: 100%;
 background: transparent url(CSSNavSublinkBk.png) no-repeat left top;
 overflow: hidden;
 vertical-align: top;
}
#NavSublinks ul {
 margin: 0px;
 padding: 3px 0px 0px 13px;
}
#NavSublinks li {
 float: left;
 list-style: none;
}
#NavSublinks a {
 float: left;
 padding: 2px 9px;
 border-right: 1px solid #999;
 border-left: 1px solid #EEE;
 color: #000;
 text-decoration: none;
}
#NavSublinks .on { }
#NavSublinks .on a {   text-decoration: underline; }
#NavSublinks a:hover { text-decoration: underline; font-weight: bold; }

#FooterLinks {
 margin: 0px;
 padding: 0px;
 text-align: center;
}
#FooterLinks a       { text-decoration: none; }
#FooterLinks a:hover { text-decoration: underline; }




#clearleft  { clear: left;  }
#clearright { clear: right; }
#clearboth  { clear: both;  } 




.shadow-corner-bl { background: url(CSSbl.png) no-repeat; width:9px; height:9px; padding:0px;}
.shadow-corner-br { background: url(CSSbr.png) no-repeat; width:9px; height:9px; padding:0px;}
.shadow-left      { background: url(CSSl.png)   repeat-y; width:9px; height:1px; padding:0px;}
.shadow-right     { background: url(CSSr.png)   repeat-y; width:9px; height:1px; padding:0px;}
.shadow-top       { background: url(CSSt.png)   repeat-x; width:1px; height:9px; padding:0px;}
.shadow-bottom    { background: url(CSSb.png)   repeat-x; height:9px; padding:0px;}
.page-title {
 display: block;
 clear: both;
 background: url(CSSPageTitlebk.png) #fff bottom left repeat-x;
 text-indent: 30px;
 border: 1px solid #88C;
 padding: 0px;
 margin: 0px;
 margin-top: 5px;
 margin-bottom: 5px;
 font-size: 110%;
 font-weight: bold;
}



.topmargin-2px {
 display: block;
 margin-top: 2px;
}
.leftmargin-10px {
 display: block;
 margin-left: 10px;
}
.square      li{ list-style-type: square; }
.circle      li{ list-style-type: circle; }
.red-bead    li{ list-style-image: url(CSSGlassBeadRed.gif); }
.green-bead  li{ list-style-image: url(CSSGlassBeadGreen.gif); }
.blue-bead   li{ list-style-image: url(CSSGlassBeadBlue.gif); }
.yellow-bead li{ list-style-image: url(CSSGlassBeadYellow.gif); }
.company-name {
 margin: 5px auto 0px 10px;
 font-size: 110%;
}










/* === Our operating hours table === */
.hours-table {
 border-collapse: collapse;
 margin: 5px 0px 5px 20px;
}
.hours-t {
 font-size: 110%;
 font-weight: bold;
 background: #444;
 color: #FFF;
 text-align: center;
 padding: 1px 9px 3px 9px;
 margin: 0px;
}
.hours-l,
.hours-c, 
.hours-r {
 background: #FFF url(CSSPageTitlebk.png) bottom left repeat-x;
 border: 1px solid #88C;
}
.hours-l {
 padding: 3px 9px 3px 20px;
 border-right: none;
}
.hours-c {
 padding: 3px 9px 3px 9px;
 text-align: right;
 border-left: none;
 border-right: none;
}
.hours-r {
 padding: 3px 5px 3px 5px;
 border-left: none;
}









.product-container, .table-container, .note-container {
 margin: 0px 0px 25px 0px;
 padding: 0px 0px 25px 0px;
 border: 1px solid #025AD8;
 background: #FCFCFF;
}
.table-container {
 margin: 0px;
 padding: 0px;
}
.table-container p {
 padding: 5px 10px 5px 10px;
 margin: 0px;
}
.note-container {
 padding: 0px;
}
.note-container p {
 margin: 6px 10px 6px 10px;
 padding: 0px;
 text-indent: 15px;
}

.product-container-title, .table-container-title, .note-container-title {
 display: block;
 clear: both;
 background: #7096D8;
 border-bottom: 1px solid #025AD8;
 color: #FFF;
 text-indent: 30px;
 padding: 2px 2px 2px 2px;
 margin: 0px 0px 0px 0px;
 font-size: 110%;
 font-weight: bold;
}



/* === Product Pricing Table === */
.pptbl-table {
 border-collapse: collapse;
 margin: 0px 0px 0px 60px;
}
.pptbl-t,
.pptbl-b {
 font-size: 110%;
 font-weight: bold;
 background: #7096D8;
 color: #FFF;
 text-align: center;
 padding: 0px 9px 0px 9px;
 margin: 0px;
 border-left:  1px solid #000;
 border-right: 1px solid #000;
}
.pptbl-b {
 font-size: 0px; /* Bottom, dark spacer */
}
.pptbl-l,
.pptbl-c, 
.pptbl-r,
.pptbl-clj {
 background: #FFF;
 border: 1px solid #666;
}
.pptbl-l {
 padding: 1px 9px 3px 20px;
 border-right: none;
}
.pptbl-c {  /* Right Justified text in center table data */
 padding: 1px 9px 3px 9px;
 text-align: right;
 border-left: none;
 border-right: none;
}
.pptbl-r {
 padding: 1px 5px 3px 5px;
 border-left: none;
}
.pptbl-clj {  /* Left Justified text in center table data */
 padding: 1px 9px 3px 9px;
 text-align: left;
 border-left: none;
 border-right: none;
 font-weight: normal;
 font-size: 1em;
}



/* === Under Product Pricing Table - Links appear under table === */
.uppt-table {
 border-collapse: collapse;
 margin: 0px auto 0px 10%;
}
.uppt-line {
 background: #FFF;
 border: 1px solid #666;
 padding: 2px 20px 2px 10px;
}




/* MSDS classes */
.msds h1 {
 margin: 2px 20px 0px 20px;
 font-size: 110%;
 font-weight: bold;
}
.msds p {
 margin: 0px 20px 2px 40px;
 font-size: 90%;
 font-weight: normal;
}



/* Val Special - Dec 12 2008 - To pack more content and comments into web pages */
.valspecial {
 display: none;
}