/*
 Screen style    
 Site: Indigo
*/
body { font-size: 75%; text-align: center; background: url(../images/bg/body.gif) repeat-x; padding: 0 0 20px 0; }

/* Image replacement */
.ir { font-size: 1em; margin: 0; overflow: hidden; position: relative; }
.ir span { background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
.ir a { cursor: pointer; display: block; height: 100%; width: 100%; }

/* Auto clearing floats */
#wrapper:after, #top:after, #content:after, .box:after, #footer:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

/* sIFR */
/* These are standard sIFR styles... do not modify */
.sIFR-flash { margin: 0; visibility: visible !important; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { display: block; height: 0; left: 0; overflow: hidden; position: absolute; top: 0; width: 0; }
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] { display: none !important; }

.sIFR-hasFlash h2.sifr { font-size: 24px; line-height: 26px; visibility: hidden; }
.sIFR-hasFlash #sidebar h3 { font-size: 20px; line-height: 22px; visibility: hidden; }

/* Wrapper */
#wrapper { width: 802px; margin: 0 auto; text-align: left; background: #fff url(../images/bg/wrapper.gif) repeat-y; }

/* Header */
#header { height: 114px; position: relative; margin-bottom: 7px; }
.home #header { margin-bottom: 6px; }
#accessibility { display: none; }
#logo { position: absolute; top: 30px; left: 31px; }
#logo img { display: block; }
#call { position: absolute; top: 30px; left: 626px; width: 155px; height: 34px; }
#call span { background-image: url(../images/text/call.gif); }

/* Navigation old */
/*
#nav { height: 34px; width: 532px; position: absolute; top: 80px; left: 267px; }
#nav li { float: left; }
#nav a { width: 107px; background: #fff; color: #000; display: block; height: 34px; line-height: 34px; margin: 0; overflow: hidden; position: relative; text-align: center; text-decoration: none; }
#nav a span { background-position: top left; background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; cursor: pointer; }
#nav a:hover { background: #fff; color: #655D6C; }
#nav a:hover span, #nav a.current span { background-position: bottom left; }
#nav a#nav02 { width: 105px; }
#nav a#nav05 { width: 106px; }
#nav a#nav01 span { background-image: url(../images/nav/01.gif); }
#nav a#nav02 span { background-image: url(../images/nav/02.gif); }
#nav a#nav03 span { background-image: url(../images/nav/03.gif); }
#nav a#nav04 span { background-image: url(../images/nav/04.gif); }
#nav a#nav05 span { background-image: url(../images/nav/05.gif); }
*/
/* Navigation new */
#nav { height: 34px; width: 532px; position: absolute; top: 80px; left: 267px; }
#nav li { float: left; }
#nav a { background: #FFF; color: #000; display: block; font-size: 1em; height: 34px; line-height: 34px; margin: 0; overflow: hidden; position: relative; text-align: center; text-decoration: none; width: 107px; }
#nav a span { background-position: top left; background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; cursor: pointer; }
#nav a:hover { background: #FFF; color: #655D6C; }
#nav a:hover span, #nav a.current span { background-position: bottom left; }
#nav a#nav02 { width: 105px; }
#nav a#nav05 { width: 106px; }
#nav a#nav01 span { background-image: url(../images/nav/01.gif); }
#nav a#nav02 span { background-image: url(../images/nav/02.gif); }
#nav a#nav03 span { background-image: url(../images/nav/03.gif); }
#nav a#nav04 span { background-image: url(../images/nav/04.gif); }
#nav a#nav05 span { background-image: url(../images/nav/05.gif); }

/* Dropdown */
#nav li ul {
	background-color: #fff;
	color: #000;
	display: block;
	left: -999em;
	margin: 0px;
	position: absolute;
	width: 148px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #ccc;
	border-bottom-color: #ccc;
	border-left-color: #ccc;
	z-index: 2001;
	padding: 0px;
}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}
#nav li li.first {
	z-index: 2001;
	font-weight: normal;
	border-top-style: none;
}
#nav li li {
	z-index: 1001;
	width: 148px;
	font-weight: normal;
	font-size: 13px;
	background-color: #fff;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #ccc;
}
#nav li li a {
color:#000000;
font-size:12px;
height:auto;
line-height:16px;
padding:7px 0 7px 8px;
text-align:left;
width: 140px !important; /* <- SET THIS TO DESIRED VALUE, !important shouldn't be necessary, but if it doesn't work it can help */ }
#nav li li a:hover, #nav li li a.current {
 background-color: #5D2C89;
 color: #FFF;
 z-index: 30001;
}
#nav li:hover, #nav li.hover {
   position: static;
}

/* Top */
#top { margin: 0 1px; background: url(../images/bg/top.gif) bottom repeat-x; min-height: 187px; padding-left: 30px; }
#top .inner { float: left; width: 221px; margin-top: 27px; }
#top h1 { width: 220px; height: 88px; margin-bottom: 20px; }
#top h1 span { background-image: url(../images/text/financial-solutions.png); }
#top p { margin: 0; }
#top p.intro { line-height: 1.29; color: #5D2C89; margin-bottom: 15px; }
#top .decorative { float: right; display: block; }

/* Home page: Top */
.home #top { background-image: url(../images/bg/home-top.gif); min-height: 282px; margin-bottom: 18px; padding-left: 29px; }
.home #top .inner { width: 250px; margin-top: 26px; z-index: 5; }
.home #top h1 { margin-bottom: 19px; }
.home #top h1 span { background-image: url(../images/text/financial-solutions.png); }

/* Content */
#content { float: right; width: 525px; margin-right: 30px; padding: 36px 0 40px 33px; background: url(../images/bg/content.gif) no-repeat; }
.home #content { float: none; background: none; width: auto; margin: 0; padding: 0; }
#content a:hover { background-color: #5D2C89; color: #fff; text-decoration: none; }
#content ul { list-style: square; margin: 0.25em 0 1.5em 27px; }
#content li { margin-bottom: 0.5em;  }
#content ul.sitemap, #content ul.privacy { margin: 1em 0 1em 17px; list-style: none; }
#content ul.sitemap li ul { margin: 0.5em 0 0 17px; list-style: none; }

/* Box */
.box {
	background: #E1D7E9;
	margin-top: 20px;
	padding-top: 10px;
	padding-right: 24px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.box img { float: left; }
.box h3 {
	font-size: 15px;
	color: #5D2C89;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 185px;
}
.box p {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 185px;
	font-size: 13px;
}

/* Sidebar */
#sidebar { float: left; width: 160px; margin: 25px 0 10px 29px; }
#sidebar h3 { color: #655D6C; font-size: 1.5em; font-weight: normal; line-height: 1.2; margin-bottom: 6px; }
#sidebar li { background: url(../images/bg/square1.gif) 0 6px no-repeat; padding-left: 17px; margin-bottom: 5px; font-size: 1.09em; line-height: 1.38; }
#sidebar a.current { text-decoration: none; }
#sidebar a:hover { background-color: #5D2C89; color: #fff; text-decoration: none; }

/* Contact form */
.contact-form input, .contact-form textarea { border: 1px solid #ccc; width: 300px; }
.contact-form input.checkbox, .contact-form .contact-send input { border: none; width: auto; vertical-align: middle; }
.contact-form td p { margin: 5px 0; }
.contact-form td p.first { margin: 0; }
.contact-send { margin-top: 20px; }
.contact-form .label { width: 170px; }
.contact-form .top { vertical-align: top; }

/* Home page: Columns */
.home-col { float: left; background: url(../images/bg/home-col.gif) no-repeat; padding: 0 0 37px 32px; }
.home-col h2 { height: 102px; margin-bottom: 10px; }
.home-col p {
	line-height: 1.27;
	color: #655D6C;
	font-size: 14px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}
.home-col p.more { text-transform: uppercase; margin-top: 4px; }
.home-col p.more a { padding-right: 18px; background: url(../images/bg/arrow1.gif) right center no-repeat; color: #01449B; }
#content .home-col p.more a:hover { background-color: #fff; color: #01449B; }
#content .home-col ul {
	list-style: none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 12px;
	margin-left: 6px;
}
#content .home-col li {
	padding-left: 17px;
	font-size: 12px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background-image: url(../images/bg/square1.gif);
	background-repeat: no-repeat;
	background-position: left 6px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#home-col01 {
	width: 740px;
	background: none;
	padding-left: 0;
	margin-left: 31px;
}
#home-col01 h2 { width: 355px; }
#home-col01 h2 span { width: 355px; background-image: url(../images/text/invoice-finance.gif); }
#home-col02 { width: 355px; margin-left: 16px; }
#home-col02 h2 { width: 355px; }
#home-col02 h2 span {
	background-image: url(../images/text/capital-finance.gif);
}
#home-col03 { width: 215px; margin-left: 19px; }
#home-col03 h2 { width: 215px; }
#home-col03 h2 span { background-image: url(../images/text/unsecured-finance.gif); }

/* Footer */
#footer { clear: both; background: #EDEDED url(../images/bg/footer.gif) bottom no-repeat; font-size: 0.92em; padding: 18px 21px 16px 21px; }
#footer a { color: #655D6C; }
#footer a:hover { background: #655D6C; color: #fff; text-decoration: none; }
#footer h3 { color: #655D6C; margin: 0 0 0.15em 0; }
#footer p { margin: 0 0 0.35em 0; }

/* vCard */
#footer .vcard { float: left; width: 510px; }
#footer .vcard strong { color: #673398; }
#footer .vcard .tel { margin-right: 9px; }
#footer .vcard li { float: left; margin-right: 13px; }
#footer .vcard .by { float: left; padding-left: 1px; }

/* Join form */
#footer form { float: right; width: 225px; }
#footer form .inputs { margin-top: 11px; }
#footer form input { margin: 0; vertical-align: middle; } 
#footer form input.text { border: 1px solid #666; padding: 2px 3px; margin-right: 5px; width: 167px; }

.pic {
	float:left;
	padding: 0px;
	margin-right: 20px;
	margin-bottom: 10px;
}