/* Main */
/***************************************/
body {
	background-color:#000000;
	background-image:url(../images/str/bg.gif);
	background-position:top;
	background-repeat:repeat;
	width:100%;
	margin:0px auto;
	padding:0px;
}
body, div, p, td {
	font-family: Lucida Sans Unicode, Arial, Sans-Serif;
	color: #cccccc;
	font-size: 14px;
}
div.clearing {
	clear: both;
	padding: 0px;
	margin: 0px;
	height: 1px;
	line-height: 1px;
	visibility: hidden;
}
.invisible {
	visibility:hidden;
	display:none;
}
.boris {
	font-weight:bold;
}
.line {
	border-bottom:dotted 1px #333333;
	height:1px;
	line-height:1px;
	margin-top:15px;
	margin-bottom:15px;
}
/* Structure */
/***************************************/
.mainOuterA, .mainOuterB, .mainOuterC {
	background-position:center top;
	background-repeat:no-repeat;
	margin:0px auto;
	text-align:center;
	position:relative;
	min-height:100%;
}
.mainOuterA {
	background-image:url(../images/str/light2.png);
}
.mainOuterB {
	background-image:url(../images/str/light1.png);
}
.mainOuterC {
	background-image:url(../images/str/light3.png);
}
.mainOuterD {
	width:950px;
	margin:0px auto;
	position:relative;
}

/* Top Bar */
/***************************************/
.topBar { 
	position:relative;
}
.topBar, table.topBarOuter, .topBar table.topBarOuter td, table.topNavItems, .topBar table.topNavItems td {
	height:52px;
}
.topBar table.topBarOuter, .topBar table.topNavItems {
	width:100%;
	position:relative;
}
.topBar table.topBarOuter td.col1, .topBar table.topBarOuter td.col3, .topBar table.topBarInner td.colB {
	background-image:url(../images/nav/bg.png);
	background-position:center top;
	background-repeat:repeat-x;
}
.topBar table.topBarOuter td.col2 {
	width:950px;
}
.topBar table.topNavItems td.topNavItem {
	white-space:nowrap;
}
.topBar table.topNavItems td.topNavItem_First .topnavItemTop, .topBar table.topNavItems td.topNavItem_First .topnavItemBottom {
	padding-left:40px;
}
.topnavItemTop {
	background-image:url(../images/nav/bg_t.png);
	background-position:center top;
	background-repeat:repeat-x;
	height:13px;
	padding:0px 10px;
}
.topnavItemBottom {
	background-image:url(../images/nav/bg_b.png);
	background-position:center top;
	background-repeat:repeat-x;
	padding:4px 20px 0px;
	height:35px;
}
.topnavItemBottomSelected {
	height:39px;
}
.topBar table.topNavItems td.topnavFinishRight {
	width:100%;
	background-image:url(../images/nav/bg.png);
	background-position:center top;
	background-repeat:repeat-x;
}
.topnavItemBottomSelected_Left, .topnavItemBottomSelected_Right {
	background-position:center top;
	background-repeat:repeat-x;
	width:24px;
	height:39px;
}
.topnavItemBottomSelected_Left {
	background-image:url(../images/nav/sel_l.png);
	float:left;
}
.topnavItemBottomSelected_Right {
	background-image:url(../images/nav/sel_r.png);
	float:right;
}
.topnavItemBottomSelected_Centre {
	background-image:url(../images/nav/sel_c.png);
	background-position:center top;
	background-repeat:repeat-x;
	height:28px;
	padding:11px 5px 0px;
	margin:0px 24px;
}
.topNavPic {
	background-position:center center;
	background-repeat:no-repeat;
}
.topNavPic img {
	height:14px;
	border-style:none;
}
.topNavPic_Home img {
	width:34px;	
}
.topNavPic_Home {
	background-image:url(../images/nav/home.gif);
}
.topNavPic_Home:hover, .topnavItemBottomSelected_Centre .topNavPic_Home {
	background-image:url(../images/nav/home_f2.gif);
}
.topNavPic_About img {
	width:37px;	
}
.topNavPic_About {
	background-image:url(../images/nav/about.gif);
}
.topNavPic_About:hover, .topnavItemBottomSelected_Centre .topNavPic_About {
	background-image:url(../images/nav/about_f2.gif);
}
.topNavPic_Support img {
	width:48px;	
}
.topNavPic_Support {
	background-image:url(../images/nav/support.gif);
}
.topNavPic_Support:hover, .topnavItemBottomSelected_Centre .topNavPic_Support {
	background-image:url(../images/nav/support_f2.gif);
}
.topNavPic_Products img {
	width:51px;	
}
.topNavPic_Products {
	background-image:url(../images/nav/products.gif);
}
.topNavPic_Products:hover, .topnavItemBottomSelected_Centre .topNavPic_Products {
	background-image:url(../images/nav/products_f2.gif);
}
.topNavPic_Contact img {
	width:47px;	
}
.topNavPic_Contact {
	background-image:url(../images/nav/contact.gif);
}
.topNavPic_Contact:hover, .topnavItemBottomSelected_Centre .topNavPic_Contact {
	background-image:url(../images/nav/contact_f2.gif);
}
/* Logo Bar */
/***************************************/
.logoBar {
	position:absolute;
	top:-52px;
	right:15px;
	background-image:url(../images/logobar/bg.png);
	background-position:center top;
	background-repeat:repeat-y;
	width:269px;
	text-align:center;
}
.logoBarInnerA {
	width:251px;
	margin:0px auto;
}
.logoBarLogo {
	padding-left:14px;
	padding-top:17px;
}
h1 {
	text-indent:-999999px;
	background-image:url(../images/logobar/logo.png);
	background-position:center top;
	background-repeat:no-repeat;
	width:214px;
	height:70px;
}
.logoBarLight1 {
	position:absolute;
	background-image:url(../images/logobar/light1.png);
	background-position:center top;
	background-repeat:no-repeat;
	width:251px;
	height:76px;
	top:-52px;
	right:24px;
}
.logoBarLight2 {
	position:absolute;
	background-image:url(../images/logobar/light2.png);
	background-position:center top;
	background-repeat:no-repeat;
	width:251px;
	height:238px;
	top:235px;
	right:24px;
}
	
/* Hero area */
/***************************************/
.hero {
	background-image:url(../images/hero/bg.png);
	background-position:center top;
	background-repeat:repeat-x;
	border-bottom:1px solid #333333;
	position:absolute;
	width:100%;
	top:0px;
}
.heroInnerA {
	background-image:url(../images/hero/shadow.png);
	background-position:center bottom;
	background-repeat:repeat-x;
	height:100%;
}
.heroInnerB {
	height:100%;
	width:950px;
	margin:0px auto;
}
.heroContent {
	position:absolute; 
	top:0px; 
	overflow:hidden;
	text-align:center;
	width:100%;
}
.heroContentInner {
	width:950px;
	margin:0px auto;
	text-align:left;
	position:relative;
}
.heroContentItem {
	color:#cccccc;
	padding-top:100px;
}
.heroNav {
	text-align:center;
	width:100%;
	position:relative;
	top:112px;
	z-index:1;
}
.heroNav table {
	margin:0px auto;
}
td.heroNavItem, td.heroNavItemOn {
	height:8px;
	width:8px;
	padding:0px 2px;
	background-position:center bottom;
	background-repeat:no-repeat;
}
td.heroNavItem {
	background-image:url(../images/hero/nub_off.png);
}
td.heroNavItemOn {
	background-image:url(../images/hero/nub_on.png);
}
/* Top options */
/***************************************/
.topOptions {
	height:41px;
	background-image:url(../images/logobar/options_bg.gif);
	background-position:center top;
	background-repeat:repeat-x;
	border-bottom:solid 1px #3d993d;
}
.topOptionsItems {
	height:42px;
	position:absolute;
	right:24px;
	top:-52px;
	width:251px;
}
.topOptionsLeft {
	float:left;
	font-size:11px;
	position:relative;
	top:13px;
	left:10px;
}
.topOptionsLeft a {
	color:#9fed8c;
	text-decoration:none;
	background-image:url(../images/nub.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:7px;
}
.topOptionsLeft a:hover {
	text-decoration:underline;
}
.topOptionsRight {
	float:right;
	position:relative;
	top:15px;
	right:10px;
}

/* Content */
/***************************************/
.mainContent {
	position:relative;
	text-align:left;
	min-height:600px;
}
.mainContentInnerA, .mainContentInnerA div, .mainContentInnerA td, .mainContentInnerA p {
	color:#cccccc;
	font-size: 14px;
}
.mainContentInnerB {
	width:665px;
	line-height:150%;
}
.mainContentInnerB a {
	color:#e0e0e0;
	text-decoration:none;
	border-bottom:dotted 1px #cccccc;
}
.mainContentInnerB a:hover {
	color:#ffffff;
	border-bottom:solid 1px #ffffff;
}
.mainContentInnerA p {
	padding:0px 0px 10px;
	margin:0px;
}
/* RightNav */
/***************************************/
.rightNav {
	position:absolute;
	top:256px;
	right:15px;
	background-image:url(../images/logobar/bg.png);
	background-position:center top;
	background-repeat:repeat-y;
	width:269px;
	text-align:center;
	height:100%;
}
/* Footer */
/***************************************/
.footer {
	border-top:solid 1px #333333;
	text-align:center;
	background-image:url(../images/white5.png);
	position:relative;
}
.footerInnerA {
	background-image:url(../images/footer/shadow.png);
	background-position:center top;
	background-repeat:repeat-x;
	position:relative;
}
.footerInnerB {
	margin:0px auto;
	width:950px;
	position:relative;
}
.footerInnerC {
	color:#666666;
	font-size:12px;
	text-align:left;
	padding:10px;
}

/* Modifiers */
/***************************************/
.topAreaFullSize .hero, .topAreaFullSize .logoBar {
	height:306px;
}
.topAreaFullSize .heroContent {
	height:350px;
}
.topAreaFullSize .mainContent {
	padding-top:298px;
	margin-bottom:256px;
}
.topAreaSmaller .hero, .topAreaSmaller .logoBar {
	height:195px;
}
.topAreaSmaller .heroContent {
	height:239px;
}
.topAreaSmaller .mainContent {
	padding-top:187px;
	margin-bottom:256px;
}
.topAreaSmaller .rightNav {
	top:144px;
	padding-bottom: 112px;
}
.topAreaSmaller .contactBox {
	top:43px;
}

/* Boxes */
/***************************************/
.titleBox {
	margin-bottom:15px;
}
.titleBoxContent {
	background-color:#000000;
	border-left:1px solid #242424;
	border-right:1px solid #242424;
	margin:0px;
	padding:5px 15px;
	height:68px;
}
.titleBoxTop, .titleBoxBottom {
	background-position:center bottom;
	background-repeat:no-repeat;
	height:5px;	
	margin:0px;
	padding:0px;
}
.titleBoxTop {
	background-image:url(../images/box/title_t.gif);
}
.titleBoxBottom {
	background-image:url(../images/box/title_b.gif);
}
.contentBox {
	margin-bottom:15px;
}
.contentBoxTop, .contentBoxBottom {
	background-position:center bottom;
	background-repeat:no-repeat;
	height:6px;	
	margin:0px;
	padding:0px;
}
.contentBoxTop {
	background-image:url(../images/box/content_t.gif);
}
.contentBoxBottom {
	background-image:url(../images/box/content_b.gif);
}
.contentBoxContent {
	background-color:#111111;
	border-left:1px solid #242424;
	border-right:1px solid #242424;
	margin:0px;
	padding:5px 15px;
}
/* Contact box */
/***************************************/
.contactBox {
	background-image:url(../images/contact/bg.png);
	background-position:center center;
	background-repeat:no-repeat;
	height:68px;
	position:relative;
	top:42px;
	text-align:left;
	padding:10px;
	color:#ffffff;
}
.contactBoxTitle {
	background-image:url(../images/titles/contact_r.gif);
	background-position:10px 5px;
	background-repeat:no-repeat;
	margin:0px;
	padding:5px 10px 3px;
	text-indent:-999999px;
}
.contactBox table td {
	padding-bottom:2px;
}
.contactBox table td.item {
	color:#62eb4e;
	padding-left:10px;
	padding-right:10px;
}
.contactBox table td.value {
	color:#999999;
}
.contactBox table td.value a {
	color:#999999;
	text-decoration:none;
}
.contactBox table td.value a:hover {
	text-decoration:underline;
}
/* Titles */
/***************************************/
h2 {
	background-position:bottom left;
	background-repeat:no-repeat;
	margin:0px;
	padding:8px 0px 0px;
	text-indent:-999999px;
	height:25px;
}
h2.withoutBox {
	margin-bottom:10px;
}
h2.subsequent {
	margin-top:35px;
}
h2.globalTrader {
	background-image:url(../images/titles/gt.gif);
}
h2.contact {
	background-image:url(../images/titles/contact.gif);
}
h2.home {
	background-image:url(../images/titles/home.gif);
}
h2.login {
	background-image:url(../images/titles/login.gif);
}
h2.products {
	background-image:url(../images/titles/products.gif);
}
h2.reporting {
	background-image:url(../images/titles/reporting.gif);
}
h2.bespoke {
	background-image:url(../images/titles/bespoke.gif);
}

/* SubTitles */
/***************************************/
h3 {
	background-position:bottom left;
	background-repeat:no-repeat;
	margin:0px;
	padding:8px 0px 0px;
	text-indent:-999999px;
}
h3.overview {
	background-image:url(../images/titles/overview.gif);
	height:10px;
}
/* RightNav */
/***************************************/
.rightNavItems {
	margin:85px 25px 20px;
	text-align:left;
}
.rightNavItems h3 {
	text-indent:0px;
	padding:0px;
	margin:0px 0px 10px;
	font-family:Lucida Sans Unicode, Arial, Sans-Serif;
	color:#62eb4e;
	font-weight:normal;
	font-size:18px;
	background-image:url(../images/rightnav/sep.png);
	background-repeat:repeat-x;
	background-position:bottom;
	padding-bottom:15px;
}
.rightNavItems ul {
	margin:0px;
	padding:0px;
}
.rightNavItems ul li {
	padding:5px 0px 5px 9px;
	margin:0px;
	list-style-type:none;
	color:#999999;
	background-repeat:no-repeat;
	background-position:left 10px;
}
.rightNavItems ul li a {
	text-decoration:none;
	color:#999999;
}
.rightNavItems ul li.selected, .rightNavItems ul li.selected:hover {
	background-image:url(../images/rightnav/sel.gif);
}
.rightNavItems ul li.selected a {
	color:#fefefe;
	cursor:default;
}
.rightNavItems ul li:hover {
	background-image:url(../images/rightnav/hover.gif);
}
.rightNavItems ul li.sep {
	background-image:url(../images/rightnav/sep.png);
	background-repeat:repeat-x;
	background-position:center center;
	font-size:10px;
	line-height:10px;
}

/* Breadcrumb */
/***************************************/
.breadcrumb {
	font-size:11px;
	color:#777777 !important;
}
.breadcrumb a {
	color:#777777;
	text-decoration:none;
	font-weight:normal;
}
.breadcrumb a:hover {
	text-decoration:underline;
}
/* Contact */
/***************************************/
.contactItem {
	padding:20px 0px;
}
.contactItem blockquote {
	padding:0px;
	margin:5px 0px 0px 25px;
}
.contactItem .item {
	color:#ffffff;
}
/* Columns */
/***************************************/
table.twoCols { 
	width:100%;
}
table.twoCols tr { 
	vertical-align:top;
}
table.twoCols tr td { 
	width:50%;
}
table.threeCols tr td { 
	width:33%;
}
table.threeCols tr td.col2 { 
	width:34%;
}
table.fourCols tr td { 
	width:25%;
}
table.twoCols div.columnarContent { 
	padding:0px 5px;
}
table.twoCols tr td.col1 div.columnarContent, table.threeCols tr td.col1 div.columnarContent, table.fourCols tr td.col1 div.columnarContent {
	padding-left:0px;
}
table.twoCols tr td.col2 div.columnarContent, table.threeCols tr td.col3 div.columnarContent, table.fourCols tr td.col4 div.columnarContent {
	padding-right:0px;
}
/* forms */
/***************************************/
table.formOuter {
	margin:12px auto;
	width:100%;
}
table.formOuter td {
	vertical-align:top;
}
table.formOuter td.col1, table.formOuter td.col3 {
	width:49%;
}
table.formOuter td.col2 {
	width:2%;
}
table.form {
	width:100%;
}
table.form td {
	vertical-align:top;
	padding: 1px 0px;
}
table.form td.item {
	padding-top:3px;
	color:#ffffff;
	border-top:dotted 1px #333333;
}
table.form td.data {
	padding-bottom:18px;
}
table.form input, table.form textarea, table.form select {
	font-family:Tahoma, Arial, Sans-Serif;	
	color:#ffffff;
	font-size:14px;
	background-color:#333333;
	border-style:solid;
	border-color:#666666;
	border-width:1px 0px 0px;
	padding:5px;
}
table.form td.buttons {
	padding-top:10px;
	border-top:dotted 1px #333333;
	text-align:right;
}
table.form td.buttons input {
	background-color:Transparent;
}
.formError {
	background-image:url(../images/icons/error.png);
	background-repeat:no-repeat;
	background-position:10px 12px;
	padding:10px;
	padding-left:35px;
	border-top:solid 1px #990000;
	background-color:#660000;
	margin:10px 0px;
	color:#ffffff !important;
	font-size:13px;
}
.formComplete {
	background-image:url(../images/icons/tick.png);
	background-repeat:no-repeat;
	background-position:10px 12px;
	padding:10px;
	padding-left:35px;
	border-top:solid 1px #666666;
	background-color:#333333;
	margin:10px 0px;
	color:#ffffff !important;
	font-size:13px;
}
table.formFieldError td.data input {
	border-top:solid 1px #990000;
	background-color:#660000;
}
table.form .fieldError {
	padding:0px;
	margin:0px;
	color:#ff0000 !important;
	font-size:13px;
}
/* Home features */
/***************************************/
table.homeFeatures {
	margin-top:20px;
	width:100%;
}
table.homeFeatures td {
	vertical-align:top;
}
table.homeFeatures td.col1 {
	width:240px;
}
table.homeFeatures td.col1 div.screenshot {
	margin-bottom:20px;
}
table.homeFeatures ul {
	margin:0px;
	padding:0px;
}
table.homeFeatures ul li {
	margin:0px;
	padding:0px 0px 10px 0px;
	list-style-type:circle;
}
/* SubNav */
/***************************************/
.subNavOuter {
	padding:1px 0px 7px; 
	text-align:center;
	position:relative;
	z-index:1;
	background-image:url(../images/topnav/bg.png);
	background-repeat:repeat-x;
	background-position:bottom;
}
.subNav {
	text-align:center; 
	margin:0px auto; 
	color:#cccccc; 
	font-size:12px; 
	position:absolute;
	top:0px;
}
.subNav ul {
	list-style-type:none;
	padding:0px;
	margin:0px;
}
.subNav ul li {
	list-style-type:none;
	padding:0px;
	margin:0px;
	float:left;
	padding:0px 8px;
}
.subNav a {
	color:#cccccc; 
	text-decoration:none;
}
.subNav a:hover {
	color:#ffffff;
}
.subNav a.selected {
	cursor:default;
	color:#ffffff;
}
.subNavBackground { 
	background-image:url(../images/black25.png); 
	position:absolute; 
	top:0px; 
	height:76px; 
	width:100%;
}
