/* www.hesta.com.au Content*/

/* TOC

1: - Global Styles

2: - Calculators Styles

4: - Investment Choice Comparator Styles

*/


/* 1 :-------- Global Styles ------------ */

	body {
		font-family: arial, verdana, helvetica, sans-serif;
		}
		
	img {
		border: 0;
		}
	h1 {
		font-size: 1.6em;
		color: #4F2E7F;
		}			
	a {
		color: #4F2E7F;
		text-decoration: none;
		}
	a:hover {
		text-decoration: underline;
		}
		
	/* 1:6 -- lists */
	
		ul {
			margin: 0 0 1em 0;
			padding: 0;
			list-style-type: none;
			border: solid 1px red;
			}									
		li {
			padding: 0 0 .7em 20px;
			background: url(/images/elements/bullet_main.gif) 1px 0 no-repeat;
			color: #333;
			}
		ol {
			margin: 1em;
			padding: 0;
			}
		ol li {
			margin: 10px;
			padding: 0 0 0 0!important;
			background: url(/images/invis.gif) 1px 0 no-repeat!important;
			}						
					


/* 2 :-------- Calculators Styles ------------ */

	body { 
		margin: 10px 0 0 0; padding: 0;
		background: url(/images/generic/main.jpg) #f2f4f4;
		background-repeat: repeat-x;
		color: #000;
		font-family: arial, helvetica, sans-serif;
		text-align: center;		
		}
	#page {
		margin: 0 auto; padding: 0;
		width: 770px;		
		}
	.flashPlugin {
		margin: 0; padding: 0;
		font-size: .75em;
		width: 750px;
		text-align: left;	
		background: #fff;
		}
	.flashPlugin p {
		margin: 20px;
		}				


/* 4 :-------- Investment Choice Comparator Styles ------------ */


	body.comparator {
		margin: 20px;
		font-size: .75em;
		background: #ffffff;
		text-align: left;	
		}
	.comparator th {
		text-align: left;
		color: #4f336d;
		}
	.padding {
	   margin: 32px 20px 32px 32px;
		}	
	.optionBox {
	   background: #B88EC9;
	   border: 1px solid #8A43AE;
	   padding: 3px;
		}
	.subTitle {
		font-family: arial, verdana, helvetica, sans-serif;
		color: #5E247B;
		}
	.greyWhiteBox {
	   background: #FFFFFF;
	   border: 1px solid #C7C9CA;
	   padding: 3px;
		}
	.greyGreyBox {
	   background: #F9F8F8;
	   border: 1px solid #C7C9CA;
	   padding: 3px;
		}
	.greyGraphBox {
	   background: #ECEBEB;
	   border: 1px solid #C7C9CA;
	   padding: 1px;
		}
	.greyPercentageBox {
	   background: #F9F8F8;
	   border: 1px solid #C7C9CA;
	   padding: 1px;
		}
	.greyPurpleBox {
	   background: #F7E6FE;
	   border: 1px solid #C7C9CA;
	   padding: 3px;
		}
	.purpleBorderBox {
	   background: #FFFFFF;
	   border: 1px solid #B797D7;
	   padding: 5px;
	   width: 262px;
		}
	.rightBorderNone {
		border-right: none;
		}
	.topBorderNone {
		border-top: none;
		}
	.bottomBorderNone {
		border-bottom: none;
		}
	.negative {
		color: #B5B5B5;
		}
	.optionSelect {
	   font-size: .9em;
	   font-family: arial, verdana, helvetica, sans-serif;
	   color: #000000;
	   background: #FFFFFF;
	   width: 165px;
		}
	.percentageWidth {
		width: 62px;
		text-align: center;
		}
	.barWidth {
		width: 90px;
		height: 22px;
		}
	.empty {
		width: 1px;
		height: 1px;
		}
	.purple01 {
		height: 22px;
		background: #B88EC9;
		float: left;
		}
	.purple02 {
		height: 22px;
		background: #D4B5E2;
		float: left;
		}
	span.footnote {
		font-weight: bold;
		color: #f4e9f9;
		}
	.headerbg {
		background: #eeebf3;
		}