/*****************************
 START STYLES FOR SCREEN
*****************************/

@media screen {

/* ================================================================ */
/*                         Generic styles                           */
/* ================================================================ */

body { 
	margin: 0 0 0 0; 
	padding: 0 0 50px 0; 
	background-color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0 auto;
	text-align: center;	
	} 

html {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	}

a {position: relative; z-index: 100;} /* to avoid flicker on hover state in NS and FF */
a:link {color: #06c; text-decoration: underline;}
a:visited {color: #316102; text-decoration: underline;}
a:hover {color: #000; text-decoration: underline; position: relative; z-index: 10;}

h1, h2, h3, h4, h5, h6, p { text-align: left; }
img { border: 0; }

/*
#breadcrumbs {font-size: 0.85em; color: #666; padding: 0; margin: 0;}	
* html #breadcrumbs {width: 99%; } /*to fix disappearing text in IE5 and 5.5*/


/* ************************************************ */
/* ************** Master Page Header ************** */
/* ************************************************ */

div.HeadContainer {
	width: 93%;
	height: 85px;	
	margin: 0 auto;
	text-align: center;
	padding: 0 0 0 0;
	display: block;
	clear: both;
 }
div.HeadContainerGallery {
    margin-top:20px;
 }
 
div.logoContainerGallery {		
	float: left;
    vertical-align:middle;
	text-align: left;
	padding:0 0 0 68px;
}
div.here {
	float:right; 
    margin-right:-125px;
    margin-left:-200px;
    margin-top:-40px;
}
div.GalleryContainer {	
	float:none;
	padding: 35px 208px 0 0;
	 margin-top:20px;
	text-align: left;
	text-align:center;
}
/* logo img = 148px wide; total cont width = 168px */
div.logoContainer {	
	float: left;
	padding: 20px 0 0 0;
	text-align: left;
	margin: 0;
	width: 25%;
}

div.logoCFcontainer {	
	float: left;
	padding: 10px 0 0 0;
	text-align: left;
	margin: 0;
	width: 25%;
}

div.logoContainer img {	border: 0; margin: 0 0 0 20px;}
div.logoCFcontainer img {	border: 0; margin: 0 0 0 20px;}


div.ButtonContainer {
	float: right;
	width: 65%;
	text-align: right;
	margin: 0;
	padding: 10px 0 0 0;
}

div.ButtonsTop {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	clear: both;
	width: 98%;
	text-align: right;
	}

form { padding: 0; margin: 0; }

div.ButtonsTop input.button { }

div.HelpContainer {	
	margin: 10px 0 0 0;
	padding: 0;
	width: 100%;
	height: 24px;
	float: right;
	text-align: right;
}

div.HelpLink {	
	display: inline;
	float: right;
	color: white;
	line-height: 24px;
	text-align: right;
	padding: 0 15px 0 0;
	margin: 0; }

div.HelpLink a:link, div.HelpLink a:visited {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;	} 		

div.HelpLink a:hover, div.HelpLink a:active {
	color: #FFFFFF;
	text-decoration: underline;	} 		
		
div.HelpContainer img { border: 0; display: inline; float: right;}

/* ************************************************ */
/* ****************** Page Header ***************** */
/* ************************************************ */

div.PageContainer {
	width: 95%;
	background-image:  url(images/framebottom.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	background-color: #fff;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	clear: both;
	}

div.PageCenter {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 10px;
	padding: 0 0 10px 0;
	text-align: left;
	background-image:   url(images/frametop.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color: transparent;
	clear: both;
	}	


div.PageCenter h1 {
	height: 18px;
	line-height: 120%;
	font-size: 15px;
	font-weight: bold;
	color: #4D473D;
	background-image:  url(images/heading_bullet.gif);
	background-position: 0 21px;
	background-repeat: no-repeat;
	text-align: left;
/*	text-indent: 8px; */
	padding: 18px 0 0 15px;
	margin: 0 0 10px 25px; }
	
	/* hide from IE - FF only */
	html>body div.PageCenter h1  { height: auto; }

div.PageCenter h2 {
	font-size: 13px;
	font-weight: bold;
	color: #000;	
	margin: 0;
	padding: 8px 0 8px 40px;
}

div.PageCenterCF h2 {
	display: block;
	width:  660px;
}
div.PageCenter h3 {
	font-size: 12px;
	font-weight: bold;
	color: #777;
	margin: 20px 0 8px 40px;
}

/* FOR ID CHECK PAGE */
div.PageCenter h5 {
	font-size: 12px;
	font-weight: bold;
	color: #777;
	margin: 10px 0 5px 40px;
	border-top: 2px solid #DDD6CE;
	border-bottom: 2px solid #DDD6CE;	
	width: 560px;
	text-align: left;
	padding: 5px 0 5px 0;
}

div.PageCenter h6 {
	font-size: 1em;
	font-weight: normal;
	color: #A69F98;
	margin: 20px 0 8px 40px;
	}

div.PageCenter p { 	
	font-size: 11px;
	padding: 0;
	margin: 10px 15px 10px 40px; }	


/**************************
	LIST STYLE with bullet
**************************/
	
div.PageCenter ul {
	font-size: 11px;
	color: #000000;
	list-style-type: none;	
	margin: 0 10px 15px 38px;
	padding: 0;	}
	

div.PageCenter ul li {
	list-style-type: none;
	line-height: 135%;
	background-image: url(images/arrowlist.gif);
	background-position: 0 6px;
	background-repeat: no-repeat;
	padding: 3px 0 7px 13px;
	margin: 0 0 0 2px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	

/**************************
	ORDERED/NUMBER LIST 
**************************/
	
div.PageCenter ol {
	font-size: 11px;
	color: #000000;
	margin: 0 10px 15px 38px;
	padding: 0;	}
	

div.PageCenter ol li {
	list-style-type: decimal;	
	line-height: 135%;
	padding: 3px 0 7px 0;
	margin: 0 0 0 28px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
/**************************
	TABLE STYLES
**************************/

/* THIS MAY NEED TO GO IN PORTAL.CSS as a standard/global style */


table 
{
	text-align: left; }


table#data {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 99%;
	background-image:   url(images/tableBG.jpg);
	background-repeat: repeat-y;
	background-color: #F4F3EE;
	border-collapse: collapse;	
	font-family: Verdana, Arial, Helvetica, sans-serif;		
	}

table#data th {
	border: 1px solid #fff;
	margin: 0;
	padding: 3px 5px 3px 10px;
	font-weight: bold;
	}
	
table#data td {
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #fff;
	margin: 0;
	padding: 3px 5px 3px 10px;
	}	

table#data th {
	background-color: #A69F98;
	color: #fff;
	}

table#data p {
	font-size: 11px;
	font-weight: normal;	
	text-align: left;
	padding: 3px 3px 3px 0;
	margin: 0 0 5px 0;
} 	

table#data ul {
	text-align: left;
	padding: 0 0 8px 0;
	margin: 0 0 0 0;
	font-weight: normal;	} 
	
table#data ul li {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	text-align: left;
	background-image: url(images/arrowlist.gif);
	background-position: 0 5px;
	background-repeat: no-repeat;
	padding: 3px 0 3px 13px;
	margin: 0 0 0 2px;
	text-align: left; } 	



/**************************
	COMPARISON TABLE (ticks, crosses, etc)
**************************/

table#comparison {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 99%;
	background-image:   url(images/tableBG.jpg);
	background-repeat: repeat-y;
	background-color: #F4F3EE;
	border-collapse: collapse;		
	}

table#comparison th {
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	background-color: #A69F98;
	border: 1px solid #fff;
	margin: 0;
	padding: 3px 3px 3px 3px;
	}

table#comparison td {
	font-size: 10px;
	border: 1px solid #fff;
	margin: 0;
	padding: 3px; }
	
table#comparison td.title {
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	border: 1px solid #fff;
	margin: 0;
	padding: 3px; }	
	
table#comparison p {
	font-size: 11px;
	font-weight: normal;	
	text-align: left;
	padding: 3px 3px 3px 0;
	margin: 0 0 5px 0;
} 	

table#comparison ul {
	text-align: left;
	padding: 0 0 8px 15px;
	margin: 0 0 0 0;
	font-weight: normal;	} 
	
table#comparison ul li {
	font-size: 11px;
	text-align: left;
	padding: 5px 3px 0px 0;
	margin: 0 0 0 2px;
	background-image: none;
	list-style-type: disc;
	font-weight: normal;	} 	


/**************************
	ID check table
**************************/

table#idcheck, table#idcheck2 {
	margin: 2px 0 10px 40px;
	padding: 0;
	text-align: left;
	width: 560px;
	border-collapse: collapse;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	align: left;		
	}

table#idcheck th, table#idcheck2 th {
	margin: 1px;
	padding: 3px 0 3px 10px;
	font-weight: bold;
	background-color: #A69F98;
	color: #FFFFFF;
	}
	
table#idcheck2 td.subhead {
	border: 1px solid #fff;
	background-color: #DDD6CE;
	margin: 0;
	padding: 2px 0 2px 4px;
	width: 289px;
	text-transform: capitalize;
	color: #58524B;
	font-weight: normal; 	}
	
table#idcheck td, table#idcheck2 td {
	font-size: 12px;
	border: 1px solid #fff;
	margin: 0;
	padding: 3px 0 3px 10px;
	vertical-align: top;
	}	

table#idcheck th {
	background-color: #A69F98;
	color: #fff;
	}

table#idcheck p {
	font-size: 11px;
	font-weight: normal;	
	text-align: left;
	padding: 3px 0 3px 0;
	margin: 0 0 5px 0;
} 	

table#idcheck ul, table#idcheck2 ul {
	text-align: left;
	padding: 0 0 8px 0;
	margin: 0 0 0 0;
	font-weight: normal;	} 
	
table#idcheck ul li {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	text-align: left;
	color: #333333;
	background-image: url(images/tick.gif);
	background-position: 0 6px;
	background-repeat: no-repeat;
	padding: 2px 0 3px 13px;
	margin: 0 0 0 2px;
	text-align: left; } 

	
table#idcheck2 ul li {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	text-align: left;
	color: #333333;	
	background-image: url(images/tick.gif);
	background-position: 0 6px;
	background-repeat: no-repeat;
	padding: 2px 0 3px 13px;
	margin: 0 0 0 0;
	text-align: left; } 	
	
table#idcheck ul.secondary li, table#idcheck2 ul.secondary li {	
	color: #666666;
	background-image: url(images/tick2.gif);	 }	
	
/**************************
	INFOCHOICE CALCS STYLES
**************************/
	
#Loan_Repayments_Calculator, #Extra_Repayments_Calculator, #Lump_Sum_Calculator, #Principal_Interest_Calculator,
#Stamp_Duty_Calculator, #Loan_Comparison_Calculator, #Income_Tax_Calculator, #Savings_Plan_Calculator, #Term_Deposit_Calculator,
#Where_Can_I_Buy_Calculator, #Budget_Planner_Calculator 
{
	 padding-left: 20px;
}	
/**************************
	LOCATE US STYLES
**************************/

div.PageContainer_LocateUs
{
	width:670px;
	background-image:  url(images/framebottom.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	background-color: #fff;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	padding: 0;
	clear: both;
	
}
div.HeadContainer_LocateUs
{
	width:600px;
	height: 85px;	
	margin: 0 auto;
	text-align: center;
	padding: 0 0 0 0;
	display: block;
	clear: both;
 }
 /* logo img = 148px wide; total cont width = 168px */
div.logoContainer_LocateUs {	
	float: left;
	padding: 20px 0 0 0;
	text-align: left;
	margin: 0;
	margin-right:-10px;

}
div.locate_us_contentPane
{
    background-image: url(images/frametop.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color: transparent;
	padding:0 17px 0 17px;
}

div.Footer_LocateUs
{
    margin-left:auto;
	margin-right:auto;
   	width:670px;
    color:White;
    text-align:right;
    padding-right:58px;
}
div.footerCopyright_LocateUs
{
	clear:both;
	color:#FFFFFF;
	display:block;
	font-size:10px;
	margin:0 auto;
	padding:1px 15px 4px 0;
	position:relative;
	text-align:right;
	z-index:1000;
    padding-right:1px;
}

/********************************************************/

/*	FOOTER CHANNEL 			*/

/********************************************************/	

/* div.navFooter USED FOR ADMIN CONTROLS */

#footerMenu, div.footer2	{
/* refer to portal.css for more settings */
	width: 90%;
	}	
	
/*****************************
******************************
	PRINT SPECIFIC STYLES
******************************
*****************************/

div.printonly { display: none; }
div.footerPrint { display: none; }
div.printText { display: none; }

} 

@page {  size: A4; }
    
@media print {	

body { 
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: white;
  font-family: Verdana, Arial, Tahoma;
  font-size: 12pt; 
  }
  
.buttonSearchAgain { display: none; }
.ViewLargerMap { display: none; }
.BackToResults  { display: none; }

html, body {  
  background: white;
  font-family: Verdana, Arial, Geneva, Helv, Helvetica, Tahoma, Sans-Serif;
  font-size: 12pt; 
}

table 
{
	text-align: left;
	}
/* HIDE THESE REGIONS */
.HeadContainer
.HeadContainer_LocateUs,
.logoContainer,
.ButtonContainer,
.ButtonsTop,
.HelpContainer,
.HelpLink
 { display: none; }

/* PRINT PAGE HEADER */
div.printonly { 
	width: auto;
	height: 93px;
	margin: 0;
	padding: 0;
	clear: both; 
	border-bottom: 3px solid #000;	}
	
	img.printlogo { 
	    float: left;
	    padding: 0 0 0 0;
	    margin: 0 0 0 0;
	    width: 197px;
	    height: 93px;
	    display: block;
	    position: relative; }

	img.printCFlogo { 
	    float: left;
	    padding: 0 0 0 0;
	    margin: 21px 0 0 0;
	    width: 177px;
	    height: 71px;
	    display: block;
	    position: relative; }	 
	    	    
	img.printcalltoday { 
	    float: right;
	    padding: 0 0 0 0;
	    margin: 50px 0 0 0;
	    width: 172px;
	    height: 36px;}
	    
	 img.printline {
	    width: 100%;
	    height: 2px;
	    clear: both;
	    margin: 10px 0 10px 0; 
	    padding: 10px 0 10px 0;
	    clear: both; } 

 div.printText	{ 
        font-size: 9pt;
        font-weight: bold;
        letter-spacing: 1pt;
        text-transform: uppercase;
        color: #000;
        text-align: center;
        clear: both; 
        width: auto; }


/* FONT PRINT STYLES */

h1 { 
    font-size: 13pt;
    font-weight: bold;
    color: #000;
    padding: 5px 0 5px 0;
     }

h2 {
	color: #444;
	padding: 15px 0 0 0;
	margin: 0 0 8px 0px;
	font-size: 14pt;
	line-height: 125%;
	clear: both;
	}
	
h3 {
	color: #777;
	padding: 15px 0 0 0;
	margin: 0 0 8px 0px;
	font-size: 13pt;
	line-height: 125%;
	}		

h6 {
	color: #000;
	padding: 15px 0 0 0;
	margin: 0 0 8px 0px;
	font-size: 10pt;
	font-weight: normal;
	}		

	
p { 
    font-size: 9pt;
    font-weight: normal;
    color: #000;
    padding: 5px 0 5px 0;  
    }
    
    
/* TABLE PRINT STYLES */

table#comparison {
    width: 100%;
	color: #000;
	background-color: #fff;
	background-image: none;
	border-collapse: collapse;	
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 8.5pt;   }
	
	table#comparison th {
	font-weight: bold;
	font-size: 8pt;
	border: 1px solid #aaa;
	color: #000;
	}

	table#comparison td {
	font-size: 8pt;
	border: 1px solid #aaa;
	text-align: center;
	}

    table#comparison td.title {
    font-weight: bold;
    text-align: left; }



table#data {
    width: 100%;
	color: #000;
	background-color: #fff;
	background-image: none;
	border-collapse: collapse;	
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 8.5pt;   }
	
	table#data th {
	font-weight: bold;
	font-size: 8pt;
	border: 1px solid #aaa;
	color: #000;
	}

	table#data td {
	font-size: 8pt;
	border: 1px solid #aaa;
	text-align: left;
	}

    
/**************************
	PRINT LIST STYLE with bullet
**************************/
	
div.PageCenter ul {
	font-size: 11px
	color: #000000;
	margin: 0 10px 15px 38px;
	padding: 0;	}
	

div.PageCenter ul li {
	list-style-image: url(images/arrowlist.gif);
	line-height: 135%;	
	padding: 3px 0 7px 13px;
	margin: 0 0 0 2px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
	    
/* end print styles */
}