/*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: 959px;
    margin: 0 auto;
    text-align: left;
    position: relative;
}

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

#topNav {
    float: right;
    margin: 10px 0 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;
}

#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 {
    background: #ffffff url('../img/mainBg.gif') no-repeat top left;
    min-height: 500px;
    clear: both;
    margin: 10px 0 20px 0;
    padding: 0 0 25px 0;
}

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

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

#mainNav {
    background: url('../img/navBg.jpg') repeat-x top left;
    height: 33px;
    padding: 1px 0 0 10px;
}

#mainNav ul {
    list-style: none;
}

#mainNav ul li {
    float: left;
}

#mainNav ul li a {
    text-indent: -9000px;
    display: block;
}    

#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;
}

#mainNav ul li.current a {background-position: right top; cursor: default;}

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 top left;
    padding: 20px 45px 0 45px;
    margin: 20px 0 30px 0;
}

.contentBox .text {
    float: left;
    width: 460px;
    margin: 0 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 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: 960px;
        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;}