/*----- WHITESPACE RESET & DEFAULT CLASSES -----*/

html, body { margin: 0; padding: 0; }
body { background: #fff url(/images/body-bg.gif) repeat-x 0 0; color: #333; font: 62.5% Arial, Helvetica, sans-serif; line-height:18px; }
body.home { background: #fff url(/images/home-bg.gif) repeat-x 0 0; }

/* Baseline values for browser consistency */
p, div, h1, h2, h3, h4, h5, ul, li, ol, img, fieldset { margin: 0; padding: 0; }
img { border: 0; }
	
/* force scroll bar in FF for centred sites */
html { height: 100%; margin-bottom: 1px; }

/* Element Default Classes */
ul, ol { list-style-position: outside; margin: 0 0 1em; }
ul li, ol li { font-size:12px; margin: 0 0 0.2em; list-style-type:none; margin-bottom:8px; }
hr { background: #000; color: #000; border: 0; height: 1px; margin: 20px 0; }
a:link, a:visited, a:active { color:#008bcc; text-decoration:none; outline:none; }
a:hover { color:#008bcc; text-decoration: underline; outline:none; }

/* Global classes */
.clear { clear: both; height: 0px; }
.left { float: left; }
.right { float: right; }


/*----- STRUCTURE -----*/

#container { 
	width:960px;
	margin:0 auto; }
	
	#container #header {
		width:960px;
		height:142px;
		margin:0;
		padding:0; }
		
		#container #header #logo-login {
			width:960px;
			height:101px; }
			
			#container #header #logo-login a.logo {
				width:173px;
				height:61px;
				margin:20px 0 0 0;
				display:block;
				float:left; }
		
	#container #advert-container {
		width:960px;
		height:210px;
		margin:0;
		padding:0; }
		
		#container #advert-container #advert-left,
		#container #advert-container #advert-middle,
		#container #advert-container #advert-right {
			width:300px;
			height:200px;
			float:left;
			margin:10px 10px 0 10px !important;
			display:block; }
			
		a.education-zone {
			width:300px;
			height:200px;
			display:block;
			background:url(../images/banners/education-zone.jpg) no-repeat 0 0; }
			
		a.why-trade {
			width:300px;
			height:200px;
			display:block;
			background:url(../images/banners/home-why-trade.jpg) no-repeat 0 0; }
			
		a.mobile-platform {
			width:300px;
			height:200px;
			display:block;
			background:url(../images/banners/home-mobile.jpg) no-repeat 0 0; }
			
		a.pattern-recognition {
			width:300px;
			height:200px;
			display:block;
			background:url(../images/banners/pattern-recognition.jpg) no-repeat 0 0; }
	
/*--- START FOOTER CODE ---*/		
#footer {
	width:100%;
	height:100px;
	background:url(/images/footer-bg.gif) repeat-x 0 50px; }
	
		#footer #footer-container {
			width:940px;
			margin:0 auto;
			padding:30px 0 0 0; }
			
			#footer #footer-container .licence { 
				margin-bottom:20px; 
				width:910px; 
				font-size:11px; 
				color:#999; }
		
		#footer ul#footer-links {
			width:500px;
			height:20px;
			margin:0;
			padding:4px 0 0 0;
			float:left; }
			
			#footer ul#footer-links li {
				display:block;
				float:left; }
			
				#footer ul#footer-links li a {
					color:#333;
					font-size:11px;
					margin:0 15px 0 0; }
					
		#footer #broker-text {
			float:right;
			color:#666;
			font-size:11px; }
			

#footer-account {
	width:100%;
	height:100px;
	background:url(/images/footer-bg.gif) repeat-x 0 6px; }
	
		#footer-account #footer-container {
			width:940px;
			margin:0 auto;
			padding:25px 0 0 0; }
					
		#footer-account ul#footer-links {
			width:500px;
			height:20px;
			margin:0;
			padding:4px 0 0 0;
			float:left; }
			
			#footer-account ul#footer-links li {
				display:block;
				float:left; }
			
				#footer-account ul#footer-links li a {
					color:#333;
					font-size:11px;
					margin:0 15px 0 0; }
					
		#footer-account #broker-text {
			float:right;
			color:#666;
			font-size:11px; }
			
/*--- END FOOTER CODE ---*/	
			
	#container #title-bar {
				height:64px;
				width:940px;
				margin:0 auto;
				padding:40px 0 0 0;
				background: url(/images/heading-graphic.png) no-repeat 0 0;
				position:relative; }
		
			#container #title-bar h1 { 
				margin:0;
				color:#fff;
				font-size:21px;
				font-weight:bold;
				font-family:'Lucida Grande', 'Lucida', Arial, Verdana; }
				
			a.open-account {
				width:196px;
				height:46px;
				position:absolute;
				top:30px;
				right:0px;
				display:block;
				text-indent:-9999px !important;
				background: url(/images/buttons/open-account.png) no-repeat 0 0; }
				
			#container #title-bar a.open-account:hover {
				background:url(/images/buttons/open-account.png) no-repeat 0 -47px; }
				
			
			
	#container #content {
		width:940px;
		margin:0 auto;
		padding:35px 0 0 0; }
		
		#container #content #leftcolumn {
			width:640px;
			float:left; }
			
			#container #content #leftcolumn .affiliate-box {
				width:100%;
				margin:0 0 30px 0;
				padding:0 0 20px 0;
				border-bottom:1px solid #ccc; }
				
				#container #content #leftcolumn .affiliate-box .logo {
					width:190px;
					height:90px;
					margin:0 15px 0 0;
					float:left; }
					
					#container #content #leftcolumn .affiliate-box .logo img {
						border:2px solid #ccc; }
					
				#container #content #leftcolumn .affiliate-box .description {
					width:435px;
					margin:0;
					padding:0;
					float:right;
					line-height:18px; }
					
					#container #content #leftcolumn .affiliate-box .description h2 {
						font-weight:bold;
						font-size:16px;
						color:#333;
						margin:0 0 10px 0; }
						
					#container #content #leftcolumn .affiliate-box .description p {
						margin:0 0 5px 0; }
						
		#container #content #leftcolumn .platform-option {
			width:100%;
			margin:0 0 30px 0;
			padding:0 0 20px 0;
			line-height:18px;
			border-bottom:1px solid #ccc; }
			
			#container #content #leftcolumn .platform-option .description {
				width:450px;
				float:left; }
		
				#container #content #leftcolumn .platform-option .description h2 {
					font-weight:bold;
					font-size:16px;
					color:#333;
					margin:0 0 10px 0; }
					
				#container #content #leftcolumn .platform-option .description h3 {
					font-weight:bold;
					font-size:14px;
					color:#333;
					margin:30px 0 10px 0; }
				
			#container #content #leftcolumn .platform-option .image-box {
				width:184px;
				margin:0;
				padding:0;
				float:right;
				text-align:center; }
				
				#container #content #leftcolumn .platform-option .image-box #supported-brands {
					width:184px;
					background:url(/images/platforms/logo-box-middle.gif) repeat-y 0 0; }
					
					#container #content #leftcolumn .platform-option .image-box #supported-brands img {
						display:block; }
						
					#container #content #leftcolumn .platform-option .image-box #supported-brands div.content {
						margin:0;
						padding:0 15px 0 13px;
						display:block; }
						
					#container #content #leftcolumn .platform-option .image-box #supported-brands div.content img {
						margin:0 0 20px 0; }
					
					#container #content #leftcolumn .platform-option .image-box #supported-brands p.caption {
						font-size:11px;
						font-family:Arial, Helvetica, sans-serif;
						color:#666;
						padding:0 0 5px 0;
						border-bottom:1px solid #ccc; }
			
		#container #content #rightcolumn {
			width:270px;
			float:right; }
			
		#container #content #subnav-column {
			width:270px;
			float:left;
			margin:0 30px 0 0; }
			
			#container #content #subnav-column #sub-navigation {
				width:262px;
				margin:0 0 25px 5px;
				padding:6px 0 0 0;
				background:url(/images/subnav-bg.gif) no-repeat 0 0; }
				
				#container #content #subnav-column #sub-navigation ul {
					width:250px;
					margin:0 auto;
					padding:0; }
					
					#container #content #subnav-column #sub-navigation ul li {
						margin:0;
						padding:0; }
					
						#container #content #subnav-column #sub-navigation ul li a {
							width:235px;
							height:25px;
							margin:0;
							padding:7px 0 0 15px;
							font-size:14px;
							font-weight:normal;
							display:block;
							color:#333;
							text-decoration:none; }
							
						#container #content #subnav-column #sub-navigation ul li a:hover {
							width:235px;
							height:25px;
							margin:0;
							padding:7px 0 0 15px;
							font-size:14px;
							font-weight:normal;
							display:block;
							color:#000;
							background:url(/images/subnav-grey-arrow.gif) no-repeat 233px 10px;
							text-decoration:none; }
							
							
						#container #content #subnav-column #sub-navigation ul li.on a {
							background: url(/images/subnav-on-bg.gif) no-repeat 0 0;
							text-decoration:none;
							color:#fff; }
							
						#container #content #subnav-column #sub-navigation ul li.on a:hover {
							background: url(/images/subnav-on-bg.gif) no-repeat 0 0;
							text-decoration:none;
							color:#fff; }

	ul.standard-list {
		list-style-type: none;
		padding:0;
		margin:0; }
	
	ul.standard-list li {
		background: url(/images/list-image.gif) no-repeat 0 4px;
		padding-left:15px;
		margin-bottom:15px;
		font-size:12px; font-family:Arial, Helvetica, sans-serif; }
		
	#create-account { 
		width:595px;
		padding:20px 15px 10px 15px;
		margin-top:5px;
		background:#f9f9f9 url(/images/create-account-bg.jpg) no-repeat 0 0; }
	
	#create-account table { 
		font-family:Arial, Helvetica, sans-serif; 
		font-size:11px; }
	
#create-account2 { 
	width:625px;
	padding:20px 0 10px 0;
	margin-top:5px;
	background:#eaeaea url(/images/create-account-top.gif) no-repeat 0 0; }
	
	#create-account2 table { font-size:12px; }
	
	#create-account2 h3 a, #create-account2 h3 a:active { outline:none; margin-left:15px; }
	
	#login-container {
		width:340px;
		float:right;
		margin:30px 15px 0 0;
		padding:0;
		position:relative; }
		
		#login-container p.signup {
			font-size:11px;
			color:#333;
			float:right;
			margin-right:13px; }
		
	#login-box {
		width:300px;
		background: url(/images/login-bg.gif) no-repeat 0 0; 
		margin:0;
		padding:13px 20px;
		line-height:16px; }
		
		#login-box p.white-text {
			color:#fff;
			font-family:Arial, Helvetica, sans-serif;
			font-size:13px;
			margin:0;
			padding:0; }
			
	#login-box img {
		position:absolute;
		right:0;
		top:0; }
			
		a.log-in {
			width:74px;
			height:24px;
			display:block;
			position:absolute;
			top:10px;
			right:12px;
			text-indent:-9999px;
			background:url(/images/buttons/login.gif) no-repeat 0 0; }
			
		a.log-in:hover {
			background:url(/images/buttons/login.gif) no-repeat 0 -24px; }
			
	#quicklinks {
		width:960px;
		height:200px;
		margin:20px 0 0 0;
		background:url(/images/quicklinks-bg.jpg) repeat-x 0 0; }
	
	
	#quicklinks div.box { 
		float:left; 
		width:258px;
		height:200px;
		padding:22px 50px 0 10px; }
		
	#image_rotate { 
		display:block; 
		height:34px; 
		margin:20px 0 0 0; 
		overflow:hidden; }

	h2.ticker { 
		list-style: none;  
		margin:0; padding:0;
		font-size:18px !important;
		font-weight:bold !important; }		
		
		
	a.home-open-account {
		width:196px;
		height:46px;
		display:block;
		float:left;
		margin:0 15px 0 0; 
		background:url(/images/buttons/home-open-account.png) no-repeat 0 0; }
		
	a.home-open-account:hover {
		width:196px;
		height:46px;
		display:block;
		background:url(/images/buttons/home-open-account.png) no-repeat 0 -46px; }	
		
	a.home-watch-demos {
		width:196px;
		height:46px;
		display:block;
		float:left;
		margin:0 15px 0 0; 
		background:url(/images/buttons/home-watch-demos.png) no-repeat 0 0; }
		
	a.home-watch-demos:hover {
		width:196px;
		height:46px;
		display:block;
		background:url(/images/buttons/home-watch-demos.png) no-repeat 0 -46px; }
		
	a.home-instrument-fees {
		width:188px;
		height:46px;
		display:block;
		float:left;
		margin:0 15px 0 0; 
		background:url(/images/buttons/instrument-fees.png) no-repeat 0 0; }
		
	a.home-instrument-fees:hover {
		width:188px;
		height:46px;
		display:block;
		background:url(/images/buttons/instrument-fees.png) no-repeat 0 -46px; }
		
	a.home-trading-platform-options {
		width:193px;
		height:46px;
		display:block;
		float:left;
		margin:0 15px 0 0; 
		background:url(/images/buttons/trading-platform-options.png) no-repeat 0 0; }
		
	a.home-trading-platform-options:hover {
		width:193px;
		height:46px;
		display:block;
		background:url(/images/buttons/trading-platform-options.png) no-repeat 0 -46px; }
		
	a.home-learn-more {
		width:144px;
		height:46px;
		display:block;
		float:left;
		margin:0 15px 0 0; 
		background:url(/images/buttons/home-learn-more.png) no-repeat 0 0; }
		
	a.home-learn-more:hover {
		width:144px;
		height:46px;
		display:block;
		background:url(/images/buttons/home-learn-more.png) no-repeat 0 -46px; }
				
			
/*---- BANNER BOXES------*/

.banner-box {
	width:272px;
	padding:0;
	margin:0 0 20px 0;
	background:url(/images/banners/why-trade/main-bg.gif) repeat-y 0 0; }
	
	.banner-box img {
		display:block; }
		
	.banner-box .banner-content {
		width:272px;
		background:url(/images/banners/why-trade/graphic.gif) no-repeat 0 0;
		padding:10px 0 0 0;
		margin:0;
		clear:both; }
		
	.trial-banner .banner-content {
		padding:0 !important;}
		
	.banner-box .banner-content .content-left {
		width:133px;
		float:left;
		display:block;
		padding:0 0 0 25px;
		margin:0; }
		
	.trial-banner .banner-content .content-left {
		padding:10px 0 0 25px !important; }
		
		.banner-box .banner-content .content-left h1 {
			font-size:18px;
			font-family:'Lucida Grande', 'Lucida', Arial, Verdana;
			color:#fff;
			font-weight:bold;
			text-align:left;
			line-height:28px;
			margin-bottom:0px; }
	
	.banner-box .banner-content .content-right {
		width:114px;
		display:block;
		padding:0;
		margin:0;
		float:right;
		text-align:right; }
		
	.banner-button {
		width:252px;
		height:39px;
		margin:3px 0 0 10px;
		padding:0;
		background:#a5ceea;
		border-top:1px solid #1070b1; }
		
		.banner-button a {
			width:160px;
			height:23px;
			margin:6px 0 0 8px;
			padding:7px 0 0 76px;
			display:block;
			font-size:14px;
			font-family:Arial, Helvetica, sans-serif;
			color:#008bcc;
			font-weight:bold;
			text-decoration:none;
			background:url(/images/banners/why-trade/button.gif) no-repeat 0 0; }

		.banner-button a:hover {
			width:160px;
			height:23px;
			margin:6px 0 0 8px;
			padding:7px 0 0 76px;
			display:block;
			font-size:14px;
			font-family:Arial, Helvetica, sans-serif;
			color:#007bb5;
			text-decoration:none;
			font-weight:bold;
			background:url(/images/banners/why-trade/button.gif) no-repeat 0 -30px; }		
			
/*-----END BANNER BOXES------*/	
	

/*----- ACCORDION START -----*/

#accordion { 
	width:242px;
	overflow:hidden;
	margin:0 0 0 15px;
	outline:none; }
	
	#accordion h2 { 
		width:240px;
		font-size:1.4em;
		outline:none;
		margin:0;
		padding:10px 0 3px 0;
		height:26px; }
		
	#accordion h2.bottom { border-top:#d6d6d6 1px solid; padding:13px 0 0 0; }
		
		#accordion h2 a { outline:none; }
		
	#accordion div { 
		width:222px; 
		height:100%; 
		padding:15px 10px 0 10px; 
		margin:0; 
		overflow:hidden; 
		outline:none; 
		background:#f2f2f2 url(/images/grey-arrow.gif) no-repeat 0 0; }
		
	#accordion div a { margin-top:10px; display:block; cursor:pointer; }
		
	#accordion div p { margin:0;}
	
	
div.dropdown { padding:15px 15px 0 15px; background: #f7f7f7 url(/images/eg-bg.gif) repeat-x 0 0; overflow:hidden; }
	div.dropdown h3 { margin-left:0 !important; }
	/* Icons ----------------------------------*/

	/* states and images */
	.ui-icon { display: block; float:right; margin-top:4px; margin-right:10px; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
	
	/* states and images */
	.ui-icon { width: 11px; height: 11px; margin-top:2px; background-image: url(/images/up-down.png)/*{iconsContent}*/; }
	
	/* positioning */
	
	.ui-icon-triangle-1-e { background-position: 0 0; }
	.ui-icon-triangle-1-s { background-position: 0 -11px; }


/*----- ACCORDION END -----*/

table { font-size:12px; font-family:Arial, Helvetica, sans-serif; }

#create-account { 
	width:595px;
	padding:20px 15px 10px 15px;
	margin-top:5px;
	background:#f9f9f9 url(/images/create-account-bg.jpg) no-repeat 0 0; }
	
	#create-account table { font-family:Arial, Helvetica, sans-serif; font-size:11px; }
	
#create-account2 { 
	width:625px;
	padding:20px 0 10px 0;
	margin-top:5px;
	background:#eaeaea url(/images/create-account-top.gif) no-repeat 0 0; }
	
	#create-account2 table { font-size:12px; }
	
	#create-account2 h3 a, #create-account2 h3 a:active { outline:none; margin-left:15px; }
	

		
table.example { border:1px solid #ccc; border-bottom:none; border-right:none; }
	table.example td { border-bottom:1px solid #ccc; border-right:1px solid #ccc; }
	
	#accordion2 h3 {outline:none; margin-left:15px; cursor:pointer; }
	#accordion2 h3 a, #accordion2 h3 a:hover, #accordion2 h3 a:active, #accordion2 h3 a:link, #accordion2 h3 a:focus { 
		margin-left:10px; }
	
	#accordion2 { overflow:hidden; }
	
	span.blue-amount { color:#008bcc; }
	
	
/*----- BEGIN STYLES FOR DEMO PAGE -----*/		
	
	div.demo { 
		height:135px; }
	
	div.demo h1 { 
		font-size:16px;
		margin-bottom:5px; }
		
		div.demo h1 span { 
			font-size:11px; 
			margin-left:10px; 
			color:#737373;
			font-weight:normal; }
			
	div.demo img {
		float:right; } 
		
	div.demoa { 
		height:135px;
		padding-top:5px; }
	
	div.demoa h1 { 
		font-size:16px;
		margin-bottom:5px; }
		
		div.demoa h1 span { 
			font-size:11px; 
			margin-left:10px; 
			color:#737373;
			font-weight:normal; }
			
	div.demoa img {
		float:right; } 
				
		
.active-area-prt { 
	height:94px !important;
	display:block;
	padding:20px 12px 20px 15px !important; 
	border-bottom:1px solid #bbb;
	background: #fff url(/images/prt.gif) no-repeat 490px 20px;   }
		
.active-area-prt:hover { 
	background: #fff url(/images/prt.gif) no-repeat 490px 20px;
	color: #fff; }
	
.active-area-prt a, .active-area1 a:visited {
		display:block;
		width:90px;
		height:25px;
		color:#fff;
		text-decoration:none;
		font-size:14px;
		padding:10px 0 0 22px;
		background:url(/images/buttons/watch-demo.png) no-repeat 0 0; }
		
	.active-area-prt:hover a, .active-area-prt:hover a:visited { background:url(/images/buttons/watch-demo.png) no-repeat 0 0; color:#fff; text-decoration:none; }
	.active-area-prt:hover a:hover { color:#fff !important; background:url(/images/buttons/watch-demo-on.png) no-repeat 0 0 !important;}
	
	.active-area-prt p { color:#333; }
	.active-area-prt:hover p { color:#333; }
	.active-area-prt:hover a:hover { color: #fff; }
	.active-area-prt h1 { color:#333; }
	.active-area-prt:hover h1 { color:#333;}
	
	.active-area-prt h1 span.duration { 
			font-size:11px; 
			margin-left:10px; 
			color:#737373;
			font-weight:normal; }
			
	.active-area-prt:hover h1 span.duration { 
			font-size:11px; 
			margin-left:10px; 
			color:#737373;
			font-weight:normal; }
					



.active-area1 { 
	height:94px !important;
	display:block;
	padding:20px 12px 20px 15px !important; 
	border-bottom:1px solid #bbb;
	background: #fff url(/images/search-instrum.gif) no-repeat 490px 20px;   }
		
.active-area1:hover { 
	background: #fff url(/images/search-instrum.gif) no-repeat 490px 20px;
	color: #fff; }
	
.active-area1 a, .active-area1 a:visited {
		display:block;
		width:90px;
		height:25px;
		color:#fff;
		text-decoration:none;
		font-size:14px;
		padding:10px 0 0 22px;
		background:url(/images/buttons/watch-demo.png) no-repeat 0 0; }
		
	.active-area1:hover a, .active-area1:hover a:visited { background:url(/images/buttons/watch-demo.png) no-repeat 0 0; color:#fff; text-decoration:none; }
	.active-area1:hover a:hover { color:#fff !important; background:url(/images/buttons/watch-demo-on.png) no-repeat 0 0 !important;}
	
	.active-area1 p { color:#333; }
	.active-area1:hover p { color:#333; }
	.active-area1:hover a:hover { color: #fff; }
	.active-area1 h1 { color:#333; }
	.active-area1:hover h1 { color:#333;}
	
	.active-area1 h1 span.duration { 
			font-size:11px; 
			margin-left:10px; 
			color:#737373;
			font-weight:normal; }
			
	.active-area1:hover h1 span.duration { 
			font-size:11px; 
			margin-left:10px; 
			color:#737373;
			font-weight:normal; }
			
			
			
.active-area2 { 
	height:94px !important;
	display:block;
	padding:20px 12px 20px 15px !important; 
	border-bottom:1px solid #bbb;
	background: #fff url(/images/charting-thumb.gif) no-repeat 490px 20px; }
		
.active-area2:hover { 
	background: #fff url(/images/charting-thumb.gif) no-repeat 490px 20px;
	color: #fff; }
	
.active-area2 a, .active-area2 a:visited {
		display:block;
		width:90px;
		height:25px;
		color:#fff;
		text-decoration:none;
		font-size:14px;
		padding:10px 0 0 22px;
		background:url(/images/buttons/watch-demo.png) no-repeat 0 0; }
		
	.active-area2:hover a, .active-area2:hover a:visited { background:url(/images/buttons/watch-demo.png) no-repeat 0 0; color:#fff; text-decoration:none; }
	.active-area2:hover a:hover { color:#fff !important; background:url(/images/buttons/watch-demo-on.png) no-repeat 0 0 !important; }
	
	.active-area2 p { color:#333; }
	.active-area2:hover p { color:#333; }
	.active-area2:hover a:hover { color: #fff; }
	.active-area2 h1 { color:#333; }
	.active-area2:hover h1 { color:#333;}
	
	.active-area2 h1 span.duration { 
			font-size:11px; 
			margin-left:10px; 
			color:#737373;
			font-weight:normal; }
			
	.active-area2:hover h1 span.duration { 
			font-size:11px; 
			margin-left:10px; 
			color:#737373;
			font-weight:normal; }
			
			
.active-area3 { 
	height:94px !important;
	display:block;
	padding:20px 12px 20px 15px !important; 
	border-bottom:1px solid #bbb;  
	background: #fff url(/images/layouts-thumb.gif) no-repeat 490px 20px; }
		
.active-area3:hover { 
	background: #fff url(/images/layouts-thumb.gif) no-repeat 490px 20px;
	color: #fff; }
	
.active-area3 a, .active-area3 a:visited {
		display:block;
		width:90px;
		height:25px;
		color:#fff;
		text-decoration:none;
		font-size:14px;
		padding:10px 0 0 22px;
		background:url(/images/buttons/watch-demo.png) no-repeat 0 0; }
		
	.active-area3:hover a, .active-area3:hover a:visited { background:url(/images/buttons/watch-demo.png) no-repeat 0 0; color:#fff; text-decoration:none; }
	.active-area3:hover a:hover { color:#fff !important; background:url(/images/buttons/watch-demo-on.png) no-repeat 0 0 !important;}
	
	.active-area3 p { color:#333; }
	.active-area3:hover p { color:#333; }
	.active-area3:hover a:hover { color: #fff; }
	.active-area3 h1 { color:#333; }
	.active-area3:hover h1 { color:#333;}
	
	.active-area3 h1 span.duration { 
			font-size:11px; 
			margin-left:10px; 
			color:#737373;
			font-weight:normal; }
			
	.active-area3:hover h1 span.duration { 
			font-size:11px; 
			margin-left:10px; 
			color:#737373;
			font-weight:normal; }
			
		
.active-area4 { 
	height:94px !important;
	display:block;
	padding:20px 12px 20px 15px !important; 
	border-bottom:1px solid #bbb;  
	background: #fff url(/images/trading-thumb.gif) no-repeat 490px 20px; }
		
.active-area4:hover { 
	background: #fff url(/images/trading-thumb.gif) no-repeat 490px 20px;
	color: #fff; }
	
.active-area4 a, .active-area4 a:visited {
		display:block;
		width:90px;
		height:25px;
		color:#fff;
		text-decoration:none;
		font-size:14px;
		padding:10px 0 0 22px;
		background:url(/images/buttons/watch-demo.png) no-repeat 0 0; }
		
	.active-area4:hover a, .active-area4:hover a:visited { background:url(/images/buttons/watch-demo.png) no-repeat 0 0; color:#fff; text-decoration:none; }
	.active-area4:hover a:hover { color:#fff !important; background:url(/images/buttons/watch-demo-on.png) no-repeat 0 0 !important;}
	
	.active-area4 p { color:#333; }
	.active-area4:hover p { color:#333; }
	.active-area4:hover a:hover { color: #fff; }
	.active-area4 h1 { color:#333; }
	.active-area4:hover h1 { color:#333;}
	
	.active-area4 h1 span.duration { 
			font-size:11px; 
			margin-left:10px; 
			color:#737373;
			font-weight:normal; }
			
	.active-area4:hover h1 span.duration { 
			font-size:11px; 
			margin-left:10px; 
			color:#737373;
			font-weight:normal; }
			
			
.active-area5 { 
	height:94px !important;
	display:block;
	padding:20px 12px 20px 15px !important;  
	background: #fff url(/images/risk-thumb.gif) no-repeat 490px 20px; }
		
.active-area5:hover { 
	background: #fff url(/images/risk-thumb.gif) no-repeat 490px 20px;
	color: #fff; }
	
.active-area5 a, .active-area5 a:visited {
		display:block;
		width:90px;
		height:25px;
		color:#fff;
		text-decoration:none;
		font-size:14px;
		padding:10px 0 0 22px;
		background:url(/images/buttons/watch-demo.png) no-repeat 0 0; }
		
	.active-area5:hover a, .active-area5:hover a:visited { background:url(/images/buttons/watch-demo.png) no-repeat 0 0; color:#fff; text-decoration:none; }
	.active-area5:hover a:hover { color:#fff !important; background: #fff url(/images/buttons/watch-demo-on.png) no-repeat 0 0 !important;}
	
	.active-area5 p { color:#333; }
	.active-area5:hover p { color:#333; }
	.active-area5:hover a:hover { color: #fff; }
	.active-area5 h1 { color:#333; }
	.active-area5:hover h1 { color:#333;}
	
	.active-area5 h1 span.duration { 
			font-size:11px; 
			margin-left:10px; 
			color:#737373;
			font-weight:normal; }
			
	.active-area5:hover h1 span.duration { 
			font-size:11px; 
			margin-left:10px; 
			color:#737373;
			font-weight:normal; }
	
/*----- END STYLES FOR DEMO PAGE -----*/		


/*----- STYLES FOR ALL TABLES ON THE WEBSITE -----*/		
	
	table { 
		font-size:12px; 
		font-family:Arial, Helvetica, sans-serif;
		line-height:18px; }
	
		
	table.example { 
		border:1px solid #ccc; 
		border-bottom:none; 
		border-right:none; }
		
	table.example td { 
		border-bottom:1px solid #ccc; 
		border-right:1px solid #ccc; }
		

/*----- END STYLES FOR ALL TABLES ON THE WEBSITE -----*/	

#screenshots {
	height:65px;
	margin-bottom:20px; }
	
	a.screenshot1 {
		display:block;
		float:left;
		height:63px; 
		width:93px;
		border:none;
		margin:0 10px 0 0;
		text-decoration:none;
		background:url(/images/scrn1.gif) no-repeat 0 0; }
		
	a.screenshot1:hover {
		display:block;
		float:left;
		height:63px; 
		width:93px;
		border:none;
		margin:0 10px 0 0;
		text-decoration:none;
		background:url(/images/scrn1-hover.gif) no-repeat 0 0; }
		
	a.screenshot2 {
		display:block;
		float:left;
		height:63px; 
		width:93px;
		border:none;
		margin:0 10px 0 0;
		text-decoration:none;
		background:url(/images/scrn2.gif) no-repeat 0 0; }
		
	a.screenshot2:hover {
		display:block;
		float:left;
		height:63px; 
		width:93px;
		border:none;
		margin:0 10px 0 0;
		text-decoration:none;
		background:url(/images/scrn2-hover.gif) no-repeat 0 0; }
		
	a.screenshot3 {
		display:block;
		float:left;
		height:63px; 
		width:93px;
		border:none;
		margin:0 10px 0 0;
		text-decoration:none;
		background:url(/images/scrn3.gif) no-repeat 0 0; }
		
	a.screenshot3:hover {
		display:block;
		float:left;
		height:63px; 
		width:93px;
		border:none;
		margin:0 10px 0 0;
		text-decoration:none;
		background:url(/images/scrn3-hover.gif) no-repeat 0 0; }



#time-zones {
		width:940px; 
		height:22px;
		color:#042345;
		margin:0 auto;
		padding:0; }
		
		#time-zones table td.middle-row {
			background:url(../img/time-zones/middle.gif) repeat-x 0 0; }
			
		#time-zones table td.date { 
			font-size:12px; 
			text-transform:uppercase; 
			font-family:Arial, Helvetica, sans-serif; }
			
		#time-zones table tr td img { display:block; }
			
		#time-zones form {
			background:none; 
			color:#042345; 
			border:none; 
			margin:0; 
			padding:0; 
			height:18px; }
		
		#time-zones table input {
			width:33px; 
			color:#008ac9; 
			font-size:12px; 
			background:none; 
			margin:0; 
			height:12px; 
			padding:0 !important; 
			border:none;
			line-height:12px; }
			
		#time-zones table span { font-size:12px; line-height:14px; }
		
#introducing-prt {
	width:640px;
	height:200px;
	margin:0;
	padding:0;
	position:relative;
	background:url(../images/PRT-heading.gif) no-repeat 0 0; }
	
	#introducing-prt a.watch-demo {
		width:181px;
		height:46px;
		display:block;
		background:url(../images/buttons/watch-the-demo.png) no-repeat 0 0;
		position:absolute;
		bottom:30px;
		left:0; }
		
	#introducing-prt a.watch-demo:hover {
		background:url(../images/buttons/watch-the-demo.png) no-repeat 0 -46px; }
		
	#introducing-prt h1,
	#introducing-prt p { display:none; }
	


/*----- NAVIGATION -----*/

ul.level1 { 
	width:940px;
	height:32px;
	margin:9px 0 0 15px;
	padding:0;
	list-style: none; 
	list-style-position: outside;
	font-family:'Lucida Grande', 'Lucida', Verdana, Arial, Helvetica, sans-serif; }
	
	ul.level1 li {
		display:block;
		float:left;
		background: url(/images/nav-right.gif) no-repeat top right;
		white-space: nowrap; }
		
		ul.level1 li a {
			height:12px;
			margin:0 2px 0 0;
			padding:8px 18px 12px 20px;
			line-height:14px;
			color:#333 !important;
			font-weight:normal;
			font-size:14px;
			background: url(/images/nav-left.gif) top left no-repeat;
			display:block;
			float:left;
			text-decoration:none; }
			
		ul.level1 li a:hover { text-decoration:none; color:#fff !important; background-position:0 -32px; }
		
		ul.level1 li:hover { background-position:100% -32px; }
		
		ul.level1 li.on a, ul.level1 li.on a:visited {
			color:#fff !important;
			background: url(/images/nav-left.gif) no-repeat 0 -32px; } 
			
		ul.level1 li.on {
			background-position:100% -32px; } 
		
				



/*----- TYPOGRAPHY -----*/

p { 
	font-size: 1.2em; 
	margin: 0 0 15px 0;
	line-height:18px; }

h1 { 
	font-size: 2em; 
	margin: 0 0 1em; }

h2 { 
	font-size: 1.6em; 
	margin: 0 0 1em;
	font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;
	color:#333; }

h3 { 
	font-size: 1.4em; 
	margin: 0 0 1em;
	font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;
	color:#333; }

h4 { 
	font-size: 1.4em; font-weight: bold;
	margin: 0 0 1em; }

h5 { 
	font-size: 1.3em; font-weight: bold;
	margin: 0 0 1em; }

h6 { 
	font-size: 1.2em; font-weight: bold;
	margin: 0 0 1em; }



/*----- FORM ELEMENTS -----*/

form { 
	background: #eee; }

form label {
	 cursor: pointer;
	 font-size: 1.2em;
	 display: block; 
	 width: 550px;
	 margin-top:8px;
	 margin-bottom:2px; }
 	
	form span { font-size: 1.2em; }
 		
form fieldset {
	border: none; clear: left; }
		
input, textarea {
 	font: 1.2em Arial, Helvetica, sans-serif;
	margin: 0 0 2px;
 	width: 300px; }
 
 	input.checkbox, input.radio { width: auto; margin-top: 5px; }

button { margin: 0 0 0 10px; outline: 0; }

p.details {
	width:616px;
	height:24px;
	margin:4px 0;
	color:#fff;
	padding:2px 0 0 10px;
	 background:url(../img/alert-bg.gif) no-repeat 0 0;
	 display:block;}

input { 
	border:1px solid #ccc; 
	height:18px;
	padding:4px 0 0 2px;  }

textarea { 
	border:1px solid #ccc; 
	height:150px;
	padding:4px 0 0 2px; }
	
select { width:305px; font-size:12px; border:1px solid #ccc; height:24px; padding-top:1px; }


a.download {
	width:102px;
	height:27px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	display:block;
	background:url(/images/buttons/blue-square.gif) no-repeat 0 0; }	
	
a.download:hover {
	background:url(/images/buttons/blue-square.gif) no-repeat 0 -28px; }
	
	
a.visit-login-page {
	width:134px;
	height:27px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	display:block;
	background:url(/images/buttons/blue-square.gif) no-repeat -103px 0; }
	
a.visit-login-page:hover {
	background:url(/images/buttons/blue-square.gif) no-repeat -103px -28px; }
	
	
a.request-mobile-login {
	width:172px;
	height:27px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	display:block;
	background:url(/images/buttons/blue-square.gif) no-repeat -238px 0; }
	
a.request-mobile-login:hover {
	background:url(/images/buttons/blue-square.gif) no-repeat -238px -28px; }
	
	

div.heading-holder {
	width:960px; 
	height:115px;
	margin:0 auto; 
	background:url(/images/open-account-head1.jpg) no-repeat 0 0; }
	
	#headingOne {
				height:64px;
				width:960px;
				padding:40px 0 0 0;
				position:relative; }
		
			#headingOne h1 { 
				margin:0;
				color:#fff;
				font-size:21px;
				font-weight:bold;
				font-family:'Lucida Grande', 'Lucida', Arial, Verdana; }
	
	
div.content-block-wrapper {
	width:940px; 
	margin:0 auto; 
	background:url(/images/open-account-bg-strip.jpg) repeat-y 0 0; }
	
div.content-block {
	width:868px;
	min-height:180px; 
	margin:0 auto; 
	padding:15px 36px 0 36px; 
	background: url(/images/open-account-topbg.jpg) no-repeat 0 0; }
	
	
div.content-block h2,
div.four-content-block h2,
div.content-block-trial h2 {
	margin-bottom:10px; }
	
div.content-block p.large,
div.four-content-block p.large,
div.content-block-trial p.large  {
	font-size:14px; }
	
div.four-content-block {
	width:868px;
	min-height:150px; 
	margin:0 auto; 
	padding:15px 36px 0px 36px; 
	background: url(/images/404-head.jpg) no-repeat 0 0; }

	
hr.horizontal-rule {
	background:#c0c0c0; 
	color:#c0c0c0; 
	height:1px; 
	width:100%; 
	margin:15px 0 0 0; 
	border:none; }
	
div.note {
	width:880px;
	margin:0; }
	
input.send-app {
	width:152px; 
	height:35px; 
	border:none;
	margin:10px 0 0 0; }
	
span.note { font-size:11px; color:#333; margin:10px 0 0 0; display:block; }

span.blue-asterisk {
	color:#0099FF;
	font-size:11px; }

.liscence { 
	margin:0 auto; 
	margin-bottom:20px; 
	width:910px; 
	font-size:11px; 
	color:#999; }

/*------ERROR MESSAGE------*/

.error-message {
	border:1px solid red; 
	padding:10px; 
	margin:10px 0 0 0; 
	width:283px; 
	font-size:0px; 
	color:#f7f7f7; 
	background:#FFCCCC;
	text-indent:-9000px; }
	
label.error-message-inline {
	display: inline;
	border:1px solid red; 
	padding:4px; 
	margin:10px; 
	width:283px; 
	font-size:12px; 
	color:#333; 
	background:#FFCCCC; }	
	
label.error-message-inline.valid {
	width:20px;
	height:20px;
	border:none;
	font-size:0px;
	background:url(../img/valid-tick.gif) no-repeat 0 0;
	padding:18px;
	text-indent:-9000px; }