/*
	Copyright DTDigital         :: www.dtdigital.com.au ::
	Unauthorised modification / use is a criminal offence, and
	will be prosecuted to the fullest extent permitted by law.
	All Rights Reserved
*/

/* ================= @Table of content ========================
***************************************************************
***************************************************************
********** Seperate css into logical chunks of code ***********
***************************************************************
***************************************************************
	@Tags
	@Misc
	@Error
	@Base Font
	@Structual
	@Content
	@Forms
	@Tables
	@List
==================== =Table of content - end ================*/

/* @Tags - START: direct tag styling that are not related font sizing */
*, html { font-family: Arial, Geneva, Helvetica, sans-serif; }

body, form, ul, li, h1, h2, h3, h4, h5, h6, fieldset
{
	margin: 0;
	padding: 0;
}

body { background: #5b9096 url(gr_bg_body.png) 50% 0 no-repeat; padding-top: 6px; }

a { color: #701ea5; text-decoration: none; }
a:hover { text-decoration: underline; }
	
img { border: none; }

td { vertical-align: top; }

p { margin: 0 0 1em 0; padding: 0; }

fieldset { border: 0 none; }

/* @Misc - START: misc styles */
.clear
{
	height: 0px !important;
	line-height: 0 !important; /* if causing problems, remove */
	clear: both !important;
	font-size: 1px !important;
	float: none !important;
	padding: 0px !important;
	margin: 0px !important;
	width: auto !important;
	display: block !important;
	visibility: hidden !important;
	overflow: hidden !important;
}
.skip-links
{
	position: absolute;
	top: -9999px;
	left: -9999px;
	visibility: hidden;
}

/* @Error - START: form validation summary error styles */
.errors
{
	color: #c40000;
}
    #content .errors ul,
    .errors ul
    {
		margin: 6px 0 1.333em 0;
    }
    #content .errors ul li,
    .errors ul li
    {
	    color: #c40000;
	    line-height: 1em;
	    list-style: none;
	    padding: 0 0 6px 8px;
	    background: url(ico_bullet02.gif) 0 0.583em no-repeat;
    }
.error,
#content .error input
{
	color: #c40000;
}


/* @Base Font - START: Styles for scalable font consistency */
html { font-size: 100%; /* IE hack */ }
body { font-size: 0.75em; /* Sets base font size to 12px */ }
table { font-size: 100%; /* IE hack */ }
input, select, textarea, th, td { font-size: 1em; }


h1 { font-size: 2em; line-height: 1em; margin-bottom: 1em; }		/* all em = 24px */
h1.subtitle01 { color: #ffffff; margin-bottom: 0; }

h2 { font-size: 1.417em; line-height: 1em; margin-bottom: 1em; }	/* all em = 17px */
h2.subtitle01 { color: #ffffff; font-size: 2.583em; font-weight: normal; line-height: 1.129em; } /* 31px/35px */
h2.subtitle02 { color: #701ea5; font-size: 1.6166em; margin-bottom: 0.654em; font-weight: normal; } /* 26px/9px */

h3 { font-size: 1.333em; line-height: 1em; margin-bottom: 1em; }	/* all em = 16px */
h3.subtitle01 { color: #ffffff; font-size: 1.417em; margin-bottom: 0.706em; background: url(ico_arrow01.gif) 0 0.176em no-repeat; padding-left: 18px; } /* 17px/12px */
h3.subtitle02 { color: #6a2c91; clear: both; font-size: 1.417em; margin-bottom: 0.706em; background: url(ico_arrow02.gif) 0 0.176em no-repeat; padding: 0 0 0.765em 18px; } /* 17px/12px/2px/13px */
h3.subtitle03 { color: #5e5e5e; font-size: 1.25em; margin-bottom: 1.133em; }
h3.subtitle04 { color: #701ea5; clear: both; font-size: 1.667em; margin-bottom: 1em; background: url(ico_arrow02.gif) 0 0.25em no-repeat; padding: 0 0 0.6em 18px; border-bottom: 1px dotted #c4c4c4; } /* 20px/14px/12px/6px */

h4 { font-size: 1.25em; line-height: 1em; margin-bottom: 1em; }		/* all em = 15px */
h5 { font-size: 1.167em; line-height: 1em; margin-bottom: 1em; }	/* all em = 14px */
h6 { font-size: 1.083em; line-height: 1em; margin-bottom: 1em; }	/* all em = 13px */


h4.subtitle01 { color: #5e5e5e; font-size: 1.25em; margin-bottom: 1.133em; }


.innertitle01 { font-size: 1.167em; display: block; margin-bottom: 0.429em; }

.subtitle { line-height: 1em; margin-bottom: 1em; }
.intro01 { color: #5e5e5e; font-size: 1em; line-height: 1.333em; margin-bottom: 1em; }	/* all em = 15px */

.paragraph01 { color: #8f8880; font-size: 0.833em; }
.paragraph02 { color: #858585; font-size: 0.917em; }

.highlight01 { color: #c40000; }

/*
	Note:
	To set font sizes in elsewhere in the stylesheet, use the following formula
	n/b (where n = desired font size in pixels, and b = base font size in pixels)
	
	eg. font-size: 0.917em; = font-size: 11px;

END: Styles for scalable font consistency */


/* @Structual - START: structural styles */
#bodycontainer
{
	text-align: center;
	background: url(gr_bg_footer.png) 50% 100% repeat-y;
	padding-bottom: 21px;
}
	#bodycontainer #bodycontainer_bg { background: url(gr_bg_shadow.gif) 50% 0 repeat-y; }
	#bodycontainer #bodycontainer_inside
	{
		margin: 0 auto;
		text-align: left;
		width: 984px;
	}
    
#header
{
	padding: 0 18px 0 31px;
	width: 935px;
}
	#header .title01
	{
		margin: 17px 0 18px;
		float: left;
	}
	
#banner
{
	width: 799px;
	background: #701ea5 url(gr_bg_banner01.png) 100% 100% no-repeat;
	min-height: 130px;
	height: auto !important;
	height: 130px;
}
	#banner h1 { padding: 37px 0 0 30px; }
	
.default #navigation { background: none; padding: 0; border: 0 none; }
#navigation 
{ 
	width: 201px;
	background: #8f8880;
	padding: 36px 0 35px;
	border-top: 1px solid #9c948b;
}
	.default #navigation ul li { background: url(gr_bg_nav02.png) 0 50% no-repeat; }
	#navigation ul li
	{
		background: url(gr_bg_nav02.gif) 0 1.455em no-repeat;
		list-style: none;
		font-size: 0.917em;
		font-weight: bold;
		line-height: 1em;
		width: 201px;
	}
	.default #navigation ul li.active { background-position: 0 2.636em; }
	.main #navigation ul li.active { background-color: #827b72; }
		
		#navigation ul li a
		{
			text-decoration: none;
			color: #fff;
			display: block;
			padding: 1em 0 0.818em 31px;
			border-bottom: 1px solid #a5a099;
			width: 170px;
		}
		.default #navigation ul li a
		{
			background: url(gr_bg_seperator02.png) 0 100% no-repeat;
			border: 0 none;
		}
		
		#navigation ul li a:hover { color: #fdc12b; }
		.default #navigation ul li.active a { padding: 2.273em 0 0.818em 31px; background: url(gr_bg_nav-active.png) 0 0 no-repeat; }


/* @Content - START: content styles */
#content
{

}
#content p { color: #666666; line-height: 1.417em; margin: 0 0 1.333em 0; }
#content p.heading { margin: 0 0 0.5em 0; padding: 0;}
#content p.note { font-size: 0.9166em; margin: 0 0 0.5em 0; padding: 4px; border: 1px #cccccc solid; background-color: #EFEEED ;}
p.side-note {
	font-size: 0.8333em;
	line-height: 1em !important;
}
.arrow01
{
	display: block;
	padding: 0 0 0 12px;
	color: #701ea5;
	background: url(ico_arrow03.gif) 0 0.5em no-repeat;
}
.arrow02 { float: right; font-size: 0.917em; background-position: 0 0.364em }

.resource01
{
	margin: 0 0 1em;
}
	.resource01 img {padding: 1px; float: left; border: 1px #a2a8b8 solid; border-width: 2px 1px; border-bottom-color: #596c99;}
	.resource01 .resource_info 
	{ 
		margin: 0 0 0.5em 87px; 
		border: 1px #a2a8b8 solid; border-width: 2px 1px; border-bottom-color: #596c99;
		height: 37px;
		width: 193px;
	}
		#content .resource01 .resource_info p { margin: 0; padding: 2px 6px 0 8px; color: #000000; }
.resource02
{
	margin: 0 0 1em;
	border: 1px solid #fdc32c;
}
	.resource02 h3
	{
		font-size: 1em;
		color: #701ea5;
		background-color: #fdc32c;
		padding: 10px 9px 7px;
		margin: 0;
	}
	.resource02 .resource_content
	{
		padding: 18px 20px 0;
	}

.multi-column01
{
	background-color: #f0f0f0;
	width: 100%;
}
	.multi-column01 .column01
	{
		width: 367px;
		float: left;
	}
	.multi-column01 .column-span01
	{
		width: 617px;
		background: url(img_banner01.jpg) 0 0 no-repeat;
		float: left;
	}
		.multi-column01 .column-span01 .column-padding
		{
			padding: 0 0 41px ;
		}
		.multi-column01 .column-span01 .column-padding.home-banner 
		{
			padding: 0;
			min-height: 259px;
			height: auto !important;
			height: 259px;
		}
		.multi-column01 .column-span01 .innercolumn01
		{
			width: 201px;
			min-height: 228px;
			height: auto !important;
			height: 228px;
			background-color: #9f978e;
			border-top: 87px solid #8f8880;
			float: left;
		}
		.multi-column01 .column-span01 .innercolumn02
		{
			width: 416px;
			border-top: 1px solid #963ebf;
			min-height: 314px;
			height: auto !important;
			height: 314px;
			background: #6a2c91 url(gr_logo02.png) 100% 100% no-repeat;
			float: left;
		}
			.multi-column01 .column-span01 .innercolumn02 .column-padding
			{
				padding: 22px 30px 0;
			}
	.multi-column01 .column-tri-span01
	{
		width: 799px;
		float: left;
	}
.multi-column02
{
	background: #ffffff url(gr_bg_rpt_content.png) 0 0 repeat-y;
}
	.multi-column02 .column01
	{
		width: 201px;
	}
	.multi-column02 .column02
	{
		width: 185px;
		border-bottom: 1px solid #e3e1df;
	}
	.multi-column02 .column-span01
	{
		width: 598px;
		background: #ffffff none;
	}
		.multi-column02 .column-span01 .column-padding
		{
			padding: 47px 22px 40px 21px;
		}
.multi-column03
{
	background: none;
}
	.multi-column03 .column01
	{
		width: 161px;
	}
		.multi-column03 .column01 .column-padding
		{
			padding: 0 10px 0 0;
		}
	.multi-column03 .column-span01
	{
		width: 393px;
		background: none;
	}
	#content .multi-column03 ul
	{
		margin: 0 0 1.333em 36px;
	}
		#content .multi-column03 ul li
		{
			padding: 0 0 0.333em 7px;
		}
			
			
.panel01
{
	background: #fda61e url(gr_bg_panel01.png) 0 0 no-repeat;
}
    .panel01 .panel-padding
	{
		padding: 14px 14px 11px 22px;
	}
	.panel01 .feature-img01
	{
		float: right;
		display: block;
		margin: 0 0 0 18px;
	}
	.panel01 h3.subtitle02 { border: 0 none; padding-bottom: 0; }
	.panel01 p
	{
		color: #ffffff;
		line-height: 1.5em;
	}
.panel02
{
	background: #dad9d7 url(gr_bg_panel02.png) 0 0 no-repeat;
}
	.panel02 .panel-padding
	{
		padding: 14px 14px 27px 22px;
	}
	.panel02 p,
	.panel03 p,
	.panel05 p
	{
		color: #434242;
	}
.panel03
{
	background: #dad9d7 url(gr_bg_panel03.png) 0 0 no-repeat;
}
.panel04
{
	background: #fda61e url(gr_bg_panel04.png) 0 0 no-repeat;
}
	.panel04 .panel-padding,
	.panel05 .panel-padding
	{
		padding: 25px 12px 0 18px;
	}
.panel05
{
	background: #e6e4e2 url(gr_bg_panel05.png) 0 0 no-repeat;
}
	.panel05 .panel-padding { padding-bottom: 11px }

.subbanner01
{
	background: url(img_contactus.jpg) 100% 0 no-repeat;
	width: 294px;
	padding: 47px 261px 0 0;
	margin: -47px 0 2em;
	min-height: 166px;
	height: auto !important;
	height: 166px;
	position: relative;
	float: left;
}
.subbanner02 { background: url(img_forms.jpg) 100% 0 no-repeat; }
.subbanner03 { background: url(img_aboutus.jpg) 100% 0 no-repeat; }
.subbanner04 { background: url(img_aboutus-faqs.jpg) 100% 0 no-repeat; }
.subbanner05 { background: url(img_aboutus-enquiries.jpg) 100% 0 no-repeat; }
.subbanner06 { background: url(img_feescharges.jpg) 100% 0 no-repeat; }
.subbanner07 { background: url(img_products.jpg) 100% 0 no-repeat; }
.subbanner08 { background: url(img_privacy.jpg) 100% 0 no-repeat; }
.indent {padding-left: 20px;}    

.contactbox
{
	color: #666666;
}

.contactbox div
{
	float: left;
	padding: 0 10px 5px 0;
}

	.contactbox div.field04
	{
		width: 120px;
		font-weight: bold;
	}


#footer
{
	background: #ebe9e7;
	padding: 17px 8px 13px;
	width: 968px;
}
	#footer ul
	{
		float: right;
	}
		#footer li
		{
			float: left;
			list-style: none;
			padding: 0 10px;
			background: url(gr_bg_seperator01.gif) 0 0 no-repeat;
			line-height: 1em;
		}
		#footer li.first
		{
			background: none;
		}
		#footer li a
		{
			color: #666666;
		}

/* @Forms - START: form styling */
.search01
{
    float: right;
    background: #6a2c91 url(gr_bg_search01.gif) 0 100% no-repeat;
    padding: 6px 15px 11px 16px;
}
    .search01 input
    {
        width: 110px;
        border: 1px solid #75488a;
        float: left;
        margin: 0 7px 0 0;
        padding: 2px 0 1px;
    }
    .search01 input.button01
    {
        width: auto;
        border: 0 none;
        margin: 0;
        padding: 0;
    }
    
.form-layout01
{
	margin: 0 0 4.167em;
}
	.form-layout01 .field01
	{
		float: left;
		margin: 0 0 1.167em 0;
	}
		.form-layout01 .field01 label
		{
			display: none;
			color: #666666;
		}
		.form-layout01 .field01 input,
		.form-layout01 .field01 select
		{
			border: 1px solid #dddcdb;
			color: #666666;
			width: 176px;
			margin: 0 31px 0 0;
			padding-left: 8px;
		}
		.form-layout01 .field01 input.input01, .form-layout01 .field01 select.select01 { width: 74px; margin: 0 20px 0 0; }
		.form-layout01 .field01 input.input02 { width: 234px; }
		.form-layout01 .field01 input.input03 { margin: 0; width: 160px;}
		.form-layout01 .field01 input.image01 { margin: 0 10px 0 0; border: none; width: auto; }
		.form-layout01 .field01 textarea
		{
			border: 1px solid #dddcdb;
			color: #666666;
			width: 369px;
			height: 128px;
			margin: 0 31px 0 0;
			overflow: auto;
			padding:  3px 0 0 8px;
		}
	
	.form-layout01 .field02
	{
		float: none;
		border: 1px solid #dddcdb;
		padding: 3px 7px 2px;
		width: 387px;
	}
		#content .form-layout01 .field02 p
		{
			float: left;
			margin: 0;
			width: 216px;
			line-height: 1em;
		}
		.form-layout01 .field02 label
		{
			display: block;
			float: left;
			line-height: 1em;
		}
		.form-layout01 .field02 input
		{
			width: 14px;
			height: 14px;
			float: left;
			margin: 0 25px 0 9px;
			border: 0 none;
		}
	
	.form-layout01 .field03
	{
		float: none;
	}
		


/* @Tables - START: table styling */
.table01 
{
	border-collapse: collapse;
	margin: 0 0 1.67em 0;
	width: 100%;
}
    .table01 caption { display: none; }
    .table01 td, .table01 th 
    {
	    padding: 5px 8px 33px;
	    vertical-align: top;
	    color: #666666;
    }
    .table01 .padding01 { padding-left: 36px; }
    .table01 th { padding-bottom: 8px; }

/* @List - START: table styling */
#content ul { margin: 0 0 1.333em;}
	#content ul li
	{
		background: url(ico_bullet01.gif) 0 0.417em no-repeat;
		list-style: none;
		line-height: 1.32em;
		color: #666666;
		padding: 0 0 0.333em 7px;
	}
	#content ul ul
	{
		margin: 0.583em 0 0.083em;
	}

#content ul.list01 { margin: 0 0 1.5em; }
	#content ul.list01 li
	{
		color: #666666;
		list-style: none;
		line-height: 1em;
		background: url(ico_arrow03.gif) 0 0.33em no-repeat;
		padding: 0 0 0.333em 11px;
	}

#content ul.list02
{
	
}
	#content ul.list02 li
	{
		color: #666666;
		list-style: none;
		line-height: 1.417em;
		background: none;
		padding: 0 0 1.25em;
	}