/*
 * This stylesheet if for CSS rules that are suitable for screen devices.
 * "Intended primarily for color computer screens."
 * See http://www.w3.org/TR/CSS21/media.html#media-types
 */

/* Force vertical scroll bar. */
html {
    overflow-y: scroll;
}

div.wrapper {
    width: 60em;
    max-width: 100%;
    margin: 0 auto;
    padding: 0.375em 0 1.5em 0;
}

/* Don't display accessibility links. */
div.wrapper div.accessibility_links {
    display: none;
}

div.wrapper div.header div.images img {
    margin: 0;
}

div.wrapper div.header div.images div.straplines {
    padding:3.438em 0 0 0;
}

div.wrapper div.header div.toolbar {
    clear: both;
    margin-top: 0.563em;
    color: white;
    background-color: #e70033;
}

div.wrapper div.header div.toolbar:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

div.wrapper div.header div.toolbar ul#main_navigation,
div.wrapper div.header div.toolbar ul#tools {
    margin: 0;
    padding: 0;
    list-style: none;
}

div.wrapper div.header div.toolbar ul#main_navigation {
    float: left;
    width: auto;
    margin-left: 1em;
    padding: 0.4em 0;
}

div.wrapper div.header div.toolbar ul#tools {
    float: right;
    width: auto;
    padding: 0;
    height: 2.063em;
    border-left: 1px solid #fff;
}

div.wrapper div.header div.toolbar ul#main_navigation li,
div.wrapper div.header div.toolbar ul#tools li {
    float: left;
    width: auto;
    font-size: 75%;
    line-height: 1.667em;
    margin: 0;
}

div.wrapper div.header div.toolbar ul#main_navigation li.navigation_home {
    padding: 0 1em 0 0;
}

div.wrapper div.header div.toolbar ul#main_navigation li.navigation_section {
    padding: 0 1em;
    border-left: 1px solid white;
}

div.wrapper div.header div.toolbar ul#main_navigation li a,
div.wrapper div.header div.toolbar ul#tools a {
    color: white;
}

div.wrapper div.header div.toolbar ul#main_navigation li#current_section a,
div.wrapper div.header div.toolbar ul#main_navigation li a:hover,
div.wrapper div.header div.toolbar ul#tools a:hover {
    color: black;
}

div.wrapper div.header div.toolbar ul#tools li {
    position: relative;
    padding: 0.5em;
}

div.wrapper div.header div.toolbar ul#tools li.previous,
div.wrapper div.header div.toolbar ul#tools li.next {
    padding-left: 1.75em;
}

div.wrapper div.header div.toolbar ul#tools li a.icon {
    position: absolute;
    display: block;
    left: 1.25em;
    top: 0.833em;
    margin-top: -10px;
}

div.wrapper div.header div.toolbar ul#tools li.previous a.label,
div.wrapper div.header div.toolbar ul#tools li.next a.label {
    display: none;
}

div.wrapper div.sub_navigation {
    float: left;
    width: 25%;
    margin-bottom: 2em;
}

div.wrapper div.sub_navigation h1 {
    color: black;
    font-size: 1em;
    line-height: 1.25em;
    margin: 1em 0 0 0;
    padding: 0;
}

div.wrapper div.sub_navigation ul {
    list-style: none;
    margin-left: 0;
}

div.wrapper div.sub_navigation ul li {
    font-size: 75%;
    padding: 0.4em 1em 0.4em 0;
    border-bottom: 1px solid #ccc;
}

div.wrapper div.sub_navigation ul li a{
    font-weight:bold;
    color:#4c4c4c;
}

div.wrapper div.sub_navigation ul li span {
    color: #009974;
    font-weight:bold;
}

div.wrapper div.sub_navigation ul li ul{
    margin:0 0 0 1.167em;
}

div.wrapper div.sub_navigation ul li ul li{
    border:none;
    font-size:1em;
}

div.wrapper div.sub_navigation ul li ul li a{
    color:#4c4c4c;
    font-weight:bold;
}

div.wrapper div.breadcrumb {
    float: right;
    width: 75%;
    padding: 0 0 1.563em 0;
}

div.wrapper div.breadcrumb ul {
    margin-left: 1em;
}

div.wrapper div.breadcrumb ul li {
    line-height: 1.82em;
}

div.wrapper div#content_h1  {
    float: left;
    width: 75%;
}

div.wrapper div#content_h1 h1 {
    margin: 0 0 0 15px;
    font-size: 1em;
    font-weight: bold;
}

div.wrapper div.container {
    float: left;
    width: 75%;
}

div.wrapper div.container div.main_column_with_side div.column_main {
    float: left;
    width: 75%;
}

div.wrapper div.container div.main_column_with_side div.column_side {
    float: left;
    width: 25%;
}

div.wrapper div.container div.sitemap div.column_1,
div.wrapper div.container div.sitemap div.column_2,
div.wrapper div.container div.sitemap div.column_3,
div.wrapper div.container div.sitemap div.column_4 {
    float: left;
    width: 25%;
}

div.wrapper div.container div.sitemap div.column_2 div.content,
div.wrapper div.container div.sitemap div.column_3 div.content,
div.wrapper div.container div.sitemap div.column_4 div.content {
    margin-left: 1.333em;
}

div.wrapper div.container div.main_column_with_side div.column_main div.content {
    margin-left: 1.333em;
}

div.wrapper div.container div.main_column_with_side div.column_side div.content {
    margin-left: 1.333em;
}

div.wrapper div.container div.downloads div.content,
div.wrapper div.container div.one_column div.content,
div.wrapper div.container div.bespoke div.content {
    margin-left: 1.333em;
    margin-right: 1.333em;
}

div.wrapper div.container div.legal div.content,
div.wrapper div.container div.privacy div.content,
div.wrapper div.container div.accessibility div.content,
div.wrapper div.container div.sitemap div.column_1 div.content,
div.wrapper div.container div.print_basket div.content {
    margin-left: 1.333em;
}

div.wrapper div.container div.board_of_directors div.summary,
div.wrapper div.container div.board_of_directors div.detail div.close {
    display: block;
}

div.wrapper div.container div.board_of_directors div.summary {
    float: left;
    margin-left: 1.333em;
    padding-bottom: 2em;
}

div.wrapper div.container div.board_of_directors div.summary div.information span.name {
    color: #333;
    font-weight: bold;
}

div.wrapper div.container div.board_of_directors div.summary div.open {
    margin-top: 1em;
}

div.wrapper div.container div.board_of_directors div.detail div.close {
    text-align: right;
}

div.wrapper div.container div.board_of_directors div.thickbox_content {
    display: none;
}

div.wrapper div#footer div.copyright {
    float: left;
    padding-left: 1.333em;
    color: #4c4c4c;
}

div.wrapper div#footer ul.links {
    float: right;
    margin: 0;
    padding-right: 0.666em;
    list-style: none;
}

div.wrapper div#footer ul.links li {
    float: left;
    padding-left: 0.666em;
    padding-right: 0.666em;
    border-left: 1px solid #009974;
}

div.wrapper div#footer ul.links li a{
    color:#4c4c4c;
}

div.wrapper div#footer ul.links li:first-child {
    border-left-style: none;
}

body#homepage div.wrapper div.container {
    background:url("../images/background/bgnd_index_cols.png") 0 0 repeat-y;
}