/*********************************/
/*	--- GLOBAL Styles ---		 */
/*********************************/

/* Style Sheet optimised 19/08/2005 - David Stewart, Retail eCommerce */
/* First Active ammends April 2007 - Bluecube Interactive, TP */
body
{
	font-family: Verdana;
	margin: 0px;
	background-color: White;
	color: #333333; /* Global Text Change rgb(0,52,129); */
}
table, td, div
{
	font-size: 100%;
	border-collapse: collapse;
}
h1
{
	color: rgb(0,0,0); /* H1 changed rgb(0,52,129) */
	font-size: large;
	margin: 1px 50px 0px 0px;
	padding-bottom: 0px;
	font-weight: normal;
}
h2
{
	color: #666666; /* H2 changed rgb(0,52,129) */
	font-size: x-small;
	font-weight: bold;
	padding-top: 5px;
	margin: 0px;
}
div.frame h2
{
	color: #666666; /* H2 changed rgb(0,52,129) */
	font-weight: bold;
	font-size: x-small;
	padding-bottom: 3;
	margin:	5px 0px 5px 0px;
}
h3.frmHdr, h2.frmHdr, div.frame h3.frmHdr
{
	text-transform: none;	
	padding-left: 0px;
	padding-bottom: 5px;
	margin-top: 0px;
	margin-left: 0px;
	color: #000000; /* Form Header Changed rgb(0,52,129) */
	font-size: x-small;
	font-weight: bold;
}
h3
{
	font-size: small;
	margin: 0px;	
}
span.h5
{
	color: Red;
	font-size: small;
	font-weight: normal;
}
h6
{
	font-size: xx-small;
}
A:link, A:visited
{
	color: #6666666; /* Changed from rgb(0,52,129) */
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}
A:hover, A:active
{
	font-weight: bold;	
	text-decoration: underline;
}
/***********************************/
/* --- End of Global Styles ---    */
/***********************************/

/***********************************/
/* --- Start of Footer Section --- */
/***********************************/
* {
  margin: 0;
}
html, body {
  height: 89%;
}
.page-wrap {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: 0px; 
}
.page-wrap:after {
  content: "";
  display: block;
}
.site-footer {
  height: 50px; 
}
.page-wrap:after {
  height: 15px; 
}
.site-footer {
  background: #003429;
}

/***********************************/
/* --- End of Footer Section --- */
/***********************************/

/***********************************/
/* --- Start of Header Section --- */
/***********************************/
.header .nav-content-inner
{
border-bottom:1px solid #d8d8d8;
background:#003429;
height:60px;
}
.header .header-wrapper
{
padding-bottom:6px;
background:url(../img/shadow_main_header_mobile.png) no-repeat bottom center;
}
.header-wrapper .nav-content-inner
{
height:90px;
background:#003429;
background:-moz-linear-gradient(top,#003429 45%,#003429 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(45%,#003429),color-stop(100%,#003429));
background:-webkit-linear-gradient(top,#003429 45%,#003429 100%);
background:-o-linear-gradient(top,#003429 45%,#003429 100%);
background:-ms-linear-gradient(top,#003429 45%,#003429 100%);
background:linear-gradient(top bottom,#003429 45%,#003429 100%);
}
.nav-content-inner .main-logo
{
text-align:left;
height:90px;
width:130px;
position:absolute;
left:50%;
margin-left:-480px;
border-right:1px solid #003429;
}
.nav-wrapper
{
width:960px;
margin:0 auto;
position:relative;
}
/*********************************/
/* --- End of Header Section --- */
/*********************************/


/************************************/
/* --- Start of Content Section --- */
/************************************/

/*************************************/
/* --- Start of Item Table Section --- */
/*************************************/
/* --- General --- */
/* --- .ItemTable --- */
.ItemTable, .ItemDetail
{
	color: Black;
	margin: 10px 0px 10px 0px;
	width: 100%;
	border: solid 1px #dddddd; /
}
.num
{
	letter-spacing: -0.5mm;
}
caption
{
	display: none;
	visibility: hidden;
}
.noItemsToDisplay
{
	color: Black;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* --- Table Headings --- */
th
{
	color: Black;
	text-align: center;
	background-color: #e5ecf2; /* Table Head Changed - #dddddd*/
}
th a:link, th a:visited, th a:hover, th a:active
{
	font-weight: bold;
	color: Black;
	text-decoration: none;
}
th a:hover, th a:active
{
	text-decoration: underline;
}
th img
{
	margin: 2px 5px 0px 5px;
	vertical-align: middle;
}
tfoot a:link, tfoot a:visited, tfoot a:hover, tfoot a:active
{
	font-weight: bold;
	color: Black;
	text-decoration: underline;
}
/* --- Table Row --- */
/* --- Catch All --- */
table.ItemTable tr td
{
	border-bottom: solid 1px #dddddd;
}
tr.dto td a:link, tr.dt td a:link, tr.dton td a:link, tr.dto td a:visited, tr.dt td a:visited, tr.dton td a:visited, 
tr.dto td a:hover, tr.dt td a:hover, tr.dton td a:hover, tr.dto td a:active, tr.dt td a:active, tr.dton td a:active
{
	color: Black;
	padding-left: 14px;
	font-weight: normal;
	text-decoration: none;
}
table.ItemTable tr.dt td
{
	background-color: White;
}
/* --- .dt --- Interleaved 1, 3 and 5 of 5*/
/* Used as header for Mini Statement */
.dt 
{
}
/* --- .dton --- Hover over */
tr.dton td
{
	cursor: hand;
	background-color: #e5ecf2;
}
/* --- .dtem --- Selected */
tr.dtem td
{
	color: white;
	background-color: #0033ff;
}
tr.dtem td img
{
	margin-top: 2px;
	margin-left: 2px;
	margin-right: 6px;
	vertical-align: middle;
}
/* --- .dthi --- Same Day Transaction --- */
tr.dthi td
{
	background-color: #e5ecf2;
}
/* --- Slave Description --- */
.dtSlaveDesc
{
	font: bold medium;
	margin: 5px 0px 5px 0px;
	white-space: nowrap;	
	border-bottom: solid 1px #CCCCCC;
	padding-bottom: 3px;
	width: 100%;
}
table.dtSlaveDesc td
{
	width: 200px;
	height: 20px;
	color: #666666); /* Headings Colour Change - rgb(0,52,129) */
}
/* --- COL HTML tag --- */
COL.currency, COL.currencyblankifzero 
{
	white-space: nowrap;
	text-align: right;
}
COL.date 
{
	white-space: nowrap;	
	text-align: center;
}
COL.general 
{
	white-space: nowrap;
	text-align: left;
}
COL.Numeric
{
	white-space: nowrap;	
	text-align: center;
}
COL.Wrap
{
	text-align: left;
	white-space: normal;
}
/*************************************/
/* --- End of Item Table Section --- */
/*************************************/


/***********************************************/
/* --- Start of Transaction Wizard Section --- */
/***********************************************/

/* --- General --- */
.wizard
{
	padding: 5px;
	margin: 15px 100px 0px 0px;
	width: 100%;
}
table.wizard tr
{
	margin: 2px 0px 2px 0px;
}
.wizardLabel, .detailLabel
{
	width: 150px;
}
.wizardLabelWide
{
	width: 75%;
	height: 25px;
}
.wizLbl
{
	color: Black;
	text-align: left;
	vertical-align: middle;
}
td.wizCrl
{
	color: Black;
	font-size: 92%;

}