/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $
  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com
  Copyright (c) 2003 osCommerce
  Released under the GNU General Public License
*/

/* Basics ------------------------------------------------ */
BODY    { background:#547498; color:#000000; margin:0px; }
A       { color:#000000; text-decoration:none; }
A:hover { color:#547498; text-decoration:underline; }
FORM    {	display:inline; }

/* Header and footer ------------------------------------- */
TR.header           { background:#FFFFFF; }
TR.headerNavigation { background:#547498; line-height:1.0em; }
TD.headerNavigation { font-family:Verdana,Arial,sans-serif; color:#FFFFFF; font-size:10px; background:#547498; } /* font-weight:bold; */
A.headerNavigation  { color:#FFFFFF; }
A.headerNavigation:hover { color:#FFFFFF; }
TR.headerError      { background:#B40000; }
TD.headerError      { font-family:Verdana,Arial,sans-serif; color:#FFFFFF; font-size:12px; font-weight:bold; text-align:center; background:#B40000; }
TR.headerInfo       { background:#00FF00; }
TD.headerInfo       { font-family:Verdana,Arial,sans-serif; color:#FFFFFF; font-size:12px; font-weight:bold; text-align:center; background:#00FF00; }
TR.footer           { background:#547498; }
TD.footer           { font-family:Verdana,Arial,sans-serif; color:#FFFFFF; font-size:10px; font-weight:bold; background:#547498; }

/* contentBox and infoBox -------------------------------- */
.contentBox              { background:#FFFFFF; }
TD.contentBoxHeading     { font-family:Verdana,Arial,sans-serif; color:#FFFFFF; font-size:10px; font-weight:bold; background:#FFFFFF; }
.contentBoxContents      { font-family:Verdana,Arial,sans-serif; font-size:10px; background:#FFFFFF; }

.infoBox                 { } /*  background:white; */
.infoBoxContents         { font-family:Verdana,Arial,sans-serif; font-size:10px; line-height:1.5em; }
.infoBoxNotice           { background:#FEFFA5; }
.infoBoxNoticeContents   { font-family:Verdana,Arial,sans-serif; font-size:10px; background:#FEFFA5; }
TD.infoBoxHeading        { font-family:Verdana,Arial,sans-serif; color:#000000; font-size:11px; font-weight:bold; border-bottom-color:#547498; border-bottom-style:solid; border-bottom-width:1px; }
                           /* former: background:white; color:#547498; */ /* padding-top:12px; with this the arrow link of the info boxes would not be visible for Firefox */
A.infoBoxHeading         { color:#000000; text-decoration:none; } /* #547498 */
A.infoBoxHeading:visited { color:#000000; text-decoration:none; } /* #547498 */
A.infoBoxHeading:hover   { color:#000000; text-decoration:none; }
A.infoBoxHeading:active  { color:#000000; text-decoration:none; } /* #547498 */
TD.infoBox, SPAN.infoBox { font-family:Verdana,Arial,sans-serif; font-size:10px; }

/* productListing ---------------------------------------- */
TR.productListing-odd    { background:white; }
TR.productListing-even   { background:white; }
TABLE.productListing     { border:1px; border-style:solid; border-color:#000000; border-spacing:1px; }
.productListing-heading  { font-family:Verdana,Arial,sans-serif; color:#000000; font-size:11px; font-weight:bold; line-height:2.0em; background:#F0F0F2; }
TD.productListing-data   { font-family:Verdana,Arial,sans-serif; font-size:11px; }

/* moduleRow --------------------------------------------- */
.moduleRow          { }
.moduleRowOver      { background-color:#F0F0F2; }
.moduleRowSelected  { background-color:#F0F0F2; }

/* checkoutBar ------------------------------------------- */
.checkoutBarFrom    { font-family:Verdana,Arial,sans-serif; font-size:10px; color:#547498; text-decoration:underline; }
.checkoutBarTo      { font-family:Verdana,Arial,sans-serif; font-size:10px; color:#8C8C8C; }
.checkoutBarCurrent { font-family:Verdana,Arial,sans-serif; font-size:10px; color:#000000; }

/* message box ------------------------------------------- */
.messageBox { font-family:Verdana,Arial,sans-serif; font-size:10px; }
.messageStackError, .messageStackWarning { font-family:Verdana,Arial,sans-serif; font-size:11px; color:#B40000; font-weight:bold; line-height:1.5em; }
.messageStackSuccess { font-family:Verdana,Arial,sans-serif; font-size:11px; color:#00C000; font-weight:bold; line-height:1.5em; }

/* Various ----------------------------------------------- */
A.pageResults       { color:#547498; }
A.pageResults:hover { color:#000000; background:#F0F0F2; }
TD.pageHeading, DIV.pageHeading { font-family:Verdana,Arial,sans-serif; font-size:22px; color:#CE9351; text-align:left; vertical-align:top; letter-spacing:0.1em; padding-top:8px; padding-bottom:10px; }
TD.main, P.main, DIV.main { font-family:Verdana,Arial,sans-serif; font-size:11px; line-height:1.5em; margin-top:0px; margin-bottom:18px; } /* new is margin-top and margin-bottom to be like <p> */
TD.smallText, SPAN.smallText, P.smallText { font-family:Verdana,Arial,sans-serif; font-size:10px; color:#8C8C8C; }
SPAN.newItemInCart { font-family:Verdana,Arial,sans-serif; font-size:10px; color:#B40000; }
CHECKBOX, INPUT, RADIO, SELECT { font-family:Verdana,Arial,sans-serif; font-size:11px; }
TEXTAREA { width:100%; font-family:Verdana,Arial,sans-serif; font-size:11px; }
TABLE.formArea { font-family:Verdana,Arial,sans-serif; background:#F0F0F2; border-color:#547498; border-style:solid; border-width:1px;font-size:11px; } /* Geizteile: fuer index1.php */
SPAN.markProductOutOfStock { font-family:Verdana,Arial,sans-serif; font-size:12px; color:#B40000; font-weight:bold; }
SPAN.productSpecialPrice { font-family:Verdana,Arial,sans-serif; color:#B40000; }
SPAN.errorText { font-family:Verdana,Arial,sans-serif; color:#B40000; }
TD.productPriceInBox { font-family:Verdana,Arial,sans-serif; font-size:10px; background:#F0F0F2; }
.boxText      { font-family:Verdana,Arial,sans-serif; font-size:10px; }
.errorBox     { font-family:Verdana,Arial,sans-serif; font-size:10px; font-weight:bold; background:#FEFFA5; }
.stockWarning { font-family:Verdana,Arial,sans-serif; font-size:10px; color:#B40000; line-height:1.3em; }
.orderEdit    { font-family:Verdana,Arial,sans-serif; font-size:10px; color:#CE9351; text-decoration:underline; }
.inputRequirement  { font-family:Verdana,Arial,sans-serif; font-size:10px; color:#B40000; }

/* Geizteile colors -------------------------------------- */
.color1  { color:#547498; } /* blue */
.color2  { color:#CE9351; } /* oro */
.color3  { color:#B40000; } /* red */
.color4  { color:#8C8C8C; } /* middle gray, smallText */
.color5  { color:#4E5052; } /* geizteile gray */
.color6  { color:#00A000; } /* light green */
/* light gray   = #F0F0F2 - e.g. for tooltips, table header background ... */
/* light yellow = #FFFFD6 - siehe class "hint" */

/* Link -------------------------------------------------- */
.link         { color:#547498; text-decoration:underline; }
.link:link    { color:#547498; text-decoration:underline; }
.link:visited { color:#547498; text-decoration:underline; }
.link:hover   { color:#000000; text-decoration:none; }
.link:active  { color:#547498; text-decoration:underline; }

/* onMouseover tooltip (define width in html) ------------ */
a.tooltip            { color:#547498; text-decoration:underline; position:relative; z-index:50; cursor:default; } /* display:block; float:right; */
a.tooltip:hover      { color:#B40000; font-weight:bold; text-decoration:none; z-index:51; } /* z-index is important here */
a.tooltip span       { display:none; }
a.tooltip:hover span { display:block;  
                       position:absolute; left:-120px; top:20px; z-index:51;
                       font-family:Verdana,Arial,sans-serif; color:#000000; font-weight:normal; font-size:11px; line-height:1.5em; text-align:left; 
                       background-color:#ffffff; padding:10px;
                       border: 1px solid #AA0000;  
                     }

/* Content ----------------------------------------------- */
p  { font-family:Verdana,Arial,sans-serif; font-size:11px; color:#000000; line-height:1.5em; font-weight:normal; margin-top:0px; margin-bottom:18px; text-align:justify; }
h1 { font-family:Arial,Verdana,sans-serif; font-size:16px; color:#547498; line-height:1.5em; font-weight:bold;   margin-top:30px; margin-bottom:20px; text-align:left; }
h2 { font-family:Arial,Verdana,sans-serif; font-size:14px; color:#000000; line-height:1.5em; font-weight:bold;   margin-top:24px; margin-bottom:14px; text-align:left; }
h3 { font-family:Arial,Verdana,sans-serif; font-size:12px; color:#000000; line-height:1.5em; font-weight:bold;   margin-top: 0px; margin-bottom: 8px; text-align:left; }

table.normal { font-family:Verdana,Arial,sans-serif; font-size:11px; line-height:1.5em; } /* it seems to be that the line-height has no effect */
table.small, td.small, span.small, p.small, div.small { font-family:Verdana,Arial,sans-serif; font-size:10px; line-height:1.5em; }
td.section, span.section, p.section { font-family:Verdana,Arial,sans-serif; font-size:12px; color:black; text-align:left; font-weight:bold; line-height:1.5em; }
.hint { font-family:Verdana,Arial,sans-serif; font-size:11px; line-height:1.5em; border: 1px solid #547498; padding:8px; background-color:#FFFFD6; } /* light yellow bg */

/* Do not print or display ------------------------------- */
@media print  { body { background-image:none; } 
                div.doNotPrint     { display:none; }
                table.doNotPrint   { display:none; }
                tr.doNotPrint      { display:none; }
                td.doNotPrint      { display:none; }
                table.wide         { width:640;    }
              }
@media screen { table.onlyForPrint { display:none; }
                table.wide         { width:100%;   } 
              }
}

/* not used or not active at the moment (eg. affiliate, star_product, notifications, advanced_search, upcoming_products)
TR.subBar           { background:#F0F0F2; }                                                   // not used 
TD.subBar           { font-family:Verdana,Arial,sans-serif; font-size:10px; color:#000000; }  // not used
.star-product-title { font-family:Verdana,Arial,sans-serif; text-align:left; font-size:15pt; font-weight:normal; color:#547498; padding-top:20px; padding-bottom:20px; }
.star-product       { font-family:Verdana,Arial,sans-serif; font-weight:normal; color:#000000; font-size:11px; line-height:1.5em; }
.star-product-price { font-family:Verdana,Arial,sans-serif; font-size:16px; font-weight:bold; color:#000000; }
TR.accountHistory-odd,  TR.addressBook-odd,  TR.alsoPurchased-odd,  TR.payment-odd,  TR.productReviews-odd,  TR.upcomingProducts-odd,  TR.shippingOptions-odd  { background:white; }
TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even { background:white; }
.productsNotifications { background:#F0F0F2; }                                                // for notification in checkout_success
TD.accountCategory { font-family:Verdana,Arial,sans-serif; font-size:13px; color:#aabbdd; }   // not used
TD.fieldKey { font-family:Verdana,Arial,sans-serif; font-size:12px; font-weight:bold; }       // for advanced_search
TD.fieldValue { font-family:Verdana,Arial,sans-serif; font-size:12px; }                       // for advanced_search
TD.tableHeading { font-family:Verdana,Arial,sans-serif; font-size:12px; font-weight:bold; }   // for upcoming_products 
TD.category_desc { font-family:Verdana,Arial,sans-serif; font-size:11px; line-height:1.5em; } // not used
SPAN.greetUser { font-family:Verdana,Arial,sans-serif; font-size:12px; color:#547498; font-weight:bold; } // for languages/german.php
TD.formAreaTitle { font-family:Verdana,Arial,sans-serif; font-size:12px; font-weight:bold; }              // for affiliate
TD.productPriceInListing { font-family:Verdana,Arial,sans-serif; font-size:10px; background:#d2e9fb; }    // not used
TD.productPriceInProdInfo { font-family:Verdana,Arial,sans-serif; font-size:12px; background:#ccffcc; }   // not used
.banner { background:#3E5D80; }                                                                           // for footer
*/