/* = 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;}

/*  Survey Splash  */
body #survey {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;}
#survey #wrapper {margin: auto;width: 760px;background-color: #FFFFFF;padding: 0 10px;}
#survey #header {width:740px; background: #fff;margin:0;padding:20px 0 0 20px;}
#survey #content {width:760px; margin:20px 0 0 0; padding:0;}

/* = 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;}
sup {font-size:0.8em;padding-bottom:3px;}
.red {color:#cc0000;font-weight:bold;}
li.error {color:#f00;font-size:0.95em;list-style-type: none;}

#awardspic {margin:15px 0;width:200px;height:190px;padding:0;}
#awardspic.nomargin {margin-top:0px;}

/* = 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(../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.isa { 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.isa { background: url(../images/brand/newisatab.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.isa-selected { background: url(../images/brand/newisatab.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;}
#maincontentwide {margin: 10px 20px 0px 0;padding:0;}
#maincontentwide ul li {background: url(../images/global/green-bullet.gif) no-repeat 0 5px;padding-left: 15px;margin:7px 0;}


#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;}
#maincontentLeft h3.image, #maincontentRight h3.image  {font-size:1.2em;padding:0;font-family: Arial, Helvetica, sans-serif;color:#2D5C3D;height:45px;width:300px;text-indent:-5000px;}


#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;}

/* Headers */

#heading-back {margin:0;padding:0;width:760px;height:150px;}
#new-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-generic-sm {background: url(../images/headers/newgen-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;}

#brand-heading-gen {margin:0;padding:0;width:760px;height:142px;background:#fff url(../images/headers/brand-gen-back.gif) top left no-repeat;}
#brand-heading-inv {margin:0;padding:0;width:760px;height:142px;background:#fff url(../images/headers/brand-invest-back.gif) top left no-repeat;}
#brand-heading-int {margin:0;padding:0;width:760px;height:142px;background:#fff url(../images/headers/brand-intl-back.gif) top left no-repeat;}
#brand-heading-cfd {margin:0;padding:0;width:760px;height:142px;background:#fff url(../images/headers/brand-cfds-back.gif) top left no-repeat;}
#brand-heading-fsb {margin:0;padding:0;width:760px;height:142px;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:450px;text-indent:-5000px;}
h1.survey {float:left;margin:25px 0 0 20px;padding:0;height:40px;width:360px;text-indent:-5000px;background:transparent url(../images/titles/ocustomersurvey.png) left top no-repeat;}
p.heading {margin:5px 0 0 20px;padding:0;clear:both;}
h2.survey {color:#2d5c3d;}

div.button-keyword {float:right;margin:2px 117px 0 0;padding:0;}
div.button {float:right;margin:10px 117px 0 0;padding:0;}
div.newbutton2 {float:right;margin:15px 40px 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;}

/* = 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: 1.0em;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(../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;}
ul.right li {margin:0 15px;padding-bottom:4px; font-size: 1.0em;line-height:1.4em;color: #888;list-style-type:disc;} 

/* Form Elements */
div.answer {float:left;margin:0;text-align:center;width:100px;padding-bottom:10px;}
div.answer.long {width:130px;}
form {margin:0;padding:0;}
fieldset.survey {border:none;}
.comprow {clear:both;padding:1px 0;margin:0;!important;}
input.radio {margin-bottom:5px; color: #333; padding: 2px; background:#fff;}
label {float:left;color:#666; margin: 0; padding: 0 0 3px 0;width:90px;}
label.radio {color:#333; margin: 0; padding: 0 0 3px 0;width:100px;}
label.width {width:130px;}
input.login {float:left;margin:0px 5px 0px 0px; border: 1px #999999 solid; width: 70px; color: #333; padding: 2px; font-size:0.75em;}
input.largebtn {margin:10px 0 0 10px;}
textarea {font-family:verdana, arial, sans-serif;color:#666;font-size:1em;}

/* ISA table */
table.isa {margin: 5px 0 10px 0;padding:0; width:340px;border-collapse:collapse;font-size:0.9em;line-height:1.5em;}
table.isa.partner {width:380px;}
table.isa th.title {text-align:left;font-weight:bold;border:none;color:#2d5c3d;padding:3px 4px 3px 6px; vertical-align:top;margin:0;text-align:left;font-size:1.0em;}
table.isa th.last {border-right:1px solid #ccc;}
table.isa th.first {border-left:1px solid #ccc;}
table.isa td.title {text-align:left;font-weight:bold;border-bottom:1px solid #ccc;border-top:1px solid #ccc;border-left:1px solid #fff;color:#fff;padding:3px 4px 3px 6px; vertical-align:top;margin:0;background:#00b624;text-align:left;}
table.isa td {border:1px solid #ccc;color:#333;padding:3px 4px 3px 6px; vertical-align:top;margin:0;text-align:left;background:#fff;width:30%;}
table.isa td.alt {color:#2d5c3d;background:#c7dcce;} 


/* CLEARING FLOATS (http://www.positioniseverything.net/easyclearing.html) -------------------------------------------------------------------------------------------------------------- */
.clearfix:after {content: "."; clear: both; height: 0; visibility: hidden; display: block;}
.clearfix {display: inline-block;}
/* Hides from MacIE \*/           
* html .clearfix {height: 1%;}
.clearfix {	display: block;}
/* End hide from MacIE */