@charset "UTF-8";

@media all
{
    /* Tabellen Grund-Style */
    table.products {
        width: 100%;
        background: #eaeaea;
    }
    
    /* Header Style */
    table.products thead tr th {
        font-family: Verdana, Arial;
        font-size: 11px;
        color: #000000;
        font-weight: bold;
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
        background: #d0d0d0;
    }
    table.products thead th.color { border-left: solid 1px #000; }
    table.products thead th.total { border-right: solid 1px #000; }
    
    /* Footer Style */
    table.products tfoot td.tableTotal { text-align: right; font-weight: bold; padding-right: 8px; background: #e5e5e5; }
    table.products tfoot td.total { border-bottom: 1px solid #bbb; background: #fff; }
    
    /* Abstand */
    table.products th,
    table.products td { padding: 3px; }
    table.products th th,
    table.products td td { padding: 0px; }
    
    /* Spalten Breite und Ausrichtung */
    table.products .color { text-align: left; }
    table.products .size,
    table.products .length,
    table.products .width,
    table.products .measure,
    table.products .carrier,
    table.products .thread,
    table.products .casing,
    table.products .puller,
    table.products .fastener,
    table.products .yarn,
    table.products .rows,
    table.products .distance,
    table.products .ending { width: 30px; }
    table.products .unit { text-align: right; }
    table.products .stock { width: 12px; }
    table.products .price { text-align: right; }
    table.products .cart { width: 100px; text-align: center; }
    table.products .total { width: 100px; text-align: right; border-left: 1px solid #bbb; }
    table.products td.total { background: #ededed; border-right: solid 1px #bbb; }
    
    /* Warenkorb-Feld Tabelle zentrieren */
    table.products tbody td.cart table { text-align: center; margin-left: auto; margin-right: auto; }
    
    /* Gestrichelte Linie (inkl. Aufhebung bei weiteren darunterliegenden td-Tags) */
    table.products tbody tr td { border-bottom: 1px dotted #9f9f9f; }
    table.products tbody tr td td { border-bottom: none; }
    
}