/* Target the table specifically */
table {
    border-collapse: separate; 
    border-spacing: 5px; /* Matches your CELLSPACING=5 */
}

td {
    padding: 3px;        /* Matches your CELLPADDING=3 */
    vertical-align: middle;
    /* Force the browser to ignore extra 'line-height' space in these header cells */
    line-height: 0; 
}

/* Fix for the text inside the cells so it doesn't vanish with line-height 0 */
td p, td font {
    line-height: normal;
    margin: 0; /* Claris <P> tags often have huge default margins in HTML5 */
}

/* The Image Fix */
td img {
    display: inline-block;
    vertical-align: middle;
}





/* This targets headers and centers inside your tables */
td h1, td center {
    margin: 0;            /* Removes the 'push' from the top and bottom */
    padding: 2px 0;      /* Adds a controlled, even space instead */
    line-height: 1.0;     /* Keeps the text rows tight but readable */
}

/* Ensures the cell itself knows to stay centered */
td {
    vertical-align: middle;
    text-align: center;
}





/* Fix 1: Add space BETWEEN the paragraph rows */
td p {
    margin-top: 0;
    margin-bottom: 12px; /* This creates the 'line space' you are missing */
    line-height: 1.4;    /* Gives the text itself a professional feel */
}

/* Fix 2: Center the blue bullet point GIFs vertically with the text */
td p img {
    vertical-align: middle !important; 
    margin-right: 8px;   /* Adds a tiny bit of space between the bullet and the text */
}

/* Fix 3: Ensure the warranty text doesn't look squashed */
u {
    text-decoration: underline;
}





/* Fix for the bullet point alignment and spacing */
td p img {
    vertical-align: middle !important; 
    position: relative; 
    top: -3px;           /* Adjust this number (e.g., -1px, -3px) to nudge it UP */
    margin-right: 1px;  /* This creates a clean gap between the bullet and text */
}