/*Global Reset*/

*{
    vertical-align: baseline;
    font-weight: inherit;
    font-family: inherit;
    font-style: inherit;
    font-size: 100%;
    outline: 0;
    padding: 0;
    margin: 0;
}

/* CLEARFIX */

.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;max-height:0;}
.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}
.clear {clear:both;}

img, a, fieldset {border: 0 none;}

body {
    background-color: #0079c1;
    font-family: arial, sans-serif;
    font-size: 12px;
    margin: 0 auto;
    text-align: center;
    color: #464646;
    line-height: 1.3;
}

body.howto {background-color: #fff;}


/*MY GLOBALS*/

p {margin: 12px 0;}
a {color: #0079c1; text-decoration: underline;}
a:hover {text-decoration: underline;}
b {font-weight:bold;}
.italic {font-style: italic;}
sup {font-size: 8px; vertical-align:top;}
.bold {font-weight:bold;}
.right {float: right;}
.left {float: left;}
.center {text-align: center}

.blue {color:#0079c1;}

#mainContainer{
    width: 960px;
    margin: 0 auto;
    text-align: left;
    position: relative;
}

#logo {
    float: left;
	margin: 10px 0 10px 10px;
}

#topNav {
    float: right;
    margin: 10px 10px 0 0;
}

#topNav ul {list-style: none; float: right;}

#topNav ul li {
    float: left;
    margin: 0 0 0 15px;
}

#topNav ul li a {
    background: url('../img/iconArw.gif') no-repeat 0 3px;
    padding: 0 0 0 10px;
    color: #fff;
    text-decoration: none;
}

#topNav ul li a:hover {color: #cce4f3;}

.addthis_toolbox {
    position: absolute;
    right: 0;
    top: 45px;
	right: 10px;
}

#secondaryNav {
    float: right;
    margin: 50px 0 10px 0;
    clear: both;
}

#secondaryNav ul {list-style:none;}

#secondaryNav ul li {
    float: left;
    margin: 0 0 0 20px;
}

#secondaryNav ul li a {text-indent: -9000px;}

#secondaryNav ul li.home a {
    background: url('../img/btnHome.gif') no-repeat top left;
    width: 60px;
    height: 20px;
    text-indent: -9000px;
    display: block;
}

#secondaryNav ul li.whatOthers a {
    background: url('../img/btnWhatOthers.gif') no-repeat top left;
    width: 157px;
    height: 20px;
    text-indent: -9000px;
    display: block;
}

#secondaryNav ul li.howTo a {
    background: url('../img/btnHowto.gif') no-repeat top left;
    width: 105px;
    height: 20px;
    text-indent: -9000px;
    display: block;
}

#contentContainer{
    clear: both;
    margin: 10px 0 0;
}

#homepageMovie {
    width: 959px;
    height: 431px;
}

#flashContainer {
    width: 959px;
    height: 380px;
    margin: 25px 0 0 0;
}

div#topWrap{
	height:249px;
	overflow:hidden;
	position:relative;
	z-index:1;
}

div#btmWrap{
	background-color:#FFF;
	margin:0 auto;
	padding-bottom:20px;
	position:relative;
	z-index:2;
	top:-10px;
	width:940px;
}

#mainNav{
    background: url('../img/nav_xRepeat.png') repeat-x top left;
	height:49px;
	padding-left:30px;
	position:relative;
	z-index:4;
}

#mainNav ul{
    list-style: none;
}

#mainNav ul li{
    float: left;
}

#mainNav ul li a{
    display: block;
	text-decoration:none;
	padding:5px 15px;
	margin-top:6px;
	border-right:1px solid #c0d8e7;
	border-left:1px solid #e1e1e1;
	font-size:12px;
}

#mainNav ul li a.firstItem{
	border-left:none;
}

#mainNav ul li a.lastItem{
	border-right:none;
}

#mainNav ul li.current{
	height:39px;
	background:url(../img/menu_active_tile.gif) repeat-x top left;
}

#mainNav ul li.current a{
	font-weight:bold;
	color:#FFF;
}

#belowNav{
	position:relative;
	top:-9px;
	z-index:3;
	padding-top:9px;
}

#btmWrap.firstPage{
	background:url(../img/content_bg.jpg) no-repeat center bottom;	
}

#homeMainContent div.leftSection{
	padding:1px;
	background-color:#FFF;
	border:1px solid #a2d5f4;
}

#homeMainContent div.leftSection p{
	margin:0;
	padding:10px;
}

#homeMainContent div.leftSection a.signInButton{
	padding:0px 0px 10px 8px;
}

#homeMainContent h2{
	font:bold 15px Arial, Helvetica, sans-serif;
	padding:5px 0 5px 10px;
	background:url(../img/text_header.jpg) no-repeat top left;
	color:#FFF;
}

.linkWrap div{
	float:left;
	width:224px;
	background-color:#e6f2ff;
	padding:5px 8px;
	font-size:12px;
}

.linkWrap div a{
	text-decoration:none;
	padding-right:15px;
	background:url(../img/red-arrow.gif) no-repeat right center;	
}

.linkWrap .leftLink{
	border-right:1px solid #cde0f6;
}

/*   

#mainNav ul li.nav1 a {
    background: url('../img/navConsolidate.jpg') no-repeat top left;
    width: 200px;
    height: 33px;
}

#mainNav ul li.nav2 a {
    background: url('../img/navSetSaving.jpg') no-repeat top left;
    width: 257px;
    height: 33px;
}

#mainNav ul li.nav3 a {
    background: url('../img/navTrackSpend.jpg') no-repeat top left;
    width: 186px;
    height: 33px;
}

#mainNav ul li.nav4 a {
    background: url('../img/navSecurity.jpg') no-repeat top left;
    width: 208px;
    height: 33px;
}

*/


h2.home {
    background: url('../img/hdHome.gif') no-repeat top left;
    width: 318px;
    height: 28px;
    margin: 10px 0 25px 45px;
    text-indent: -9000px;
}

.hpCta {
    width: 299px;
    height: 96px;
    float: left;
    padding: 85px 30px 0 92px;
}

.hpCta p {
	/*margin:0px; padding:5px 0px 10px 0px;*/
}

#first.hpCta {
    background: url('../img/box1bg.gif') no-repeat top left;
    margin: 0 10px;
    width: 231px; height: 184px;
    float: left;
    padding: 20px 30px 0 20px;
}

#first.hpCta p { padding-left: 65px; background: url('../img/graph.gif') no-repeat top left; }

#second.hpCta {
    background: url('../img/box2bg.gif') no-repeat top left;
    margin: 0 10px;
    width: 600px; height: 192px;
    float: left;
    padding: 20px 10px 0 20px;
}
	#secondSec1 { width: 242px; float: left;}
	#secondSec1 p { padding: 0 25px 0 65px; background: url('../img/graph2.gif') no-repeat top left; }
	#secondSec2 { width: 332px; float: left; padding-left: 25px; background: url('../img/box2line.gif') no-repeat top left;}
	#secondSec2 p { padding: 0 25px 0 70px; background: url('../img/communityBG.gif') no-repeat top left; }

#third.hpCta {
    background: url('../img/box3bg.gif') no-repeat top left;
    margin: 0 10px;
    width: 871px; height: 172px;
    float: left;
    padding: 20px 30px 0 20px;
}
	#thirdSec1 { width: 290px; float: left; margin-right: 10px;}
	#thirdSec1 p { padding: 0 0 0 57px; background: url('../img/box3icon.gif') no-repeat top left; }
	#thirdSec2 { width: 265px; float: left;  background: url('../img/box3line.gif') no-repeat top left; padding: 0 0 0 25px; margin-right: 10px; }
	#thirdSec3 { width: 235px; float: left;  background: url('../img/box3line.gif') no-repeat top left; padding: 0 0 0 25px; margin-right: 10px; }

.ctaBtn { margin-top: 5px; }
		
.byline { color:#777; font-style: italic; }







.contentBox {
    background: url('../img/containerBg.jpg') no-repeat center top;
    padding: 25px 45px 0 45px;
    margin-bottom: 30px;
}

.contentBox .text {
    float:left;
    width:450px;
    margin:10px 5px 0 0;
}

.contentBox h2 {
    width: 371px;
    height: 22px;
    text-indent: -9000px;
}

.contentBox h2.hd1a {background: url('../img/hd1a.gif') no-repeat top left;}
.contentBox h2.hd1b {background: url('../img/hd1b.gif') no-repeat top left;}
.contentBox h2.hd1c {background: url('../img/hd1c.gif') no-repeat top left;}

.contentBox h2.hd2a {background: url('../img/hd2a.gif') no-repeat top left;}
.contentBox h2.hd2b {background: url('../img/hd2b.gif') no-repeat top left;}
.contentBox h2.hd2c {background: url('../img/hd2c.gif') no-repeat top left;}

.contentBox h2.hd3a {background: url('../img/hd3a.gif') no-repeat top left;}
.contentBox h2.hd3b {background: url('../img/hd3b.gif') no-repeat top left;}
.contentBox h2.hd3c {background: url('../img/hd3c.gif') no-repeat top left;}

.contentBox h2.hd4a {background: url('../img/hd4a.gif') no-repeat top left;}

.contentBox h2.hd5a {background: url('../img/compare-spending.gif') no-repeat top left;}

.contentBox h3 {
    color: #2b85ba;
    margin: 4px 0 0 0;
}

.contentBox .image {
    float: left;
}








.overlayImg {
    position: relative;   
    display: none;
    text-align: center;
    z-index:10000;
}

.close {
	background-image:url(../img/btnClose.gif);
	position:absolute; right:-21px; top:-21px;
	cursor:pointer;
	height:28px;
	width:28px;
    display: block;
}

#howtoContainer {
    background: url('../img/bgHowto.jpg') #fff no-repeat 320px -50px;
    position: relative;   
    width: 900px;
    height: 520px;
    padding: 15px;
    text-align: left;
}

.logicHd {
    margin: 0 0 25px 0;
}

#howtoContainer h2 {
    background: url('../img/hdHowtosignup.gif') no-repeat top right;
    width: 128px;
    height: 17px;
    text-indent: -9000px;
}

#howtoContainer p {
    width: 450px;
    margin: 10px 0;
}

.launchBtn {
    background: url('../img/btnLaunch.gif') no-repeat top right;
    width: 108px;
    height: 26px;
    display: block;
    text-indent: -9000px;
    float: left;
    margin: 10px 20px 10px 0;
}

.signinBtn {
    background: url('../img/btnSignin.gif') no-repeat top right;
    width: 172px;
    height: 26px;
    display: block;
    text-indent: -9000px;
    float: left;
    margin: 10px 0 10px 0;
}

#howtoContainer p.notCustTxt {
    background: url('../img/txtNotyetCust.gif') no-repeat top right;
    width: 154px;
    height: 17px;
    text-indent: -9000px;
    display: block;
}

#preloadImages {
    display: none;
}

#textSizeBtns {
	height: 23px;
	margin: 10px 20px 0 0;
	float: right;
}
#textSizeBtns ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#textSizeBtns ul li {
	float: left;
	margin: 0;
	padding: 0;
}
#textSizeBtns ul li.textSize {
	padding: 5px 0 0 5px;
}
#textSizeBtns ul li a {
	height: 23px;
	display: block;
	text-indent: -9000px;
}
#textSizeBtns ul li a.smallTxt {
	background: url('../img/smText_btn.gif') no-repeat left top;
	width: 26px;
	text-indent: -9000px;
}
#textSizeBtns ul li a.medTxt {
	background: url('../img/medText_btn.gif') no-repeat left top;
	width: 23px;
}
#textSizeBtns ul li a.lrgTxt {
	background: url('../img/bgText_btn.gif') no-repeat left top;
	width: 25px;
}
#textSizeBtns ul li a.active {
	background-position: right top;
}

#footer{
    width: 940px;
    margin: 0 auto;
    text-align: left;
	padding-bottom:20px;
	color:#fff;
}

#footer a {
	color:#fff;
	text-decoration:none;
	padding:0px 5px 0px 5px;
}

#footer a:hover {
	text-decoration:underline
}

body.small {
	font-size: 12px;
}

body.medium {
	font-size: 14px;
}

body.large {
	font-size:15px;
}

body.large .hpCta p {margin: 0;}

#homeMainContent{
	background:url(../img/ss_home.png) no-repeat right top;
	padding:20px 410px 35px 45px;
}