/* * * edreamz Jan 2009 * */ /* * * Admin * (WYSIWYG Content) * */ h1 { color: #083a81; font-weight: bold; font-size: 17pt; font-family: font-family: "Arial", Helvetica, sans-serif; line-height: normal; } h2 { color: #7da9d8; font-weight: normal; font-size: 11pt; line-height: normal;} h3 { color: #494949; font-weight: normal; font-size: 11pt; line-height: normal;} h4 { color: #494949; font-style:italic; font-weight: normal; font-size: 11pt; line-height: normal;} /* * * Link Styles * */ a { color: #4b8dc9; text-decoration: none;} a:hover { color: #083a81; text-decoration: underline;} a.triangle{ text-decoration: none; background: url('/images/arrowhead.gif') left no-repeat; padding-left: 10px; font-weight: normal;} a.triangle:hover{ text-decoration: underline;} /* * * List Styles * */ ul li{ list-style-image: url('/images/arrowhead.gif'); margin-bottom: 15px;} ul li.green{ list-style-image: url('/images/arrowhead.gif'); margin-bottom: 15px;} ol li{ list-style: decimal; margin-bottom: 15px;} p { margin: 0; padding: 0 0 15px 0;} p img {padding: 5px;} .header {font-size: 20px;font-weight: bold;} .subheader {font-size: 16px;font-weight: bold;} .hidden {display:none;} .date { font-size: 11px; color: #9a9a9a;} #spacer { width: 960px; float: left; background: #ffffff; height: 10px; display: block;} .red { font-size: 9pt; color: #ff0000; font-style: normal; line-height: 11px; } .blue { font-size: 11pt; color: #083a81;} .blue2 { font-size: 8pt; color: #083a81;} .gray { font-size: 11pt; color: #494949;} .lineheight { line-height: 25px;} .lineheight2 { line-height: 9px;} .lineheight3 { line-height: 15px;} /* * * Main Navigation * */ #mainNav { position: relative; background: transparent; height: 48px; width: 916px; margin: 8px 0 0 13px; } #mainNav .main { margin-top: 0; padding: 0 90px 0 0; list-style: none; display: inline; overflow: hidden; } #mainNav ul {padding: 0; } #mainNav li { margin: 0; padding: 0 0 0 0; list-style: none; display: inline; } #mainNav a { float: left; padding: 48px 0 0 0; overflow: hidden; height: 0px; } #mainNav a:hover { background-position: 0 -48px; } #mainNav .selected { background-position: 0 -48px ;} #home a { width: 91px; background: url('/images/buttons/nav-home.jpg') top left no-repeat;} #purchase-order-funding a { width: 224px; background: url('/images/buttons/nav-pof.jpg') top left no-repeat;} #accounts-receivable-funding a { width: 260px; background: url('/images/buttons/nav-arf.jpg') top left no-repeat;} #get-started a { width: 126px; background: url('/images/buttons/nav-get.jpg') top left no-repeat;} #about-us a { width: 105px; background: url('/images/buttons/nav-about.jpg') top left no-repeat;} #brokers a { width: 109px; background: url('/images/buttons/nav-brokers.jpg') top left no-repeat;} /* * * Secondary Navigation * */ #subNav { height: 35px; width: 960px; background: #666666;} #subNav .main { margin-top: 0; padding: 0; list-style: none; display: inline; overflow: hidden;} #subNav li { margin:0; padding:0; list-style: none; display: inline;} #subNav a { float: left; padding: 35px 0 0 0; overflow: hidden; height: 0px; } #subNav a:hover { background-position: 0 -35px;} #subNav .selected{ background-position: 0 -35px;} #overview a { width: 81px; background: url('/images/buttons/subnav-overview.jpg') top left no-repeat;} #who-we-serve a { width: 116px; background: url('/images/buttons/subnav-who-we-serve.jpg') top left no-repeat;} #our-people a { width: 94px; background: url('/images/buttons/subnav-our-people.jpg') top left no-repeat;} #subsidaries a { width: 96px; background: url('/images/buttons/subnav-subsidaries.jpg') top left no-repeat;} #memberships a { width: 186px; background: url('/images/buttons/subnav-memberships.jpg') top left no-repeat;} /*dropdown menu*/ #mainNav #main li ul { margin:0; padding: 0; position: absolute; visibility: hidden; display: block; top: 144px; z-index: 100; } #mainNav #main li ul li { float: none; text-indent: 0; display: block; width: 235px; } #mainNav #main li ul li a { font-weight: bold; } /*Sub Link----------------------------------------*/ #mainNav #main li ul li a.sub:link { padding: 5px 0 0 5px; font-size: 12px; background: #708c32 url('/images/buttons/dropdown-bg.jpg') top left no-repeat !important; color: #fff; width: 143px; height: 23px; display: block; text-decoration: none; border: #566c26 1px solid; font-weight:normal; } #mainNav #main li ul li a.sub:visited { padding: 5px 0 0 5px; font-size: 12px; background: #708c32 url('/images/buttons/dropdown-bg.jpg') top left no-repeat !important; color: #fff; width: 143px; height: 23px; display: block; text-decoration: none; border: #566c26 1px solid; font-weight:normal; } #mainNav #main li ul li a.sub:hover { padding: 5px 0 0 5px; font-size: 12px; background: #708c32 url('/images/buttons/dropdown-bg.jpg') top left no-repeat !important; color: #ffdf6b; width: 143px; height: 23px; text-decoration: none; border: #566c26 1px solid; font-weight:normal;} #mainNav #main li ul li a.sub:active { padding: 5px 0 0 5px; font-size: 12px; background: #708c32 url('/images/buttons/dropdown-bg.jpg') top left no-repeat !important; color: #fff; width: 143px; height: 23px; display: block; text-decoration: none; border: #566c26 1px solid; font-weight:normal; } /*Big Link----------------------------------------*/ #mainNav #main li ul li a.big:link { padding: 5px 0 0 5px; font-size: 12px; background: #708c32 url('/images/buttons/dropdown-bg.jpg') top left no-repeat !important; color: #fff; width: 143px; height: 38px; display: block; text-decoration: none; border: #566c26 1px solid; font-weight:normal; } #mainNav #main li ul li a.big:visited { padding: 5px 0 0 5px; font-size: 12px; background: #708c32 url('/images/buttons/dropdown-bg.jpg') top left no-repeat !important; color: #fff; width: 143px; height: 38px; display: block; text-decoration: none; border: #566c26 1px solid; font-weight:normal; } #mainNav #main li ul li a.big:hover { padding: 5px 0 0 5px; font-size: 12px; background: #708c32 url('/images/buttons/dropdown-bg.jpg') top left no-repeat !important; color: #ffdf6b; width: 143px; height: 38px; display: block; text-decoration: none; font-weight:normal; } #mainNav #main li ul li a.big:active { padding: 5px 0 0 5px; font-size: 12px; background: #708c32 url('/images/buttons/dropdown-bg.jpg') top left no-repeat !important; color: #fff; width: 143px; height: 38px; display: block; text-decoration: none; border: #566c26 1px solid; font-weight:normal; } /*dropdown position----------------------------------------*/ .what-left { left: 2px; } .identify-left { left: 135px; } .request-left { left: 315px; } .about-left { left: 535px; } .whats-going-left { left: 665px; } .careers-left { left: 808px; } /* * * Layout / Formatting * */ #toppiece { width:935px; margin: 10px auto 0 auto; } #wrapper { width: 943px; margin: 0 auto; background: url('/images/structure/wrapper-bg.png') top left repeat-y ; position: relative; } #bottompiece { width:935px; margin: 0 auto 15px auto; } body { background: #e6e6e6 url('/images/structure/bg-pattern.jpg') repeat-x; color: #000000; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 18px; } #hd { position: relative; } #hd span { position: relative; background: url('/images/structure/main-logo.jpg') no-repeat left top; width: 144px; height: 97px; top: - 6px; left: 46px; display: block; } #hd span a { position: absolute; width: 144px; height: 97px; display: block; text-indent: -9999em; } #topNav { position: absolute; right: 0; top: 25px; } #container { width: 916px; padding-bottom: 0; margin: 0 0 0 13px; } #calltoday { position: absolute; top: 25px; right: 60px; background: url(/images/structure/calltoday.gif) top left no-repeat; width: 189px; height: 49px; } #content { width: 916px; float: left; position: relative; } .imageMain { width: 640px; height: 282px; float: left; } .imageInternal { margin: 0 0 0 0; float: left; } .gradientDivHome { background: url(/images/home-divider-gradient.gif) top left no-repeat; width: 913px; height: 45px; float: left; margin: 0 0 0 1px; } .gradientDivInternal { background: url(/images/internal-divider-gradient.gif) top left no-repeat; width: 635px; height: 45px; float: left; margin: 0 0 0 3px; } .header { width: 240px; height: 15px; margin: -130px 0 0 25px; } .copy { width: 590px; height: auto; margin-left: 25px; } .ctas { position: absolute; right: 0px; top: 0; } .ctas a.ctalink01 { width: 275px; height: 39px; overflow: hidden; background: url('/images/buttons/purchase-order-funding.jpg') top left no-repeat; text-indent: -9999em; display: block; } .ctas a.ctalink01:hover { background-position: 0 -39px; } .ctas a.ctalink02 { width: 275px; height: 39px; overflow: hidden; background: url('/images/buttons/accounts-receivable-funding.jpg') top left no-repeat; text-indent: -9999em; display: block; } .ctas a.ctalink02:hover { background-position: 0 -39px; } .ctas a.ctalink03 { width: 275px; height: 39px; overflow: hidden; background: url('/images/buttons/get-started.jpg') top left no-repeat; text-indent: -9999em; display: block; } .ctas a.ctalink03:hover { background-position: 0 -39px; } .promo { margin: -164px 0 0 640px; width: 275px; height: 164px; float: left; } .promo2 { margin: -45px 0 0 640px; width: 275px; height: 164px; float: left; } #contentMain { width: 916px; height: auto; float: left; margin: 10px 0 0 0; } .column { width: 230; height:auto; margin: 0 0 0 25px; float: left; } .headerMain { width: 240px; height: 15px; } .copyMain { width: 255px; height: auto; padding: 0 0 0 0; } .vlines { border-left: #083a81 1px solid; border-right: #083a81 1px solid; padding: 0 30px 0 25px; } .icon-mouse { width: 32px; height: 48px; padding: 0 0 0 213px; float: left; } .icons { width: 24px; height: 47px; padding: 0 20px 0 0; float: left; } .divider { background:url(/images/home-divider.gif) top left no-repeat; width: 1px; height: 190px; padding: 0 0 30px 0; } .testimonials { background: url(/images/banners/testimonials.jpg) top left no-repeat; width: 913px; height: 85px; float: left; margin: 20px 0 20px 2px; } .testimonialsText { width: 585px; float:left; margin: 5px 0 0 185px; } /* * * Layout / Secondary Pages * */ #contentInternal { width: 40px; height: auto; float: left; margin: 10px 0 0 0; } .headerInternal { width: 240px; height: 15px; margin: -130px 0 0 25px; } .copyInternal { width: 590px; height: auto; margin-left: 25px; } /* * * News / Events Item * */ .listingitem { border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-top: 10px; width: 500px; } .listingitem .header { width: 620px; height: 16px; padding: 5px 0 5px 10px; background: #ddcfb3; } .listingitem .img {width: 100px; float: left; margin-right: 10px; } .listingitem .img img { border: #ffffff 2px solid; } .listingitem .text { width: 300px; float: left; } /* * * Tab Controls * */ #tabs { margin: 0; padding: 0; } #tabs li{ display: inline; margin-right: 10px; list-style:none; } /* * * Accordion Controls * */ #accordion {margin: 0; padding: 0;} /* * * Graphic Buttons * */ a.learnmoreblue { width: 84px; height: 17px; overflow: hidden; background: url('/images/buttons/learnmore.jpg') top left no-repeat; text-indent: -9999em; display: block; } a.learnmoreblue:hover { background-position: 0 -17px; } /* * * Layout / Form * */ #quickquote { position: absolute; right: 0px; top: 0px; width: 275px; height: 242px; float: left; background: url(/images/banners/quick-quote.jpg) top left no-repeat; } #quickquote .form { width: 264px; height: 200px; float: left; position: absolute; right: 0px; top: 45px; font-size: 11px; color: #000; height: 200px; border: 0px solid #fff } #quickquote .form_input{ border: 1px solid #a5acb2; margin-bottom: 2px; font-size: 11px; width: 118px; height: 12px; } #quickquote .form_btn{ background: #083a81; color: #a5acb2; border: 1px solid #a5acb2; font-size: 11px; } #error { width: 150px; height: 36px; position: absolute; top: 9px; right: -20px; border-color: #ff0000; } /* * * Layout / Footer * */ #ft { background: url('/images/structure/footer-bg-pattern.png') top left no-repeat; margin: 0 auto; color: #ffffff; font-size: 11px; width: 916px; height: 100px; line-height: normal; } #ft a { color: #acc8e7; text-decoration:none; } #ft a:hover { color: #ffffff; text-decoration:underline; } #ft .col1 { width: 140px; float: left; margin: 14px 0 0 70px; } #ft .col2 { width: 130px; float: left; margin: 14px 0 0 40px; } #ft .col3 { width: 150px; float: left; margin: 14px 0 0 60px; } #ft .col4 { width: 100px; float: left; margin: 14px 0 0 60px; } #ft .col5 { width: 150px; float: left; margin: 14px 0 0 10px; } #ft .btm1 { font-size: 10px; color:#083a81; padding: 20px 0 0 144px; } #ft .btm2 { font-size: 10px; color:#ffffff; padding: 5px 0 0 270px; } .bblogo{ float:right; margin: 10px 20px 0 0; }