body {
    margin: 2ex;
}

h2.system-category {
    font-size: 1.66em;
    border-bottom: solid black 1px;
    margin-right: 25%;
}
h3.system {
    font-size: 1.5em;
    border-bottom: solid grey 1px;
    margin-right: 50%;
}

div.links {
    margin-bottom: 3em;
}

table.components, table.postage {
    margin-left: 2ex;
    border-collapse: collapse;
}
table.components td {
    padding: .5ex;
}
table.components td:first-child {
    padding-left: 2ex;
}
table.components td:last-child {
    padding-right: 2ex;
}
table.components tr.header, table.components tr.total, table.components tr.category {
    font-weight: bold;
}

table.components.list td:nth-child(2) {
    text-align: center;

}
table.components.list td:nth-child(3), table.components.cost td:nth-child(2) {
    text-align: right;
}

table.components.list td:nth-child(4), table.components.cost td:nth-child(3) {
    padding-left: 1.5ex;
}

table.components tr.header td {
    border-bottom: 1px solid black;
}
table.components tr:nth-child(1 of tr.total) td {
    border-top: 1px solid black;
}
table.components tr:nth-child(even of tr.component) {
    background-color: #f0f0f0;
}

p.photos {
    margin-left: 2ex;
    margin-right: 2ex;
}
p.photos img {
    max-height: 200px;
}

div.links {
    display: table;
    padding-left: 5ex;
}
div.links a {
    display: table-row;
}
div.links a span {
    display: table-cell;
    vertical-align: middle;
    padding-top: 1ex;
    padding-bottom: 1ex;
}
div.links span:first-child {
    text-align: right;
    padding-right: 1ex;
}
div.links img {
    max-height: 100px;
    max-width: 250px;
}

table.postage td, table.postage th {
    padding-left: .75ex;
    padding-right: .75ex;
}

table.postage th {
    vertical-align: top;
}

table.postage {
    margin-left: 5ex;
}

table.postage tr:nth-child(even of tr.country) {
    background-color: #f0f0f0;
}