/*================================================================
BASE stylesheet (probably best to leave as is)

- Resets browser defaults
- Provides some basic extra classes
    - .clear
    - .clearfix
    - .hide
    - .block
- Corrects centering problem in IE 5
  
================================================================*/


/* RESET BROWSER DEFAULTS
----------------------------------------------------------------*/
html,body,form,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { 
  margin: 0; 
  padding: 0;
}

h1,h2,h3,h4,h5,h6,legend,pre,code { 
  font-size: 1em; 
}

a img,:link img,:visited img { 
  border: none;
}


address { 
  font-style: normal;
}


/* EXTRA CLASSES EVERY CSS HACKER NEEDS
----------------------------------------------------------------*/
.clear { 
  clear: both; 
}

.clearfix:after {
  /* What's this? --> http://www.positioniseverything.net/easyclearing.html */
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}

.hide {
  display: none; 
}

.block {
  display: block;
}


/* IE 5 Fix
----------------------------------------------------------------*/
body { 
  text-align: center; /* Hack for stoopid IE 5 */
}

div#wrapper {
  text-align: left; /* Undo stoopid IE 5 hack */
}

/*================================================================

	BLIS WEB AGENCY "TEMPLATE" STYLESHEET

	The purpose of stylesheet is position the "container"
	to the height and width you want it on the screen

	FORMAT: LONG CENTRE

	RULES:
	1. No TEXT FORMATING
	2. NO ENHANCEMENT (WIDGET) STYLES (THIS INCLUDES FORMS)
	3. AVOID HACKS
	4. NO IMAGES

================================================================*/


/* EVERYTHING
----------------------------------------------------------------*/

	* {
		margin: 0;
		padding: 0;
	}

/* BODY
----------------------------------------------------------------*/

	body
	{
		margin: 0 auto;
		width: 100%;
		text-align: center;
	}


/* WEBPAGE
----------------------------------------------------------------*/
	.webpage
	{
		margin: 0px auto;
		width: 951px;
	}

/* NAVIGATION
----------------------------------------------------------------*/

    .navigation
    {
        margin-left: -435px;
        width: 760px;
        height: 1px;
        top: 100px;
        text-align: left;
        z-index: 100;
        position:absolute;
        left:50%;
    }
	
	#subnav
{ float:right; margin:0; display:block; background:url(../../images/subnav_bkgr.png) no-repeat; width:200px; height:420px; 
padding-top:10px; margin-left:10px; padding-right:0; margin-right:0px; padding-left:10px; }





/*================================================================
	
	BLIS WEB AGENCY "CORE" SCREEN STYLESHEET
	
	The purpose of stylesheet is to format the appearance of the
	site within the site container.
	
	RULES:
	1. NO ENHANCEMENT (WIDGET) STYLES (THIS INCLUDES FORMS)
	2. AVOID HACKS
	3. ALL PATHS TO BE ABSOLUTE (/images/...)

================================================================*/


/* GENERAL TYPOGRAPHY (Standard HTML tags)
----------------------------------------------------------------*/
        html {
	height: 100%;
	margin-bottom: 1px;
}
html, body {
	font-family: Arial;
	color: #000000;
	font-size: 1em;
	background-color: #A7A9AC;
}
h1 {
	color: #677719;
	font-size: 90%;
	font-weight: normal;
	margin-bottom: 22px;
	text-transform:uppercase;
}
h2 {
	color: #677719;
	font-size: 90%;
	font-weight: normal;
	margin-bottom: 22px;
}
h3 {
	color: #677719;
	font-size: 70%;
	font-weight: normal;
	margin-bottom: 15px;
	text-transform:uppercase;
}
p, li, td {
	color: black;
	margin-bottom: 12px;
	font-size: 70%;
	line-height: 1.6em;
}
li {
	margin-left: 20px;
	line-height: 1.6em;
	margin-bottom:2px;
}
ul {
	margin-bottom:10px;
}
a { outline:none; color:#687819; }
a:link, a:visited {
	text-decoration: none;
}
a:hover {
	color: #A71A1A;
	text-decoration: underline;
}
img {padding:0; margin:0;}
/* TABLES
----------------------------------------------------------------*/
	table {
	clear: both;
	border-collapse: collapse;
	text-align: left;
}
td {
	padding: 2px 3px;
}
td li, td p {
	font-size:100%;
}
/* HEADER CONTENT
----------------------------------------------------------------*/
    #webpage {
	background: url(/images/pg_bkgr_top.png) no-repeat;
	padding-top:10px; 
}
#content_frame {
	background: url(../../images/pg_bgkr_repeat.png) repeat-y;
	text-align: left;
	display: block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#content {
	margin:0px 35px 0px 20px; display:block;}

.topPageGraphic {
	background: url(../../images/tpg_index.jpg) no-repeat;
	height: 205px;
	margin-bottom:10px;
}
#id_services_home_loans .topPageGraphic {
	background: url(../../images/tpg_home.jpg) no-repeat;
}
#id_services_cash_flow_finance .topPageGraphic {
	background: url(../../images/tpg_cashflow.jpg) no-repeat;
}
#id_services_motor_vehicle_finance .topPageGraphic {
	background: url(../../images/tpg_motor_vehicle.jpg) no-repeat;
}
#id_services_development_finance .topPageGraphic {
	background: url(../../images/tpg_development.jpg) no-repeat;
}
#id_services_insurance .topPageGraphic {
	background: url(../../images/tpg_insurance.jpg) no-repeat;
}
#id_services_equipment_finance .topPageGraphic {
	background: url(../../images/tpg_equipment.jpg) no-repeat;
}
#id_services_super_fund_loans .topPageGraphic {
	background: url(../../images/tpg_superannuation.jpg) no-repeat;
}
#id_services_business_loans .topPageGraphic {
	background: url(../../images/tpg_business.jpg) no-repeat;
}
#id_services_commercial_loans .topPageGraphic {
	background: url(../../images/tpg_commercial.jpg) no-repeat;
}
.topPageGraphic h1 {
	display:none;
}
.topPageGraphic #contact {
	float:right;
	width:190px;
	padding:10px;
	height:195px;
	color:#ffffff;
	background: url(../../images/bkgr_contact.png) no-repeat 0px 3px;
}
#textContent {
	width:660px;
	float:left;
	background: url(../../images/watermark.png) no-repeat -75px bottom;
	display:block;
	margin-left:4px;
	margin-bottom:10px;
	padding-top:10px;
}
#hk {
	font-size:10px;
	color:#999999;
	border-bottom:dotted 1px #efefef;
	margin-bottom:20px;
	padding-bottom:10px;
}
#hk a {
	color:#677719;
}
#print {
	float:right;
	width:100px;
	display:block;
}
#crumbs {
	float:left;
	width:700px;
}
#fontsize {
	float:left;
	width:100px;
}
/* SIDEBAR CONTENT
----------------------------------------------------------------*/


/* FOOTER CONTENT
----------------------------------------------------------------*/
    #footer {
	font-size: 11px;
	text-align:left;
	background-image: url(../../images/pg_bkgr_footer.png);
	background-repeat: no-repeat;
	background-position: bottom;
	height:30px;
}
.footertext {
	margin-left:25px;
	color:#ffffff;
	font-size:11px;
        padding: 0;
        width: 941px;
}
.footertext a {
	color:#ffffff;
}
/* PAGE TOOLS
----------------------------------------------------------------*/
    
    .hide, .printonly {
	display: none;
}
.noscript {
	margin: 0 auto;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
.noscript span {
	border: 1px solid #A71A1A;
	font-size: 10px;
	color: #A71A1A;
	margin: 0 auto;
	padding: 4px;
	position: relative;
	width: 700px;
	background: white;
	display: block;
	font-family: verdana, sans-serif;
}
.clear {
	clear:both;
}
#col1 {
	width:325px;
	float:left;
	display:block;
	margin-right:12px;
}
#col2 {
	width:300px;
	float:left;
	margin-right:10px;
	padding-left:10px;
	border-left: dotted 1px #cccccc;
}
#col2 li {
	margin-bottom:12px;
}
.th_img {
	float:left;
	display:block;
	margin-right:15px;
	padding:2px;
	border:solid 1px #cccccc;
	margin-left:0;
	margin-bottom:15px;
	height:80px;
	overflow:hidden;}

.h_light {
	float:left;
	width:185px;
	display:block;
}
#id_services .h_light {width:440px;}
#id_services .h_light h2 {margin-bottom:5px; padding-bottom:0; margin-top:4px;}
#id_services .h_light a { font-weight:bold; color:#687819; text-transform:uppercase; }
.colWide {
	margin-right:20px;
}
.blisid {
	margin-left:400px;
}
#contact h3 {
	color: #677719;
	font-size: 70%;
	font-weight: normal;
	margin-bottom: 15px;
	text-transform:none;
	padding:25px;
	padding-top:0;
	padding-bottom:0;
}
.telephone {
	background-image:url(../../images/telephone_icon.png);
	font-size: 16px;
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-left: 25px;
	padding-left: 25px;
}
.calc
{	border-bottom:dotted 1px #cccccc;
	margin-bottom:15px;}
	
.service .th_img
{	margin-bottom:10px; margin-top:5px}


#id_services_credit_cards .th_img {width:120px; text-align:center; height:110px;}
#id_services_credit_cards .h_light {padding-top:0px;}
#id_services_credit_cards .service {width:220px; float:left;}


/*----- LATEST NEWS -------*/

.readmore, .goback
{	font-size:11px;
	margin-bottom:25px;}

#articlebody
{	margin-bottom:35px;}

.newsarticle
{	border-bottom: dotted 1px #cccccc;
	margin-bottom:25px;}

/*================================================================

	BLIS WEB AGENCY "WIDGET" STYLESHEET
	
	The purpose of stylesheet is provide layout and formatting
	for all enhancements and widgets.
	
	RULES:
	1. WIDGET AND ENHANCEMENT FORMAT ONLY
	2. AVOID HACKS
	3. ALL PATHS TO BE ABSOLUTE (/images/...)
	
	CONTENTS:
	- AUTO FORM
	- BREAD CRUMBS
	- FONT SIZE CHANGER
	- GALLERY
	- IMGTXT
	- NAVIGATION
	- NEWS
	- SEARCH
	- SHOP
	- SITEMAP
	- SUBSCRIPTION TOOL

================================================================*/

/* AUTO FORM
----------------------------------------------------------------*/
.clear { clear:both; height:1px; width:1px; }
.formfield { float:left; width:250px; display:block; margin-bottom:10px; font-size:75%; }
.formlabel { float:left; display:block; width:250px; font-size:75%; }


/* BREAD CRUMBS
----------------------------------------------------------------*/
    
/* CUSTOM SCROLL
----------------------------------------------------------------*/


/* DRAG
----------------------------------------------------------------*/
.drag {
	position: absolute;
	width: 150px;
	height: 150px;
	background-color: #EEEEEE;
	border: 1px solid #666666;
	padding: 5px;
	z-index: 999;
}
.handle {
	position: relative;
	background-color: #CCCCCC;
	border: 1px solid #333333;
	padding: 2px;
	cursor: move;
}
.resize {
	position: absolute;
	bottom: 0px;
	right: 0px;
	height: 10px;
	width: 10px;
	background-color: #CCCCCC;
	cursor: se-resize;
}
/* FONT SIZE CHANGER
----------------------------------------------------------------*/

/* FOOTER TEXT
----------------------------------------------------------------*/

/* GALLERY
----------------------------------------------------------------*/
    
 
/* GOOGLEMAP
----------------------------------------------------------------*/
    .printgooglemap {
	font-family:verdana;
	font-size:11px;
	display:block;
	width:100px;
	height:14px;
	padding-top:3px;
	padding-bottom:3px;
	border:1px solid black;
	background:white;
	position:absolute;
	bottom:10px;
	right:10px;
	text-align:center;
}
/* IMGTXT
----------------------------------------------------------------*/

    .imgtxt {
	text-indent: -9999px;
	display: block;
	background-repeat: no-repeat;
}
/* MOOBOX
----------------------------------------------------------------*/
	#imgGallery {
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 100%;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#imageContainer {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	padding:10px;
}
/* NAVIGATION
----------------------------------------------------------------*/
    
    .navigation {
/* BLANK */
    }
.navigation dl {
	width: 770px;
	margin: 0 auto;
	padding-top: 12px;
	height: 1px;
	display: block;
	font-size:11px;
	text-transform:uppercase;
	font-weight:bold;
}
.navigation dd {
	float: left;
	margin: 0;
	padding: 0;
	padding-right: 4px;
	margin-right:50px;
}
.navigation a,  .navigation a:link,  .navigation a:hover,  .navigation a:visited {
	color:#677719;
	cursor: pointer;
}
.navigation .selected {
	text-decoration: underline;
}
.navigation em {
	display: none;
}
.subnav dd {
	background-image:url(../../images/btn_bkgr1.png);
	height: 23px;
	width: 197px;
	padding-left:23px;
	padding-top:7px;
	font-size:10px;
	text-transform:uppercase;
	background-repeat: no-repeat;
}
.subnav dd a {
	color:#677719;
}
/* NEWS
----------------------------------------------------------------*/

/* POSITION ITEM
---------------------------------------------------------------*/

    .positioneddiv {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 40px;
	position: absolute;
	left: 0;
	display: block;
	visibility: hidden;
}
.positioneddiv .posblock1 {
	margin: 0 auto;
	padding: 0;
	width: 760px;
	height: 40px;
	display: block;
	visibility: hidden;
}
.positioneddiv .posblock1 .posblock2 {
	display: block;
	visibility: visible;
}
/* PRINT PAGE
----------------------------------------------------------------*/

/* SEARCH
----------------------------------------------------------------*/

/* SHOP - SEE SHOP.CSS
----------------------------------------------------------------*/

/* SITEMAP
----------------------------------------------------------------*/

/* SLIMBOX
----------------------------------------------------------------*/

/* STRETCH TOOL
----------------------------------------------------------------*/
    
    .stretch {
	cursor: pointer;
}
.stretch img {
	margin-right: 4px;
}
/* SUBSCRIBE
----------------------------------------------------------------*/
#subscribe p { text-transform:uppercase; color:#AAB37D; font-size:10px; }
.subscriptionzone {float:right; padding:0; margin:0; margin-right:20px; height:20px;}
.tbox_max
{	height:16px; padding:0; margin:0; width:125px; color:#999999; font-size:10px; border: solid 1px #efefef; padding:1px; padding-left:2px; float:left;}
.button { padding:0; margin:0; background-color:#AAB37D; color:#ffffff; border:none; text-transform:uppercase; font-size:11px; padding-top:2px; padding-bottom:1px; border:solid 1px #cccccc; margin-left:5px; float:left; }


/* TOOLTIPS
----------------------------------------------------------------*/
.tool-tip {
	width: 200px;
	color: #000;
	text-align: center;
	z-index: 999;
}
.tool-title {
	color: #000;
	font-family: tahoma, verdana, sans-serif;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: normal;
	text-shadow: 2px 2px 1px #222;
	margin: 0;
	padding: 13px 10px 5px;
	background: url(/images/stock/balloon.png) top left no-repeat !important;
	background: url(/images/stock/balloon.gif) top left no-repeat;
	font-size: 11px;
}
.tool-text {
	margin: 0;
	padding: 0 10px 15px;
	text-shadow: 2px 2px 1px #222;
	background: url(/images/stock/balloon.png) bottom left no-repeat !important;
	background: url(/images/stock/balloon.gif) bottom left no-repeat;
	font-size: 10px;
	color: black;
	font-size: 11px;
	font-family: verdana, sans-serif;
}