/* HTML Elements
----------------------------------------------------------- */

/* [!] Reset elements that have defaults */
html * {border:none;margin:0;padding:0;}



html body {
	background: #e7e8ea;
	color: #434343;
	font: normal 0.75em Arial, Tahoma, Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;	
}
h3 { margin-bottom: 5px;}

p { margin-bottom: 20px; }

a { text-decoration: none; color: #383972; font-weight:900; }
a:hover { text-decoration: underline; }

#content ul {
	margin: 0 0 20px 35px;
}

#content ol {
	margin: 0 0 20px 28px;
}
ol li { margin-bottom: 20px; }
ol li li { margin-bottom: 5px; list-style-type: lower-alpha; }

input, textarea, select { font: normal 12px Arial, Tahoma, Verdana, Helvetica, sans-serif;}

textarea { margin: 5px 0 20px 0; }



/* Layout & Structure
----------------------------------------------------------- */
#container {
	width: 931px;
	background: #fff url("../images/bg/bg-top.jpg") no-repeat;
	margin: 0 auto;
	margin-top: 5px;
	margin-bottom: 40px;
	position: relative;
}

#content {
	width: 760px;
	margin: 80px 0 0 94px;
	padding: 15px 20px 20px 20px;
	position: relative;
}

.content-main {
	width: 540px;
	float: left;
}

.content-split {
	width: 200px;
	float: right;
	margin-left: 20px;
}

#header {
	height: 150px;
	position: relative;
}

#footer {
	padding: 30px;
	background: #e7e8ea url("../images/bg/bg-bottom.jpg") no-repeat;
}


/* Different styles for home page. */
.s-home #container {
	background: #fff url("../images/bg/bg-top-home1.jpg") no-repeat;
	/*	This gets randomly generated later by javascript.
		Look at the home page styles near the end of the css for the
		newer styles.

		If the javascript fails, this one will be shown	 */
}

.s-home #content {
	margin: 9px 0 0 15px;
	width: 860px;
	padding-top: 0;
}

.s-home .content-main {
	width: 870px;
}

.s-home #content #leftContent {
	width: 410px;
	float: left;
	margin-top: 190px;
}

.s-home #content #rightContent {
	width: 400px;
	float: left;
	margin: 0 0 0 35px;
	position: relative;
}

.s-home #rightContent .variableWidth {
	width: 255px;
}

.s-home #rightContent .variableWidth table {
    width: 400px;
}





/* Header Elements & Navigation
----------------------------------------------------------- */

h1 { /* Garvan Logo */
	display: none;
}

#logo {
	position: absolute;
	top: 17px; left: 30px;
	z-index: 100;
}

/* Links at the top-right of the page. */
#topNav {
	position: absolute;
	top: 45px; right:40px;
}
#topNav li, #subNav li {
	display: inline;
	border-right: 1px solid #dbdbdb;
	padding: 0 5px;
}
#topNav li.last, #subNav li.last {
	border-right: none; /* Remove border/divider from rightmost link */
}

#topNav a, #subNav a { padding: 2px 4px; color: #756e6f; font-weight:300; }
#topNav a:hover,
#subNav a:hover,
.s-home #topNav .tn-home a,
.s-contact #topNav .tn-contact a,
.s-fsg #topNav .tn-fsg a
{
	background: #e8e5e0;
	text-decoration: none;
}

/* Sub Navigation - used in News section */
#content ul#subNav { margin: 0 0 20px -9px; }
#subNav li {
	display: inline;
	font-weight:bold;
}


/* Tab navigation - the tricky part */
#globalNav {
	background: url("../images/bg/navigation.gif");
	position:absolute;
	top:106px; left:433px;
	width: 477px;
	height: 35px;
	list-style-type: none;
}

#globalNav li {
	position: absolute;
	top: 0; left: 0;
}

#globalNav li a {
	display: block;
	height: 38px;
	text-indent: -12345px;
	background: transparent;
	overflow: hidden;
}


/* Position the tabs */
#globalNav li.n-about { left: 0; }
#globalNav li.n-help { left: 95px; }
#globalNav li.n-find { left: 243px; }
#globalNav li.n-news { left: 373px; }

/*	The widths of the tabs are different, so they are set here.
	Also the background needs to be shifted over to line up with the respective tab. */
#globalNav li.n-about a { width: 106px; }
#globalNav li.n-help a { width: 156px; }
#globalNav li.n-find a { width: 160px;}
#globalNav li.n-news a { width: 100px;}


/*	Mouse over tabs and active tabs 
	Move the background to the corresponding position in the image. */
#globalNav li.n-about a:hover, .s-about #globalNav li.n-about a { background: url("../images/bg/navigation.gif") no-repeat 0 -62px;  }
#globalNav li.n-help a:hover, .s-help #globalNav li.n-help a { background: url("../images/bg/navigation.gif") no-repeat -95px -126px; }
#globalNav li.n-find a:hover, .s-find #globalNav li.n-find a { background: url("../images/bg/navigation.gif") no-repeat -243px -62px; }
#globalNav li.n-news a:hover, .s-news #globalNav li.n-news a { background: url("../images/bg/navigation.gif") no-repeat -373px -126px; }




/* Footer Elements
----------------------------------------------------------- */
#footer ul {
	list-style-type: none; 
	color: #6a6a6b;
	float: left;
}
#footer li {
	display: inline;
	/* border-right: 1px solid #bfc0c2;		This has been commented out to prevent the dividers between the footer links.
																Remove this comment when you are ready to put the feedback link back online.
																I thought no dividers looked better than having one stray divider at the end. */
	padding: 0 7px;
}
#footer li.last {
	border-right: none; /* Remove border/divider from rightmost link */
	display: none; /* This is temporary - luckily the last link is also feedback - which needed to be disabled until the form was developed. */
							/* Just turn off this rule when you are ready to show the feedback link */
}

#footer div {
	float: right;
	text-align: right;
}
#footer div p { margin-bottom: 0; }

#footer, #footer a { color: #756e6f; font-weight:300; }




/* Titles & Headings
----------------------------------------------------------- */

/* Main Page title */
h2 {
	position: absolute;
	top: 170px; left: 92px;
	width: 380px;
	height: 38px;
	text-indent: -12345px;
}

.s-about h2 { background: url("../images/titles/hd-aboutus.png") no-repeat;  _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='images/titles/hd-aboutus.png'); }
.s-help h2 { background: url("../images/titles/hd-howwecanhelp.png") no-repeat;  _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='images/titles/hd-howwecanhelp.png'); }
.s-find h2 { background: url("../images/titles/hd-contactanadviser.png") no-repeat;  _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='images/titles/hd-contactanadviser.png'); }
.s-news h2 { background: url("../images/titles/hd-news.png") no-repeat;  _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='../images/titles/hd-news.png'); }
.s-contact h2 { background: url("../images/titles/hd-contactus.png") no-repeat;  _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='images/titles/hd-contactus.png'); }
.s-fsg h2 { background: url("../images/titles/hd-fsg.png") no-repeat;  _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='images/titles/hd-fsg.png'); }
.s-adviserlogin h2 { background: url("../images/titles/hd-adviserlogin.png") no-repeat;  _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='../images/titles/hd-adviserlogin.png'); }
.s-induction h2 { background: url("../images/titles/hd-induction.png") no-repeat;  _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='../images/titles/hd-induction.png'); }
.s-advice h2 { background: url("../images/titles/hd-advicewarning.png") no-repeat;  _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='images/titles/hd-advicewarning.png'); }
.s-disclaimer h2 { background: url("../images/titles/hd-legaldisclaimer.png") no-repeat;  _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='images/titles/hd-legaldisclaimer.png'); }
.s-privacy h2 { background: url("../images/titles/hd-privacy.png") no-repeat;  _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='images/titles/hd-privacy.png'); }
.s-complaint h2 { background: url("../images/titles/hd-complaint.png") no-repeat;  _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='images/titles/hd-complaint.png'); }
.s-feedback h2 { background: url("../images/titles/hd-feedback.png") no-repeat;  _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='images/titles/hd-feedback.png'); }
.s-understanding h2 { background: url("../images/titles/hd-understanding.png") no-repeat;  _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='../images/titles/hd-understanding.png'); }
.s-hottopics h2 { background: url("../images/titles/hd-hottopics.png") no-repeat;  _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='images/titles/hd-hottopics.png'); }
.s-ifa h2 { background: url("../images/titles/hd-ifa.png") no-repeat;  _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='images/titles/hd-ifa.png'); }
.s-iro h2 { background: url("../images/titles/hd-iro.png") no-repeat;  _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='images/titles/hd-iro.png'); }
.s-thank h2 { background: url("../images/titles/hd-thankyou.png") no-repeat;  _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='images/titles/hd-thankyou.png'); }

.s-home #rightContent h3 {
	background: url("../images/titles/mlcfp_wins.png");
	_background-image:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='../images/titles/mlcfp_wins.png');
	width: 271px;
	height: 44px;
	margin-bottom: 30px;
	text-indent: -12345px;
}

.s-home h2 { 
	background: url("../images/titles/heading-welcome.gif") no-repeat;
	position: static;
	width: 385px;
	height: 22px;
	margin-bottom: 25px;
}


h3, .s-home h4 { font-size: 1.3em; color: #646361; }
.minih3, .s-home h4 { font-size: 1.2em; }
.split-heading { float: left; }


/* Form elements
----------------------------------------------------------- */


.txt, textarea, .drop {
	padding: 3px;
	border: 1px solid #adbac5;
}

.drop { padding-top:2px; padding-bottom: 2px;}



#content .formHolder, #content .formHolder-alt {
	list-style-type: none;
	margin: 10px 0;
}

.formHolder li {
	clear: both;
	line-height: 20px;
}
.formHolder .label {
	float: left;
	width: 200px;
	padding: 5px 0;
}
.formHolder .input { 
	display: block;
	float: left;
	height: 23px;
	border-left: 3px solid #fff; /* fake border to balance the required field lines. */
	padding-left: 3px;
	margin-top: 4px;

}

.requiredFields { /* The 'indicates required fields' message. */
	border-left: 3px solid #7f9db9; padding-left: 4px;
	float: right;
}
.formHolder .input.req { border-left: 3px solid #7f9db9; }


.formHolder-alt li {
	float: left;
	width: 250px;
	line-height: 32px;
}

li.pad { padding: 10px 0; }

.subQuestion { font-weight: bold; margin-bottom: 0; }



/* Buttons 
----------------------------------------------------------- */
a.btn, input.btn {
	display: block;
	height: 38px;
	text-indent: -12345px;
	overflow:hidden;
}
a.btn-center, input.btn-center { margin: 0 auto; }
.btn-row { width: 320px; margin: 0 auto; margin-bottom: 20px; }
.btn-row a, .btn-row input { float: left; }

a.btn:hover, input.btn:hover { background-position: 0 -60px; cursor: pointer; } /* Shift background image on hover */

.btn-submit { width: 86px; background: url("../images/buttons/btn-submit.jpg"); }
.btn-howwecanhelp { width:150px; background: url("../images/buttons/btn-howwecanhelp.jpg"); }
/*.btn-findadviser { width:141px; background: url("../images/buttons/btn-findanadviser.jpg") 0 -60px; } /* This button's states are reversed. */
.btn-findadviser { width:167px; background: url("../images/buttons/btn-contactadviser.jpg") 0 -60px; } /* This button's states are reversed. */
.btn-readmore { width:111px; background: url("../images/buttons/btn-readmore.jpg"); }


/* Home Page styles
----------------------------------------------------------- */

/*	Three main background images on the home page.
	Javascript will randomly assign one of these when the page loads. */
.s-home #container.c1 { background: #fff url("../images/bg/bg-top-home1.jpg") no-repeat; }
.s-home #container.c2 { background: #fff url("../images/bg/bg-top-home2.jpg") no-repeat!important; }
.s-home #container.c3 { background: #fff url("../images/bg/bg-top-home3.jpg") no-repeat; }

.s-home #award {
	position: absolute;
	top: 8px; left: 265px;
}



/* Misc Styles
----------------------------------------------------------- */
a.contact-garvan { /* 'Contact a Garvan Financial Planning Adviser Today' button. */
	background: url("../images/common/contact-garvan.gif");
	display: block;
	width: 178px;
	height: 89px;
	text-indent: -12345px;
	overflow: hidden;
}

img.staff { /* Picture of people on the right of content */
	margin-bottom: 20px;
}

p.emphasisedBox { /* Beige box as a p */
	background: #e8e5e0;
	padding: 10px;
}

div.emphasisedBox { /* Beige box as a div */
	background: #e8e5e0;
	padding: 10px 10px 1px 10px;
	margin-bottom: 20px;
}

.quoteBlock { /* Block of bigger text near image */
	float: right;
	width: 150px;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 10px 10px;
	text-align: right;
}


.hr {
	display: block;
	border-top: 1px solid #ccc;
	margin: 20px 0;
}
.hr hr { display: none; }

.note { font-size: 11px; }

.hide { display: none; }

a.pdf { padding-bottom:0.6em; padding-left:25px; background:url(http://www.mlc.com.au/includes/imagesglobal/icon_pdf.gif) 5px 0 no-repeat; }
a.zip { padding-bottom:0.6em; padding-left:25px; background:url(http://www.mlc.com.au/includes/imagesglobal/icon_zip.gif) 5px 0 no-repeat; }
a.word { padding-bottom:0.6em; padding-left:25px; background:url(http://www.mlc.com.au/includes/imagesglobal/icon_doc.gif) 5px 0 no-repeat; }
a.excel { padding-bottom:0.6em; padding-left:25px; background:url(http://www.mlc.com.au/includes/imagesglobal/icon_xls.gif) 5px 0 no-repeat; }
a.ppt { padding-bottom:0.6em; padding-left:25px; background:url(http://www.mlc.com.au/includes/imagesglobal/icon_ppt.gif) 5px 0 no-repeat; }
a.podcast { padding-bottom:0.6em; padding-left:25px; background:url(http://www.mlc.com.au/includes/imagesglobal/icon_podcast.gif) 5px 0 no-repeat; }
a.video { padding-bottom:0.6em; padding-left:25px; background:url(http://www.mlc.com.au/includes/imagesglobal/icon_video.gif) 5px 0 no-repeat; }
a.presenter { padding-bottom:0.6em; padding-left:25px; background:url(http://www.mlc.com.au/includes/imagesglobal/icon_presenter.gif) 5px 0 no-repeat; }




/* Hacks and Workarounds :(
----------------------------------------------------------- */
.clear { clear: both; }
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
.clearfix {display:block;}
* html .clearfix {height:1px;}