/* =mini tour
--------------------------------------------------------------*/

/* =tabbed nav */
div.index ul.tabbed {
  border-bottom: none;
  margin: 0px;
	padding: 0px;
}

div.index ul.tabbed li a {
  background: transparent url(app-img/navtab-bg.jpg) repeat scroll 0 0;
  color: #4D4D4D;
  font-family: Helvetica,Arial,Verdana,sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 34px;
  text-transform: uppercase;
  width: 98.5px;
}

div.index ul.tabbed li a:hover {
  background: #222;
  color: #999999;
}

div.index ul.tabbed li a.active {
  background: #222;
  color: #999999;
}

/* =slider */
#mini_tour {
  background: url(/images/bg-mini_tour.png) repeat-x;
  /*border: 1px solid #5b5b5b;*/
  height: 200px;
	width: 970px; 
  position: relitive;
	
  /*top: 155px;*/
}

#mini_tour img.screenshot {
  border: 4px solid #444;
  float: left;
  margin-right: 75px;
}

#mini_tour p.call_to_action span {
  position: absolute;
  right: 9px;
}

.scroll {
  background: #222;
  clear: left;
  font-family: Helvetica, Arial, Verdana, sans-serif ;
  font-size: 18px;
  height: 225px;
  line-height: 18px;
  overflow: auto;
  overflow-x: hidden;
  position: relative;
  width: 932px;
}

div.index .scroll h3 {
  color: #21A4DC;
  font-size: 24px;
  line-height: 24px;/*45px*/
	font-weight: bold;
	padding-top: 30px;
	margin-bottom: 10px;
}

.js_home{
	 color: #64a3e4;
  font-size: 24px;
  line-height: 26px;/*45px*/
	font-weight: normal;
	padding-top: 22px;
}	

.scroll-wrapper div.panel {
  color: #fff;
  height: 200px;
  width: 926px;
}

#free_single_fund_clone,
#free_fund_group_clone {
  position: static;
}

.scroll-wrapper div.panel_wrap {
  margin: 18px 200px 18px 18px;
}

.scroll-buttons {
  top: 300px;
  position: absolute;
  cursor: pointer;
}

.scroll-buttons.left {
  right: 90px;
  z-index: 100;
}

.scroll-buttons.right {
  right: 65px;
}

.hide {
  display: none;
}

/* =nav > tabbed
--------------------------------------------------------------*/
ul.tabbed {
  border-bottom: 1px solid #ccc;
  clear: both;
  margin-bottom: 18px;
}

ul.tabbed li {
  font-weight: bold;
  line-height: 36px;
  text-align: center;
}

ul.tabbed li a {
  background: #ddd;
  border-bottom: none;
  display: block;
  padding: 0 9px;
  text-decoration: none;
}

ul.tabbed li a.active {
  background: #eee;
}

ul.tabbed li span.inactive {
  background: #ddd;
  color: #bbb;
  display: block;
  margin-right: 1px;
  padding: 9px;
}

/* =tabbed nav with background */

ul.bg {
  background: url(/images/bg-clone-header.png) repeat-x top left;
  border-bottom: none;
  padding: 18px 0 0;
  border-top: 1px solid #eee;
}

ul.bg li a {
  border-left: 2px solid #ccc;
  border-right: 2px solid #ccc;
  border-top: 2px solid #ccc;
}

ul.bg li.active a {
  background: #fff;
}

/* =tabbed nav with an inline non-navigation element */

ul.tabbed li.non_nav {
  color: #666;
  font-weight: normal;
  padding: 0;
  text-align: left;
}

div.page ul.tabbed {
  border-bottom: none;
  margin-bottom: 0;
}





/*------------------------------------------------------------------------
=lists
------------------------------------------------------------------------*/

/* =horizontal list
--------------------------------------------------------------*/
body ul.l_horiz_list,
body ul.r_horiz_list {
  list-style: none;
  overflow: hidden;
}

body ul.r_horiz_list {
  float: right;
}

body ul.l_horiz_list li,
body ul.r_horiz_list li {
  float: left;
}

body ul.l_horiz_list li ul li,
body ul.r_horiz_list li ul li {
  border-left: none;
  float: none;
  margin-left: 0;
  padding-left: 0;
}

body ul.l_horiz_list li.first,
body ul.r_horiz_list li.first {
  margin-left: 0;
}