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

/* GLOBAL
------------------------------*/
body {margin: 0px;background: url(../images/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.2em;padding: 0 0 5px 0;line-height: 1.5em;font-family: Arial, Helvetica, sans-serif;color:#2D5C3D;}
h3 {font-size:1.1em;padding: 0 0 2px 0;line-height: 1.5em;font-family: Arial, Helvetica, sans-serif;color:#444;}
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;}
sup {font-size:0.8em;padding-bottom:3px;}

/* = Header
------------------------------------------- */
#header {width:960px; background: #fff;margin:0;padding:20px 0 0 20px;}
#logo {float:left;width:177px;margin:0;padding:0;}
#phonenumber {float:right;width:154px;margin:15px 0 0 0;padding:0;}

/* = 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(../images/brand/general-back.gif) top left no-repeat;}
.investing {background:#fff url(../images/brand/investing-back.gif) top left no-repeat;}
.international {background:#fff url(../images/brand/international-back.gif) top left no-repeat;}
.cfds {background:#fff url(../images/brand/cfds-back.gif) top left no-repeat;}
.spreadbetting {background:#fff url(../images/brand/spreads-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:141px;text-indent:-5000px;}
#tabs ul li a.general { background: url(../images/brand/general.gif);}
#tabs ul li a.investing { background: url(../images/brand/investing.gif);}
#tabs ul li a.international { background: url(../images/brand/international.gif);}
#tabs ul li a.cfds { background: url(../images/brand/cfds.gif);}
#tabs ul li a.fsb { background: url(../images/brand/spreads.gif);}

#tabs ul li a:hover.general { background: url(../images/brand/general-on.gif);}
#tabs ul li a:hover.investing { background: url(../images/brand/investing-on.gif);}
#tabs ul li a:hover.international { background: url(../images/brand/international-on.gif);}
#tabs ul li a:hover.cfds { background: url(../images/brand/cfds-on.gif);}
#tabs ul li a:hover.fsb { background: url(../images/brand/spreads-on.gif);}

#tabs ul li a.general-selected { background: url(../images/brand/general-on.gif);}
#tabs ul li a.investing-selected { background: url(../images/brand/investing-on.gif);}
#tabs ul li a.international-selected { background: url(../images/brand/international-on.gif);}
#tabs ul li a.cfds-selected { background: url(../images/brand/cfds-alt-on.gif);}
#tabs ul li a.fsb-selected { background: url(../images/brand/spreads-on.gif);}

/* Note: specifically for Joint/Affiliate Splash Pages */
#tabs ul li a.cfds-alt { background: url(../images/brand/cfds.gif);}
#tabs ul li a:hover.cfds-alt { background: url(../images/brand/cfds-alt-on.gif);}
#tabs ul li a.cfds-alt-selected { background: url(../images/brand/cfds-alt-on.gif);}
#tabs ul li a.trading { background: url(../images/brand/trading.gif);}
#tabs ul li a:hover.trading { background: url(../images/brand/trading-on.gif);}
#tabs ul li a.trading-selected { background: url(../images/brand/trading-on.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(../images/boxes/mainbox-bottom.gif) bottom left no-repeat;height:10px;font-size:1%;}
#maincontent {width:380px;float:left;margin: 10px 20px 0px 0;padding:0;}
#maincontent ul li {background: url(../images/global/green-bullet.gif) no-repeat 0 5px;padding-left: 15px;margin:9px 0;}
ol.terms {line-height:1.5em;margin:0 0 0 10px;padding:0 0 5px 10px;font-size:0.9em;color:#777;}


#maincontentRight {width:335px;float:left;margin: 10px 0 0 0;padding:0 20px 0 0;border-right:1px solid #D1BED7;}
#maincontentRight h2 {margin:0;padding:0;height:30px;width:300px;text-indent:-5000px;}
#maincontentRight h3 {font-size:1.2em;padding: 0 0 5px 0;line-height: 1.5em;font-family: Arial, Helvetica, sans-serif;color:#2D5C3D;}
#maincontentRight ul li {background: url(../images/global/green-bullet.gif) no-repeat 0 5px;padding-left: 15px;margin:9px 0;}

#maincontentLeft {width:335px;float:left;margin: 10px 0 0px 20px;padding:0;}
#maincontentLeft h2 {margin:0;padding:0;height:30px;width:300px;text-indent:-5000px;}
#maincontentLeft h3 {font-size:1.2em;padding: 0 0 5px 0;line-height: 1.5em;font-family: Arial, Helvetica, sans-serif;color:#2D5C3D;}
#maincontentLeft ul li {background: url(../images/global/green-bullet.gif) no-repeat 0 5px;padding-left: 15px;margin:9px 0;}

#benefits {float:left;margin:10px 0 0 0;padding:0;width:320px;}
.benefits-top {background: url(../images/boxes/benefits-top.gif) top left no-repeat;height:12px;font-size:1%;}
.benefits-content {border-right:1px solid #ccc; border-left:1px solid #ccc; margin:0;padding:5px 5px 3px 10px;background:#fff;}
.benefits-bot {background: url(../images/boxes/benefits-bot.gif) top left no-repeat;height:12px;font-size:1%;}
#benefits h2 {margin:0;padding:0;height:22px;width:300px;text-indent:-5000px;}
#benefits ul li {background: url(../images/global/green-bullet.gif) no-repeat 0 5px;padding-left: 15px;margin:9px 0;}
#benefits table {margin: 5px 0 10px 0;padding:0; width:100%;border-collapse:collapse;font-size:0.9em;line-height:1.5em;}
#benefits td {border-bottom:1px solid #ccc;border-top:1px solid #ccc;border-left:1px solid #ccc;color:#333;padding:3px 4px 3px 6px; vertical-align:top;margin:0;background:#e8f3e8;}
#benefits td.last {border-bottom:1px solid #ccc;border-top:1px solid #ccc;border-right:1px solid #ccc;color:#333;padding:3px 4px 3px 6px; vertical-align:top;margin:0;text-align:right;background:#fff;}

/* = New Additions for CFD Email
------------------------------*/
.column {float:left;margin:0 30px 0 0;padding:0;width:290px;}
.column.right {margin:0;}
.column ul li {background: url(../images/global/green-bullet.gif) no-repeat 0 5px;padding-left: 15px;margin:9px 0;}
/* Headers */

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

#brand-heading-gen {margin:0;padding:0;width:760px;height:182px;background:#fff url(../images/headers/brand-gen-back.gif) top left no-repeat;}
#brand-heading-inv {margin:0;padding:0;width:760px;height:182px;background:#fff url(../images/headers/brand-invest-back.gif) top left no-repeat;}
#brand-heading-int {margin:0;padding:0;width:760px;height:182px;background:#fff url(../images/headers/brand-intl-back.gif) top left no-repeat;}
#brand-heading-cfd {margin:0;padding:0;width:760px;height:182px;background:#fff url(../images/headers/brand-cfds-back.gif) top left no-repeat;}
#brand-heading-fsb {margin:0;padding:0;width:760px;height:182px;background:#fff url(../images/headers/brand-fsb-back.gif) top left no-repeat;}
h1.heading {float:left;margin:25px 0 0 20px;padding:0;height:100px;width:470px;text-indent:-5000px;}

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

/* = Right Content
------------------------------*/
.applybox {margin:0;padding:0;width:200px;}
.generalkeywords {margin:29px 0 0 0;}
.applybox-top {background: url(../images/boxes/rhandbox-top.gif) top left no-repeat;height:12px;font-size:1%;}
.applybox-bot {background: url(../images/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(../images/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(../images/global/arrow-bullet.gif) no-repeat 0 4px;padding-left: 20px;margin-top:3px;}
#applybox-content ul.bullet li {background: url(../images/global/green-bullet.gif) no-repeat 0 4px;padding-left: 17px;margin-top:2px;}

/* = 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%;height:1px;}
.clear-right {clear:right;font-size:1%;}
.dottedline {height: 1px;margin: 6px 0px;background: url(../images/global/dottedline.gif) repeat-x top;}
.divider {height: 2px;margin:7px 0 0 0;background: url(../images/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(../images/global/emdot.gif) repeat-x 0 100%;padding-bottom:0;}
a.emphasise:visited, a.emphasise:active {background: url(../images/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;}

/* = Pop Up Pages
============================================================= */
#wrapper.popup {margin: auto;width: 760px;background-color: #FFFFFF;padding: 0 10px 10px 10px;}
#content.popup {width:740px; margin:20px 10px 0 10px; padding:0;}
#header.popup {margin:0;padding:20px 0 0 10px;background: #FFF;width:750px;height:55px;border-bottom:1px solid #EEE;}
.closewindow {float:right;margin:33px 0 0 0;padding:0;}

ul.mainlink {margin:0;padding:2px 5px; background:#F7FBEF;}
ul.mainlink li {background:none;margin:0;padding:0;}
ul.mainlink li a {margin:0;padding:0 0 0 20px; background: url(../images/global/linkbullet.gif) 0 1px no-repeat;}
ul.mainlink li a:hover {background: url(../images/global/linkbullet_off.gif) 0 1px no-repeat;}