/* CSS copyright (c) 2015 David Gibson. No licence should be inferred NB My HTML editor inserts an unhelpful doctype which, in future, I must edit out, e.g. replacing it with My bad doctype causes browsers to operate in quirks mode, which means that TABLE does not inherit all CSS settings. Previously I have solved this by manually setting a style for TD but, here, I use the following settings, as suggested by Axel Dahmen at http://bytes.com/topic/html-css/answers/97365-why-does-td-not-inherit-body Also see http://www.mozilla.org/docs/web-developer/quirks/ There is a FURTHER problem: it seems that the above doctype causes MSIE to render 8pt text too small (and to change BODY margin?). The above doctype is currently used on many of the pub and bookshop pages. Workaround (in lieu of tracking the problem down): remove 8pt font from /header.phtml */ TABLE, THEAD, TBODY, TR, TD, TH { font-size: inherit; font-family: inherit; } BODY { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; } TABLE.data { border-collapse: collapse; } TABLE.data TD { font-size: 8pt; border-top: blue solid 1px; border-left: white solid 3px; white-space: nowrap; padding: 3px 10px 3px 10px; background-color: #EEEEEE; } TABLE.data2 TD { font-size: 8pt; border-top: blue solid 1px; border-left: white solid 3px; white-space: nowrap; padding: 3px 10px 3px 10px; background-color: #FFEEEE; } P.reverse B { color: white; background-color: blue; text-decoration: none; } INPUT { background-color: Lavender; } SPAN.checkbox { background-color: Lavender; border: grey inset 1px; }