/* -----------------------------------------------------------------------


 Blueprint CSS Framework 0.8
 http://blueprintcss.org

   * Copyright (c) 2007-Present. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

----------------------------------------------------------------------- */

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; }
html, body { height:100%; } /* 20100722DB - needed for container min-height */
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em; }
ul, ol {margin:0 1.5em 1.5em 1.5em; text-align:left;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:transparent;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:normal;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* grid.css */
/*.container {width:950px;margin:0 auto;}*/
.container {width:1007px; margin:0 auto; background:#fff; }
.container {height:auto !important; height:100%; min-height:100%; } /* 20100722DB - tweaking height []*/
.showgrid {background:url(../images/general/grid.png);}
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;}
.last, div.last {margin-right:0;}
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-5 {width:190px;}
.span-6 {width:230px;}
.span-7 {width:270px;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24, div.span-24 {width:950px;margin:0;}
input.span-1, textarea.span-1, select.span-1 {width:30px!important;}
input.span-2, textarea.span-2, select.span-2 {width:50px!important;}
input.span-3, textarea.span-3, select.span-3 {width:90px!important;}
input.span-4, textarea.span-4, select.span-4 {width:130px!important;}
input.span-5, textarea.span-5, select.span-5 {width:170px!important;}
input.span-6, textarea.span-6, select.span-6 {width:210px!important;}
input.span-7, textarea.span-7, select.span-7 {width:250px!important;}
input.span-8, textarea.span-8, select.span-8 {width:290px!important;}
input.span-9, textarea.span-9, select.span-9 {width:330px!important;}
input.span-10, textarea.span-10, select.span-10 {width:370px!important;}
input.span-11, textarea.span-11, select.span-11 {width:410px!important;}
input.span-12, textarea.span-12, select.span-12 {width:450px!important;}
input.span-13, textarea.span-13, select.span-13 {width:490px!important;}
input.span-14, textarea.span-14, select.span-14 {width:530px!important;}
input.span-15, textarea.span-15, select.span-15 {width:570px!important;}
input.span-16, textarea.span-16, select.span-16 {width:610px!important;}
input.span-17, textarea.span-17, select.span-17 {width:650px!important;}
input.span-18, textarea.span-18, select.span-18 {width:690px!important;}
input.span-19, textarea.span-19, select.span-19 {width:730px!important;}
input.span-20, textarea.span-20, select.span-20 {width:770px!important;}
input.span-21, textarea.span-21, select.span-21 {width:810px!important;}
input.span-22, textarea.span-22, select.span-22 {width:850px!important;}
input.span-23, textarea.span-23, select.span-23 {width:890px!important;}
input.span-24, textarea.span-24, select.span-24 {width:940px!important;}
.append-1 {padding-right:40px;}
.append-2 {padding-right:80px;}
.append-3 {padding-right:120px;}
.append-4 {padding-right:160px;}
.append-5 {padding-right:200px;}
.append-6 {padding-right:240px;}
.append-7 {padding-right:280px;}
.append-8 {padding-right:320px;}
.append-9 {padding-right:360px;}
.append-10 {padding-right:400px;}
.append-11 {padding-right:440px;}
.append-12 {padding-right:480px;}
.append-13 {padding-right:520px;}
.append-14 {padding-right:560px;}
.append-15 {padding-right:600px;}
.append-16 {padding-right:640px;}
.append-17 {padding-right:680px;}
.append-18 {padding-right:720px;}
.append-19 {padding-right:760px;}
.append-20 {padding-right:800px;}
.append-21 {padding-right:840px;}
.append-22 {padding-right:880px;}
.append-23 {padding-right:920px;}
.prepend-1 {padding-left:40px;}
.prepend-2 {padding-left:80px;}
.prepend-3 {padding-left:120px;}
.prepend-4 {padding-left:160px;}
.prepend-5 {padding-left:200px;}
.prepend-6 {padding-left:240px;}
.prepend-7 {padding-left:280px;}
.prepend-8 {padding-left:320px;}
.prepend-9 {padding-left:360px;}
.prepend-10 {padding-left:400px;}
.prepend-11 {padding-left:440px;}
.prepend-12 {padding-left:480px;}
.prepend-13 {padding-left:520px;}
.prepend-14 {padding-left:560px;}
.prepend-15 {padding-left:600px;}
.prepend-16 {padding-left:640px;}
.prepend-17 {padding-left:680px;}
.prepend-18 {padding-left:720px;}
.prepend-19 {padding-left:760px;}
.prepend-20 {padding-left:800px;}
.prepend-21 {padding-left:840px;}
.prepend-22 {padding-left:880px;}
.prepend-23 {padding-left:920px;}
div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;}
.pull-1 {margin-left:-40px;}
.pull-2 {margin-left:-80px;}
.pull-3 {margin-left:-120px;}
.pull-4 {margin-left:-160px;}
.pull-5 {margin-left:-200px;}
.pull-6 {margin-left:-240px;}
.pull-7 {margin-left:-280px;}
.pull-8 {margin-left:-320px;}
.pull-9 {margin-left:-360px;}
.pull-10 {margin-left:-400px;}
.pull-11 {margin-left:-440px;}
.pull-12 {margin-left:-480px;}
.pull-13 {margin-left:-520px;}
.pull-14 {margin-left:-560px;}
.pull-15 {margin-left:-600px;}
.pull-16 {margin-left:-640px;}
.pull-17 {margin-left:-680px;}
.pull-18 {margin-left:-720px;}
.pull-19 {margin-left:-760px;}
.pull-20 {margin-left:-800px;}
.pull-21 {margin-left:-840px;}
.pull-22 {margin-left:-880px;}
.pull-23 {margin-left:-920px;}
.pull-24 {margin-left:-960px;}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;}
.push-1 {margin:0 -40px 1.5em 40px;}
.push-2 {margin:0 -80px 1.5em 80px;}
.push-3 {margin:0 -120px 1.5em 120px;}
.push-4 {margin:0 -160px 1.5em 160px;}
.push-5 {margin:0 -200px 1.5em 200px;}
.push-6 {margin:0 -240px 1.5em 240px;}
.push-7 {margin:0 -280px 1.5em 280px;}
.push-8 {margin:0 -320px 1.5em 320px;}
.push-9 {margin:0 -360px 1.5em 360px;}
.push-10 {margin:0 -400px 1.5em 400px;}
.push-11 {margin:0 -440px 1.5em 440px;}
.push-12 {margin:0 -480px 1.5em 480px;}
.push-13 {margin:0 -520px 1.5em 520px;}
.push-14 {margin:0 -560px 1.5em 560px;}
.push-15 {margin:0 -600px 1.5em 600px;}
.push-16 {margin:0 -640px 1.5em 640px;}
.push-17 {margin:0 -680px 1.5em 680px;}
.push-18 {margin:0 -720px 1.5em 720px;}
.push-19 {margin:0 -760px 1.5em 760px;}
.push-20 {margin:0 -800px 1.5em 800px;}
.push-21 {margin:0 -840px 1.5em 840px;}
.push-22 {margin:0 -880px 1.5em 880px;}
.push-23 {margin:0 -920px 1.5em 920px;}
.push-24 {margin:0 -960px 1.5em 960px;}
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;}
.prepend-top {margin-top:1.5em;}
.append-bottom {margin-bottom:1.5em;}
/* DEFAULT: .box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;} */
/* .box {padding:0.8em 0.8em 0.1em 0.8em; background:#E5ECF9;} */
/* .box {padding:10px 10px 1px 10px; background:#E5ECF9;} */
.box {padding:10px 10px 1px 10px; background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}

/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:300px;height:200px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
/* -----------------------------------------------------------------------


Infoplex Stylesheet
 http://www.infoplex.co.uk

----------------------------------------------------------------------- */
/* infoplex.css */
body, dl, dt, dd, form { margin:0; padding:0; }
BODY { background:#f5f5f5; color:inherit; margin:0; z-index:0;}
BODY, h1, h2, h3, h4, p { font-family:Arial, Helvetica, Verdana, "Times New Roman", sans-serif; color:#00366C;}
H1 { font-size:2.3em; font-weight:bold; }
H2 { font-size:1.8em; font-weight:bold; }
H3 { font-size:1.4em; font-weight:bold; }
H4 { font-size:1.2em; font-weight:bold; }
H4.index { padding-top:-5px; margin-top:-10px; }
/* DB commented this out 23/10/2008 - to rectify issues with OrderBooks pages - this *may* knacker WebPortal page(s)
/* p, label { font-size:70%; } */

/* Browser specific (not valid) styles to make preformatted text wrap */		
/* 03 Sep 2008 (Copyright Tero Karvinen www.iki.fi/karvinen) */
pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}


/* Standard style is Large */
p.verylarge { font-size:80%; }
p.large { font-size:70%; }
p.verysmall { font-size:50%; }

.uline { text-decoration:underline; }

/* Highlighted Text */
font.small { font-size:60%; font-weight:normal; }
font.large { font-size:70%; font-weight:normal; }

/* Following used on both financial_ledgers.htm and stock_sop.htm */
font.heading { font-size:75%; font-weight:bold; } 
font.section { font-size:75%; color:#ffffff; background-color:inherit; font-weight:bold; }
font.large_white { font-size:70%; color:#ffffff; background-color:inherit; font-weight:normal; }
font.large_black { font-size:70%; color:#000000; background-color:inherit; font-weight:normal; }

.bluehighlight { color:blue; background-color:inherit; }
.redhighlight { color:red; background-color:inherit; }
.blackhighlight { color:black; background-color:inherit; }
.orangehighlight { color:#ff8500; background-color:inherit; }
.whitehighlight { color:#fff; background-color:inherit; }
.greyhighlight { color:#aca899; background-color:inherit; }

/* Used on screenshot pages to preload screenshots */
.hiddenPic {display:none;}

/*Hyperlink code*/
a { font-family:Arial, Helvetica, Verdana, "Times New Roman", sans-serif; background-color:inherit; }
A:link { color:#00366C; }
A.rd:link { color:red; }
A:visited{ color:#9400D3; }
A:active{ color:#FF9900; }

/* For tickertape */
span.ticker { font-size:70%; color:#ff8500; }

/* Lists #### TO DELETE #### */
UL.large, OL.large { font-size:70%; font-weight:normal; }
UL.small, OL.small { font-size:60%; font-weight:normal; }
/* UL.links { list-style-image: url(http://www.infoplex.plus.com/images/general/list-char.png); } */
li { font-family:Arial, Helvetica, Verdana, "Times New Roman", sans-serif; color:#00366C; background-color:inherit; }

/* Tables*/
caption { font-size:70%; text-align:center; font-family:Arial, Helvetica, Verdana, "Times New Roman", sans-serif; color:#00366C; padding:10px;}

TH.images { border:none; }
TD.images { border:none; }
TD.empty { border:none; }

table { border-collapse:collapse; border:1px solid #00366C;}
table.notes { border-collapse:collapse; border:none;}
table.notes th { border:none; text-align:right; }
table.notes td { border:none; text-align:left; }
/* Following used on (download) pages where we present instructions in tables 
	WHERE EXACTLY?
*/
#instructions tbody td, #instructions tfoot td { padding:3px; text-align:left;}
#instructions th { padding:3px; text-align:center;}
#downloads thead th, #downloads tbody th, #downloads tfoot th  { padding:3px; text-align:left; }
#downloads tbody td, #downloads tfoot td { padding:3px; text-align:center; }
#downloads tbody td.alignleft, #downloads tfoot td.alignleft { text-align:left; }
/* 13/11/09 Added - should become a standard option from hereon to remove the hack */
#headline { margin:35px 0 0 0; } /* 20100301DB - was margin:40px 0 10px 0; */
/* Following used on pages where we present Small Print */
#SmallPrint th { text-align:center; }
/* Following used on pricing pages where we present prices in tables:-
	first_prices.htm, 
	tas_prices.htm
	tascover_prices.htm
	totalpayroll_prices.htm 
	taslink_prices.htm (from 30/11/09)
	tasflex_prices.htm (from 30/11/09)
*/
#pricing thead tr { border:1px solid #00366C; padding:5px; font-weight:bold;}
#pricing tbody td, #pricing tfoot td { border:1px solid #00366C; padding:5px; text-align:center;}
#pricing tbody tr, #pricing tfoot tr, #pricing thead th, #pricing tbody th, #pricing tfoot th { border:1px solid #00366C; padding:5px; text-align:center;}	
#pricing tbody th, #pricing tfoot th { text-align:left; font-weight:normal;}
#pricing tbody td.unitPrice, #pricing tfoot td.unitPrice { border:1px solid #00366C; padding:5px 8px 5px 5px; text-align:right;}
#pricing tbody td.tblUnitPriceTot { border:1px solid #00366C; padding:5px 8px 5px 5px; text-align:right; font-weight:bold; }
#pricing tbody td.tblNA { background-color:#f5f5f5; }
/* DB 100128 */
#pricing th.tblSection { font-style:italic; font-weight:bold; }
#pricing td.tblPMethod { text-align:left; }
#pricing th.tblProdDetail { padding-left:25px; }
/* 30/11/09
	Following used on pricing pages where we present prices in tables:-
	taslink_prices.htm
*/
#notes thead tr { border:1px solid #00366C; padding:5px; font-weight:bold;}
#notes th { border:1px solid #00366C; padding:5px; text-align:center;}
#notes tbody th { text-align:left;}
#notes tbody td, #notes tfoot td { border:1px solid #00366C; padding:5px; text-align:left;}


/* Following used on pages where we present the Order Line graphic */
/* 27-8-2009 - changes:
	- original graphic ist2_5841809-wip_v2.png
	- #orderText p font-size: 1.7em
	- #orderLine width 154px & height 152px
	- #orderText margin-top 105px
*/
#orderLine { width:160px; height:158px; z-index:20; position:absolute; margin-top:405px; margin-left:825px; background-image:url(../images/general/ist2_5841809-wip_v4r4.png); background-repeat: no-repeat; }
#infOrderLine { width:160px; height:158px; z-index:20; position:absolute; margin-top:220px; margin-left:835px; background-image:url(../images/general/ist2_5841809-wip_v4r4.png); background-repeat: no-repeat; }
/* 20100301DB */
#homeOrderLine { width:160px; height:158px; z-index:20; position:absolute; margin-top:560px; margin-left:20px; background-image:url(../images/general/ist2_5841809-wip_v4r4.png); background-repeat: no-repeat; }
#orderText {	width:152px; height:42px; z-index:21; position:absolute; margin-top:115px; margin-left:2px; font-weight:bold; }
#orderText p { text-align:center; font-weight:bold; margin-bottom:0; padding-bottom:0; font-size:1.30em; }

/* DB100122 */
#previousBulletin { float:left; } 
#nextBulletin { float:right; }
td.bulletin { background:#E5ECF9; }

/* DB100622 - used on bulletin-type pages (e.g. faq.htm/tips-and-tricks.htm) */
.bulletinApplies { float:left; vertical-align:top; padding-top:10px;}
.bulletinContent { float:left; padding-top:10px; }
.bulletin { background-color: #E5ECF9 }
#headlines a:link, #headlines a:visited { text-decoration:none; }
a.readMore:link, a.readMore:visited { text-decoration:none;  color:#ff8500; background-color:inherit; }

/*  Following used on both financial_ledgers.htm and stock_sop.htm */
TD.tick{ width:30px; height:30px; border-top:1px solid #00366C; border-right:1px solid #00366C; background-image: url(../images/general/tick.gif); background-position:center; background-repeat:no-repeat; }
TD.cross{ width:30px; height:30px; border-top:1px solid #00366C; border-right:1px solid #00366C; background-image:url(../images/general/cross.gif); background-position:center; background-repeat:no-repeat; }
TD.diamond{ width:30px; height:30px; border-top:1px solid #00366C; border-right:1px solid #00366C; background-image: url(../images/general/diamond.gif); background-position:center; background-repeat:no-repeat; }
/* Following used on OrderBooks Product Comparison pages */
TD.tickOBscheme{ background-image: url(../images/general/tick_ob.gif); background-position:center; background-repeat:no-repeat; }
TD.crossOBscheme{ background-image: url(../images/general/cross_ob2.gif); background-position:center; background-repeat:no-repeat; }

/* #### TO DELETE #### Following use border thickness of 1px instead of 1px - looks better in IE */
TD.tickB{ width:15px; height:15px; border:1px solid #00366C; background-image: url(../images/general/tick_small.gif); background-position:center; background-repeat:no-repeat; }
TD.diamondB{ width:15px; height:15px; border:1px solid #00366C; background-image: url(../images/general/diamond_small.gif); background-position:center; background-repeat:no-repeat; }

/* Following used on both financial_ledgers.htm and stock_sop.htm */
.listing { background-color:#f0fff0; color:inherit; }
.bottom { border-bottom:1px solid #00366C; color:inherit; }
.heading { background-color:#ffff99; color:inherit; }
.section { background-color:#666; color:inherit; }

/* Following used on financial_ledgers.htm */
.cb-background{ background-color:#98FF9B; color:inherit; }
.sl-background { background-color:#d2ebeb; color:inherit; }
.pl-background { background-color:#ffbebe; color:inherit; }
.nl-background { background-color:#e6e6e6; color:inherit; }

/* Following used on stock_sop.htm */
.st-background { background-color:#9bff9b; color:inherit; }
.bom-background { background-color:#ffff82; color:inherit; }
.so-background { background-color:#d2ebeb; color:inherit; }
.edi-background { background-color:#e6e6e6; color:inherit; }

/* Backup links-l, links-r before removing voice-family
#links-l { margin-left: 25px; width: 300px; border:0px solid #fff; voice-family: "\"}\""; voice-family: inherit; float:left; }
#links-r { margin-right: 125px; width: 250px; border:0px solid #fff; voice-family: "\"}\""; voice-family: inherit; float:right; }
*/

/* Following used on standard product pages */
#links-l { margin-left:25px; width:300px; border:0px solid #fff; float:left; }
#links-r { margin-right:125px; width:250px; border:0px solid #fff; float:right; }
#clearlinksdiv { clear:both; height:1em; }

/* 20100301DB - added for home page */
#newsHome { border:1px solid #00366C; height:370px; padding:10px; margin-top:45px; }
#newsHome a:link, #newsHome a:visited { text-decoration:none; }

/* Following used on WebPortal */
#divLoginForm { background:#00366C; border:thin solid #fff; padding:5px 30px 5px 5px; width:600px; color:#fff; margin:0 auto; }
#divLoginForm form { background:#00366C; color:inherit; display:block; margin:0; padding:0; }
#divLoginForm p { color:#fff; background-color:inherit; }
#divLoginForm h3 { color:#fff; background-color:inherit; margin:0 0 15px 0; padding:6px 0 0 0; }
#divLoginForm a:link { color:#fff; background-color:inherit; }
#divLoginForm fieldset { border-top:none; border-bottom:none; border-left:none; border-right:1px dotted #fff; margin:0; padding:0; }
#divLoginForm label { color:#fff; background-color:inherit; font-weight:normal; text-align:right; margin:auto 20px auto 25px;}
#divLoginForm label, input { display:block; float:left; margin-bottom:5px; width:150px; }

#nlogin_create { float:right; width:240px; margin-top:10px; }
#nlogin_create p { margin-left:20px; color:#fff; background-color:inherit; }
/* Sidebar is the WebPortal's page navigation system */
#sidebar { float:left; margin:30px 0 0 0; width:170px;}
#sidebar p { margin-left: 18px; }
/*#sidebar_heading { font-weight: bold; padding-bottom: 2px; color: #ffffff; padding-top: 2px; background-color: #00366c; text-align: center } */
#sidebar_heading { visibility:hidden; }
/* ### QUERY ### Don't know where/when this is used */
#sidebar_links { border:#33aa33 1px solid; font-size:11px; margin-bottom:10px; color:#0000ff; background-color:#ff0000 }
/* li.sidebar { padding:0; list-style-image:url(http://www.infoplex.plus.com/images/general/list-char.png); margin:0 2px 0px 4px; } */
li.sidebar, a.sidebar:visited{ font-size:1.1em; float:left; width:145px; display:block; text-decoration:none; font-weight:normal; padding:.1em 0; color:#00366C; }
li.sidebar { padding:0; margin:0; }
/* ### QUERY ### Is This Used? */
li.sidebarspacer { padding:0; margin:0px 2px 5px 4px; list-style-type:none }
a.sidebar:link, a.sidebar:visited, a.sidebar:active { color:#00366C; text-decoration:none }
a.sidebar:hover { color:#897967; text-decoration:none }

/* Where are the following used ??? */
font.smallred{ font-size:60%; color:red; background-color:inherit; font-weight:normal; }

/* ================================================================ 
	For OrderBooks minisite - developed by Tayburn, Edinburgh
=================================================================== */
/* 
Palette:
brown:897967
*/

/* Use Selectors such as p#info */
body#orderbooks{	
	font-size:75%;
	background:white;
}

body#orderbooks p{	
	background:inherit;
	color:#655543;
}

body#orderbooks ul, body#orderbooks li, body#orderbooks h1{	
	color:#655543;
}

/*******************************
Header Styles

infHdr - called on each non ob page 
obHdr - called on each ob page
*******************************/
#header {
	float:left;
	background:#fff;
	width:1007px;
}
#header h1 a{
	margin-left:15px;
	margin-top:15px;
	display:block;
	height:100px;
}
.infHdr {
	height:100px; /* 20100301DB - was 90px */
}
.infHdr h1 a {
	background:url('../images/products/infoplex/infoplex_logo_transp_148x70.png') no-repeat;
}

.multiTASHdr {
	height:100px;
	z-index:99;
}
.multiTASHdr h1 a {
	background:url('../images/products/infoplex/MultiTAS_strapline_138x76_transparent.png') no-repeat;
}

/* 20100226DB */
#MTLogo {
	float:left;
}
/* 20100226DB */
#MTEdition {
	float:left;
	height:30px;
	margin-top:65px;
	margin-right:0;
	padding-right:0;
}

.tasFlexHdr {
	height:100px;
}
.tasFlexHdr h1 a {
	background:url('../images/products/infoplex/TASflex_strapline_165x80_transparent.png') no-repeat;
}

.tasLinkHdr {
	height:100px;
}
.tasLinkHdr h1 a {
	background:url('../images/products/infoplex/TASLink_strapline_209x80_transparent.png') no-repeat;
}

.obHdr {
	height:125px;
}
.obHdr h1 a {
	background:url('../images/products/infoplex/OB_logo.png') no-repeat;
}

#AnInfoplexProduct {
	background:url('../images/products/infoplex/ProductFromInfoplex_100x50_transp.png') no-repeat;
	display:block;	
	height:50px;
	margin-left:10px;
}


/* Is this needed any more? */
#main {
	clear:left;
	float:left;
	width:770px;
	margin-top:25px;
	border:1px solid blue;
}
/* Is this needed any more? */
	#obContent{
		clear:left;
		float:left;
		width:770px;
		border:1px solid red;
	}
		
	#copy{
		padding:0 10px 0 10px;
	}
	
	#copyPC{
		margin:0 8px;
		display:inline;
		float:right;
		width:590px;
	}	

	#copy p, #copy li, #copyPC p{	
		color:#00366C;
	}
	
	#copy a, #copy a:visited{
		text-decoration:underline;
	}	
	
	#copy a, #copy a:visited{
		text-decoration:underline;
		color:#897967;
	}
	
	#copy a:hover{
		color:#655543;
	}
	
	/* 20100301DB - added for home page*/
	#copyHome a, #copyHome a:visited, #links a, #links a:visited{
		text-decoration:none;
	}	
	
	#copyHome a, #copyHome a:visited, #links a, #links a:visited{
		text-decoration:none;
		color:#00366C;
	}
	
	#copyHome a:hover, #links a:hover{
		color:blue;
		text-decoration:underline;
	}	
	
	#copy h2, #copyPC h2{
		margin:.5em 0 1em;
		padding:0;
		font-weight:normal;
		color:#897967;
		font-size:1.5em;
	}
	#copy h3{
		margin:0;
		padding:1em 0 .1em;
		color:#897967;
		font-size:1.3em;
		font-weight:normal;
	}
	#copy h4{
		color:#897967;
		font-size:1.1em;
	}
	/* #### TO DELETE #### Don't think the next 2 are needed */	
	.twoColumn{
		float:left;
		width:284px;
		display:inline;
	}
	.rightColumn{
		margin-left:16px;
	}
	
	/* #### TO DELETE #### Don't think the next 3 are needed */
	.featureHeader{
		height:35px;
	}
	.featureSection{
		height:70px;
	}
	.benefit{
		height:117px;
	}

/*	#### TO DELETE #### 
#homeIntro{
	float:right;
	width:130px;
	margin-top:60px;
}
	#homeIntro p{
	margin:0;
	padding:0;
	font-size:.9em;
	}
*/	
/* Navigation styles */
	#navigation{
		float:left;
	/*	width:170px; 20100226DB*/
		width:170px;
	}
	/*	20100226DB - make MTBMF fit into menu */
	#MTnavigation{
		float:left;
		width:190px;
	}
	
	#navigation ul, #navigation ol, #MTnavigation ul, #MTnavigation ol{
		margin:0;
		padding:0;
	}
	
	#navigation ul, #MTnavigation ul{
		float:left;
		margin-left:15px;
		margin-right:10px;
		display:inline;
		width:145px;
	}

		#navigation ul li{
			float:left;
			width:145px;
			display:inline;
		}
		/*	20100226DB - make MTBMF fit into menu */
		#MTnavigation ul li{
			float:left;
			width:175px;
			display:inline;
		}
		#navigation ul li a, #navigation ul li a:visited{
			font-size:1.1em;
			float:left;
			width:145px;
			display:block;
			text-decoration:none;
			font-weight:normal;
			padding:.2em 0;
		}
		/*	20100226DB - make MTBMF fit into menu */
		#MTnavigation ul li a, #MTnavigation ul li a:visited{
			font-size:1.1em;
			float:left;
			width:175px;
			display:block;
			text-decoration:none;
			font-weight:normal;
			padding:.2em 0;
		}
		#navigation ul li.on a{
			font-weight:bold;
			color:#655543;
		}
		#navigation ul li a:hover{
			color:#655543;
		}

		.infoplexNav {
			margin-bottom:30px;
		}
		
		.infoplexNav ul li a, .infoplexNav  ul li a:visited{
			color:#00366C;
		}

		.orderbooksNav ul li a, .orderbooksNav  ul li a:visited{
			color:#897967;
		}		
		
		
/* Footer styles */
/* #### TO DELETE #### 
#footer{
	clear:left;
	float:left;
	width:770px;
	margin-top:2em;
}
*/
	#footer {
		margin-top:4em;
	}

	#footer h2 a{
		margin-bottom:5px;
	}
	
	#footer a:hover{
		text-decoration:none;
	}	
	#footer p{
		color:#897967;
		line-height:1.3em;
	}

#sector1{
	float:left;
	width:150px;
}
	#sector1 h2 a{
		float:left;
		width:150px;
		height:27px;
		background:url(../images/products/infoplex/OB_tab_sales.gif) left top no-repeat;
	}
	#sector1 a{
		color:#e10b77;
	}

#mtSector1{
	float:left;
	width:150px;
}
	#mtSector1 h2 a{
		float:left;
		width:150px;
		height:27px;
		background:url(../images/products/infoplex/MT_tab_sales.gif) left top no-repeat;
	}
	#mtSector1 a{
		color:#e10b77;
	}	
	
#sector2{
	float:left;
	width:150px;
}
	#sector2 h2 a{
		float:left;
		width:150px;
		height:27px;
		background:url(../images/products/infoplex/OB_tab_finance.gif) left top no-repeat;
	}

	#sector2 a{
		color:#6fabdc;
	}
#mtSector2{
	float:left;
	width:150px;
}
	#mtSector2 h2 a{
		float:left;
		width:150px;
		height:27px;
		background:url(../images/products/infoplex/MT_tab_finance.gif) left top no-repeat;
	}

	#mtSector2 a{
		color:#6fabdc;
	}	
#sector3{
	float:left;
	width:150px;
}
	#sector3 a{
		color:#f15a24;
	}
	#sector3 h2 a{
		float:left;
		width:150px;
		height:27px;
		background:url(../images/products/infoplex/OB_tab_marketing.gif) left top no-repeat;
	}
#sector4{
	float:left;
	width:150px;
}
	#sector4 a{
		color:#fcb831;
	}
	#sector4 h2 a{
		float:left;
		width:150px;
		height:27px;
		background:url(../images/products/infoplex/OB_tab_operations.gif) left top no-repeat;
	}
#mtSector4{
	float:left;
	width:150px;
}
	#mtSector4 a{
		color:#fcb831;
	}
	#mtSector4 h2 a{
		float:left;
		width:150px;
		height:27px;
		background:url(../images/products/infoplex/MT_tab_stock.gif) left top no-repeat;
	}
#sector1 p, 
#sector2 p, 
#sector3 p, 
#sector4 p,
#mtSector1 p,
#mtSector2 p,
#mtSector4 p {
	padding-left:8px;
	padding-right:8px;
	line-height:1.2em;
	font-size:.9em;
}
#infoplex{
	float:left;
	width:170px;
	margin-top:40px;
}
	#infoplex a{
		float:left;
		width:150px;
		margin-left:15px;
	}

#legal{
	float:left;
	margin-bottom:10px;	
/* 	position:absolute;	20100722DB - tweaking height*/
/* 	bottom:0; 		20100722DB - /* stick to bottom */
}
	#legal ul{
		float:left;	
		width:600px;
		color:#999;
		margin-top:1.5em;
		display:inline;
	}
		#legal ul li{
			float:left;
			font-size:.9em;	
			display:inline;
			padding-right:10px;
			padding-left:8px;
			border-right:1px solid #BFAE9B;
		}
		#legal ul li.end{
			padding-left:8px;
			border-right:none;
		}
		#legal ul li a, #legal ul li a:visited{
			text-decoration:none;
		}
		#legal ul li a:hover{		
				color:#555;
		}

		.infLegal  ul li a, .infLegal  ul li a:visited{
				color:#00366C;
		}

		.obLegal  ul li a, .obLegal  ul li a:visited{
				color:#BFAE9B;
		}
		
/*
Misc. Classes
*/

.off{
	display:none;
}

.cleaner{
	clear:both;
}

.clear_right{
	clear:right;
}

.clear_left{
	clear:left;
}

.float_right{
	float:right;
}

.float_left{
	float:left;
}


/* Global */

abbr, acronym{
	border-bottom:1px dotted #555;
	cursor:help;
}
img{
	border:0;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_dropline.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.nav {
height:35px; 
background:url(../images/menu/pro_line_0.gif) repeat-x; 
position:relative; 
font-family:arial, verdana, sans-serif; 
font-size:11px; 
width:1006px;
z-index:500;
}

.nav .table {
display:table; 
margin:0 auto;
}

.nav .select,
.nav .current {
margin:0; 
padding:0; 
list-style:none; 
display:table-cell; 
white-space:nowrap;
}

.nav li {
margin:0; 
padding:0; 
height:auto; 
float:left;
}

.nav .select a {
display:block; 
height:35px; 
float:left; 
background:url(../images/menu/pro_line_0.gif); 
padding:0 30px 0 30px; 
text-decoration:none; 
line-height:35px; 
white-space:nowrap; 
color:#ddd;
}

.nav .current a {
display:block; 
height:35px; 
float:left; 
background: url(../images/menu/pro_line_2.gif); 
padding:0 0 0 15px; 
text-decoration:none; 
line-height:35px; 
white-space:nowrap; 
color:#fff;
}


.nav .current a b {
display:block; 
padding:0 30px 0 15px; 
background:url(../images/menu/pro_line_2.gif) right top;
}

.nav .select a:hover, 
.nav .select li:hover a {
padding:0 0 0 15px; 
cursor:pointer; 
color:#ff8500;
}

.nav .select a:hover b, 
.nav .select li:hover a b {
display:block; 
float:left; 
padding:0 30px 0 15px; 
cursor:pointer;
}

.nav .select_sub {
display:none;
}

/* IE6 only */
.nav table {
border-collapse:collapse; 
margin:-1px; 
font-size:1em; 
width:0; 
height:0;
}

.nav .sub {
display:table;
/* margin:0 0 0 300px;  */
margin:0 auto;
padding:0; 
list-style:none;
}

.nav .sub_active .current_sub a, 
.nav .sub_active a:hover {
background:transparent; 
color:#f00;
}

.nav .select :hover .select_sub, 
.nav .current .show {
display:block; 
position:absolute; 
width:100%;  
top:35px; 
background:url(../images/menu/back_0.gif); 
padding:0; 
z-index:100;
left:0; 
text-align:center;
}

.nav .current .show {
z-index:10;
}

.nav .select :hover .sub li a, 
.nav .current .show .sub li a {
display:block; 
float:left; 
background:transparent; 
padding:0 10px 0 10px; 
margin:0; 
white-space:nowrap; 
border:0; 
color:#444;
}

.nav .current .sub li.sub_show a {
color:#088; 
cursor:default; 
background:url(../images/menu/back_1.gif);
}

.nav .select :hover .sub li a:hover, 
.nav .current .sub li a:hover {
visibility:visible; 
color:#00366C; 
background:url(../images/menu/back_1.gif);
}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated html
is available at http://www.lokeshdhakar.com/projects/lightbox2/
=================================================================== */
/* lightbox.css */
#lightbox{	position:absolute;	left:0; width:100%; z-index:101; text-align:center; line-height:0;}
#lightbox img{ width:auto; height:auto;}
#lightbox a img{ border:none; }

#outerImageContainer{ position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 100; width: 100%; height: 500px; background-color: #000; }
/* ================================================================ 
SLIMBOX - a lightbox 2 clone using jquery

The original version of this stylesheet and the associated html
is available at http://www.digitalia.be/software/slimbox2#download
=================================================================== */
#lbOverlay { position:fixed; z-index:9999; left:0; top:0; width:100%; height:100%; background-color:#000; cursor: pointer; }
#lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; overflow: hidden; background-color: #fff; }
.lbLoading { background: #fff url(../images/lightbox/loading.gif) no-repeat center; }
#lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; }
#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; }
#lbPrevLink { left: 0; }
#lbPrevLink:hover { background: transparent url(../images/lightbox/prevlabel.gif) no-repeat 0 15%; }
#lbNextLink { right: 0; }
#lbNextLink:hover { background: transparent url(../images/lightbox/nextlabel.gif) no-repeat 100% 15%; }
#lbBottom { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none; }
#lbCloseLink { display: block; float: right; width: 66px; height: 22px; background: transparent url(../images/lightbox/closelabel.gif) no-repeat center; margin: 5px 0; outline: none; }
#lbCaption, #lbNumber { margin-right: 71px; }
#lbCaption { font-weight: bold; }

/* ================================================================ 
GREYBOX
=================================================================== */
#GB_overlay { background-color: #000; position: absolute; margin: auto; top: 0; left: 0; z-index: 501; }
#GB_window { left: 0; top: 0; font-size: 1px; position: absolute; overflow: visible; z-index: 502; }
#GB_window .content { width: auto; margin: 0; padding: 0; }
#GB_frame { border: 0; margin: 0; padding: 0; overflow: auto; white-space: nowrap; }
.GB_Gallery { margin: 0 22px 0 22px; }
.GB_Gallery .content { background-color: #fff; border: 3px solid #ddd; }
.GB_header { top: 10px; left: 0; margin: 0; z-index: 500; position: absolute; border-bottom: 2px solid #555; border-top: 2px solid #555; }
.GB_header .inner { background-color: #333; font-family: Arial, Verdana, sans-serif; padding: 2px 20px 2px 20px; }
.GB_header table { margin: 0; width: 100%; border-collapse: collapse; }
.GB_header .caption { text-align: left; color: #eee; white-space: nowrap; font-size: 20px; }
.GB_header .close { text-align: right; }
.GB_header .close img { z-index: 500; cursor: pointer; }
.GB_header .middle { white-space: nowrap; text-align: center; }
#GB_middle { color: #eee; }
#GB_middle img { cursor: pointer; vertical-align: middle; }
#GB_middle .disabled { cursor: default; }
#GB_middle .left { padding-right: 10px; }
#GB_middle .right { padding-left: 10px; }
.GB_Window .content { background-color: #fff; border: 3px solid #ccc; border-top: none; }
.GB_Window .header { border-bottom: 1px solid #aaa; border-top: 1px solid #999; border-left: 3px solid #ccc; border-right: 3px solid #ccc; margin: 0; height: 22px; font-size: 12px; padding: 3px 0; color: #00366C; }
.GB_Window .caption { font-size: 12px; text-align: left; font-weight: bold; white-space: nowrap; padding-right: 20px; }
.GB_Window .close { text-align: right; }
.GB_Window .close span { font-size: 12px; cursor: pointer; }
.GB_Window .close img { cursor: pointer; padding: 0 3px 0 0; }
.GB_Window .on { border-bottom: 1px solid #333; }
.GB_Window .click { border-bottom: 1px solid red; }