
/********************************************  CSS RESET  *********************************************/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,
cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,
ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-weight: normal;
}
ol, ul {
	list-style: none;
	line-height: 1;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
input {
	padding: 0;
	margin: 0;
	font-size: 100%;
}
blockquote, q { quotes: none; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
th { text-align: left; }
address { font-style: normal; }
.clearFloat { clear: both; overflow: hidden; font-size: 0; height: 0; }
.hidden { display: none; }
body, select, input, textarea { font-family: arial, sans-serif; }
textarea { margin: 0; font-size: 100%; }

input[type="hidden"] {
	display: none !important;
	visibility: hidden !important;
	height: 0px !important;
}


/**********************************************  FONTS  ***********************************************/

h1 {
	font-size: 1.4375em;
	color: #0797da;
	font-weight: bold;
	line-height: 110%;
	margin: 0 0 1em 0;
}
h2 {
	font-size: 1em;
	color: #0797da;
	font-weight: bold;
	margin: 0 0 .75em 0;
}
#mainContent h2 {
	margin-top: 1.5em;
}
.homeCol h2 {
	font-size: 1.4375em;
}
p {
	color: #333;
	font-size: .8125em;
	margin: 0 0 1em 0;
}
p.note {
	font-size: .625em;
}
a {
	color: #0797DA;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


/**********************************************  HEADER  **********************************************/

#headerWrapper {
	background: url('/images/bg/header-bg.gif') repeat-x left top;
	height: 102px;
}
#header {
	width: 960px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}
#header ul {
	background: url('/images/menu/menu-bg.png') no-repeat right top;
	width: 730px;
	height: 68px;
	position: absolute;
	right: -70px;
	top: 0;
	padding: 34px 0 0 20px;
	z-index: 2;
}
#header li {
	float: left;
	margin: 0 0 0 5px;
}
#header li a {
	color: #fff;
	float: left;
	text-indent: -9999em;
	height: 32px;
}
#header #miHome a { background: url('/images/menu/mi-home.gif'); width: 57px; }
#header #miAboutUs a { background: url('/images/menu/mi-about.gif'); width: 76px; }
#header #miProducts a { background: url('/images/menu/mi-products.gif'); width: 76px; }
#header #miOffers a { background: url('/images/menu/mi-offers.gif'); width: 106px; }
#header #miCalculators a { background: url('/images/menu/mi-calculators.gif'); width: 90px; }
#header #miNews a { background: url('/images/menu/mi-news.gif'); width: 56px; }
#header #miFAQ a { background: url('/images/menu/mi-faq.gif'); width: 47px; }
#header #miContacts a { background: url('/images/menu/mi-contacts.gif'); width: 77px; }

.home #miHome a,
.about #miAboutUs a,
.products #miProducts a,
.offers #miOffers a,
.calculators #miCalculators a,
.news #miNews a,
.faq #miFAQ a,
.contacts #miContacts a,
#header li a:hover {
	background-position: bottom !important;
}
.headerLogo {
	position: absolute;
	top: 0;
	left: -8px;
}
.visitWebsite {
	position: absolute;
	top: 35px;
	left: 943px;
}


/**********************************************  FOOTER  **********************************************/

#footerWrapper {
	min-width: 960px;
	background: #16aaef url('/images/bg/footer-bg.gif') repeat-x center bottom;
}
#footer {
	margin: 0 auto;
	width: 960px;
	height: 74px;
	position: relative;
}
.clearFooter {   
	height: 120px;   
	clear: both;
}
.footerLogo {
	position: absolute;
	top: 19px;
	left: -4px;
}
.footerText {
	position: absolute;
	top: 25px;
	color: #abddf5;
	font-size: .6875em;
	font-style: italic;
	text-align: right;
	left: 733px;
}
.home .footerText {
	left: 100px;
	text-align: left;
}
.footerText a {
	text-decoration: none;
	color: #abddf5;
}
.footerText a:hover {
	text-decoration: underline;
}
#mailingListForm {
	position: absolute;
	top: -15px;
	width: 296px;
	height: 81px;
	right: 50px;
	font-size: .75em;
	background: url('/images/forms/subscription-form-bg.png');
}
.home #mailingListForm { 
	right: 24px;
}
#mailingListForm #subscriptionEmailContainer {
	position: absolute;
	left: 17px;
	top: 36px;
	width: 190px;
	height: 32px;
	padding: 8px 60px 0 12px;
	background: url('/images/forms/subscribe-input-bg.png') no-repeat left top;
}
#mailingListForm #subscriptionEmail {
	border: 0;
	width: 190px;
	color: #808080;
	line-height: 1.1em;
}
#mailingListForm label {
	position: absolute;
	color: #808080;
	z-index: 2;
	top: 44px;
	left: 30px;
}
#mailingListForm .formContainer {
	height: 80px;
}
#mailingListForm .imgBtn {
	position: absolute;
	right: 17px;
	top: 36px;
	z-index: 3;
	width: 60px;
	height: 29px;
	overflow: hidden;
}
#footer .subscriptionMessage {
	position: absolute;
	color: #fff;
	font-size: .75em;
	top: 31px;
	left: 677px;
}


/*********************************************  SIDEBAR  **********************************************/

#sidebar {
	width: 240px;
	float: left;
	padding: 0 0 0 5px;
}
#sidebar.noNav {
	padding: 60px 0 0 5px;
}
.homeLoanTile {
	margin: 0 0 5px 0;
	display: block;
}
#nav {
	width: 190px;
	background: url('/images/nav/nav-bg.png') no-repeat left bottom;
	margin: 0 0 25px 0;
	padding: 31px 25px 34px 25px;
	overflow: hidden;
	line-height: 100%;
}
#nav li {
	width: 190px;
	float: left;
	border-bottom: 1px #49c0f2 solid;
	background: url('/images/icons/ico-nav-bullet.gif') no-repeat left center;
	overflow: hidden;
}
#nav a {
	text-decoration: none;
	font-family: "trebuchet ms", arial, sans-serif;
	color: #fff;
	float: left;
	padding: 6px 0 6px 15px;
	width: 175px;
	overflow: hidden;
}
#nav a:hover,
#nav .selected a {
	color: #9ce0fc;
}
#nav .selected {
	width: 175px;
	padding: 0 0 0 15px;
	background-position: 15px center;
}
#sidebar #mailingListForm {
	position: relative;
	width: 240px;
	right: 0;
	top: 0;
	background: url('/images/forms/subscription-form-internal-bg.png');
	margin: 20px 0 0 0;
}
#sidebar #mailingListForm #subscriptionEmailContainer {
	width: 134px;
	background: url('/images/forms/subscribe-input-internal-bg.png');
}
#sidebar #mailingListForm #subscriptionEmail {
	width: 134px;
	
}
#sidebar .subscriptionMessage {
	color: #000;
	position: relative;
	padding: 0 10px;
	text-align: center;
	margin: 20px 0 0 0;
}


/***********************************************  BODY  ***********************************************/

body, html { height: 100%; }

#wrapper {
	margin-bottom: -74px;   
	min-height: 100%; 
	height: auto !important;
	height: 100%;
	min-width: 980px;
}


/*******************************************  PAGE LAYOUT  ********************************************/

#contentWrapper {
	background: url('/images/banners/banner1.jpg') no-repeat center top;
	min-height: 290px;
	height: auto !important;
	height: 290px;
}
#contentWrapper.home {
	background: none;
}
#content {
	width: 960px;
	margin: 0 auto;
}
#mainHeader {
	float: right;
	width: 628px;
	background: url('/images/boxes/main-bg-header.gif') no-repeat left top;
	margin: 200px 50px 0 0;
	display: inline;
}
#mainFooter {
	background: url('/images/boxes/main-bg-footer.gif') no-repeat left bottom;
	padding: 0 0 7px 0;
}
#mainContent {
	background: url('/images/boxes/main-bg-repeat.gif') repeat-y;
	padding: 40px 30px 20px 30px;
}


/********************************************  HOME PAGE  *********************************************/

.home #content {
	position: relative;
}
#homeBanner {
	height: 419px;
	position: relative;
}
#homeBanner li {
	height: 419px;
	width: 960px;
	position: absolute;
	display: none;
}
#homeBanner #homeBanner1 { background: url('/images/banners/home-banner1.jpg'); }
#homeBanner #homeBanner2 { background: url('/images/banners/home-banner2.jpg'); }

.homePromo {
	position: absolute;
	left:-3px;
	top:45px;
	/*
	left: 19px;
	top: 71px;
	*/
	z-index: 2;
}
.homeTiles {
	height: 114px;
	width: 940px;
	position: relative;
	margin: -134px 0 15px 0;
}
.homeTiles li {
	width: 300px;
	height: 114px;
	float: left;
	background: no-repeat;
	position: relative;
}
.homeTiles .home1 { background-image: url('/images/tiles/home1.png'); }
.homeTiles .home2 { background-image: url('/images/tiles/home2.png'); margin: 0 20px; }
.homeTiles .home3 { background-image: url('/images/tiles/home3.png'); }

.homeTiles ul {
	margin: 0 0 0 32px;
}
.homeTiles ul li {
	float: none;
	width: auto;
	height: auto;
	background: none !important;
	list-style-type: disc;
	font-size: .75em;
	color: #fff;
	margin: 5px 0;
}
.homeTiles .moreLink {
	position: absolute;
	bottom: -18px;
	right: 0;
}
.homeTiles h1 {
	color: #fff;
	font-family: "trebuchet ms", arial, sans-serif;
	font-size: .9375em;
	margin: 8px 0 23px 19px;
	text-transform: uppercase;
}
.homeCol {
	float: left;
	width: 590px;
	padding: 30px 20px 0 5px;
	display: inline;
}
.sendEnqHome {
	margin: 20px 0 0 62px;
	display: block;
}

/*****************************************  SPECIAL OFFERS LIST  **************************************/

.offersList li {
	border-top: 1px #dfdfdf solid;
	overflow: hidden;
	padding: 10px 0;
	width: 568px;
}
.offersList .leftCol {
	float: left;
	width: 110px;
}
.offersList .rightCol {
	float: right;
	width: 457px;
}
#mainContent .offersList h2 {
	text-transform: uppercase;
	color: #888;
	font-size: 1em;
	margin: 12px 0 25px 0;
}
.offersList .tile1 {
	margin: 0 3px 0 0;
}
.offersList .rightCol p {
	font-size: .625em;
	color: #888;
	line-height: 1.25em;
	margin: 10px 2px 0 2px;
}
.offersList .buttonContainer {
	text-align: right;
	padding: 10px 0 0 0;
	clear: both;
}


/***********************************************  FORM  ***********************************************/

.regForm ol {
	width: 263px;
}
.regForm li {
	padding: 0 0 9px 0;
	width: 263px;
	overflow: hidden;
	float: left;
}
.regForm .leftCol {
	float: left;
}
.regForm .rightCol {
	float: right;
}
.regForm label {
	background: url('/images/forms/label-bg.gif');
	width: 97px;
	height: 17px;
	display: inline-block;
	color: #777;
	text-transform: lowercase;
	font-size: 12px;
	padding: 5px 0 0 36px;
}
.regForm ol label {
	float: left;
	clear: both;
}
.regForm ol .txtInput {
	width: 255px;
	height: 23px;
	background: url('/images/forms/input-bg.gif');
	border: 0;
	font-size: 14px;
	color: #444;
	padding: 6px 0 0 8px;
	float: left;
	clear: both;
}
.regForm .textboxWrapper {
	border-bottom: 1px #dfdfdf solid;
	padding: 10px 0 20px 0;
	margin: 0 0 20px 0;
}
.regForm .textbox {
	width: 550px;
	height: 121px;
	background: url('/images/forms/text-area-bg.gif');
	padding: 6px 8px 2px 8px;
	overflow: hidden;
}
.regForm textarea {
	border: 0;
	font-size: 14px;
	color: #444;
	width: 550px;
	height: 117px;
	background: none;
}
.regForm em {
	color: #0797da;
}
.regForm .note {
	font-size: .6875em;
	color: #777;
	float: right;
	margin: 10px 10px 0 0;
}
.regForm .error em {
	color: #e74142;
}
.regForm .error label {
	color: #e74142;
	background: url('/images/forms/label-bg-error.gif');
}
.regForm .error input {
	background: url('/images/forms/input-bg-error.gif');
}
.regForm .error .textbox {
	background: url('/images/forms/text-area-bg-error.gif');
}
.regForm .checkBoxRow {
	margin: 5px 0 0 0;
}
.regForm .checkBoxRow input {
	float: left;
	width: 15px;
	height: 15px;
	margin: 0;
}
.regForm .checkBoxRow label {
	background: none;
	width: auto;
	height: auto;
	display: inline;
	text-transform: lowercase;
	font-size: 12px;
	padding: 0;
	margin: 2px 0 0 5px;
	clear: none;
}


/**********************************************  COMMON  **********************************************/

.flash-replaced .alt {
	display: none;
}
.glossary {
	font-size: 0.75em;
	line-height: 1.6em;
	color: #333;
}
.glossary dt {
	width: 130px;
	float: left;
	clear: both;
	padding: 10px 20px 10px 0px;
	border-top: 1px #d9d7d8 solid;
	font-weight: bold;
}
.glossary dd {
	float: left;
	width: 418px;
	border-top: 1px #d9d7d8 solid;
	padding: 10px 0px 10px 0px;
	margin: 0px;
}
.contentList {
	font-size: .75em;
	line-height: 1.6em;
	list-style-type: disc;
	color: #333;
	margin: 0 0 20px 20px;
}
.clientList {
	overflow: hidden;
}
.clientList li {
	width: 171px;
	height: 104px;
	float: left;
	margin: 0 0 27px 27px;
}
.clientList li.f { margin: 0; }

.location {
	float: left;
	padding: 0 50px 20px 0;
}
#mainContent .location h2 {
	margin-top: 0;
}
.location address,
.location ul {
	font-size: .75em;
}
.location ul {
	margin: 10px 0 10px 0;
}
.location li {
	background: no-repeat left center;
	padding: 3px 0 2px 25px;
	margin: 0 0 5px 0;
}
.location li.phone { background-image: url('/images/icons/ico-phone.gif'); }
.location li.fax { background-image: url('/images/icons/ico-fax.gif'); }
.location li.email { background-image: url('/images/icons/ico-email.gif'); }

.location .note {
	font-size: .6875em;
}
.productList {
	margin: 20px 0 0 0;
}
.productList li {
	margin: 0 0 2px 0;
}
.sidebarTile {
	margin: 0 0 10px 8px;
}
.sidebarTileHeader {
	margin-left: 25px;
}
.specOffer #header ul,
.specOffer #mailingListForm,
.specOffer #footer {
	display: none;
}
.specOffer #footerWrapper {
	height: 74px;
}