/*

ricardo.css

release 6

IMPORTANT - Updates to this file need to be tested on IE6, IE7, Firefox 3, Safari 3, Google Chrome, and validated to W3C standards

CSS and XHTML templates by Sean Conran - Copyright (c) Netcel 2009

================================================================ 
The original version of the top navigation styles and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
=================================================================== */

@media all {

* {
border: 0;
color: #666666;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 100%;
line-height: 1.3em;
margin: 0;
padding: 0;
}

A, A:link, A:visited {
color: #999999;
font-weight: normal;
text-decoration: underline;
}
A:hover, A:focus, A:active {
text-decoration: underline;
}

A.formSubmit, A.formSubmit:link, A.formSubmit:visited {
background: #64a5d3 url(../images/build/submit-bg.gif) repeat-x;
border: 1px solid #a7a9ac;
color: #ffffff;
font-weight: bold;
padding: 2px 6px 2px 6px;
text-decoration: none;
}
A.formSubmit:hover, A.formSubmit:focus, A.formSubmit:active {
text-decoration: none;
}

B, STRONG {
font-weight: bold;
}
B.colourBlack, STRONG.colourBlack {
color: #000000;
}
html body {
background: transparent url(../images/v2/bg_body.jpg) 50% 0 no-repeat;
color: #666666;
font-size: 70%;
}

H1 {
color: #92b925;
font-size: 220%;
font-weight: normal;
letter-spacing: -1px;
margin: 0 0 0.325em 0;
}
H2 {
color: #92b925;
font-size: 130%;
font-weight: bold;
margin: 0 0 0.65em 0;
}
H3 {
color: #92b925;
font-size: 110%;
font-weight: bold;
margin: 0 0 0.16em 0;
}
H4 {
color: #92b925;
font-size: 100%;
font-weight: bold;
margin: 0 0 0.16em 0;
}
H5, H6 {
color: #92b925;
font-size: 100%;
font-weight: normal;
margin: 0 0 0.16em 0;
}

IFRAME {
clear: both;
}
#contentHomepage .right IFRAME {
max-width: 298px;
}
#f1c IFRAME {
max-width: 938px;
}
#f2c IFRAME {
max-width: 743px;
}
#f3c IFRAME {
max-width: 548px;
}
#f3c .module IFRAME {
max-width: 178px;
}

INPUT {
background-color: #f7f6f6;
border: 1px solid #a7a9ac;
padding: 0px 2px 3px 2px;
}
INPUT.formCheckbox,
SPAN.formCheckbox INPUT {
background-color: transparent;
border: 0;
cursor: pointer;
margin: 0 0.25em 0 0.25em;
padding: 0;
}
INPUT[type=checkbox] {
background-color: transparent;
border: 0;
cursor: pointer;
margin: 0 0.25em 0 0.25em;
padding: 0;
}
INPUT.formFile {
width: 68.5%;
}
INPUT[type=file] {
width: 68.5%;
}
INPUT.formRadio,
SPAN.formRadio INPUT {
background-color: transparent;
border: 0;
cursor: pointer;
margin: 0 0.25em 0 0.25em;
padding: 0;
}
INPUT[type=radio] {
background-color: transparent;
border: 0;
cursor: pointer;
margin: 0 0.25em 0 0.25em;
padding: 0;
}
INPUT.formSubmit {
background: #64a5d3 url(../images/build/submit-bg.gif) repeat-x;
color: #ffffff;
cursor: pointer;
font-weight: bold;
overflow: visible;
padding: 0 4px 1px 4px;
width: auto;
}
INPUT[type=submit] {
background: #64a5d3 url(../images/build/submit-bg.gif) repeat-x;
color: #ffffff;
cursor: pointer;
font-weight: bold;
overflow: visible;
padding: 0 4px 1px 4px;
width: auto;
}
INPUT.formPassword,
INPUT.formText {
width: 67%;
}
INPUT[type=password],
INPUT[type=text] {
width: 67%;
}

INPUT.formTextSmall {
width: 22%;
}

LEGEND {
display: none;
}

LI {
margin: 0.325em 0 0 0;
}
LI OL, LI UL {
margin: 0 0 0 3em;
}

OL {
list-style-image: none;
list-style-type: decimal;
margin: 0 0 1.3em 3em;
}
OL UL LI {
margin-left: -0.5em;
}

P {
margin: 0 0 1.3em 0;
}

SELECT {
background-color: #f7f6f6;
border: 1px solid #a7a9ac;
}

#contentMain TABLE.tableData {
border-collapse: collapse;
border-left: 1px solid #cccccc;
border-top: 1px solid #cccccc;
clear: both;
margin: 0 auto 1.3em auto;
}
#contentMain TABLE.tableData TD {
background-color: #ffffff;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
padding: 6px 5px 6px 5px;
vertical-align: top;
}
#contentMain TABLE.tableData TH {
background-color: #e5e5e5;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
padding: 6px 5px 6px 5px;
vertical-align: middle;
}
#contentMain TABLE.tableLayout {
}
#contentMain TABLE.tableLayout TD {
}
#contentMain TABLE.tableLayout TH {
}

TEXTAREA {
background-color: #f7f6f6;
border: solid 1px #a7a9ac;
height: 8em;
padding: 0px 2px 3px 2px;
width: 67%;
}

UL {
list-style-image: none;
list-style-type: disc;
margin: 0 0 1.3em 2.5em;
}
UL LI {
padding-left: 0.5em;
}
UL OL LI {
padding-left: 0;
}

.alignCentre {
text-align: center;
}
.alignLeft {
text-align: left;
}
.alignRight {
text-align: right;
}

.articleItem {
clear: both;
padding: 0 0 10px 0;
}
#f2c .articleItem {
width: 725px;
}
#f3c .articleItem {
width: 530px;
}
DIV[class=articleItem] {
float: left;
}
.articleItemContainer {
border-bottom: 1px solid #cccccc;
float: left;
width: 100%;
}

#bookmarkAndShare {
background: url(../images/build/bookmark-and-share-r.gif) repeat-y top right;
border-bottom: 1px solid #e5e5e5;
border-top: 1px solid #e5e5e5;
clear: both;
width: 100%;
}
DIV[id=bookmarkAndShare] {
float: left;
}
#bookmarkAndShareContainer {
background: url(../images/build/bookmark-and-share-l.gif) repeat-y top left;
float: left;
padding: 5px 0 5px 0;
width: 100%;
}
#bookmarkAndShare .centre {
float: left;
}
#bookmarkAndShare .centre A, #bookmarkAndShare .centre A:link, #bookmarkAndShare .centre A:visited {
color: #666666;
float: left;
font-size: 90%;
margin: 0 0 0 10px;
padding: 1px 0 1px 22px;
text-decoration: none;
}
#bookmarkAndShare .centre A:hover, #bookmarkAndShare .centre A:focus, #bookmarkAndShare .centre A:active {
text-decoration: underline;
}
#bookmarkAndShare .left {
color: #999999;
float: left;
font-size: 120%;
letter-spacing: -1px;
padding: 0 10px 0 10px;
}
#bookmarkAndShare .right {
float: right;
text-align: right;
padding: 0 10px 0 0;
}
#bookmarkAndShare .right A {
text-decoration: underline;
}

#breadcrumb {
clear: both;
float: left;
margin: 0.5em 0 10px 0;
width: 100%;
}
#breadcrumbContainer {
}
#breadcrumb A, #breadcrumb A:link, #breadcrumb A:visited {
color: #666666;
text-decoration: none;
}
#breadcrumb A:hover, #breadcrumb A:focus, #breadcrumb A:active {
text-decoration: underline;
}
#breadcrumb LI {
background: url(../images/build/bullet-breadcrumb.gif) no-repeat right 3px;
float: left;
margin: 0 0.66em 0 0;
padding: 0 1.5em 0 0;
}
#breadcrumb LI.last {
background-image: none;
margin: 0;
padding: 0;
}
#breadcrumb UL {
list-style-type: none;
margin: 0;
padding: 0;
}
#breadcrumb .left {
float: left;
width: 750px;
}
#breadcrumb .right {
float: right;
font-size: 90%;
width: 180px;
}
#breadcrumb .right .iconRss {
float: left;
padding: 1px 0 1px 20px;
}

#content {
clear: both;
float: left;
width: 100%;
}
#contentContainer {
}

#contentHomepage {
clear: both;
margin: 20px 0 1.3em 0;
width: 100%;
}
DIV[id=contentHomepage] {
float: left;
}
#contentHomepageContainer {
}
#contentHomepage .media {
margin: 0 0 1.3em 0;
}
#contentHomepage .row {
clear: both;
width: 100%;
}
#contentHomepage DIV[class=row] {
float: left;
}
#contentHomepage .row .left {
float: left;
width: 450px;
}
#contentHomepage .row .right {
float: right;
width: 470px;
}

#contentLeft {
float: left;
width: 180px;
}
#contentLeftContainer {
}
#f1c #contentLeft {
display: none;
}

#f1c #contentMain {
float: left;
width: 940px;
}
#f1c #contentMainContainer {
padding: 0 0 0 0;
}
#f2c #contentMain {
float: left;
width: 760px;
}
#f2c #contentMainContainer {
padding: 0 0 0 15px;
}
#f3c #contentMain {
float: left;
width: 580px;
}
#f3c #contentMainContainer {
padding: 0 15px 0 15px;
}

#contentRight {
float: left;
width: 180px;
}
#contentRightContainer {
padding: 7px 0 0 0;
}
#f1c #contentRight, #f2c #contentRight {
display: none;
}

#contentRight INPUT.formText,
#contentRight SELECT,
#contentRight TEXTAREA {
margin: 2px 0 2px 0;
max-width: 150px;
width: 150px;
}

.documentDetail {
clear: both;
margin: 0 0 1.3em 0;
width: 100%;
}
DIV[class=documentDetail] {
float: left;
}
.documentDetailContainer {
}
.documentDetail A {
float: left;
padding: 0 0 2px 26px;
}
.documentDetail A, .documentDetail A:link, .documentDetail A:visited {
color: #333333;
font-weight: normal;
text-decoration: none;
}
.documentDetail A:hover, .documentDetail A:focus, .documentDetail A:active {
text-decoration: underline;
}

.documentDetail .colourEven {
background-color: #eeeeee;
}
.documentDetail .colourOdd {
background-color: #fbf9f9;
}
.documentDetail .left {
float: left;
padding-bottom: 5px;
width: 73.9%;
}
.documentDetail .right {
float: right;
width: 24.9%;
}
.documentDetail .row {
clear: both;
float: left;
margin: 0 0 1px 0;
padding: 5px 2% 0 2%;
width: 96%;
}

.error {
color: #ff0000;
font-weight: bold;
}
DIV.error,
P.error {
clear: both;
float: left;
margin: 0 0 1.3em 0;
width: 100%;
}
SPAN.error {
margin: 0 0 0 0.5em;
}

.faqItem {
clear: both;
margin: 0 0 1px 0;
}
.faqItem .colourEven {
background-color: #eeeeee;
}
.faqItem .colourOdd {
background-color: #fbf9f9;
}
.faqItem H3 {
padding: 5px 2% 5px 2%;
font-weight: normal;
color: #000;
}
.faqItem H3.expandable{
background: url(../images/build/icon-faq-collapsed.gif) no-repeat;
background-position: .5em 50%;
padding-left: 25px;
cursor: pointer;
}
.faqItem H3.expanded{
background: url(../images/build/icon-faq-expanded.gif) no-repeat;
background-position: .5em 50%;
}
.faqItemContent {
padding: 5px 2% 5px 2%;
}
.faqItem P {
margin-bottom: 0.65em;
}
.faqItem UL {
margin-bottom: 0.65em;
}
.faqSection {
clear: both;
margin: 0 0 2em 0;
width: 100%;
}

.flag {
float: left;
margin: 0 10px 0 0;
}

#footer {
background:transparent url(../images/v2/bg_footer.jpg) 0 0 no-repeat;
clear: both;
float: left;
margin: 10px 0 0 0;
width: 100%;
}
#footerContainer {
float: right;
font-size: 90%;
padding: 18px 0 0 0;
}
#footer A, #footer A:link, #footer A:visited {
color: #666666;
text-decoration: none;
}
#footer A:hover, #footer A:focus, #footer A:active {
text-decoration: underline;
}
#footer A.iconRssSmall {
padding-left: 13px;
}
#footer LI {
border-right: 1px solid #666666;
float: left;
margin: 0;
padding: 0 5px 0 5px;
}
#footer LI.last {
border-right: 0;
padding-right: 0;
}
#footer UL {
list-style-type: none;
margin: 0;
padding: 0;
}
#footer .text {
float: left;
padding: 0 0 0 10px;
}

.form {
border: 1px solid #e5e5e5;
clear: both;
margin: 0 0 1.3em 0;
}
DIV[class=form] {
float: left;
}
#f1c .form {
width: 938px;
}
#f2c .form {
width: 743px;
}
#f3c .form {
width: 548px;
}
.form FIELDSET {
line-height: 2em;
}
.form P {
margin: 0 0 0.65em 0;
}
.form TABLE {
background-color: transparent;
margin: 0 0 5px 0;
width: 100%;
}
.form TD,
.form TH {
background-color: transparent;
border: 0;
padding: 4px 10px 4px 10px;
vertical-align: top;
}
.form TD.form-field {
text-align: left;
width: 60%;
}
.form TD.form-heading {
color: #006bb7;
font-size: 110%;
font-weight: bold;
}
.form TD.form-label {
font-weight: bold;
text-align: left;
width: 40%;
}

#header {
clear: both;
float: left;

width: 100%;
}
#headerContainer { 
}
#header .left {
float: left;
width: 92px; 
}
#header .right {
float: right;
width: 848px;
}
#header .right .bottom {
clear: both;
float: right;
width: 100%;
}
#header .right .top {
clear: both;
float: right;
margin: 0 0 3px 0;
width: auto;
}

#headerFlags {
clear: both;
width: 100%;
margin:10px 0 22px 0;
}
DIV[id=headerFlags] {
float: left;
}
#headerFlagsContainer {
float: right;
}
#headerFlags .flag {
margin: 0 0 0 10px;
}

#headerLinks {
clear: both;
float: left;
height: 33px;
padding: 0 15px 0 25px;
width: auto;
}
DIV[id=headerLinks]{
height: auto;
min-height: 2.9em;
}
#headerLinks A, #headerLinks A:link, #headerLinks A:visited {
color: #ffffff;
text-decoration: none;
}
#headerLinks A:hover, #headerLinks A:focus, #headerLinks A:active {
text-decoration: underline;
}
#headerLinks .search {
background: url(../images/v2/search-bg.png) no-repeat 15px 7px;
float: left;
height: 33px;
padding: 0 0 0 15px;
width: 139px;
}
#headerLinks .search INPUT {
background-color: transparent;
border: 0;
padding: 0;
}
#headerLinks .search INPUT.formText {
background-color: #ffffff;
margin: 9px 0 0 2px;
width: 121px;
}
#headerLinks .search INPUT.formImage {
height: 15px;
position: relative;
top: 4px;
width: 15px;
}
#headerLinks .login {
background: url(../images/build/icon-login.gif) no-repeat right 9px;
float: left;
padding: 8px 18px 0 15px;
}
#headerLinks .downloads {
background: url(../images/build/icon-downloads.gif) no-repeat right 9px;
float: left;
padding: 8px 20px 0 15px;
}
#headerLinks .events {
background: url(../images/build/icon-events.gif) no-repeat right 9px;
float: left;
padding: 8px 20px 0 15px;
}

#headerLogo IMG {
display: block;
}

#iconLinks {
clear: both;
float: left;
margin: 1.3em 0 1.3em 0;
width: 100%;
}
#iconLinksContainer {
}
#iconLinks A {
float: left;
padding: 0 0 2px 25px;
}
#iconLinks A, #iconLinks A:link, #iconLinks A:visited {
color: #666666;
text-decoration: none;
}
#iconLinks A:hover, #iconLinks A:focus, #iconLinks A:active {
text-decoration: underline;
}
#iconLinks P {
clear: both;
float: left;
margin: 0 0 0.65em 0;
}

.iconBookmark {
background: url(../images/build/icon-bookmark.gif) no-repeat top left;
}
/*.iconDigg {
background: url(../images/build/icon-digg.gif) no-repeat top left;
}*/
.iconDownloadPicture {
background: url(../images/build/icon-download-picture.gif) no-repeat top left;
}
.iconExcel {
background: url(../images/build/icon-xls.gif) no-repeat top left;
}
/*.iconLinkedIn {
background: url(../images/build/icon-linkedin.gif) no-repeat top left;
}*/
.iconPdf {
background: url(../images/build/icon-pdf.gif) no-repeat top left;
}
.iconPrint {
background: url(../images/build/icon-print-page.gif) no-repeat top left;
}
.iconReadIssue {
background: url(../images/build/icon-read-issue.gif) no-repeat top left;
}
.iconRss {
background: url(../images/build/icon-rss.gif) no-repeat top left;
}
.iconRssSmall {
background: url(../images/build/icon-rss-small.gif) no-repeat left 1px;
}
.iconSendPage {
background: url(../images/build/icon-send-page.gif) no-repeat top left;
}
.iconSubscribeEversion {
background: url(../images/build/icon-subscribe-e-version.gif) no-repeat top left;
}
.iconSubscribePaper {
background: url(../images/build/icon-subscribe-paper.gif) no-repeat top left;
}
/*.iconTechnorati {
background: url(../images/build/icon-technorati.gif) no-repeat top left;
}*/
.iconVideo {
background: url(../images/build/icon-video.gif) no-repeat top left;
padding: 3px 0 0 20px;
}
.iconWord {
background: url(../images/build/icon-word.gif) no-repeat top left;
}
.iconZip {
background: url(../images/build/icon-zip.gif) no-repeat top left;
}
.iconUnknown {
background: url(../images/build/icon-document.gif) no-repeat top left;
}

.iframe {
padding: 0 1px 0 1px;
text-align: center;
}

.imgCentre {
clear: both;
display: block;
margin: 0 auto 0 auto;
padding: 0.325em 0 0.975em 0;
text-align: center;
}
.imgLeft {
float: left;
padding: 0.325em 1.15em 0.975em 0;
}
/*remove the right padding from the large center image at the top of the center (as it pushes the right column
to the bottom in IE6
#contentContainer #contentMain #contentMainContainer .textBox .textBoxContainer .content div.imgLeft {
	padding: 0.325em 1.15em 0.975em 0
}
#contentContainer #contentMain #contentMainContainer div.left .textBox .textBoxContainer .content img.imgLeft, 
#contentContainer #contentMain #contentMainContainer div.right .textBox .textBoxContainer .content img.imgLeft,
#contentContainer #contentMain #contentMainContainer .textBox .textBoxContainer .content div.imgLeft {
	padding: 0.325em 1.15em 0.975em 0;
}
*/
.imgRight {
float: right;
padding: 0.325em 0 0.975em 1.15em;
}

.imageRqLinks {
clear: both;
margin: 0 0 1.3em 0;
width: 100%;
}
/*DIV[class=imageRqLinks] {
float: left;
}*/
.imageRqLinks A {
float: left;
padding: 0 0 2px 26px;
}
.imageRqLinks A, .imageRqLinks A:link, .imageRqLinks A:visited {
color: #000000;
font-weight: normal;
text-decoration: none;
}
.imageRqLinks A:hover, .imageRqLinks A:focus, .imageRqLinks A:active {
text-decoration: underline;
}
.imageRqLinks .colourEven {
background-color: #eeeeee;
}
.imageRqLinks .colourOdd {
background-color: #fbf9f9;
}
.imageRqLinks LI {
clear: both;
float: left;
margin: 0 0 1px 0;
padding: 5px 10px 5px 10px;
width: 285px;
text-decoration: none;
list-style: none;
}

.imageRqThumbnails {
clear: both;
margin: 0 0 1.3em 0;
width: 100%;
}
DIV[class=imageRqThumbnails] {
float: left;
}
.imageRqThumbnailsContainer {
text-align: center;
}
.imageRqThumbnails .thumbnail {
float: left;
margin: 0.22em;
text-align: center;
width: 100px;
}
.imageRqThumbnails .thumbnail .imgCentre {
padding-bottom: 0.65em;
}

#master {
margin: 0 auto 0 auto;
width: 960px;
}
#masterContainer {
clear: both;
float: left;
padding: 2px 10px 20px 10px;
}

.media {
clear: both;
width: 100%;
}
.mediaContainer {
text-align: center;
}
.mediaTabs A{
border: 1px solid;
padding: 3px;
}

.module {
clear: both;
width: 100%;
}
.moduleDivider {
clear: both;
float: left;
font-size: 1px;
height: 10px;
width: 100%;
}

.module .b {
background: #ffffff url(../images/build/right-column-box-b.gif) repeat-x bottom left;
float: left;
width: 100%;
}
.module .l {
background: url(../images/build/right-column-box-l.gif) repeat-y top left;
float: left;
padding: 0 1px 1px 1px;
}
.module .r {
background: url(../images/build/right-column-box-r.gif) repeat-y top right;
float: left;
width: 100%;
}
.module .t {
background: #92b925 url(../images/build/right-column-box-t.gif) repeat-x top left;
float: left;
width: 100%;
}
.module A, .module A:link, .module A:visited {
color: #000000;
font-weight: normal;
text-decoration: none;
}
.module A:hover, .module A:focus, .module A:active {
text-decoration: underline;
}
.module H2 {
color: #ffffff;
font-size: 110%;
font-weight: normal;
margin: 0;
padding: 3px 7px 3px 7px;
}
#contentHomepage .module IMG {
clear:left;
display: block;
margin: 0 auto 0 auto;
padding: 0;
max-width: 300px;
}
#contentRight .module IMG {
clear:left;
display: block;
margin: 0 auto 0 auto;
padding: 0;
max-width: 180px;
}
.module P {
margin: 0 0 0.65em 0;
}
.module INPUT {
	padding: 0;
}

.module INPUT.formText {
width: 155px;
}
.module INPUT[type=text] {
width: 155px;
}
.module INPUT.formSubmit {
width: auto;
}
.module INPUT[type=submit] {
width: auto;
}
.module SELECT {
width: 159px;
}
.module TEXTAREA {
height: 4em;
width: 155px;
}
.module .content {
padding: 3px 7px 3px 7px;
}
.module .content H2,
.module .content H3,
.module .content H4,
.module .content H5,
.module .content H6 {
color: #006bb7;
font-size: 100%;
font-weight: bold;
margin: 0 0 0.325em 0;
padding: 0;
}
.module .date {
font-size: 90%;
font-weight: bold;
}
/*--------------------
- Top navigation styles
----------------------*/
#navTop {min-height: 1.8em;height: auto;width: 100%;margin-top:1px;}
#menu {background: transparent url(../images/v2/bg_nav_top.png) repeat-x 0 0;padding:0; margin:0; list-style:none; height:1.7em; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#menu li {float:left;padding:0;margin:0;border-right: 2px solid #fff }
#menu li.last {border-right: none; }
#menu li.last a {width:160px }
#menu li a {display:block; float:left;width:155px;color:#92b925;font-weight:700;text-decoration:none;font-size:12px;font-weight:normal;padding:.1em .5em .2em .5em;}
#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

#menu li a:hover {z-index:200; position:relative;color:#fff;}
#menu li:hover {position:relative; z-index:200;}
#menu li.current > a {}
#menu li.current > a:hover {color:#fff;}

#menu li.current a {color:#fff;font-weight:bold;padding:.1em .4em .2em .4em;background-color:#92B925}
div#navTop #menu ul li a {font-weight:normal}

/* keep the 'next' level invisible by placing it off screen. */
#menu li a:hover {background-color:#92b925!important}
#menu ul, 
#menu :hover ul ul,
#menu :hover ul :hover ul ul,
#menu :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;height:auto; margin:0; padding:0; list-style:none;}
/* keep the 'next' level invisible by placing it off screen. */
#menu ul {width:175px!important}
/* common styles accross all drop down ul's. */
#menu ul li {border-right: none}
#menu :hover ul li a {width:150px; padding:0 15px 0 10px; background:#666; color:#fff; min-height: 1.8em; height: auto; _height:1.8em; line-height:1.8em;}

/* move the sub menus for into position when rolled over (175px to the RIGHT of each sub menu). */
#menu :hover ul :hover ul, #menu :hover ul :hover ul :hover ul,#menu :hover ul :hover ul :hover ul :hover ul{left:175px; top:-1px;}
/* FOR THE LAST MENU ITEM ONLY move the sub menus into position when rolled over (175px to the LEFT of each sub menu). */
/* This resolves the issue of the far right drop down running off screen (on lower resolutions).
#menu :hover ul.lastItem :hover ul, #menu :hover ul.lastItem :hover ul :hover ul,#menu :hover ul.lastItem :hover ul :hover ul :hover ul{left:-175px; top:-1px;}*/
/* This follows on from above code and removes inheritence (otherwise all sub menus appear on roll over in IE6) */
#menu :hover ul.lastItem :hover ul * ul, #menu :hover ul.lastItem :hover ul :hover ul * ul,#menu :hover ul.lastItem :hover ul :hover ul :hover ul * ul{left:-9999px; top:-9999px;}

#menu :hover ul :hover ul li a, #menu :hover ul :hover ul :hover ul li a, #menu :hover ul :hover ul :hover ul :hover ul li a {width:150px; padding:0 15px 0 10px; background:#666; color:#92b925; min-height: 1.8em; height: auto; _height:1.8em; line-height:1.8em;}
#menu :hover ul li a,#menu :hover ul :hover ul li a,#menu :hover ul :hover ul :hover ul li a,#menu :hover ul :hover ul :hover ul :hover ul li a {margin:0; border-top:1px solid #bebfc0;color:#92b925;}
#menu :hover ul li a.sub,#menu :hover ul :hover ul li a.sub,#menu :hover ul :hover ul :hover ul li a.sub,#menu :hover ul :hover ul :hover ul :hover ul li a.sub {background: #666 url(../images/build/rArrowGreen.gif) no-repeat right center;color:#92b925 }

/* level 2 */
#menu :hover ul {left:0; top:1.5755em;}
#menu :hover ul a:hover, #menu :hover ul li a.sub:hover {color:#fff;}
#menu :hover ul li a, #menu :hover ul li a:hover {}        
#menu :hover ul li a.sub:hover {background: #666 url(../images/build/rArrow-white.gif) no-repeat right center;} 
/* level 3 */
#menu :hover ul :hover ul a:hover,#menu :hover ul :hover ul a.sub:hover {color:#fff;cursor: pointer}
#menu :hover ul :hover ul li.current a, #menu :hover ul :hover ul li.current a:hover {color:#fff;cursor: default}
#menu :hover ul :hover ul li a.sub:hover {background: #666 url(../images/build/rArrow-white.gif) no-repeat right center;}
/* level 4 */
#menu :hover ul :hover ul :hover ul a:hover,#menu :hover ul :hover ul :hover ul a.sub:hover {color:#fff;cursor: pointer}
#menu :hover ul :hover ul :hover ul li.current a, #menu :hover ul :hover ul :hover ul li.current a:hover {color:#fff;cursor: default}
#menu :hover ul :hover ul :hover ul li a.sub:hover {background: #666 url(../images/build/rArrow-white.gif) no-repeat right center;}
/* level 5 */
#menu :hover ul :hover ul :hover ul :hover ul a:hover,#menu :hover ul :hover ul :hover ul :hover ul a.sub:hover {color:#fff;cursor: pointer}
#menu :hover ul :hover ul :hover ul :hover ul li.current a, #menu :hover ul :hover ul :hover ul :hover ul li.current a:hover {color:#fff;cursor: default}
#menu :hover ul :hover ul :hover ul :hover ul li a.sub:hover {background: #666 url(../images/build/rArrow-white.gif) no-repeat right center;}

/* Display a different white arrow (pointing left) for sub menus on the last 3 butons 
#menu :hover ul.lastItem li a.sub,#menu :hover ul.lastItem :hover ul li a.sub,#menu :hover ul.lastItem :hover ul :hover ul li a.sub,#menu :hover ul.lastItem :hover ul :hover ul :hover ul li a.sub {background: #666 url(../images/build/lArrowGreen.gif) no-repeat right center; }
#menu :hover ul.lastItem li a.sub:hover,#menu :hover ul.lastItem :hover ul li a.sub:hover,#menu :hover ul.lastItem :hover ul :hover ul li a.sub:hover,#menu :hover ul.lastItem :hover ul :hover ul :hover ul li a.sub:hover {background:#666 url(../images/build/lArrowWhite.gif) no-repeat right center} */

/* END - top navigation */
.pagination {
clear: both;
margin: 0.65em 0 0.975em 0;
width: 100%;
}
DIV[class=pagination] {
float: left;
}
.paginationContainer {
}
.pagination A, .pagination A:link, .pagination A:visited {
color: #000000;
font-size: 110%;
font-weight: normal;
padding: 0 0.33em 0 0.33em;
text-decoration: none;
}
.pagination A:hover, .pagination A:focus, .pagination A:active {
text-decoration: underline;
}
.pagination LI {
background-color: #eeeeee;
border-bottom: 2px solid #eeeeee;
display: inline;
margin: 0 2px 0 2px;
padding: 1px 0 0 0;
}
.pagination LI.selected {
background-color: #2c83c1;
border-bottom: 2px solid #2c83c1;
}
.pagination LI.selected A, .pagination LI.selected A:link, .pagination LI.selected A:visited {
color: #ffffff;
}
.textBox .pagination P,
.pagination P {
margin: 0 0 0.65em 0;
padding: 0 1em 0 1em;
text-align: center;
}
.pagination UL {
list-style-image: none;
list-style-type: none;
margin: 0 auto 0 auto;
padding: 0;
}
.pagination .centre {
float: left;
text-align: center;
width: 58%;
}
.pagination .left {
float: left;
text-align: left;
width: 20.9%;
}
.pagination .left A, .pagination .left A:link, .pagination .left A:visited {
padding: 0 0 0 1em;
}
.pagination .right {
float: right;
text-align: right;
width: 20.9%;
}
.pagination .right A, .pagination .right A:link, .pagination .right A:visited {
padding: 0 1em 0 0;
}
.pagination .row {
clear: both;
float: left;
width: 100%;
}
.paginationDivider {
clear: both;
float: left;
font-size: 1px;
height: 0.975em;
width: 100%;
}

.searchResults {
clear: both;
float: left;
margin: 0 0 1.3em 0;
width: 100%;
}
.searchResults .textBox {
margin-bottom: 0;
}

.searchResultsItem {
background: url(../images/build/text-box-r.gif) repeat-y top right;
clear: both;
float: left;
width: 100%;
}
.searchResultsItemContainer {
}

.searchResultsItem A, .searchResultsItem A:link, .searchResultsItem A:visited {
text-decoration: none;
}
.searchResultsItem A:hover, .searchResultsItem A:focus, .searchResultsItem A:active {
text-decoration: underline;
}
.searchResultsItem H2 {
margin: 0;
padding: 0;
}
.searchResultsItem H2 A {
font-size: 100%;
}
.searchResultsItem H2 A, .searchResultsItem H2 A:link, .searchResultsItem H2 A:visited {
text-decoration: underline;
}
.searchResultsItem H2 A:hover, .searchResultsItem H2 A:focus, .searchResultsItem H2 A:active {
text-decoration: underline;
}
.textBox .searchResultsItem P {
margin: 0 0 0.65em 0;
}
.searchResultsItem SPAN.arrow {
background: url(../images/build/search-results-arrow.gif) no-repeat left 2px;
padding: 0 0 0 5px;
}

.searchResultsItem.colourOdd {
background-color: #fbf9f9;
}
.searchResultsItem.colourEven {
background-color: #eeeeee;
}

.searchResultsItem .iconExcel,
.searchResultsItem .iconPdf,
.searchResultsItem .iconWord,
.searchResultsItem .iconZip,
.searchResultsItem .iconUnknown {
float: left;
margin: 0 5px 0 5px;
padding: 0 0 3px 20px;
}

.searchResultsItem .floatLeft {
float: left;
padding: 0 0 1.3em 0;
}

.searchResultsItem .row {
background: url(../images/build/text-box-l.gif) repeat-y top left;
clear: both;
float: left;
padding: 5px 2% 0 2%;
width: 96%;
}
.searchResultsItem .row .left {
float: left;
width: 44.9%;
}
.searchResultsItem .row .right {
float: right;
text-align: right;
width: 54.9%;
}

.searchResultsItemDivider {
clear: both;
float: left;
font-size: 1px;
height: 3px;
width: 100%;
}

#siteMap {
clear: both;
float: left;
width: 100%;
}
#siteMapContainer {
}
#siteMap A, #siteMap A:link, #siteMap A:visited {
color: #666666;
text-decoration: none;
}
#siteMap A:hover, #siteMap A:focus, #siteMap A:active {
text-decoration: underline;
}
#siteMap LI A {
font-size: 130%;
font-style: normal;
font-weight: bold;
}
#siteMap LI DIV {
margin: 0;
padding: 0;
}

#siteMap LI LI A {
font-size: 110%;
font-style: normal;
font-weight: bold;
}
#siteMap LI LI DIV {
background: url(../images/build/site-map-level2-bullet.gif) no-repeat 0px 4px;
padding: 0 0 0 15px;
}

#siteMap LI LI LI A {
font-size: 110%;
font-style: italic;
font-weight: normal;
}
#siteMap LI LI LI DIV {
background: url(../images/build/site-map-level3-bullet.gif) no-repeat 15px 4px;
padding: 0 0 0 30px;
}

#siteMap LI LI LI LI A {
font-size: 110%;
font-style: normal;
font-weight: normal;
}
#siteMap LI LI LI LI DIV {
background: url(../images/build/site-map-level4-bullet.gif) no-repeat 30px 6px;
padding: 0 0 0 45px;
}

#siteMap LI LI LI LI LI A {
font-size: 100%;
font-style: normal;
font-weight: normal;
}
#siteMap LI LI LI LI LI DIV {
background-image: none;
padding: 0 0 0 60px;
}

#siteMap LI UL {
margin: 0 0 0 0;
}
#siteMap UL {
list-style-image: none;
list-style-type: none;
margin: 5px 15px 8px 15px;
padding: 0;
}
#siteMap UL LI {
margin: 0.325em 0 0 0;
padding: 0;
}
#siteMap .left {
float: left;
width: 48.5%;
}
#siteMap .right {
float: right;
width: 48.5%;
}

.textBox {
background: url(../images/build/text-box-r.gif) repeat-y top right;
border-bottom: 1px solid #e5e5e5;
border-top: 1px solid #e5e5e5;
clear: both;
margin: 0 0 1.3em 0;
width: 100%;
}
DIV[class=textBox] {
float: left;
}
.textBoxContainer {
background: url(../images/build/text-box-l.gif) repeat-y top left;
float: left;
width: 100%;
}
.textBox P {
margin: 0 0 0.975em 0;
}
.textBox .content {
clear: both;
float: left;
padding: 7px 0 2px 10px;
width: 96%;
}
.twoColumns .textBox .content {
width: 92%;
}
.textBox .content H2 {
color: #999999;
font-size: 130%;
font-weight: bold;
margin: 0 0 0.325em 0;

}
.textBox .content H2 A {
color: #000000;
font-size: 100%;
font-weight: bold;
}
.textBox .content H3,
.textBox .content H4,
.textBox .content H5,
.textBox .content H6 {
color: #999999;
font-size: 110%;
margin: 0 0 0.16em 0;
}
.textBox .content H3 A,
.textBox .content H4 A,
.textBox .content H5 A,
.textBox .content H6 A {
color: #999999;
font-size: 100%;
font-weight: bold;
}
.textBox .content H2.colourBlue,
.textBox .content H3.colourBlue,
.textBox .content H4.colourBlue,
.textBox .content H5.colourBlue,
.textBox .content H6.colourBlue {
color: #006bb7;
}
.textBox .content H4,
.textBox .content H5,
.textBox .content H6 {
color: #999999;
font-size: 100%;
margin: 0 0 0.16em 0;
}
.textBox .content .left {
float: left;
width: 55.5%;
}
.textBox .content .right {
float: right;
width: 42.5%;
}

.textBox .divider {
border-bottom: 1px solid #cccccc;
clear: both;
font-size: 1px;
margin: 0 0 10px 0;
padding: 4px 0 0 0;
}
#f2c .textBox .divider {
width: 725px;
}
#f3c .textBox .divider {
width: 530px;
}
.textBox DIV[class=divider] {
float: left;
}

.textBox .form {
padding: 7px 10px 7px 10px;
}

.textBoxGradient {
background: #ffffff url(../images/build/text-box-gradient.gif) repeat-x bottom left;
clear: both;
float: left;
margin: 0 0 1.3em 0;
width: 100%;
}
.textBoxGradient .textBox {
margin-bottom: 0;
}

.textBoxTabs {
clear: both;
float: left;
width: 100%;
}
.textBoxTabs A, .textBoxTabs A:link, .textBoxTabs A:visited {
color: #ffffff;
font-size: 120%;
font-weight: normal;
text-decoration: none;
}
.textBoxTabs A:hover, .textBoxTabs A:focus, .textBoxTabs A:active {
text-decoration: underline;
}
.textBoxTabs LI.selected A, .textBoxTabsLI.selected A:link, .textBoxTabs LI.selected A:visited {
color: #666666;
}
.textBoxTabs LI {
background: #1f76b3 url(../images/build/text-box-tab-bg.gif) repeat-x top left;
border-bottom: 1px solid #e5e5e5;
border-left: 1px solid #e5e5e5;
border-top: 1px solid #e5e5e5;
float: left;
margin: 0;
padding: 2px 8px 2px 8px;
}
.textBoxTabs LI.selected {
background-color: #ffffff;
background-image: none;
border-bottom: 1px solid #ffffff;
}
.textBoxTabs UL {
border-right: 1px solid #e5e5e5;
float: left;
list-style-image: none;
list-style-type: none;
margin: 0;
padding: 0 0 0 5px;
position: relative;
top: 1px;
}

.textSmall {
font-size: 90%;
}

.twoColumns {
clear: both;
float: left;
margin: 0 0 1.3em 0;
width: 100%;
}
.twoColumns .textBox {
margin-bottom: 0;
}
.twoColumns .left {
float: left;
width: 48.5%;
}
.twoColumns .right {
float: right;
width: 48.5%;
}
ul.arrowBullet, div#contentRight div#contentRightContainer ul {
margin: 0 0 7px 0;
}
ul.arrowBullet li, div#contentRight div#contentRightContainer ul li {
padding-left: 10px;
margin: 0 0 1px 0;
list-style: none;
background:url('../images/build/arrowBullet.gif') no-repeat left top;
}
div#content div#contentContainer div#contentRight #contentRightContainer table.sharePrice {
    margin:0 5px 10px 5px
}
div#content div#contentContainer div#contentRight #contentRightContainer table.sharePrice td {
    width:60%;
    text-align:left;
    color:#666666;
    font-size:11px;
    font-weight:bold;
     border-top: 1px solid #dadada; 
}
div#content div#contentContainer div#contentRight #contentRightContainer table.sharePrice td.lft {
    color: #006bb7; 
    width:40%;
    font-weight: bold; 
    font-size:11px;
    padding-right: 4px;
    text-align:right
}
div.nenArticleFooter
{
	border-top: solid 2px #666;
	border-bottom: solid 2px #666;
	padding: .5em;
	text-align: center;
}

/**************************/
/* Left navigation styles */
/**************************/
#navLeft { clear: both; width: 100%; }

#navLeft UL { list-style-image: none; list-style-type: none; margin: 0 0 10px 0; padding: 0 0 5px 0; }
#navLeft UL UL { border: 0; margin: 0; padding: 0; }
#navLeft LI {margin: 0; padding: 0; }
#navLeft LI A { border-bottom: 1px solid #b6b7b9;display: block; font-size: 105%; font-weight: normal; padding: 3px 15px 3px 5px; text-decoration: none; }
#navLeft LI A:hover { background-color: #92B925; color: #fff; text-decoration: none; }
#navLeft LI A.subMenu { background: url(../images/build/nav-left-level2-arrow.gif) no-repeat right center; }
#navLeft LI A.subMenu:hover { color: #fff;background-color: #92B925}

/*SET ONLY THE CURRENT LI'S CHILD A TO SHOW AS SELECTED USING THE CHILD SELECTOR (doesn't work in IE6)*/
/*---------------------------------------------------------------------------------------*/
#navLeft LI.current > A {cursor: default;color:#fff;background-color: #92B925;}
#navLeft LI.current > A:hover {cursor: default;color:#fff;background-color: #92B925;}

/*This has same effect as above but is a workaround for IE6*/
/*First, apply the 'selected' effect to all children of LI.current*/
#navLeft LI.current A {cursor: default;color:#fff;background-color: #92B925;}
#navLeft LI.current A:hover {cursor: default;color:#fff;background-color: #92B925;}
/*Then, remove the effect for all descendants other than the direct descendant child A*/
#navLeft LI.current li A, #navLeft LI.current li li A, #navLeft LI.current li li li A, #navLeft LI.current li li li li A {cursor: pointer;color:#808080;background-color: #fff;}
#navLeft LI.current li A:hover, #navLeft LI.current li li A:hover, #navLeft LI.current li li li A:hover, #navLeft LI.current li li li li A:hover {cursor: pointer;background-color: #74767a; color: #fff; text-decoration: none;}

/*HANDLE STYLES FOR THE SUBMENU AND SUBMENUACTIVE*/
/*---------------------------------------------------------------------------------------*/
/*Set the styles for the submenu if it is NOT selected*/
#navLeft LI A.subMenuActive { color:#fff;background: #92B925; }
#navLeft LI A.subMenuActive:hover {cursor: pointer;background-color: #92B925; color: #fff;}
/*Set the styles for the submenu if it IS selected*/
#navLeft LI.current A.subMenuActive {cursor: default;color:#fff;background-color: #92B925; }
#navLeft LI.current A.subMenuActive:hover {cursor: default;color:#fff;background-color: #92B925; }

/*GENERAL STYLES (INCLUDING DIFFERENT LEVEL ARROW IMAGES)*/
/*---------------------------------------------------------------------------------------*/
#navLeft LI LI A { border: 0; color: #808080; font-size: 100%; font-weight: normal; padding: 1px 5px 2px 19px; }
#navLeft LI LI LI A { border: 0; color: #808080; font-size: 100%; font-weight: normal; padding: 1px 5px 2px 33px; }
#navLeft LI LI LI LI A { border: 0; color: #808080; font-size: 100%; font-weight: normal; padding: 1px 5px 2px 47px; }

#navLeft LI LI A.subMenu { color: #808080;background: url(../images/build/nav-left-level3-arrow.gif) no-repeat center left; }
#navLeft LI LI A.subMenuActive { color: #808080;background: url(../images/build/nav-left-level3-arrow-active.gif) no-repeat center left; }
#navLeft LI LI A.subMenuActive:hover {background: #92B925 url(../images/build/nav-left-level3-arrow-active.gif) no-repeat center left; }

#navLeft LI LI LI A.subMenu {color: #808080; background: url(../images/build/nav-left-level4-arrow.gif) no-repeat center left; }
#navLeft LI LI LI A.subMenuActive {color: #808080;background: url(../images/build/nav-left-level4-arrow-active.gif) no-repeat center left; }
#navLeft LI LI LI A.subMenuActive:hover {background: #92B925 url(../images/build/nav-left-level4-arrow-active.gif) no-repeat center left; }

/* END left navigation styles  */

}
/***/
.newslist{width:230px!important}
.newslist .header{background:#2a2a2a url("../images/v2/bg_newslisting_header.png") repeat-x 0 0 ;}
.newslist .header h2{color:#92B925;font-weight:400;font-size:135%;padding:4px;margin:0;}
.newslist .content{background:#d3d3d3 url(../images/v2/bg_newslisting.png) 0 0 repeat-x;padding:6px;}
.newslist .content ul{margin:0;}
.newslist li{list-style:none;margin-left:0;position:relative;min-height:75px;padding:0;}
.newslist li img{position:absolute;left:4px;top:4px;border:1px solid #ccc;}
.newslist p{ margin:0;padding:4px 4px 4px 84px;font-size:10px;color:#000;height:60px;}
.newslist a{position:relative;color:#000;text-decoration:none;font-size:10px;padding:4px 4px 4px 84px;display:block;height:66px;}
.newslist li.no-image a,
.newslist li.no-image p{padding:4px;}
.newslist a:hover{color:#fff;background:#92B925;}
.newslist a:hover img{border:1px solid #fff;}
.newslist .share-price{color:#000;}
.newslist .share-price div{}
.newslist .share-price .current{font-size:10px;}
.newslist .share-price .price{font-size:30px;font-weight:700;}
.newslist .share-price .diff{color:#92B925;font-size:14px;font-weight:400;padding-left:8px;}
.newslist .share-price .last-close{padding-right:25px;font-size:10px;}
.newslist .share-price .date{font-size:10px;}
h1.home {font-size:19px}

.epicontrol-left{margin:1em 2.8em 1em 0;float:left;width:250px;}
.epicontrol-right{margin:1em 0 1em 2.8em;float:right;width:250px;}
.epicontrol-left ul,
.epicontrol-right ul{margin:1em 0;padding:0;}
.epicontrol-left ul li,
.epicontrol-right ul li{margin:0 0 1em 0;padding:0;list-style:none;}
.epicontrol-left ul li a,
.epicontrol-right ul li a{display:block;color:#666;border:2px solid #ccc;font-weight:700;font-size:100%;text-decoration:none;padding:3px 2px;}
.epicontrol-left ul li a:hover,
.epicontrol-right ul li a:hover{color:#fff;background:#d3a510;}