@charset "UTF-8";
/* CSS Document */

html
{
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
}

body
{
	padding:0;
	margin:0;
	background-color:#fff;
	background-image:url(images/bg_colors.gif);
	background-repeat:repeat-x;
}

.wrap
{
	width:959px;
	margin:0 auto;
	padding:23px 0 0 0;
}

h4
{
/*width:320px;*/
	width:35%;
	margin:0;
	padding:0;
	height:122px;
	background-image:url(images/logo_head.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	display:block;
	float:left;
	background-size: cover;
}

A, img 
{
	outline:none;
	border-style: none;
}

#languages
{
/*width:619px;*/
	width:65%;
	margin:0;
	padding:0;
	height:122px;
	background-image:url(images/new1.jpg);
	background-repeat:no-repeat;
	display:block;
	float:left;
	background-size: cover;
}

#languages li
{
	float:right;
	font-size:10px;
	color:#CCC;
	list-style:none;
	padding:90px 10px 0 0;
}

#languages li a
{
	float:left;
	color:#CCC;
	padding:0 10px 0 0;
}

#languages li a:hover
{
	float:left;
	color:#fff;
}

.nav
{
	padding:3px 0 3px 0;
	margin:0;
	/*background-image:url(images/nav.gif);
	*/background-repeat:no-repeat;
	background-color:#1d303a;
	float:left;
	/*width:959px;*/
	width:100%;
	overflow: hidden;
}

.nav ul
{
	display:inline-flex;
	width:100%;
	margin:0;
	padding:0;
	list-style-type: none;
	overflow: hidden;
}

.nav li
{
	padding:0;
	margin:5px 0 4px 0;
	/*width:119px;*/
	width:100%;
	list-style:none;
	text-align:center;
	float:left;
	display: block;
	text-decoration: none;
}

.nav li a
{
	font-size:11px;
	color:#a4b2ba;
	text-decoration:none;
}

.nav a:hover
{
	font-size:11px;
	color:#fff;
	text-decoration:underline;
}
.nav .icon 
{
	display: none;
}

#callouts
{
	width:959px;
	height:104px;
	display:block;
	background-color:#316079;
}

#callouts h1
{
	width:483px;
	height:104px;
	display:block;
	background-color:#316079;
	background-image:url(images/centre_line.gif);
	background-repeat:no-repeat;
	float:left;
	margin:0;
	padding:0;
	text-indent:-9999px;
}

#quote_one
{
	width:217px;
	height:84px;
	background-image:url(images/left_quote.gif);
	background-repeat:no-repeat;
	padding:20px 10px 0 10px;
	float:left;
}

#quote_two
{
	width:219px;
	height:84px;
	background-image:url(images/right_quote.gif);
	background-repeat:no-repeat;
	padding:20px 10px 0 10px;
	float:left;
}

#quote_one p, #quote_two p
{
	margin: 0 0 0 0;
	color:#fff;
	font-size:11px;
	line-height:20px;
}

#second_group
{
	height:41px;
	margin:0;
	padding:0;
	float:left;
	width:959px;
	background-color:#5388a3;
}

#second_group li
{
	list-style:none;
	float:left;
	padding:0;
	margin:0;
}

#mobile a
{
	height:41px;
	margin:0;
	padding:0;
	float:left;
	width:238px;
	background-image:url(images/mobile_button.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	background-position:0 -41px;
}

#mobile a:hover
{
	background-position:0 0;
}

#download a
{
	height:41px;
	margin:0;
	padding:0;
	float:left;
	width:483px;
	background-image:url(images/download.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	background-position:0 -41px;
}

#download a:hover
{
	background-position:0 0;
}

#content_one
{
	height:253px;
	margin:0;
	padding:22px 15px 0 15px;
	float:left;
	width:207px;
	background-image:url(images/gradient2.gif);
	background-repeat:repeat-x;
	color:#000;
	font-size:11px;
	line-height:16px;
	border-left:1px solid #5388a3;
}

#content_two
{
	height:253px;
	margin:0 0 0 0;
	padding:22px 15px 0 15px;
	float:left;
	width:209px;
	background-image:url(images/gradient2.gif);
	background-repeat:repeat-x;
	color:#000;
	font-size:11px;
	line-height:16px;
	border-right:1px solid #5388a3;
}

#content_three
{
	margin:0 0 0 0;
	padding:22px 14px 30px 15px;
	float:left;
	/*width:929px;*/
	width:97%;
	/*width:100%;*/
	background-image:url(images/gradient2.gif);
	background-repeat:repeat-x;
	color:#000;
	font-size:11px;
	line-height:16px;
	border-right:1px solid #5388a3;
	background-color:#c7e3f2;
}

#content_one li, #content_two li, #content_three li 
{
	list-style-image:url(images/lock.gif);
	margin:0 0 10px 15px;
}

#content_one a, #content_two a, #content_three a 
{
	color:#1e4052
}

#content_one a:hover, #content_two a:hover, #content_three a:hover 
{
	color:#000;
}

#content_one h3, #content_two h3, #content_three h3 
{
	color:#808080;
	font-size:16px;
	font-weight:normal;
	margin:20px 0 10px 0;
	padding:0;
}

#content_three h4
{
	width:auto;
	height:auto;
	display:inherit;
	float:none;
	background-image:none;
	text-indent:0;
	font-size:14px;
	padding:0;
	margin:20px 0 5px 0;
}

/*#imagearea
{
	padding:0;
	margin:0;
	width:481px;
	float:left;
}*/

.blue
{
	color:#1e4052
}
.dgrey
{
	color:#494b4a
}

#footer
{
	width:100%;
	/*width:959px;*/
	margin:0;
	padding:0;
	height:39px;
	display:block;
	background-image:url(images/footer.gif);
	background-repeat:no-repeat;
	float:left;
	text-align:center;
}
#footer ul
{
	padding:10px 0 0 0;
	margin:0 auto;
	width:45.0em;
}

#footer li
{
	margin:0;
	padding-left:10px;
	float:left;
	list-style:none;
	color:#808080;
	font-size:10px;
}

#footer a 
{
	padding-right:12px;
	color:#808080;
	font-size:10px;
	text-decoration:none;
}


#footer a:hover 
{
	padding-right:12px;
	color:#fff;
	font-size:10px;
	text-decoration:underline;
}

#breadcrumbs
{
/*width:939px;*/
	width:100%;
	padding:5px 0 10px 0px;
	margin:0;
	float:left;
	font-size:10px;
	background-color:#c7e3f2;
	color:#1e4052;
}

#breadcrumbs ul
{
	padding:5px 0 0 0;
	margin:0;
	float:left;
}

#breadcrumbs li
{
	padding:0 0 0 20px;
	margin:0;
	float:left;
	list-style-image:none;
	background-image:url(images/separator.gif);
	background-repeat:no-repeat;
	list-style-type:none;
}

#breadcrumbs li a
{
	padding:0 10px 0 0;
	margin:0;
	color:#1e4052;
}

.imagearea
{
	float:right;
	padding:24px 10px 0 20px;
	width:39%;
}

#submenu
{
	float: left;
	margin: 0px;
	padding: 0 0px 0px 0px;
	position: relative;
	text-align: left;
	width: 190px;
}

#submenu ul
{
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#submenu ul li
{
	color: #666666;
	font-size: 8pt;
	font-weight: 300;
	list-style:none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background: none;
	list-style-image:none;
}

#submenu ul li a,
#submenu ul li a:link,
#submenu ul li a:active,
#submenu ul li a:visited
{
	border-bottom: 1px dotted #1d303a;
	color: #1d303a;
	display: block;
	font-weight: 700;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 5px;
	position: relative;
	text-align: left;
	text-decoration: none;
	width: 160px;
	background: none;
}

#submenu #thispage a, #submenu ul li a:hover
{
	color: #c7e3f2;
	font-weight: 700;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 5px;
	position: relative;
	text-align: left;
	text-decoration: none;
	background:#5388a3
}

.tablehead
{
	background-color:#1e4052;
	color:#fff;
}


#pricing 
{
	padding:0;
	margin:0;
}

#pricing li
{
	list-style:none;
	list-style-image:none;
	padding:0;
	margin:0 0 10px 0;
}

#pricing ul
{
	list-style:none;
	padding:0;
	margin:10px 0 0 10px;
}
.priceleft 
{
	padding:0;
	/*width:260px;*/
	width:30%;

	float:left;
	margin:0 20px 0 0;
}
.priceright 
{
	padding:0;
	margin:0 0 50px 0;
	display:block;
	/*width:640px;*/
	width:66%;
	/*width:100%;*/
	float:left;
}
.steps
{
	color:#666;
	list-style:none;
}

.steps li
{
	list-style-image:none;
	list-style-type:none;
}
.highlight
{
	font-weight:bold;
	color:#000;
}

#maintext
{
	padding:0;
	margin:0 0 50px 0;
	display:block;
	/*width:720px;*/
	width:60%;
	
	float:left;
}

#widthtext
{
	padding:0;
	margin:0 0 0 0;
	display:block;
	/*width:520px;*/
	width:55%;
}

.red
{
	color:#FF0000;
}

.downloadlink
{
	background-image:url(img/buttons/continue_button.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	width:66px;
	height:23px;
	display:block;
}
.downloadbutton
{
	float:right;
}

sup
{
	height: 0;
	line-height: 0;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	bottom: 0.5ex;
}

li.i
{
	display:none;
}

/*h1
{
	color:#1d303a;
	font-size:21px;
}

h2
{
	padding:0;
	margin:0;
	color:#5388a3;
	font-size:16px;
}*/



@media screen and (min-device-width: 481px) and (max-device-width: 768px)
	{
	.imagearea
	{
		width:100% !important;
		height:auto;
		padding:0 !important;
		margin-bottom:30px !important;
	}

	.imagearea img
	{
		width:100% !important;
	}

	#widthtext
	{
		width:100% !important;
		line-height: 28px !important;
	}

	#widthtext h2 
	{
		font-size: 28px !important;
	}

	#widthtext h1
	{
		font-size: 32px !important;
	}

	#widthtext h3
	{
		font-size: 20px !important;
	}

	#widthtext p
	{
		font-size:28px !important;
		line-height: 30px;
	}

	#breadcrumbs
	{
		width:100%;
		font-size:40px !important;
	}

	.downloadlink 
	{
		text-indent: -9796px !important;
		width:110px !important;
		height: 40px !important;
		display: block !important;
		background-size: cover !important;
	}
	#footer
	{
		background-color: black !important;
		background-image: none !important;
		height: auto !important;
		width:100%;
		padding:0px !important;
		margin:0px !important;
	}
	#footer a
	{
		font-size: 30px !important;
		line-height: 60px !important;
	}
	#footer span
	{
		display:none !important;
	}
	#footer ul
	{	
		width:100% !important;
		margin:0;
		padding:0;
	}
	#icons A, img
	{
		width:46px;
	}
			/*toggle*/
	.nav li:not(:first-child) {display: none;}
	.nav a.icon 
	{
		float: right;
		display: block;
		color:white;
		padding-right: 40px;
    	font-size: 35px;
	}
	
	.nav.responsive 
	{
		position: relative;
	}
  
	.nav.responsive .icon 
	{
		position: absolute;
		right: 0;
		top: 0;
	}
	.nav.responsive li
	{
		float: none;
		display: block;
		text-align: center;
	}
	.nav li a
	{
		font-size: 30px;
		line-height: 50px;
	}

	.nav a:hover
	{
		font-size:30px;
		color:#fff;
		text-decoration:underline;
	}

	.nav.responsive ul
	{		
		display:block;
	}
			  
	
	#second_group
	{
		width:100%;
		height:60px;
	}
				/*end toggle*/

	select#cboPersTita 
	{
    	width: 250px;
    	height:45px;
	}
	select#cboPersTitaYear 
	{
    	width: 250px;
    	height:45px;
	}
	select#cboPersPlat
	{
		width:250px;
		height:45px;
	}
	select#cboPersPlatYear
	{
		width:250px;
		height:45px;
	}
	select#cboPersGold
	{
		width:250px;
		height:45px;
	}
	select#cboPersGoldYear
	{
		width:250px;
		height:45px;
	}
	select#cboSupport
	{
		width:695px;
		height:45px;
	}
	input#Counselor_ID
	{
		width:695px !important;
		height:45px !important;
	}

	input#facebook
	{
		width:695px !important;
		height:45px !important;
	}



	.fa
	{
		font-size: 60px !important;
	}
	li.i
	{
		display:block;
	}

	#divMain h1
	{
		font-size: 50px;
	}
	#divMain h2
	{
		font-size: 50px;
	}
	#divMain h3
	{
		font-size: 50px;
	}
	#divMain h4
	{
		font-size: 50px;
	}
	#divMain p
	{
		font-size: 50px;
	}
	#divMain
	{
		line-height: normal;
	}
	#divMain img
	{
		/*width:50% !important;*/
		width:100% !important;
	}
	ul.steps
	{
		font-size: 18px;
	}
	form#frmPricing 
	{
    	font-size: 20px;
	}
	#frmPricing select, input 
	{
	    width: 60%;
	    font-size: 18px;
	    height: 35px;
	}
	#tblPricing 
	{
    	font-size: 30px;
	}
	#content_three
	{
		line-height: normal;
	}
	#content_three h1
	{
		font-size:36px;
	}
	#content_three h2
	{
		font-size:30px;
	}

	#content_three h3
	{
		font-size:36px;
	}
	#content_three h4
	{
		font-size:26px;
	}
	#content_three p
	{
		font-size:24px;
		line-height: normal;
	}
	#content_three text
	{
		font-size:24px;
		line-height: normal;
	}
	#content_three ul
	{
		font-size: 25px;
    	line-height: normal;
	} 

	/*important*/
	#content_three table 
	{
	    width: 100%;
	    font-size: 23px;
	}
	#content_three strong 
	{
    	font-size: 25px;
	}
	#maintext 
	{
    	font-size: 22px;
    	width:60% important;
	}
	#maintext img
	{
    	width:100%;
	}

	.priceright 
	{
		width:100%;
	}
	.priceleft
	{
		width:100%;
	}
	#pricing
	{
		line-height: normal;
	}
	#pricing h2
	{
		font-size: 30px;
	}
	#pricing h3
	{
		font-size: 26px;
	}
	#pricing p
	{
		font-size: 21px;
	}
	#pricing img
	{
		width:14% !important;
    	height: 45px;

	}

	#submenu 
	{
		width:30%;
	}

	#submenu ul li
	{
		font-size: 22px;
		font-weight: 300;
		margin: 10px 0px 0px 25px;
	}
	#content_three #chkStockTrading_invisible select, input
 	{
	    width: 125px !important;
	    height:45px;
	}
	#content_three #counselorID 
	{
	    width: 50% !important;
	}

	td.tableh3 
	{
	    font-size: 35px;
	}
	td select 
	{
    width: 100%;
    font-size: 20px;
	}
	
}



	@media screen and (max-width: 480px)
	{
	h4
	{
		width:100% !important;
		height:340px;
		background-size:cover !important;
	}
	#languages
	{
		display:none !important;
	}

	.imagearea
	{
		width:100% !important;
		height:auto;
		padding:0 !important;
		margin-bottom:30px !important;
	}
	.imagearea img
	{
		width:100% !important;
	}

	#content_three
	{
		padding:28px 28px 30px 28px !important;
		width:94% !important;
	}

	#widthtext
	{
		width:100% !important;
		line-height: 28px !important;
	}
	#widthtext h2 
	{
		font-size: 28px !important;
	}
	#widthtext h1
	{
		font-size: 32px !important;
	}
	#widthtext h3
	{
		font-size: 20px !important;
	}
	#widthtext p
	{
		font-size:28px !important;
		line-height: 30px;
	}
	#breadcrumbs
	{
		width:100%;
		font-size:40px !important;
	}
	.downloadlink 
	{
		text-indent: -9796px !important;
		width:110px !important;
		height: 40px !important;
		display: block !important;
		background-size: cover !important;
	}

	#footer
	{
		background-image: none !important;
		background-color: black;
		height:auto !important;
		width:100%;
	}

	#footer a
	{
		font-size: 50px !important;
		padding: 0 ;
	}

	#footer a:hover
	{
		font-size: 50px;
	}

	#footer li
	{
		padding-left: 0!important;
		padding:8px 0 8px 0;
		width: 100% !important;
	    text-align: center !important;
	}

	#footer ul
	{
		padding:0;
		margin:10px 0 0 0 !important;
		width:100% !important;
	}

	span
	{
		display:none;
	}

	


		/*toggle*/
	.nav li:not(:first-child) {display: none;}
	.nav a.icon 
	{
		float: right;
		display: block;
		color:white;
		padding-right: 40px;
    	font-size: 35px;
	}
	.nav.responsive 
	{
		position: relative;
	}
	.nav.responsive .icon 
	{
		position: absolute;
		right: 0;
		top: 0;
	}

	.nav li a
	{
		font-size: 30px;
		line-height: 50px;
	}

	.nav a:hover
	{
		font-size:30px;
		color:#fff;
		text-decoration:underline;
	}

	.nav.responsive li
	{
		float: none;
		display: block;
		text-align: center;
	}

	.nav.responsive ul
	{
					
		display:block;
	}

	.fa
	{
		font-size: 60px !important;
	}

	.items
	{
		display: none;
	}
	li.i
	{
		display:block;
	}


	/*end toggle*/


	/*li
	{
		font-size: 28px;
		line-height: normal;
	}

	h1
	{
		font-size:40px !important;
		line-height: normal;
	}

	p
	{
		font-size:28px;
		line-height: normal;
	}

	ul
	{
		padding:0;
		margin:0;
	}

	a
	{
		font-size:28px ;
		line-height: normal;
	}*/
	
	#divMain h1
	{
		font-size: 50px;
	}
	#divMain h2
	{
		font-size: 50px;
	}
	#divMain h3
	{
		font-size: 50px;
	}
	#divMain h4
	{
		font-size: 50px;
	}
	#divMain p
	{
		font-size: 50px;
	}
	#divMain
	{
		line-height: normal;
	}
	#divMain img
	{
		width:100% !important;
		/*width:30% !important;*/
	}
	ul.steps
	{
		font-size: 24px;
	}

	
	form#frmPricing 
	{
    	font-size: 24px;
	}
	#frmPricing select, input 
	{
	    width: 65%;
	    font-size: 20px;
	    height: 45px;
	}
	#tblPricing 
	{
    	font-size: 38px;
	}
	#content_three
	{
		line-height: normal;
	}
	#content_three h1
	{
		font-size:38px;
		line-height: normal;
	}
	#content_three h2
	{
		font-size:36px;
		line-height: normal;
	}

	#content_three h3
	{
		font-size:42px;
		line-height: normal;
	}
	#content_three h4
	{
		font-size:30px;
		line-height: normal !important;
	}
	#content_three p
	{
		font-size:30px;
		line-height: normal;
	}
	#content_three text
	{
		font-size:28px;
		line-height: normal;
	}
	#content_three ul
	{
		font-size: 30px;
    	line-height: normal;
	} 

	/*important*/
	#content_three table 
	{
	    width: 100%;
	    font-size:26px;
	}
	#content_three strong 
	{
    	font-size: 28px;
	}
	#maintext 
	{
    	font-size: 26px;
    	width:100% !important;
	}
	#maintext img
	{
    	
    	width:100%;
	}
	.priceright 
	{
		width:100%;
	}
	.priceleft
	{
		width:100%;
	}

	#pricing
	{
		line-height: normal;
	}
	#pricing h2
	{
		font-size: 40px;
	}
	#pricing h3
	{
		font-size: 36px;
	}
	#pricing p
	{
		font-size: 30px;
	}
	#pricing img
	{
		width:12%;
	}

	#submenu 
	{
		width:100%;
	}

	#submenu ul li
	{
		font-size: 26px;
		font-weight: 300;
		margin: 10px 0px 0px 25px;
		display: inline-flex;
    	border: 2px solid #1d303a;
    	border-radius: 10px;
    	margin: 10px 15px;

	}
	#submenu ul li a
	{
		width:auto !important;
		padding: 10px 20px !important;
	}
	

	#content_three #chkStockTrading_invisible select, input
 	{
	    width: 125px !important;
	    height:49px;
	}

	#content_three #counselorID 
	{
	    width: 50% !important;
	}
	#maintext span#next 
	{
    display: block;
    float: right;
    font-size: 50px !important;
	}
	#maintext span#prev 
	{
	    display: block;
	    float: left;
	    font-size: 50px !important; 
	}
	#jFlowSlide 
	{
	    width: 100% !important;
	}

	td.tableh3 
	{
	    font-size: 35px;
	}
	td select 
	{
	    width: 100%;
	    font-size: 20px;
	}
	span#facebook_Label 
	{
    	display: contents;
	}
	span#Counselor_ID_Label 
	{
    	display: contents;
	}



	input#Counselor_ID
	{
		width:695px !important;
		height:45px !important;
	}

	input#facebook
	{
		width:695px !important;
		height:45px !important;
	}
	#PersTitaNo
	{
		display:block;
	}

	
	select#cboSupport
	{
		width:695px;
		height:45px;
	}
	select#cboPersGoldYear
	{
		width:250px;
		height:45px;
	}
	select#cboPersGold
	{
		width:250px;
		height:45px;
	}
	select#cboPersPlatYear
	{
		width:250px;
		height:45px;
	}
	select#cboPersPlat
	{
		width:250px;
		height:45px;
	}

	select#cboPersTitaYear 
	{
    	width: 250px;
    	height:45px;
	}
	select#cboPersTita 
	{
    	width: 250px;
    	height:45px;
	}
	select#cboSmbsTitaYear
	{
    	width: 250px;
    	height:45px;
	}
	select#cboSmbsTita 
	{
    	width: 70px;
	}
}