body
{
margin: 15px 0 0 0;
padding: 0;
background-color: #fff;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
color: #878990;
}
h1
{
display: block;
height: 96px;
font-size: 24px;
font-weight: normal;
line-height: 130%;
padding-top: 0;
margin-top: 0;
letter-spacing: -1px;
}
a
{
}
a.subpagenav
{
font-weight: bold;
text-decoration: underline;
}
img
{
border: none;
}
img.pageimageleft
{
float: left;
margin: 0 15px 0 0;
}
br.clear
{
clear: both;
}
br.clearright
{
clear: right;
}
br.clearleft
{
clear: left;
}
div.clear
{
clear: both;
height: 1px;
overflow: hidden;
}
div#pagecontainer
{
width: 776px;
margin: 0 auto;
}
div#header
{
margin-bottom: 20px;
}
div#logo
{
float: left;
}
div#mainnav
{
float: right;
}
div#mainnav ul
{
display: block;
list-style: none;
clear: both;
margin: 0;
padding: 0;
}
div#mainnav li
{
list-style: none;
float: right;
position: relative;
width: 60px;
height: 60px;
padding: 4px;
margin: 0 0 17px 17px;
cursor: pointer;
}
div#mainnav a
{
color: #fff;
text-decoration: none;
display: block;
position: absolute;
bottom: 3px;
width: 60px;
}
div#mainnav li.home
{
background-color: #8cc6ec;
}
div#mainnav li.about
{
background-color: #004356;
}
div#mainnav li.sectors
{
background-color: #f99b1c;
}
div#mainnav li.faqs
{
background-color: #8eb1ab;
}
div#mainnav li.contact
{
background-color: #7b3003;
}
div#mainnav li.bookmark
{
background-color: #d5e05b;
}
div#mainnav li.types
{
background-color: #004356;
}
div#mainnav li.suppliers
{
background-color: #d8dcdb;
}
div#mainnav li.suppliers a
{
color: #878990;
}
div#mainnav li.download
{
background-color: #8cc6ec;
}
div#mainnav li.apply
{
background-color: #8eb1ab;
}
div.leftbox
{
float: left;
position: relative;
width: 159px;
color: #fff;
padding: 10px 10px 0 10px;
margin-left: -196px;
display: inline;
line-height: 125%;
}
div.leftbox a
{
font-weight: bold;
color: #fff;
text-decoration: underline;
}
div.leftbox a.login
{
display: block;
background-color: #dddbdc;
color: #878990;
text-transform: uppercase;
text-decoration: none;
padding: 3px;
border: 1px solid #878990;
}
div.pghome,
div.pgapply, 
div.pgabout,
div.pgsectors,
div.pgfaqs,
div.pcontact,
div.pgtypes,
div.pgsuppliers,
div.downloads
{
float: left;
position: relative;
width: 580px;
display: inline;
}
div.lbtitle
{
position: relative;
left: 83px;
border: 1px solid #fff;
width: 67px;
height: 67px;
padding: 4px;
line-height: 150%;
}
div.lbtitle em
{
display: block;
position: absolute;
bottom: 4px;
font-style: normal;
}
div.lbtitle a
{
font-weight: normal;
text-decoration: none;
color: #fff;
}
span.lbphone
{
font-size: 20px;
font-weight: bold;
line-height: 150%;
letter-spacing: 2px;
}
div.lbbuttons
{
padding-top: 5px;
position: relative; /* absolute; */
bottom: 10px;
}
div.lbbuttons a.login
{
width: 150px;
}
ul.sectionnav
{
list-style: none;
padding: 0;
margin: 30px 0 0 0;
}
ul.sectionnav li
{
font-weight: normal;
margin-bottom: 10px;
}
ul.sectionnav a
{
color: #fff;
text-decoration: none;
font-weight: normal;
}
ul.contentnav
{
list-style: none;
padding: 0;
margin: 0;
}
ul.contentnav li
{
line-height: 200%;
}
ul.contentnav a
{
text-decoration: underline;
}
ul.contentlist
{
list-style: none;
padding: 0;
margin: 0;
}
ul.contentlist li
{
margin-bottom: 5px;
padding-left: 15px;
background-repeat: no-repeat;
background-position: 0 7px;
}
div.pagecontent
{
clear: both;
position: relative;
display: block;
padding-left: 17px;
background: #fff;
overflow: visible;
line-height: 150%;
min-height: 383px;
}
span.largeaccent
{
font-size: 24px;
}
div.floatdiv
{
float: left;
margin: 0;
padding: 0;
}
div.floatdiv p:first-child
{
margin-top: 0;
padding-top: 0;
}
/* Home page */
div.pghome
{
border-left: 179px solid #00529c;
}
span.h1home
{
color: #00529c;
}
div.lbhome
{
line-height: 150%;
}
div.lbhome div.login
{
text-align: right;
margin: 10px 0 25px 0;
}
div.lbhome div.lbtitle
{
margin-bottom: 20px;
}
div.lbhome span.loginpassword
{
background: url(/images/icon-left-password.gif) no-repeat 0 3px;
padding-left: 12px;
}
div.lbhome span.loginpassword a
{
text-decoration: none;
}
/* About Us */
div.pgabout
{
border-left: 179px solid #004857;
}
span.h1about
{
color: #004857;
}
div.pgabout ul.contentnav li
{
color: #004857;
}
div.pgabout ul.contentnav a
{
color: #004857;
}
div.pgabout ul.contentlist li
{
background-image: url(/images/icon-li-about.gif);
}
div.pgabout span.accent
{
color: #004857;
}
div.pgabout span.largeaccent
{
color: #004857;
}
div.pgabout a.subpagenav
{
color: #004857;
}
/* Contact Us */
div.pgcontact
{
border-left: 179px solid #7b3003;
}
span.h1contact
{
color: #7b3003;
}
div.pgcontact p
{
font-size: 16px;
}
div.pgcontact a
{
color: #7b3003;
text-decoration: none;
}
div.pgcontact h2
{
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 0;
padding-bottom: 0;
color: #7b3003;
}
div.pgcontact p.directions
{
margin-top: 0;
font-size: 12px;
line-height: 175%;
}
div.lbcontact a
{
color: #fff;
}
/* Downloads */
div.pgdownloads
{
border-left: 179px solid #8cc6ec;
}
span.h1downloads
{
color: #8cc6ec;
}
div.downloadbuttons
{
margin-bottom: 34px;
}
div.downloadbuttons img
{
margin-right: 5px;
}
/* Market Sectors */
div.pgsectors
{
border-left: 179px solid #f79c2a;
}
div.pgsectors ul.contentnav a
{
color: #f79c2a;
}
span.h1sectors
{
color: #f79c2a;
}
div.pgsectors ul.contentnav li
{
color: #f79c2a;
}
div.pgsectors ul.contentnav a
{
color: #f79c2a;
}
div.pgsectors ul.contentlist li
{
background-image: url(/images/icon-li-sectors.gif);
}
div.pgsectors span.accent
{
color: #f79c2a;
}
div.pgsectors span.largeaccent
{
color: #f79c2a;
}
/* Types of Finance */
div.pgtypes
{
border-left: 179px solid #004857;
}
div.pgtypes ul.contentnav a
{
color: #004857;
}
span.h1types
{
color: #004857;
}
div.pgtypes ul.contentnav li
{
color: #004857;
}
div.pgtypes ul.contentnav a
{
color: #004857;
}
div.pgtypes ul.contentlist li
{
background-image: url(/images/icon-li-about.gif); 
}
div.pgtypes span.accent
{
color: #004857;
}
div.pgtypes span.largeaccent
{
color: #004857;
}
/* FAQs */
div.pgfaqs
{
border-left: 179px solid #8eb1ab;
}
span.h1faqs
{
color: #8eb1ab;
}
div.pgfaqs h2
{
font-size: 24px;
font-weight: normal;
color: #878990;
line-height: 26px;
}
/* Apply Online */
div.pgapply
{
border-left: 179px solid #8eb1ab;
}
div.pgapply h2
{
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 0;
padding-bottom: 0;
}
span.h1apply
{
color: #8eb1ab;
}
/* Suppliers Online */
div.pgsuppliers
{
border-left: 179px solid #dddbdc;
}
div.pgsuppliers a
{
color: #00529c;
}
div.lbsuppliers
{
color: #878990;
}
div.lbsuppliers div.lbtitle
{
border: 1px solid #878990;
}
div.lbsuppliers div.lbtitle a
{
color: #878990;
}
div.lbsuppliers ul.sectionnav a
{
color: #878990;
}
div.pgsuppliers ul.contentlist li
{
background-image: url(/images/icon-li-suppliers.gif);
}
div.pgsuppliers span.accent
{
color: #00529c;
}
div.pgsuppliers div#quotecol1, 
div.pgsuppliers div#quotecol2
{
float: left;
}
div.pgsuppliers div#quotecol1
{
width: 300px;
margin-right: 15px;
}
div.pgsuppliers div#quotecol2
{
width: 260px;
}
div.pgsuppliers div#quotecol2 > p:first-child
{
margin-top: 0;
}
div.pgsuppliers table.quote
{
width: 300px;
}
div.pgsuppliers table.quote th
{
text-align: right;
font-weight: normal;
text-transform: uppercase;
padding-right: 10px;
}
div.pgsuppliers table.quote th.accent, 
div.pgsuppliers table.quote td.accent
{
color: #00529c;
}
/* News */
div.pgnews
{
border-left: 179px solid #00529c;
}
div.pgnews h1
{
color: #00529c;
text-transform: uppercase;
}
div.pgnews h2
{
color: #00529c;
font-weight: bold;
font-size: 12px;
font-style: italic;
}
span.headlineheader
{
display: block;
color: #00529c;
font-size: 17px;
text-transform: uppercase;
font-weight: normal;
margin-bottom: 10px;
}
em.headline
{
display: block;
color: #00529c;
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
font-style: normal;
margin: 0;
padding: 0;
}
a.viewstory
{
font-size: 14px;
text-decoration: underline;
color: #00529c;
font-weight: bold;
}
div.searchpager a,
a.newsnav
{
background-color: #00529c;
color: #fff;
text-transform: uppercase;
text-decoration: none;
padding: 3px 5px;
}
p.publishdate
{
font-size: 10px;
font-style: italic;
}
div.homeheadlines
{
height: 224px;
/*overflow: auto;*/
}
div.homeheadlines p
{
margin-top: 0;
}
div#footer
{
clear: both;
margin-top: 0;
padding-top: 10px;
font-size: 10px;
color: #b1b5b7;
}
div#copyright
{
float: right;
text-align: right;
}
/* Forms */
div.formcontainer
{
float: left;
width: 580px;
}
.errorpanel
{
    display: block;
    margin: 0 0 10px 0;
    padding: 5px 5px 5px 90px;
    min-height: 60px;
    border: 1px solid #CC3300;
    background: #fff url(/images/icon-errorpanel.gif) no-repeat 10px 10px;
    color: #CC3300;
}
label
{
    float: left;
	width: 150px;
	display: block;
	margin: 4px 0 4px 0;
	padding: 5px 5px 5px 0;
}
.forminput,
.forminputshort
{
    float: left;
    width: 200px;
    margin: 6px 0 4px 0;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    color: #878990;
}
.forminputshort
{
width: 90px;
}
.formcheckbox
{
    float: left;
    margin: 6px 0 4px 0;
}
span.inputjoiner
{
float: left;
margin: 6px 0 4px 0;
}
span.radio label
{
	width: 30px;
}
span.radiolong label
{
	width: 100px;
}
span.radiofull label
{
    width: 200px;
}
span.radio input,
span.radiolong input, 
span.radiofull input
{
	float: left;
	margin-top: 4px;
}
div#applyonlineconfirm
{
background-color: #8eb1ab;
padding: 0 10px 10px 10px;
color: #fff;
}
div#applyonlineconfirm a
{
color: #fff;
}
span.fauxlabel
{
    float: left;
	width: 250px;
	display: block;
	margin: 4px 0 4px 0;
	padding: 5px 5px 5px 0;
}
input.formbutton
{
background-color: #dddbdc;
border: none;
font-size: 12px;
font-weight: bold;
color: #878990;
text-transform: uppercase;
padding: 3px;
cursor: pointer;
margin-right: 10px;
}
/* Apply Online form */
div.pgapply label
{
width: 250px;
}
div.pgapply span.radio label
{
	width: 30px;
}
div.pgapply span.radiolong label
{
	width: 100px;
}
div.pgapply span.radiofull label
{
    width: 250px;
}
div.pgapply .forminput
{
width: 318px;
}
/* Suppliers Online Forms */
div.pgsuppliers label
{
width: 200px;
text-align: right;
text-transform: uppercase;
}
div.pgsuppliers span.fauxlabel
{
width: 200px;
}
ul.quoteactions
{
list-style: none;
padding-top: 25px;
}
ul.quoteactions li
{
list-style: none;
display: inline;
margin: 0;
padding: 0 20px 0 0;
}
/* Home page login */
div.lbhome .loginbutton
{
background-color: #00529c;
border: 1px solid #fff;
color: #fff;
margin-bottom: 5px;
}
div.lbhome label
{
float: none;
display: block;
color: #fff;
width: auto;
margin: 5px 0;
padding: 0;
}
div.lbhome .logininput
{
width: 153px;
}