/* stylesheet for Inter Financial Ltd */
/*
	redder orrange is #F84405;
	orange from logo is #E37536;
	grey from logo is #78879E;
--------------------------------------*/
body, hr, h1, h2, h3, h4, ul, 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;
	}

/* general styles - define first */

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

.clear {
	clear:both;
	}
a {
	color:#294A7B;
	}
a:hover {
	color:black;
	}

	
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:17cm; /* 780px;*/
	height:auto;
	overflow:visible;
	}
#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:76px;
	bottom:15px;
	line-height:10px;
	padding: 6px 0 0 0;
	}
	
#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;
	}


#header2 {
	width:100%;
	height: 0.1cm; /* 248px;*/
	background-image:url(images/header2.jpg);
	position:relative;
	}
#header2 h2.head{
	text-indent:-5000px;
	}
#header2 #logo2 {
		visibility:hidden;
		height:0.1cm;
	position:absolute;
	left:680px;    /* this sets the position of the logo */
	bottom:29px;
}

#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;
	}
	
#information {
	visibility:hidden;
	width:2.5cm; /*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;
	}

/* top navigation */
ul#topNav {
	float:left;
	width:14.5; /*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;
	}
	
/* left column */
#leftCol {
	height:auto;
	overflow:visible;
	width:6.9cm; /*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 .colFoot {
	height:33px;
	width:6.9cm; /*317px;*/
	background-image:url(images/leftColFooter.jpg);
	position:absolute;
	bottom:0px;
	left:0px;
	clear:both;
	}
#leftCol .colFoot hr {
	display:none;
	}
#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 {
	font-size:10px;
	text-transform:uppercase;
	font-weight:bold;
	color:#FFFFFF;
	padding:5px 0 5px 10px;
	height:auto;
	overflow:visible;
	}
#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 styles */
#rightCol {
	height:auto;
	overflow:visible;
	width:8.7cm; /*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:8.7cm; /*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 {
	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;
	}

/* buttons and forms */
a.shortButton {
	display:block;
	width:2.2cm; /*103px;*/
	background-image:url(images/shortButtonTop.jpg);
	background-position:top left;
	text-decoration:none;
	color:black;
	font-weight:bold;
	text-align:center;
	margin 5px 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;
}
a.shortButton span {
	display:block;
	width:2.2cm; /*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.longButton {
	display:block;
	width:5.8cm; /*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:5.8cm; /*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;
	}

/* footer */
#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;
		}

/* calculator styles */		
table.calc {
	width:98%;
	border-collapse:collapse;
	background:#fff;
}

table.calc th {
	font-size:90%;
	padding:2px 5px;
}

table.calc td {
	padding:2px 5px;
	text-align:center;
}

table.calc label {
	font-weight:bold;
}
table.calc input.calc {
	border-bottom:3px solid #FF6600;
}

form {
	margin-bottom:0;
}