/*

Loantroducer

MWISMedia New Media Design & Development

Author: David Goadby

 */


/* ---------------------------------------------------------------*/
/* Forces vert scrollbar on all pages*/
/* Removes unpredictable 'browser default' settings */
/* Body tag settings */

html { height: 100%; margin-bottom: 1px; }  

html,body{height:100% !important}

p, td, li, ul,ol, h1, h2, h3 ,h4 ,h5 ,h6, label, input, form, select {
 font: normal 11px "Trebuchet MS";
	margin: 0 0 0 0; 
	padding: 0 0 0 0;
	color: #666666;
}
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-color: #72230C;
	color: #ffffff;
	font: normal 12px  "Trebuchet MS";
	background: #71230C repeat-x url(../images/bg.jpg);
}
/* ---------------------------------------------------------------*/
/* Div Containers*/
#main_container {
	width: 830px;
	margin: auto;
	position:relative;
	background: #FFFFFF repeat-y url(../images/main_bg.jpg);
}
#sub_container {
	background: no-repeat url(../images/header_bg_main.jpg);
	margin: 0 0 0 10px;
}
#three_col {
float:left;
}
#header_box {
float:left;
width: 550px;
}
#header_row {
height:230px;
}
#header_col_one{
float:left; 
}
#header_col_two{
	float:left;
	text-align:left;
	width: 340px;
}
/* ---------------------------------------------------------------*/
/* Nav Styles */

#main_nav {
 width: 825px;
 height: 30px;
 padding: 0;
 float: left;
 margin: 0 0 0 0;
}
#main_nav ul {	
 list-style: none;
}	
#main_nav li {
 display: inline;
 padding: 0 0 0 5px;
 background: centre right url(../images/nav_divider.jpg) repeat-y;
}
#main_nav li a {
 text-decoration: none;
 display: inline;
 font: bold 11px Arial, Helvetica, sans-serif;
 color: #ffffff;
 margin: 0 10px 0 10px;
 line-height: 30px;
}	
#main_nav li a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
/* ---------------------------------------------------------------*/
/* SideNav Styles */
#side_nav {
	float: left;
	width: 195px;
	text-align:left;
	margin: 0 0 0 15px;
	background: repeat-y url(../images/spacer_colone.jpg);
}
#side_nav ul {	
 list-style: none;
 width: 195px;

}	
#side_nav li {
 background: no-repeat center left url(../images/bullet.jpg);
 display: block;
 padding: 3px;
 margin: 5px 15px 2px 0;
 }
#side_nav li a {
 margin: 0 5px 0 15px;
 text-decoration: none;
 font: normal 12px;
 color: #666666;
}	
#side_nav li a:hover {
 color: #AB3412;
 padding: 0 0 2px 0;
}
/* ---------------------------------------------------------------*/
/* Content Styles */
#header_col_two h1 {
	color: #A83412;
	background: no-repeat center left url(../images/h1_bg.jpg);
	padding: 4px 0 4px 30px;
	height: 30px;
	font: bold 18px "trebuchet MS", Arial;
 }
 
#header_col_two h6 {
	color: #A83412;
	padding: 4px 0 4px 30px;
	height: 30px;
	font: bold 18px "trebuchet MS", Arial;
	background: no-repeat top left url(../images/h6_bg.jpg);
 }
 #header_col_two h3 {
	color: #FF8000;
	background: no-repeat center left url(../images/h1_bg.jpg);
	padding: 4px 0 4px 30px;
	font-size: 16px;
	height: 30px;
	font: bold 16px "trebuchet MS", Arial;
 }
 #header_col_two h4 {
	font-family: "Trebuchet MS";
	color: #FF8000;
	font-size: 18px;
	padding: 10px;
}
#header_col_two h5 {
	font-family: "Trebuchet MS";
	color: #FF8000;
	font-size: 14px;
	padding: 10px;
}
#header_col_two ul {
 list-style: none;
 margin: 0 0 0 10px;
}
#header_col_two li {
	background: no-repeat  url(../images/bullet_2.jpg);
	padding: 0 0 0 15px;
	margin: 0;
	line-height: 24px;
}
#header_col_two p {
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	font: 11px  "Trebuchet MS";
	color: #666666;
	line-height: 20px;
}
#header_col_two em {
	color: #FF6600;
	font-style: normal;
}
/* ---------------------------------------------------------------*/
/* Homepage Steps */
.steps {
 margin: 0 0 5px 5px;
 background: no-repeat url(../images/steps_bg.jpg);
 width: 331px;
 height: 55px;
}
.steps_num {
 float: left;
 margin: 10px;
}
.steps_content {
 padding: 10px;
 margin: 0 0 0 40px;
}
.steps_content h2 {
 font-size: 14px;
 color: #666666;
 font-weight: bold;
}
.steps_content a {
 font-weight: bold;
 }
 /* ---------------------------------------------------------------*/
/* Quick Apply Form */ 
#form_box {
float:left;
width: 252px;
margin: 15px 0 0 0;
}
#home_form {
margin: 0 0 0 0;
background: repeat-y url(../images/form_bg.gif);
}
#home_form .label input, #home_form .label select {
height: 21px;
background-color:#FFFFFF;
border: 1px solid #E4C4BA;
margin: 0 5px 0 0;
width: 110px;
}
.label {
color:#FFFFFF;
font: normal 9px "trebuchet MS", Arial;
width: 100%;
}
.note {
font: bold 11px Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:left;
margin: 0 0 0 15px;
}
.w {
width: 45%;
float:left;
padding: 7px 0 0 0;
text-align:right;
font: normal 9px "trebuchet MS", Arial;
}
#tick {
float:right;
margin: 0 55px 0 0;
}
.label_confirm {
color:#FFFFFF;
font: normal 9px "trebuchet MS", Arial;
width: 70%;
float:left;
text-align:right;
}
 /* ---------------------------------------------------------------*/
/* TODO : Links */
a {
color:#FF6600;
}
/* ---------------------------------------------------------------*/
/* Page Footer */
#footer {
 float: left;
 margin: 0 0 10px 0;
 width: 815px;
 height: 45px;
 background: no-repeat url(../images/footer_bg.jpg);
 text-align: left;
}
#footer2 {
 float: left;
 margin: 0 0 10px 0;
 width: 815px;
 height: 90px;
 background: no-repeat url(../images/footer_bg2.jpg);
 text-align: left;
}
#footer_container {
 width: 726px;
 margin: 10px 0 0 40px;
 text-align: center;
}
#footer_container p {
 color: #ffffff;
 font-size: 10px;
}
/* ---------------------------------------------------------------*/
/* Bottom Footer */
#bottom_footer {
 width: 726px;
 margin: 10px auto 0 auto;
 text-align: center;
}
#bottom_footer p {
 color: #ffffff;
 font-size: 9px;
}
/* ---------------------------------------------------------------*/
/* Data Protection Statement */
#data {
	color: #666666;
	background-color: #FFFFFF;
	border: 1px solid #BE4D2D;
	padding: 0px;
	margin: 35px;
	text-align:left;
	padding: 20px;
}
#data h1 {
	font-family: "trebuchet MS", Arial;
	color: #B53915;
	font-size: 18px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
#header_col_two strong {
	color: #B63812;
}

#data strong {
	color: #BE4D2D;
}


#form-container {
	float: left;
	width: 325px;
	background-color: #FFFFFF;
}
#form-container form p, form#formname #form-container p{
	clear: both;
	font: normal 10px;
	padding: 5px;
	background-color: #FFFFFF;
}
#form-container form p label, form#formname #form-container p label{
	float: left;
	width: 39%;
	font: normal 11px;
	text-align: right;
	color: #999999;
}
#form-container form p.wide label, form#formname #form-container p.wide label{
  width: 100%;
  text-align: left;
}
#form-container form p span.formw, form#formname #form-container p span.formw{
  float: right;
  width: 59%;
  text-align: left;
}
/* Input BG Size Etc */
.singleline-field {
	width: 150px;
	height: 18px;
	font: normal 11px "Arial", Arial Narrow;
	display: inline;
	border: #ccc solid 1px;
}
/* Textarea BG Size Etc */
.multiline-field {
	width: 150px;
	font: normal 11px "Arial", Arial Narrow;
	display: inline;
	border: #ccc solid 1px;
}
/* Dropdown BG Size Etc */
select.singleline-field {
	width: 150px;
	height: 20px;
		border: #ccc solid 1px;

}
/* Required Highlight Colour */
.darktxt {
color:#FF6600;
	font-weight: normal;
}