/***** Desktop.css for FSA Client Login *****/



body {
	width: 100%;
	background: url(../images/interface/header-bg.png) repeat-x 0 0;
}




/***** General *****/

.container {
	width: 1000px;
	padding: 0 10px;
	margin: 0 auto;
}

.login article {
	float:none;
}

article {
	float: right;
	width: 717px;
	min-height: 200px;
}
aside {
	float: left;
	width: 235px;
	margin-bottom: 30px;
}
.tools article {
	float: right;
}
.tools aside {
	float: left;
}
tr:hover td,
tr:hover th {
	background: #f2f5f7;
}
th, td, caption {
	border-right: none;
}
a:hover {
	color: #17b017;
}






/***** Header *****/

header,
.login header {
	height:106px;
	background: none;
	margin-bottom: 35px;
	position: relative;
}
.logo {
	left: 18px;
	top: 13px;
	width: 275px;
}
.logo img {
	width: 272px;
	height: 48px;
}
.login header .logo {
	left: 20px;
	top: 30px;
}
nav,
.session {
	display: block;
}
.session {
	position: absolute;
	top: 21px;
	right: 20px;
	width: 650px;
	text-align: right;
}
nav,
.environment {
	display: block;
}
.environment {
	position: absolute;
	top: 30px;
	right: 570px;
	width: 50px;
	text-align: right;
}
.buttonUpdateDetails {
	font-family: 'PTSansBold', 'Helvetica Neue', Helvetica, Arial;
	margin: 0 7px 0 0;
	line-height: 26px;
}
.session .buttonLogout {
	color: #fff;
	font-family: 'PTSansBold', 'Helvetica Neue', Helvetica, Arial;
	text-decoration: none;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
	background: #999;
	background-image: -webkit-gradient(

	    linear,
	    left bottom,
	    left top,
	    color-stop(0, rgb(178,178,178)),
	    color-stop(0.78, rgb(202,202,202))

	);
	background-image: -moz-linear-gradient(

	    center bottom,
	    rgb(178,178,178) 0%,
	    rgb(202,202,202) 78%

	);
	display: inline-block;
	padding: 4px 8px 2px 8px;
	text-shadow: #999 0 -1px 0px;
}
.session .buttonLogout:hover {
	background: rgb(202,202,202);
}

nav {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
nav ul {
	padding: 0;
	margin: 0 0 0 10px;
}
nav li {
	float: left;
	width: auto;
	list-style-type: none;
	margin-right: 6px;
	margin-top:0;
	border: none;
}
nav li a {
	display: block;
	text-decoration: none;
	background: url(../images/interface/tab-sprite.png) no-repeat left bottom;
	font-family: 'PTSansBold', 'Helvetica Neue', Helvetica, Arial;
	font-size: 15px;
	text-shadow: #e8e8e8 0 1px 0px;
	padding: 0;
}
nav .mobileOnlyTab {
display:none;
}
nav em {
	display: block;
	padding: 0 18px;
	height: 33px;
	line-height: 35px;
	background: url(../images/interface/tab-sprite.png) no-repeat right bottom;
	font-style: normal;
	cursor: pointer;
}
nav .tools a {
	background: url(../images/interface/tab-sprite-tools.png) no-repeat left top;
}
nav .tools em {
	background: url(../images/interface/tab-sprite-tools.png) no-repeat right top;
}
nav .selected a,
nav li.tools.selected a {
	background: url(../images/interface/tab-sprite.png) no-repeat left top;
	color: #003768;
	text-shadow: #e8e8e8 0 1px 0px;
}
nav .selected em,
nav li.tools.selected em {
	background: url(../images/interface/tab-sprite.png) no-repeat right top;
}
nav li a {
	color: #333;
}
nav li a:hover {
	color: #003768;
}
nav li.tools {
	float: right;
	margin-right: 11px;
}
nav li.tools a {
	color: #003768;
	text-shadow: #c49f5d 0 -1px 0px;
}
nav li.tools a:hover {
	color: #FFF;
	text-shadow: #c49f5d 0 -1px 0px;
}
nav li.tools.selected a:hover {
	color: #003768;
	text-shadow: #c49f5d 0 -1px 0px;
}
#icon-menu {
	display:none;
}




/***** Section *****/

section {
	margin-bottom: 35px;
}
.sectionTitle {
	color: #fff;
	background: #003768;
	-moz-border-radius:6px;
	border-radius:6px;
	-webkit-border-radius:6px;
	font-size: 18px;
	padding: 13px 15px 9px 15px;
	height: 19px;
	margin: 0 0 4px 0;
	position: relative;
	border: none;
}
.sectionTitle a {
	position: absolute;
	right: 8px;
	top: 7px;
	width: auto;
	margin: 0;
	text-align: center;
	font-family: 'PTSansBold', 'Helvetica Neue', Helvetica, Arial;
	text-decoration: none;
	color: #fff;
	border: none;
	padding: 7px 11px 5px 11px;
	display: block;
	background: #1ab21a;
	background-image: -webkit-gradient(

	     linear,
	     left bottom,
	     left top,
	     color-stop(0, rgb(1,154,1)),
	     color-stop(0.78, rgb(50,203,50))

	 );
	background-image: -moz-linear-gradient(

	     center bottom,
	     rgb(1,154,1) 0%,
	     rgb(50,203,50) 78%

	 );
	 -moz-border-radius:4px;
	 border-radius:4px;
	 -webkit-border-radius:4px;
	 -moz-box-shadow: 0 1px 1px 0 #000;
	 -webkit-box-shadow: 0 1px 1px 0 #000;
	 box-shadow: 0 1px 1px 0 #000;
	 font-size: 14px;
	 text-shadow: #268d26 0 -1px 0px;
}
.sectionTitle a:hover {
	background: rgb(50,203,50);
}
.sectionTitle a.plainLink {
	background: none;
	text-shadow: 0 0 0 #fff;
	box-shadow: 0 0 0 #fff;
	text-decoration: underline;
	padding: 0;
	top: 14px;
	right: 14px;
}
.sectionTitle .titleFilter {
	position: absolute;
	left: 235px;
	font-size: 14px;
	top: 11px;
}






/***** Payment History *****/

.payHistTable {
	position: relative;
	float:none;
}

.historyFilter {
	padding: 8px 0 8px 100px;
	margin-bottom: 00px;
	overflow: hidden;
	line-height: 29px;
	float:right;
	position: relative;
}
.historyFilter label {
	font-size:14px;
	float: left;
	margin-right: 5px;
	text-align:left;
}
.historyFilter select {
	float: left;
	margin: 4px 4px 0 0;
	width: auto;
}
.historyFilter .button {
	float: left;
	padding: 2px 10px 0px 10px;
	font-size: 14px;
}
.pagination {
	margin: 0 0 0 0;
	float: left;
	width: 620px;
}
article .export {
	float: right;
	text-align: center;
	font-family: 'PTSansBold', 'Helvetica Neue', Helvetica, Arial;
	text-decoration: none;
	color: #333;
	border: none;
	padding: 5px 0px 3px 0px;
	margin: -10px 0 25px 0;
	width: 90px;
	background: #999;
	background-image: -webkit-gradient(

	     linear,
	     left bottom,
	     left top,
	     color-stop(0, #e5e5e5),
	     color-stop(0.78, #f5f5f5)

	 );
	background-image: -moz-linear-gradient(

	     center bottom,
	     #e5e5e5 0%,
	     #f5f5f5 78%

	 );
	 -moz-border-radius:6px;
	 border-radius:6px;
	 -webkit-border-radius:6px;
	 -moz-box-shadow: 0 1px 1px 0 #000;
	 -webkit-box-shadow: 0 1px 1px 0 #000;
	 box-shadow: 0 1px 1px 0 #000;
	 font-size: 14px;
	 text-shadow: #fff 0 1px 0px;
}
article .export:hover {
	background: #e5e5e5;
}






/***** Login *****/

.login .sectionTitle {
	margin-bottom: 22px;
}




/***** Form *****/

.formFields {
	margin: 0 0 0 15px;
}
.formFields li {
	margin-bottom: 15px;
}
.formFields label {
	font-size: 15px;
	line-height: 1;
}
input[type="text"],
input[type="tel"],
input[type="password"],
input[type="email"] {
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
}
.button {
	font-size:17px;
	padding: 5px 25px 3px 25px;
}


.short {
	width: 80px;
}


.med {
	width: 200px;
}
.long {
	width: 350px;
}
td,th {
	padding: 8px 10px 7px 10px;
	font-size: 14px;
}
.validation-summary-errors {
	background: #fff6c3 url(../images/interface/error.png) no-repeat 13px 11px;
	border: 1px solid #e8bf62;
	color: #333;
	padding: 12px 10px 10px 35px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
	margin-bottom: 20px;
}
.validation-summary-errors ul {
	list-style-type: none;
	margin: 0;
	padding: 0px;
}
.validation-summary-errors li {
	font-size: 14px;
}
input.input-validation-error {
	border: 2px solid #cc0000;
}
.validation-summary-valid { 

    display: none; 

}




/***** Box *****/

.box h2 {
	font-size: 15px;
	padding-top: 9px;
}
.box p {
	font-size: 13px;
}




/***** Summary Screen *****/

.summaryCreditors {
	float: left;
	width: 385px;
	clear: right;
}
.summaryPayments {
	float: right;
	width: 305px;
	margin-bottom: -8px;
}
.summaryStepUp {
	float: right;
	width: 305px;
}
.summaryAccount {
	overflow: hidden;
	margin-bottom: 5px;
}
td .arrears {
	color: #cc0000;
}
.summaryAccount table {
	float: left;
	width: 281px;
}
.summaryAccountGraph {
	float: right;
	width: 405px;
}
.summaryAccountGraph p {
	margin-left: 30px;
}
.summaryAccountGraph img {
	width: 405px;
}
.daPaymentCalcGraph {
	float:left;
	margin: 10px 0 0px 60px;
	width: 600px;
}
.daPaymentCalcGraph table {
	width: 600px;
	float:right;
}
.daPaymentCalcActions {
	float: right;
	width: 600px;
}
.summaryAccount2 {
	overflow: hidden;
	margin-bottom: 15px;
}


.summaryAccount2 table {
	float: left;
	width: 300px;
}






/***** Creditors Arrangement *****/

.creditorsArrangement th[scope="row"] {
	white-space: nowrap;
}




/***** Account Details *****/

.yourAccount,
.accountPerformance,
.yourContact,
.criticalDates {
	float: left;
	width: 340px;
}
.yourContact,
.criticalDates {
	float: right;
}
.accountPerformance {
	clear: left;
}
.yourContact 

{

    margin-bottom:-15px;
}
.yourContact p {
	margin: 18px 0 0 10px;
	font-family: 'PTSansBold', 'Helvetica Neue', Helvetica, Arial;
	color: #003768;
	font-size: 15px;
}
table.contactName {
	margin: 0;
}
table.contactName td:last-child,
table.contactName th {
	border-bottom: 1px solid #CCC;
}
.accountCloseForm {
	border-top: 1px solid #e5e5e5;
	margin-top: 30px;
	padding: 25px 0 0 0;
	display:none;
}
.accountCloseForm h2 {
	background: #FFF6C3;
	-moz-border-radius:6px;
	border-radius:6px;
	-webkit-border-radius:6px;
	font-size: 18px;
	padding: 13px 15px 9px 15px;
	height: 19px;
	margin: 0 0 15px 0;
	position: relative;
	border: none;
}
.accountCloseForm p {
	margin-left: 25px;
}
.accountCloseForm a.button {
	float: none;
	width: 160px;
	margin-left: 25px;
}




/***** Tools *****/

.budgetFreq {
	margin-bottom: -24px;
}
.budgetButtons {
	margin-left: 235px;
}
.yourBudget {
	position: relative;
}
ul.subNav {
	margin: 0 -25px 0 -11px;
	padding: 0;
	list-style-type: none;
}
.subNav a {
	display: block;
	text-decoration: none;
	padding: 7px 0 7px 11px;
}
.subNav .selected a {
	background: url(../images/interface/subnav-arrow.png) no-repeat right top;
	font-family: 'PTSansBold', 'Helvetica Neue', Helvetica, Arial;
}
.titleTabs {
	position: absolute;
	right: 20px;
	top: 8px;
	width: 525px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.titleTabs li {
	float: left;
	width: 127px;
	height: 33px;
	margin: 0 4px 0 0;
}
.titleTabs a {
	display: block;
	line-height: 34px;
	font-family: 'PTSansBold', 'Helvetica Neue', Helvetica, Arial;
	text-decoration: none;
	text-align: center;
	background: url(../images/interface/budget-tabs.png) no-repeat 0 0;
	color: #fff;
	text-shadow: #204064 0 1px 0px;
}
.titleTabs .selected a {
	background: url(../images/interface/budget-tabs.png) no-repeat -131px 0;
	color: #003768;
	text-shadow: #fff 0 0px 0px;
}




/***** Calculator *****/

.calculatorContent {
	padding: 20px 50px;
}




/***** Account Edit *****/

.accountForm {
	margin: 15px 0 0 0;
}
.accountForm li {
	margin: 0 0 2px 0;
	overflow: hidden;
}
.accountForm label {
	float: left;
	width: 100px;
	font-family: 'PTSansBold', 'Helvetica Neue', Helvetica, Arial;
	font-size: 14px;
	line-height: 34px;
}


.accountForm label.long {
	float: left;
	width: 200px;
	font-family: 'PTSansBold', 'Helvetica Neue', Helvetica, Arial;
	font-size: 14px;
	line-height: 34px;
}
.accountForm select {
	margin-top: 7px;
}
li.confirmPass {
	height: 70px;
}
.streetAddress label {
	padding-bottom: 20px;
}
.streetAddress input {
	margin-bottom: 2px;	

}
.streetAddress input:last-child {
	margin: 0;
}
.accountTerms {
	margin: 15px 0 15px 25px;
}
.accountUpdate .button {
	margin-left: 127px;
}
.accountName {
	margin-bottom: 3px;
}
.accountName strong {
	float: left;
	font-size:14px;
	padding-top: 7px;
}
.accountContact {
	margin-bottom :0;
}
.accountContact .email input {
	width: 350px;
}
.accountAddress {
	margin-bottom: 15px;
}
.accountTerms {
	font-family: 'PTSansBold', 'Helvetica Neue', Helvetica, Arial;
	font-size: 14px;
	margin: 0 0 5px 27px;
}






/***** Faqs *****/

.faqContent {
	padding: 20px 50px 0 15px;
}






/***** News *****/

.newsContent {
	padding: 20px 50px 0 15px;
}
.newsContent em {
	font-size: 12px;
	color: #666;
}




/***** Terms *****/

.termsContent {
	padding: 20px 50px 0 15px;
}


ol.alpha 

{

    list-style-type: lower-alpha;
}
ol.roman

{

    list-style-type: lower-roman;
}
ol.numeric

{

    list-style-type: decimal;
}
ol.none

{

    list-style-type: none;
}






ul.nobulletpoint

{

    list-style-type: none;
}
li.levelone

{

    list-style-position: inside;

    padding-left: 8px;

    text-indent: -26px;
}
li.leveltwo

{

    list-style-position: inside;

    padding-left: 0px;

    text-indent: -23px;
}






/***** oneColumn *****/

.oneColumn,
.tools .oneColumn {
	float: none;
	width: auto;
}
.toolsHome section {
	overflow: hidden;
	margin-bottom: 30px;
}






/***** BudgetTotals *****/

.totalCost {
	text-align: right;
}
.budItem {
	width: 705px;
}
.totalItem {
	width: 705px;
}
.budgetForm td {
    padding-right:20px;
}
.budInput input,
.totalCost input {
	width: 75px;
}
.ethicsConfirmQuestion {
	width:645px;
	text-align: left;
	border: none;
	padding: 2px 10px 0 2px;
}
.ethicsConfirmAnswer {
	width:100px;
	text-align: left;
	border: none;
	padding: 2px 10px 0 2px;
}
.ethicsConfirmAnswer input {
	width:90px;
}
.ethicsQuestion {
	width: 685px;
	text-align: left;
	border: none;
	padding: 2px 10px 0 2px;
}
.ethicsExtraQuestion {
	width: 110px;
	text-align: right;
	border: none;
	padding: 2px 10px 0 2px;
}
.ethicsExtraQuestion input {
	width: 85px;
	text-align: left;
}
.dateBankrupt 
{
    display:inline;
}
.ethicsRadio {
	width: 50px;
	border: 1px solid transparent;
	padding: 2px 20px 2px 0px;
	position:relative;
	text-align:center;
}
.ethicsYesNo 
{
    border: none;
    padding: 2px 20px 2px 0px;    
    font-weight: bold;
    text-align:center;
}
 
.ethicsRadioHidden {
    display:none;
	width: 20px;
	border: 1px solid #e5e5e5;
	padding: 2px 6px 2px 6px;
}
/***** Footer *****/

footer {
	border-top: 2px solid #dcdcdc;
	color: #999;
	clear: both;
	padding: 15px 0;
}
footer p {
	width: 49%;
	font-size: 12px;
}
footer .p1 {
	float: left;
}
footer .p2 {
	float: right;
	text-align: right;
}
footer a:link,
footer a:visited,
footer a:hover,
footer a:active {
	color: #999;
}
footer .abn {
	display: inline;
}




/***** Wealth *****/
.wealthCreation {
	overflow: hidden;
}
.wealthCreation h2 {
	font-size: 22px;
}
.wealthNext {
	float: right;
	width: auto;
	padding-right: 19px;
	font-size: 21px;
	padding-top:6px;
	margin-top: 191px;
}
.wealthNext em {
	font-style: normal;
	background: url(../images/wealth/button-arrow.png) no-repeat right 4px;
	padding-right: 28px;
	display: block;
}
.wealthNext:visited,
.wealthNext:hover,
.wealthNext:active {
	color: #fff;
}
.wealthBack {
	float: left;
	width: auto;
	padding-right: 19px;
	font-size: 15px;
	padding:5px 15px 2px 15px;
	margin: 0 0 20px 0;
}
.wealthBack em {
	font-style: normal;
	background: url(../images/wealth/arrow-back.png) no-repeat 0 0;
	background-size: 19px auto;
	padding-left: 24px;
}
.wealthBack:visited,
.wealthBack:hover,
.wealthBack:active {
	color: #fff;
}
.w4Column {
	float: left;
	width: 222px;
	padding: 0 30px 0 0;
	margin-right: 30px;
	border-right: 1px solid #e5e5e5;
	min-height: 500px;
}
.w4Column1 {
	background: url(../images/wealth/column-step-1.jpg) no-repeat 0 0;
	padding-top: 240px;
}
.w4Column2 {
	background: url(../images/wealth/column-step-2.jpg) no-repeat 0 115px;
	padding-top: 188px;
}
.w4Column3 {
	background: url(../images/wealth/column-step-3.jpg) no-repeat 0 80px;
	padding-top: 151px;
}
.w4Column4 {
	background: url(../images/wealth/column-step-4.jpg) no-repeat 0 51px;
	padding-top: 118px;
	margin: 0;
	border: none;
}
.w4Column h3 {
	margin-bottom: 10px;
	font-size: 16px;
}
.w4Column .button {
	margin-top: 10px;
	float: left;
	margin-bottom: 5px;
}
.wBreadcrumb {
	background: url(../images/wealth/wealth-breadcrumb.png) no-repeat right top;
	background-size: 736px auto;
	height: 67px;
	position: relative;
	margin: 15px 0 37px 0;
}
.wBreadcrumb ol {
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 733px;
	height: 29px;
}
.wBreadcrumb li {
	float: left;
	height: 29px;
	width: 182px;
	margin-right: 1px;
	list-style-type: none;
}
.wBreadcrumb a {
	display: block;
	height: 29px;
	text-indent: -9999px;
}
.bcStep2 {background-position: right -98px;}
.bcStep3 {background-position: right -201px;}
.bcStep4 {background-position: right -311px;}

.wBreadcrumb strong {
	display: block;
	position: absolute;
	left: 0;
	top: 44px;
	width: 400px;
	font-size: 16px;
}
.w3Column {
	width: 680px;
	padding: 0 30px 0px 0;
	margin: 0 30px 24px 15px;
	border-bottom: 1px dotted #ccc;
}
.w3Column h3 {
	margin: 3px 0 6px 85px; 
	font-size: 16px;
}
.wealthLink,
.wealthLink:link,
.wealthLink:visited,
.wealthLink:active {
	margin: 0 0 5px 0;
}
.wealthLink:hover {
	background: #0d4883; 
}
.wealthIntro {
	width: 338px;
	margin: -20px 0 30px 0;
	font-size: 14px;
}
.wIconColumn {
	overflow: hidden;
}
.wIcon {
	width: 72px;
	height: 69px;
	background: url(../images/wealth/wealth-icons.png) no-repeat 0 0;
	float: left;
	margin-bottom: 10px;
}
.wBroad {background-position: 0 -70px;}
.wMobile {background-position: 0 -142px;}
.wGeneral {background-position: 0 -213px;}
.wPet {background-position: 0 -284px;}
.wTravel {background-position: 0 -355px;}
.wBudget {background-position: 0 -781px;}
.wIncome {background-position: 0 -852px;}
.wExpenses {background-position: 0 -923px;}
.wShares {background-position: 0 -426px;}
.wProperty {background-position: 0 -497px;}
.wCash {background-position: 0 -568px;}
.wFixed {background-position: 0 -639px;}
.wSuper {background-position: 0 -710px;}
.wFood {background-position: 0 -1348px;}
.wClothes {background-position: 0 -994px;}
.wAlcohol {background-position: 0 -1278px;}
.wCar {background-position: 0 -1207px;}
.wRent {background-position: 0 -1491px;}
.wHome {background-position: 0 -1064px;}
.wInsurance {background-position: 0 -1419px;}
.wArea {background-position: 0 -1136px;}

.wIconColumn p,
.wIconColumn ol,
.wIconColumn ul {
	margin-bottom: 20px;
	margin-left: 85px;
}
.w3Column a {
	font-family: 'PTSansBold', 'Helvetica Neue', Helvetica, Arial;
}
.wealthExpenses .wealthNext {
	margin: -65px 0 50px 0;
}
.wealthInvestIntro {
	position: relative;
	font-size: 16px;
	margin-top: -362px;
	width: 741px;
}
.wealthInvestIntro h2 {
	width: 690px;
}
.wealthInvestIntro .wealthIntro {
	margin-top: -6px;
}
.wealthInvestIntro p {
	font-size: 15px;
	margin-bottom: 16px;
}
.wealthInvestIntro img {
	position: absolute;
	left: 393px;
	top: 90px;
	width: 300px;
}
.wealthInvestIntro .wealthNext {
	margin: 0;
	position: absolute;
	z-index: 9999;
	bottom: 41px;
	left: 390px;
	width: 207px;
	line-height: 1;
	padding: 10px 50px;
}
.wealthIncome {
	position: relative;
}
.wealthIncome .wealthNext {
	margin: -60px 0 5px 0;
}
.wealthIncome p,
.wealthIncome li {
	font-size: 15px;
	margin-bottom: 10px;
}
.wealthIncome p {
	width: 400px;
	float: left;
	font-size: 17px;
	margin: 44px 0 0 21px;
}
.wealthIncome ul {
	margin-top: 30px;
}
.wealthIncome img {
	float: left;
}
.smartTip {
	background: #ffebad;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
	position: absolute;
	top: 65px;
	right: 20px;
	width: 200px;
	padding: 15px;
	margin: 0;
}
.smartTip h3 {
	background: #ff9900 url(../images/wealth/info-icon.png) no-repeat right center;
	padding: 7px 0 3px 15px;
	border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	margin: -15px -15px 10px -15px;
	font-size: 18px;
	color: #fff;
	text-shadow: #d27f02 0 1px 0px;
}
.smartTip p {
	margin: 0;
	font-size: 14px;
	width: auto;
	text-shadow: #fff5d6 0 1px 0px;
	line-height: 1.3;
}
.smartTip.tip2 {
	top: 600px;
}
.smartTip.tip3 {
	top: 1200px;
}
.wealthInvestColumns {
	position: relative;
}
.wealthInvestColumns .col1,
.wealthInvestColumns .col2 {
	float:left;
	width: 326px;
	margin-right: 40px;
}
.wealthInvestColumns p,
.wealthInvestColumns li {
	font-size: 16px;
}
.wealthInvestColumns .smartTip {
	position: static;
	float: right;
	width: 238px;
	padding-bottom: 0;
}
.wealthInvestColumns .smartTip p {
	margin-bottom: 15px;
}

.finPlanner {
	position: relative;
}
.finPlanner h2 {
	border: none;
	padding-top: 35px;
	margin-bottom: 31px;
}
.finPlanner p {
	font-size: 15px;
}
.finPlanIntro {
	width: 498px;
}
.finPlanner {
	margin-bottom: 20px;
}
.finPlanner img {
	position: absolute;
	top: 9px;
	right:9px;
	width: 428px;
}
.finPlanner .button {
	position: absolute;
	top: 117px;
	right: 1px;
	width: 396px;
	line-height: 50px;
}
.finPlannerCols {
	margin-bottom: 50px;
}
.finPlannerCols .smartTip,
.finPlannerCols .col1,
.finPlannerCols .col2 {
	position: static;
	float: left;
	width: 300px;
	margin-right: 40px;
}
.finPlannerCols .col2 {
	margin: 0;
}
.finPlannerCols .smartTip p {
	margin-bottom: 10px;
}
.finPlannerCols .col1 p,
.finPlannerCols .col2 p,
.finPlannerCols .col1 li,
.finPlannerCols .col2 li {
	font-size: 15px;
}




/***** Debt *****/
.wealthDebtIntro p,
.wealthDebtIntro li,
.wealthExpensesIntro p,
.wealthExpensesIntro li {
	font-size: 15px;
	margin-bottom: 10px;
}
.wealthDebtIntro p,
.wealthExpensesIntro p {
	width: 405px;
	float: left;
	font-size: 17px;
	margin: 6px 0 0 21px;
}
.wealthExpensesIntro p {
	margin-top: 27px;
}
.wealthDebtIntro ul {
	margin-top: 30px;
}
.wealthDebtIntro img,
.wealthExpensesIntro img {
	float: right;
}

.wealthDebtIntro img {
	margin-right: 40px;
	margin-top: 20px;
}

.wealthDebt,
.wealthExpenses {
	position: relative;
}
.wealthDebt h1,
.wealthExpenses h1 {
	margin-bottom: 15px;
}
.wealthDebt .wealthNext {
	margin: -54px 0 40px 0;
}




/***** Wealth Content *****/
.wealthHome h1 {
	margin-bottom: 20px;
}
.wealthContent {
	margin-top: -35px;
}
.contentCol1 {
	float: left;
	width: 450px;
	overflow: hidden;
}
.contentCol2 {
	float: right;
	width: 450px;
	overflow: hidden;
}
.wealthContent p,
.wealthContent li {
	font-size: 15px;
}
.wealthContent h3 {
	font-size: 20px;
}
.wealthArticleButtons {
	clear: both;
	overflow: hidden;
	border-top: 1px dotted #ccc;
	padding: 25px 0 0 292px;
}
.wealthArticleButtons .button {
	width: 150px;
	margin: 0 25px 20px 0;
	float: left;
}
.backButton {
	background: url(../images/wealth/arrow-back.png) no-repeat 0 3px;
	padding: 0 0 0 20px;
}
.toolsHome .wealthDebt h1 {
	margin-bottom: 20px;
}
.wealthCalc {
	margin-top: 0;
	overflow:hidden;
	position: relative;
}
.wealthCalc .smartTip {
	top:220px;
	width: 238px;
}
.wealthCalc .smartTip p {
	margin-bottom: 15px;
}
#ic-calculator {
	width: 642px;
	overflow: hidden;
	margin-left: 0;
}
#ic-calculator iframe {
	margin-top: -48px;
}
p.preparedBy {
	font-size: 12px;
	width: 400px;
	position: absolute;
	bottom: 0;
	left: 0;
	color: #666;
	margin-bottom: 8px;
}




/**** Finance Application *****/
.wealthApplication {
	position: relative;
}
.FinancePlanner {
	margin: 0 300px;
}
.FinancePlanner li {
	border-bottom: 1px dotted #ccc;
	padding: 5px 0;
	margin: 0;
	height: 31px;
}
.FinancePlanner label {
	float: left;
	width: 119px;
	margin: 0;
	line-height: 35px;
}
.FinancePlanner em,
.appNote em {
	font-style: normal;
	color: #cc0000;
}
.appFirstName {
	width: 150px;
}
.appLastName {
	width: 210px;
}
.appEmail,
.appContact {
	width: 210px;
}
.appPostcode {
	width: 60px;
}
.FinancePlanner .appSubmit {
	border: none;
	padding: 15px 0 25px 119px;
}
.appNote {
	position: absolute;
	top: 204px;
	right: 0;
	width: 200px;
	text-align: right;
}
.FinancePlanner #salutation {
	float:left;
	width: auto;
	margin: 2px 4px 0 0;
}
.FinancePlanner #timetocall {
	float: left;
	width: auto;
	margin: 3px 0 0 0;
}


/***** Feedback *****/

.feedbackButton {
	position: fixed;
	top: 246px;
	right: 0px;
	width: 39px;
	height: 96px;
	text-indent: -9999px;
	
}
.feedbackButton a {
	display: block;
	height: 96px;
	background: url(../images/interface/feedback-tab.png) no-repeat 0 0;
}
.feedbackButton a:hover {
	background-position: 0 -103px;
}
#feedbackForm h2 {
	color: #003768;
	margin-bottom: 10px;
}
#feedbackForm ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#feedbackForm label {
	display: block;
	font-family: 'PTSansBold', 'Helvetica Neue', Helvetica, Arial;
	font-weight: normal;
	font-size: 14px;
}
#feedbackForm textarea {
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
	width: 400px;
	border: 1px solid #666;
	margin-bottom: 15px;
	display: block;
}
#feedbackForm .button {
	margin-bottom: 3px;
}

/* Email Article*/

#emailArticleForm h2 {
	color: #003768;
	margin-bottom: 10px;
}

#emailArticleForm ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#emailArticleForm label {
	display: block;
	font-family: 'PTSansBold', 'Helvetica Neue', Helvetica, Arial;
	font-weight: normal;
	font-size: 14px;
}

#emailArticleForm .emailFormTextbox {
    width: 400px;
}

#emailArticleForm textarea {
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
	width: 400px;
	border: 1px solid #666;
	margin-bottom: 15px;
	display: block;
}

#emailArticleForm .button {
	margin-bottom: 3px;
}

#emailArticleForm .validation-summary-errors {
    margin-right: 20px;
}





/***** Creadit Card / Payments *****/
tr.extraPayment:hover th,
.debitCards tr:hover td,
.debitCards tr:hover th {
	background: #fff;
}
.extraPayment .button:link,
.extraPayment .button:visited,
.extraPayment .button:hover,
.extraPayment .button:active {
	color:#fff;
	padding-top: 8px;
}
.debitCards {
	position: relative;
}
.debitCards .button.export {
	float: left;
	margin: 2px 0 0 0;
	padding: 6px 15px 4px 15px;
}
h3.bPayTitle {
	clear: both;
	margin: 96px 0 23px 0;
	padding: 5px;
	height: auto;
}
h3.bPayTitle img {
	display:block;
}
.debitCards p label {
	font-family: 'PTSansBold', 'Helvetica Neue', Helvetica, Arial;
}
#addCardTable {
	/*width: 405px;*/
	display: block !important;
	background: #f2f5f7;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
	padding: 0 10px;
	margin: 0 20px 10px 0;
}
#AddCard .securityCert {
	float:right;
	width: auto;
	margin-right: 20px;
}
#AddCard .button {
	float:left;
	width: auto;
}
.debitCards h1 {
	margin-bottom: 16px;
	color: #003768;
}
.debitCards h2 {
	clear:both;
	color: #fff;
	background: #003768;
	-moz-border-radius:6px;
	border-radius:6px;
	-webkit-border-radius:6px;
	font-size: 18px;
	padding: 13px 15px 9px 15px;
	height: 19px;
	margin: 0 0 26px 0;
	position: relative;
	border: none;
}
.debitCards #DebitCardTable tr:first-child th {
	background: #f5f5f5;
}
#addNewCard.button:link,
#addNewCard.button:visited,
#addNewCard.button:active {
	position: absolute;
	width: auto;
	top: 59px;
	right:0px;
	white-space: nowrap;
	background: #63A6EF;
	background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(1, #aebfcf), /* top line */
	    color-stop(0.95, #809bb4),/* middle highlight */
	    color-stop(0, #5f7d99) /* bottom */
	);
	background-image: -moz-linear-gradient(
	    center bottom,
	    #aebfcf 100%,
	    #809bb4 95%,
	    #5f7d99 0%
	);
	color: #fff;
	text-shadow: #60758a 0 -1px 0px;
}
#addNewCard.button:hover {
	background: #809bb4;
}
#addCardTable table {
	margin-bottom: 0;
}
#addCardTable tr:hover td,
#addCardTable tr:hover th {
	background: none;
}
#addCardTable th {
	white-space: nowrap;
}
#addCardTable td {
	text-align: left;
}
table.payAmount {
	float:left;
	width: 248px;
	margin-bottom: 35px;
}
.payAmount td {
	text-align: left;
}
.payAmount th.budPrice {
	width: auto;
	padding: 0;
	white-space: nowrap;
}
.debitCardTable {
	position: relative;
	float:none;
}
.debitCardTable input.button {
	margin-top: 6px;
	float: left;
}
.debitCardTable a {
	float:right;
	margin-right:55px;
}
.debitCardTable .securityCert {
	float:right;
}
#makePaymentFormConfirmation p {
	width: 300px;
	margin: 11px 0 0 211px;
	clear: none;
}
#makePaymentFormConfirmation #cancelButton {
	float: left;
	margin-right: 113px;
	background: none;
	border: none;
	box-shadow: none;
	text-shadow: none;
	color: #cc0000;
}
#makePaymentFormConfirmation #proceedButton {
	float: right;
	margin-right: 397px;
	margin-bottom: 10px;
}
#makePaymentFormConfirmation img.loading {
	margin-right: 467px;
}
.bpayOption {
	clear:both;
	border-top: 1px dashed #bbb;
	padding-top: 45px;
	margin-bottom: 50px;
}
.bpayOption h1 {
	position: relative;
	margin-bottom: 1px;
}
.bpayOption img {
	position: absolute;
	left: 117px;
	top: -8px;
}



/***** Button icons *****/
.iconPrint {
	background: #efefef url(../images/interface/icon-print.png) no-repeat 15px 7px;
	padding-left: 35px;
	padding-right: 23px;
	width: auto;
}
.iconSave,
.iconSave:hover {
	background: #1AB21B url(../images/interface/icon-disk.png) no-repeat 15px 7px;
	padding-left: 35px;
}
article .iconExport {
	background: #efefef url(../images/interface/icon-export.png) no-repeat 15px 7px;
	padding-left: 35px;
}
.bpayImgContainer div {

    background:#efefef url(../images/bpay_full.jpg) no-repeat 0px 0px;

	height:149px;

	width:278px;

	position: relative;

	margin-top:15px;

	margin-left:-10px;

}

.bpayBillerCode {

	position: absolute;

	top: 23px;

	left: 165px;

	width: 100px;

	font-size: 16px;	

}

.bpayRef {    

	position: absolute;

	top: 43px;

	left: 103px;

	font-size: 16px;

}





/***** FancyBox *****/
body #fancybox-wrap {
	width: 620px !important;
}
#fancybox-wrap #fancybox-content {
	width: 600px !important;
}
#fancybox-content .securityCert {
	padding-top: 0px;
}




/***** HomeLoans *****/
.homeLoanIntro {
	position: relative;
	margin: 0;
}
.homeLoanExisting {
	position: relative;
	overflow: hidden;
	margin: 0;
}
.homeLoanExisting h1 {
	font-size:30px;
	color: #003768;
	padding-top: 27px;
	margin-bottom: 10px;
}
.homeLoanExisting p strong {
	font-size: 22px;
	line-height: 1.2;
	position: relative;
}
.homeLoanExisting p {
	font-size: 15px;
}
.homeLoanExisting .button {
	color: #fff;
	padding: 10px 0 5px 0;
	font-size: 20px;
	margin: 13px 0 10px 0;
	width: 390px;
}
.homeLoanExisting .col1 {
	float: left;
	width: 50%;
}
.homeLoanExisting .col2 {
	float: right;
	width: 488px;
}
.homeLoanImage {
	width: 488px;
	height: 332px;
	background: url(../images/homeloan/house-hand.png) no-repeat 0 0;
}
.orDivider {
	clear: both;
	position: relative;
	z-index: 2;
	border-top: 1px solid #003768;
}
.orDivider em {
	display: block;
	font-style: normal;
	width: 50px;
	height: 50px;
	-moz-border-radius:25px;
	border-radius:25px;
	-webkit-border-radius:25px;
	background: #fff;
	border: 1px solid #003768;
	margin: -25px auto 0 auto;
	text-align: center;
	line-height: 53px;
	font-family: 'PTSansBold', 'Helvetica Neue', Helvetica, Arial;
	color: #003768;
	font-size: 22px;
}
.homeLoanSteps {
	overflow: hidden;
}
.homeLoanSteps h1 {
	font-size:30px;
	color: #003768;
	margin-bottom:15px;
}
.homeLoanSteps h2 {
	font-size: 22px;
	color: #003768; 
}
.homeLoanSteps .col1 {
	float: left;
	width: 464px;
	padding-top: 10px;
}
.homeLoanSteps .col1 h3 {
	padding-left: 41px;
}
.homeLoanSteps p {
	font-size: 15px;
}
.homeLoanSteps p strong {
	font-size: 22px;
	line-height: 1.2;
	position: relative;
}
.homeLoanSteps h3 {
	padding-top: 20px;
	padding-bottom: 10px;
	font-size: 18px;
}
.homeLoanSteps .col2 {
	float: right;
	width: 485px;
	padding: 232px 30px 30px 66px;
	background: #e5ebf0 url(../images/homeloan/for-sale.jpg) no-repeat 0 0;
	-moz-border-radius:10px;
	border-radius:10px;
	-webkit-border-radius:10px;
	margin-top: 38px;
}
.homeLoanSteps .col2 h2 {
	font-size: 26px;
	margin-left: -41px;
}
.homeLoanSteps h3 em {
	float: left;
	width: 36px;
	height: 36px;
	margin-top: -10px;
	margin-left: -41px;
	line-height: 41px;
	text-align: center;
	font-style: normal;
	font-size: 25px;
	font-weight: bold;
	color: #fff;
	background: #003768;
	-moz-border-radius:18px;
	border-radius:18px;
	-webkit-border-radius:18px;
}
.homeLoanSteps a {
	font-family: 'PTSansBold', Helvetica, Arial, sans-serif;
}
.homeLoanSteps .button {
	color: #fff;
	padding: 10px 0 5px 0;
	font-size: 20px;
	margin: 13px 0 10px 0;
}
.homeLoanSteps .questionCol2 {
	float: right;
	width: 450px;
	margin-top:-20px;
}
.homeLoanSteps .questionCol2 .button {
    width:150px;
	color: #fff;
	padding: 10px 0 5px 0;
	font-size: 20px;
	margin: 13px 0 10px 20px;
	display: inline-block;
}
.homeLoanSteps .questionCol2 em {
	display:inline-block;
	width: 36px;
	height: 36px;
	margin-top: 18px;
	margin-bottom: 10px;
	margin-left: -20px;
	margin-right: 12px;
	
	line-height: 41px;
	text-align: center;
	font-style: normal;
	font-size: 25px;
	font-weight: bold;
	color: #fff;
	background: #003768;
	-moz-border-radius:18px;
	border-radius:18px;
	-webkit-border-radius:18px;
}
#homeloanQuestionForm h2 {
    padding-bottom:10px;
}
#homeloanQuestionForm label {
	display: block;
	font-family: 'PTSansBold', 'Helvetica Neue', Helvetica, Arial;
	font-weight: normal;
	font-size: 14px;
}
#homeloanQuestionForm textarea {
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
	width: 400px;
	border: 1px solid #666;
	margin-bottom: 15px;
	display: block;
}
#homeloanQuestionForm .button {
	margin-bottom: 3px;
}


/***** Products & Services *****/
.product {
	float: left;
	width: 31%;
	margin: 20px 1% 40px 1%;
}
.product .button {
	margin: 10px auto 0 auto;
}
.product a {
	text-align: center;
	min-height: 108px;
	padding-top: 120px;
	display: block;
}
.proCL {
	background: url(../images/carloan/cars.jpg) no-repeat 100px 18px;
	background-size: 106px auto;
}
.proHL {
	background: url(../images/homeloan/house-hand.png) no-repeat 75px 18px;
	background-size: 154px auto;
}
.proWC {
	background: url(../images/wealth/invest-key.jpg) no-repeat 74px 22px;
	/*background-size: 56px auto;*/
}
.proHL .button {
	margin-top: 29px;
}



/***** Car Loans *****/
.carLoanIntro {
	position: relative;
	margin-bottom: 11px;
}
.carLoanIntro h2 {
	font-size:30px;
	color: #003768;
	padding-top: 38px;
}
.carLoanIntro p {
	font-size: 22px;
	line-height: 1.2;
	position: relative;
	z-index: 2;
	margin: 0;
}
.carLoanImage {
	position: absolute;
	z-index: 1;
	right: 0;
	top: 84px;
	width: 464px;
	height: 460px;
	background: url(../images/carloan/cars.jpg) no-repeat 0 0;
}
.carLoanSteps {
	overflow: hidden;
}
.carLoanSteps h2 {
	font-size: 22px;
	color: #003768;
	margin-bottom: 11px;
}
.carLoanSteps .col1 {
	float: left;
	width: 464px;
	padding-top: 10px;
}
.carLoanSteps .col1 h3,
.carLoanSteps .col1 p {
	padding-left: 41px;
}
.carLoanSteps p {
	font-size: 15px;
}
.carLoanSteps h3 {
	padding-top: 20px;
	padding-bottom: 10px;
	font-size: 18px;
	font-family: 'PTSansRegular', helvetica, arial;
}
.carLoanSteps h3 em {
	float: left;
	width: 36px;
	height: 36px;
	margin-top: -10px;
	margin-left: -41px;
	line-height: 41px;
	text-align: center;
	font-style: normal;
	font-size: 25px;
	font-weight: bold;
	color: #fff;
	background: #003768;
	-moz-border-radius:18px;
	border-radius:18px;
	-webkit-border-radius:18px;
}
.carLoanSteps h3 strong {
	float: left;
	margin: 0 5px 10px 0;
}
.carLoanSteps a {
	font-family: 'PTSansBold', Helvetica, Arial, sans-serif;
	font-size: 20px;
	margin: 20px 50px 20px 0;
	padding: 10px 0 5px 0;
}

.carLoanSteps .button {
	color: #fff;
	padding: 10px 0 5px 0;
	font-size: 20px;
	margin: 13px 0 10px 0;
}




/****** Three Column Layout *****/
/*.col3Layout aside {
	width: 200px;
}*/
.subNavBox h2 {
	background: #e5ebf0;
}
.subNavBox {
	border-color: #e5ebf0;
}
.col3Layout aside.subNavWrapper {
	float: left;
	margin-right: 20px;
	margin-bottom: 1px;
}
.subNavWrapper .selected a {
	background-image: url(../images/interface/subnav-arrow-2.png);
}
/*.col3Layout article {
	width: 570px;
}*/