/**
* Author: Andrew Lennard
* Date: 03/07/09
* File: styles/main.css
*/

/**** Some basic general declarations ****/
*{margin:0px; padding:0px}
html {min-height: 100%; height: auto;}
body {background-color: #FFF; height: 100%; min-height:100%; width:100%; background-image: ; background-repeat: repeat;}
p, h1, h2, h3, h4, h5, h6, input, textarea, address, form, select, label, ul, li, ii { margin: 0px; padding: 0px; font-family: "Times New Roman", Times, serif; font-size: 11px; color: #000; }
a:link {text-decoration:underline}
a:visited {text-decoration:none}
a:hover {text-decoration:none}

/**** background ****/
#container { position: absolute; top: 0px; left: 0px; bottom: 0px; width: 100%; height: auto; z-index: -100; background-color: #FFF; }

/**** Top Right ****/
#top-right { position: fixed; top: 0px; right: 0px; width: 285px; height: 176px; background-image:url("/images/top-right.png"); background-repeat: no-repeat; z-index:200; }
/**** Bottom Right ****/
#bottom-right { position: fixed; bottom: 0px; right: 0px; width: 285px; height: 176px; background-image:url("/images/bottom-right.png"); background-repeat: no-repeat; z-index:-50; }
/**** Top Left ****/
#top-left { position: fixed; top: 0px; left: 0px; width: 477px; height: 791px; background-image:url("/images/top-left.gif"); background-repeat: no-repeat; z-index:0; }
/**** Logo ****/
#logo { position: fixed; top: 0px; left: 0px; width: 477px; height: 194px; background-image:url("/images/logo.png"); background-repeat: no-repeat; z-index:200; }

/**** Header Text ****/
#header { position: absolute; top:90px; left:320px; width:440px; height:100px; text-align:left; z-index: 50; }
#header h1 { font-size: 30px; color: #000; line-height: 95%; font-weight: normal; font-family: "Times New Roman", Times, serif; font-style:italic; }


/**** Navigation ****/
#nav { z-index: 200; position:fixed; top:220px; left:45px; width:170px; height:295px; background-color: ; text-align: left; background-image: ; background-repeat: no-repeat; }

#nav ul { line-height: 1.4em; list-style-type: none; }
#nav li { padding: 0 0 0 0; margin: 0 0 5px 0; height: 30px; width: 157px; font-size: 14px; font-family:"Times New Roman", Times, serif; font-style:italic; color:#FFF; background-image:url("/images/nav-button.gif"); background-repeat: no-repeat;}
#nav li p { padding: 6px 0 6px 10px; font-size: 14px; font-family:"Times New Roman", Times, serif; font-style:italic; color:#FFF; }
#nav li p:hover {color: #000; height: 30px; }
#nav li ul { display: none; margin-left: ; line-height: 100%;}
#nav li ul li { margin: ; padding: ; font-size: 100%; line-height: ; list-style-type: none; }
#nav li a { width: 157px; height:30px;  display: block; padding: ;}
#nav li ul li a { padding-left: 0;}
#nav li a, .nav li a:link, .nav li a:visited { color: #FFF; background-color: transparent; text-decoration: none;}
#nav li a:hover, .nav li a:active {color: #000; height: 30px; width: auto; text-decoration: ; background-image:url("/images/nav-button-selected.gif"); background-repeat: no-repeat;}
body#invoice-finance #nav li#products { margin: 0 0 77px 0;}
body#invoice-finance #productsb { display: list-item; margin: 12px 0 0 0;}
body#invoice-finance #productsb li {margin: 0px 0 0px 10px; font-size: 14px; height: 20px; font-family:"Times New Roman", Times, serif; font-style:italic; color:#FFF; background-image: none; background-repeat: no-repeat;}
body#invoice-finance #productsb li a:hover {color:#C93; background-image: none; background-repeat: no-repeat;}
body#invoice-finance li#invoice-finance a {color:#C93;}
body#trade-finance #nav li#products { margin: 0 0 77px 0;}
body#trade-finance #productsb { display: list-item; margin: 12px 0 0 0;}
body#trade-finance #productsb li {margin: 0px 0 0px 10px; font-size: 14px; height: 20px; font-family:"Times New Roman", Times, serif; font-style:italic; color:#FFF; background-image: none; background-repeat: no-repeat;}
body#trade-finance #productsb li a:hover {color:#C93; background-image: none; background-repeat: no-repeat;}
body#trade-finance li#trade-finance a {color:#C93;}
body#purchase-finance #nav li#products { margin: 0 0 77px 0;}
body#purchase-finance #productsb { display: list-item; margin: 12px 0 0 0;}
body#purchase-finance #productsb li {margin: 0px 0 0px 10px; font-size: 14px; height: 20px; font-family:"Times New Roman", Times, serif; font-style:italic; color:#FFF; background-image: none; background-repeat: no-repeat;}
body#purchase-finance #productsb li a:hover {color:#C93; background-image: none; background-repeat: no-repeat;}
body#purchase-finance li#purchase-finance a {color:#C93;}

/**** Banner Images ****/
#banner { z-index:100; position:absolute; top:175px; left:320px; width:440px; height: 214px; background-color: ; }

/**** Main Content ****/
#content-container { z-index:100; position: relative; float: left; width: ; height: auto; margin: 420px 270px 0 320px; background-color: #FFF; }
#content { z-index:100; position: relative; float: left; width: ; height: auto; margin: 0; background-color: #FFF; }
#content italic { font-size: 22px; color: #c69a40; line-height: ; font-weight: normal; font-family: "Times New Roman", Times, serif; font-style:italic; }
#content h1 { font-size: 28px; color: #c69a40; padding:0; margin: 15px 0 0 0; letter-spacing: 0px; font-weight: normal; font-family: "Times New Roman", Times, serif; }
#content p { font-size: 13px; color: #000; padding:0; margin: 15px 0 0 0; letter-spacing: 0px; font-weight: normal; font-family: "Times New Roman", Times, serif; }
#content p.names { margin: 5px 0 40px 0; }
#content p.gold { margin: 5px 0 5px 0; color: #c69a40; }
#content p grey {color:#999;}
#content p a { font-size: 13px; color: #c69a40; padding: 0 0 0 0; margin: 0 0 0 0; letter-spacing: 0px; font-weight: normal; font-family: "Times New Roman", Times, serif; text-decoration: none }
#content p big { font-size: 20px; color: #000000; padding:0 0 0 0; margin: 0 0 -15px 0; letter-spacing: 0px; font-weight: normal; font-family: "Times New Roman", Times, serif; }
#content h2 { font-size: 24px; color: #c69a40; margin: 15px 0 0 0; letter-spacing: 0px; font-weight: normal; font-family: "Times New Roman", Times, serif; }
#content h2 a { color: #ffffff; text-decoration: none }
#content h3 { font-size: 18px; color: #c69a40; margin: 15px 0 0 0; letter-spacing: 0px; font-weight: normal; font-family: "Times New Roman", Times, serif; }
#content h3 a { color: #ffffff; text-decoration: underline }
#content .underline { text-decoration:underline; }
#content h4 { font-size: 20px; color: #c69a40; letter-spacing: 0px; font-weight: normal; font-family: "Times New Roman", Times, serif; }
#content h4 a { font-size: 20px; color: #000000; letter-spacing: 0px; font-weight: normal; font-family: "Times New Roman", Times, serif; text-decoration:underline }
#content h5 { font-size: 16px; color: #c69a40; letter-spacing: 0px; font-weight: normal; font-family: "Times New Roman", Times, serif; }
#content img { margin: 20px 0 5px 0px;}
#content a img { margin: 0 0 0 0; border: none; }
#content fieldset { width: 370px; margin: 20px 0 0 0; border: #c69a40 solid thin;  padding: 10px 15px 15px 15px; background-color: #ddcaa0; }
#content label { width: 200px; float: left; font-weight: normal; font-size:12px; color: #000; padding: 10px 15px 2px 0; }
#content p label.result { font-size: 13px; color: #c69a40; }
#content textarea { width: 350px; height: 90px; margin: 5px 0 0 0; border:1.5px solid #c69a40; float: left; color: #000000; }
#content input { width: 350px; float: left; margin: 5px 0 0 0; border:1.5px solid #c69a40; height: auto; padding: 3px 0 3px 3px; color: #000000; }
#content input.finance { margin: 0px 0 0 0; }
#content input.result { margin: 0px 0 0 0; border: none; }
#content p input { font-size: 13px; float: none; width: 100px; }
#content p input.radio { font-size: 13px; float: none; width: 20px; }
#content p input.finance { font-size: 13px; float: none; width: 100px; }
#content p input.result { font-size: 18px; font-weight:bold; float: none; width: 100px; color: #c69a40; }
#content select { margin: 0 0 0 0; color:#000000; font-size: 13px; }
#content .notice { border: 2px solid #EDEF00; background: #FEFFAF; color: #333333; font-weight: bold; padding: 0px; line-height: 18px; }
#content .error { border: 1px solid #DF2929; background: #EFC2C2; color: #FFFFFF; font-weight: bold; padding: 1px; line-height: 18px; margin: -15px 0 16px 76px; width: 208px; }
#content .reqField { background: #FF8F8F; color: #ffffff; }
#content #button { width: 170px; height: 30px; margin: 0 0 0 0; }

.fade {display:none}

/**** Right Column ****/
#right-column { z-index:100; position:absolute; top:95px; right:0px; width:195px; height: auto; padding: 0 30px 0 20px; background-color:#FFF;  }
#right-column h2 { font-size: 24px; color: #c69a40; margin: 15px 0 0 0; letter-spacing: 0px; font-weight: normal; font-family: "Times New Roman", Times, serif; }


/* Forms */
#right-column fieldset { z-index:100; position:relative; float: left; margin: 15px 0 0 0; width:194px; height:560px; border: none; background-image:url("/images/form-background.gif"); background-repeat: no-repeat;  }
#right-column label { font-size: 12px; width: 150px; float: left; font-weight: bold; margin: 5px 0 0 10px; }
#right-column input { font-size: 12px; color:#000000; width: 170px; float: left; border: none; margin: 3px 0 0 10px; height: 20px; }
#right-column textarea { font-size: 12px; color:#000000; width: 170px; height: 60px; margin: 3px 0 0 10px; border: none; float: left; }
#right-column p { font-size: 6px; line-height: 10%; font-weight: bold; margin: -10 0 0 0; padding: 0; }
#right-column p input { float: none; width: 25px; margin: 0; padding: 0; }
#right-column .notice { border: 2px solid #EDEF00; background: #FEFFAF; color: #333333; font-weight: bold; padding: 0px; line-height: 18px; }
#right-column .error { border: 1px solid #DF2929; background: #EFC2C2; color: #FFFFFF; font-weight: bold; padding: 1px; line-height: 18px; margin: -15px 0 16px 76px; width: 208px; }
#right-column .reqField { background: #FF8F8F; color: #ffffff; }
#right-column fieldset p {font-size: 12px; margin: 8px 0 0 10px; padding: 0; }
#right-column fieldset #btnSubmitb {background-image:url(../images/submit.gif); background-repeat: no-repeat; background-color:; width: 169px; height: 30px; margin: 10px 0px 0px 10px; }
#right-column img { margin: 0 0 0 0; padding: 0 0px 0px 0; }
#right-column a img { border: none; }
#right-column select { margin: 5px 0 0 10px; color:#000000; }
#right-column fieldset img { margin: 10px 0 0 10px;  }


/**** Footer ****/
#footer { position: relative; float:left; width: ; height: 30px; margin: 50px 0 0 0; z-index:-10; background-color: #FFF; border-top: dotted #000 thin; border-bottom: dotted #000 thin; }
#footer p { text-align: center; font-size: 11px; color: #c69a40; margin: 8px 0 0 0;  }
#footer p a { font-size: 11px; color: #c69a40; text-decoration: underline; }