/* stylesheet for Interfinancial Ltd                            */
/*
	redder orrange is #F84405;  #f84405
	orange from logo is #E37536;
	grey from logo is #78879E;
	
	Everything is in a #container
	Then #header , #headerNav, #header2 horizontal sections
		Inside #headerNav is ul#topNav and #information
	Then #leftCol and #rightCol
	Then #footer bottom section
	
------------------------------------------------------------------*/
html {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
body, hr, h1, h2, h3, h4, ul, ol, li, p {
	margin:0;
	padding:0;
	}
body {
	background-image:url(images/bodyBG.gif);
	background-position:50% 10px;
	background-repeat:repeat-y;
	text-align:center;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
h1 {font-size:10px;
	text-align:center}
h2 {font-size:11px;
	text-align:center}
h3 {font-size:10px;
	text-align:center}
h4 {font-size:10px;
	text-align:center}

a {	color:#294A7B;	}
a:hover { color:black;	}
a img.button {border:none;}

/* general styles - define first */

.centre {	text-align:center;	}
.center {	text-align:center;}
.left {	text-align:left;	}
.large {	font-size:16px;	}
.small {	font-size:10px;	}
.bigtext {font-size:120%;}
.err {	color:#FF0000;}	
.error {color:#FF0000;	font-weight:bold;}
.orange {	color:#F84405;}
.grey {	color:#78859C;}
.red { color:#FF0000;}

.highlightorange { border-bottom:#f84405 3px solid; background:#dedede; padding:5px 10px;}



.clear {	clear:both;	}


	
div.left { /* used for buttons */
	float:left;
	width:49%;
	height:auto;
	overflow:visible;
	text-align:right;
	}
div.right {
	float:right;
	width:49%;
	height:auto;
	overflow:visible;
	text-align:left;
	}
div.buttons { /* for 2 apply buttons */
	text-align:center;	
	width:80%;
}

/* page areas  ---------------------------------------- */
#container {
	text-align:left;
	margin:0 auto 0 auto;
	position:relative;
	width:780px;
	height:auto;
	overflow:visible;
	}
	
/*     HEADER STYLES                  */
/* ---------------------------------- */
#header #logo {
	position:absolute;
	left:25px;    /* this sets the position of the logo */
	bottom:11px;
}
#header {
	width:100%;
	height:83px;
	background-image:url(images/headerBG.jpg);
	position:relative;
}

#header h1 { /* this is the InterFinancial heading */
	font-size:22px;
	color:#687387;
	font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	position:absolute;
	left:78px;
	bottom:15px;
	line-height:10px;
	padding: 6px 0 0 0;
	width: 192px;
	}
	
#header h1 a { /* this is the www. address */
	display:block;
	color:#687387;
	font-size:13px;
	text-decoration:none;
	margin: 5px 0 0 0;
	letter-spacing:1px;
	}
#header h1 a:hover {
	display:block;
	color:#999999;
	font-size:12px;
	text-decoration:none;
	margin: 5px 0 0 0;
	letter-spacing:1px;
	}

/*     Top Nav STYLES                 */
/* ---------------------------------- */
#headerNav {
	height:auto;
	overflow:visible;
	background-image:url(images/infoBG.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	position:relative;
	width:100%;
	background-color:#b5bbc5;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	}

/* top navigation */
ul#topNav {
	float:left;
	width:666px;
	background-image:url(images/topNavBG.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	background-color:#b5bbc5;
	text-transform:uppercase;
	height:auto;
	overflow:visible;
	padding:8px 0 6px 0;
	text-align:center;
	font-size:11px;
	}
ul#topNav li {
	list-style:none;
	display:inline;
	margin:0 0 0 15px;
	}
ul#topNav a {
	color:#000066;
	text-decoration:none;
	}
ul#topNav a:hover {
	color:#000066;
	text-decoration:underline;
	}


/*     INFORMATION STYLES             */
/* ---------------------------------- */
#information {
	width:114px;
	background-image:url(images/infoBG2.gif);
	float:left;
	background-position:top left;
	background-repeat:repeat-y;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	font-size:11px;
	}
#information a {
	padding:0 2px 0 2px;
	text-decoration:none;
	color:#000066;
	}
#information a:hover {
	padding:0 2px 0 2px;
	color:#000066;
	text-decoration:underline;
	}
	
/*     HEADER2  STYLES   for large image    */
/* ---------------------------------------- */
#header2 {
	width:100%;
	height:248px;
	background-image:url(images/header-main.jpg);
	position:relative;
	}
#header2 h2.head{
	text-indent:-5000px;
	}
#header2 #logo2 {
	position:absolute;
	left:680px;    /* this sets the position of the logo */
	bottom:29px;
}
#header3 {
	width:100%;
	height:248px;
	background-image:url(images/header-insurance.jpg);
	position:relative;
	}
#header3 h2.head{
	text-indent:-5000px;
	}
#header3 #logo2 {
	position:absolute;
	left:680px;    /* this sets the position of the logo */
	bottom:29px;
}
#header4 {
	width:100%;
	height:248px;
	background-image:url(images/header-loans.jpg);
	position:relative;
	}
#header4 h2.head{
	text-indent:-5000px;
	}
#header4 #logo2 {
	position:absolute;
	left:680px;    /* this sets the position of the logo */
	bottom:29px;
}
#header5 {
	width:100%;
	height:248px;
	background-image:url(images/header-debt.jpg);
	position:relative;
	}
#header5 h2.head{
	text-indent:-5000px;
	}
#header5 #logo2 {
	position:absolute;
	left:680px;    /* this sets the position of the logo */
	bottom:29px;
}
/*     Footer styles                        */
/* ---------------------------------------- */
#footer {
	clear:both;
	text-align:center;
	font-size:11px;
	}
#footer p {
	margin:10px;
	}
#footer ul {
	margin:0 10px 20px 10px;
	text-align:center;
	font-weight:bold;
	}
#footer ul li {
	list-style:none;
	display:inline;
	font-size:10px;
	}
#footer ul a {
	color:#000000;
		}
#footer ul a:hover {
	color:#000000;
		}

/*     Middle Column                          */
/* ---------------------------------------- */
#middleCol {
	margin:0 17px 0 17px;
	position:relative;
	font-size:11px;
	padding:10px;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;

	}
/*     Left Column                          */
/* ---------------------------------------- */
#leftCol {
	height:auto;
	overflow:visible;
	width:317px;
	float:left;
	background-color:#dadbdb;
	background-image:url(images/leftColBG.gif);
	background-position:1px 0px;
	background-repeat:repeat-y;
	margin:0 0 0 17px;
	display:inline;
	position:relative;
	padding:0 0 40px 0;
	font-size:11px;
	}
#leftCol .colHead {
	background-image:url(images/leftColHeader.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding:0 0 4px 0;
	background-color:#777777;
	margin:0 0 10px 0;
	}
#leftCol .colHead h1 {
	font-size:10px;
	text-transform:uppercase;
	font-weight:bold;
	color:#FFFFFF;
	padding:5px 0 5px 10px;
	height:auto;
	overflow:visible;
	}
#leftCol .colHead h3 { /* originally used - but use h1 instead */
	font-size:10px;
	text-transform:uppercase;
	font-weight:bold;
	color:#FFFFFF;
	padding:5px 0 5px 10px;
	height:auto;
	overflow:visible;
	}
#leftCol .colFoot {
	height:33px;
	width:317px;
	background-image:url(images/leftColFooter.jpg);
	position:absolute;
	bottom:0px;
	left:0px;
	clear:both;
	}
#leftCol .colFoot hr {
	display:none;
	}
#leftCol p {
	margin:0 10px 10px 10px;
	text-align:center;
	}
#leftCol p.left {
	text-align:left;
	}
#leftCol ul {
	margin:0 0 10px 40px;
	}
#leftCol #applyform p.right {
	text-align:right;
	margin-right:100px;
}
#leftCol #applyform label {
	font-weight:bold;
	}
#leftCol #applyform input, #leftCol #applyform select, #leftCol #applyform option {
	width:70px;
}
#leftCol #applyform resultsDiv {
	margin:0 10px 10px 10px;
	}

/*     Right Column                         */
/* ---------------------------------------- */
#rightCol {
	height:auto;
	overflow:visible;
	width:402px;
	float:left;
	background-color:#dadbdb;
	background-image:url(images/rightColBG.gif);
	background-position:1px 0px;
	background-repeat:repeat-y;
	margin:0 0 0 17px;
	display:inline;
	position:relative;
	padding:0 0 40px 0;
	font-size:11px;
	}
#rightCol .colFoot {
	height:33px;
	width:402px;
	background-image:url(images/rightColFooter.jpg);
	position:absolute;
	bottom:0px;
	left:0px;
	clear:both;
	}
#rightCol .colFoot hr {
	display:none;
	}
#rightCol .colHead {
	background-image:url(images/rightColHeader.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding:0 0 4px 0;
	background-color:#777777;
	margin:0 0 10px 0;
	}
#rightCol .colHead h1 {
	font-size:10px;
	text-transform:uppercase;
	font-weight:bold;
	color:#FFFFFF;
	height:auto;
	padding:5px 0 5px 10px;
	overflow:visible;
	}
#rightCol .colHead h3 {  /* originally used - but use h1 instead */
	font-size:10px;
	text-transform:uppercase;
	font-weight:bold;
	color:#FFFFFF;
	height:auto;
	padding:5px 0 5px 10px;
	overflow:visible;
	}
#rightCol .prize {
	color:#FF0000;
	font-size:14px;
	font-weight:bold;
	}
#rightCol p {
	text-align:center;
	margin:0 10px 10px 10px;
	}
#rightCol ul {
	margin:0 0 10px 40px;
	}


/*     Links as Buttons                     */
/* ---------------------------------------- */
a.shortButton {
	display:block;
	width:103px;
	background-image:url(images/shortButtonTop.jpg);
	background-position:top left;
	text-decoration:none;
	color:black;
	font-weight:bold;
	text-align:center;
	margin 0px auto;
	}
	
div.left a.shortButton {/* this controls spacing of 2 buttons */
	margin:5px 10px 5px auto;
}
div.right a.shortButton {/* this controls spacing of 2 buttons */
	margin:5px auto 5px 10px;
}
div.right input.calc {/* this controls spacing of 2 buttons */
	margin:5px auto 5px 10px;
}
a.shortButton span {
	display:block;
	width:103px;
	background-image:url(images/shortButtonBottom.jpg);
	background-position:bottom left;
	padding:10px 0 10px 0;
	background-repeat:no-repeat;
	text-align:center;
	text-transform:uppercase;
	cursor:pointer;
	}
a.mediumButton {
	display:block;
	width:168px;
	background-image:url(images/longButtonTop.jpg);
	background-position:top left;
	text-decoration:none;
	color:black;
	font-weight:bold;
	margin:0 auto 0 auto;
	}
a.mediumButton span {
	display:block;
	width:168px;
	background-image:url(images/longButtonBottom.jpg);
	background-position:bottom left;
	padding:10px 0 10px 0;
	background-repeat:repeat-x;
	text-align:center;
	cursor:pointer;
	}
a.longButton {
	display:block;
	width:268px;
	background-image:url(images/longButtonTop.jpg);
	background-position:top left;
	text-decoration:none;
	color:black;
	font-weight:bold;
	margin:0 auto 0 auto;
	}
a.longButton span {
	display:block;
	width:268px;
	background-image:url(images/longButtonBottom.jpg);
	background-position:bottom left;
	padding:10px 0 10px 0;
	background-repeat:no-repeat;
	text-align:center;
	cursor:pointer;
	}


/*     CALCULATOR STYLES                    */
/* ---------------------------------------- */
div.calc {
	width:98%;
	border-collapse:collapse;
	background:#fff;
}

div.calc label {
	font-weight:bold;
}

div.leftcalc { /* used for buttons */
	float:left;
	width:59%;
	height:auto;
	overflow:visible;
	text-align:right;
	}
div.rightcalc {
	float:right;
	width:39%;
	height:auto;
	overflow:visible;
	text-align:left;
	padding-top:15px;
	padding-left:5px;
	}
div.calc input.short {width:70px;}
div.calc select.short {width:76px;}
div.calc input.calc {
	
	width:103px;
	height:37px;
	background-image:url(images/shortButtonAll.jpg);
	background-position:bottom left;
	padding:10px 0 10px 0;
	background-repeat:no-repeat;
	text-align:center;
	text-transform:uppercase;
	cursor:pointer;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	border:none;
	}

/*     MULTI FORM  STYLES                   */
/* ---------------------------------------- */
.form {
	margin:0;
	padding:0;
}
div.form form {
margin:0 ;
padding:0 0 10px 0; /*this padding helps get the span.label right */
}

div.form label{
	float: left;
	width: 150px;
	text-align:right;
}

div.form label.short {width:220px;}
div.form label.vshort {width:260px;}

div.form input{ 	width: 150px;	margin-left: 5px; font-size:80%;}
div.form input.short {width:40px;}
div.form input.checkbox {width:30px; margin-left: 5px;}


div.form input.calc {
	width:102px;
	height:34px;
	background-image:url(images/shortButtonAll3.jpg);
	background-position:bottom left;
	padding:10px 0 10px 0;
	background-repeat:no-repeat;
	text-align:center;
	cursor:pointer;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	border:none;
	}
div.form input.image {height:37px; width:103px;}

div.form input#add2 {
	font-size:11px;
}
div.form submit {
	font-size:11px;
}

div.form select {
	width: 156px;
	margin-bottom: 5px;
	margin-left: 5px;
	font-size:80%;
}
div.form select.short {width:66px;}
div.form select.vshort {width:46px;}

div.form .button{
margin-bottom: 5px;
margin-left: 5px;
}
div.form .btnGo{
width: 61px;
margin-bottom: 5px;
}

div.previewvalues {font-size:120%;}
div.form h2 {font-size:100%; margin:auto 20px;}

div.form textarea{
width: 300px;
height: 70px;
font-family:  Verdana, Arial, Helvetica, sans-serif;
}

div.form .boxes{
width: 1em;
}

div.form #submitbutton{
margin-left: 0px;
margin-top: 5px;
margin-bottom: 5px;
width: 103px;
height:37px;
}
div.form #submitbuttoncenter{
margin-left:90px;
text-align:center;
margin-top: 5px;
margin-bottom: 5px;
width: 103px;
height:37px;
}

div.form br.left{
clear: left;
}
/************** landing styles *****************/

/* image - dark blue is 183182
	mid blue is 2C4AAC
	paler back is CCFF99 yuk or D5E79F
*****************************************/

.landing{
	padding: 10px 0px 10px 0px;
	margin:5px;
	font-size: 100%;
	min-height: 80px;
	height:auto !important;
	height: 80px;
	border:none;
	background-color:#fff;
}
html>body .landing {height: auto;}

.landing p {margin-left:15px;}

.landing img{
	float: left;
	padding: 10px 10px 0px 0px;

}
.landing hr {color: #fff;
	margin:0 10px;
	height:0px;
}
.landing h4 {   /* this defines the headers in the form */
	background:#fff;
	font-size:100%;
	font-weight:bold;
	text-align:left;
	color:#333;
	margin:0 40px 5px 45px;
	padding: 5px 0px 3px 0px;
	border-top:solid 3px #f84405
}

.landinghead {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:#444;
	color:#fff;
	min-height: 25px;
	height:auto !important;
	height: 25px;
	border-bottom:2px solid #f84405
}

.landinghead h3{
	color:#fff;
	margin-top:0.2em;
	margin-bottom:0.3em;
	margin-left:0px;
	padding-top:0.2em;
	padding-left:1em;
	font: bold 120% Arial,sans-serif;
	text-align:center;
}