/* = Imports
============================================================= */
@import url(titles.css);

/* GLOBAL
------------------------------*/
body {margin: 0px;background: url(../images2/bg/background.gif) repeat-x;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 75%;color: #666666;overflow: -moz-scrollbars-vertical !important;}
#wrapper {margin: auto;width: 980px;background-color: #FFFFFF;padding: 0 10px;}
#header, #content-right {font-family: Arial, Helvetica, sans-serif !important;}

/* = Tags
============================================================= */
img {border: none;}
h1, h2, h3, h4, h5 {font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold;margin: 0;padding: 0 0 7px 0;}
h1 {font-size:1.6em;padding: 0 0 5px 0;}
h2 {font-size:1.1em;padding: 0 0 5px 0;line-height: 1.5em;}
h3 {font-size:1.1em;padding: 0 0 5px 0;}
p {margin: 0; padding: 0 0 7px 0; line-height: 1.6em;}
ul, ul li {margin: 0; padding: 0; list-style-type: none;line-height:1.5em;}
ol, ol li {line-height:1.5em;margin:0 0 0 5px;padding:0 0 5px 15px;}
a {color: #0390BF; text-decoration: none;}
a:hover {color: #027399; text-decoration: underline;}
a.green {color:#666;background: url(../images2/global/emdot.gif) repeat-x 0 100%;padding-bottom:0;}
sup {font-size:0.8em;padding-bottom:3px;}

/* = Header
------------------------------------------- */
#header {width:960px; background: #fff;margin:0;padding:20px 0 0 20px;}
#logo {width:177px;}

/* = Content
------------------------------*/
#content {width:980px; margin:20px 0 0 0; padding:0;}
#content-left {float:left;width:760px; margin:0; padding:0;}
#content-right {float:left; width:200px; margin:0 0 0 20px; padding:0;}

/* = Brand Keywords Tabs
------------------------------------------- */
#tabs {margin:0;padding:0;width:760px;height:37px;}
.general {background:#fff url(../images2/brand/general-back.gif) top left no-repeat;}


#tabs ul {list-style:none;margin:0;padding:0;}
#tabs ul li {padding:0;display:inline;}
#tabs ul li a {text-decoration:none;}
#tabs ul li a.image {float:left;background-repeat: no-repeat;height:31px;width:210px;text-indent:-5000px;}
#tabs ul li a.about { background: url(../images2/tabs/tab-about-off.gif);}
#tabs ul li a.faqs { background: url(../images2/tabs/tab-faq-off.gif);}


#tabs ul li a:hover.about { background: url(../images2/tabs/tab-about.gif);}
#tabs ul li a:hover.faqs { background: url(../images2/tabs/tab-faq.gif);}


#tabs ul li a.about-selected { background: url(../images2/tabs/tab-about.gif);}
#tabs ul li a.faqs-selected { background: url(../images2/tabs/tab-faq.gif);}



/* = Left Content
------------------------------*/
.box {margin:0;padding:0;width:760px;}
.box-content {border-right:1px solid #ccc; border-left:1px solid #ccc; margin:0;padding:5px 19px 10px 19px;background:#fff;}
.box-bottom {background: url(../images2/boxes/mainbox-bottom.gif) bottom left no-repeat;height:10px;font-size:1%;}
#maincontent {width:720px;margin: 10px 0 0px 0;padding:0;}


/* Headers */

#heading-back {margin:0;padding:0;width:760px;height:190px;}
.head-intl {background: url(../images2/headers/intl-back.gif) top left no-repeat;}
.head-generic {background: url(../images2/headers/gen-header-back.gif) top left no-repeat;}
.head-cfddisplay {background: url(../images2/headers/cfddis-header-back.gif) top left no-repeat;}
.head-cfdpcd {background: url(../images2/headers/cfdpcd-header-back.gif) top left no-repeat;}
.head-cfd {background: url(../images2/headers/cfd-header-back.gif) top left no-repeat;}
.head-isa {background: url(../images2/headers/isa-header-back.gif) top left no-repeat;}

#brand-heading-gen {margin:0;padding:0;width:760px;height:83px;background:#fff url(../images2/bg/headbg.gif) top left no-repeat;}

h1.heading {float:left;margin:12px 0 0 20px;padding:0;height:36px;width:406px;text-indent:-5000px;}

div.button-keyword {float:right;margin:35px 117px 0 0;padding:0;}
div.button {float:right;margin:43px 117px 0 0;padding:0;}

#maincontent h2 {background-color:#2d5c3d;color:#FFF;margin:10px 0;padding: 3px 10px;}
#maincontent h2.image {background-color:none;margin:10px 0 0 0 ;padding: 0;text-indent:-5000px; width:400px;height:30px;}
.ratesservice {background: url(../images2/headings/ratesservice.gif) left top no-repeat;}
.whattrade {background: url(../images2/headings/whattrade.gif) left top no-repeat;}
.whoaretd {background: url(../images2/headings/whoaretd.gif) left top no-repeat;}

#maincontent ul li {background: url(../images2/global/bullet-orange.gif) no-repeat 0 5px;padding-left: 15px; margin-bottom: 4px;} 

#maincontent h3 {margin:5px 0 0 0;}

#maincontent ul.toppage li {background: url(../images2/global/uparrow.gif) no-repeat 0 4px;padding-left: 10px; margin:0;font-size:0.9em;}
#maincontent ul.toppage li a {text-decoration:underline;}
#maincontent ul.toppage li a:hover {text-decoration:none;}

#maincontent ul.bulletarrow li {background: url(../images2/global/bulletarrow-blue2.gif) no-repeat 0 4px;padding-left: 10px; margin:0 0 6px 5px;font-size:0.9em;}
#maincontent ul.bulletarrow li ul li {background: url(../images2/global/bulletarrow-blue2.gif) no-repeat 0 4px;padding-left: 10px; margin:2px 0 2px 5px;font-size:1em;font-weight:bold;}
#maincontent ul.bulletarrow li a {text-decoration:none;}
#maincontent ul.bulletarrow li a:hover {text-decoration:underline;}

.leftpage {float:left;width:350px;margin:0 20px 0 0;padding:0;}
.rightpage {float:left;width:350px;margin:0;padding:0;}

/* = Right Content
------------------------------*/
.applybox {margin:0;padding:0;width:200px;}
.generalkeywords {margin:29px 0 0 0;}
.applybox-top {background: url(../images2/boxes/rhandbox-top.gif) top left no-repeat;height:12px;font-size:1%;}
.applybox-bot {background: url(../images2/boxes/rhandbox-bot.gif) top left no-repeat;height:12px;font-size:1%;}

#applybox-content {border-right:1px solid #ccc; border-left:1px solid #ccc; margin:0;padding:0 9px 10px 9px;background:#fff url(../images2/boxes/rhandbox-back.gif) top left no-repeat;}
#applybox-content h3  {margin:0 0 4px 0;padding:0;height:26px;width:180px;text-indent:-5000px;}
#applybox-content h4  {margin:0;padding:0;text-indent:-5000px;width:180px;}
#applybox-content h4 a {margin:0;padding:0;text-indent:-5000px;display:block;width:180px;}
#applybox-content p {font-size:0.9em;line-height:1.2em;color:#999;padding:4px 0 0 10px;}
#applybox-content h5 {margin:10px 0 0 0;padding:0 0 4px 0;text-indent:-5000px;width:180px;}
#applybox-content ul li {background: url(../images2/global/arrow-bullet.gif) no-repeat 0 4px;padding-left: 20px;margin-top:3px;}

/* = Footer
------------------------------*/
#footer {border-top: 1px #ddd solid; margin: 10px 0px 20px 0; color: #888;}
#footer a { font-size: 0.9em; margin: 0px 5px 0px 5px; }
#footer p { padding: 7px 70px 0 70px; font-size: 0.8em;line-height:1.4em; text-align: center;}
#footer p.copy { border-bottom: 1px #ddd solid; padding: 7px;font-size: 0.8em; text-align: center; border-top: 1px #ddd solid;} 
#footer p.links { border-bottom: 1px #ddd solid; padding: 7px;font-size: 0.8em; text-align: center;} 
#footer h5 {font-size:0.9em;font-weight:bold;margin:0;padding:10px 20px 5px 20px;}
#footer p.terms { padding:0 20px 5px 20px; font-size: 0.9em;line-height:1.4em;text-align: left;}
#footer ol li {margin:0 23px;padding-bottom:4px; font-size: 0.9em;line-height:1.4em;color: #888;} 
#footer ul li {margin:0 35px;padding-bottom:4px; font-size: 0.9em;line-height:1.4em;color: #888;list-style-type:disc;} 
/* = General Styles
--------------------------------------------- */
.hide{position:absolute; left:-9000px;}
.lfloat{float:left;}
.rfloat{float:right;}
.imgIcon {width:50px;height:50px;padding-bottom:5px;padding-left:5px;}
.bold{font-weight:bold;}
.imgR, .imgL, .imgR_nb, .imgL_nb{float:right; border:1px solid #C9C9C5; margin:0 0 10px 10px;}
.imgL, .imgL_nb{float:left; margin:0 10px 10px 0;}
.imgR_nb, .imgL_nb{border:none;}
.noborder{border:none;}
.center{text-align:center;}
.clear{clear:both;font-size:1%;}
.clear-right {clear:right;font-size:1%;}
.dottedline {height: 1px;margin: 6px 0px;background: url(../images2/global/dottedline.gif) repeat-x top;}
.divider {height: 2px;margin:7px 0 0 0;background: url(../images2/global/divider.gif) no-repeat;padding:0 0 7px 0;}

.grey-line {height: 1px;margin: 15px 0px;border-top: 1px solid #CCCCCC;font-size: 0.1px;}
.smalltext {font-size:0.9em;}
.notes {color:#777;}
.bold {font-weight:bold;}
a.emphasise {background: url(../images2/global/emdot.gif) repeat-x 0 100%;padding-bottom:0;}
a.emphasise:visited, a.emphasise:active {background: url(../images2/global/emdot.gif) repeat-x 0 100%;padding-bottom:1px;}
a:hover.emphasise {background: none;}
ul.bullet {list-style-type: circle;}
.topspace {margin-top:10px;}
.botspace {margin-bottom:10px;}