/* Default style sheet for www.loanport.com.au */

#Middlestrip 
{	
	background-position:top right;
	background-repeat:no-repeat;
	margin:auto;
	background-image:url(test.png);
}


/** Resolves 1px job problem with Flash in FF
html>/**/body, x:-moz-any-link, x:default { position:relative; left:-0.5px; }


/* Navigation Bar */

#navbar {	
  			font: normal "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Verdana, sans-serif;
			font-size:9px;
			letter-spacing:0.1em;
			width:500px;
			float:left;
			text-decoration:none;
			margin-left:290px;
			height:23px;
			padding:0px 0px 0px 0px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Chrome rules here */

 #navbar {	
  			font: normal "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Verdana, sans-serif;
			font-size:9px;
			letter-spacing:1px;
			width:500px;
			float:left;
			text-decoration:none;
			margin-left:290px;
			height:23px;
			padding:0px 0px 0px 0px;
		}
}

#navbar2 {	
			width:495px;
			float:right;
			text-decoration:none;
			margin-right:13px;
			padding:0px 0px 0px 0px;
			margin-top:20px;
}

#navbar2 a {	
  			font: normal "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Verdana, sans-serif;
			font-size:9.5px;
			letter-spacing:-.1px;
			text-decoration:none;
			text-align:center;
			border:none;
			color:#333;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Chrome rules here */
#navbar2 a {	
  			font: normal "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Verdana, sans-serif;
			font-size:9.5px;
			text-decoration:none;
			text-align:center;
			border:none;
			margin:0 -2px 0 -2px;
			word-spacing:1px;
			}

}

#navbar a {	
			margin-left:1px;
			white-space:nowrap;
			height:21px;
			width:80px;
			float:left;
			border-bottom:none;
			color:#FFFFFF;
			text-align:center;
			text-decoration:none;
			padding:3px 0px 0px 0px;
			background:url(tab.gif) no-repeat;
}

#navbar a:hover
{	
			background-position:-81px 0;
}

#navbar a.long {	
			margin-left:1px;
			height:21px;
			width:135px;
			border-bottom:none;
			padding:3px 0px 0px 0px;
			background:url(tab_long.gif) no-repeat;
}

#navbar a.long:hover
{	
			background-position:-136px 0;
}

#navbar a.short {	
			margin-left:1px;
			height:21px;
			width:65px;
			border-bottom:none;
			padding:3px 0px 0px 0px;
			background:url(tab_short.gif) no-repeat;
}

#navbar a.short:hover
{	
			background-position:-65px 0;
}

#m1
{	
			position:absolute;
			visibility:hidden;
			margin-left:220px;
			margin-top:22px;
			border: 1px solid #333333;
			padding:0px 0px 0px 0px;
			background-color:#F7F7F7;
			}
			
#m2
{	
			position:absolute;
			visibility:hidden;
			margin-left:300px;
			margin-top:22px;
			border: 1px solid #333333;
			padding:0px 0px 0px 0px;
			background-color:#F7F7F7;
}
			
#navbar div a {
			position:relative;
			display:block;
			float:none;
			margin: 0;
			padding: 0px 10px;
			width: auto;
			white-space: nowrap;
			text-align: left;
			background: #F7F7F7;
			color:#333333;
			border:none;
}

#navbar div a:hover
{	
			color: #FFFFFF;
			background-color:#84BF4B;
}




/* Layout
******************************/

html,
body {
			height:100%;
			background-color:#E3DFDC;
/* 			background:url(background.png) repeat-x;
*/			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size:11px; 
			line-height:180%;
			word-spacing:.05em;			
			margin: 0 20px 0 20px;
			color: #333333;
			color:#404040;
			text-align:left;
			background-color:#F8f8f8;
}

#container {
			min-height:800px;
			width:800px;
			margin: 0 auto;  
			text-align: left; 
			background-color:#FFFFFF;
}


#header {
			height:190px;
			background-color:#996600;
			float:left;
}

#subpage_header {
			float:left;
			width:780px;
			height:151px;
			margin:0 0 0 10px;
}

#subpage_main {
			float:left;
			width:600px;
			padding:50px 100px 50px 100px;
			background-color:#FFF;
}

#footer {
			float:left;
			width:780px;
			bottom:0;
			height:60px;			
			color:#333333;
			text-align:left;
			padding:15px 10px 0 10px;
			font-size:9.5px;
			font: normal "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Verdana, sans-serif;
			color:#666666;
			line-height:170%;
			background-color:#FFF;
			background-image:url(footer_border.gif);
			background-position:top;
			background-repeat:no-repeat;
}

#footer a {
			color:#5DA10C;
			text-decoration:none;
			border:none;
}

div.panel_left {
			margin-top:30px;
			margin-left:44px;
			float: left;
			background-image: url(panel_left.jpg);
			width:216px;
			height:273px;
}

div.panel_centre {
			margin-top:30px;
			margin-left:23px;
			float:left;
			background-image: url(panel_centre.jpg);
			width:216px;
			height:273px;
}

div.panel_right {
			margin-top:30px;
			margin-left:23px;
			float:left;
			background-image: url(panel_right.jpg);
			width:216px;
			height:273px;
}

#panel_text {
			margin-top:133px;
			padding-left:13px;
			padding-right:13px;
			padding-top:7px;
}

#panel_text .intro {
			height:40px;
}

div.main_image_right {
			height: 288px;
			width: 493px;
			float: left;
			padding:0 15px 0 15px;
			background-image: url(main_image_right.jpg);
			border-top:1px solid #3F3F3F;
			border-bottom:1px solid #3F3F3F;
}

#homepage_text {
			padding-top:5px;
			float:left;
			width:460px;
			height:193px;
			line-height:150%;
/*			font-size:11.5px;
*/}

a.blue_link {
			color:#006699;
}

div.middle {
			float: left;
			background-image: url(middle_background.jpg);
			height: 288px;
			width: 246px;
}

div.middle_text {
			padding-top: 75px;
			width: 230px;
			padding-right: 5px;
}

div.right {
			float: left;
			background-image: url(right_background.jpg);
			width: 267px;
			height: 223px;
}

div.right_text {
			padding-right: 30px;
			padding-top: 10px;
			width: 230px;
}

#heading1 {
			margin:10px 0 30px;
}

.heading2 {
			color: #333333;
			font: 14px Tahoma, Arial, Helvetica, sans-serif;
			font-weight: normal;
			letter-spacing: 0.05em;
}

.italic {
			font-style: italic;
}

.bold {
			font-weight: bold;
}

.bold_italic {
			font-weight: bold;
			font-style: italic;
			color:#5DA10C;
}

.bold_green {
			font-weight: bold;
			color:#5DA10C;
			font-size:12px;
}

a {
			color:#5DA10C;
			text-decoration: none;
}

a:hover {
			color:#999;
}

a.green_link {
			color:#5DA10C;
			background-image:url(right_arrow.gif);
			background-repeat:no-repeat;
			background-position:left;
			text-decoration: none;
			padding:3px 0 0 15px;
			line-height:130%;
			display:block;
			border:none;
}

a.green_link2 {
			color:#5DA10C;
			text-decoration:none;
			background-image:url(right_arrow.gif);
			background-repeat: no-repeat;
			background-position:right;
			padding:3px 15px 0 0;
			float:right;
			font-weight:normal;
			border:none;
}

a.green_link3 {
			color:#5DA10C;
			text-decoration:none;
			background-image:url(right_arrow.gif);
			background-repeat: no-repeat;
			background-position:left;
			padding:3px 0 0 15px;
			font-weight:normal;
			margin:5px 0;
}


a.green_link_left {
			color:#5DA10C;
			background-image:url(left_arrow.gif);
			background-repeat: no-repeat;
			background-position:left;
			text-decoration: none;
			padding:3px 0 0 15px;
			float:right;
			border:none;
}

a.smalllink:hover {
			border-bottom: none;
}

a.pdflink {
			background:url(pdf_icon.gif) no-repeat;
			padding-left:27px;
			height:20px;
			padding-bottom:3px;
			padding-top:2px;
			display:block;
			border:none;
}
 
ul {
			list-style:url(right_arrow.gif) outside;
}

li.blank {
			list-style:none;
			margin-bottom:20px;
}

img {
 			border: none;
}

img.logo {
			float:left;
			margin:20px 0 0px 30px;
}

h1 {
			font-size: 14px;
			font-weight:normal;
}

.bigger {
			font-size: 13px;
}

.smallprint {
			font-size:9px;
			font-style:italic;
}

.green {
			color:#5DA10C;
}

.slightly_bigger {
			font-size:11.5px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
			clear:both;
			height:0;
			font-size: 1px;
			line-height: 0px;
}

.fltrt {
			float:right;
}

.fltlft {
			float:left;
}

p.green_bullet {
			background-image:url(bullet.gif);
			background-repeat: no-repeat;
			background-position:top left;
			padding:3px 0 0 15px;
			margin:0 0 3px;
}


.email {
			background-image:url(email.gif);
			background-repeat:no-repeat;
			background-position:left;
			padding:0 0 0 20px;
}

.mobile {
			background-image:url(mobile.gif);
			background-repeat:no-repeat;
			background-position:left;
			padding:0 0 0 20px;
}

/*** Form Elements ***/

label {
			display:block;
			font-style:italic;
			margin:3px 0 0 1px;
}
		
input.formInputField {
			border:solid 1px #C5C5C5;
			background-color:#FFFFFF;
			color:#666666;
			font-size:10px;
			margin-bottom: 3px;
			padding:2px;
			height:13px;
			width:160px;
}

textarea { 
			border:solid 1px #C5C5C5;
			background-color:#FFFFFF;
			color:#666666; 
			font-size: 10px;
			width:165px;
}

fieldset {
			width:225px;
			background-color:#F6F6F6;
			border:solid 1px #CCCCCC;
			padding:10px 10px 10px 10px;
}

div.contact {
			float:right;
			width:220px;
			height:250px;
			margin:0 150px 0 0;
}
				
div.form {
			float:left;
			width:680px;
}