/* ==========================================================================
   Top panel
   ========================================================================== */

.top-panel {
	color: #fff;
	line-height: 46px;
}

/* Greet
   ========================================================================== */

.top-panel .greet {
	margin-left: 20px;
	float: left;
}

.top-panel .greet p { margin: 0; }

/* Search
   ========================================================================== */

.top-panel .search {
	position: relative;
	float: right;
}

.top-panel .search .inputbox {
	width: 104px;
	padding: 2px 27px 3px 5px;
	margin-left: 9px;
	font-size: 1em;
	color: #fff;
	line-height: normal;
	background: url(../../img/searchbox-input-field.png) no-repeat bottom right;
	border: 0;
}

.top-panel .search .button {
	position: absolute;
	top: 16px;
	right: 8px;
}

/* ==========================================================================
   Main menu
   ========================================================================== */

#mainmenu {
	width: 734px;
	float: left
}

#mainmenu .level1 {
	position: relative;
	z-index: 299;
	display: block;
	float: left;
	font-weight: bold;
	font-size: 1.1em;
	text-align: center;
	color: #090909;
	border-left: 1px solid #d3d3d3;
	background: #fff url(../../img/bg/nav.png) repeat-x 0 top;
}

/*
 * Manually assign width to each level1 item
 * because padding left/right on a, broken in ie9
 */

#mainmenu .level1.count-1 { width: 82px; }
#mainmenu .level1.count-2 { width: 92px; }
#mainmenu .level1.count-3 { width: 102px; }
#mainmenu .level1.count-4 { width: 116px; }
#mainmenu .level1.count-5 { width: 89px; }
#mainmenu .level1.count-6 { width: 126px; }
#mainmenu .level1.count-7 { width: 120px; }

#mainmenu .level1.first {
	border-left: 0 !important;
}

#mainmenu a {
	display: block;
	padding: 11px 0;
	color: #090909;
}

#mainmenu.overlay .level1			{ background-position: 0 bottom; }
#mainmenu.overlay .level1			{ border-left: 1px solid #7f7f7f; }

#mainmenu .level1:hover 			{ background: #f8921c; }
#mainmenu .level1:hover a 			{ color: #fff; }
#mainmenu .level1:hover .level2 a 	{ color: #121212; }
#mainmenu .level1:hover .dropdown	{ opacity: 1; visibility: visible; }
#mainmenu .level1.last .dropdown	{ right: 0; left: auto; }
#mainmenu .level1.count-6 .dropdown	{ right: -121px; left: auto;}
#mainmenu .level1.count-5 .dropdown	{ right: -248px; left: auto;}
#mainmenu .level1.count-4 .dropdown	{ right: -338px; left: auto;}

/* Level 2
   ========================================================================== */

#mainmenu .dropdown {
	position: absolute;
	overflow: hidden;
	left: 0;
	opacity: 0;
	visibility: hidden;
	border-top: 5px solid #f8921c;
	background-color: #ffffff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f2f2f2));
	background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
	background-image:    -moz-linear-gradient(top, #ffffff, #f2f2f2);
	background-image:      -o-linear-gradient(top, #ffffff, #f2f2f2);
	background-image:         linear-gradient(to bottom, #ffffff, #f2f2f2);
	-webkit-transition: opacity 0.2s linear 0s;
    -moz-transition: opacity 0.2s linear 0s;
    -o-transition: opacity 0.2s linear 0s;
    -ms-transition: opacity 0.2s linear 0s;
    transition: opacity 0.2s linear 0s;
}

/* size of dropdown without module = dropdown size - size of module (160px) */
#mainmenu .dropdown.col1 				{ width: 198px; }
#mainmenu .dropdown.col2 				{ width: 375px; }
#mainmenu .dropdown.col3				{ width: 552px; }
#mainmenu .dropdown.col1.hasMod			{ width: 358px; }
#mainmenu .dropdown.col2.hasMod 		{ width: 535px; }
#mainmenu .dropdown.col3.hasMod 		{ width: 712px; }

#mainmenu .dropdown > ul {
	float: left;
	padding: 16px 0 30px 35px;
}

#mainmenu .dropdown > ul.first-col {
	padding-right: 0;
	padding-left: 28px;
}

#mainmenu .dropdown > ul.last-col {
	padding-right: 28px;
}

#mainmenu .level2 {
	background: none;
	width: 142px;
	margin-bottom: 12px;
	text-align: left;
}

#mainmenu .level2 a {
	display: block;
	color: #121212;
	padding: 8px 20px 8px 0;
	border-bottom: 1px solid #e6e6e6;
	background: url(../../img/arrow-right--grey.gif) no-repeat right center;
}

#mainmenu .level2:hover { background: none; }

/* Level 3
   ========================================================================== */

#mainmenu ul ul {
	margin-top: 12px;
}

#mainmenu .level3 {
	font-size: 1em;
	font-weight: normal;
}

#mainmenu .level3 a {
	padding: 0 0 0 12px;
	border: 0;
	background: url(../../img/arrow-right--cyan.gif) no-repeat left 7px;
}

/* Dropdown embedded custom-module
   ========================================================================== */

#mainmenu .dropdown .custom {
	width: 129px;
	padding: 15px;
	padding-bottom: 99em;
	margin-bottom: -99em;
	float: left;
	color: #01015a;
	font-weight: bold;
	text-align: center;
	border-right: 1px solid #d6d6d6;
	background: #f3f3f3;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#ddd));
	background-image: -webkit-linear-gradient(top, #f3f3f3, #ddd);
	background-image:    -moz-linear-gradient(top, #f3f3f3, #ddd);
	background-image:      -o-linear-gradient(top, #f3f3f3, #ddd);
	background-image:         linear-gradient(to bottom, #f3f3f3, #ddd);
}

#mainmenu .dropdown .custom img { max-width: 129px; }

#mainmenu .dropdown .custom a {
	display: inline;
	padding: 0;
}

/* ==========================================================================
   Tabs menu
   ========================================================================== */

#tabsmenu .level1 {
	position: relative;
	z-index: 199;
	display: block;
	float: left;
	margin-left: 10px;
	font-weight: bold;
}

#tabsmenu .level1 > a {
	display: block;
	height: 38px;
	line-height: 33px;
	font-size: 1.1em;
	color: #fff;
	text-align: center;
	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.45);
	background-image: url(../../img/sprite/general.png);
	background-repeat: no-repeat;
}

#tabsmenu .item-140 > a {
	background-position: 0 0;
	width: 106px;
}

#tabsmenu .item-141 > a {
	background-position: -139px 0;
	width: 146px;
}

#tabsmenu .item-142 > a {
	background-position: -318px 0;
	width: 106px;
}

#tabsmenu.overlay .level1 > a 			{ color: #999; }
#tabsmenu.overlay .item-140	> a			{ background-position: 0 -57px; }
#tabsmenu.overlay .item-141 > a			{ background-position: -139px -57px; }
#tabsmenu.overlay .item-142 > a			{ background-position: -318px -57px; }

#tabsmenu .level1:hover .dropdown		{ opacity: 1; visibility: visible; }

/* Level 2
   ========================================================================== */

#tabsmenu .dropdown {
	position: absolute;
	overflow: hidden;
	top: 0;
	right: 1px;
	opacity: 0;
	visibility: hidden;
	background-color: #ffffff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f2f2f2));
	background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
	background-image:    -moz-linear-gradient(top, #ffffff, #f2f2f2);
	background-image:      -o-linear-gradient(top, #ffffff, #f2f2f2);
	background-image:         linear-gradient(to bottom, #ffffff, #f2f2f2);
	-webkit-transition: opacity 0.2s linear 0s;
    -moz-transition: opacity 0.2s linear 0s;
    -o-transition: opacity 0.2s linear 0s;
    -ms-transition: opacity 0.2s linear 0s;
    transition: opacity 0.2s linear 0s;
}

#tabsmenu .dropdown.col1 		{ width: 198px; }
#tabsmenu .dropdown.col2 		{ width: 375px; }
#tabsmenu .dropdown.hasMod 		{ width: 550px; }

#tabsmenu .dropdown > ul {
	float: left;
	padding: 16px 0 30px 35px;
}

#tabsmenu .dropdown > ul.first-col {
	padding-right: 0;
	padding-left: 28px;
}

#tabsmenu .dropdown > ul.last-col {
	padding-right: 28px;
}

#tabsmenu .level2 {
	background: none;
	width: 157px;
	margin-bottom: 12px;
	text-align: left;
}

#tabsmenu .level2 a {
	display: block;
	color: #121212;
	padding: 8px 20px 8px 0;
	border-bottom: 1px solid #e6e6e6;
	background: url(../../img/arrow-right--grey.gif) no-repeat right center;
}

#tabsmenu .level2:hover { background: none; }

/* Level 3
   ========================================================================== */

#tabsmenu ul ul {
	margin-top: 12px;
}

#tabsmenu .level3 {
	font-size: 1em;
	font-weight: normal;
}

#tabsmenu .level3 a {
	padding: 0 0 0 12px;
	border: 0;
	background: url(../../img/arrow-right--cyan.gif) no-repeat left center;
}

/* Dropdown embedded custom-module
   ========================================================================== */

#tabsmenu .dropdown .custom {
	width: 115px;
	padding: 15px;
	padding-top: 0;
	padding-bottom: 99em;
	margin-bottom: -99em;
	float: right;
	color: #fff;
	font-weight: bold;
	text-align: center;
	background: #01015a;
}

#tabsmenu .dropdown .custom h3 {
	line-height: 33px;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 0 2.5em 0;
	color: #fff;
	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.45);
	border-bottom: 1px solid #4e4e8c;
}

#tabsmenu .dropdown .custom a {
	display: inline;
	padding: 0;
}

/* ==========================================================================
   Home modules
   ========================================================================== */

.homemods .moduletable {
	margin-bottom: 20px;
}

.homemods .moduletable h3 {
	margin: 0;
	padding: 11px 20px;
	font-size: 1.4em;
	line-height: 1.2;
	text-transform: uppercase;
	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2);
}

.homemods .moduletable h3 .sub {
	display: block;
	font-size: 0.765em;
}

.homemods .moduletable a {
	font-weight: bold;
}

.homemods .moduletable .img {
	margin-bottom: 1.8em;
}

/* Latest news
   ========================================================================== */

.latest-news ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.homemods .latest-news li {
	margin-bottom : 1.5em;
}

.homemods .latest-news h3 {
	color: #fff;
	background: #f8921c;
}

.homemods .latest-news h5 {
	margin: 0 0 0.3em 0;
	font-size: 1.2em;
	color: #1a1a1a;
}
.homemods .latest-news .viewall{
	padding-left:10px;
}

.homemods .latest-news h5 a {
	color: #1a1a1a;
}

.homemods .latest-news .date {
	font-size: 0.9em;
	color: #01015a;
}

.right .latest-news li{
	list-style:none;
	margin-bottom:9px
}

.right .latest-news h5 a {
	font-size:11px
}

.right .latest-news h5{
	margin:0;
	margin-bottom:3px;
}

.right .latest-news .date {
	font-size: 0.8em;
	color: #01015a;
}

/* Featured Campaign
   ========================================================================== */

.homemods .featured {
}

.homemods .featured h3 {
	color: #fff;
	background: #048b78;
}

/* Quickmenu - What do I want to do?
   ========================================================================== */

.homemods .quick-menu {
	background: #e9f1f7;
}

.homemods .quick-menu h3 {
	color: #fff;
	background: #02026c;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#02026c), to(#05054c));
	background-image: -webkit-linear-gradient(top, #02026c, #05054c);
	background-image:    -moz-linear-gradient(top, #02026c, #05054c);
	background-image:      -o-linear-gradient(top, #02026c, #05054c);
	background-image:         linear-gradient(to bottom, #02026c, #05054c);
}

.homemods .quick-menu li {
	height: 52px;
	line-height: 52px;
	border-bottom: 1px solid #c4d6e3;
}

.homemods .quick-menu li:hover {
	background: #e3eaf3;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e3eaf3), to(#d2dae9));
	background-image: -webkit-linear-gradient(top, #e3eaf3, #d2dae9);
	background-image:    -moz-linear-gradient(top, #e3eaf3, #d2dae9);
	background-image:      -o-linear-gradient(top, #e3eaf3, #d2dae9);
	background-image:         linear-gradient(to bottom, #e3eaf3, #d2dae9);
}

.homemods .quick-menu a {
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	color: #01015a;
}

.homemods .quick-menu .img {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 0;
	width: 73px;
	text-align: center;
}

/* Acepoll
   ========================================================================== */

.homemods .acepoll {
	background: #E9F1F7;
	margin-bottom:0
}


.homemods .acepoll h3 {
	color: #fff;
	background: #02026c;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#02026c), to(#05054c));
	background-image: -webkit-linear-gradient(top, #02026c, #05054c);
	background-image:    -moz-linear-gradient(top, #02026c, #05054c);
	background-image:      -o-linear-gradient(top, #02026c, #05054c);
	background-image:         linear-gradient(to bottom, #02026c, #05054c);
}

.homemods .acepoll h4{
	font-size:15px
}

/* Acepoll pop up
   ========================================================================== */

.acepoll-popup {
	background: #E9F1F7;
	margin-bottom:0
}

.acepoll-popup h3 {
	margin: 0;
	padding: 11px 20px;
	font-size: 1.4em;
	line-height: 1.2;
	text-transform: uppercase;
	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2);
}

.acepoll-popup h3 {
	color: #fff;
	background: #02026c;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#02026c), to(#05054c));
	background-image: -webkit-linear-gradient(top, #02026c, #05054c);
	background-image:    -moz-linear-gradient(top, #02026c, #05054c);
	background-image:      -o-linear-gradient(top, #02026c, #05054c);
	background-image:         linear-gradient(to bottom, #02026c, #05054c);
}

.acepoll-popup h4{
	font-size:15px
}


/* ==========================================================================
   Logos
   ========================================================================== */

.logos ul {
	list-style: none;
	margin: 0;
	padding: 29px 0 28px 0;
}

.logos li {
	display: inline-block;
	*display: inline;
	margin-left: 34px;
}

.logos li:first-child {
	margin-left: 0;
}

/* ==========================================================================
   Footer
   ========================================================================== */

footer {
	font-size: 0.917em;
}


/* Footer menu
   ========================================================================== */

#footermenu {
	overflow: hidden;
	margin-top: 17px;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}

#footermenu .level1 {
	width: 135px;
	float: left;
	margin-left: 29px;
	font-size: 1.1818em;
	font-weight: bold;
	color: #33312d;
}

#footermenu .level1:first-child {
	margin-left: 0;
}

#footermenu .level1 > span,
#footermenu .level1 > a {
	display: block;
	padding: 6px 0;
	margin-bottom: 6px;
	border-bottom: 1px dashed #bfbfbf;
}

#footermenu .level2 {
	padding: 3px 0;
	font-size: 0.846em;
	font-weight: normal;
	color: #3c4042;
}

#footermenu .level2 a {
	display: block;
	padding-left: 10px;
	color: #3c4042;
	background: url(../../img/arrow-right--cyan.gif) no-repeat left 5px;
}

/* Bottom Menu
   ========================================================================== */

#bottommenu li {
	float: left;
	padding: 0 10px;
	border-left: 1px solid #7a7977;
}

#bottommenu li:first-child {
	border: 0;
}

#bottommenu a {
	color: #33312d;
}

/* Copyright statment
   ========================================================================== */

.copyright-statement {
	float: left;
	clear: left;
	margin-top: 10px;
	line-height: 1.6;
	color: #7c7c7c;
}

/* ==========================================================================
   Find my branch
   ========================================================================== */

/*
 * Doing this global style to override sbox-btn-close display: none; 
 * for home page find my branch is not ideal, but no choice.
 */

.home #sbox-window #sbox-btn-close { display: block; }

#findmybranch {
	position: relative;
	height: 100%;
	background: #f9f9f9;
}

#findmybranch .map-container {
	width: 607px;
	height: 540px;
	margin: 10px auto;
	background: url(../../img/sprite/map.jpg) no-repeat 0 0;
}

#findmybranch .map-container.active-TAS 	{ background-position: -607px 0; }
#findmybranch .map-container.active-VIC 	{ background-position: 0 -540px; }
#findmybranch .map-container.active-QLD 	{ background-position: -607px -540px; }
#findmybranch .map-container.active-NSW 	{ background-position: 0 -1080px; }
#findmybranch .map-container.active-SA 		{ background-position: -607px -1080px; }
#findmybranch .map-container.active-NT 		{ background-position: 0 -1620px; }
#findmybranch .map-container.active-WA 		{ background-position: -607px -1620px; }

#findmybranch .map-container.hover-TAS 		{ background-position: -607px 0; }
#findmybranch .map-container.hover-VIC 		{ background-position: 0 -540px; }
#findmybranch .map-container.hover-QLD 		{ background-position: -607px -540px; }
#findmybranch .map-container.hover-NSW 		{ background-position: 0 -1080px; }
#findmybranch .map-container.hover-SA 		{ background-position: -607px -1080px; }
#findmybranch .map-container.hover-NT 		{ background-position: 0 -1620px; }
#findmybranch .map-container.hover-WA 		{ background-position: -607px -1620px; }


#findmybranch .menu .level1,
#findmybranch .menu .level1 > a { display: none; }

#findmybranch .menu-container {
	width: 576px;
	margin: 0 auto;
	margin-top: -80px;
	padding-bottom: 34px;
}

#findmybranch .menu a {
	display: block;
	border-bottom: 1px solid #e3e3e3;
	padding: 10px 0;
	margin-bottom: 15px;
	background: url(../../img/arrow-right--grey.gif) no-repeat 98% center;
	line-height: normal;
	font-size: 13px;
	font-weight: bold;
	color: #121212;
}

#findmybranch h2 {
	margin: 0;
	padding: 19px 20px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
	text-transform: uppercase;
	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2);
	color: #fff;
	background: #02026c;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#02026c), to(#05054c));
	background-image: -webkit-linear-gradient(top, #02026c, #05054c);
	background-image:    -moz-linear-gradient(top, #02026c, #05054c);
	background-image:      -o-linear-gradient(top, #02026c, #05054c);
	background-image:         linear-gradient(to bottom, #02026c, #05054c);
}

#findmybranch .text {
	display: block;
	margin-bottom: 50px;
	font-size: 16px;
	font-weight: bold;
	color: #3d3d3d;
}

/* ==========================================================================
   Pages module
   ========================================================================== */

/*main top area*/
.main .breadcrumbs {
	font-size: 11px;	
	clear: both;
	margin-bottom:10px
}

.main .breadcrumbs a {
	color: #454545;
}

.joomla_addthis {
	float: right;
	clear: both;
	min-width: 160px;
	margin-bottom: 10px;
}

footer .joomla_addthis {
	float: left;
	clear: both;
	min-width: 140px;
	margin-bottom: 0;
}

/** left menu **/
div[role="main"] .left{ 
	padding-top:35px;
	padding-bottom:40px
}

div[role="main"] .left h3{
	color:#009999;
	font-size:12px;
	padding-bottom:6px;
	border-bottom:1px solid #ccc
}

div[role="main"] .left ul.menu li a, div[role="main"] .left ul.VMmenu li a{
	color:#121212;
	font-size:12px;
	display:inline-block;
	width:130px;
	padding: 10px 13px 10px 0;
	border-bottom:1px solid #ccc;
	background:url(../../img/icon/arrow.png) no-repeat;
	background-position:right 10px;
}

div[role="main"] .left ul.menu li a:hover, div[role="main"] .left ul.menu li.active > a,
div[role="main"] .left ul.VMmenu li a:hover, div[role="main"] .left ul.VMmenu li.active a{
	color: #f8921c;
	font-weight:bold;
	background-image:url(../../img/icon/arrow2.png);
	text-decoration:none
}

.right .moduletable, .left .moduletable{
	margin-bottom:20px
}


/** vm **/

.vmgroup .prod_img{
	display:inline-block;
	line-height: 225px;
	height: 225px;
	width: 205px;
	border: 3px solid #E1E2EB;
	margin-bottom: 10px;
	text-align: center;
}

.prod_img .featuredProductImage{
	max-width:185px;
	max-height:200px;
}

.vmproduct.productdetails div.floatleft{
	margin-bottom:15px
}

.vmgroup .mod_prodname{
	font-size: 14px;
	margin: 0 0 6px;
	padding: 0;
	font-weight:bold;
	display: block;
	margin-right:20px
}

ul li.invi{ display:none}

.custom.subscribe {
	float:right;
	padding-right: 13px;
	margin-right: 13px;
	border-right: 1px solid white;
	line-height: 1em;
	margin-top: 17px;
}

.custom.subscribe a {
	font: default;
	color: white;
	text-decoration: none;
}

.custom.social-icons {
	float: right;
	padding: 0 6px;
}

.custom.social-icons a {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	height: 21px;
	width: 21px;
	vertical-align: middle;
	background-position: top;
	text-decoration: none;
}


.custom.social-icons a:hover {
	background-position: bottom;
}

.custom.social-icons a.facebook {
	background-image: url(/templates/asu/img/facebookhover.png);
}


.custom.social-icons a.twitter {
	background-image: url(/templates/asu/img/twitterhover.png);
}

.custom.social-icons a.flickr {
	background-image: url(/templates/asu/img/flickrhover.png);
}
.custom.social-icons a.youtube {
	background-image: url(/templates/asu/img/youtubehover.png);
}
.custom.social-icons a.googleicon {
	background-image: url(/templates/asu/img/googlehover.png);
}