/* --------- Resets ---------- */
h1,h2,h3,h4 {font-weight:300;margin:0;padding:0;}
/*----------------------------*/
body {
background: #fff;
font-size:14px;
margin:0;
padding:0;
font-family: 'Open Sans', arial, verdana, sans-serif;
font-weight:400;
color: #3f3f3f;
}
img {
border:none;
}
.globalnav {
/*background:#818286;*/
background:#75767D;
text-align:center;
padding:3px 0;
}
.globalnav a {
color:#fff;
}
#alertbar {
padding: 10px 0;
background:#d13940;
color:#fff;
overflow:hidden;
}
#alertbar h2 {
font-size:17px;
margin-top:10px;
}
#alertbar a {
color:#fff;
}
#alertbar .imageleft {
margin-bottom:0px;
}
#alertbar #x-icon {
cursor:pointer;
}
#header {
height:113px;
position:relative;
}
#header2 {
height:113px;
position:relative;
}
#logo {
display:none;
position:absolute;
width:240px;
height:60px;
top:15px;
left:10px;
background: url(/images/treasury_software_logo.png) no-repeat;
background-size:contain;
cursor:pointer;
}
.customerportal {
color:#d13940;
text-decoration:none;
margin-top:5px;
}
.customerportal img {
vertical-align:middle;
}
.mobilelogo {
position:absolute;
width:240px;
height:60px;
top:15px;
left:10px;
}
#mobilephone {
display:block;
width:100%;
position:absolute;
bottom: 5px;
text-align:center;
font-size:16px;
font-weight:bold;
color: #d13940;
}
#mobilephone a {
color: #258901;
text-decoration:none;
}
#uppernav, #mainnav, #containerHeaderMenuMobile, #containerHeaderMenuMobile .sub-menu {
display:none;
}
#mobilenav {
height:55px;
position:absolute;
right:20px;
top:30px;
}
#mobilenav img {
height:25px;
}
#containerHeaderMenuMobile {
position:absolute;
background: #fff;
width:100%;
padding:10px 0;
text-align:center;
font-size:16px;
z-index:500;
-webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,.2);
box-shadow: 0 3px 3px 0 rgba(0,0,0,.2);
}
#containerHeaderMenuMobile ul {
list-style:none;
padding:0;
margin:0;
}
#containerHeaderMenuMobile ul li {
text-align:center;
border-bottom:1px solid #d4d4d4;
}
#containerHeaderMenuMobile ul li a {
display:block;
padding: 10px 0;
color: #258901;
text-decoration:none;
}
#containerHeaderMenuMobile ul li.hassub a {
background: url(/images/hassub_bg_gray.png) right no-repeat;
}
#containerHeaderMenuMobile .sub-menu {
background: #f9f9f9;
padding: 5px 0;
}
#containerHeaderMenuMobile .sub-menu li {
border:none;
font-size:14px;
}
#containerHeaderMenuMobile .sub-menu li a {
padding: 5px 0;
background:none !important;
}
#tagline {
height:28px;
line-height:28px;
background: #d4d4d4;
text-align:center;
font-size:12px;
font-weight:600;
border-bottom:2px solid #fff;
}
.container {
position:relative;
height:100%;
}


/* ---------------------------------------- HOMEPAGE STYLES ---------------------------- */
#homepagehero, #interiorhero {
padding: 15px 10px;
font-size:13px;
}
#interiorhero {
color:#fff;
background-position: top;
}
#interiorhero h1 {
display:block;
padding: 0 10%;
text-align:center;
font-weight:300;
font-size: 30px;
line-height: 34px;
margin-top: 6%;
}
.hero {
overflow:hidden;
background: #fbfbfb url(/images/hero_bg.jpg) bottom repeat-x;
}
.hero .left {
float:left;
width:100%;
margin: 0 0 0 10px;
}
.hero .left ul {
line-height:160%;
margin-bottom:25px;
}
.hero .left .button {
display:block;
margin: 15px 10px;
}
.hero .left .button.blue {
display:none;
}
.hero .right img {
width: 200px;
margin:0 auto;
display:block;
}
.hero h1 {
font-weight:600;
font-size:24px;
line-height:34px;
}
.hero2 {
overflow:hidden;
background: #fbfbfb url(/images/homepage-hero2.jpg) bottom no-repeat;
background-size:cover;
height: 300px;
padding:0;
text-align:center;
}
.hero3 {
overflow:hidden;
background: #fbfbfb url(/images/homepage-hero3.jpg) center no-repeat;
background-size:cover;
height: 300px;
padding:0;
text-align:center;
}
.hero3 h3 {
font-weight:700;
color: #fff;

}
.hero2 h1 {
color: #fff;
font-size:34px;
line-height:38px;
font-weight:300;
margin-top:3%;
}
.hero3 h1 {
/*color: #258901;*/
color: #fff;
font-size:34px;
line-height:38px;
font-weight:400;
margin-top:3%;
margin-bottom: 10px;
}
.hero2 .button {
margin-top: 25px;
}
#down-arrow {
display:block;
width:135px;
height:32px;
margin:5% auto 0 auto;
background: url(/images/down_arrow.png) no-repeat;
}
#chooseproducts {
background:#3f3f3f;
color:#fff;
padding: 40px 0;
}
#chooseproducts h1 {
display:block;
text-align:center;
font-size:24px;
}
#chooseproducts .productbox {
margin: 45px 3% 20px 3%;
text-align:center;
font-size:12px;
position:relative;
padding-bottom:16px;
}
#chooseproducts .productbox h2 {
font-size:18px;
font-weight:600;
margin-top:10px;
}
#chooseproducts .productbox a {
color:#fff;
}
#chooseproducts .productbox a img, #chooseproducts #canadianhomepusher a.icon img {
height:70px;
}
#chooseproducts .productbox a.learnmore {
position:absolute;
display:block;
font-size:13px;
font-weight:600;
width:100%;
bottom:0;
text-decoration:none;
}
#chooseproducts .productbox a.learnmore.button {
left: 50%;
width: max-content;
transform: translateX(-50%);
}
#canadianhomepusher .container div {
text-align:center;
}
#canadianhomepusher .container div a.icon {
display:block;
margin-top:30px;
}
#homepagequote {
background:#717171;
color:#fff;
padding:35px 0;
text-align:center;
font-size:26px;
font-weight:300;
font-style:italic;
}
#homepagequote.homepagequotenew {
background:#258901;
}
#homepagequote p {
max-width:800px;
margin:15px auto;
}
#homepagequote p.byline {
font-size: 18px;
font-style:normal;
}
#homepagesupport {
overflow:auto;
padding: 40px 0px 0 0;
text-align:center;
background: #f3f6fb;
}
#homepagesupport h1 {
display:block;
text-align:center;
font-size:38px;
}
#homepagesupport ul {
list-style-type:none;
padding-left:0;
}
#homepagesupport ul li {
margin: 20px 0;
display:block;
min-width:98px;
padding-top: 105px;
font-size:21px;
}
#homepagesupport ul li.faqs {
color: #3f3f3f;
background:url(/images/faqs-icon.png) top no-repeat;
}
#homepagesupport ul li.phone {
color: #3f3f3f;
background:url(/images/phone-icon.png) top no-repeat;
}
#homepagesupport ul li.email {
color: #3f3f3f;
background:url(/images/email-icon.png) top no-repeat;
}
#homepagesupport ul li.videos {
color: #3f3f3f;
background:url(/images/videos-icon.png) top no-repeat;
}

/* ---------------------------------------- INTERIOR PAGE STYLES ---------------------------- */
#productintro {
background:#3f3f3f;
color:#fff;
padding:20px 0;
font-size:18px;
overflow:hidden;
}
#productintro h2 {
font-size:16px;
}
#productintro .container {
padding: 0 5%;
}
#productintro .left {
margin-bottom:15px;
}
#productintro h2 {
font-weight:600;
}
#productintro a {
color:#fff;
font-weight:600;
text-decoration:none;
}

.qb-selector {
padding:30px 0;
background: #258901;
color:#fff;
font-size:14px;
text-align:center;
}
.qb-selector h2 {
font-size:16px;
}
#interiorhero .right .buynnowcallout {
margin-top:15px;
font-size:18px;
}
#interiorhero .right .buynnowcallout a {
color: #d13940;
text-decoration:none;
}
.interiorcontent {
padding: 30px 10px;
overflow:hidden;
}
.interiorcontent a {
/*color: #d13940;*/
/*color: #3f3f3f;*/
color: #258901;
/*text-decoration:none;*/
}
.interiorcontent.nopad {
padding:0;
}
.likeh1 {
display:block;
color: #d13940;
font-weight:600;
font-size:24px;
line-height:34px;
}
.interiorcontent h2 {
/*color: #d13940;*/
font-size:22px;
font-weight:600;
display:block;
padding:0 0 1px 0;
border-bottom: 1px solid #d4d4d4;
}
.interiorcontent h3 {
font-size:18px;
font-weight:600;
}
.interiorcontent h4 {
font-weight:600;
}
.bold {
font-weight:800;
}
#mainpricingtable {
overflow:hidden;
}
#mainpricingtable div {
-webkit-border-radius: 10px;
border-radius: 10px;
text-align:center;
padding: 30px 0 0 0;
font-size:14px;
}
#mainpricingtable div.fadebg {
background: url(/images/mainpricingbox_bg.jpg) bottom repeat-x;
min-height:240px;
width:100%;
margin: 0 0 20px 0;
}
#mainpricingtable div.fadebg h2 {
color:#3f3f3f;
border:none;
}
#mainpricingtable div.fadebg p {
margin-bottom:0;
}
#mainpricingtable div.fadebg p.pricing {
margin-top:0;
font-size:20px;
}
.bullet {
font-size:2em;
color:#717171;
}
/*These are the new styles for the pricing table */
div.redbg {
background: #d13940;
color:#fff;
}
div.redbg a {
color:#fff !important;
}
div.rounded {
-webkit-border-radius: 10px;
border-radius: 10px;
padding: 10px 20px;
}
#mainpricingtable div.redbg {
min-height:240px;
width:100%;
margin: 0 0 20px 0;
cursor:pointer;
}
#mainpricingtable div.redbg h2 {
color:#fff;
border:none;
}
#mainpricingtable div.redbg p {
margin-bottom:0;
font-size:18px;
}
#mainpricingtable div.redbg p.pricing {
margin-top:0;
font-size:18px;
}
#mainpricingtable .button {
/*width: 75% !important;*/
padding:0 15px !important;
font-weight:600 !important;
font-size:13px;
text-transform: none !important;
margin:0 0  0 auto !important;
line-height: 28px !important;
}
.red {
color: #d13940 !important;
}
#utilpricingtable {
margin: 25px 0;
}
#utilpricingtable div {
text-align:center;
-webkit-border-radius: 10px;
border-radius: 10px;
margin-top:35px;
}
#utilpricingtable div.fadebg {
float:none;
width:100%;
background: url(/images/mainpricingbox_bg.jpg) bottom repeat-x;
min-height: 190px;
padding: 10px;
}
#utilpricingtable div.redbg {
float:none;
width:100%;
background: #d13940;
color:#fff;
min-height: 160px;
padding: 20px 10px 10px 10px;
cursor:pointer;
}
#utilpricingtable .button {
font-size:13px !important;
font-weight:600 !important;
line-height: 28px !important;
margin-right:0 !important;
text-transform: none !important;
}
.alternating tr:nth-child(even) {
background: #fbfbfb;
}
#utilpricingtable h3 {
font-size:18px;
}
.sidebar .left {
padding:0 10px;
margin-bottom:30px;
}

.sidebar .right {
padding:0 10px;
}
.sidebar .left h3 {
font-size: 22px;
font-weight:600;
color: #3f3f3f;
display:block;
padding-bottom:3px;
border-bottom: 1px solid #d4d4d4;

}

.sidebar .left ul {
margin:0px 0 0 5px;
padding:0;
list-style:none;
font-size:15px;
}
.sidebar .left ul .divider {
margin: 10px 0;
}
.sidebar .left ul li {
margin: 5px 0;
}
.sidebar .left ul li a {
text-decoration:none;
color:#3f3f3f;
}
.sidebar .left ul li a:hover {
color: #258901;
}
.sidebar .left ul li.selected a {
color: #d13940;
font-weight:600;
}
.sidebar .left ul ul {
margin:8px 0 8px 15px;
font-size:13px;
}
#sidebar-coupon {
display:none;
}
.interiorcontent .right img {
max-width: 100%;
height: auto;
}
.interiorcontent .right h2 {
color: #3f3f3f;
font-weight: normal;
font-size:20px;
border:none;
}
.interiorcontent .right a {
/*color: #4f71aa;*/
color: #258901;
font-weight:600;
}
.kfsidebarsubmenu, .qbsidebarsubmenu {
display:none;
}
body.keyfeatures .kfsidebarsubmenu, body.quickbooks .qbsidebarsubmenu {
/*display:block;*/
}

body.overview .sidebar .left ul li.overviewmenuitem a,
body.keyfeatures .sidebar .left ul li.keyfeaturesmenuitem a,
body.howitworks .sidebar .left ul li.howitworksmenutem a,
body.quickbooks .sidebar .left ul li.quickbooksmenuitem a,
body.quickbooksonline .sidebar .left ul li.quickbooksonlinemenuitem a,
body.pricing .sidebar .left ul li.pricingmenuitem a,
body.FAQs .sidebar .left ul li.FAQsmenuitem a,
body.Videos .sidebar .left ul li.Videosmenuitem a,
body.InstallationAndMovingHelp .sidebar .left ul li.InstallationAndMovingHelpmenuitem a,
body.UserManuals .sidebar .left ul li.UserManualsmenuitem a,
body.VersionPaySupportInvoice .sidebar .left ul li.VersionPaySupportInvoicemenuitem a,
body.VersionUpdateCreditCard .sidebar .left ul li.VersionUpdateCreditCardmenuitem a,
body.UserManual .sidebar .left ul li.UserManualmenuitem a,
body.SystemRequirements .sidebar .left ul li.SystemRequirementsmenuitem a,
body.SupportPlans .sidebar .left ul li.SupportPlansmenuitem a,
body.Licensing-LicenseKeys .sidebar .left ul li.Licensing-LicenseKeysmenuitem a,
body.VersionHistory .sidebar .left ul li.VersionHistorymenuitem a,
body.ContactSupport .sidebar .left ul li.ContactSupportmenuitem a,
body.AboutUs .sidebar .left ul li.AboutUsmenuitem a,
body.WhyChooseUs .sidebar .left ul li.WhyChooseUsmenuitem a,
body.OurClients .sidebar .left ul li.OurClientsmenuitem a,
body.UserManual .sidebar .left ul li.UserManualmenuitem a,
body.News .sidebar .left ul li.Newsmenuitem a,
body.PartnerProgram .sidebar .left ul li.PartnerProgrammenuitem a,
body.Careers .sidebar .left ul li.Careersmenuitem a,
body.Certifications .sidebar .left ul li.Certificationsmenuitem a,
body.CustomerLogin .sidebar .left ul li.CustomerLoginmenuitem a,
body.ACH-File-Create ul.kfsidebarsubmenu li.ACH-File-Create a,
body.Importing-Entering ul.Importing-Entering li.ACH-File-Create a,
body.Overview .sidebar .left ul li.Overviewmenuitem a,
body.KeyFeatures .sidebar .left ul li.KeyFeaturesmenuitem a,
body.pricing .sidebar .left ul li.pricingmenuitem a,
body.HowItWorks .sidebar .left ul li.HowItWorksmenuitem a,
body.ACHMerge .sidebar .left ul li.ACHMergemenuitem a,
body.ACHtoExcel .sidebar .left ul li.ACHMergemenuitem a,
body.ABARoutingList .sidebar .left ul li.ACHMergemenuitem a,
body.BAItoExcel .sidebar .left ul li.ACHMergemenuitem a,
body.CreateBAI2Files .sidebar .left ul li.ACHMergemenuitem a,
body.ACHMergesmenutem .sidebar .left ul li.ACHMergesmenutem a,
body.ach2excel .sidebar .left ul li.Overviewmenuitem a,
body.utils-pricing .sidebar .left ul li.utils-pricingmenuitem a,
body.canadaach .sidebar .left ul li.canadianmenuitem a, body.quickbooksonline .qbsidebarsubmenu a
{
color: #248401 !important;
font-weight:600;
}
.expands {
display:none;
}
.breadcrumbs {
font-size:11px;
}
.divider {
margin: 25px 0;
border-bottom:1px solid #d4d4d4;
}
.mleft25 {
margin-left:25px;
}
.smaller1 {
font-size:12px;
}
.smaller2 {
font-size:11px;
}
.larger1 {
font-size:15px;
}
.larger2 {
font-size:16px;
}
#ss360-layer h4 {
font-size:18px  !important;
}
.ss360-group .ss360-suggests a {
color: #1a0dab;
}
.ss360-result-link {
color: #006621 !important;
}
#ss360-layer p {
margin-top: 0;
}
.ss360-layer-content h2 {
font-size:14px  !important;
}
.videoembed {
width:100%;
height:0;
padding-bottom: 56.25%;
}
/* ------------ DOWNLOAD PAGE CHANGES 2019 -----------------*/
#downloadhero {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0+0,0.1+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#1a000000',GradientType=0 ); /* IE6-9 */
text-align:center;
margin-bottom: 20px;
}
#downloadhero a {
color:#4f71aa;
}
#downloadhero .container {
padding-top:15px;
text-align:center;
}
#downloadhero .container.cloud {
background:url(/download/images/cloud-watermark.png);
background-size:contain;
background-repeat:no-repeat;
background-position:center;
}
#downloadhero img {
max-width: 100%;
max-height: 200px;
}
#downloadhero h1 {
font-size: 38px;
}

/* ------------PRICING TABLE -----------------*/
.pricingtable {
width:100%;
}
.pricingtable tr:nth-of-type(odd) {
  background: #fbfbfb;
}
.pricingtable th {
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
color:#fff;
font-weight:400;
}
.pricingtable th.red {
background:#D13940;
border-right:1px solid #fff;
}
.darkerred {
background:#D13940;
border-right:1px solid #fff;
}
.darkestred {
background:#D13940;
}
.pricingtable th h4 {
font-size:12px;
color:#fff;
display:block;
padding: 15px 5px;
border-bottom:1px solid #9e3b3e;
}
.pricingtable th p {
border-top:1px solid #c56165;
margin-top:0;
padding-top:10px;
font-size:10px;
}
.pricingtable th strong {
font-size:12px;
}
.pricingtable td {
padding: 10px 15px;
}
.tabpricingselector {
margin-bottom:25px;
}
.price {
text-align:center;
font-weight:300;
margin-bottom:10px;
font-size:30px;
}
.price sup, .price sub {
font-size:25px;
}
.pricingcolumns > div {
position:relative;
background:#f8f8f8;
text-align:center;
padding: 20px 10px;
margin: 10px 0;
border:1px solid #e9e9e9;
}
.pricingcolumns > div ul {
padding-left:0;
text-align:left;
margin-left:30px;
}
.pricingcolumns > div ul li {
margin-bottom:10px;
}
.pricingcolumns .supporttext {
font-size: 16px;
font-style:italic;
margin-bottom:25px;
}


/* ------------PRICING TABLE NEW 2018-----------------*/
.pricingtablenew {
width:100%;
}
.pricingtablenew tr:nth-of-type(odd) {
  background: #fbfbfb;
}
.pricingtablenew th {
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
font-weight:400;
background:#f0f0f0;
}
.pricingtablenew th.red {
background:#D13940;
border-right:1px solid #fff;
}
.pricingtablenew a {
color: #4f71aa
}
.darkerred {
background:#D13940;
border-right:1px solid #fff;
}
.darkestred {
background:#D13940;
}
.pricingtablenew th h4 {
font-size:16px;
display:block;
padding: 15px 5px;
}
.pricingtablenew th p {
margin-top:0;
padding-top:10px;
font-size:10px;
}
.pricingtablenew th strong {
font-size:12px;
}
.pricingtablenew td {
padding: 10px 15px;
}
.price {
text-align:center;
font-weight:300;
margin-bottom:10px;
font-size:30px;
}
.price sup, .price sub {
font-size:25px;
}
.pricingcolumns > div {
overflow: hidden;
}
.pricingcolumns > div ul {
padding-left:0;
}
.mostpopular {
background:#d13940;
color:#fff;
width: 200px;
position: absolute;
top: 25px;
left: -60px;
text-align: center;
line-height: 25px;
letter-spacing: 1px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
font-size: .8em;
}

/* ------------PRICING TABLE NEW 2020-----------------*/
.pricingtable2020 {
width:100%;
border-spacing: 0px 2px;
font-size: 13px;
}
.pricingtable2020 tr:nth-of-type(odd) {
  background: #fbfbfb;
}
.pricingtable2020 th {
border-radius: 5px 5px 0 0;
font-weight:400;
position:relative;
overflow:hidden;
}
.pricingtable2020 th.category {
text-align:left;
background: #258901;
color:#fff;
border-radius:0px;
padding:5px;
font-weight:700;
}
.pricingtable2020 th .icon {
height:30px;
margin-top:30px;
}
.pricingtable2020 th.red {
background:#D13940;
border-right:1px solid #fff;
}
.pricingtable2020 a {
color: #4f71aa
}
.pricingtable2020 th .mostpopular {
background: #258901;
transform: none;
-webkit-transform: none;
top:0;
text-align:center;
line-height:20px;
width: 100%;
left:0;
}
.pricingtable2020 th h4 {
font-size:14px;
display:block;
padding: 0px 3px 15px 3px;
}
.pricingtable2020 th p {
margin-top:0;
padding-top:10px;
font-size:10px;
}
.pricingtable2020 th strong {
font-size:12px;
}
.pricingtable2020 td {
padding: 10px 15px;
}
.pricingtable2020 td.special {
background:#cdcdcd;
}
.pricingtable2020 td.special-alt {
background:#eaf5e5;
}
.pricingtable2020 .icon {
height:15px;
}

/* ------------ PRICING PAGE CHANGES 2020 -----------------*/
.subscriptionselector {
text-align:right;
}
.new2020pricinggrid {
align-items: stretch;
}
.new2020pricinggrid > div {
flex:1;
text-align:center;
border: solid 1px #bbbaba;
margin:20px 2px 0 2px;
padding:20px 10px;
position:relative;
overflow:hidden;
background:#f9f8f8;
}
.new2020pricinggrid.edits2022 > div {
margin:40px 2px 0 2px;
}
.new2020pricinggrid > div.lowest {
margin-top:80px;
}
.new2020pricinggrid.edits2022 {
margin-bottom: 20px;
}
.new2020pricinggrid.edits2022 > div.lowest {
margin-top:0;
padding-bottom: 0px;
}
.new2020pricinggrid > div .mostpopular {
background:#258901;
}
.new2020pricinggrid > div h3 {
font-size:24px;
}
.new2020pricinggrid > div .icon {
height:50px;
}
.new2020pricinggrid > div ul li {
margin-bottom:15px;
}
.new2020pricinggrid > div hr {
border-top:1px solid #bbbaba;
margin: 20px 0;
}
.new2020pricinggrid > div.raised {
-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
border: solid 1px #989898;
align-self:flex-start;
background:#fff;
z-index: 2;
padding-bottom:70px;
}
.new2020pricinggrid h4 {
font-size:16px;
text-align:left;
margin-bottom: 10px;
}
.new2020pricinggrid .price {
font-size:22px;
text-align:left;
}
.new2020pricinggrid .supporttext {
font-size: 16px;
font-style: italic;
}
.needhelpdeciding {
margin:50px 0;
justify-content: space-between;
}
.needhelpdeciding > .flex {
border: solid 1px #bbbaba;
border-radius: 10px;
padding:20px;
flex:1;
margin: 0 10px;
color: #3f3f3f;
text-decoration:none;
}
.needhelpdeciding > .flex > div:first-child {
flex:0%;
}
.needhelpdeciding .icon {
height:50px;
padding: 0 30px;
aspect-ratio: 1;
}
.greyfade {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.2+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#33000000',GradientType=0 ); /* IE6-9 */
}
.greenfade {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#258901+1,2e9a03+100&0.2+0,0.35+100 */
background: -moz-linear-gradient(top,  rgba(46,154,3,0.2) 0%, rgba(46,154,3,0.2) 1%, rgba(46,154,3,0.35) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(46,154,3,0.2) 0%,rgba(46,154,3,0.2) 1%,rgba(46,154,3,0.35) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(46,154,3,0.2) 0%,rgba(46,154,3,0.2) 1%,rgba(46,154,3,0.35) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#332e9a03', endColorstr='#592e9a03',GradientType=0 ); /* IE6-9 */
}
.includedgrid {
border-radius:10px;
flex-wrap:wrap;
margin-top:30px;
}
.includedgrid > div {
padding:20px;
flex-basis:100% !important;
margin:10px;
max-width:100%;
}
.includedgrid > div > div:first-child {
flex:100%;
}
.includedgrid .icon {
height:75px;
padding: 0 30px;
}
.industryleaders img {
height:40px;
display: block;
margin: 40px auto 5px auto;
}
.buyingquestions {
margin: 30px 0;
}
#carousel-widget2_frame {
height:120px;
}
.floatingsaleshelp {
opacity:0;
position:fixed;
bottom: 15px;
background:#444545;
color:#fff;
border-radius:50px;
width: 85%;
left: 50%;
transform: translateX(-50%);
z-index:200;
}
.floatingsaleshelp > a {
display:block;
text-align:center;
flex: 1 0 auto;
border-right:1px solid #585959;
color:#fff;
text-decoration:none;
padding: 10px 20px;
}
.floatingsaleshelp > a:hover {
background: #258901;
}
.floatingsaleshelp > a .icon {
height:24px;
vertical-align: middle;
margin-right:5px;
}
.floatingsaleshelp > a:last-child {
border:none;
}
.floatingsaleshelp > a:last-child:hover {
border-radius: 0 50px 50px 0;
}
.floatingsaleshelp > a:first-child:hover {
border-radius: 50px 0px 0px 50px;
}

/* ---------------------------------------- TABBED INTERFACE STYLES ---------------------------- */
.etabs { margin: 35px 0 0 15px; padding: 0; }
.etabscentered {text-align:center;}
.tab { display: inline-block; zoom:1; *display:inline; background: #efefef; border: solid 1px #ddd; border-bottom: none; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0;padding: 8px 15px; color:#acabab;}
.etabscentered .tab {margin: 0 1%;position: relative;padding-top: 25px;}
.tab a { font-size: 14px; display: block; padding: 0 10px; outline: none;font-weight:700;color:#acabab !important; }
.etabscentered .tab a {font-size:16px;text-decoration:none;height: 100%;position: absolute;width: 100%;left: 0px;top: 5px;padding: 0;}
.tab.active { background: #fff; position: relative; top: 1px;color:#3f3f3f}
.tab.active a {color:#4f71aa !important;}
.tab-container > div { background: #fff; border: solid 1px #ddd; padding: 15px; -moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius: 10px; }
.tab-container .button {line-height:35px;padding:0 10px;margin-right:0;font-size:12px;min-width:40px;}
.tab-container p {margin-top:0;}
.tab span {font-size:12px;font-style:italic;}

/* ---------------------------------------- ACCORDION INTERFACE STYLES ---------------------------- */
.accordiongroup {
margin: 35px 0 0 0;
}
li.accordiongroup {
margin: 0;
}
.accordiongroup h2 {
display:block;
background: #fbfbfb;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 3px;
margin-bottom:10px;
font-weight:600 !important;
font-size:18px !important;
}
.accordiongroup h2 a {
display:block;
background:url(/images/plus_icon.png) left center no-repeat;
color:#3f3f3f !important;
padding-left: 25px;
outline: none;
text-decoration:none;
}
.accordiongroup h2 a.minus {
background:url(/images/minus_icon.png) left center no-repeat;
}
.accordion {
display:none;
}

/* ---------------------------------------- 2022 KEY FEATURES STYLES ---------------------------- */
.features-grid {
gap:25px;
}
.features-grid .feature {
background:#f1f1f1;
padding:15px;
border-radius:15px;
flex-basis:100%;
flex-wrap:wrap;
}
.features-grid .feature .icon {
flex-basis:100%;
}
.features-grid .feature .content {
text-align:left !important;
}
.features-grid .feature .content ul {
list-style:none;
padding-left:0;
}
.features-grid .feature .content ul li {
margin-bottom:.5em;
}

/* ---------------------------------------- 2025 PRICING ROWS STYLES ---------------------------- */

.advanced-pricing-rows {
	border: solid 1px #bbbaba;
	border-radius:10px;
	padding:25px;
}
.advanced-pricing-rows .left-column {
	flex:1;
}
.advanced-pricing-rows .left-column img {
	height: 75px;
}

.advanced-pricing-rows .middle-column {
	flex:2;
}
.advanced-pricing-rows .middle-column ul li {
	margin-bottom: 15px;
}

.advanced-pricing-rows .right-column {
	flex:1;
}
.advanced-pricing-rows .right-column .price {
	font-size:24px;
}

.desktop-pricing-box {
	border: solid 1px #bbbaba;
	background: #f9f8f8;
	padding: 30px 30px;
	gap:100px;
	max-width: 800px;
	margin: 0 auto;
}
.desktop-pricing-box > .icon {
	flex: initial;
	flex-basis:300px;
}
.desktop-pricing-box .text {
	flex:1;
}

/* ---------------------------------------- 2025 FREE TRIAL STYLES ---------------------------- */

.free-trial-options {
	gap:50px;
	margin-top:20px;
	flex-wrap:wrap;
}
.free-trial-options .free-trial-option {
	flex-basis:100%;
	border:1px solid #000;
	padding:22px 45px;
	border-radius:10px;
	position:relative;
	overflow: hidden;
}
.free-trial-options .free-trial-option span.corner-ribbon {
	background: #258901;
	color: #fff;
	width: 200px;
	position: absolute;
	top: 25px;
	right: -60px;
	text-align: center;
	line-height: 25px;
	letter-spacing: 1px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	font-size: 1.1em;
}
.free-trial-options .free-trial-option h2 {
	border:none;
	margin-bottom:18px;
}
.free-trial-options .free-trial-option h2 span.flag {
	display:inline-block;
	padding:3px 20px 3px 3px;
	border-radius:3px;
	border-top:3px solid #258901;
	border-left:3px solid #258901;
	border-bottom:3px solid #258901;
	color:#258901;
	font-size:18px;
	text-transform:uppercase;
	position:relative;
	line-height: 1em;
}
.free-trial-options .free-trial-option h2 span.flag::after {
	content:'';
	display:block;
	width:17px;
	height:17px;
	transform:rotate(45deg);
	border-radius:3px;
	border-left:3px solid #258901;
	border-bottom: 3px solid #258901;
	position:absolute;
	right:-7px;
	top:2px;
}
.free-trial-options .free-trial-option .rounded-box {
	border-radius:10px;
	padding:10px;
	margin-top:45px;
}
.free-trial-options .free-trial-option .rounded-box.green {
	background:#DCEBD6;
}
.free-trial-options .free-trial-option .rounded-box.blue {
	background:#EAF4FF;
}
.free-trial-options .free-trial-option .rounded-box > img {
	margin-top:-35px;
}
.free-trial-options .free-trial-option .rounded-box ul {
	columns:2;
	column-gap: 20px;
	list-style-position: inside;
	text-align: left;
}
.free-trial-options .free-trial-option .rounded-box ul li {
	margin-bottom:10px;
}

/* ---------------------------------------- SCROLLING LOGOS STYLES ---------------------------- */
#scrollinglogos {
padding: 5px 0;
background: #ffffff;
font-size:14px;
border-top:1px solid #ededed;
padding-top:20px;
}
#scrollinglogos .container h3 {
display:block;
text-align:center;
font-weight:400;
font-size:24px;
color:#5e5e5e;
}
#scrollinglogos .container a {
float:right;
color:#5e5e5e;
font-size:13px;
}
#logoslideshow {
clear:both;
}
#logoslideshow img {
width:100%;
}
#scroller {
list-style-type:none;
width:100%;
clear:both;
margin-top:35px;
padding:0;
}
#scroller li {
display:inline-block;
margin-right:40px;
}

/* ---------------------------------------- MISC UTILITY/BUTTON/FORM STYLES ------------------------------- */
.button {
display:inline-block;
padding: 0 35px;
line-height:40px;
font-size: 14px;
font-size:14px;
color:#fff !important;
-webkit-border-radius: 5px;
border-radius: 5px;
margin-right:10px;
text-decoration:none;
/*text-transform:uppercase;*/
font-weight:700;
border:none;
}
.button.gray {
background:#717171;
}
.button.red {
background:#d13940;
}
.button.blue {
background:#4f71aa;
}
.button.green {
background:#258901;
}
.button.outline {
background:none;
background-image:none !important;
border:2px solid #fff;
padding: 0 15px;
/*padding-left: 15px !important;*/
}
.button.outline:hover {
background:#258901 !important;
border:2px solid #258901;
-webkit-transition: background .3s, border .2s; /* Safari */
transition: background .3s, border .2s;
}
.button.blackoutline {
background:none;
background-image:none !important;
border:1px solid #000;
color:#000 !important;
padding: 0 15px;
}
.button.icon {
background-image:url(/images/download_arrow_fff.png);
background-position: 5px center;
background-repeat:no-repeat;
padding-left: 45px;
}
.button.larger {
padding: 12px 40px;
font-size:18px;
margin: 10px 0;
}
.button.smaller {
font-size:13px;
line-height:30px;
padding: 0 10px;
}
.textboxes {
border:1px solid #ccc;
background:#fff;
padding: 10px;
font-size:14px;
}
#footer .textboxes {
border:none;
}
.lower {
text-transform:lowercase;
}
.hideformobile, .hidefortabletdown {
display:none;
}
.centered {
text-align:center !important;
}
.leftalign {
text-align:left !important;
}
.rightalign {
text-align:right !important;
}
.tinytext {
font-size:10px;
}
.row {
clear:both;
margin: 0;
overflow: hidden;
}
.row .twocol {
margin: 15px 0;
}
.row .threecol {
margin: 15px 0;
}
.row .fourcol {
margin: 15px;
}
.noborder {
border:none !important;
}
div {
box-sizing: border-box;
}
.flex {
display:flex;
flex-wrap: wrap;
}
.flexcenter {
align-items:flex-start;
}
.flexnowrap {
flex-wrap:nowrap;
}
.flex > div {
flex: 50%;
text-align: center;
}

.flex.image-text {
gap:30px;
padding:30px 0;
}
.flex.image-text .image {
order:2;
}
.flex.image-text .text {
text-align:left;
}

.threewide > div {
flex-basis: 100%;
}
p.larger {
	font-size:16px;
}

/* -------------------------------------------- FOOTER STYLES ------------------------------- */
#abovefooter {
background:#737373;
color:#fff;
padding: 20px 0;
font-size:18px;
text-align:center;
}
#abovefooter a {
color:#fff;
}
#abovefooter h1 {
display: block;
text-align: center;
font-size: 24px;
color:#fff;
margin-bottom: 30px;
}
#abovefooter .container > div {
display:block;
width:100%;
}
#abovefooter img {
height:48px;
vertical-align: middle;
margin-right:10px;
margin-bottom: 10px;
}


#abovefooternew {
background:#3f3f3f;
color:#fff;
padding: 40px 0;
font-size:18px;
text-align:center;
}
#abovefooternew h1 {
text-align:center;
margin-bottom:30px;
}
#abovefooternew  .contact-methods {
justify-content:center;
gap:100px;
}
#abovefooternew  .contact-methods > div {
flex: initial;
text-align:center;
}
#abovefooternew  .contact-methods .icon {
	border-radius:100px;
	border:2px solid #fff;
	padding:20px;
	margin:0 auto 10px auto;
	width: 120px;
  	height: 120px;
  	text-align:center;
  	justify-content: center;
  	transition:all .3s ease-out;
}
#abovefooternew  .contact-methods a {
text-decoration:none;
color:#fff;
}

#abovefooternew  .contact-methods a:hover .icon {
background:#258901;
border-color:#258901;
}

#footer {
background:#3f3f3f;
color:#fff;
padding:20px 10px 0px 10px;
overflow:hidden;
}
#footer .container {
display:flex;
flex-wrap: wrap;
gap: 25px;
}
#copyright {
margin-bottom:50px;
}
#footer a {
color: #fff;
text-decoration:none;
}
#copyright a {
text-decoration:underline;
}
.footercol {
flex-basis: calc(50% - 13px);
width: 100%;
}
.footercol h3 {
font-size:20px;
font-weight:400;
}
.footercol ul {
list-style:none;
margin: 10px 0;
padding:0;
}
.footercol ul li {
margin:3px 0;
padding:0;
}
.footercol .textboxes {
width: 280px;
color:#8b8b8b;
font-family: 'Open Sans', arial, verdana, sans-serif;
}
.footercol input[type="submit"] {
float:right;
margin:0;
padding: 0 25px;
}
#txtMessage {
font-family: 'Open Sans', arial, verdana, sans-serif;
font-weight:400;
}
#copyright {
flex-basis: 100%;
clear:both;
font-size:10px;
}
#socialicons a {
display:inline-block;
width:32px;
height:32px;
margin-right:1px;
background-repeat:no-repeat;
}
#socialicons a.facebook {
background-image:url(/images/facebook_icon.png);
}
#socialicons a.twitter {
background-image:url(/images/twitter_icon.png);
}
#socialicons a.linkedin {
background-image:url(/images/linkedin_icon.png);
}
#socialicons a.youtube {
background-image:url(/images/youtube_icon.png);
}
#socialicons a.gplus {
background-image:url(/images/gplus_icon.png);
}

/* -------------------------------------------- TRAVELING FOOTER BAR STYLES ------------------------------- */
#footerbar {
display:none;
position:fixed;
z-index:900;
bottom:0;
width:100%;
height:52px;
/*background:url(/images/footerbar_bg.png) repeat-x;*/
text-align:center;
}
#footerbar a {
display:inline-block;
text-align:center;
height:34px;
line-height:34px;
font-size:14px;
font-weight:600;
width:120px;
color: #fff !important;
text-decoration:none;
-webkit-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
margin: 18px 3px 0 0;
-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.3);
box-shadow: 0 0 5px 0 rgba(0,0,0,.3);
}
#footerbar a.gray {
background:#717171;
}
#footerbar a.blue {
background:#4f71aa;
}
#footerbar a.red {
background:#258901;
}

/* -------------------------------------------- 2026 UPDATEDTRAVELING FOOTER BAR STYLES ------------------------------- */

#footerbarnew {
position: fixed;
bottom: 15px;
background: #444545;
color: #fff;
border-radius: 50px;
width: 85%;
left: 50%;
transform: translateX(-50%);
z-index: 200;
border: 1px solid #585959;
}
#footerbarnew > a {
display: block;
text-align: center;
flex: 1 0 auto;
border-right: 1px solid #585959;
color: #fff;
text-decoration: none;
padding: 10px 20px;
}
#footerbarnew > a:first-child:hover {
  border-radius: 50px 0px 0px 50px;
}
#footerbarnew > a:last-child:hover {
  border-radius: 0 50px 50px 0;
}
#footerbarnew > a:hover {
  background: #258901;
}
#footerbarnew > a:last-child {
  border: none;
}
#footerbarnew > a .icon {
  height: 24px;
  vertical-align: middle;
  margin-right: 5px;
}

/* -------------------------------------------- TOOL TIP ------------------------------- */
/* --- base --- */
a.tooltip
	{
	position: relative;
	text-decoration: underline;
	}
a.tooltip:hover
	{
	color: #003366;
	text-decoration: none !important;
	}
 a.tooltip:hover:after, a.tooltip:hover:before
	{
    display: block;
	text-decoration: none;
	}

.ach-selector-boxes {
max-width:660px;
margin:30px auto;
border-radius:8px;
border: 1px solid #d4d4d4;
padding:15px;

}
.ach-selector-boxes .flex {
	justify-content:center;

}