/*=====================================================================
TITLE       : generic.css
AUTHOR      : chris knowles
DATE        : 28/09/01
MODIFIED    : 11/02/02
DESCRIPTION : Styles for the Jost-Australia website for IE, Netscape6,
              Opera and other browsers except netscape 4
=====================================================================*/

/*COLOURS
jost blue  :  #312A64
background :  #110A44
*/


/*SELECTORS*/

body
        {
         background-color                : #110A44;
         scrollbar-arrow-color           : #312A64;
         scrollbar-face-color            : #CCCCCC;
         scrollbar-base-color            : #DDDDDD;
         scrollbar-highlight-color       : #DDDDDD;
         scrollbar-shadow-color          : #666666;
         scrollbar-3d-light-color        : #EEEEEE;
         scrollbar-dark-shadow-color     : #000000;
         padding                         : 0,15;
         margin                          : 0;
        }

li.home{list-style-image : url(../img/arrow_blue_list.gif)}

ul li
        {
         padding : 2;
        }

ol li
        {
         padding : 2;
        }


a.link:hover,
a.cont-link:hover,
a.footlink:hover
        {
         color:#AA3C0A;
         background-color:transparent;
        }

/*
a.cont-link:visited
        {color : #660066;
         background-color : #FFFFFF;
        }
*/



/*CLASSES============================================================*/

.pdf{list-style-image : url(../img/pdficonsmall.gif)}


.qa-body{background-color : #FFFFFF;
         margin           : 10;
        }

.index-table
        {
         margin : 5 0 5 25;
        }

.prod-table2
        {
         margin : 5 0 5 15;
        }

.prod-table1
        {
         margin : 0;
        }

.bg-dash-grey
        {
         background-image  :  url(../img/dash_grey.gif);
         background-repeat :  repeat-x;
         background-color  :  #F7F7F7;
        }

.dist-head
       {
        font-family      :  verdana,arial,sans-serif;
        font-size        :  10pt;
        font-weight      :  bold;
        text-align       :  left;
        color            :  #312A64;
        background-color :  #EEEEEE;
       }

.dist-label
       {
        font-family      :  verdana,arial,sans-serif;
        font-size        :  10pt;
        font-weight      :  bold;
        text-align       :  left;
        color            :  #312A64;
        background-color :  #F7F7F7;
       }

.tab1
       {
        font-family      :  verdana,arial,sans-serif;
        font-size        :  10pt;
        font-weight      :  normal;
        color            :  #312A64;
        background-color :  #F7F7F7;
       }

.tab1-header
       {
        font-family      :  verdana,arial,sans-serif;
        font-size        :  10pt;
        font-weight      :  bold;
        color            :  #312A64;
        background-color :  #E3E3E3;
       }

.link-cell
       {
        background-color :  #FFFFFF;
        text-align       :  left;
        padding          :  2px;
       }

.link
       {
        font-family      :  verdana,arial,sans-serif;
        font-size        :  10pt;
        font-weight      :  bold;
        text-decoration  :  none;
        color            :  #312A64;
        background-color :  #FFFFFF;
       }

.title
       {
        font-family      :  verdana,arial,sans-serif;
        font-size        :  11pt;
        font-weight      :  bold;
        text-align       :  left;
        color            :  #AA3C0A;
        background-color :  transparent;
       }

.title-sm
       {
        font-family      :  verdana,arial,sans-serif;
        font-size        :  10pt;
        font-weight      :  normal;
        text-align       :  left;
        color            :  #AA3C0A;
        background-color :  transparent;
       }

.link-here
       {
        font-family      :  verdana,arial,sans-serif;
        font-size        :  10pt;
        font-weight      :  bold;
        text-decoration  :  none;
        color            :  #AA3C0A;
        background-color :  #FFFFFF;
       }

.section-head
       {
        font-family      :  verdana,arial,sans-serif;
        font-size        :  10pt;
        font-weight      :  bold;
        color            :  #312A64;
        background-color :  transparent;
       }

.section-head-home
       {
        font-family      :  verdana,arial,sans-serif;
        font-size        :  10pt;
        font-weight      :  bold;
        color            :  #312A64;
        background-color :  #CBD1E1;
       }

.section-head-grey
       {
        font-family      :  verdana,arial,sans-serif;
        font-size        :  10pt;
        font-weight      :  bold;
        color            :  #312A64;
        background-color :  #FFFFFF;
       }

.section-head-form
       {
        font-family      :  verdana,arial,sans-serif;
        font-size        :  10pt;
        font-weight      :  bold;
        color            :  #312A64;
        background-color :  #F7F7F7;
       }

.section-head-or
       {
        font-family      :  verdana,arial,sans-serif;
        font-size        :  10pt;
        font-weight      :  bold;
        text-align       :  left;
        color            :  #AA3C0A;
        background-color :  transparent;
       }

.news
       {
        font-family      :  verdana,arial,sans-serif;
        font-size        :  10pt;
        font-weight      :  bold;
        text-align       :  left;
        color            :  #F7F7F7;
        background-color :  #AA3C0A;
        padding          :  10px;
       }

.pad{padding:15px;}

.cont
       {
        font-family      :  verdana,arial,sans-serif;
        font-size        :  10pt;
        font-weight      :  normal;
        color            :  #312A64;
        background-color :  transparent;
       }

.cont-home
       {
        font-family      :  verdana,arial,sans-serif;
        font-size        :  10pt;
        font-weight      :  normal;
        color            :  #312A64;
        background-color :  #CBD1E1;
       }

.cont-or
       {
        font-family      :  verdana,arial,sans-serif;
        font-size        :  10pt;
        font-weight      :  normal;
        text-align       :  left;
        color            :  #AA3C0A;
        background-color :  transparent;
       }

.cont-bold-or
       {
        font-family      :  verdana,arial,sans-serif;
        font-size        :  10pt;
        font-weight      :  bold;
        text-align       :  left;
        text-decoration  :  none;
        color            :  #AA3C0A;
        background-color :  transparent;
       }

.cont-bold
       {
        font-family      :  verdana,arial,sans-serif;
        font-size        :  10pt;
        font-weight      :  bold;
        color            :  #312A64;
        background-color :  transparent;
       }

.date
       {
        font-family      :  verdana,arial,sans-serif;
        font-size        :  10pt;
        font-weight      :  bold;
        text-align       :  right;
        color            :  #312A64;
        background-color :  #FFFFFF;
       }

.cont-link
       {
        font-family      :  verdana,arial,sans-serif;
        font-size        :  10pt;
        font-weight      :  normal;
        text-decoration  :  underline;
        text-align       :  left;
        color            :  #0000AA;
        background-color :  transparent;
       }

.cont-link-home
       {
        font-family      :  verdana,arial,sans-serif;
        font-size        :  10pt;
        font-weight      :  normal;
        text-decoration  :  underline;
        color            :  #000099;
        background-color :  #CBD1E1;
       }


.cont-link-form
       {
        font-family      :  verdana,arial,sans-serif;
        font-size        :  10pt;
        font-weight      :  normal;
        text-decoration  :  underline;
        text-align       :  left;
        color            :  #000099;
        background-color :  #F7F7F7;
       }

.tab1-link
       {
        font-family      :  verdana,arial,sans-serif;
        font-size        :  10pt;
        font-weight      :  normal;
        text-decoration  :  underline;
        text-align       :  left;
        color            :  #000099;
        background-color :  #F7F7F7;
       }

.pop-link-right
       {
        font-family      :  verdana,arial,sans-serif;
        font-size        :  10pt;
        font-weight      :  normal;
        text-decoration  :  underline;
        text-align       :  right;
        color            :  #000099;
        background-color :  transparent;
       }

.footlink
       {
        font-family      :  verdana,arial,sans-serif;
        font-size        :  8pt;
        font-weight      :  normal;
        text-align       :  right;
        color            :  #312A64;
        background-color :  #FFFFFF;
       }

.foottext
       {
        font-family      :  verdana,arial,sans-serif;
        font-size        :  8pt;
        font-weight      :  normal;
        color            :  #312A64;
        background-color :  #FFFFFF;
        padding          :  3px;
       }

.textinput2
       {
        font-family                     :  verdana,arial,sans-serif;
        font-size                       :  10pt;
        font-weight                     :  normal;
        color                           :  #AA3C0A;
        background-color                :  #FFFFFF;
        border-style                    :  solid;
        border-color                    :  #C0C0C0;
        border-width                    :  1px;
        scrollbar-arrow-color           :  #312A64;
        scrollbar-face-color            :  #CCCCCC;
        scrollbar-base-color            :  #F4F7FB;
        scrollbar-highlight-color       :  #FFFFFF;
        scrollbar-shadow-color          :  #666666;
        scrollbar-3d-light-color        :  #F4F7FB;
        scrollbar-dark-shadow-color     :  #000000;
       }

.button
       {
        font-family                     :  verdana,arial,sans-serif;
        font-size                       :  10pt;
        font-weight                     :  bold;
        color                           :  #312A64;
        background-color                :  #F7F7F7;
       }

.button2
       {
        font-family                     :  verdana,arial,sans-serif;
        font-size                       :  10pt;
        font-weight                     :  bold;
        text-align                      :  center;
        color                           :  #312A64;
        background-color                :  #EEEEEE;
       }

.textinput
       {
        font-family                     :  verdana,arial,sans-serif;
        font-size                       :  10pt;
        font-weight                     :  normal;
        color                           :  #AA3C0A;
        background-color                :  #FFFFFF;
       }

.form
       {
        font-family      :  verdana,arial,sans-serif;
        font-size        :  10pt;
        font-weight      :  normal;
        text-align       :  left;
        color            :  #312A64;
        background-color :  #F7F7F7;
       }

.form3
       {
        background-color :  #F7F7F7;
        padding          :  5px;
       }

#firstname
       {
        font-family      :  verdana,arial,sans-serif;
        font-size        :  10pt;
        font-weight      :  normal;
        text-align       :  left;
        color            :  #312A64;
        background-color :  #FFFFFF;
       }


.form-error
       {
        font-family      :  verdana,arial,sans-serif;
        font-size        :  10pt;
        font-weight      :  normal;
        text-align       :  left;
        color            :  #FFFFFF;
        background-color :  #AA0000;
        padding          :  1px;
       }

.form-error-header
       {
        font-family      :  verdana,arial,sans-serif;
        font-size        :  10pt;
        font-weight      :  normal;
        text-align       :  left;
        color            :  #FFFFFF;
        background-color :  #AA0000;
        padding          :  10px;
       }

.error
       {
        font-family      :  verdana,arial,sans-serif;
        font-size        :  10pt;
        font-weight      :  normal;
        text-align       :  left;
        color            :  #AA3C0A;
        background-color :  #FFFFFF;
       }

.req
       {
        font-family      :  verdana,arial,sans-serif;
        font-size        :  10pt;
        font-weight      :  normal;
        text-align       :  left;
        color            :  #AA3C0A;
        background-color :  #F7F7F7;
       }

.tab1-bold
       {
        font-family      :  verdana,arial,sans-serif;
        font-size        :  10pt;
        font-weight      :  bold;
        color            :  #312A64;
        background-color :  #F7F7F7;
       }

.index-list
       {
        font-family      :  verdana,arial,sans-serif;
        font-size        :  10pt;
        font-weight      :  normal;
        color            :  #312A64;
        background-color :  #FFFFFF;
       }