* {margin: 0;padding: 0;border: 0;}

body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; background: #333; color: #333 }
#headerhomeouter { background: url('/images/bg_headerhomeouter.png') repeat-x; height: 383px }
#headerdefaultouter { background: url('/images/bg_headerdefaultouter.png') repeat-x; height: 87px	}
#headerouter { background: #f00 }

#contentouter { background: url('/images/bg_contentouter.png') #fff top repeat-x }

#footerouter { background: url('/images/bg_footerouter.png') repeat-x; height: 246px }
#headerinner,
#contentinner,
#footerinner { width: 1000px; margin: 0 auto; position: relative }
#headerinner { height: 383px }
#headercontent { width: 348px; height: 213px; padding: 60px 18px 0 18px; position: relative }
#headercontent h3 { font-size: 32px }
#headercontent p { font-size: 18px;	line-height: 24px }
#home-illustration { position: absolute; top: 120px; right: 0; width: 534px; height: 280px; background: url('/images/bg_homevideo_444.png') 0 -10px no-repeat; padding: 10px 0 0 45px }
#contentinner { padding: 30px 0 20px 10px }
#Home #contentinner { padding: 50px 0 20px 0 }
#contentwrap { background: url('/images/bg_contentwrap.png') repeat-y }
#contentwrapwide { background: url('/images/bg_contentwrapwide.png') repeat-y }
#contentwraphometop,
#contentwraphomebottom,
#contentwrapwidetop,
#contentwrapwidebottom { width: 1000px; height: 12px }
#contentwraphometop { background: url('/images/bg_contentwraphometop.png') no-repeat }
#contentwraphomebottom { background: url('/images/bg_contentwraphomebottom.png') no-repeat }
#contentwrapwidetop { background: url('/images/bg_contentwrapwidetop.png') no-repeat }
#contentwrapwidebottom { background: url('/images/bg_contentwrapwidebottom.png') no-repeat }
#contentmain { padding: 20px 0 0 0; margin: 0 0 0 20px; width: 575px; float: left }
#contentmainwide { padding: 20px 0 0 0; margin: 0 0 0 20px; width: 830px }
#contentmainwide h2 { margin-bottom: 20px }
#contentmaintop { float: left; width: 639px; padding: 0 0 20px 0; background: url('/images/bg_contentmaintop.png') bottom no-repeat }
.homefeature { width: 260px; height: 195px; padding: 25px 20px 20px 0; margin: 5px 0 }

#contentmain .homeintrotext p { font-size: 17px; line-height: 22px }
.homefeature img { float: left; margin: 0 10px 0 0 }
.homefeature h4 { margin: 10px 0; font-size: 22px }
.homefeature p { clear: left }

#contentmain .homefeature p { font-size: 13px; line-height: 18px }
#contentadditional { padding: 20px 0 0 0; margin: 0 30px 0 0; width: 301px; float: right }
#contentadditionaltop { float: right; width: 355px }
#contentadditional h3 { font-size: 18px; margin: 5px 0 10px 0 }

.bigmore a, h2 a { color: #555 }

form#contact,
#contentadditional form { margin: 5px 0 }
form#contact label,
form#contact input,
#contentadditional form label,
#contentadditional form input { float: left; padding: 3px; margin: 3px }
form#contact label,
#contentadditional form label { width: 75px; text-align: right }
form#contact input,
#contentadditional form input { width: 185px; border: 2px solid #D8F4FD }
form#contact textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 400px; height: 100px; border: 2px solid #D8F4FD; float: left; padding: 3px; margin: 3px }
form#contact input.frmsubmit,
#contentadditional form input.frmsubmit { width: 195px; font-weight: bold; color: #fff; background: #808080; border: 2px outset #666 }
form#contact br,
#contentadditional form br { clear: left }

.bubblewrap { width: 301px; margin: 20px 0;	 }
.bubblewrap p { margin: 0 0 0 40px; font-size: 11px }
.bubbletop { height: 12px; background: url('/images/bg_bubbletop.png') no-repeat }
.bubblebottom { height: 25px; background: url('/images/bg_bubblebottom.png') no-repeat }
.bubblecommentbottom { height: 25px; background: url('/images/bg_bubblecommentbottom.png') no-repeat }
.bubble { background: url('/images/bg_bubble.png') repeat-y }
.bubble img { margin: 0 10px }
.bubble p { margin: 0; padding: 0 10px }

#footerinner { color: #333 }
#footercontent { height: 169px }
#footermain { height: 149px; width: 620px; float: left; padding: 10px }
#footeradditional { height: 149px; width: 330px; float: right; padding: 10px }
#footermain .bigmore { color: #333; font-size: 30px; padding: 60px 0 0 0; }
/* h2, h3, h4 { font-variant: small-caps } */
#footermain h4 a { color: #333 }
#footermain h4 a:hover { color: #00B0D8; text-decoration: none }
.trading { margin-left: 40px }

table.featurecomparison { border-collapse: collapse; width: 580px }
table.featurecomparison th { padding: 10px 15px; font-size: 20px; text-align: left }
table.featurecomparison th.fccolhead01 { background: url('/images/bg_fc_header_tl.png') #4d4d4d top left no-repeat; color: #fff; width: 390px }
table.featurecomparison th.fccolhead02 { background: url('/images/bg_fc_header_tr.png') #e6e6e6 top right no-repeat; color: #4d4d4d }
table.featurecomparison td { font-size: 16px; font-weight: bold; padding: 5px 15px; border-bottom: 1px solid #8c8c8c }
table.featurecomparison td.fccol01 { background: url('/images/bg_feature_bullet.png') 15px 16px #666 no-repeat; color: #fff; padding-left: 35px }
table.featurecomparison td.fccol02 { background: #ccc; text-align: center }

h2.page-title { color: #00B0D8 }
h2.page-title span { color: #333 }

p.tick { background: url('/images/bg_tick.png'); height: 19px; width: 22px; margin: 10px auto }
.listwrap { margin: 0 0 20px 0; width: 575px }
.listwidewrap { margin: 0 0 20px 0; width: 405px }
.listtop { height: 10px; width: 575px; background: url('/images/bg_listtop.png') }
.listwidetop { height: 10px; width: 405px; background: url('/images/bg_listwidetop.png') }
.listbottom { height: 10px; width: 575px; background: url('/images/bg_listbottom.png') }
.listwidebottom { height: 10px; width: 405px; background: url('/images/bg_listwidebottom.png') }
.listcontent,
.listwidecontent { background: #fff; padding: 10px 0; }
.listcontent img { float: left; margin: 0 0 0 10px }
.listwidecontent img { float: left; margin: 0 0 0 10px }
.listcontent p { margin: 0 10px 0 120px; font-size: 11px }
.listwidecontent h3 { margin: 0 30px 10px 30px; font-size: 18px }
.listwidecontent p, .listwidecontent blockquote { margin: 0 30px; font-size: 13px }
.listwidecontent blockquote { font-style: italic; margin-top: 10px; color: #666 }

.videoblock { width: 830px }
.videoblock h3 { margin: 0 20px 10px 20px; font-size: 18px }
.videoblock p { margin: 0 30px }
.videoblock img { margin: 16px 0 0 40px }
.videoblock .videocontent { background-color: #fff }
.videoblock.cta .videocontent { background-color: #aeeafc }
.videoblock .left { float: left; width: 400px; }
.videoblock .left h3 { text-align: center; margin: 20px 0 25px 0 }
.videoblock .right { float: right; width: 415px; text-align: left }
.videoblock .top { height: 10px; width: 830px; background-image: url('/images/big_rounded_top.png') }
.videoblock .bottom { height: 10px; width: 830px; background-image: url('/images/big_rounded_bottom.png') }
.videoblock.cta .top { height: 10px; width: 830px; background-image: url('/images/big_rounded_top_cta.png') }
.videoblock.cta .bottom { height: 10px; width: 830px; background-image: url('/images/big_rounded_bottom_cta.png') }
.roi_button { margin-top: 20px !important }

a#headerdownload { background: url('/images/bg_headerfreesoftware.png') no-repeat; display: block; width: 345px; height: 98px; position: absolute; bottom: 0; left: 15px }

ul#nav { margin: 55px 0 0 0; list-style: none; float: right }
ul#nav li { float: left; font-size: 16px; }
ul#nav li a { display: block; height: 20px; float: left; color: #fff; padding: 5px 12px }
ul#nav li.open a, ul#nav li a:hover { color: #18bce3; text-decoration: none; }
ul#subnav { display: block; list-style: none; height: 47px; margin: 20px 105px 0 0; font-size: 14px; padding: 0 0 0 10px; clear: both }
ul#subnav li { float: left; height: 47px; text-align: center; background: url('/images/bg_subnav_li.png') bottom left no-repeat; padding: 0 0 0 3px; font-weight: bold }
ul#subnav li a { display: block; height: 27px; float: left; width: 110px; padding: 20px 30px 0 15px; color: #fff; background: url('/images/bg_subnav_li_a.png') bottom right no-repeat }
ul#subnav li:hover,
ul#subnav li.on { background: url('/images/bg_subnav_li.png') top left no-repeat }
ul#subnav li:hover a,
ul#subnav li a:hover,
ul#subnav li.on a { background: url('/images/bg_subnav_li_a.png') top right no-repeat; text-decoration: none }

ul#footernav { padding: 15px 0 0 0; list-style: none; height: 22px; font-size: 14px }
ul#footernav li { float: left; margin: 0 20px 0 0 }
ul#footernav li a { color: #fff }
ul#footernav li a:hover { color: #18bce3; text-decoration: none }

a { color: #18bce3; text-decoration: none }
a:hover { text-decoration: underline }

p { margin: 10px 0; line-height: 18px }
h1 { float: left; padding: 30px 0 0 0; width: 280px }
h1 a { display: block; height: 55px; width: 280px; background: url('/images/bg_h1.png') no-repeat }
h1 a span,
ul#nav li a span,
a#headerdownload span,
p.tick span { display: none }

h2 { color: #333; font-size: 24px }

.bigmore { margin: 20px }
.bigmore a { color: #555; font-size: 30px; font-weight: bold; padding: 0 15px 0 0;  }
#footermain .bigmore { margin: 0 }
.smallprint { font-size: 10px; color: #fff }
.left { text-align: left }
.right { text-align: right }
.center { text-align: center }
.fleft { float: left }
.fright { float: right }
.clear { clear: both }
.clearleft { clear: left }