body{font-family:Arial,Helvetica,sans-serif;font-size:62.5%;line-height:1.5em;}

a{color:#0571ad;}
a.more{font-weight:bold;font-size:1.2em;}

#wrapper{width:960px; margin: 0 auto}


/* Header
-----------------------------------------------------------------------*/
#logos{margin:1em 0;}
#logos .system{float:left;font-size:3em;}
#logos .bbb{float:right;}

#bbb{float:right;width:300px;margin-top:5px;}
#bbb p{float:left;text-align:right;width:255px;margin-top:16px;font-size:1.1em;color:#555;line-height:1.2em;}
#bbb img{float:right;margin-left:10px;}

/* Nav */
#nav{position:relative;background:#043855 url(homepage/images/tabShadow.png) bottom repeat-x;padding-top:.5em;}
#nav ul{margin-top:7px;}
#nav ul li{position:relative;display:block;float:left;}
#nav ul li a{display:block;position:relative;bottom:-1px;font-size:1.1em;text-transform:uppercase;border-style:solid;border-color:#fff;border-width:1px 0 0;padding:6px 16px;margin-left:7px;text-decoration:none;background:#ccd2d7 url(../images/tabShadow.png) bottom repeat-x;color:#111;font-weight:bold;}
#nav ul li a:hover{text-decoration:underline;}
#nav ul li.selected a{border-bottom:1px solid #eef1f4;background:#eef1f4;}


/* Body
-----------------------------------------------------------------------*/
#body{position:relative;zoom:1;width:918px;background:#eef1f4;padding:20px;border-style:solid;border-width:1px;border-color:#f8f9fb #ddd #ddd;}

/* account picker and overview items */
#accounts, #mainContent{float:left;width:680px;position:relative;}

.jFlowSlideContainer{position:relative:zoom:1;overflow:hidden;}

#overviewContainer{display:block;overflow:hidden;border:1px solid #ddd;background:#fff;width:678px;zoom:1;}
#overviewWrapper{position:relative;background:#fff;border:1px solid #ddd;zoom:1;}
	#overview .account{position:relative;zoom:1;}
	#overview .account .accountContent{height:216px;margin:2px 5px 2px 2px;*margin-right:2px;padding-left:200px;background:url(../images/overviewBg1.jpg) bottom left no-repeat;}
	#overview .account h2{font-size:3.4em;line-height:1em;margin:15px 0 0;color:#043855;position:relative;letter-spacing:-0.01em;*margin-top:25px;}
	#overview .account h2 span{display:block;font-size:15px;color:#444;line-height:1.5em;}
	#overview .account h2 em{font-style:italic;}
	#overview .account .prompt{position:relative;margin:.8em 0;}
	#overview .account .prompt img{float:left;margin-right:14px;}
	#overview .account .prompt a.more{float:left;font-weight:bold;font-size:1.2em;line-height:37px;}
	#overview .account ul{position:relative;zoom:1;}
	#overview .account li{position:relative;list-style:disc;margin-left:15px;color:#333;font-size:1.2em;line-height:1.5em;zoom:1;}

#accountBoxContainer{width:696px;position:relative;margin:7px 0 0;zoom:1;}
	.accountBox.active{height:274px;}

/* indented items are zoomed in values on hover over of account options */
.accountBox{float:left;margin-right:10px;position:relative;width:335px;cursor:pointer;background:#fff;border:1px solid #ddd;}
	.accountBox.active{margin:-8px -7px 0 -14px;width:365px;z-index:10;font-size:1.1em;background:transparent;border:none;}

.accountBox.last{margin-right:0;}

.accountBox div.accountContainer{width:331px;padding:2px;}
	.accountBox.active div.accountContainer{margin:2px;width:360px;position:absolute;z-index:6;background:#fff;border:1px solid #ddd;}
	.accountBox.active.last{margin-left:-22px;}

.accountBox .accountContent{position:relative;zoom:1;background: #fff url(../images/accountInactiveGradientBg.jpg) bottom repeat-x;}
	.accountBox.active .accountContent{background: #fff url(../images/accountActiveGradientBg.jpg) bottom repeat-x;}

.accountBox .accountName{background:#043855;}
.accountBox h3{font-size:1.7em;padding:15px;color:#fff;}

.accountBox .tagline{padding:10px 10px 10px 15px;background:#dad9d9;}
	.accountBox.active .tagline{background:#cbe0ef;}

.accountBox .tagline span{display:block;float:left;width:190px;font-size:12px;font-weight:bold;}
	.accountBox.active .tagline span{font-size:12px;}

.accountBox .tagline button{float:right;}

.accountBox img.bt{display:block;float:right;}

.accountContent{padding:15px;}

.accountContent p{font-size:1.2em;margin-bottom:.5em;line-height:1.4em;color:#333;}
.accountContent p.price{font-size:2.4em;font-weight:bold;margin-bottom:0;line-height:1em;}
.accountContent p.price span{font-size:.6em;font-weight:normal;}
.accountContent p.offer{margin-bottom:.8em;font-weight:bold;line-height:1.2em;}
	.active .accountContent p.offer{margin-bottom:.5em;}
.accountContent a{font-size:1.2em;}


/* side column items */
#benefits, #secondaryContent{float:right;width:218px;}

.mod{margin-bottom:1em;border:1px solid #ddd;background:#fff;padding:2px;}
.mod .content{padding:2em 1.5em;background: url(../images/modGradientBg.jpg) bottom repeat-x;}
.mod .title{background:#e3eaf0;padding:1.25em 1.5em;}
.mod h2{font-size:1.3em;font-weight:bold;color:#043855;}

.mod ul, .mod dl{font-size:1.2em;}
.mod li{margin-bottom:.5em;list-style:decimal;margin-left:2em;}
.mod dt{font-weight:bold;}

#side_testimony p{margin-bottom:1em;font-size:1.2em}

#keys.mod .title{background:#e3eaf0 url(../images/iconKey.png) 96% 50% no-repeat;}
#keys h2{padding-right:55px;}
#keys ul{margin-bottom:1em;}
#keys ul li{background:url(../images/bulletSm.png) 0 5px no-repeat;list-style:none;padding-left:10px;margin:0 0 0.2em;}


#features dl{margin-bottom:1em;}
#features dl dt, #features dl dd{padding-left:35px;}
#features dl dt{padding-bottom:30px;}
#features dl dd{margin-top:-30px;margin-bottom:1.25em;color:#666;}
#features dl dt.feature-1{background:url(../images/notebook_sm.png) no-repeat;}
#features dl dt.feature-2{background:url(../images/featureOrg.png) no-repeat;}
#features dl dt.feature-3{background:url(../images/letter_sm.png) no-repeat;}
#features dl dt.feature-4{background:url(../images/stats_sm.png) no-repeat;}


/* Feature Shadow
-----------------------------------------------------------------------*/
.shadow{position:absolute;left:-8px;top:-8px;z-index:5;display:none;}
.active .shadow{display:block;}
.shadow table td{line-height:0;border:0;padding:0;}
.shadow img.tl, .shadow img.tc, .shadow img.tr, .shadow img.bl, .shadow img.bc, .shadow img.br{height:10px;}
.shadow img.tl, .shadow img.tr, .shadow img.ml, .shadow img.mr, .shadow img.bl, .shadow img.br{width:10px;}

/* height of shadow content area set in js */
.shadow img.ml, .shadow img.mr{height:200px;}
.shadow img.height{height:200px;}

/* width of shadow content area */
.shadow img.tc, .shadow img.bc{width:365px;}


/* Footer
-----------------------------------------------------------------------*/
#accounts .mod{width:676px;position:relative;margin-bottom:0;}
#accounts .mod .content{background-position:10px;padding-left:100px;}
#accounts .mod h3{font-size:1.3em;margin-bottom:.1em;color:#222;}
#accounts .mod p{font-size:1.2em;margin-bottom:0;color:#555;}

#guarantee{position:absolute;top:-3px;left:5px;}

#footer{text-align:center;margin:1.5em 0 2em;}
#footer ul{display:block;margin-bottom:.5em;}
#footer li {display:inline;border-left:1px solid #ddd;padding:0 1em;font-size:1.1em;}
#footer li.first {border:0;padding-left:0;}
#footer p, #what #footer p{font-size:1.1em;color:#666;}


/* How It Works
-----------------------------------------------------------------------*/
#how #mainContent .mod .content{padding:0;background:none;}

#how h1{color:#043855;font-size:2.7em;letter-spacing:-.03em;margin:.5em 0 .75em;}
#how #howIllustration h2{font-size:1.8em;letter-spacing:-.03em;color:#222;margin-bottom:.4em;line-height:1.2em;}
#how #howIllustration ul{margin:.5em 0;}
#how #howIllustration li{list-style:disc;margin-bottom:.3em;}

#how #howIllustration .stepWrapper{position:relative;background:url(../images/stepNumberBg.jpg) repeat-y;}
#how #howIllustration .stepWrapper.last .stepContentInner a{float:left;margin-right:14px;width:23%;}
#how #howIllustration .stepWrapper.last .stepContentInner div{float:left;font-size:1.1em;width:77%;}
#how #howIllustration .stepWrapper.last .stepContentInner h3{position:relative;font-size:1.2em;line-height:1.2em;margin-top:-5px;}

#how #howIllustration .stepNumber{position:relative;display:block;float:left;width:6%;padding:.8em 0;color:#fff;text-align:center;font-size:2.8em;font-weight:bold;}
#how #howIllustration .stepContent{position:relative;display:block;float:left;width:94%;background:url(../images/howIllsNextArrow.jpg) bottom right no-repeat;}
#how #howIllustration .first .stepContentInner{padding-top:2em;}
#how #howIllustration .stepContentInner{position:relative;background:url(../images/howIllsNextArrow.jpg) bottom left no-repeat;padding:1em 2em 3.5em;}

#how #howIllustration .icon.one{background: #fff url(../images/howStep1Icon.jpg) 11px 0 no-repeat;padding-left:131px;}
#how #howIllustration .icon.two{position:relative;background: #fff url(../images/howStep2Icon.jpg) 11px 0 no-repeat;padding-left:131px;}
#how #howIllustration .icon.three{position:relative;background: #fff url(../images/howStep3Icon.jpg) 11px 0 no-repeat;padding-left:131px;}

#how #howIllustration .last .stepContent, #how #howIllustration .last .stepContentInner{background:none;padding-bottom:1em;}
#how #howIllustration .stepWrapper.last{margin-left:0;}

/* Testimonials
-----------------------------------------------------------------------*/
#testimony #mainContent{width:100%;}
#testimony #mainContent .mod .content{padding:25px 25px 0;background:none;zoom:1;}

#testimony .mainFeat, #testimony .moreFeat{}
#testimony .mainFeat p, #testimony .moreFeat p{font-size:1.3em;color:#666;line-height:1.4em;}

#testimony h1{color:#043855;font-size:2.7em;letter-spacing:-.03em;margin:.25em 0 .75em;}
#testimony h3{font-size:1.1em;margin:0 0 2em;line-height:1em;text-transform:uppercase;color:#666;letter-spacing:.2em;background:#EEF1F4;padding:9px 8px 7px;border-bottom:1px solid #ddd;}
#testimony h3.secondary{margin-bottom:1.5em;}
#testimony p{font-size:1.4em;color:#333;}

#testimony .more{display:none;margin-top: 0;}

#testimony ul.main_features li{position:relative;margin:0 0 25px;padding:0 0 0 90px;list-style:none;zoom:1;}
#testimony ul.main_features h4{font-size:1.2em;margin-bottom:4px;}
#testimony ul.main_features p{color:#666;font-size:12px;line-height:18px;}

#testimony ul.main_features, #testimony ul.more_features{float:left;width:810px;margin-right:25px;zoom:1;}
#testimony ul.main_features.last, #testimony ul.more_features.last{margin-right:0;}



/* What you Get
-----------------------------------------------------------------------*/
#what #mainContent{width:100%;}
#what #mainContent .mod .content{padding:25px 25px 0;background:none;zoom:1;}

#what #prompt{padding-top:1em;}
#what #prompt .screenshot{float:left;width:596px;text-align:center;}
#what #prompt .screenshot img{margin:0 auto;}
#what #prompt .copy{float:left;width:265px;}
#what #prompt h2{font-size:3em;line-height:1.1em;letter-spacing:-0.03em;margin:0 0 .3em;}
#what #prompt p{font-size:1.4em;line-height:1.4em;margin-bottom:1em;color:#555;}

#what .mainFeat, #what .moreFeat{}
#what .mainFeat p, #what .moreFeat p{font-size:1.3em;color:#666;line-height:1.4em;}

#what h1{color:#043855;font-size:2.7em;letter-spacing:-.03em;margin:.25em 0 .75em;}
#what h3{font-size:1.1em;margin:0 0 2em;line-height:1em;text-transform:uppercase;color:#666;letter-spacing:.2em;background:#EEF1F4;padding:9px 8px 7px;border-bottom:1px solid #ddd;}
#what h3.secondary{margin-bottom:1.5em;}
#what p{font-size:1.4em;color:#333;}

#what .more{display:none;margin-top: 0;}

#what ul.main_features li{position:relative;margin:0 0 25px;padding:0 0 0 80px;list-style:none;zoom:1;}
#what ul.main_features li.main1{background:url(../images/notebook_lg.png) no-repeat;}
#what ul.main_features li.main2{background:url(../images/letter_lg.png) no-repeat;}
#what ul.main_features li.main3{background:url(../images/calendar_lg.png) no-repeat;}
#what ul.main_features li.main4{background:url(../images/mlm_lg.png) no-repeat;}
#what ul.main_features li.main5{background:url(../images/stats_lg.png) no-repeat;}
#what ul.main_features li.main6{background:url(../images/alert_lg.png) no-repeat;}
#what ul.main_features h4{font-size:1.2em;margin-bottom:4px;}
#what ul.main_features p{color:#666;font-size:12px;line-height:18px;}

#what ul.main_features, #what ul.more_features{float:left;width:270px;margin-right:25px;zoom:1;}
#what ul.more_features{position:relative;border-top:1px solid #CCC;margin:20px 25px 10px 0;padding:0 0 20px;}
#what ul.main_features.last, #what ul.more_features.last{margin-right:0;}

#what ul.more_features li{background:#FFF;border-bottom:1px solid #CCC;clear:both;color:#666;position:relative;list-style:none;margin:0;*margin:0 0 -3px;zoom:1;padding:0;}
#what ul.more_features li a:hover{background:#EEF1F4;}
#what ul.more_features li a:link, #what ul.more_features li a:active, #what ul.more_features li a:visited{display:block;padding:6px 3px 6px 6px;text-decoration:none;zoom:1;position:relative;}
#what ul.more_features li span{display:block;color:#999;font-size:11px;position:absolute;right:6px;text-align:right;top:6px;width:65px;}
#what ul.more_features a.full_toggle2 span{color:red;}
#what ul.more_features p{padding:0 3px 3px;color:#666;font-size:12px;line-height:18px;margin-bottom:4px;}


/* Misc.
-----------------------------------------------------------------------*/

button a{color:#fff;text-decoration:none;}
button.hover{}

hr,.hide{display:none;}
a img{border:none;}
/* self-clear floats */
.group {display: inline-block}
* html .group{height: 1%}
.group {display: block}
.group:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

/* Buttons */
#join_buttons {position:relative; background:#36671D url(../images/tabShadow.png) bottom repeat-x; padding:1.2em 1em 1em 1em;}
#join_buttons a {color:#FFFFFF; font-weight:bold; font-size:1.6em; text-decoration:none}