/*š-- GLOBAL Variables - TAGS...   */
BODY    {       font-family : Arial, Verdana, sans-serif;
                font-size : 8pt;
                background-color : white;
                color  : black; }
A {             color : black;
                font-size : 8pt;
                font-family : Arial, Verdana, sans-serif; }
A.outside {     color : blue;
                font-size : 8pt;
                font-family : Arial, Verdana, sans-serif; }
TD {            font-family : Arial, Verdana, sans-serif;
                font-size : 8pt; }
SELECT  {       font-family : Arial, Verdana, sans-serif;
                font-size : 8pt; }
TEXTAREA {      font-family : Arial, Verdana, sans-serif;
                font-size : 8pt; }
INPUT    {      font-family : Arial, Verdana, sans-serif;
                font-size : 8pt; }
INPUT.inputReadOnly   {
                font-family : Arial, Verdana, sans-serif;
                background-color : #CCCCCC;
                text-align : right;
                font-size : 8pt; }
/*š------ These are anywhere you see a selection button or link at the bottom of a <TABLE>  */
TD.tablefooter {
                font-size : 8pt;
                color  : black;
                font-family : Arial, Verdana, sans-serif;
                background-color : #CCCCCC; }
TD.tablefooter A {
                font-weight: bolder; }


/*š-- GLOBAL Variables - CLASSES...   */
.headers {      font-family : Arial, Verdana, sans-serif;
                font-size : 9pt; }
.bgWhite {      background-color : white; }

.lo {           font-family : Arial, Verdana, sans-serif;
                background-color : white;
                font-size : 8pt; }
.hi {           font-family : Arial, Verdana, sans-serif;
                background-color : #eeeeee;
                font-size : 8pt; }
.totals  {      font-family : Arial, Verdana, sans-serif;
                background-color : #D0DFFF; }
.dspItem  {     font-size : 10pt;
                font-family : Arial, Verdana, sans-serif; }
.title   {      font-size : 10pt;
                font-family : Arial, Verdana, sans-serif;
                background-color : #004F9F;
                color : white;
                font-weight : normal;}
.itemNotes {    font-family : Arial, Verdana, sans-serif;
                color : #004F9F; }
.searchHeading {font-size : 14pt;
                font-family : Arial, Verdana, sans-serif;
                background-color : #A6CE39;
                color : black;}
.rowHdr  {      font-family : Arial, Verdana, sans-serif;
                font-size : 8pt;
                background-color : #D0DFFF; }
.rowDtl  {      font-family : Arial, Verdana, sans-serif;
                font-size : 8pt;
                background-color : #EEEEEE; }
.noMatch {      color : red;
                font-size : 10pt;
                font-weight : bold;}
.paragraphHdr { font-size : 10pt;
                color : #A6CE39;
                font-family : Arial, Century Gothic, Verdana;
                font-weight : bold;}
.stsMsg       { font-size : 12pt;
                background-color : #A6CE39;
                color : black;
                font-family : Arial, Century Gothic, Verdana;
                text-align : center;
                font-weight : bold;}
.errorHeader  { font-size : 10pt;
                color : red;
                font-family : Arial, Century Gothic, Verdana;
                font-weight : bold;}
.workWith {     font-family : Century Gothic, Arial, Verdana;
                background-color : white;
                color : blue;
                font-size : 8pt; }
.customer   {   font-size : 8pt;
                background-color : #A6CE39;
                font-family : Arial, Century Gothic, Verdana;
                font-weight : bold;}
.memoHdr {      font-size : 8pt;
                font-family : Arial, Verdana, sans-serif; }
.memoBtn {      cursor : hand;
                border-style : outset;  }
.error {        font-size : 8pt;
                font-family : Arial, Verdana, sans-serif;
                background-color : red;
                font-weight : bold;
                color : yellow; }
.errorRev {     font-size : 10pt;
                font-family : Arial, Verdana, sans-serif;
                font-weight : bold;
                color : red; }
.rightColor {   font-size : 8pt;
                background-color : #A6CE39;
                font-family : Arial, Century Gothic, Verdana; }
.leftColor  {   font-size : 8pt;
                background-color : #004F9F;
                font-family : Arial, Century Gothic, Verdana; }
.prodKnowTtl  { font-size : 10pt;
                color : #A6CE39;
                font-family : Arial, Century Gothic, Verdana;
                font-weight : bold;}
.prodKnowHdr  { font-size : 8pt;
                font-family : Arial, Century Gothic, Verdana;
                font-weight : bold;}

.smallBorder {  border-style : solid;
                border-width : 1px;
                border-color : black; }

.orderLogo   {  text-align : center; }



/*š-- Top Logo-FRAME Styles...   */
 .logoTopLevel {  background-color : #004F9F;
                  color : white;
                  white-space : nowrap; }
 .logoCenterLevel  {  background-color : #BAC7D9;
                      white-space : nowrap; }
 .logoLowerLevel {  background-color : #004F9F;
                    color : white;
                    white-space : nowrap; }


/*š-- Left-Side Table of Content FRAME...   */
body.toc        {  background-color : #004F9F; color : white;}
A.options       { background-color : #89A9C7;
                  text-decoration : none;
                  font-size :  8pt;
                  font-family : Arial, Verdana, sans-serif;
                  color : black;
                  height : 20px;
                  width : 100%;
                  padding-top : 3px;
                  padding-bottom : 3px;
                  cursor : hand; }
A.options:hover { text-decoration : underline;
                  background-color : #BAC7D9;
                  color : black;}



/*š-- Right-Side Shopping Cart FRAME...   */
td.cartlogo    { background-image: url("/d24/images/shoppingcart.gif");  width  : 150px;  height : 30px; }


/*š-- For every BODY-FRAME page, these are the styles for the Headers, and other areas......   */
td.headerTab440 { font-size : 12pt;
                font-family : Arial, Verdana, sans-serif;
                color : #004F9F;
                background-image: url("/d24/images/HeaderTab.gif");
                width : 440px;
                height : 40px;
                text-align : center;
                font-weight : bolder;}
td.headerTab250Left
              { font-size : 12pt;
                font-family : Arial, Verdana, sans-serif;
                color : #004F9F;
                background-image: url("/d24/images/HeaderTabExtL.gif");
                width : 250px;
                height : 40px;
                text-align : center;
                font-weight : bolder;}
td.headerTab250Right
              { font-size : 12pt;
                font-family : Arial, Verdana, sans-serif;
                color : #004F9F;
                background-image: url("/d24/images/HeaderTabExtR.gif");
                width : 250px;
                height : 40px;
                text-align : center;
                font-weight : bolder;}
td.headerFiller { background-image: url("/d24/images/HeaderFiller.gif");
                height : 40px; }
/*š------ This is a <TD></TD> that runs down the left side of the page, 100%..   */
td.leftSideBar { background-image: url("/d24/images/HeaderSideBar.gif");
                width : 23px;}



/*š-- CHECKOUT Screen images...             */
/*š---- Step 1 : Item Confirmation */
td.step1Past    { background-image: url("/d24/images/itemConfirm0.gif");  width  : 160px;  height : 25px; }
td.step1Present { background-image: url("/d24/images/itemConfirm1.gif");  width  : 160px;  height : 25px; }
td.step1Future  { background-image: url("/d24/images/itemConfirm2.gif");  width  : 160px;  height : 25px; }
/*š---- Step 2 : Order Header Information Entry */
td.step2Past    { background-image: url("/d24/images/orderInfo0.gif");  width  : 160px;  height : 25px; }
td.step2Present { background-image: url("/d24/images/orderInfo1.gif");  width  : 160px;  height : 25px; }
td.step2Future  { background-image: url("/d24/images/orderInfo2.gif");  width  : 160px;  height : 25px; }
/*š---- Step 3 : Final Confirmation */
td.step3Past    { background-image: url("/d24/images/orderConfirm0.gif");  width  : 160px;  height : 25px; }
td.step3Present { background-image: url("/d24/images/orderConfirm1.gif");  width  : 160px;  height : 25px; }
td.step3Future  { background-image: url("/d24/images/orderConfirm2.gif");  width  : 160px;  height : 25px; }