@charset "UTF-8";
/*
***********************
	PAGE STUFF
***********************
*/

#title {
	position:absolute;
	top: 60px;
	left: 56px;
}
#title2 {
	position: absolute;
	top: 15px;
	left: 56px;
}
#timer {
	float: right;
	width: 336px;
	height: 47px;
	margin: 0 155px 0 0;
	padding: 0;
}


#bodycopy {
	position: absolute;
	width: 350px;
	top: 140px;
	left: 470px;
	color: #fff;
}
#bodycopy p {
	font-size: 1.1em;
	line-height: 140%;
}
#bodycopy img {
	margin-top: 15px;
}
#compare_btns {
	position:absolute;
	top:62px;
	left:56px;
}
#compare_btns a {
	display:block;
	padding-bottom:13px;
}
#comparebox {
	position: absolute;
	top: 62px;
	left: 470px;
	color: #fff;
/*	background: url(img/box-compare.png) no-repeat top left;*/
}
#comparebox p {
	width: 300px;
	margin-top: 10px;
	line-height: 140%;
}
#comparebox img {
	padding-top: 10px;
}
#comparebox2 {
	position: absolute;
	top:62px;
	left:56px;
	color: #333;
/*	background: url(img/box-compare.png) no-repeat top left;*/
}
#comparebox2 p {
	width: 380px;
	margin-top: 10px;
	line-height: 140%;
}
#comparebox2 img {
	padding-top: 10px;
}

#compare_btns2 {
	position:absolute;
	top: 72px;
	left: 490px;
	border-left: 1px solid #e8e8e8;
	padding-left: 30px;
}

#compare_btns2 a {
	display:block;
	padding-bottom:13px;
}

#feature-promo {
	position: absolute;
	top: 400px;
	left: 445px;
	width: 400px;
	text-align: center;
	margin-top: 8px;
	color: #fff;
	padding: 5px;
	border: 1px solid #9FF;
}
#promo-disclaimer {
	position: absolute;
	top: 480px;
	left: 570px;
	font-size: 9px;
	color: #fff;
}
img.shopping-button {
	position: absolute;
	top: 300px;
	left: 100px;
}

#bottombar {
	position: absolute;
	top: 505px;
	left: 20px;
	background: url(img/bg-bottombar.png) no-repeat top left;
	width: 917px;
	height: 151px;
	margin: 0;
	padding: 0;
}
#bottombar_etf {
	position: absolute;
	top: 700px;
	left: 20px;
	background: url(img/bg-bottombar.png) no-repeat top left;
	width: 917px;
	height: 151px;
	margin: 0;
	padding: 0;
}
.bottompromo {
	float: left;
	display: inline; 
	width: 300px;
	margin-top: 20px;
	padding: 0;
	line-height: 120%;
}
.bottompromo img {
	float: right;
	margin: 0;
	padding: 0 12px 0 0;
	vertical-align: top;
}
.bottompromo-copy {
	float: left;
	display: inline;
	width: 168px;
	margin: 0;
	padding: 0 0 0 30px;
}
.bottompromo h3 {
	font-size: 1.6em;
}
.bottompromo p {
	line-height: 120%;
}
.border {
	height: 118px;
	border-right: 1px solid #ccc;
}

#supbox {
	position: absolute;
	top: 18px;
	left: 605px;
	width: 280px;
	color: #fff;
	background-repeat:no-repeat;
}

#sup_left_col {
	top: 18px;
	left: 20px;
	width: 400px;
	color: #fff;
}

/* Countdown */

#t7_timer { 
	width: 200px; 
	height: 55px; 
	position: absolute;
	left:320px;
	top:46px;
}

#t7_timer_over { 
	width: 200px; 
	height: 55px; 
	background-image: url(images/countdown/Countdown-over.gif);
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	left: 1px;
	margin: 0px;
	padding: : 0px;
}


#t7_vals {
	width: 100%;
	clear:both;
	margin: 0px auto;
}

.t7_numbs {
	font-size: 28px;
	font-family: Arial, sans-serif;
	font-weight: normal;
	text-align: left;
	color: #ffffff;
}

#t7_y {
	background-image: url(images/countdown/Countdown2-nc.png);
	background-repeat: no-repeat;
	float:left;
	width: 48px;
	height:30px;
	line-height:28px;
	padding: 1px 0px 0px 3px;
	margin: 1px;
	letter-spacing: 7px;
}
#t7_d {
	background-image: url(images/countdown/Countdown3.png);
	background-repeat: no-repeat;
	float:left;
	height:25px;
	width:26px;
	line-height:28px;
	padding: 1px 0px 2px 3px;
	margin: 0 5px 1px 1px;
	letter-spacing: 7px;
	
}
#t7_h {
	background-image: url(images/countdown/Countdown2-nc.png);
	background-repeat: no-repeat;
	float:left;
	width: 48px;
	height:30px;
	line-height:28px;
	padding: 1px 0px 0px 3px;
	margin: 0;
	letter-spacing: 7px;
}
#t7_m {
	background-image: url(images/countdown/Countdown2-nc.png);
	background-repeat: no-repeat;
	float:left;
	width: 47px;
	height:30px;
	line-height:28px;
	padding: 1px 0px 0px 3px;
	margin: 0;
	letter-spacing: 7px;
}
#t7_s {
	background-image: url(images/countdown/Countdown2-nc.png);
	background-repeat: no-repeat;
	float:left;
	width: 42px;
	height:30px;
	line-height:28px;
	padding: 1px 0px 0px 3px;
	margin: 0;
	letter-spacing: 7px;
}

#t7_labels {
	width: 100%;
	clear:both;
	margin: 0px auto;
}

.t7_labs {
	font-size: 9px;
	font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
	text-align: center;
	color: #FFF;
}
#t7_yl {
	float:left;
	width: 51px;
	height:15px;
	padding:0px;
	margin: 0px;
}
#t7_dl {
	float:left;
	height:15px;
	width:22px;
	padding:0 0 0 0px;
	margin: 0px;
}
#t7_hl {
	float:left;
	width: 30px;
	height:15px;
	padding:0 0 0 20px;
	margin-left: 0px;
}
#t7_ml {
	float:left;
	width: 55px;
	height:15px;
	padding:0px;
	margin: 0px;
	padding-left: 8px;
}
#t7_sl {
	float:left;
	width: 46px;
	height:15px;
	padding:0px;
	margin: 0px;
}

#defaultCountdown {}


/*******************
	ETF BOTTOMBAR STYLES
**********************
#bottombar {
	position: absolute;
	top: 505px;
	left: 20px;
	background: url(img/bg-bottombar-whitebg.png) no-repeat top left;
	width: 917px;
	height: 151px;
	margin: 0;
	padding: 0;
}
.bottompromo {
	float: left;
	display: inline;
	margin-top: 20px;
	padding: 0;
}
.bottompromo h3 {
	font-size: 1.5em;	
}
.bottompromo img {
	float: left;
	margin: 0;
	padding: 0 0 0 15px;
	vertical-align: middle;
}
.bottompromo-copy {
	float: left;
	display: inline;
	margin: 0;
	padding: 0 0 0 20px;
}

.bottompromo-copy p {
	font-size: 1em;
	line-height: 140%;
}
.bottompromo-copy a.bluearrow {
	margin: 0;
	padding: 0 0 0 8px;
	background:url(/apache/images/decorations/bullet_arrow_blue.gif) no-repeat 0 4px;
}

.border {
	height: 118px;
	border-right: 1px solid #ccc;
}
*/
#socialbar {
	position: absolute;
	top: 672px;
	left: 20px;
	background: url(img/social-bar-whitebg.png) no-repeat top left;
	width: 917px;
	height: 52px;
	margin: 0;
	padding: 0;
}

#socialbar_etf {
	position: absolute;
	top: 863px;
	left: 20px;
	background: url(img/social-bar-whitebg.png) no-repeat top left;
	width: 917px;
	height: 52px;
	margin: 0;
	padding: 0;
}

#three_reasons h3 {
	color:#FFF;
}

#three_reasons a {
	color:#FFF;
}

#three_reasons p {
	color:#FFF;
}

#three_reasons ul li {
	color:#FFF;
}

#three_reasons a.right_arrow {
	background: url(images/arrow.png) no-repeat bottom right;
}

#reason_one div {
	float:left;
	margin-right:30px;
	_margin-right:15px;
}

#reason_one ul li {
	padding-bottom:5px;
}

/*********************
	OVERLAY
*********************/
 
div.overlay {
/* growing background image */
background-image:url(/apache/images/overlay/white.png);
_background-image: url(/apache/images/overlay/white.gif);
/* initially overlay is hidden */
display:none;
/* some padding to layout nested elements nicely  */
padding:40px 55px 0 55px;
}
div.overlay h1 {
	font-size: 2.4em;
}
div.overlay p {
	font-size: 1.2em;
	line-height: 140%;
}
/* the overlayed element */

div.overlay ol {
	list-style-type: decimal;
	list-style-position:inside;
	font-size: 1.2em;
	line-height: 140%;
}

div.overlay li {
	margin-bottom:5px;
}

div.overlay ul {
	list-style-type:disc;
	list-style:inside;
	font-size: 1.2em;
	line-height: 140%;
}	

/* default close button positioned on upper right corner */
div.overlay div.close {
	background-image:url(/apache/images/overlay/close.png);
	_background-image:url(/apache/images/overlay/close.gif);
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

div#questions-overlay span {
	margin-left:13px;
}

div.overlay ul li ul li {
	font-size:.9em;
}