html
{ height: 100% }
body
{ margin: 0; padding: 0; background-color: white; font-family: verdana, arial, sans-serif; font-size: 66%; color: #333c84; height: 100% }
html > body
{ font-size: 8pt; }
td
{ font-size: 0.666em; f\ont-size: 1em }

dt
{ font-weight: bold; margin-bottom: 0.6em }
dd
{ margin: 0 0 1.4em 3em }

/* Main layout table */
table.mainLayout
{ width: 100%; height: 100% }
table.mainLayout td.fader
{ background-color: #0092C7; background-image: url(../layout/img_fader.jpg); background-position: left top; background-repeat: repeat-x }
table.mainLayout td.shadowLeft
{ background-image: url(../layout/shadow_left_tile.gif); width: 17px; vertical-align: top }
table.mainLayout td.main
{ width: 820px; vertical-align: top }
table.mainLayout td.shadowRight
{ background-image: url(../layout/shadow_right_tile.gif); width: 17px; vertical-align: top }

/* Main layout table - top bit of left and right shadows (need images) */
div#shadowTopLeft
{ background-color: #0092C7; background-image: url(../layout/shadow_left_top.jpg); width: 17px; height: 584px; }
div#shadowTopRight
{ background-color: #0092C7; background-image: url(../layout/shadow_right_top.jpg); width: 17px; height: 584px; }

h1
{ font-size: 1.4em }
h1.larger
{ font-size: 2em }
h2
{ font-size: 1.2em; margin-top: 2em }
h3
{ font-size: 1em }

div.printOnly
{ display: none; }

/* Images in the text */
div.imgLeft
{ float: left; clear: both; margin: 0 25px 8px 0; font-size: 0.9375em }
div.imgRight
{ float: right; clear: both; margin: 0 0 8px 15px; font-size: 0.9375em; text-align: right }
div.imgBlock
{ margin: 0 0 8px 0; font-size: 0.9375em }
div.imgCentre
{ margin: 10px; font-size: 0.9375em; text-align: center }
div img
{ border: 0; }

.contact
{ margin-left: 2em }
.smallerText
{ font-size: 0.9375em }
ul.noBullets
{ list-style: none }
ul.noMargin
{ list-style: none; margin: 0; padding: 0 }

p.notice
{ background-color: #ffffdd; padding: 0.5em 0.7em 0.5em 46px; border: 1px #eeee66 solid; background-image: url(../layout/exclamation.gif); background-position: 8px 10px; background-repeat: no-repeat; }

/* File library */
div.fileLibrary
{ margin-top: 2em; border-top: 1px #cce9f4 solid }
div.fileLibrary p
{ margin-left: 2.2em; }
div.fileLibrary img
{ float: left; margin: 0.3em 0 1em -2.2em; border: 0 }
a:link, a:active, a:visited
{ color: black; text-decoration: none }
a:hover
{ text-decoration: underline }

/* Products table */
table.products
{ border: 0; border-collapse: collapse }
table.products td
{ padding: 0.3em 0; vertical-align: top }
table.products td.prodName
{ white-space: nowrap; padding-right: 1.5em; }

/* Exhibition, general table */
table.general
{ border: 0; border-collapse: collapse }
table.general th
{ padding: 0.3em 0; text-align: left; white-space: nowrap; border-width: 1px 0 1px 0; border-color: #cce9f4; border-style: solid }
table.general td
{ padding: 0.4em 0; vertical-align: top; border-bottom: 1px #cce9f4 solid; }
table.general .pad
{ padding-right: 1.5em; }

/* Elements table */
table.elements
{ border: 0; border-collapse: collapse }
table.elements th
{ padding: 0.3em 0.4em; text-align: left; white-space: nowrap; border-width: 1px; border-color: #cce9f4; border-style: solid }
table.elements td
{ padding: 0.3em 0.4em; border: 1px #cce9f4 solid; text-align: center }
table.elements td.left
{ text-align: left; height: 72px }
table.elements td.hilite
{ background-color: #eaf6fa }

/* ** Styles for the contact us section ** */

/* Make the first address on the international address page a bit bigger for emphasis */
p.mainAddress
{ padding: 0.5em 0.8em; background-color: #eaf6fa; width: 85% }

/* Countries table */
table.countries
{ border: 0; border-collapse: collapse }
table.countries td
{ white-space: nowrap; padding-right: 4em; vertical-align: top }

/* Table of reps */
table.reps
{ border: 0; border-collapse: collapse }
table.reps th
{ padding: 0.3em 0; text-align: left; white-space: nowrap; border-width: 1px 0 1px 0; border-color: #cce9f4; border-style: solid }
table.reps td
{ padding: 0.4em 0; vertical-align: top; border-bottom: 1px #cce9f4 solid }
table.reps .pad
{ padding-right: 1.5em }