/* Start of CMSMS style sheet 'SLS - basic' */
/*___________ Main Elements ___________*/

* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #001c46;
	text-align: center;
font: 12px Arial,Helvetica,'Sans Serif';
color: #1b2e3b;
}

img {
	display: block;
border: 0;
}

a {
color: #ff9600;
}
a:hover {
color: #a4c5d9;
}

#bankLogos {
background-color: #789fba;
width: 105px;
margin-left: 35px;
margin-top: 15px;
}


/*___________ Utility Nav ___________*/

#utilityNav {
width: 750px;
margin: auto;
border-bottom: 1px solid #ffffff;
height: 25px;
text-align: right;
font: 75% Verdana,Arial,Helvetica,'Sans Serif';
color: #a1abbb;
}
#utilityNav a {
color: #a1abbb;
text-decoration: none;
}
#utilityNav ul {
list-style-type: none;
float: left;
text-align: right;
width: 537px;
margin-top: 6px;
}
#utilityNav ul li {
display: inline;
border-right: 1px solid #495c7b;
padding: 0px 15px;
}
#utilityNav ul li a:hover {
color: #FFFFFF;
text-decoration: none;
}
#utilityNav form {
padding-top: 4px;
}
#utilityNav form fieldset {
display: inline;
border: 0;
}
#utilityNav form fieldset legend {
display: none;
}
#utilityNav form fieldset label {
float: left;
margin-right: 5px;
margin-top: 2px;
}
#utilityNav form fieldset input {
background-color: #33496b;
border: 1px solid #8d99ac;
width: 124px;
height: 13px;
float: left;
color: #ffffff;
font-size: 100%;
padding: 1px 3px;
}

#utilityNav form input {

}


/*___________ Main Container, Header and Nav ___________*/

#container {
	text-align: left;
	margin: auto;
	width: 748px;
	background: #FFFFFF url(images/bg-container.gif);
padding: 0px 11px;
}

#header h1 {
background: #054a78 url(images/bg-header.jpg) top right no-repeat;
height: 100px;
border-bottom: 1px solid #ffffff;
}
#header #mainNav {
background: #93b5cc url(images/bg-nav.gif) repeat-x;
border-bottom: 1px solid #ffffff;
height: 33px;
list-style-type: none;
text-align: center;
padding-left: 5px;
}
#header #mainNav li {
display: inline;
font-weight: bold;
font-size: 90%;
}
#header #mainNav li a {
text-decoration: none;
color: #ffffff;
padding: 9px 8px;
border-right: 1px solid #ffffff;
height: 15px;
display: block;
float: left;
}
#header #mainNav li a:hover {
background: #afc8d8 url(images/bg-nav-roll.gif) repeat-x;;
color: #FFFFFF;
text-decoration: none;
}
#header #mainNav li.noBorder a {
border: 0;
}
#header h2.calculators {
float: left;
font-size: 100%;
width: 100px;
padding-left: 17px;
padding-top: 7px;
background: #ffffff url(images/bg-sub-nav.gif) right no-repeat;
height: 23px;
}
#header #subNav {
float: left;
list-style-type: none;
width: 629px;
height: 24px;
background-color: #9dbdd3;
padding-top: 6px;
}
#header #subNav a {
color: #001c46;
text-decoration: none;

}
#header #subNav li {
display: inline;
font-size: 90%;
margin-top: 6px;
border-right: 1px solid #ffffff;
padding: 0px 11px;
}
#header #subNav li.noBorder {
border: 0;
padding-right: 0;
}

/*___________ Content ___________*/

#content {
width: 519px;
float: right;
padding-top: 25px;
padding-right: 30px;
overflow: hidden;
}

#content.singleColumn {
float: none;
background-color: #ffffff;
padding-left: 30px;
padding-bottom: 25px;
width: 689px;
clear: both;
}

#content p, #content ol, #content ul {
line-height: 1.5;
}

#content p {
margin-bottom: 15px;
}


#content h2 {
color: #ff9600;
font-size: 160%;
font-weight: normal;
border-bottom: 1px solid #ffdaa6;
padding-bottom: 2px;
margin-bottom: 20px;
}
#content h3 {
font-size: 120%;
margin-bottom: 5px;
}
#content h4 {
font-size: 115%;
font-weight: normal;
margin-bottom: 20px;
}
#content h4.tagline {
color: #fff;
font: 17px Arial Black, Arial, Helvetica, Sans Serrif;
text-transform: uppercase;
padding: 10px 0;
margin: 0 0 15px 0;
background: #0b436a;
text-align: center;
border: 2px solid #a5c5da;
}
#content ol, #content ul {
margin-left: 40px;
margin-bottom: 25px;
}
#content ol li {
margin-bottom: 18px;
}
#content ul li {
margin-bottom: 7px;
}
#content ol strong {
color: #ff9600;
font-size: 115%;
font-style: italic;
}


/*___________ About Us ___________*/


#testimonials {
float: right;
border: 1px solid #ffdaa6;
padding: 10px;
background-color: #ffffff; 
margin-left: 15px;
margin-bottom: 15px;
}

.aboutUsTeam {
margin-bottom: 25px;
padding-bottom: 10px;
border-bottom: 1px solid #e6f4fd;
}

#partners .aboutUsTeam {
overflow: hidden;
width: 100%;
}

#partners .aboutUsTeam h4 {
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
color: #ff9600;
}

.aboutUsTeam p {
margin-left: 150px;
overflow: hidden;
}

.aboutUsTeam img {
float: left;
margin-right: 15px;
margin-bottom: 15px;
border: 3px solid #a5c5da;
padding: 1px;
background-color: #FFFFFF;
}

#content ul.lenders li {
float: left;
width: 32%;
margin-bottom: 3px;
}

/*___________ Our Partners ___________*/

#content #partners h3 {
padding-bottom: 10px;
margin-bottom: 15px;
}

#content .partner {
margin-bottom: 25px;
padding-bottom: 10px;
border-bottom: 1px solid #e6f4fd;
overflow: hidden;
width: 100%;
}

#content .partner h4 {
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
color: #ff9600;
margin: 0;
padding: 0 0 5px 0;
}

#content .partner dl {
overflow: hidden;
width: 310px;
}

#content .partner dl dt {
float: left;
font-weight: bold;
margin: 0 5px 2px 0;
}

#content .partner dl dd {
display: block;
margin: 0 0 2px 0;
}

#content .partner img {
float: left;
margin-right: 15px;
margin-bottom: 15px;
border: 3px solid #a5c5da;
padding: 1px;
background-color: #FFFFFF;
}

/*___________ Related Links ___________*/

.relatedLinks {
width: 519px;
float: left;
margin-bottom: 20px;
}

.relatedLinks p {
width: 369px;
float: right;
display: inline;
}

.relatedLinks img {
float: left;
margin-right: 15px;
margin-bottom: 15px;
border: 3px solid #a5c5da;
padding: 1px;
background-color: #FFFFFF;
}

/*___________ Products and Services ___________*/

.products {
width: 519px;
float: left;
margin-bottom: 20px;
border-bottom: 1px solid #e6f4fd;
}

.products h3 {
width: 440px;
float: right;
display: inline;
}

.products p {
width: 440px;
float: right;
display: inline;
}

.products img {
float: left;
margin-right: 10px;
margin-bottom: 15px;
border: 2px solid #a5c5da;
padding: 1px;
background-color: #FFFFFF;
}


/*___________ Contact Us ___________*/

#appointmentRequest, #userQuestion {
height: 440px;
float: left;
display: inline;
width: 160px;
background-color: #e2e2e2;
margin-right: 10px;
margin-bottom: 10px;
padding: 10px;
}
#appointmentRequest h3, #userQuestion h3 {
font-size: 100%;
border-bottom: 1px solid #bebdbd;
padding-bottom: 3px;
color: #0b436a;
margin-right: 0;
}
#callCentre {
margin-bottom: 10px;
float: left;
display: inline;
}

#loanApply {
clear: both;
margin-bottom: 15px;
}

#appointmentRequest label, #userQuestion label {	
	width: 145px;
display: block;
font-size: 90%;
} 

#appointmentRequest fieldset, #userQuestion fieldset { 
	margin-top: 10px;
	border: 0; 
} 
#appointmentRequest fieldset input, #userQuestion fieldset input {
	margin-bottom: 10px;
	padding: 2px;
	width: 148px;
	border: 1px solid #d0d0d0;
	font: 90% Arial,Helvetica,sans-serif;
	color: #626262;
} 

#appointmentRequest fieldset legend, #userQuestion fieldset legend {
	display: none;
}
#appointmentRequest textarea, #userQuestion textarea {
	margin-bottom: 10px;
	padding: 2px;
	width: 148px;
height: 50px;
	border: 1px solid #d0d0d0;	
	overflow: auto;
	font: 90% Arial,Helvetica,sans-serif;
	color: #626262;
overflow: auto;
}
#userQuestion textarea {
height: 130px;
}


#submitButton, #submitButton2 {	
	display: block;
	margin-left: 83px;
	background-color: #0b436a;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #fff;
	width: 69px;
}

#required {
clear: both;
}

#errorText {
	padding: 10px;
	background-color: #ec6e6e;
	margin-bottom: 15px;
	color: #fff;
	width: 270px;
}
#errorText p {
	margin-bottom: 5px;
	font-weight: bold;
}
#errorText ul {
	margin-left: 30px;
margin-bottom: 0;
}

.success {
	padding: 10px;
	background-color: #c5f9be;
	text-align: center;
	width: 360px;
	font-weight: bold;
}


/*___________ Sidebar ___________*/

#promoBar {
width: 169px;
text-align: center;
padding-bottom: 10px;
}
#promoBar img {
margin: auto;
margin-top: 11px;
}

#contactBanner {
	clear: both;
}

#bankLogos {
width: 105px;
margin: 0;
margin: auto;
margin-top: 11px;
height: 225px;
}

/*___________ Footer ___________*/

#headShoulders {
height: 98px;
width: 748px;
border-bottom: 1px solid #ffffff;
}

#footer {
background: #ebebeb url(images/bg-footer.gif) repeat-x;
border-bottom: 1px solid #ffffff;
height: 58px;
}
#footer p {
padding-top: 15px;
margin-left: 17px;
font-size: 85%;
color: #505050;
}
#footer p a {
text-decoration: none;
color: #505050;
}
#footer p a:hover {
color: #ff9600;
}
#footer img {
float: right;
}

.imgRight {
float: right;
margin-left: 15px;
margin-bottom: 15px;
}
.imgLeft {
float: left;
margin-right: 15px;
margin-bottom: 15px;
}
.clearboth {
clear: both;
}
.clearfix:after 
{
    content: "."; 
    display: block;
    height: 0; 
    clear: both; 
    visibility: hidden;
}


.clearfix { display: inline-table; }

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