I did a bit of research to refresh my memory. CSS3 introduces a @font-face rule which allows specification of a src attribute to tell the browser where to download the font file, if required. However, before I get in too deep (it's a bit late for me to be doing development work - give me another 17 hours or so, when my weekend starts): Ironduke, could you please confirm what operating system you're using and whether or not you have Verdana and/or Arial available? That's all we're really specifying in the CSS.
Edit: Uh, I just realised what the problem is. The CSS does not specify fonts for all text. I tested Firefox, Chromium and IE on my WinXP system and it seems they all use Times New Roman as the default font. However, if I choose a different default font, then the appearance of the text in the pop-up box changes. I can work on making sure all the selectors have fonts are specified when I get back from work tomorrow.
Another Edit: Couldn't help myself - had to work on it for a bit, but I'm giving up now. I set the global font-family at the <body> level to use the same 'Verdana, Arial, sans-serif' and tried to fiddle with the .partslist selector to shrink the font, but the sans-serif fonts turn out to be a lot wider than the previous default serif font that was showing before. Also, changing the font seems to make the text in div.ship_title a bit too big as well.
Avacar or Ironduke, would you be able to provide an example of the static WCTO styling so I have something to compare with? At this point in development, it might be a better idea to only change what's necessary instead of trying to specify a global font-family. I have a headache now, I'm going to bed.