@import "tellAFriend.css";
/* BASE */
html,body { background: #e6e6e6; font-family: verdana; }

.wrapper { background: #e6e6e6 url('../images/background-bg.gif') repeat-y center;}

.container { width: 1003px; margin: auto;  position: relative; overflow:visible;}

.header { padding:48px 26px 0; margin:0 1px; background: url('../images/header-bg.gif') repeat-x bottom; padding-bottom:6px; }

.intuit-money-manager { }

.money-control { margin-top: -4px;margin-left: 455px; display:inline; }

.logo { padding-bottom: 24px; }

.nav { float:left; margin-left: 6px; _display:inline; }

.nav ul { margin:0; padding:0 ; line-height:0;}

.nav li { float: left; }

.nav li a { float :left; background:url('../images/nav-sprite.gif') no-repeat; height: 14px; text-indent: -9999px; }

/* nav sprites */

.nav li.home a { background-position: 0 0; width: 57px; }

.nav li.about a { background-position: -57px 0; width: 79px; }

.nav li.unique-benefits a { background-position: -136px 0; width: 152px; }

.nav li.getting-started a { background-position: -288px 0; width: 148px; }

.nav li.security a { background-position: -440px 0; width: 82px; }

.home .nav li.home a, .nav li.home a:hover { background-position: 0 -14px; }

.about .nav li.about a, .nav li.about a:hover { background-position: -57px -14px; }

.unique-benefits .nav li.unique-benefits a, .nav li.unique-benefits a:hover { background-position: -136px -14px; }

.getting-started .nav li.getting-started a, .nav li.getting-started a:hover { background-position: -288px -14px; }

.security .nav li.security a, .nav li.security a:hover { background-position: -440px -14px; }

.utility { float: right; margin-top:-3px; }

.utility li { float: left; margin-left:14px; }

.box { float:left; position: relative; }

.main { width: 510px; left:270px; /* .main appears first in HTML... good for seo */ padding-top:10px; position: relative; z-index:1; _overflow: visible;}

.home .main { width: 100%; left:0; }

.about .main,
.getting-started .main { _overflow: hidden;}

.intro { background:url(../images/intro-bg.gif) repeat-x; margin: 30px 16px 20px; height:383px; width: 970px; position: relative; }

.intro h1 { margin-left:16px; }

.intro-content { margin: 10px 0; height:248px; }

.intro-img { text-align:center; float:left; }

.intro-text { float: left; padding-top:46px;}

.intro-text h3, .intro-text p { padding-left:50px; }

.intro-text h3 { margin-bottom: 12px; }

/* intro-nav sprites */

.intro-nav { width:970px; height:71px; overflow:hidden; }

.intro-nav li { float: left; }

.intro-nav li a { float: left; background: url('../images/menu-sprite.gif') no-repeat; height: 71px; display: block; text-indent: -9999px; }

.intro-nav li a.understand-your-money { background-position: 0 100%; width: 194px; }

.intro-nav li a.all-your-accounts { background-position:-194px 100%; width:192px; }

.intro-nav li a.track-monthly-budgets { background-position:-386px 100%; width:193px; }

.intro-nav li a.alerts-reminders { background-position:-579px 100%; width: 193px; }

.intro-nav li a.safe-secure { background-position:-772px 100%; width:198px; }

.intro-nav li.active a.understand-your-money, .intro-nav li a.understand-your-money:hover { background-position: 0 0; }

.intro-nav li.active a.all-your-accounts, .intro-nav li a.all-your-accounts:hover { background-position:-194px 0 }

.intro-nav li.active a.track-monthly-budgets, .intro-nav li a.track-monthly-budgets:hover { background-position:-386px 0 }

.intro-nav li.active a.alerts-reminders, .intro-nav li a.alerts-reminders:hover { background-position:-579px 0 }

.intro-nav li.active a.safe-secure, .intro-nav li a.safe-secure:hover { background-position:-772px 0 }

.aside { width: 214px; left:-510px; padding:80px 28px 200px; position: relative; z-index:0; _background-position: 1px 100% !important;}

.xtra { width: 167px; padding:66px 28px 0; }

.free-trial { position: absolute; bottom: 100px; left:482px; }

.tell-a-friend { border-bottom: 1px solid #8C8C8C; margin-bottom:20px; padding-bottom:10px; }

.security-facts { border-bottom:1px solid #8c8c8c; padding-bottom: 14px; margin-bottom: 16px; }

.security-facts h3 { margin-bottom: 10px; }

.security-facts p { color:#707070; font: 11px/14px verdana; }

.facebook { border-bottom:1px solid #8c8c8c; padding-bottom: 14px; margin-bottom: 16px; }
.facebook h3 img { float: left; margin-right: 5px;}
.facebook h3 a {font:12px verdana; padding-right: 10px; font-weight: bold;}
.facebook p { padding: 10px 0;color:#707070; font: 11px/14px verdana; clear:both;  }

.downloads { border-bottom:1px solid #8c8c8c; padding-bottom: 14px; margin-bottom: 16px; }

.downloads h3 { }

.downloads li { list-style:none; font: 11px/14px verdana; margin:10px 0; background:url('../images/pdf-icon.gif') no-repeat left top; padding-left:20px; _zoom:1;}

.downloads li a { color:#707070; background: url('../images/bullet-arrow.gif') no-repeat right center; padding-right: 20px; _padding-bottom:10px; }

.fanpage { width:957px; margin:20px auto; background:url('../images/fanpage-footer.gif') no-repeat bottom center; padding-bottom:10px; }

.fanpage-header { background:url('../images/fanpage-header.gif') no-repeat top center; height:36px; }

.fanpage-content { background: url('../images/fanpage-content.gif') center repeat-y; overflow:hidden; padding-left:1px; }

.security .aside { background: url('../images/security-bg.gif') no-repeat bottom left; }

.about .aside { background: url('../images/about-bg.gif') no-repeat bottom left; }

.getting-started .aside { background: url('../images/getting-started-bg.gif') no-repeat bottom left; }

.unique-benefits .aside { background: url('../images/unique-benefits-bg.gif') no-repeat bottom left; }

.press .aside { background: url('../images/press-bg.gif') no-repeat bottom left; }

.contact .aside { background: url('../images/contact-bg.gif') no-repeat bottom left; }

.aside li { font: 14px/18px verdana; background: url(../images/bullet-arrow.gif) no-repeat 0 9px; list-style-position: outside;padding-left:20px; text-transform: capitalize; _position: relative; float: left; width: 194px;}

.aside li ul { margin: 10px 0; }

.aside li li { margin-left: 0; list-style-image:none; padding-left: 26px; font: italic normal 12px/18px verdana; background:url('../images/dot.gif') repeat-x bottom; padding:4px 0 6px 13px; width:181px;}

.aside li li a { color:#5F6062; background:none; display:inline; padding:0; }

.aside li li a.active { font-weight: bold; background: url('../images/sublist-arrow.gif') no-repeat 100% 5px; padding-right:10px; display: inline; }

.aside li a { color:#035773; text-decoration:none;background:url('../images/dot.gif') repeat-x bottom; display:block;padding: 4px 0 6px; margin:0;  }

.aside li a.active, .aside li a:hover { color:#5F6062; }

.breadcrumbs { margin-bottom: 20px; }

.breadcrumbs li { display:inline; }

.breadcrumbs a { color:#707070; text-decoration:none; font: 10px/12px verdana; text-transform: capitalize; }

.section-header { margin-bottom:20px; }

.features-nav ul { width:464px; margin-top:6px; }

.features-nav li { font: 14px/18px verdana; padding:10px 0; background:url('../images/dot.gif') repeat-x bottom; }

.features-nav li span { background:url('../images/lock.gif') no-repeat 0 4px; display:block; }

.features-nav li a { color:#707070; background: url('../images/more.gif') no-repeat right bottom; margin-left:24px; padding-right:80px; display:block; text-decoration:none; }

.features { padding-right: 44px; _overflow:hidden; }

.features h2 { color:#707070; font: normal bold 16px/21px verdana; margin:36px 0 16px; text-transform: capitalize;}

.features h3 { color:#707070; font: normal bold 14px/18px verdana; margin:36px 0 16px; text-transform: capitalize; }

.features h4 { color:#707070; font: normal bold 12px/18px verdana; margin:36px 0 16px; text-transform:capitalize; }

.thankyou
{margin:0px; padding:0px 40px 15px 0px; font-size:12px; color:#365EBF; line-height:15px; text-decoration:none;}


.features h5 { color:#707070; font: normal bold 12px/18px verdana; margin:36px 0 16px; }

.features li { color:#707070; font: 12px/18px verdana; margin-bottom:10px; margin-left:24px; list-style-image: url(../images/bullet-arrow-big.gif); }

.features ol li { list-style-type: decimal; list-style-image: none; }

.features p { color:#707070; font: 12px/18px verdana; margin-bottom: 16px; }

.social { text-align: right; font: 10px/16px verdana; color:#666; padding-right: 16px; margin-top:36px; }

.social img { vertical-align: middle; }

.footer-wrapper { background: url('../images/footer-bg.gif') no-repeat center top; position: relative; padding-bottom: 6px;}

.footer { width: 1003px; margin: auto; padding-top:26px; height: 100px;}

.intuit { width: 340px; float: left; }

.intuit h3 { margin-left: 20px; }

p.copyright  { font: 12px verdana; color:#544C4B; margin-top:28px;}

.footer-links { padding-top: 12px;}

.footer-links ul { font: 11px/14px verdana; }

.footer-links li { display:inline; color: #544C4B; }

.footer-links a { text-decoration: none; color: #544C4B; }

.verisign { float: right;}

/* homepage */

.free-trial { margin: 20px 0 20px -6px; }

.brief { background: url('../images/brief-border.gif') repeat-x bottom; width: 970px; margin:auto; padding-bottom: 30px; font-family: verdana; }

.whats-new, .in-the-press, .quick-demo { float: left; width: 310px; height: 200px; overflow: hidden; margin-right: 15px; position: relative; }

.whats-new h3, .in-the-press h3, .quick-demo h3 { margin-bottom: 20px; }

.whats-new ul { background:url('../images/whats-new-block.gif') no-repeat; width:244px; height:108px; padding: 15px 20px; overflow: hidden; font: 11px/15px verdana; }

.whats-new li { margin-bottom: 10px; background:url(../images/whats-new-arrow.png) no-repeat 0 5px; padding-left:16px;}

.whats-new li a { font: 10px/27px verdana; text-decoration: none; color:#035773; }

.whats-new .more-link { margin-left: 18px; }

.in-the-press { font: italic normal 12px/18px verdana; margin-right: 36px;}

.prev, .next { float: left; width: 10px; padding-top: 30px; }

.press-content { width: 270px; padding: 0 10px; float:left; overflow:hidden; height:165px; _width:268px;}

.press-content li { width: 270px; float:left;}

a.more-link { font: normal bold 12px/20px Verdana; color: #FF913A; text-transform: capitalize; position: absolute; bottom:0; left:18px }

.quick-demo { margin-right: 0; width: 299px; }

.home .testimonials { color: #5F6062; width:970px; height:240px; margin: 24px auto; background:url('../images/testimonial-bg1.gif') no-repeat 20px 48px; position: relative; }

.home .testimonials h3 { margin-bottom: 20px;}


.home .testimonials .prev, .home .testimonials .next { padding-top: 10px; }

/* IMPORTANT: testimonials list is used more than one time and is overridden */

.home .testimonials-list { margin: 5px 10px; float: left; width: 921px; height:200px; background:url('../images/testimonial-bg2.gif') no-repeat 853px 100px; overflow: hidden; }

.home .testimonials-list li { float: left; width: 294px; margin-right: 20px; font: 14px/21px verdana; position: relative; height: 165px; background:url('../images/testimonial-separator.gif') 293px 0  no-repeat; }

.home .testimonials-list li p { padding-right:20px;}

.about .testimonials-list { margin: 20px;}

.about .testimonials-list li { background:none;color:#707070; margin-right: 14px; font: 16px/22px verdana; position: relative;  margin-bottom:20px; border-bottom: 1px dotted #ccc; padding:6px 0 20px 0px;}

.about .testimonials-list .video { float: left; margin-right: 26px;}
.about .testimonials-list li p.testimonial-text {background:url('../images/quotesOpen.gif') no-repeat left top; padding:6px 0 0 16px;}
.about .testimonials-list li.video-testimonial p.testimonial-text { background-position: 244px 0;}

.about .testimonials-list .author { margin:10px 0 0 16px; font: 11px/14px verdana; }

.home .testimonials-list .author { position: absolute; bottom: 0; font: 10px/14px verdana; }

.testimonials-list .author-name { color: #3F3F3F; display: block; }

.supported-banks ul { float: left; width: 160px; margin-right: 15px; }

.supported-banks li { font: 12px/18px verdana; color: #707070; padding:6px 0px; border-bottom: 1px dotted #B7B7B7; }

table.pricing-table { width: 100%; border:1px solid #999; border-width:1px 0; margin:10px 0 6px; }

.pricing-table td { font: 14px/18px verdana; color:#035773; padding: 8px 0; }

.price { margin-left:20px; }

.feedback-btn { position: absolute; right:-38px; top:400px; _right:-40px;}

td.has-border { border-bottom:1px solid #ccc; }

td.col-2 { background: url('../images/td-separator.gif') no-repeat left center; padding-left:24px; }

.feature-box { width: 487px; font: 12px/18px verdana; margin: 26px 0; }

.feature-box-header { background: url('../images/feature-box-top.gif') no-repeat top center; height:7px; _font-size:0; }

.feature-box-content { background:url('../images/feature-box-bg.gif') repeat-y; padding: 10px 20px; }

.feature-box-footer { background:url('../images/feature-box-bottom.gif') no-repeat top center; height:9px; }

.feature-box h3 { color:#035773; margin-bottom: 16px; }

.feature-box h4 { font: 14px/18px verdana; color:#035773; }

.feature-box p { color:#707070; margin-bottom: 16px; }

.back-to-top { text-align: right; }

.back-to-top a { text-decoration: none; color:#035773; }
.benefits-list li { float:left; width:150px; height:288px; border-bottom:1px solid #FFA923; margin-right:30px; margin-bottom:30px; position: relative;}
.benefits-list ul { position: relative;}
.benefits-list li p { position:relative;}
.benefits-list h3 { font-size:16px; line-height:22px; color:#FF7F00; margin-bottom:10px;}

.benefits-list p { font:11px/15px verdana; color:#707070; }

.benefits-list .icon { position:absolute; bottom:6px; width:100%;}

.icon b { display:block; position:absolute; left:0; bottom:0; background:url('../images/unique-benefits-sprite.gif') no-repeat; text-indent: -9999px;}
.benefits-list .wide { width:330px;}

.body-text { margin-bottom: 10px;}


#benefit1 .icon b { background-position: -146px -132px; width:55px; height:57px; }
#benefit2 .icon b { background-position: -63px -132px; width:83px; height:73px; }
#benefit3 .icon b { background-position: 0px -128px; width:63px; height:57px; }
#benefit4 .icon b { background-position: -215px -134px; width:55px; height:57px; }
#benefit5 .icon b { background-position: -100px -206px; width:43px; height:62px; }
#benefit6 .icon b { background-position: -47px -206px; width:53px; height:72px; }
#benefit7 .icon b { background-position: 0px -206px; width:46px; height:72px; }
#benefit8 .icon b { background-position: -172px -44px; width:86px; height:85px; }
#benefit9 .icon b { background-position: -79px -44px; width:93px; height:83px; }
#benefit10 .icon b { background-position: 12px -30px; width:93px; height:65px; }
#benefit11 .icon b { background-position: 0 0; width:283px; height:40px; }

#benefit10,
#benefit11 { margin-top:36px; height: 200px;}

.popout {
	position:absolute;
	top:0;
	left:-10px;
	width:341px;
	z-index:9;
	display:none;
}
.popout-header { background: url('../images/popout-top-bg.png') no-repeat 0 0; height:17px; _font-size: 0}
.popout h3{ padding:12px 30px 0;}
.popout-content{ background:url('../images/popout-bg.png') repeat-y 0 0; padding-bottom: 1px; position: relative;}
.popout-footer { background: url('../images/popout-bottom-bg.png') no-repeat 0 100%; height:34px;}
.popout .icon{ bottom:0; padding-bottom:27px;}
.popout b {
	left:30px;
	bottom:30px;
}

.popout .extended {
	padding:0 50px 0 30px;
	margin-bottom:116px;
}

.close-btn {
	position: absolute;
	top:10px;
	right:30px;
}

.qp_next { text-indent:-9999px; background:url(../images/previousOn.gif) no-repeat; display: block; float: left; width:5px; height: 10px;}
.qp_prev{text-indent:-9999px; background:url(../images/nextOn.gif) no-repeat; display: block; float: right; width:5px; height: 10px;}
.pages { float:right; width: 60px;}

.qp_counter { font:10px/10px verdana;float:left; width:30px; margin:0 10px;}

/* PRESS (from old site)*/
.pressTitle
{margin:10px 50px 0px 0px; padding:0px; font-size:12px; font-weight:bold; line-height:17px; color:#3F3F3F; text-decoration:none;}

.pressDate
{margin:8px 25px 0px 0px; padding:0px; font-size:10px; font-weight:normal; line-height:15px; color:#035773; text-decoration:none;}

.pressOverview
{margin:2px 25px 10px 0px; padding:0px; font-size:12px; font-weight:normal; line-height:18px; color:#707070; text-decoration:none;}

.pressMore
{margin:0px; padding:0px 0px 10px 0px; font-size:10px; font-weight:normal; line-height:13px; color:#707070; text-decoration:none;}

.pressMore a
{margin:0px; padding:0px; font-size:10px; font-weight:normal; line-height:13px; color:#035773; text-decoration:none;}

.pressMore a:hover
{margin:0px; padding:0px; font-size:10px; font-weight:normal; line-height:13px; color:#035773; text-decoration:none;}


.pressTitle01EC
{margin:15px 50px 0px 0px; padding:0px; font-size:14px; font-weight:normal; line-height:20px; color:#035773; text-decoration:none;}

.pressDateEC
{margin:10px 25px 0px 0px; padding:0px; font-size:10px; font-weight:normal; line-height:15px; color:#035773; text-decoration:none;}

.pressBodytextHdr
{margin:0px 25px 0px 0px; padding:0px; font-size:12px; font-weight:bold; line-height:18px; color:#707070; text-decoration:none;}

.pressBodytext
{margin:2px 25px 15px 0px; padding:0px; font-size:12px; font-weight:normal; line-height:18px; color:#707070; text-decoration:none;}

.pressBodytext a
{color:#035773; text-decoration:none;}

.pressBodytext a:hover
{color:#035773; text-decoration:none;}

ul.pressSubnav
{margin:26px 0px 0px 0px; padding:0px 0px 10px 0px; text-align:left; list-style:none; font-size:12px; line-height:15px; height:17px; overflow:hidden;}

ul.pressSubnav li
{margin:0px 12px 0px 0px; padding:0px; float:left; font-weight:normal; color:#3F3F3F; text-decoration:none;}

ul.pressSubnav li a
{margin:0px; padding:0px; float:left; font-weight:normal; color:#035773; text-decoration:none;}

ul.pressSubnav li a:hover
{margin:0px; padding:0px; float:left; font-weight:normal; color:#3F3F3F; text-decoration:none;}



.pressMediaColL01
{margin:0px; padding:0px 0px 5px 0px; float:left; width:340px;}

.pressMediaColR01
{margin:0px; padding:10px 10px 5px 0px; float:right; width:150px;}

.pressMediaTitle
{margin:0px; padding:10px 0px 0px 0px; font-size:14px; font-weight:normal; line-height:20px; color:#035773; text-decoration:none;}

.pressMediaDate
{margin:8px 0px 0px 0px; padding:0px 10px 0px 0px; font-size:10px; font-weight:normal; line-height:15px; color:#035773; text-decoration:none;}

.pressMediaDate a
{font-size:10px; font-weight:normal; line-height:15px; color:#035773; text-decoration:none;}

.pressMediaDate a:hover
{font-size:10px; font-weight:normal; line-height:15px; color:#035773; text-decoration:none;}


.pressMediaOverview
{margin:2px 0px 10px 0px; padding:0px 10px 0px 0px; font-size:12px; font-weight:normal; line-height:18px; color:#707070; text-decoration:none;}

.pressMediaTelevision
{margin:5px 0px 15px 0px; padding:0px; font-size:10px; font-weight:normal; line-height:15px; color:#707070; text-decoration:none;}

ul.contactDetails
{margin:15px 0px 20px 0px; padding:0px; height:140px; text-align:left; list-style:none; border-bottom:1px dotted #B7B7B7; overflow:hidden; overflow:hidden;}
p.contactDetails 
{font-size:13px; line-height:18px; color:#707070; font-weight: bold;}
p.contactDetails a
{font-weight: normal;}
ul.contactDetails li
{float:left; margin:0px 25px 0px 0px; padding:0px; font-size:11px; line-height:15px; color:#707070; overflow:hidden;}

.hline04
{border-bottom:1px dotted #B7B7B7; margin:0px -5px 10px -5px; padding:0px; height:5px; clear:both;}


/* END old site styles */

/* Screen-shot boxes*/
.screenshot-box { margin-left: 10px; margin-top: 10px; margin-bottom: 10px; width: 451px;}

.box-shadow-header { background: url('../images/box-shadow-top.png') no-repeat; height: 19px;}
.box-shadow-content { background: url('../images/box-shadow-bg.png') repeat-y; overflow:hidden; padding:0 24px 0 22px;}
.box-shadow-footer { background: url('../images/box-shadow-bottom.png') no-repeat; height: 25px;}
p.screenshot { margin-bottom: 0; position: relative;}

.moreplus { text-indent:-9999px; width:12px; height:12px; display:block; background:url('../images/unique-benefits-sprite.gif') no-repeat right bottom; position:absolute; right:4px; bottom:10px; }

.faq li { color:#035773; font:15px/20px verdana; clear:both; border-bottom:1px dotted #ccc; background:url('../images/toggle1.gif') no-repeat 416px 4px; padding-right:36px; cursor:pointer; _position: relative;}
.faq .question { font: 15px/20px verdana; color:#035773; cursor:pointer;}
.faq .answer { display:none; margin-bottom:20px;clear:both;}
.faq_hdr { display:block; margin-bottom:10px;}
.faq_img { float:left; margin-right:10px;}
.faq li.expanded { background-image:url('../images/toggle.gif');}

strong { font-weight: bold; }

a { color: #035773; text-decoration:none; outline:none;}

a:active { outline:none !important; border:none;}

hr { color:#ccc; border-color:#ccc; border-width:0; background-color:#ccc; }

hr.dotted { background: transparent url('../images/dot.gif') repeat-x; _border-bottom:1px dotted #ccc; color:transparent; height:1px; }

.last { background: none !important; margin-right:0 !important; }
/* ie6 fixes for carousel */
.jcarousel-clip-horizontal {
	width: 100%;
}

.jcarousel-item {
	height: 100%;
}