

	nav#mainNav span#mobileMenuIcon {
		padding:                        0;
	}

	nav#mainNav {
		width:                          100%;
		background-color:               transparent;
		bottom:                         0;
		position:                       relative;
		right:                          0;
		top:                            0;
		float:                          left;
		height:                         75px;
		/* visibility: hidden; */
		
		display: block;
		position: relative;
	}

	#mainNav ul li, #mainNav ol li {
		margin:                         0;
	}


/* Icon font
============================================================================ */
 

@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot');
	src:url('../fonts/icomoon-1.eot') format('embedded-opentype'),
		url('../fonts/icomoon.ttf') format('truetype'),
		url('../fonts/icomoon.woff') format('woff'),
		url('../fonts/icomoon.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


nav [class^="icon-"] { position: absolute; }
nav [class^="icon-"], [class*=" icon-"], #mobileMenuIcon:before, 
ul.mainNavTopLevel li a:after, ul.mainNavTopLevel li a.active:after,
ul.mainNavTopLevel li a:after, ul.mainNavTopLevel li a.active:after {
	font-family: 'icomoon';
	speak: none;
	font-style: inherit;
	font-weight: inherit;
	font-variant: inherit;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	/*
	font-size:                      34px;
	position:                       absolute;
	width:                          30px;
	height:                         30px;
	line-height:                    36px;
	*/
}

	i.icon-menu-1:before { content: "\e90a";} /* All in one Rewards Package */

	i.icon-menu-2:before { content: "\e90a";} /* All in one */

	i.icon-menu-3:before { content: "\e90a";} /* First Rate home loan */

	i.icon-menu-4:before { content: "\e90a";} /* Fixed Rate home loan */

	i.icon-menu-5:before { content: "\e90a";} /* Tide your own */

	 i.icon-menu-6:before { content: "\e90b";}/* Investment */
	 
	i.icon-menu-6:before { content: "\e909";} /* Premium Personal loan */

	i.icon-menu-7:before { content: "\e909";} /* Variable Personal loan */

	i.icon-menu-8:before { content: "\e909";} /* Fixed Personal loan */

	i.icon-menu-9:before { content: "\e909";} /* Consolidation loan */

	i.icon-menu-10:before { content: "\e909";} /* Overdraft */
	
	i.icon-menu-11:before { content: "\e907";} /* All in one Rewards Package FIxed Car loan */

	i.icon-menu-12:before { content: "\e907";} /* Car loan */

	i.icon-menu-13:before { content: "\e907";} /* Variable car loan */

	i.icon-menu-14:before { content: "\e907";} /* Fixed Car loan */

	i.icon-menu-15:before { content: "\e906";} /* Variable Rate business */

	i.icon-menu-16:before { content: "\e905";} /* Fixed Rate Business */

	i.icon-menu-17:before { content: "\e902";} /* Access Savings */

	i.icon-menu-18:before { content: "\e90f";} /* Pensioner Security */

	i.icon-menu-19:before { content: "\e911";} /* Cash Management */

	i.icon-menu-20:before { content: "\ea0a";} /* Bonus Saver */

	i.icon-menu-21:before { content: "\ea0f";} /* Power up e saver */

	i.icon-menu-22:before { content: "\ebcf";} /* xmas club */

	i.icon-menu-23:before { content: "\e909";} /* Standard Term deposit */

	i.icon-menu-24:before { content: "\e90c";} /* Kick starter Term deposit */

	i.icon-menu-25:before { content: "\e902";} /* 24/7 banking */

	i.icon-menu-26:before { content: "\e908";} /* Cards */

	i.icon-menu-27:before { content: "\e903";} /* ATMS */

	i.icon-menu-28:before { content: "\e909";} /* Other facility */

	i.icon-menu-29:before { content: "\e904";} /* My Business Account */

	i.icon-menu-30:before { content: "\e910";} /* GST Account */

	i.icon-menu-31:before { content: "\e915";} /* Defense Finance Bank*/

	i.icon-menu-32:before { content: "\e916";} /* Reliance bank */

	i.icon-menu-33:before { content: "\e601";} /* Apply Online */

	i.icon-menu-34:before { content: "\ef1f";} /* Android */

	i.icon-menu-35:before { content: "\eabe";} /* Apple */

	

	i.icon-menu-coins:before { content: '\ea0a';}
	i.icon-menu-tree:before { content: '\ebcf';}
	i.icon-menu-piggy-bank:before { content: '\ea0f';}
    i.icon-users:before { content: '\e722';}
			

	nav#mainNav ul {
		padding:                        0;
	}

	nav#mainNav ul.mainNavBottomLevel,
	nav#mainNav ul ul ul {
		box-shadow:                     4px 4px 0px 1px rgba(0,0,0,0.1);
		top:                            60px;
		margin-top:                     -1px;
		border-left:                    1px solid #ebebeb;
		border-right:                   1px solid #ebebeb;
		box-sizing:                     border-box;
		border-bottom:                  1px solid #ebebeb;
		padding-top:                    0;     
	}

   
	
	nav#mainNav ul li {
		list-style: none;
	}
	nav#mainNav #mobileMenuIcon, ul#mainNavBottomLevel, ul#mainNavMiddleLevel {
		display: none;
	}
	
	nav#mainNav ul.mainNavTopLevel.topmenu, nav#mainNav ul.mainNavTopLevel.Latest-News {
	display: none;
	}

	ul#mainNavTopLevel,
	ul.mainNavTopLevel {
		width: 100%;
		margin: auto;
		color: #fff;
		line-height: 75px;
	}

	nav#mainNav span#mobileMenuIcon {
		background:                     none;
	}

	nav#mainNav ul.mainNavMiddleLevel {
		left:                           0;
		height:                         auto;
		line-height:                    60px;
	}

	nav#mainNav ul.mainNavMiddleLevel li {
		height:                         60px;
	}

	nav#mainNav ul.mainNavMiddleLevel li a {
		height:                         auto;
		line-height:                    60px;
	}

	nav#mainNav ul.mainNavMiddleLevel li a.active {
		box-shadow:                     none;
	}

	ul#mainNavTopLevel li a, ul#mainNavMiddleLevel li a, ul#mainNavBottomLevel li a,
	ul.mainNavTopLevel li a, ul.mainNavMiddleLevel li a, ul.mainNavBottomLevel li a     {
		color:                          #fff; 
		display:                        block;
		height:                         75px;
		text-decoration:                none;
		padding:                        0 20px;
		font-size:                      16px;
		line-height:                    75px;
		font-family:					'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
	}

	ul#mainNavMiddleLevel li a,

	ul.mainNavMiddleLevel li a {
		height:                        58px;
	}

	ul#mainNavTopLevel li a:hover, ul#mainNavTopLevel li a.active,
	ul.mainNavTopLevel li a:hover, ul.mainNavTopLevel li a.active {
		-webkit-transition:           background-color ease 0.3s;
		-moz-transition:              background-color ease 0.3s;
		-o-transition:                background-color ease 0.3s;
		transition:                   background-color ease 0.3s;
	}

	ul#mainNavMiddleLevel li a:hover, ul#mainNavMiddleLevel li a.active,

	ul.mainNavMiddleLevel li a:hover, ul.mainNavMiddleLevel li a.active {
		background-color: #fff;
		color: #ee3423;
	}

	ul#mainNavMiddleLevel,

	ul.mainNavMiddleLevel {
		position: absolute;
		background-color: #5a5a5a;
		top: 75px;
		width: 100%;
		margin: auto;
		color: #ee3423;
		height: 58px;
		line-height: 58px;
	}

	nav#mainNav ul.mainNavBottomLevel li {
		padding:                        0;
		height:                         auto;
		width:                          25%;
		/*min-height:                   150px;*/
		float:                          none;
		display:                        inline-block;
		margin:                         0 0 0 -6px;
		vertical-align:                 top;
	}

		nav#mainNav ul.mainNavBottomLevel li:first-child, nav#mainNav ul.mainNavBottomLevel li:nth-child(5) {
			margin:                         0;
		}

	nav#mainNav ul.mainNavBottomLevel li a {
		padding:                        10px 15px;
		-moz-box-sizing:                border-box;
		box-sizing:                     border-box;
		width:                          100%;
		border-bottom:					none;
		color:#000;

	}

	nav#mainNav ul.mainNavBottomLevel li:hover,
	nav#mainNav ul.mainNavBottomLevel li a:hover {
		background:                     #f5f5f5;
	}   

	nav#mainNav ul.mainNavBottomLevel li a span.title {
		margin:                         0 0 0 44px;
		line-height:                    24px;
		font-size:                      15px;
		color:                          #494949;
		font-weight:                    normal;
	}

	nav#mainNav ul.mainNavBottomLevel li a span {
		margin:                         0 0 0 44px;
		line-height:                    20px;
		font-size:                      13px;
		color:                          #999;
	}


nav #menucontainer {
	width: 960px;
	margin: 0 auto;
}

ul.menu li.item1958 {
	display: none;
}


#navinner{
	max-width:960px;
	margin:0 auto;
	z-index:99;
}

#matic {
	display: block;
	width: 960px;
}

#menucontainer #nav_primary li a.btn img {
	width: 36px;
	height: 36px;
}

#menucontainer #nav_primary li a.btn {
	background: none;
}

#menucontainer #nav_primary li a.btn:active, #menucontainer #nav_primary li a.btn:focus, #menucontainer #nav_primary li a.btn:hover {
	background: none;
}

#menucontainer #nav_primary li a.btn span {
	width: 100px;
}

ul.menu {
	position: relative;
	margin: 0 auto;
	list-style-type: none;
	padding: 0 0 0 0px;
	color: #000;
	height: 100%;
}

ul.menu a:link, ul.menu a:visited {
	text-decoration: none;
	text-align: center;
	font-style: bold;
}


 /* Promo container */
	
	.containerBottomLevelMenu {
	  width: 100%;
	  position: absolute;
	  /*top: 0; dark grey style*/
	  top: 1px;
	  right: 0;
	  height: auto;
	}
	
	nav#mainNav div.containerBottomLevelPromo {
		width: 25%;
		position: absolute;
		z-index: 99;
		left: 0;
		/*top: 75px; dark grey style*/
		top: 76px;
	   /* box-shadow: inset 0px 2px 1px 0px rgba(0,0,0,0.1), 0px 2px 1px 0px rgba(0,0,0,0.1);*/
		box-shadow:                     0px 4px 0px 1px rgba(0,0,0,0.1);  
		background-color: #f6f6f6; 
		overflow: hidden;
		box-sizing:border-box;
		padding:20px;
	}


	nav#mainNav div.containerBottomLevelPromo h3 {
		
	font-weight: normal;
	color: #333;
	font-size: 18px;
	line-height: 25px;
/*	border-bottom:1px solid #666;
	margin:0 0 10px 0;	*/	
	}
	
	nav#mainNav div.containerBottomLevelPromo ul li {
	padding:								5px 0;
	height:									auto;
	color:									#333;
  }
	
	nav#mainNav div.containerBottomLevelPromo a {
	color:									#333;
	height:									auto;
	text-align:								left;
	line-height:							20px;
	font-size:								16px;
	padding:								0;
  }
  
  
	nav#mainNav div.containerBottomLevelPromo a:hover {
	background:								transparent;
  }
	


	/*nav#mainNav ul.mainNavBottomLevel, nav#mainNav div.containerBottomLevelPromo {
	   height: 453px;
	}*/

@media all and (max-width: 1160px) {

	/*nav#mainNav ul.mainNavBottomLevel li {
		min-height: 148px;
	}*/
	
/*	  nav#mainNav ul.mainNavBottomLevel, nav#mainNav div.containerBottomLevelPromo {
	   height: 493px;
	}*/ 

}

@media all and (max-width: 1080px) {

	nav#mainNav ul.mainNavBottomLevel li a i {
		display:none;
	}
	
	nav#mainNav ul.mainNavBottomLevel li a span.title, nav#mainNav ul.mainNavBottomLevel li a span.desc {
	margin: 0;

}
	
	


}

/*
@media all and (max-width: 1020px) {

	nav#mainNav ul.mainNavBottomLevel li {
		min-height: 150px;
	}

}
*/

@media all and (max-width: 960px) {
	

	ul.menu li a{
		width:90px;
	}

	 ul.menu li img {
		padding: 8px 29px;
	}

	ul.menu li span{
		font-size: 13px;
		display: block;
	}
	
	ul.menu li a{
		margin-right:10px;
	}

	nav#mainNav ul.mainNavMiddleLevel li a {
		padding: 0 9px;
	}

	 
	ul#mainNavTopLevel li a, ul#mainNavMiddleLevel li a, ul#mainNavBottomLevel li a,

	ul.mainNavTopLevel li a, ul.mainNavMiddleLevel li a, ul.mainNavBottomLevel li a {
		padding: 0 15px;
		font-size: 14px;
	}

	ul#mainNavTopLevel li:first-child a,

	ul.mainNavTopLevel li:first-child a {
		padding: 0 15px 0 20px;
	}

			ul#mainNavTopLevel li a:hover, ul#mainNavTopLevel li a.active,

			ul.mainNavTopLevel li a:hover, ul.mainNavTopLevel li a.active {
				color: #fff;
			}

	nav#mainNav ul.mainNavBottomLevel li a span.title {
		font-size: 13px;
	}
	
	 nav#mainNav ul.mainNavBottomLevel li a span.desc {
		font-size: 12px;
	} 
	nav#mainNav ul.mainNavBottomLevel, nav#mainNav div.containerBottomLevelPromo {
	height: 474px;
}        
	
}


@media all and (max-width: 825px){
  
  ul#mainNavTopLevel li a, ul#mainNavMiddleLevel li a, ul#mainNavBottomLevel li a,

  ul.mainNavTopLevel li a, ul.mainNavMiddleLevel li a, ul.mainNavBottomLevel li a {
	padding: 0 9px;
  }

  ul#mainNavTopLevel li:first-child a,

  ul.mainNavTopLevel li:first-child a {
	padding: 0 9px 0 20px;
  }


  nav#mainNav ul.mainNavBottomLevel li {
	min-height: 170px;
	}
	
  nav#mainNav ul.mainNavBottomLevel, nav#mainNav div.containerBottomLevelPromo {
	height: 510px;
}
  
}

@media all and (max-width: 765px) {
	
	
	nav#mainNav div.containerBottomLevelMenu {
	width: 100%;
	position: relative;
}


	nav#mainNav ul.mainNavBottomLevel, nav#mainNav ul ul ul {
		border-left:                        0;
		border-right:                       0;
	}

	nav#mainNav ul.mainNavBottomLevel li a span.title {
		line-height:                        62px;
	}

	[class^="icon-"], [class*="icon-"] {
		margin:                             18px 0 12px 0;
		color:                              #333;
	}

	span.icon-plus {
		margin:                             0;
		color:                              #007fd4;
	}

	nav [class^="icon-"] {
		font-size:                         34px;
		line-height:                       27px;
	}

	nav#mainNav {
		background:                         none !important; 
	}

	/*nav#mainNav span#mobileMenuIcon {
		width:                              60px;
		height:                             55px;
		color:                              #333;
		line-height:                        90px;
		margin:                             10px;
	}*/
	
	nav#mainNav span#mobileMenuIcon {
	width: 60px;
    height: 55px;
    color: #333;
    line-height: 84px;
    margin: 14px 10px 10px 10px;
    position: relative;
    font-size: 13px;


	}
	nav#mainNav span#mobileMenuIcon:before {
		content: '\ec6e';
		color: #333;
		position: absolute;
		top: 33%;
		left: 50%;
		text-indent: 0;
		
		width: auto; height: auto;
		
		transform: translate(-50%, -50%);
	}
	

	nav#mainNav ul.mainNavBottomLevel {
		
	height: auto;
	
	}

	
	nav#mainNav div.containerBottomLevelPromo {
		display: none !important;
	}

	ul#mainNavTopLevel li, nav#mainNav ul.mainNavMiddleLevel li, nav#mainNav ul.mainNavBottomLevel li,

	ul.mainNavTopLevel li, nav#mainNav ul.mainNavMiddleLevel li {
		vertical-align: middle;
		float: none;
	}

	ul#mainNavTopLevel li:last-child, nav#mainNav ul.mainNavMiddleLevel li:last-child, nav#mainNav ul.mainNavBottomLevel li:last-child,

 /*   ul.mainNavTopLevel li:last-child, nav#mainNav ul.mainNavMiddleLevel li:last-child {
		border:                              none;
	}*/
	
	nav#mainNav ul.mainNavBottomLevel li {
		margin:                              0;
	}

	nav#mainNav ul.mainNavMiddleLevel li a.active {
		background-color:                     #5a5a5a;
		color:                                #fff;
	}
	
	ul#mainNavTopLevel li a, nav#mainNav ul.mainNavMiddleLevel li a, nav#mainNav ul.mainNavBottomLevel li a,

	ul.mainNavTopLevel li a, nav#mainNav ul.mainNavMiddleLevel li a {
		color: #fff;
		display: block;
		height: 60px;
		text-decoration: none;
		padding: 0 20px;
	}

	nav#mainNav ul.mainNavMiddleLevel li a:hover {
		color:                              #fff;
		background-color:                   #5a5a5a;  
	}

	nav#mainNav ul.mainNavBottomLevel li a:hover {
		color:                              #494949;
		background-color:                   #f5f5f5; 
	}

	ul#mainNavTopLevel li a:after,
	ul#mainNavTopLevel li a.active:after,

	ul.mainNavTopLevel li a:after,
	ul.mainNavTopLevel li a.active:after  {
		position:                           absolute;
		right:                              20px;
		font-size:                          20px;
		width:                              25px;
		line-height:                        65px;
	}

	ul#mainNavTopLevel li a:after,
	ul.mainNavTopLevel li a:after {
		content:                            "\e602";
	}
	
	ul#mainNavBottomLevel li a:after,
	ul.mainNavBottomLevel li a:after {
		content:                            "\e603";
	}

	ul#mainNavTopLevel li a.active:after,
	ul.mainNavTopLevel li a.active:after {
        -ms-transform: rotate(90deg); 
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
	}

	ul#mainNavTopLevel ul ul li a:after,
	ul.mainNavTopLevel ul ul li a:after, 
	ul.mainNavTopLevel.topmenu a:after,
	ul.mainNavTopLevel.Latest-News a:after	 {
		content:                            none;
	}

	ul#mainNavTopLevel li, ul.mainNavTopLevel li {
		border-bottom:                      1px solid #444;
	}
	
	ul.mainNavTopLevel.topmenu li, ul.mainNavTopLevel.Latest-News li {
		
		border-bottom:none;
		}


	nav#mainNav ul.mainNavMiddleLevel li {
		border-bottom:                      1px solid #737373;
		height:                             auto;
	}

			nav#mainNav ul.mainNavMiddleLevel li:first-child {
				border-top:                         1px solid #737373;
			}

	nav#mainNav ul.mainNavBottomLevel li {
		 border-bottom:                      1px solid #ebebeb;
	}        

			nav#mainNav ul.mainNavBottomLevel li:first-child {
				border-top:                         1px solid #ebebeb;
			}

	ul#mainNavTopLevel li a, ul.mainNavTopLevel li a {
		height:                             60px;
		line-height:                        60px;
	}

	ul#mainNavTopLevel li a, ul#mainNavMiddleLevel li a, ul#mainNavBottomLevel li a,

	ul.mainNavTopLevel li a, ul.mainNavMiddleLevel li a, ul.mainNavBottomLevel li a {
		font-size:                          16px;
		font-weight:						normal;
	}

	ul#mainNavTopLevel li a:hover, ul#mainNavTopLevel li a.active,

	ul.mainNavTopLevel li a:hover, ul.mainNavTopLevel li a.active {
		background-color:             #666;
		color:                        #fff;
	}

	nav#mainNav ul.mainNavMiddleLevel {
		height: auto;
		top: auto;
		position: relative;
	}

	ul#mainNavTopLevel li a, ul.mainNavTopLevel li a {
		background:                     #333;
		color:							#eee;
	}
	
/*	ul.mainNavTopLevel.topmenu li a, ul.mainNavTopLevel.Latest-News li a {
		background:                     #444;
	}*/

	 nav#mainNav ul.mainNavBottomLevel li {
		min-height:                         0; 
		width:                              100%;
	}

			nav#mainNav ul.mainNavBottomLevel li span.desc {
				display:                            none; 
			}


	ul.menu li a{
		margin-right: 10px;
	}

	.menu-wrapper {
		top:                                0;
		position:                           absolute;
		width:                              100%;
	}

	#ps_results {
		box-shadow:                         4px 4px 0px 1px rgba(0,0,0,0.1);
	}
	
	nav#mainNav ul.mainNavBottomLevel li a span.title {
		
	margin:0;
	font-size: 16px;	
		
	}
	

}


@media all and (max-width: 720px) {
	ul.menu li span {
	font-size: 12px;
	}

	ul.menu li a{
		margin-right:0px;
	}

	ul.menumaticSide{
		display: none;
	}
}


@media all and (max-width: 640px) {

	/*nav#mainNav {
		height:                         60px;
	}*/

	/*nav#mainNav span#mobileMenuIcon {
		width:                          65px;
		height:                         60px;
		margin:                         0;
	}*/

	#mobileMenuIcon:before {
		width:                          65px;
		height:                         60px;
	}

	ul#mainNavTopLevel li a, ul#mainNavMiddleLevel li a, ul#mainNavBottomLevel li a,

	ul.mainNavTopLevel li a, ul.mainNavMiddleLevel li a, ul.mainNavBottomLevel li a {
		height:                         60px;
		line-height:                    60px;
		
	}

 @media all and (max-width: 420px) {

	ul#mainNavTopLevel li a, ul#mainNavMiddleLevel li a, ul#mainNavBottomLevel li a, nav#mainNav ul.mainNavBottomLevel li a span.title,

	ul.mainNavTopLevel li a, ul.mainNavMiddleLevel li a, ul.mainNavBottomLevel li a, nav#mainNav ul.mainNavBottomLevel li a span.title {
		font-size:                          14px;
	}

}

	/*

   nav{float:left; width:100%; border:none; padding:0; top:150px; z-index:999;}
   
   #navinner{
	max-width:650px;
	}

	ul.menu li img{
		display:none;
	}

	ul.menu li a {
		width:100%;
	}

	ul.menu a:link, ul.menu a:visited{
		text-align:left;
	}


ul#matic.menu {
	display: none;
	margin-top:94px;
	z-index:10;
	width:100%;
	overflow:hidden;
}


ul.menu a:link, ul.menu a:visited {
	color:#fff;
	text-decoration:none;
	display:block;
	font-weight: normal;
	padding-left:13px;
	margin-left:0;
}

ul.menu li {
	margin:0;
	display:block;
	width:100%;
	height:40px;
	line-height:40px;
	padding:0; 
	position:relative;
	font-weight:normal;
	background-color:#F1B310;
	border-bottom: 1px solid #ffffff;
}
ul.menu li.jdm_hover > a, ul.menu li > a:hover, ul.menu li > a:active, ul.menu li#current > a {
	margin:0;
		color:#ffffff;
		border-bottom: none;
		text-decoration:none;
		background:#0053A6;
		width:100%;
		height: inherit;
}	

#mobileNavLink{ display:block; position:absolute;  max-width:87px; z-index:999; top:28px; left:10px;}	

#mainContent {
	width: 100%;
	padding: 0;
}

#terNav {
	width:100%;
	float:none;
	position:relative;    
	padding: 0 15px 15px 15px;
	background-color: #ffc621;
}

#terNav .separator {
	font-size:1.2em;
	font-weight:bold;
	color:#0053A6;
}
  
  #terNav ul {
	list-style: none;
	margin: 0;
	padding: 0; 
  }

	#terNav ul li {
		display: block;
		height: 24px;
		width: 100%;
		padding: 10px 0 0 0;
	}

		#terNav ul li a {
			padding: 0;
			text-decoration: underline;
		}

		 #terNav ul li a:hover {
			color: #fff;
		}

		#terNav ul li span.first {
			margin-left: 0;
		}

		#terNav ul li span.first a{
			border: 0;
		}

		#terNav ul li span a {
			text-decoration: underline;
			color: #506baf;
			margin-left: 0;
		}

		 #terNav ul li span a:hover {
			color: #fff;
		}
	
	*/





