/* ----- standard -----
   remember, in any CSS statement, the line below takes precedence */

@media screen {
  div.n1, div.n2, .shadow, table.bgcolour, div#aBoxHolder {
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#404040,direction=135,strength=4)
  }
}

#aBoxHolder { text-align: center }
.n1, .n2 {
  margin: 15px 2em;
  padding: 0.5em 1.5em;
  text-align: left;
}

.rPhoto {
  float: right;
  text-align: right;
}
.lPhoto {
  float: left;
  text-align: left;
}

.lPhoto, .rPhoto {
  padding: 10px;
  font-size: 7pt;
  filter: none;
}

a:link, a:visited, a:active, a:hover { color: #44A; font-weight: bold; text-decoration: none }
a:visited                 { color: #556 }
a:active                  { color: #F00 }
a:hover                   { text-decoration: underline; color: #9B2121 }

h1, h2, h3, h4            { font-family: Arial, Helvetica, sans-serif; color: #9B2121 }
h2, h3, h4                { padding-top: 15px }
h5, h6, body, p,
td, th, ol, ul, li,
dd, dl, dt, tt,
input, textarea, select   { font-family: Microsoft Sans Serif, MS Sans Serif, Helvetica, sans-serif; color: #000 }
tt                        { font-family: Courier New, Courier, fixed }
h1                        { font-size: 20pt } /*; filter: progid:DXImageTransform.Microsoft.Shadow(color=#808080,direction=135,strength=2); width: 100% ; filter: dropshadow(color=#A0A0A0, offx=2, offy=2); width: 100% } */
h2                        { font-size: 15pt }
h3                        { font-size: 14pt }
h4                        { font-size: 12pt }
h5, tt                    { font-size: 10pt }
h6, p, td, th, ol, ul, li, dd, dl, dt, input, textarea, select  { font-size:  12px }

div h4 { padding-top: 0px }

body {
  background-color: #FFF;
  margin-left: 10px;
  margin-right: 10px;
}

.small, .small p          { font-size:  8pt }
.smaller, .smaller p      { font-size:  7pt }

th {
  border: 1px solid;
  border-color: #6EBBEC #002556 #002556 #6EBBEC;
}
th, th p                  { font-size:  8pt; color: #FFF }
th, th input              { background-color: #1F6C9D }
.tcolour1, .n1            { background-color: #F1F1D3 }
.tcolour2, .n2            { background-color: #FBFBEB }
.bgcolour                 { background-color: #EEE }

/*
input, textarea, select   { background-color: #C1CCD9 }
.radio                    { background-color: #FFF }
.button                   { background-color: #8399B1 }
*/

strong                    { color: #F00 }

ul                        { list-style-image: url('../images/bullet_yellow.gif') }

li                        { margin-bottom: 0.3em }

hr                        { color: #CCC; height: 1px; width: 90% }

dt                        { font-size: 1.2em; font-weight: bold; margin-top: 20px; color: #9B2121 }
dd                        { margin-left: 10px }

sub, sup { font-size: 0.8em }


/* ----- special ----- */

.header_product1, .header_product1 p { font-family: Arial Black, Verdana, Arial, Helvetica, sans-serif; font-size: 20pt; color: #000 }
.header_product2, .header_product2 p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; color: #1F6C9D }
.header_dothis, .header_dothis p     { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13pt; color: #FFF; background-color: #999 }

#businessDirectory { display: none; }