@import url(button.css);
@import url(modal.css);
@import url(carousel.css);

body 	{ 
	background:#fff url(/ANZ-MoneyManager/images/Background_gradient&bluebox_lower_level_pixel_stretch.gif) repeat-x; 
	color: #4d4d4d; 
	font-family: Verdana,Arial,Helvetica,sans-serif; 
	font-size: 79%; 
}
#contentwrapper{
  
}
a{
	color:#4d4d4d;	
}

a:hover{
	text-decoration:none;
}
	
h2{
	color:#004165;
	font-size:122%;
}

h3{
	font-size:122%;
	margin:0;
}

#featurespage h3{
	font-size:107%;
	margin:0;
}

#securitypage h3, #privacypage h3, #termspage h3{
	color:#007DBA;
}

#homepage h4{
	font-size:105%;
	margin:0;
}
#featurespage h3 a, #homepage h3 a{
	color:#004165;
}

#homepage #revolving-content h3 {
	color:#FFFFFF
}

#homepage h3{
	color:#004165;
	}

#homepage h3{
 /*background: url("/ANZ-MoneyManager/images/arrow.gif") no-repeat scroll 0 0 transparent;*/
 margin-bottom:10px;
 }
 
#homepage span.moreLink{
	background: url("/ANZ-MoneyManager/images/blue_arrow.gif") no-repeat scroll 0 3px transparent;
	float: left;
    margin-left: 220px;
    margin-top: -25px;
} 
#homepage span.moreLink a{
	text-decoration:none;
	padding-left:10px;
	color:#007DBA;
	font-weight:bold;
} 
#homepage span.moreLink a:hover{
	text-decoration:underline;
}

 
#homepage h3 a{
	text-decoration:none;
	padding-left:15px;
}


#homepage h4 a{
	color:#4d4d4d;
}

h4{
	font-size:105%;
	margin:0;
}

#header{
    margin: 25px auto 0 !important;
   }
   
body#homepage{
	background:#fafcfe url(/ANZ-MoneyManager/images/Background_gradient&bluebox_pixel_stretch.gif) repeat-x; 	
}


.clear{
	clear:both;
	}
	
	
	
#container{
	width:980px;
	margin:auto;
	/*background-color:#fff;*/
}		
	
.login { 
	float: right; 
	margin-top:21px;
}
.login ul { 
	padding:0;
	margin:0;
}
.login li { 
	display:inline;  
	outline:medium none;
	float:left;
	margin-right:19px;
}

.login a{
	text-decoration:none;
}

.login .icon{
  background-image: url("/anz-moneymanager/images/lock.png");
  background-repeat: no-repeat;
  background-position: 78px 0;
}
.login .icon:hover{
  background-position:78px  -27px;
}

.btnLogon { 
	margin-right:19px; 
}
.btnRegister { 
	margin-right:17px; 
}

.login .button .icon span{
padding: 0 43px 0 26px;
}

/*------------------------------herobanner----------------------------------*/

.herobanner{
	width:972px;
	height:194px;
	background: url("/ANZ-MoneyManager/images/banner.jpg") no-repeat scroll left top #006BA1;
	position:relative;
	top:20px;
	color:#fff;
	margin:auto;
	-moz-box-shadow:    0 0 5px 1px #ccc;
	-webkit-box-shadow:  0 0 5px 1px #ccc;
	box-shadow:          0 0 5px 1px #ccc;

}
.herobanner h2{
	margin-bottom:0px;
	margin-top:5px;
	color:#fff;
	font-size:1.5em;
}




.herobanner .text{
	padding:20px 0 0 40px;
    width: 45%;
}



#homepage .herobanner{
	width:971px;
	height:304px;
	background: url("/ANZ-MoneyManager/images/blue_box.gif") no-repeat scroll left top #006BA1;
	position:relative;
	top:17px;
	margin:auto;
	-moz-box-shadow:     0 0 5px 1px #ccc;
	-webkit-box-shadow:  0 0 5px 1px #ccc;
	box-shadow:          0 0 5px 1px #ccc;

}
#revolving-content{
	/*width:310px;*/
	width:600px;
	float:left;
	padding: 20px 0 0 40px;
}

#revolving-content .button span{
	color:#007DBA;
	text-shadow:none;
}
#revolving-content a{
	text-decoration:none;
}
#revolving-content .button-holder{
	margin-top:20px;
}

#divMovie{
	float:right;
	margin:25px;
	width:551px;
	height:265px;
	background: url("/ANZ-MoneyManager/images/video_placeholder.jpg") no-repeat scroll center center #006BA1;
	
}
a.placeholder{
	color:#fff;
	font-weight:bold;
	font-size:0.9em;
	background-color:#000;
	margin:150px 10px;
	padding:10px;
	height:30px;	
	display:block;
	text-align:center;
}

/*------------------------------navigation----------------------------------*/
.nav{
	width:650px;
	float:left;
    margin-top: 21px;
}
.nav ul{
    margin:0 0 0 12px;
    padding:0;
}
.nav a {
    color: #004165;
    font-size:1.4em;    
    font-weight: bold;
    padding: 0 12px;
    text-decoration: none;
}
.nav a:hover {
    color:  #007DBA;
}
.nav a.current, .helplinks a.current {
    color:  #007DBA;
    font-weight: bold;
}
.nav li {
    float: left;
    list-style: none outside none;
     background: url("/ANZ-MoneyManager/images/nav_seperator.gif") no-repeat scroll 0 0 transparent;
}

.nav li.first{
	background:none;
}


.aside{
	float:right;
	margin: 67px 8px 0 0;
}

.aside h3{
	color:#004165;
}

.aside a{
    color: #004165;
    font-size:1.2em;    
    font-weight: bold;
    text-decoration: none;
  }
.aside a.current,  {
    color:  #007DBA;
    font-weight: bold;
}

.aside a:hover {
    color:  #007DBA;
}

.aside ul{
	background:url("/ANZ-MoneyManager/images/Blue_right_hand_nav_box.gif") no-repeat;	
	height:233px;
	width:200px;
	padding-left:20px;
	padding-top:30px;
}

.aside li {
    margin:15px;
    list-style: none outside none;
    border-bottom:1px solid #A7D2E7;
}

.aside li.first {
    background: none repeat scroll 0 0 transparent;
}

/*-------------------------sections---------------------------------*/
.maincontent{
	width:664px;
	margin:67px 25px 40px 40px;
	float:left;	
}

#homeMainContent.maincontent{
	width:760px;
}

.maincontent .title{
	margin-bottom: 15px; 
	margin-left: 30px;
	color: #336784; 
	font-weight: 600; 
	font-size: 1.2em; 	
}
		
.sections{
	margin:40px 25px 40px 40px;
	float:left;	
}
#featurespage .sections{
	float:none;	
	margin:40px 0;
}

.section-left{
	float:left;
	width:50%
}

.section-right{
	float:right;
	width:50%
}

.article{
	float:left;
	width:47%;
	padding:5px;
}

.article .image1{
	background: url("/ANZ-MoneyManager/images/1_Supported-accounts-128x128.png") no-repeat;
	width:128px;
	height:128px;
	margin-left:20px;
}

.article .image2{
	background: url("/ANZ-MoneyManager/images/4_Set-up-a-montly-budget-128x128.png") no-repeat;
	width:128px;
	height:128px;
	margin-left:20px;
}

.article .image3{
	background: url("/ANZ-MoneyManager/images/3_Automatic-spending-categories-128x128.png") no-repeat;
	width:128px;
	height:128px;
	margin-left:20px;
}
	
.article .image4{
	background: url("/ANZ-MoneyManager/images/8_Analyse-spending-expenses-income-128x128.png") no-repeat;
	width:128px;
	height:128px;
	margin-left:20px;
}

#featurespage .article{
	width:32%;
	margin-bottom:15px;
	min-height:110px;
}
	
#featurespage .article .image1{
	background: url("/ANZ-MoneyManager/images/1_Supported-accounts-64x64.png") no-repeat;
	width:64px;
	height:64px;
	margin-left:20px;
	float:left;
}

	
#featurespage .article .image2{
	background: url("/ANZ-MoneyManager/images/2_one-view-64x64.png") no-repeat;
	width:64px;
	height:64px;
	margin-left:20px;
	float:left;
}

	
#featurespage .article .image3{
	background: url("/ANZ-MoneyManager/images/3_automatic-spending-categories-64x64.png") no-repeat;
	width:64px;
	height:64px;
	margin-left:20px;
	float:left;
}
	
#featurespage .article .image4{
	background: url("/ANZ-MoneyManager/images/4_Set-up-a-montly-budget-64x64.png") no-repeat;
	width:64px;
	height:64px;
	margin-left:20px;
	float:left;
}
	
#featurespage .article .image5{
	background: url("/ANZ-MoneyManager/images/5_alerts-64x64.png") no-repeat;
	width:64px;
	height:64px;
	margin-left:20px;
	float:left;
}
	
#featurespage .article .image6{
	background: url("/ANZ-MoneyManager/images/6_track-your-rewards-64x64.png") no-repeat;
	width:64px;
	height:64px;
	margin-left:20px;
	float:left;
}
	
#featurespage .article .image7{
	background: url("/ANZ-MoneyManager/images/7_monitor-net-worth-64x64.png") no-repeat;
	width:64px;
	height:64px;
	margin-left:20px;
	float:left;
}
	
#featurespage .article .image8{
	background: url("/ANZ-MoneyManager/images/8_analyse-spending-expenses-income-64x64.png") no-repeat;
	width:64px;
	height:64px;
	margin-left:20px;
	float:left;
}
	
#featurespage .article .image9{
	background: url("/ANZ-MoneyManager/images/9_track-your-investments-64x64.png") no-repeat;
	width:64px;
	height:64px;
	margin-left:20px;
	float:left;
}

#featurespage .article .text{
	margin-left:5px;
	float:left;
	width:70%;
}



.section-right .article{
	float:left;
	width:100%;
	padding:5px;
}

.section-right .secondarticle{
	background: url("/ANZ-MoneyManager/images/Have_your_say_blue_box.gif") no-repeat;
	width:434px;
	height:219px;
}
.section-right .secondarticle .feedback{	
	 margin-top:15px; 
	 padding-left:10px;
	 
}

.section-right .secondarticle .contactus{
	 margin-top:35px; 
	 padding-left:10px;
	 
}
.section-right .secondarticle p{
	 color:#004165;
	 font-size:105%;
	 font-weight:bold;
	 margin:0 15px 25px 10px;
}





/*----------------------- feedback form ------------------------*/

#feedbackpage form li input, #feedbackpage form li textarea {
	float:left;
	background-color: #FAFAFA;
}
#feedbackpage form li input{
	height:1.8em;
	width: 20em;
}

#feedbackpage form ol{
	margin:0;
	list-style:none;
	padding:0;	
}
#feedbackpage form li{
	margin:9px 0 0;
	height:30px;
	clear:both;
    list-style: none outside none;	
}
#feedbackpage form li.textbox{
	margin:9px 0;
	height:100px;
	clear:both;	
}
#feedbackpage #errormsg{
 color:#FF0033;
 font-weight:bold;
}

#feedbackpage a#errormsg {
 text-decoration:none;
}

#feedbackpage  label{
	float:left;
	width:15em;
}

#feedbackpage #submitlogin {
    height: 28px;
    overflow: hidden;
    position: relative;
}


#feedbackpage #submitForm {
    position: relative;
    margin:1em 0 0 15em ;
    clear:both;
    
}    
/*#feedbackpage #submitForm {
    height: 28px !important;
    overflow: hidden;
    position: relative;
    margin:1em 0 0 15em ;
    clear:both;
}
#feedbackpage .btn_submit {
    border: medium none;
    display: block;
    height: 56px;
    width: 101px;
    position:relative;
    top:0;    
    font-weight:bold;
    font-size:120%;
}
#feedbackpage .btn_submit:hover {
	top:-28px;
}*/

#feedbackpage  div.errorWrapper {
	margin-right: 10px;
	float: right;	
}


/* Hide the jquery.validate error message in a box that can't be visible even when "display" gets reset to "block" */
#feedbackpage  span.error {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}



#tooltip {
	position: absolute;
	z-index: 3000;
	border-style: solid;
	border-width: 1px;
	padding: 0.25em;
	opacity: 0.85;
	width: 250px;
	font-size: 0.7em;
}

#tooltip h3,#tooltip div {
	margin: 0;
}

.normalTip {
	border-color: #005f90;
	background-color: #bfe3f6;
}

.errorTip {
	border-color: #ff0000;
	background-color: #ffcccc;
	font-size: 0.7em;
}    


/*--------------------terms----------------------------------------*/

.scrollable{
	height: 500px;
	overflow:auto;
	border: 1px solid #AFAFAF;
	background-color: #FAFAFA;
	padding:20px;
}
.printButton{
	margin: 10px;
    text-align: right;
}
.printButton img{
    border:none;
}	
/*----------------------- expand collapse ------------------------*/
div.message{
    margin: 1px 0 ;
    clear:both;
    width:664px;
}

#homeMainContent div.message{
	width:760px;
}

div.message .expandCollapseTitle{
	color: #336784;
    font-size:100%;
    font-weight:bold;
    padding:10px 20px 10px 25px;
    margin:0;
}

div.message img{
    display:block;
    margin:0px auto;
}

.collapsible-heading {
	background:#eee url('/ANZ-MoneyManager/images/collapse.gif') no-repeat;
	background-size: 100% 100%;
}
.collapsible-heading-collapsed {
	background:#eee url('/ANZ-MoneyManager/images/expand.gif') no-repeat;
	background-size: 100% 100%;
}
.collapsible-heading-toggle {
	text-decoration:none;
	color:#336784;
}
.collapsible-heading-status {
	position:absolute;
	left:-99999px;
}
.collapsible-content{
	border: 1px solid #eee;    
	padding:5px 10px;
}

.collapsible-content-collapsed {
	display:none;
}

/*------------------------Have your say---------------------------*/
.section-wrapper{
	width:720px;
	margin-left:-40px;
}

#homepage .quote-wrapper{
	margin-bottom:40px;	
}

#peoplesaypage .quote-wrapper{
	background: url('/ANZ-MoneyManager/images/what_people_say.gif') top left no-repeat;
	height:124px;
	width:720px;
}


.leftquotation{
	background: url('/ANZ-MoneyManager/images/Quote_marks01_nobgd.gif') top left no-repeat;
	width:40px;
	height:21px;
	float:left;
}

.quote{
	margin: 0 40px;
    color:  #006BA1;
    font-size:110%;
    font-weight:bold;
	font-style: italic;
}

#peoplesaypage .quote{
	width:630px;
	padding:30px 0 0;
}

#homepage .quote{
    color:  #4d4d4d;
	font-style: normal;
    
}
#peoplesaypage .leftquotation{
	   margin: 30px 0 70px 30px;
}


#peoplesaypage .rightquotation{
	background: url('/ANZ-MoneyManager/images/Quote_marks02_nobgd.gif') bottom right no-repeat;
	width:40px;
	height:21px;
	float:right;
	margin: -40px 20px;
}

#homepage .rightquotation{
	margin-top:-40px;
	background: url('/ANZ-MoneyManager/images/Quote_marks02_nobgd.gif') bottom right no-repeat;
	width:40px;
	height:21px;
	float:right;
}

.signature{
	color:#F79533;
	font-style: normal;
    font-size:110%;
    font-weight:bold;
}

#homepage .signature{	
    font-size:110%;
	margin: 0 40px;
    font-weight:bold;
}

.response{
	clear:both;
	margin:20px 40px;
}

/*--------------------------important notice---------------------------*/
.notice_container {
    clear: both;
    margin-top: 66px;
}
.notice {
    background-color: #FFFAC6;
    border-bottom: 2px solid #FDC82F;
    border-top: 2px solid #FDC82F;
    bottom: 0;
    height: 50px;
    margin: 66px 0 5px;
    position: fixed;
    width: 100%;
    z-index: 900;
}
.notice_important {
    background: url("/base/Resources/resources/f/b/fb7418804575d80db851fd16819eb0ce/icon-notice-important.gif") no-repeat scroll 28px 11px #FFFAC6;
    margin-left: auto;
    margin-right: auto;
    padding: 9px 0 9px 64px;
    right: 5px;
    width: 973px;
}
.notice h2 {
    color: #394A58;
    display: inline;
    font-size: 22px;
    font-style: normal;
    font-weight: normal;
    line-height: 30px;
    margin-left: 10px;
    margin-right: 11px;
}
.notice p {
    color: #394A58;
    display: inline;
}
.notice p a:link {
    color: #004165;
    text-decoration: underline;
}
.notice p a:visited {
    color: #004165;
    text-decoration: underline;
}
.notice p a:focus, .notice p a:hover {
    color: #007DBA;
    text-decoration: underline;
}
.notice p a:active {
    color: #004165;
}
.notice a.btn {
    background: url("/base/Resources/resources/4/6/46e45c00457c65b4806fc516819eb0ce/Importancenotice-close.gif") no-repeat scroll 0 0 transparent;
    float: right;
    height: 28px;
    margin-right: 22px;
    margin-top: 4px;
    position: relative;
    text-indent: -9999px;
    width: 30px;
}
.notice a.btn:focus, .notice a.btn:active, .notice a.btn:hover {
    background: url("/base/Resources/resources/4/6/46e45c00457c65b4806fc516819eb0ce/Importancenotice-close.gif") no-repeat scroll 0 -26px transparent;
    color: #004165;
    cursor: pointer;
    text-decoration: underline;
}

#SRInstruction, buttonDesc{
text-indent:-9999pc;
}

.phone{
font-weight:bold;
}

.number-List {
  list-style-type: decimal;
}