/*  INVESTMENT FUND SUPERMARKET
    Author: P Perry
    Updated: May 2009 */

body 		{background:url('../images/body-bg.gif') repeat-x 0 100% ; text-align: center; font-family:Arial; font-size:100%; font-weight:normal; margin:10px 0px;}
body.home   {background:url('../images/body-bg.gif') repeat-x 0 0%; text-align: center; font-family:Arial; font-size:100%; font-weight:normal; margin:10px 0px; }

#accesskeys {position:absolute; top:-9999; left:-9999;}

/* MAIN CONTAINER */
#wrapper	{margin-left:auto; margin-right:auto; margin-top:0px; text-align:left; width:940px; padding:0px;  height:100%; }

/* HEADER SECTION - LOGO */
#logo		{margin:0px; padding:0px; height:58px; background:url('../images/invsup-headerbg.jpg')}
#logo img   {margin-top:9px; margin-left:0px;}
#logo a		{font-weight:bold; background:none; display:inline; padding:0px; margin:20px 0px 0px 20px; height:auto; text-decoration:underline;}

/* HEADER SECTION - LINKS */
#logo div      {float:right; margin-top:-65px; margin-right:5px;}
#logo div ul   {list-style-type:none;}  
#logo div li   {font:70% Arial bold; display:inline; float:left; border-left:1px solid #ccc; padding:0px 5px; margin:0px;}
#logo div li.first {border-left:none;}
#logo div a.toplinks:link, #logo div a.toplinks:visited, #logo div a.toplinks:active  {color:#fff; text-decoration:none; margin:0px;}
#logo div a.toplinks:hover      {color:#fff; text-decoration:underline;}

/* HEADER SECTION - TABS*/
#homepagebar{height:2.5em; width:100%; margin:0px; background:url('../images/tab-bar-bg.gif') repeat-x 0 100% #6BA9D9; border-top:1px solid white; }
#tabs		{height:2.3em; width:100%; margin:0px 0px 0px 0px; }
#tabs ul	{margin:0px 0px 1px 0px; padding:0px; } /*margin:0px 0px 1px 2px; */
#tabs li 	{height:2.3em; display:inline; float:left; text-align:center;  }
#tabs li a.tab  {height:2.3em; display:block; float:left; line-height:1; color:#FFF; text-align:center; text-decoration:none; font-family:arial; font-size:80%; 
			     border-left:1px solid #9AC8FC; border-top:1px solid #9AC8FC; border-right:1px dotted #fff; padding:2px 10px;  font-weight:bold;}
#tabs li.here	{height:2.3em; font-size:80%; display:block; float:left; line-height:1; border-left:1px solid #7E9CD2; border-top:1px solid #7E9CD2; border-right:1px dotted #fff; 
                 background: url('../images/tab-bg-on.gif') repeat-x 0% 100% #528AB5; text-align:center; text-decoration:none; color:#FAF0CD; padding:2px 12px; font-weight:bold;}
#tabs li a.tab:visited	{background:none;}
#tabs li a.tab:hover    {background:url('../images/tab-bg-on.gif') repeat-x 0% 100% #528AB5; color:#FAF0CD; border-left:1px solid #7E9CD2; border-top:1px solid #7E9CD2;}

#tabs li.here a {padding:0px; font-size:100%; text-decoration:none; color:#FAF0CD;  font-weight:bold; border:none;}
#tabs li.here a:hover {padding:0px; font-size:100%; text-decoration:none; color:#FFF;  font-weight:bold; border:none;}

/* HEADER SECTION - BUTTONS */
#tabs #headerbtns               {float:right; margin:1px 4px 0px 0px; }
#tabs #headerbtns div.loginbtn  {float:left; width:97px; height:28px; padding-top:5px; margin-right:0px; background:url('../images/btn-login-bg.gif') no-repeat; }
#tabs #headerbtns div.regbtn    {float:left; width:95px; height:28px; padding-top:5px; background:url('../images/btn-register-bg.gif') no-repeat; }
#tabs #headerbtns div.loginbtn a.login  {margin-top:0px; margin-left:17px; display:inline; text-align:left; color:#fff; font-family:arial; font-size:80%; 
                                         font-weight:bold; text-decoration:none; padding-right:15px; background:url('../images/btn-arrow.gif') no-repeat 100% 55%;}
#tabs #headerbtns div.regbtn a.register {margin-top:0px; margin-left:9px; display:inline; text-align:left; color:#fff; font-family:arial; font-size:80%; 
                                         font-weight:bold; text-decoration:none; padding-right:15px; background:url('../images/btn-arrow.gif') no-repeat 100% 80%;}
#tabs #headerbtns div a:hover           {color:#EAE3F1;}

/* NAVIGATION */				 
#nav-top-img	{width:183px; height:26px; background:url('../images/menu-top.gif') no-repeat #fff; margin:-5px 0px 0px 0px; padding:0px; }/*margin:-9px 0px 0px 0px;*/
#nav	{float:left; width:163px; padding-top:2px; background:url('../images/divider-menu-1.gif') repeat-x 0 0 #65A2D0; /* border:1px solid red; */}					
	#nav-menu			{}
	#nav-menu ul		{margin:1px 0px 0px 0px;list-style:none; font:bold 75% Arial; }
	#nav-menu ul li 	{list-style:none;padding:0px; margin:0px 0px 0px -40px;  border-bottom:1px solid #65A2D0;}
	#nav-menu ul li.here {padding:4px 2px 6px 12px; background:url('../images/nav-bg-on.gif') repeat-x 0 100% #4D739F; color:#FAF0CD;}/*divider-menu-1.gif*/
	#nav-menu li a:hover {background:url('../images/nav-bg-on.gif') repeat-x 0 100% #4D739F; color:#FAF0CD;}
	#nav-menu a:link, a:visited, a:active	
					{display:block; background:url('../images/nav-bg.gif') repeat-x 0 100% #6BA9D9; /*#BCD96B; height:24px;*/ color:#fff; 
				 	 padding:4px 2px 6px 12px; text-decoration:none;}
	#nav-btm-img	{height:37px; background:url('../images/menu-btm.gif') no-repeat #fff; margin:0px; padding:0px;}

/* HOMEPAGE - LEFT COLUMN - MAIN CONTENT */
div.div1 {border:2px solid #F2F2F2; width:535px; float:left; margin:10px 0px; padding:10px 10px 10px 150px; background:url('../images/percent.jpg') no-repeat 0 0;}
   .div1 h1 {text-align:left; padding:0px; margin:0px; }
   .div1 h2 {text-align:left; padding:0px; margin:0px; color:#03386E; }
   .div1 ul { margin-left:-25px; margin-top:0px; font-size:80%; color:#03386E; list-style:disc; font-style:italic;}
   .div1 a   {font-weight:bold; color:#996600;  }
   .div1 a:visited {color:#0066FF; text-decoration:underline; float:none; display:inline; background:none; width:auto; padding:0px; margin:0px; }
   .div1 a:active  {color:#0066FF; text-decoration:underline; float:none; display:inline; background:none; width:auto; padding:0px; margin:0px;}
   .div1 a:hover   {color:#0066FF; text-decoration:underline;  }
   .div1 .hdrstyle  {color:#0066FF; font-weight:bold; /*float:left; */}
   .div1 lb {}

/* HOMEPAGE - RIGHT COLUMN */
div.div2 {width:225px; float:right; padding:0px; margin:9px 0px 0px 0px; text-align:right;  }
   .div2 img {}

/* HOMEPAGE - LEFT COLUMN - MAIN MENU */
div.div0 {float:left; width:650px; padding:0px; border:1px solid red;}   
div.div3 {height:11em; margin-right:1px; border:1px solid #9FD0DA; border-right:1px solid white; width:230px; float:left; padding:10px 0px;background:url('../images/bg-blue.gif') repeat-x 0 0 #FAFDF3;}
   .div3 h3 {background:url('../images/arw-green.gif') no-repeat 2px 50%; padding-left:15px; margin-left:10px; margin-top:0px; margin-bottom:5px; font-size:90%;}
   .div3 p  {text-align:left; margin-left:10px; }
   .div3 ul { list-style-image:url('../images/arw-green.gif'); margin-left:-15px; margin-top:0px; font-size:80%; color:#016533;}
   .div3 a:link    {color:#00005A; float:none; display:inline; background:none; padding:0px; margin:0px; text-decoration:none; width:180px; height:auto; }
   .div3 a:visited {color:#00005A; float:none; display:inline; background:none; padding:0px; margin:0px; text-decoration:none; }
   .div3 a:active  {color:#0066FF; float:none; display:inline; background:none; padding:0px; margin:0px; text-decoration:none; }
   .div3 a:hover   {color:#0066FF; float:none; display:inline; background:none; padding:0px; margin:0px; text-decoration:underline; }
   div.last    {border-right:2px solid #F2F2F2; width:230px;}
   div.first   {border-left:1px solid #9FD0DA;}

/* PROMOTIONAL BOX STYLES */
.promobox { width:275px; float:left; margin:15px 0px 0px 0px;}
.promobox img 	{margin-bottom:13px}
.pboxtop    {padding:15px;}
.pbox       {padding:10px 8px 15px 8px; float:right; width:260px; background:url('../images/bg-purple.gif') repeat-x bottom left #8F489E; }
.lime       {background:url('../images/bg-lime2.gif') repeat-x bottom left #9FBC29;}
.green      {background:url('../images/bg-green.gif') repeat-x bottom left #4EA900;}
.orange     {background:url('../images/bg-rust.gif') repeat-x bottom left #A94900; }
.purple     {background:url('../images/bg-purple.gif') repeat-x bottom left #86299C; }
.lilac      {background:url('../images/bg-lilac.gif') repeat-x bottom left #EAE3F1;}
.pbox img       {border:none; /*margin-top:-15px;*/ } 
.pbox .left     {text-align:left;}
.pbox .right    {text-align:right;}
.pbox h2        {padding:0px; margin-top:0px; font:italic 150% Times New Roman; color:white; }
.pbox h2 span   {font:normal 90% Arial Black; color:white; line-height:0.7em;}
.pbox h3        {font:bold 90% Arial; color:#FAF0CD; padding:0px; margin:0px; }
.pbox p         {font:bold 80% Arial; color:#fff; padding:0px; margin:0px;}
.pbox p span    {font:italic 160% Times New Roman;}
.pbox a         {text-decoration:none; color:#fff; width:257px; }
.pbox a:hover   {text-decoration:none; float:none; display:inline; background:none; width:260px;  padding:0px; margin:0px; color:white;}
.pbox a:visited {text-decoration:none; float:none; display:inline; background:none; width:260px;  padding:0px; margin:0px; color:white;}
.pbox a:active  {text-decoration:none; float:none; display:inline; background:none; width:260px;  padding:0px; margin:0px; color:white;}

/* MAIN STYLES */
h1		{font:normal 150% Arial Black; color:#3D9661; padding:0px;}
h1 span.sub {color:#0066FF; font-family:Arial; font-style:italic; font-weight:bold; margin:0px; padding:0px;}
h2		{clear:both; font:bold 100% Arial; color:#CB9869; margin:5px 0px 5px 0px; padding-top:20px;}
h3		{font:bold 75% Arial; color:#016533; }
p		{font:normal 75% Arial; color:#016533; margin:0em 10px 10px 0em;}


/* SITE INTRO BOX */	
#siteintro	{border:1px solid blue; width:300px; float:left; margin:15px 0px; padding:0px;}		
#siteintro	p {margin:0px; padding:0px; }
#siteintro	ul {margin:0px; padding:10px 0px 0px 16px; }
#siteintro a:link {color:#996600;}
#siteintro a:visited, a:hover; a:active {color:#016533;}

/* */
.reginfo     {clear:left; float:left; margin:0px; width:100px;}
.reginfo p   {text-align:left;   margin-top:10px; color:#656666; font-size:65%; }
.reginfo img {margin:10px 5px; 10px 0px ;}

#mid {float:left; padding-right:8px; border-right:2px dotted #dcdfbb; width:550px; margin:0px;}
#rightcol {background:#fff; float:right; width:160px;}

a.body:link 	{color:#0066FF; font-weight:bold; background:none; display:inline; padding:0px; height:auto; text-decoration:underline;}
a.body:visited	{color:#0066FF; font-weight:bold; background:none; display:inline; padding:0px; height:auto; text-decoration:underline;}
a.body:active	{color:#808080; font-weight:bold; background:none; display:inline; padding:0px; height:auto; text-decoration:underline;}
a.body:hover	{color:#808080; font-weight:bold; background:none; display:inline; padding:0px; height:auto; text-decoration:underline;} 

#introbox 	{float:left; }
#introbox p	{margin-bottom:15px;}
#introbox h1 {margin-bottom:5px;}
#introbox h2 {font:bold 100% Arial; color:#004000; padding:0px; margin:0px 10px 10px 0px;}

#navbox 	{width:189px; margin-right:10px; margin-bottom:3px;}
#navbox-wrapper {width:210px; float:left; }

#getquotebox	  { float:left; width:538px; margin:0px 30px 10px 0px;}
#getquotebox-top  {background:url('../images/boxtop-crm.gif'); height:11px;} /* width:752px; */
#getquotebox-btm  {width:538px; background:url('../images/boxbtm-crm.gif'); height:9px;}
#getquotebox-body {width:538px; float:left; background:url('../images/boxbg-crm.gif') repeat-x 0 0 #F5DEB3; padding:0px; margin:0px}
#getquotebox img  {margin-bottom:20px;}
#getquotebox a	  {padding:0; margin:0px; }
#getquotebox p	  {padding:0px 10px 5px 10px; margin:0px; }

#getquotebox-body ul	  {padding:0px 10px 10px 0px; margin:0px 0px 0px 220px; font:italic 75% Arial; color:#004000;  }
#getquotebox-body ul li	  {}	  

/* EMAIL CONTACT AREA */
#emailbox		{/*width:277px;*/ float:left;  margin-left:0px; margin-right:0px; padding-bottom:15px; border-bottom:2px dotted #CFBFE3;}
#emailbox-body		{/*width:277px;*/ padding:0px; margin:0px; }
#emailbox-body img	{margin-top:0px; margin-right:10px; margin-left:0px;}
#emailbox-body a	{padding:0; margin:0px; color:#583785;}
#emailbox-body a:hover {color:#0066FF;}
#emailbox-body p	{color:#583785;text-align:right; padding:0px 0px 5px 5px; margin:0px; }
#emailbox-body p.left {text-align:left; padding:0px;}

/* REG. INFO AREA */
#ifabox		{float:right; /*background:url('../images/ifa-bg.gif') repeat-x 0 0 #fff;width:225px;*/  margin:2px 0px 0px 0px; padding:20px 15px 0px 15px;  }
#ifabox p 	{color:#808080; padding:0px; font-size:70%; margin:0px; text-align:center; }
#ifabox p.disclaimer 	{color:#607899;  padding:15px 0px 0px 0px; font-size:70%; margin:0px; }
#ifabox a:link, #ifabox a:visited, #ifabox a:active	{color:#808080;}
#ifabox a:hover	{color:#0066FF;}
#ifabox div.img {text-align:center; }
#ifabox img	    {margin:10px 0px 5px 0px;}

.corp_logos p {font-weight:bold; margin-top:20px; margin-bottom:0px;}

#box	  {background:url('../images/podbtm.gif') 0 100% no-repeat; padding:0px; margin:0px 0px; width:670px;}
#box-top  {background:url('../images/podtop.gif') 0 0 no-repeat; padding:0px; margin:0px 0px; }
#box h1   {font:normal 150% Arial Black; color:#03386E; padding:0px; text-align:left;  margin:0px 15px; }
#box p    {text-align:left; margin:0px 15px; padding:0px 0 0 0px;/*padding:15px 0px 0px 0px;*/ }
#box ol   {margin:0px 35px; padding:0px;}
.boximg	  {position:relative; float:right; margin:10px;}

#homecontent	{background:url('../images/body-bg2.gif') repeat-x 0 0%; float:left; width:940px; margin:0px 0px 0px 0px; padding:0px;}


#content	{float:left; width:700px;/*width:665px;*/ margin:0px 0px 0px 30px; padding:0px; }
	h1	{font:normal 150% Arial Black; color:#03386E; margin-top:0px; text-align:center;}
	h2	{clear:both; font:bold 90% Arial; color:#03386E; margin:5px 0px 5px 0px; padding-top:20px;}
    h2.compact {margin:0px 0px 5px 0px; padding-top:0px;}
	h3	{font:bold 75% Arial; color:#03386E; }
	p	{font:normal 75% Arial; color:#03386E; margin:0em 10px 10px 0em; text-align:justify;}
	p.intro	   {font-size:75%; font-weight:bold}
	p.lb       {font-size:75%; font-weight:bold; text-align:left; margin:10px 10px 10px 0px;}
	.compact  {padding:0px; margin-top:0px; margin-bottom:0px}
    .num       {letter-spacing:-0.15em;}
    .tel       {font-size:150%; font-family:arial black; color:#CDBEE2;}
    .clear	{clear:both;}   
    p.lb span {font-weight:normal;} 

div.indent {margin-left:25px;}
div.indent p {margin-left:16px;}
    
#content ul	{font:normal 75% Arial; color:#03386E; margin-top:0px; margin-left:-27px; list-style-image:url('../images/arw-green.gif');}
#content ul li	{}
#content ol	{font:normal 75% Arial; color:#03386E; margin-top:0px;}
#content ol li	{}
#content a	{font-weight:bold; background:none; display:inline; padding:0px; height:auto; text-decoration:underline;}
#content a:link 	{color:#0066FF;}
#content a:visited	{color:#0066FF;}
#content a:active	{color:#808080}
#content a:hover	{color:#808080} 

#ctextbox	{float:left; width:205px;}
#ctextbox h2 {font:bold 100% Arial; color:#004000; padding:0px; margin:16px 10px 0px 0px;}

#commbox	{ margin:8px 0px 0px 0px; padding-bottom:10px; float:left; }
#commbox #table2	{margin:0px; font-size:73%; color:#004000; border:1px solid #719F63;}

.fr {float:right;}
.fl {float:left;}

.fl-1 {float:left; width:340px;}
.fr #table2 {margin:0px 10px 10px 10px;}


/* TABLE STYLES */
#table2			{border:1px solid #5A94CE; margin:26px; font-size:73%; color:#03386E; width:333px; margin-left:auto; margin-right:auto; }
#table2.wide	{width:70%; /*margin:0px 0px 16px 0px;*/margin-left:auto; margin-right:auto;}
#table2 th		    {background:#BADAF1; color:#03386E; padding:2px 10px 2px 3px;  border-left:1px dotted #3399FF; text-align:center;}
#table2 th.first	{border-left:none;}
#table2 tr td 		{background:#fff; padding:2px 10px 2px 3px; border-top:1px dotted #5A94CE; border-left:1px dotted #5A94CE; text-align:center;}
#table2 tr td.first	{background:#fff; border-left:none;  }
#table2 tr.shade td {background:#E8F5F7; }
#table2 tr td.center	{text-align:center;}

#table3			{border:1px solid #5A94CE; margin:26px; font-size:73%; color:#03386E; margin-left:auto; margin-right:auto; }
#table3.wide	{width:70%; margin-left:auto; margin-right:auto;}
#table3 th		{background:#BADAF1; color:#03386E; padding:2px 10px 2px 3px;  border-left:1px dotted #3399FF; text-align:center;}
#table3 th.first	{border-left:none;}
#table3 tr td 		{background:#fff; padding:2px 10px 2px 3px; border-top:1px dotted #5A94CE; border-left:1px dotted #5A94CE text-align:left; vertical-align:top;}
#table3 tr td.first	{background:#fff; border-left:none;  }
#table3 tr.shade td 	{background:#E8F5F7; }
#table3 tr td.center	{text-align:center;}
td ul    {padding-top:10px; }
td ul li {font:normal 150% Arial;}

#table			{border:1px solid #5A94CE; margin:26px; font-size:73%; color:#03386E; margin-left:auto; margin-right:auto; }
#table.wide		{width:70%; margin-left:auto; margin-right:auto;}
#table th		{background:#BADAF1; color:#03386E; padding:2px 10px 2px 3px;  border-left:1px dotted #5A94CE; text-align:center;}
#table th.first	{border-left:none;}
#table tr td 		{background:#fff; padding:2px 10px 2px 3px; border-top:1px dotted #5A94CE; border-left:1px dotted #5A94CE;}
#table tr td.first	{background:#fff; border-left:none;  }
#table tr.shade td 	{background:#E8F5F7; }
#table tr td.center	{text-align:center;}

/* landing page */
.landing {float:left; width:520px; margin-right:20px; }
.landing h2 {border-top:2px dotted #CC9966; margin-top:10px; padding:10px 0px 0px 0px;}
.landing p.intro {/*background:url('../images/intro-bg.gif') repeat-x 0% 100%;*/margin:0px; padding:0px; }
.landing p {margin:0px 0px 0px 0px;}
.landing img {float:left; margin:0px 10px 15px 0px; padding:0px;}
.promo-small {float:left; width:160px; background:url('../images/bg-rust.gif') repeat-x 0% 100%; }
.landing .promo-small a{color:#fff; text-decoration:none;}
.landing .promo-small a:visited{color:#fff; text-decoration:none;}
.landing .promo-small a:hover {color:#fff; text-decoration:none;}
.landing .promo-small a{color:#fff; text-decoration:none;}
.promo-small p {margin:5px; text-align:left; color:#fff; font-weight:bold; }
.promo-small h3 {margin:5px; text-align:left; color:#fff; font-weight:bold; } 


/* Research & Buy section */
.row         {float:left; width:650px; padding:0px 0px 0px 0px;}
.row .ico    {float:left; width:80px;}
.row .ico img{border:none; }
.row .txt    {float:left; width:550px;}
.row .txt h3 {padding:0px; margin:5px 0px 8px 0px; color:#0066FF;}
.row a:link 	{color:#0066FF;}
.row a:visited	{color:#0066FF;}
.row a:active	{color:#808080;}
.row a:hover	{color:#808080;} 
.row .txt p  {text-align:left; padding:0px 0px 10px 0px; margin:0px;}

#footerbar  {height:1em; clear:both; width:100%; margin-top:15px; margin-bottom:10px; padding:5px 0px 8px 0px; background:url('../images/tab-bar-bg.gif') repeat-x 0 96% #BCD96B;}
#footerbar a {color:#004000; text-decoration:none;  border-right:1px dotted wheat; float:left; background:none; font-size:70%; display:block; padding:0px 10px; height:auto; } 
#footerbar a:hover {text-decoration:underline;  } /* #333300 */

#footerlinks	{clear:both; text-align:center; border-top:2px dotted #5A94CE; margin-top:15px; margin-bottom:10px; padding:1px 6px 6px 0px;}
#footerlinks div	{padding:4px 0px 0px 0px;}
hr	{color:#ccc; padding:2px; margin:0px;}
#footerlinks a {color:#808080; border-bottom:1px solid #9FD0DA; text-decoration:none; float:none; background:none; font-size:70%; display:inline; padding:0px; height:auto; margin-right:4px;} 
#footerlinks a:hover {color:#0066FF; border-bottom:1px solid #0066FF; } /* #333300 */

/* POPUP WINDOW STYLES */
#pop-headerbar	{width:600px; height:20px; margin:-2px 0px 10px 0px; background:#9EB758; border-top:1px solid white; text-align:center;}
#pop-content    {margin-left:auto; margin-right:auto; width:600px; border-top:20px solid #9EB758; border-bottom:2px dotted #dcdfbb; padding-top:10px; padding-bottom:15px;  }
#pop-content p  {font:normal 75% Arial; color:#004000; text-align:left;  }
#pop-content p.qtn {font:bold 100% Arial; margin-bottom:3px;}
#pop-content p.ans {font:bold 100% Arial; }
#pop-content div.qtn {float:left; padding:0px 6px 0px 0px; margin:-11px 10px 0px 0px; height:150px;  font:bold 150% Arial Black; color:#CB9869; }
#pop-content a.button {display:block; width:6em; float:right; margin:15px; color:#fff; font-weight:bold; cursor:pointer; padding:0px; 
                background:#3D9661 url('../images/btn-bg.gif') repeat-x; text-decoration:none; border-top:2px solid rgb(102,204,153);border-left:2px solid rgb(102,204,153);border-bottom:2px solid #006600;border-right:2px solid #006600;}
#pop-content a.button:hover {background:#3D9661;}
.flowbox-top       {width:432px; background:url('../images/3dbox-top.gif') no-repeat 0 0; padding:30px;}
.flowbox-btm       {margin-left:55px; width:492px; background:url('../images/3dbox-btm.gif') no-repeat 0 100%; }