/*---------------------------------------------------------------------------*
 * Imports                                                                   *
 *---------------------------------------------------------------------------*/

@import url('reset.css');
@import url('fonts.css');


/*---------------------------------------------------------------------------*
 * Additional Resets                                                         *
 *---------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

img {
    display: block;
}

td {
    text-align: left;
    font-weight: normal;
}

address,caption,cite,code,dfn,em,strong,th,var {
    font-style: normal;
    font-weight: normal;
}

caption,th { text-align: left; }

/*---------------------------------------------------------------------------*
 * Basic classes                                                             *
 *---------------------------------------------------------------------------*/

.right { float: right; }
.left { float: left; }
.clear {
    clear: both;
    height: 0px !important;
    font-size: 0px !important;
    overflow: hidden;
}

.hide { display: none; }
.show { display: block; }
.centre { text-align: center; }
.spaced { margin-top: 10px; margin-bottom: 10px; }

.inline { display: inline; }
.italic { font-style: italic; }
.indent { margin-left: 40px; }

/*---------------------------------------------------------------------------*
 * Text                                                                      *
 *---------------------------------------------------------------------------*/

body {
    font-family: Verdana, Geneva, clean, sans-serif;
    font-size: 100%;
    font-size-adjust:none;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:130%;
    color: #000;
}

.bold { font-weight: bold; }
/* Bold + italic - abbreviated form */
.bi { font-weight: bold; font-style: italic; }

/* 
9px  = 70%
10px = 77%
11px = 85%
12px = 93%
13px = 100%
14px = 108%
15px = 116%
16px = 123.1%
17px = 131%
18px = 138.5%
19px = 146.5%
20px = 153.9%
21px = 161.6%
22px = 167%
23px = 174%
24px = 182%
25px = 189%
26px = 197%
*/

/*---------------------------------------------------------------------------*
 * Headings                                                                  *
 *---------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6, h7
{
    color: #000;
}

h1 { font-size: 197%; } /* 26px */
h2 { font-size: 182%; } /* 24px */
h3 { font-size: 167%; } /* 22px */
h4 { font-size: 138.5%; } /* 18px */
h5 { font-size: 123.1%; } /* 16px */
h6 { font-size: 108%; } /* 14px */
h7 { font-size: 100%; } /* 13px */


/*---------------------------------------------------------------------------*
 * Links                                                                     *
 *---------------------------------------------------------------------------*/

a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }

/*---------------------------------------------------------------------------*
 * Images                                                                    *
 *---------------------------------------------------------------------------*/

img.paddedRight { margin: 5px 10px 5px 0px; }
img.paddedLeft { margin: 5px 0px 5px 10px; }
img.bordered { border: 1px solid #666666; }
img.padded { padding: 10px; }

/*---------------------------------------------------------------------------*
 * Lists                                                                     *
 *---------------------------------------------------------------------------*/

ol li { list-style: decimal; margin-left: 25px; }

/*---------------------------------------------------------------------------*
 * Page layout                                                               *
 *---------------------------------------------------------------------------*/

html, body { height: 100%; }

#page {
    font-size: 85%;
    margin: 0 auto;
    padding-top: 15px;
    min-height: 100%;
    width: 100%;
}

#container {
    width: 974px;
    margin: 0 auto;
    padding: 15px;
    text-align: left;
}

#header {
    width: 974px;
    margin-bottom: 15px;
}

#header #logo {
    float: right;
    height: 69px;
    margin: 15px 15px;
    width: 350px;
}

#header #tagline {
    font-size: 123.1%;
    margin-left: 10px;
    padding-bottom: 10px;
}

#header #headerText {
    float:left;
    font-size:108%;
    margin: 10px 0 0 10px;
    padding:8px;
    position:relative;
    width:50%;
}

#footer {
    clear: both;
    color: #999999;
    font-size: 85%;
    margin-top: 20px;
    padding: 8px;    
    position: relative;
    text-align: right;
    width: 958px;
}

#footer #suppliers { text-align: center; }
#footer #suppliers img { display: inline; margin: 0 25px 0 25px; }

/*---------------------------------------------------------------------------*
 * Navigation                                                                *
 *---------------------------------------------------------------------------*/

#navigation {
    padding-bottom: 10px;
    margin-bottom: 15px;
}

#navigation ul {
    font-size: 108%;
    padding: 0;
    margin: 0;
    list-style: none;
}

#navigation a {
    display: block;
    text-align: center;
    margin-bottom: 3px;
}

#navigation a.topLevel {
    padding: 1px 8px 5px 8px;
}

#navigation li {
    float: left;
    margin: 0 5px 0 5px;
    
}

#navigation li ul {
    padding-top: 3px;
    position: absolute;
    left: -999em;
    z-index: 100;
    
}

#navigation li ul li {
    float: none;
    font-size: 77%;
    list-style-type:square;
    text-transform: none;
    width: 85%;
    margin: 0 10px 0 25px;
}

#navigation li.first {
    margin-left: 25px;
}

#navigation li.larger ul {
    width: 10.5em;
}

#navigation li.largerChildren ul {
    width: 9.5em;
}

#navigation li ul a {
    text-align: left;
}

#navigation li:hover ul,
.sfHover {
    left: auto;
}

/*---------------------------------------------------------------------------*
 * Columns                                                                   *
 *---------------------------------------------------------------------------*/

.twoColumnLeft {
    float: left;
    width: 475px;
}

.twoColumnRight {
    float: right;
    width: 475px;
}

.featureTwoColumnLeft {
    float: left;
    width: 380px;
}

.featureTwoColumnRight {
    float: right;
    width: 420px;
}

.welcomeTwoColumnLeft {
    float: left;
    width: 350px;
}

.welcomeTwoColumnRight {
    float: right;
    width: 350px;
}

.sideBar {
    float: right;
    width: 225px;
}

.sideBar .panel {
    padding: 10px;
    margin-bottom: 10px;
    line-height: 130%;
}

.sideBar .panel span.panelTitle {
    display: block;
    font-weight: bold;
    font-size: 116%;
    margin-bottom: 10px;
}

/*---------------------------------------------------------------------------*
 * Content                                                                   *
 *---------------------------------------------------------------------------*/

#content { padding: 10px; }
#content h2 { margin-bottom: 20px; }
p { margin-bottom: 10px;  }

/*---------------------------------------------------------------------------*
 * Table IDs and controls       JRT - 26/11/2010                             *
 *---------------------------------------------------------------------------*/

#slidertable1
{
width:100%;
border:3px solid rgb(88, 127, 88);
margin:2px;
}

#slidertable td
{
padding: 2px 4px;
}

#slidertable1 td.titleRight
{
text-align: right;
background-color: rgb(88, 127, 88); 
color: rgb(255, 255, 255);
padding: 2px 4px;
}

#slidertable1 td.titleCentre
{
text-align: center;
background-color: rgb(88, 127, 88); 
color: rgb(255, 255, 255);
padding: 2px 4px;
}

#slidertable1 td.titleLeft
{
text-align: left;
background-color: rgb(88, 127, 88); 
color: rgb(255, 255, 255);
padding: 2px 4px;
}

#slidertable1 td.data
{
text-align: left;
background-color: rgb(213, 229, 203); 
color: rgb(0, 0, 0);
padding: 2px 4px;
}