/* Frame styles */ * {font-size:100%; margin:0; padding:0;} *div {border:0px solid; } body {font: 76%/120%; font-family:Arial, Helvetica, sans-serif; background-color:#ffffff; background-image: url(images/background.gif); background-repeat: repeat-y; background-position: top left; width:774px; } /* Header Home ----------------------------------------------- */ #header {background-color:#ffffff; height:120px;} .scroller {position:relative; padding: 45px 40px; font: normal 12px Arial;} .scroll {position:absolute; font: normal 12px Arial; top:60px; left:40px} .scrollerint {position:relative; margin: 0px 40px; font: normal 12px Arial; clear:left; } .scrollint {position:absolute; font: normal 12px Arial; top:330px; left:40px} img.logo {position:relative; float:right; padding:45px 45px; width:256px; height:29px;} /* Header Internal ----------------------------------------------- */ #headerint {position:relative; float:left; background-color:#ffffff; height:90px; width:774px; } img.logoint {float:right; padding:30px 40px; width:215px; height:22px; border:0} /* Navigation UK Home ----------------------------------------------- */ #nav {position:absolute; top:120px; left:0; padding: 0px; width:774px; background-color:#847D77; height:35px; background-image: url(images/nav_graduation.jpg); background-repeat: repeat-x; } #nav ul {float:center; margin: 10px 2% 10px 3%; padding:0px; list-style:none;} #nav li {float:left; margin:0px; text-align:center; } #nav li a {padding:0px 9px; display:block; text-decoration:none; font-weight:bold; font-size:72%; color:#ffffff;} #nav li a:hover {color:#cccccc; } /* Navigation US Home ----------------------------------------------- */ #navus {position:absolute; top:120px; left:0; padding: 0px; width:774px; background-color:#847D77; height:35px; background-image: url(images/nav_graduation.jpg); background-repeat: repeat-x; } #navus ul {float:center; margin: 9px 2% 10px 3%; padding:0px; list-style:none;} #navus li {float:left; margin:0px; text-align:center; } #navus li a {padding:0px 50px 0px 15px; display:block; text-decoration:none; font-weight:bold; font-size:80%; color:#ffffff;} #navus li a:hover {color:#cccccc; } /* Navigation UK Internal ----------------------------------------------- */ #navint {position:relative; float:left; width:774px; background-color:#847D77; height:35px; background-image: url(images/nav_graduation.jpg); background-repeat: repeat-x; } #navint ul {float:center; margin: 10px 2% 10px 3%; padding:0px; list-style:none;} #navint li {float:left; margin:0px; text-align:center; } #navint li a {padding:0px 9px; display:block; text-decoration:none; font-weight:bold; font-size:72%; color:#ffffff; } #navint li a:hover{color:#cccccc; } #navint li .selected{color:#cccccc; } /* Navigation US Internal ----------------------------------------------- */ #navusint {position:relative; float:left; width:774px; background-color:#847D77; height:35px; background-image: url(images/nav_graduation.jpg); background-repeat: repeat-x; } #navusint ul {float:center; margin: 9px 2% 10px 3%; padding:0px; list-style:none;} #navusint li {float:left; margin:0px; text-align:center; } #navusint li a {padding:0px 50px 0px 15px; display:block; text-decoration:none; font-weight:bold; font-size:80%; color:#ffffff; } #navusint li a:hover{color:#cccccc; } #navusint li .selected{color:#cccccc; } /* Main Home ----------------------------------------------- */ #mainindex {position:absolute; width:520px; top:125px; left:0; height:272px; background-image: url(images/main_image.jpg); background-repeat: no-repeat; } #main {position:absolute; width:520px; top:155px; left:0; height:272px; background-image: url(images/main_image.jpg); background-repeat: no-repeat; } #mainus {position:absolute; width:520px; top:155px; left:0; height:272px; background-image: url(images/main_image_us.jpg); background-repeat: no-repeat; } /* Main Internal ----------------------------------------------- */ #mainimage {position:relative; float:left;} img.image {width:520px; height:122px;} #mainbody {position:absolute; width:710px; left:0; padding:40px 0px 40px 40px} #mainbody h2 {text-decoration:none; color:#003768; font-size:80%; font-weight:bold} #maincontent {position:absolute; width:700px; top:208px; font-size:75%; left:0; padding:40px 0px 40px 40px} #date {position: relative; float:left; width:75px; text-decoration:none; color:#ffffff; font-size:80%; font-weight:bold; min-height: 20px; } p {margin-bottom:20px} #headline {position:relative; float:left; width:210px;} #headline a {text-decoration:none; color:#003768; font-size:80%; font-weight:normal;} #headline a:hover{text-decoration:underline; color:#003768;} #heading {text-decoration:none; color:#003768; font-size:110%; font-weight:bold; background-image: url(images/graduation_horiz.jpg); background-repeat: repeat-y; padding:5px; display:block; } .threedeal {position:relative; float:left; margin-left:40px; padding:0px; font-size:80%; clear:left; } .threedeal a {text-decoration:none; color:#847D77; background-image: url(images/acrobat.gif); background-repeat: no-repeat; padding-left:24px; display:block; height:20px} .threedeal a:hover {text-decoration:none; color:#003768; background-image: url(images/acrobat-roll.gif); background-repeat: no-repeat;} .forward {position:relative; float:left; margin-left:40px; padding:0px; font-size:80%; } .forward a {text-decoration:none; color:#847D77; background-image: url(images/icon_arrow_roll.gif); background-repeat: no-repeat; padding-left:24px; display:block; height:20px} .forward a:hover {text-decoration:none; color:#003768; background-image: url(images/icon_arrow.gif); background-repeat: no-repeat;} #back {position:relative; float:left; margin:5px 5px 20px 0px; font-size:90%} #back a {padding-left:24px; padding-top:1px; height:23px; text-decoration:none; color:#847D77; background-image: url(images/icon_back_roll.gif); background-repeat: no-repeat; background-position: 0px 0px; display:block} #back a:hover {text-decoration:none; color:#003768; background-image: url(images/icon_back.gif); background-repeat: no-repeat;} *html #backto {position:relative; float:left; margin:30px 0px 0px 20px; padding:0px; font-size:70%; width:300px; } #backto {position:relative; float:left; margin:30px 0px 0px 40px; padding:0px; font-size:70%; width:300px; } #backto a {text-decoration:none; color:#847D77; background-image: url(images/icon_back_roll.gif); background-repeat: no-repeat; padding-left:24px; display:block; height:20px} #backto a:hover {text-decoration:none; color:#003768; background-image: url(images/icon_back.gif); background-repeat: no-repeat;} *html #mainnews {position:relative; float:left; width:690px; margin-top:25px; margin-left:20px; font-size:80%} #mainnews {position:relative; float:left; width:690px; margin-top:25px; margin-left:40px; font-size:80%} .pdfnews {text-decoration:underline; color:#003768; padding-left:24px; padding-top:1px; height:23px; text-decoration:none; color:#847D77; background-image: url(images/icon_pdf.gif); background-repeat: no-repeat; background-position: 0px 0px; display:block} #h4news {display:block; padding:5px; border-bottom:1px solid #DFDEDC} #h4news a {color:#000000; font-size:100%; text-decoration:none} #h4news .more {color:#003768; font-size:100%;} #h4client {padding:5px; display:block; background-color:#BFCDD9; background-image: url(images/h5_image.jpg); background-repeat: repeat-x; background-position: top right; margin-bottom:10px} #h4client .step {position:relative; color:#ffffff; font-size:100%; font-weight:bold; text-decoration:none; } #h4client .excerpt{position:relative; color:#BFCDD9; font-size:90%; font-weight:bold; text-decoration:none; padding-left:5px; } #h4client .plus {position:relative; color:#ffffff; font-size:90%; font-weight:normal; text-decoration:none; padding-left:5px; } .date {color:#BFCDD9; font-size:100%; font-weight:bold; text-align:right; float:left; display:block; width:75px; border:1px solid #ffffff; padding-right:5px} .edit {color:#BFCDD9; font-size:100%; font-weight:bold; } #h4 {color:#ffffff; font-size:80%; font-weight:bold; display:block; padding:5px; background-color:#BFCDD9; background-image: url(images/h5_image.jpg); background-repeat: repeat-x; background-position: top right; } #h5 {color:#003768; font-size:90%; font-weight:bold; display:block; padding:5px; background-color:#BFCDD9; border-bottom:1px solid #BFCDD9; margin-bottom:15px; } .amount {color:#ffffff; font-size:80%; font-weight:bold; } #h6 {color:#000000; font-size:75%; padding-left:5px; height:65px} #h7 {color:#003768; font-size:70%; display:block; margin-top:10px; padding:5px; border-bottom:1px solid #BFCDD9; background-image: url(images/graduation.jpg); background-repeat: repeat-x; } #h8 {color:#000000; font-size:75%; padding-left:5px;} .type {color:#BFCDD9; font-size:110%; font-weight:bold; } #maindata {position: relative; float:left; margin-right:20px} *html #maintransactions{position:relative; float:left; font-size:75%; width:710px; margin-top:25px; margin-left:20px; font-size:100%} #maintransactions {position:relative; float:left; font-size:75%; width:710px; margin-top:25px; margin-left:40px; font-size:100%} *html #maintransaction {position:relative; float:left; font-size:90%; width:690px; margin-top:25px; margin-left:20px; font-size:100%} #maintransaction {position:relative; float:left; font-size:90%; width:690px; margin-top:25px; margin-left:40px; font-size:100%} *html #maincolumn {position:relative; float:left; font-size:75%; width:690px; margin-top:30px; margin-left:20px; } #maincolumn {position:relative; float:left; font-size:75%; width:690px; margin-top:30px; margin-left:40px; } #maincolumn h2 {text-decoration:none; color:#003768; font-size:110%; font-weight:bold} #maincolumn a {text-decoration:underline; color:#003768;} #maincolumn a:hover{text-decoration:underline; color:#847D77; } img.heading {position:relative; float:left; margin:5px 0px 0px 40px; width:428px; height:26px;} *html #column1 {position:relative; float:left; font-size:75%; width:320px; margin-top:10px; margin-left:20px; } #column1 {position:relative; float:left; font-size:75%; width:320px; margin-top:10px; margin-left:40px; } #column1 h2 {text-decoration:none; color:#003768; font-size:110%; font-weight:bold} #column1 li {text-decoration:none; color:#847D77; font-size:100%; font-weight:normal;list-style:square inside} #column1 .head a {display:block; padding:5px; color:#003768; font-size:120%; font-weight:normal; margin-bottom:15px; text-decoration:none; background-image: url(images/h1_image.jpg); background-repeat: no-repeat; background-position: top right; } #column1 .excerpt {position:relative; color:#003768; font-size:110%; font-weight:bold; text-decoration:none; } *html #column2 {position:relative; float:left; font-size:75%; width:320px; margin-top:10px; margin-left:50px;} #column2 {position:relative; float:left; font-size:75%; width:320px; margin-top:10px; margin-left:30px;} #column2 h2 {text-decoration:none; color:#003768; font-size:110%; font-weight:bold} #column2 li {text-decoration:none; color:#847D77; font-size:100%; font-weight:normal;list-style:square inside} #column2 .head a {display:block; padding:5px; color:#003768; font-size:120%; font-weight:normal; margin-bottom:15px; text-decoration:none; background-image: url(images/h1_image.jpg); background-repeat: no-repeat; background-position: top right; } #column2 a {text-decoration:underline; color:#003768;} #column2 a:hover {text-decoration:underline; color:#847D77; } h1 {text-decoration:none; color:#003768; font-size:150%; font-weight:normal; margin-bottom:15px} *html #column1form {position:relative; float:left; font-size:100%; width:440px; margin-top:10px; margin-left:20px; } #column1form {position:relative; float:left; font-size:100%; width:440px; margin-top:10px; margin-left:40px; } #column1form h2 {display:block; margin-bottom:5px; padding:3px; background-color:#003768; background-image: url(images/h2_image.jpg); background-repeat: no-repeat; background-position: top right; text-decoration:none; color:#ffffff; font-size:110%; font-weight:bold} #column1form li {text-decoration:none; color:#990000; font-size:100%; font-weight:normal;list-style:square inside} #column1form a {text-decoration:none; color:#003768; font-size:100%; font-weight:bold} #column1form a:hover{text-decoration:underline; color:#847D77; font-size:100%; font-weight:bold} #column2form {position:relative; float:left; font-size:100%; width:225px; margin-top:10px; margin-left:40px; } #column2form h2 {display:block; margin-bottom:5px; padding:3px; background-color:#003768; background-image: url(images/h2_image.jpg); background-repeat: no-repeat; background-position: top right; text-decoration:none; color:#ffffff; font-size:110%; font-weight:bold} #column2form a {text-decoration:none; color:#003768; font-size:100%; font-weight:bold} #column2form a:hover{text-decoration:underline; color:#847D77; font-size:100%; font-weight:bold} img.contact {float:right; margin-left:5px; margin-bottom:5px; border:1px solid #cccccc; width:60px; height:72px} img.contact1 {margin-right:10px; margin-bottom:5px; border:1px solid #cccccc; width:60px; height:72px} .addresstop {padding:3px; font-size:75%;} .address {padding:3px; font-size:75%; background-image: url(images/graduation.jpg); background-repeat: repeat-x; margin-bottom:5px} .reduce {font-size:80%} .tiny {font-size:60%;} .abs {vertical-align:middle} .pad {padding-right:8px} .form {margin: 5px; font-family: "Trebuchet MS", Arial, Verdana, sans serif; font-size: 11px; text-align: left; background-color: #eeeeee; border: 1px solid #cccccc;} .text {margin: 5px; font-family: "Trebuchet MS", Arial, Verdana, sans serif; font-size: 11px; text-align: left; background-color: #eeeeee; border: 1px solid #cccccc; width:auto} .submit {vertical-align: middle} .button {font-family: "Trebuchet MS", Arial, Verdana, sans-serif; font-size: 11px;} .asterix {font-weight: bold; color: #ff6600;} .error {text-decoration:none; color:#990000; font-size:90%; font-weight:normal} ol {font-size:80%} /* Selected Home ----------------------------------------------- */ #selectedindex {position:absolute; width:264px; top:125px; left:510px; height:272px; background-image: url(images/graduation.jpg); background-repeat: repeat-x;} #selectedindex h2 {display:block; height:20px; font-family: Arial, Helvetica, sans-serif; text-decoration:none; color:#003768; font-size:80%; font-weight:bold; } #selectedindex .h4{text-decoration:none; color:#000000; font-size:75%; font-weight:bold; margin:0px; padding:0px; line-height:0.8em} #selected {position:absolute; width:264px; top:155px; left:510px; height:272px; background-image: url(images/graduation.jpg); background-repeat: repeat-x;} #selected h2 {display:block; height:20px; font-family: Arial, Helvetica, sans-serif; text-decoration:none; color:#003768; font-size:80%; font-weight:bold; } #selected h3 a {display:block; height:20px; font-family: Arial, Helvetica, sans-serif; text-decoration:none; color:#003768; font-size:80%; font-weight:bold; background-image: url(images/icon_arrow.gif); background-repeat: no-repeat; background-position: 190px 0px;} #selected h3 a:hover {color:#003768; background-image: url(images/icon_arrow_roll.gif); background-repeat: no-repeat; background-position: 190px 0px;} .dottedline {padding:6px 0px 5px 0px; width:210px} .gradline {padding:5px 0px 20px 0px; width:272px; height:1px} #selected .h4 {text-decoration:none; color:#000000; font-size:75%; font-weight:bold; } #selected .h5 {text-decoration:none; color:#403E3D; font-size:75%} #selectedtrans {padding:25px 15px 25px 25px; } #selectedtransen {padding:25px 15px 0px 25px; } #spacer {display:block; height:5px;} #seltrans a {display:block; width:210px; text-decoration:none; font-weight:normal; font-size:70%; color:#847D77; } #seltrans a:hover {color:#003768; } #downloadh a {display:block; margin-bottom:10px; height:18px; width:220px; text-decoration:none; font-weight:bold; font-size:75%; color:#003768; background-image: url(images/icon_pdf.gif); background-repeat: no-repeat; background-position: 190px 0px;} #downloadh a:hover{color:#847D77; background-image: url(images/icon_arrow_roll.gif); background-repeat: no-repeat; background-position: 190px 0px;} #articlesi a {display:block; height:18px; width:220px; text-decoration:none; font-weight:bold; font-size:75%; color:#003768; background-image: url(images/icon_arrow.gif); background-repeat: no-repeat; background-position: 190px 0px; margin-top:10px; } #articlesi a:hover{color:#847D77; background-image: url(images/icon_arrow_roll.gif); background-repeat: no-repeat; background-position: 190px 0px;} #articlesh a {display:block; margin-bottom:10px; height:18px; width:220px; text-decoration:none; font-weight:bold; font-size:75%; color:#003768; background-image: url(images/icon_arrow.gif); background-repeat: no-repeat; background-position: 190px 0px; margin-top:10px; } #articlesh a:hover{color:#847D77; background-image: url(images/icon_arrow_roll.gif); background-repeat: no-repeat; background-position: 190px 0px;} #articleshen a {display:block; margin-bottom:10px; height:18px; width:220px; text-decoration:none; font-weight:bold; font-size:75%; color:#003768; background-image: url(images/icon_arrow.gif); background-repeat: no-repeat; background-position: 190px 0px; margin-top:0px; } #articleshen a:hover{color:#847D77; background-image: url(images/icon_arrow_roll.gif); background-repeat: no-repeat; background-position: 190px 0px;} /* Selected transactions ----------------------------------------------- */ .transactionFloat {float:left; width:325px; margin-bottom:20px; margin-right:30px; } .clear {clear:both} form {text-decoration:none; color:#000000; font-size:75%; margin:0px;} #transmore {color:#003768; font-size:70%; display:block; padding:5px; background-color: #DFE6EC; } #transmore a {color:#003768;} #transmore a:hover{color:#ffffff;} img.translogo {float:right; margin-left:10px} img.button {vertical-align:middle} #linkmore {color:#003768; font-size:70%; display:block; padding:5px; background-color: #DFE6EC; } #linkmore a {color:#003768; text-decoration:none} #linkmore a:hover {color:#ffffff;} /* Selected Internal ----------------------------------------------- */ #selectedint {position:relative; float:left; padding:25px 0px 0px 30px; width:224px; height:97px; background-image: url(images/graduation.jpg); background-repeat: repeat-x; } #download a {display:block; margin-bottom:10px; height:18px; width:220px; text-decoration:none; font-weight:bold; font-size:75%; color:#003768; background-image: url(images/icon_pdf.gif); background-repeat: no-repeat; background-position: 176px 0px;} #download a:hover {color:#847D77; background-image: url(images/icon_arrow_roll.gif); background-repeat: no-repeat; background-position: 176px 0px;} #transact a {display:block; margin-bottom:10px; height:18px; width:220px; text-decoration:none; font-weight:bold; font-size:75%; color:#003768; background-image: url(images/icon_arrow.gif); background-repeat: no-repeat; background-position: 176px 0px;} #transact a:hover {color:#847D77; background-image: url(images/icon_arrow_roll.gif); background-repeat: no-repeat; background-position: 176px 0px;} #articles a {display:block; margin-bottom:10px; height:18px; width:220px; text-decoration:none; font-weight:bold; font-size:75%; color:#003768; background-image: url(images/icon_arrow.gif); background-repeat: no-repeat; background-position: 176px 0px;} #articles a:hover {color:#847D77; background-image: url(images/icon_arrow_roll.gif); background-repeat: no-repeat; background-position: 176px 0px;} /* Asset Based Lending Home ----------------------------------------------- */ #abl {position:absolute; top:80px; width:710px; margin:10px 5% 10px 5%; font-size:75%; } #contactabl {position:absolute; top:430px; width:710px; margin:10px 5% 10px 5%; font-size:75%; } #contactabl a {text-decoration:underline; color: #003768; } #contactabl a:hover{text-decoration:underline; color: #847D77;} /* Comala Home ----------------------------------------------- */ #comala {position:absolute; top:460px; margin:10px 5% 10px 5%; font-size:70%; } #comala a {text-decoration:underline; color: #003768; } #comala a:hover {text-decoration:underline; color: #847D77;} img.transacting {width:191px; height:17px; border:0px} img.comala {width:47px; height:10px; border:0px} /* Tools ----------------------------------------------- */ #container {position:relative; float:left; width:774px;} #tools {position:relative; float:right; width:253px; height:30px; border-bottom:1px solid #DFDEDC; border-left:1px solid #DFDEDC} #callback a {float:left; display:block; padding:7px 0px 0px 27px; height:18px; width:100px; text-decoration:none; font-size:70%; color:#847D77; background-image: url(images/icon_call.gif); background-repeat: no-repeat; background-position: 93px 5px;} #callback a:hover {color:#003768; background-image: url(images/icon_call_roll.gif); background-repeat: no-repeat; background-position: 93px 5px;} #printpag a {float:left; display:block; padding:7px 0px 0px 27px; height:18px; width:105px; text-decoration:none; font-size:70%; color:#847D77; background-image: url(images/icon_print.gif); background-repeat: no-repeat; background-position: 110px 5px;} #printpag a:hover {color:#003768; background-image: url(images/icon_print_roll.gif); background-repeat: no-repeat; background-position: 110px 5px;} #home a {position:absolute; top:25px; left:0px; display:block; padding:7px 7px 7px 65px; text-decoration:none; font-size:70%; color:#847D77; background-image: url(images/icon_home_roll.gif); background-repeat: no-repeat; background-position: 35px 5px; border-top:1px solid #DFDEDC; border-bottom:1px solid #DFDEDC; border-right:1px solid #DFDEDC} #home a {color:#003768; background-image: url(images/icon_home.gif); background-repeat: no-repeat; background-position: 35px 5px; border-top:1px solid #DFDEDC; border-bottom:1px solid #DFDEDC; border-right:1px solid #DFDEDC} /* Footer Index ----------------------------------------------- */ #footerindex {position:relative; float:left; width:704px; margin:25px 20px 10px 40px; font-size:70%; color: #847D77;} #footerindex a {text-decoration:none; color:#003768; font-weight:bold; } #footerindex a:hover{text-decoration:underline; color: #847D77;} #footerindex .url {text-decoration:none; color:#847D77; font-weight:normal; } /* Footer Home ----------------------------------------------- */ #footer {position:absolute; top:520px; width:704px; margin:25px 20px 10px 40px; font-size:70%; color: #847D77;} #footer a {text-decoration:none; color:#003768; font-weight:bold; } #footer a:hover {text-decoration:underline; color: #847D77;} #footer .url {text-decoration:none; color:#847D77; font-weight:normal; } img.boi {float:right; width:254px; height:22px; border:0px; padding-top:10px; } /* Footer Internal ----------------------------------------------- */ *html #footerholdint {position:relative; float:left; width:684px; margin: 25px 20px 10px 20px; font-size:70%; color: #847D77;} #footerholdint {position:relative; float:left; width:684px; margin: 25px 20px 10px 40px; font-size:70%; color: #847D77;} #footerholdint a {text-decoration:none; color:#003768; font-weight:bold; } #footerholdint a:hover{text-decoration:underline; color: #847D77;} #footerholdint .url {text-decoration:none; color:#847D77; font-weight:normal; } #footerholdclient {position:relative; float:left; width:774px;} /* Administration Console ----------------------------------------------- */ label {font-size:130%;} .adminTable th {text-align:left; padding:6px; color:#ffffff; background-color:#BFCDD9; background-image: url(images/h5_image.jpg); background-repeat: repeat-x; background-position: top right;} .adminTable td {padding:6px;} .rowOne td {background-color:#DFE6EC; border-bottom:1px solid #ffffff} .rowTwo td {background-color:#BFCDD9; border-bottom:1px solid #ffffff} #current {color:#ffffff; font-size:100%; font-weight:bold; display:block; padding:5px; background-color:#BFCDD9; background-image: url(images/h5_image.jpg); background-repeat: repeat-x; background-position: top right; } #submit {color:#003768; font-size:100%; font-weight:bold; display:block; padding:5px 5px 5px 180px; background-color:#BFCDD9 ! important; margin-bottom:15px; } #instruct {color:#ffffff; font-size:130%; font-weight:bold; display:block; padding:5px 5px 5px 180px; background-color:#BFCDD9; margin-bottom:15px; } #navigation ul {margin:0px; padding:0px;} #navigation li {display: inline; list-style-type: none; padding-right: 20px;} .notification {color:#FF0066;} label.forms {width: 180px; display: block; margin-top: 5px; height: 14px; float: left; font-weight: bold; } textarea {width: 500px;}