/* Default CSS file for the FinnDiane website. 
   Written by Ville-Petteri Makinen 2008.

   IMPORTANT! The stylesheet has been tested on Mozilla Firefox 3.0,
   MS Internet Explorer 7.0, Apple Safari 3.2 and Google Chrome 1.0.
   Some of the design choices may therefore seem redundant or illogical;
   they ensure satisfactory results on the above browsers.
*/

/* Parent style. */
A, BODY, DL, DT, DD, IMG, H1, H2, H3, H4, P, SPAN, TABLE, TD
 {background-color: transparent;
  font-family: sans-serif;
  font-style: normal;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  text-decoration: none;
  line-height: 1.2em;
  vertical-align: top;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  border-style: none;
  border-spacing: 0;
  border-collapse: collapse;}
BODY, TABLE, TD
 {color: #000000;
  background-color: #FFFFFF;}
H1
 {font-weight: 600;
  font-size: 1.3em;}
H2
 {color: #404040;
  font-weight: 600;
  font-size: 1.1em;}
H3
 {color: #202020;
  font-weight: 400;
  font-size: 1.1em;}
P
 {margin-top: 0.85em;}
SPAN.super, SPAN.sub
 {font-size: 0.67em;
  position: relative;}
SPAN.super
 {top: -0.3em;}
SPAN.sub
 {top: 0.3em;}

/* Navigation bar. */
TD.navi
 {background-image: url(http://www.finndiane.fi/banner.png);
  background-repeat: no-repeat;
  vertical-align: bottom;
  padding-left: 105px;
  padding-right: 10px;
  padding-top: 0px;
  padding-bottom: 6px;
  border-style: solid;
  border-color: #FFFFFF;
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}
A.navi, A.navi:hover, A.navi:visited:hover
 {color: #005AB1;
  background-color: transparent;
  padding-right: 0.5em;}
A.navi:hover, A.navi:visited:hover
 {color: #000000;
  text-decoration: underline;}

/* Text body. */
P.text, TD.text 
 {color: #000000;
  text-align: justify;}
TD.text
 {background-color: #FFFFFF;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 0.5em;
  padding-right: 0.5em;}
IMG.text
 {border-style: solid;
  border-color: #FFFFFF;
  border-width: 2px;
  margin-left: 0.5em;
  margin-right: 0.5em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;}
A.text
 {color: #0060D0;
  font-weight: 400;}
A.text:hover, A.text:visited:hover
 {color: #000000;
  text-decoration: underline;}
A.text:hover IMG.text, A:visited:hover IMG.text
 {border-color: #000000;}
H1.text
 {margin-bottom: 0.3em;}
H2.text
 {margin-top: 0.7em;
  margin-bottom: 0.4em;}
H3.text
 {margin-top: 0.7em;
  margin-bottom: 0.3em;}
DL.text
 {padding-top: 0.4em;
  padding-bottom: 0.4em;}
DT.text, DD.text
 {line-height: 1.2em;}
DD.text
 {padding-left: 2.0em;}
PRE.text
 {font-size: 14px;}

/* Information bar. */
TD.info
 {font-size: 14px;
  padding-left: 0.5em;
  padding-right: 0.5em;}
DL.info
 {padding-bottom: 0.4em;}
DT.info, DD.info
 {font-size: 14px;}
DD.info
 {padding-left: 1.5em;}
H2.info
 {padding-bottom: 0.4em;}
P.info
 {font-size: 14px;
  padding-top: 0.2em;}
A.info
 {color: #0060D0;
  font-size: 14px;}
A.info:hover, A.info:visited:hover
 {color: #000000;
  text-decoration: underline;}
IMG.info
 {border-style: solid;
  border-color: #FFFFFF;
  border-width: 2px;
  margin-bottom: 0.2em;}
A.info IMG.info
 {border-color: #5098B0;}
A.info:hover IMG.info, A.info:visited:hover IMG.info
 {border-color: #000000;}

/* Footer. */
TD.foot
 {background: #585858;
  font-size: 14px;
  text-align: left;
  padding-left: 0.5em;
  padding-top: 0.5em;
  padding-bottom: 1.0em;}
A.foot
 {color: #FFFFFF;
  font-size: 0.85em;}
A.foot:hover, A.foot:visited:hover
 {color: #000000;}

/* Miscellaneous details. */
TD.contact
 {white-space: nowrap;
  padding-left: 1.0em;
  padding-right: 0px;
  padding-top: 0.4em;
  padding-bottom: 0.4em;}
TD.sheet
 {white-space: nowrap;
  font-size: 14px;
  padding-left: 0.2em;
  padding-right: 0.4em;
  padding-top: 0.1em;
  padding-bottom: 0.1em;}
IMG.thumb
 {margin-left: 1.0em;
  margin-bottom: 0.5em;}