/* globals
----------------------------------------------- 

Base colours


----------------------------------------------- */		
		
* {
		float: none;
		margin: 0;
		padding: 0;
		text-decoration: none;
		text-align: left;
}
	
body {
		font: 80%/1.25 verdana, Arial, Geneva, Tahoma, sans-serif;
		color: #333;
		text-align: center;	
		background: #e8e8e8;	
}
		 
strong, b {
		font-weight: bold;
}
	
em, i {
		font-style: italic;
}
	
img {
		display: block;
}
	
		
/* floats */
.left {
		float: left;
		display: inline;
}
	
.right {
		float: right;
		display: inline;
}

.clear {
		clear: both;
}	

/* structure
----------------------------------------------- */
	
.container {
		 width: 919px;		
		 margin: 0 auto;
		 text-align: left;
		 background:#ffffff;
		 border-left:2px solid #E5E1E3;
		 border-right:2px solid #E5E1E3;		 
}
	
#content-wrap {
		clear: both;
		font-size: 90%;
		margin: 0 0 20px 0;
}
#content {
		width: 551px;
		float: left;
		border-left: 0px solid #dfe6e9;
		border-top: none;
		margin: 0px 0 0px 0;
		padding: 0px 0 0 0;
		line-height: 1.7em;
  clear:left;
}
#content.wide {
  width:919px;
}			
#innercontent {
		 margin: 0 15px;
		 background:#ffffff;
}
		

	
#footer {
		 font-size: 80%;
		 color: #7d7a7b;
		 margin: 0 0 0 0;
		 padding: 0 0 0 0px;
		 background:#e3dee0;
		 height:71px;
		 border-bottom: 5px solid #d2ced0;
}
		
#header {
		 width:919px;
		 padding: 0px 0 0 0;
		 background:#ffffff;
}
	
		
/* links
----------------------------------------------- */
a:link, a:visited {
		color: #008285;
		text-decoration: none;
}		
a:hover, a:active {
		color: #7a0506;
		text-decoration: none;
}

#home #content p,
#rthome #content p,
#tfhome #content p  {
  text-indent:-999999px;
  overflow:hidden;
}
/* header
----------------------------------------------- */
#header h1 {
		width:278px;
		height: 117px;
		position: relative;
		float: left;
		background:url(/images/famsmall.gif) no-repeat bottom;
		text-indent:-999999px;
		overflow:hidden;
		margin:0pt 0pt 10px 10px;
}

#header h1.frt {
		background:url(/images/frtlogo.gif) no-repeat bottom;
		height: 135px;
		width: 252px;
}
#header h1.tf {
		background:url(/images/famsmall.gif) no-repeat bottom;
		height: 117px;
		width: 278px;
}		



	
	/*  navigation
----------------------------------------------- */
#header ul {
	float:right;
	list-style:none;
	padding-left:20px;
}
#header li {
	display:block;
	font:10px geneva, sans-serif;
	text-transform:uppercase;
	float:left;
	clear:left;
	line-height:1.8em;
	width:368px;	
}

#header ul#colone {
	width: 600px;
        margin-top:10px;
}

#header ul#colone li {
	display:inline;
	font:10px geneva, sans-serif;
	text-transform:uppercase;
	float:none
	line-height:18px;
	width:280px;
        clear:none;
        margin-right:19px;
        height:18px;
        margin-bottom:5px;
}
#header li a {
	background:#EFEFEF;
	/*border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;*/
	border-left:2px solid #038385;
	padding-left:10px;
	/*display:block;
	width:352px;*/
	margin-bottom:5px;
        width:280px;
        float:left;
  height:18px;
  line-height:18px;
}
#header li a:hover, #header li a.current {
	background:#BBD9D9;
	display:block;
	color:#ffffff;
}
/* old navi
#header ul {
	float: right;
	list-style: none;
	padding: 0px 8px 0 0;
	color: #008285;
	width:361px;
}
		
#header li {
	display: inline;
	font: 12px geneva,sans-serif;	
	text-transform: uppercase;
	float:left;
	clear:left;
	line-height:1.8em;
}

#header li a.current {
        font-weight:bold;
		border-bottom: 2px solid #008285;
}
#header li a {
		 color:#008285;
		 font-weight: bold;
		 text-decoration: none;
		 border-bottom: 2px solid #bdd9da;
		 display:block;
		 width:310px;
}
#header li a:hover {
 		 font-weight:bold;
		 border-bottom: 2px solid #008285;
}
#header li span {
		letter-spacing: -3px;
		margin: 0 10px;
}	
		
#subnav {
		text-transform: uppercase;
		list-style: none;
		margin: 5px 0;
}
*/
	
/* sidebar
----------------------------------------------- */
#sidebar {
  width: 368px;	
  float: right;
  margin: 0px 0 0 0;
  clear:right;
}
#home #sidebar,
#rthome #sidebar,
#tfhome #sidebar {
  background:url(/images/sidebar-home.gif);
  width:368px;
  height:426px;
  position:relative;
}
#tfhome #sidebar {   background:url(/images/sidebar-tf.jpg);  }
#insurance-mediation-services #sidebar, 
#request-forms #sidebar,
#company #sidebar, 
#contact #sidebar, 
#info-request #sidebar, 
#sf-fundamentals #sidebar, 
#iht-portfolio-service #sidebar, 
#iht-portfolio-service-capital-protection #sidebar, 
#new-issues-service #sidebar, 
#enterprise-investment-scheme-service #sidebar, 
#general-portfolio-management-and-sipps #sidebar, 
#conflicts-of-interest #sidebar,
#execution-policy #sidebar, 
#disclaimer #sidebar,
#research-and-trading #sidebar {
  background:url(/images/sidebar-btm.jpg) bottom no-repeat #e4f0ef;
  width:368px;
  min-height:394px;
}

#typhoon-options-fund #sidebar,
#portfolio-manager #sidebar,
#fund-directors #sidebar, 
#request-form #sidebar {
  background:url(/images/tf-sidebar-btm.jpg) bottom no-repeat #e4f0ef;
  width:368px;
  min-height:278px;
}

#fundamental-energy-portfolio #sidebar {
  background:url(/images/sidebar-btm-energy.jpg) bottom no-repeat #e4f0ef;
  width:368px;
  min-height:787px;
}
#fundamental-energy-portfolio #sidebar span.contact {
  padding-bottom:700px;
}
*html #insurance-mediation-services #sidebar,
*html #request-forms #sidebar,
*html #company #sidebar,
*html #contact #sidebar,
*html #iht-portfolio-service #sidebar,
*html #iht-portfolio-service-capital-protection #sidebar,
*html #new-issues-service #sidebar, 
*html #enterprise-investment-scheme-service #sidebar, 
*html #general-portfolio-management-and-sipps #sidebar, 
*html #conflicts-of-interest, 
*html #sf-fundamentals #sidebar,
*html #execution-policy, 
*html #disclaimer,
*#research-and-trading #sidebar {
  height:550px;
}
*html #fundamental-energy-portfolio #sidebar {
  height:755px;
}

#sidebar span.top {
  background:url(/images/sidebar-top.gif) top no-repeat #e4f0ef;
  width:368px;
  display:block;
  height:85px;
  text-indent:-99999px;
  overflow:hidden;
}
#sidebar span.top.team {
  background:url(/images/sidebar-topteam.gif) top no-repeat #e4f0ef;
}
#sidebar ul {
  margin-left:20px; 
}
#sidebar ul li {
  font-size:12px;
  font-weight:normal;
  background:url(/images/list-small.gif) 0pt 4px no-repeat;
  padding-left:14px;
  margin: 10px 0px;
}
#sidebar ul li.current a {
  color:#7a0506;
}
#sidebar ul li.pdf {
  background:url(/images/list-small-pdf.gif) 0pt 10px no-repeat;
  padding:10px 0 0 21px;
  height:16px;
}
#insurance-mediation-services .title, 
#company .title, 
#contact .title, 
#request-forms .title, 
#info-request .title, 
#iht-portfolio-service .title, 
#iht-portfolio-service-capital-protection .title, 
#new-issues-service .title, 
#enterprise-investment-scheme-service .title, 
#fundamental-energy-portfolio .title, 
#general-portfolio-management-and-sipps .title, 
#conflicts-of-interest .title,
#execution-policy .title, 
#sf-fundamentals .title, 
#disclaimer .title,
#research-and-trading .title h3,
#typhoon-options-fund .title h3,
#portfolio-manager .title h3, 
#fund-directors .title h3, 
#request-form .title h3 
  {
  width:551px;
  height:65px;
}

.options-fund {   background:url(/images/typhoonoptionsfund.gif) no-repeat; }
.portfolio-man {   background:url(/images/portfoliomanger.gif) no-repeat; }
.fund-direct {   background:url(/images/funddirectors.gif) no-repeat; }
.info-requestform {   background:url(/images/informationrequestform.gif) no-repeat; }

#content.wide .title {
  width:919px;
  background:url(/images/policies-wide.gif) no-repeat;
}
#content p {
  margin: 5px 20px 20px 20px;
}
#content p.headline {
  background:url(/images/headline.gif) bottom no-repeat #63a9a0;
  /*width:551px;
  height:131px;*/
  margin:0;
  padding: 20px;
  font-size:16px;
  color:#ffffff;
  line-height: 1.5em;
  margin-bottom:25px;
}
#content p.headline a:active, #content p.headline a:link, #content p.headline a:visited {
  color:#ffffff;
	border-bottom:1px dotted #ffffff;
}
#content p.headline a:hover {
  color:#7A0506;
	border-bottom:1px dotted #7A0506;
}
a.button img {
  display:inline;
  padding: 0;
  margin: 20px 0 20px 20px;
  border:none;
}
/*#content p.headline span.line {
  padding: 15px;
  color:#ffffff;
  font-size:16px;
  display:block;
  font-weight:bold;
}*/
#insurance-mediation-services .title {
	background:url(/images/insurance-mediation-services.gif) no-repeat;
}
#iht-portfolio-service .title  {
  background:url(/images/iht-portfolio-service.gif) no-repeat;
}
#company .title  {
  background:url(/images/company.gif) no-repeat;
}
#contact .title  {
  background:url(/images/contact.gif) no-repeat;
}
#contact.register .title  {
  background:url(/images/ttl-latestresearchcontact.gif) no-repeat;
}
#info-request .title  {
  background:url(/images/request.gif) no-repeat;
}
#request-forms .title {
  background:url(/images/account-application-request.gif) no-repeat;
}
#sf-fundamentals .title { 
  background:url(/images/sf-fundamentals.gif) no-repeat;
}
#iht-portfolio-service-capital-protection .title  {
  background:url(/images/iht-portfolio-service-capital-protection.gif) no-repeat;
}
#new-issues-service .title {
  background:url(/images/new-issues-service.gif) no-repeat;
}
#enterprise-investment-scheme-service .title {
  background:url(/images/enterprise-investment-scheme-service.gif) no-repeat;
}
#fundamental-energy-portfolio .title {
  background:url(/images/fundamental-energy-portfolio.gif) no-repeat;
} 
#general-portfolio-management-and-sipps .title {
  background:url(/images/general-portfolio-management-and-sipps.gif) no-repeat;
}
#conflicts-of-interest .title {
  background:url(/images/policies.gif) no-repeat;
}
#execution-policy .title {
  background:url(/images/policies.gif) no-repeat;
} 
#disclaimer .title {
  background:url(/images/policies.gif) no-repeat;
}

.ttl-advantages-of-good-advice {
  background:url(/images/advantages-of-good-advice.gif) no-repeat;
}

.ttl-trading-ideas {
  background:url(/images/ttl-trading-ideas.gif) no-repeat;
}


.ttl-more-about-cfds {
  background:url(/images/more-about-cfds.gif) no-repeat;
}
.ttl-tempting-stocks {
  background:url(/images/tempting-stocks.gif) no-repeat;
}

.ttl-register {
  background:url(/images/register-free-account.gif) no-repeat;
}
.ttl-login {
  background:url(/images/login.gif) no-repeat;
}
.ttl-advantages-of-cfds {
  background:url(/images/advantages-of-cfds.gif) no-repeat;
}




.ttl-strategies {
  background:url(/images/strategies.gif) no-repeat;
}

.ttl-what-is-a-cfd {
  background:url(/images/what-is-a-cfd.gif) no-repeat;
}

.ttl-long-position {
  background:url(/images/long-position.gif) no-repeat;
}

.ttl-short-position {
  background:url(/images/short-position.gif) no-repeat;
}

.ttl-conventional-v-cfd  {
	background:url(/images/conventional-v-cfd.gif) no-repeat;
}

.ttl-are-cfds-for-you  {
	background:url(/images/are-cfds-for-you.gif) no-repeat;
}

.ttl-why-use-fundamental {
	background:url(/images/why-use-fundamental.gif) no-repeat;
}









/* contents
----------------------------------------------- */		

#home #content {
  background:url(/images/content-home.jpg);
  width:551px;
  height:426px;
}

#rthome #content {
  background:url(/images/content-home-frt.jpg);
  width:551px;
  height:426px;
}

#tfhome #content {
  background:url(/images/content-home-tf.jpg);
  width:551px;
  height:426px;
}


/* form
----------------------------------------------- */

label {
		cursor: pointer;
		font-weight: bold;	
		display: block;
		width: 120px;
		float: left;
		clear: left;
}
		
input, textarea, select {
		border: 1px solid #a3a3a3;
		background: #fff;
		color: #000;
		vertical-align: middle;
		padding: 1px;
}
input:focus, textarea:focus {
		border-color: #036;
}
	

		
/* type
----------------------------------------------- */

p {
		 margin: 0 0 1em 0;
  font-size:12px;
}
		
#footer p {
		padding: 20px 20px;
}	

p.lead {
	font-size: 14px;
	font-size: 14px;
	margin: 20px 0;
}

#rthome #sidebar p.lead {
	margin:0px 0 6px 22px;
	font-size: 13px;
	}

#rthome #sidebar p {font-size: 11px;}
		
h1 {
		font-size: 150%;
		font-weight: bold;
}
	
h2 {
		clear: both;
		padding: 0;
		color: #fff;
		font: 130%/1.6em "Century Gothic","trebuchet ms",geneva,sans-serif;	
		text-transform: uppercase;		
		font-weight: bold;
}

#content h2 {
	margin: 2.5em 20px 1em 20px;
	color: #333;
	}	
	
h3 {
		font: 130%/1.6em "Century Gothic","trebuchet ms",geneva,sans-serif;	
		text-transform: uppercase;
		margin: 0;
		/*color: #f6741d;*/
		color:#008285;
		font-weight: bold;
}
h3.learn {
  		text-indent:-999999px;
		overflow:hidden;
		background:url(/images/learnmore.png);
		width:181px;
		height:44px;
		display:block;
		margin-top:40px;
		margin-left:20px;
}	
h3.typhoon-options {
  		text-indent:-999999px;
		overflow:hidden;
		background:url(/images/typhoonoptionsfund.png) no-repeat;
		width:330px;
		height:32px;
		display:block;
		margin-top:40px;
		margin-left:20px;
                margin-bottom:8px;
}
h3.lateststocks {
  		text-indent:-999999px;
		overflow:hidden;
		background:url(/images/lateststock.png);
		width:197px;
		height:37px;
		display:block;
		margin-top:40px;
		margin-left:20px;
}

h3.asset {
  		text-indent:-999999px;
		overflow:hidden;
		background:url(/images/assetman.png);
		width:188px;
		height:44px;
		display:block;
		margin-top:40px;
		margin-left:20px;
                float:left;
  clear:both;
}	
h3.moreinfo {
  		text-indent:-999999px;
		overflow:hidden;
		background:url(/images/moreinfo.png);
		width:180px;
		height:38px;
		display:block;
		margin-top:40px;
		margin-left:20px;
}

h3.hidden,
.title h3 {
  text-indent:-999999px;
  overflow:hidden;
}

h4 {
		font-size: 100%;
		font-weight: bold;
		width:90%;
		margin:10px 20px 2px 20px;
	}
h5 {
		font-size: 100%;
		font-style: italic;
		font-weight: bold;
}
h5.date {
  font-size:11px;
  color:#B3B3B3;
  font-style:normal;
  font-weight:normal;
  margin:0 0 14px 0;
  line-height:11px;
}

h6 {
		font-size: 100%;
		font-style: italic;
}
#sidebar p {
  width: 340px;
  margin-left:22px;
}	

.filed, .more {color: #777; font-size: 11px; border-bottom: 1px solid #ccc; padding: 0 0 10px 0;}
#content p.date {color: #777; font-size: 11px; line-height: 10px; margin: 0 20px;}
	

/* lists
----------------------------------------------- */
ul {
	list-style:none;
}
ul#learn, ul#asset {
	margin:18px 0 -22px 20px;
  float:left;
  clear:both;
  width:100%;
}
ul#learn li a:link, ul#learn li a:visited {
  text-decoration:none;
}
ul#learn li a:hover {
  color:#7a0506;
}
ul#learn li {
	font-size:11px;
	font-weight:bold;
	background:url(/images/list-big.gif) 0pt 2px no-repeat;
	padding-left:24px;
	margin-bottom:10px;
}
ul#asset li {
	font-size:11px;
	font-weight:normal;
	background:url(/images/list-small.gif) 0pt 4px no-repeat;
	padding-left:14px;
	line-height:1.0em;
}
#content ul {
  margin: 5px 20px 20px;
}
#content ul li {
	font-size:11px;
	font-weight:normal;
	background:url(/images/list-small.gif) 0pt 7px no-repeat;
	padding-left:14px;
}
	

/* misc
----------------------------------------------- */	
span.find {
  background:url(/images/findout.png) no-repeat;
  display:block;
  width:146px;
  height:42px;
  margin-left:213px;
  float:left;
}
#home span.find {
  float:right;
  margin-left: 0;
  margin-right: 10px;
}

p.typ {font-size: 11px;}

.f50 {
	position: absolute;
	top: 210px;
	right: 0;
}

.f50 img {border: none;}

a.find {
  width:146px;
  height:42px;
  display:block;
}
span.contact {
  
  display:block;
  width:303px;
  height:42px;
  margin-left:11px;
  margin-top:30px;
  /*padding-bottom:210px;*/
	padding-bottom:275px;
}

a.contact {
  background:url(/images/contact.png) no-repeat;
  width:146px;
  height:42px;
  display:block;
	float:left;
}
a.contact.request {
  background:url(/images/request.png) no-repeat;
	float:left;
	margin-right:0px;
}
a.request-forms {
  background:url(/images/requestforms.png) no-repeat;
  width:146px;
  height:42px;
  display:block;
	float:left;
	margin-left:10px;
	/*display:none;*/
}
a.contactwide {
 background:url(/images/contact-wide.png) no-repeat;
 float:left;
 width:302px;
 height:42px;
 display:block;
 margin-top:10px;
}

span.prax {
  margin-right:20px;
  float:left;
  background:url(/images/praxis.png);
  width:168px;
  height:40px;
}
#praxislogo {
  float:left;
  background:url(/images/praxis.png);
  width:168px;
  height:40px;
}
a.praxislogo {
  margin-left:0px;
  width:168px;
  height:40px;
  display:block;
  margin-bottom:0px;
  float:left;
}
	.clearer {
		display: block;
		clear: both;
		height: 0;
		font-size: 0;
		overflow: hidden;
	}

	/* hidden elements */	
	.h, hr {
	position: absolute;
	top: -9999px;
	left: 0;
	display: block;
	width: 1px;
	height: 1px;
	overflow: hidden;
	text-indent: -9999px;
	font-size: 1px;
}
	
/* Forms
------------------------------------------------ */

form {
	color:#666666;
	margin: 5px;
}
fieldset {
	margin: 0pt;
	padding:10px;
	border:none;
}	
legend {
	display:none;
}
label {
	clear:left;
	cursor:pointer;
	display:block;
	float:left;
	font-size:90%;
	font-weight:bold;
	width:180px;
}
input, textarea, select {
	background: #ffffff none repeat scroll 0%;
	border: 1px solid #a3a3a3;
	color:#000000;
	vertical-align:middle;
}
input.radio {
  border:none;
}
button {
  text-align:center;
}
#contact input, #info-request input {
	width:270px;
}
#request-forms input {
  width:142px;
}
#contact textarea, #info-request textarea, #request-forms textarea, #request-form textarea {
	height:150px;
	width:270px;
}
#request-forms .checkbox, #request-form .checkbox {
  float:right;
	margin-top:3px;
}
#request-forms .short, #request-form .short {
  margin:4px 0 0;
}
	
#contact input.button, #info-request input.button, #request-forms input.button, #request-form input.button {
	border:medium none;
	height:42px;
	padding:0pt;
	width:146px;
	margin-left:340px;
}
#request-forms input.button, #request-form input.button {
  margin-top:25px;
}
#contact span.contact, #contact a.contact, #info-request span.contact, #info-request a.contact, #request-forms a.contact, #request-form a.contact {
	width:0px;
	height:0px;
}
#content fieldset p, #info-request fieldset p, #request-forms fieldset p, #request-form fieldset p {
margin :10px 0 20px 0;
}

.example {
	width: 520px;
	margin: 0 20px;
}

.example th {
	background: #BBD9D9;
	padding: 5px 3px;
	text-align: left;
	font-size: 11px;
	vertical-align: bottom;
}

.example td {
	background: #f9f9f9;
	padding: 5px 3px;
	text-align: left;
	font-size: 11px;
}


#content .tempting_stock {
  margin:0 20px 50px;
}

#content .tempting_stock p {
  margin:6px 0;
}

#content .tempting_stock h3.heading {
  font-size:20px;
  line-height:25px;
}

.blog h3.heading, .entry h3.heading {
  font-size:20px;
  line-height:32px;
	margin: 0 20px;
}
#content .tempting_stock h4.heading {
  font-size:11px;
  margin:10px 0 -1px;
  font-weight:normal;
}
#content .tempting_stock .access {
  width:158px;
  float:right;
  /* border:1px solid #666; */
}

#content .tempting_stock .access_wrap {
  padding:6px;
}
#content .tempting_stock .access_wrap p {
  font-size:10px;
}
#content .tempting_stock .access_wrap p span {
  padding:0 8px;
  display:block;
}
.button_register, .button_download {
  height:42px;
  width:146px;
  display:block;
  text-indent:-999999px;
  overflow:hidden;
  margin-bottom:4px;
}

.button_register {
  background:url(/images/button_registernow.gif) no-repeat;
}

.button_download {
  background:url(/images/button_downloadpdf.gif) no-repeat;
}

#register_member_form small {
  display:block;
}

#brcontainer {
  position:absolute;
  bottom:0px;
  right:8px;
  width:360px;
  height:170px;
}

#brblock {
  width:360px;
  height:170px;
  background:url(/images/brblock.gif) no-repeat;
  margin:0 0 0 8px;
  position:relative;
}
.more_link {
  position:absolute;
  top:12px;
  right:7px;
  background:url(/images/brmore.gif) no-repeat;
  text-indent:-999999px;
  overflow:hidden;
  width:55px;
  height:26px;
}
h3.lateststocks2 {
  text-indent:-999999px;
  overflow:hidden;
  background:url(/images/lateststock2.png) no-repeat 0px center;
  width:250px;
  height:27px;
  display:block;
  margin-top:14px;
  margin-left:20px;
  float:left;
}

ul#highlight {
  margin-top:4px;
  clear:both;
  float:left;
  width:95%;
}
ul#highlight li {
  background:url(/images/list-small2.gif) 0pt 5px no-repeat;
  padding:0 0 0 13px;
  margin:5px 0;
  width:100%;
}
ul#highlight li a {
  color:#e1f9fa;
  font-size:13px;
  font-weight:bold;
  text-decoration:none;
}
ul#highlight li a:hover { color:#231717; }

.rightp {
  position:relative;
  text-align:right;
}
.righta {
  font-size:10px;
  background:url(/images/list-small.gif) no-repeat scroll 0 3px;
  padding-left:11px;
}

#logocontainer  {
  float:left; 
  margin-left:20px;
  margin-top:33px;
  margin-bottom:7px;
}
#bottom-logo {
  background:url(/images/tflogo.png) no-repeat;
  width:295px;
  height:66px;
  clear:right;
  float:right;
  margin:16px 28px 0px;
}