/*------------------------------------------------------------------*/
/*-------------------------GENERAL----------------------------------*/
/*------------------------------------------------------------------*/
::-webkit-input-placeholder {color:#AAAAAA;}
::-moz-placeholder {color:#AAAAAA;} /* firefox 19+ */
:-ms-input-placeholder {color:#AAAAAA;} /* ie */
input:-moz-placeholder {color:#AAAAAA;}

@font-face {font-family:Futura Light; src:url(Fonts/FuturaLight.woff);}
@font-face {font-family:Futura Heavy; src: url(Fonts/FuturaHeavy.woff);}

.Shadow2 {box-shadow:0px 10px 12px #CCCCCC;}

h1, h2, h3, p {margin:0px; padding:0px;}
img {border:0;}

.LinkAqua {cursor:pointer; color:#00BBFF; text-decoration:underline; font-size:13px; font-weight:normal;}
.LinkGray {cursor:pointer; color:#666666; text-decoration:underline; font-size:13px; font-weight:normal;}

.PadTop5 {padding-top:5px;}
.PadTop7 {padding-top:7px;}
.PadTop10 {padding-top:10px;}
.PadTop15 {padding-top:15px;}
.PadTop20 {padding-top:20px;}
.PadTop25 {padding-top:25px;}
.PadTop30 {padding-top:30px;}
.PadTop35 {padding-top:35px;}
.PadTop40 {padding-top:40px;}
.PadTop50 {padding-top:50px;}
.PadTop60 {padding-top:60px;}
.PadTop70 {padding-top:70px;}
.PadTop80 {padding-top:80px;}
.PadRight10 {padding-right:10px;}
.PadRight20 {padding-right:20px;}
.PadRight30 {padding-right:30px;}
.PadLeft5 {padding-top:5px;}
.PadLeft10 {padding-left:10px;}
.PadLeft20 {padding-left:20px;}
.PadBot10 {padding-bottom:10px;}
.PadBot15 {padding-bottom:15px;}
.PadBot20 {padding-bottom:20px;}
.PadBot25 {padding-bottom:25px;}
.PadBot30 {padding-bottom:30px;}
.PadBot40 {padding-bottom:40px;}
.PadBot50 {padding-bottom:50px;}
.PadBot60 {padding-bottom:60px;}
.PadBot70 {padding-bottom:70px;}
.PadBot80 {padding-bottom:80px;}
.Font14 {font-size:14px;}
.Font13 {font-size:13px;}
.Font12 {font-size:12px;}
.Bold {font-weight:bold;}
.Black {color:#000000}
.White {color:#FFFFFF}
.Red {color:#FF0000}
.Color333333 {color:#333333;}
.Color999999 {color:#999999;}
.Width300 {width:300px;}
.LH140 {line-height:140%;}
.LH145 {line-height:145%;}
.Pointer {cursor:pointer;}
.NoSelect {user-select:none;}
.InlineBlock {display:inline-block;}
.Relative {position:relative;}
.Absolute {position:absolute;}
.NoWrap {white-space:nowrap;}
.Center {text-align:center;}
.Left {text-align:left;}
.Right {text-align:right;}
.BoldBlack {font-weight:bold; color:black;}
.Italic {font-style:italic;}
.Underline {text-decoration:underline;}
.RedBorder {border:1px solid red;}
.BlueBorder {border:1px solid blue;}
.DividerLine {height:1px; width:100%; background-color:#E7E7E7;} /*E5E5E5*/



/*==========fadeIn==========*/
.FadeIn {
    animation-name:FadeIn; -webkit-animation-name:FadeIn;
    animation-duration:1.5s; -webkit-animation-duration:1.5s;
    animation-timing-function:ease-out; -webkit-animation-timing-function:ease-out;
    visibility: visible !important;
    }
@keyframes FadeIn {0%{opacity:0} 100%{opacity:1;}}
@-webkit-keyframes FadeIn {0%{opacity:0} 100%{opacity:1;}}


/*=======Buttons=============*/
.ButtonDarkGray
    {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #666666), color-stop(1, #333333) ); background:-moz-linear-gradient( center top, #666666 5%, #333333 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#333333');
	background-color:#333333;
	border:1px solid #555555;
	border-radius:3px;
	display:inline-block;
	color:#FFFFFF;
	font-family:arial;
	font-size:14px;
	font-weight:normal;
	padding:8px 13px 8px 13px;
	text-align:center;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor:pointer;
    white-space:nowrap;
    }
.ButtonDarkGray:hover
    {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #444444), color-stop(1, #000000) );
	background:-moz-linear-gradient( center top, #444444 5%, #000000 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
	}
.ButtonGray
    {
    display:inline-block;
    font-family:Arial;
    background-color:#ededed;
    color:#555555; /*777777*/    
    border-radius:3px;
    border:1px solid #CDCDCD;
    text-align:center;
    padding:8px 13px 8px 13px;
    font-size:14px;
    font-weight:normal;
    /*text-shadow: 0 1px 0 rgba(255, 255, 255, 0.439);*/
    white-space:nowrap;
    cursor:pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #F5F5F5), color-stop(1, #E9E9E9) );
    background:-moz-linear-gradient( center top, #F5F5F5 5%, #E9E9E9 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5', endColorstr='#E9E9E9');
    }
.ButtonGray:hover
    {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #F4F3F3), color-stop(1, #E6E6E6) );
    background:-moz-linear-gradient( center top, #F4F3F3 5%, #E6E6E6 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F4F3F3', endColorstr='#E6E6E6');
	border-color:#B5B5B5;
	}


/*------------------------------------------------------------------*/
/*-------------------------DESKTOP----------------------------------*/
/*------------------------------------------------------------------*/
@media only screen and (min-width: 768px)
{
body {font-family:Arial; font-size:14px; color:#333333; margin:0px; padding:100px 0px 0px 0px; overflow-x:hidden;} /* min-width:1200px;*/
.IpadScalingFix {width:1060px;}

.IsMobileSite {display:none;}
.DesktopHidden {display:none;}
.DesktopWidth1060 {width:1000px; padding-left:40px; padding-right:40px;}
.DesktopPadBot10 {padding-bottom:10px;}
.DesktopPadRight30 {padding-right:30px;}

.TabsDesktop {}
.TabsMobile {display:none;}
.TabMain,.TabMainSelected {font-size:14px; color:#ffffff; background-color:#30CBFF; cursor:pointer; padding:25px 24px 25px 24px; white-space:nowrap; user-select: none;}
.TabMain:hover{background-color:#58D5FF;}
.TabMainSelected {background-color:#53D3FD;}

.FooterBody {color:#AAAAAA; font-size:9pt; text-align:center;}
.FooterLink {font-family:Arial; font-weight:normal; font-size:12px; color:#8A939A;text-decoration:underline; cursor:pointer;}
.FooterLink:hover {text-decoration:underline; color:#CCCCCC;}
.FooterLinkSpacer::after {content:"|"; padding-left:7px; padding-right:7px;}
.FooterAddress {font-size:10px; padding-top:15px; padding-bottom:50px; color:#AAAAAA; line-height:130%;}

.BlogIcon {padding:5px 30px 5px 30px; border-radius:10px 0 0 10px; border-right:1px solid #D4D4D4; background-color:#F9F9F9; width:55px;}
.BlogTeaser {line-height:140%; padding:15px 30px 15px 30px; width:560px; height:85px;}

.Title1 {text-align:left; font-family:Futura Light,Arial; color:#000000; font-size:30px; font-style:normal; font-weight:300; line-height:40px; padding-bottom:25px; width:300px;}
.Text1 {color:#333333; font-family:Arial; font-weight:normal font-style:normal; text-align:left; font-size:15px; line-height:145%; width:300px;}
.HomePageGraphic {float:right;}
.BGGray {background-color:#F9F9F9;}
.DividerSpacer {padding:100px 0 100px 0;}

.HPSection {display:block; text-align:left;}
.SectionMain {position:relative; padding-top:35px; height:565px; width:1015px;} /* width:1200px; padding-right:20px; padding-left:20px; border:2px solid red;*/

.TextLeft {float:left;}
.ImgRight {float:right;}
.TextRight {float:right;}
.ImgLeft {float:left;}


.HomeText {padding:40px 80px 0 0;}
.AccountingText {padding:0px 0 0 90px;}
.DataEntryText {padding:20px 110px 0 0;}
.TaxReportsText {padding:50px 0 0 100px;}
.ShoeBoxText {padding:50px 90px 0 0;}
.LovedText {padding:20px 0 0 100px;}
.PricingText {padding:0px 50px 0 0;}
.PricingBubble {box-sizing:border-box; position:absolute; top:-15px; width:150px; height:150px; font-family:Arial; text-align:center; font-size:13px; font-weight:normal; line-height:135%; padding:10px 10px 10px 10px; border-radius:50%; background-color:#FF9900; color:#FFFFFF; border:1px solid #FF9900;}
.DesktopWidth350 {width:350px;}

.QuestionPill {padding-top:20px;}
.Question {font-size:14px; color:#333333; font-family:Arial; font-weight:bold; line-height:135%; width:600px; text-align:left; padding-top:0px;}
.Answer {font-size:14px; color:#333333; font-family:Arial; font-weight:normal; line-height:135%; width:600px; text-align:left; padding-left:0;}
.QALabel {width:25px; text-align:left; display:inline-block; font-weight:bold;}

.FeedbackText {padding:20px 110px 0 0;}
.FeedbackLogos {position:relative; padding-bottom:30px; z-index:100; height:162px;}
.Feedback400 {width:400px;}

.SecurityText {padding:20px 110px 0 0;}
.ContactUsText {padding:20px 110px 0 0;}
.SectionOurStory {padding-top:25px; width:575px;}
.AffiliateProgramText {padding:20px 110px 0 0;}
.GroupPricingText {padding:20px 110px 0 0;}
.CreditsText {width:600px;}
.UserLoginText {padding:40px 50px 0 0;}

.BlogBody {width:700px; padding-bottom:70px; display:inline-block;}
.ArticleTitle1 {text-align:left; font-size:30px; font-weight:normal; font-family:Futura Light; padding-top:50px;}
.ArticleTitle2 {text-align:left; font-size:15px; font-weight:bold; font-family:Arial; padding-top:20px;}
.ArticleBody {font-size:15px; line-height:135%; text-align:left; padding-top:20px;}
.ArticleLink {font-size:15px; color:#00BBFF;}
}



/*------------------------------------------------------------------*/
/*-------------------------MOBILE-----------------------------------*/
/*------------------------------------------------------------------*/
@media only screen and (max-width: 767px)
{
body {font-family: Arial; font-size:14px; color:#333333; overflow-x:hidden; margin:0px; padding:70px 0px 0px 0px; background-color:#FFFFFF;}

.IsMobileSite {}

.TabsDesktop {display:none;}
.TabsMobile {}
.TabMain,.TabMainSelected {font-size:15px; font-weight:normal; color: #ffffff; background-color:#1DC6FF; cursor:pointer; padding:15px 20px 15px 20px; white-space:nowrap; user-select:none; border-bottom:1px solid #00AEED;}
.TabMain:active{background-color:#53D3FD;}
.TabMainSelected {background-color:#53D3FD;}

.FooterBody {width:100%; background-color:#333333; text-align:center; padding-top:25px; padding-bottom:20px;}
.FooterLink {font-family:Arial; font-weight:normal; font-size:14px; color:#CCCCCC; text-decoration:underline; cursor:pointer; line-height:150%;}
.FooterLinkSpacer {display:block; padding-top:10px;}
.FooterAddress {font-size:12px; padding-top:15px; padding-bottom:50px; color:#AAAAAA; line-height:130%;}

.BlogIcon {display:none;}
.BlogTeaser {line-height:140%; padding:20px 20px 20px 20px; width:90%; height:85px;}

.Title1 {text-align:center; font-family:Futura Light,Arial; color:#000000; font-size:26px; font-style:normal; font-weight:300; line-height:36px; padding-bottom:25px; width:100%; padding-top:0px;}
.Text1 {color:#333333; font-family:Arial; font-weight:normal font-style:normal; text-align:left; font-size:15px; line-height:145%; width:100%;}
.DividerLineCell {padding:35px 0 35px 0;}
.HomePageGraphic {width:100%;}
.BGGray,.BGWhite {padding-top:25px; padding-bottom:35px;}
.DividerSpacer {padding:50px 0 50px 0;}

.HomeTitle { width:90%;}
.ImgMain { width:90%;}

.PricingBubble {width:90%; text-align:center; font-family:Arial; font-size:14px; font-weight:normal; line-height:135%; padding:10px 10px 10px 10px; border-radius:4px; background-color:#FF9900; color:#FFFFFF; border:1px solid #FF9900;}

.FeedbackLogos {position:relative; display:inline-block; padding-bottom:0px; z-index:100; width:80%;}

.Question {font-size:15px; color:#333333; font-family:Arial; font-weight:bold; line-height:135%; width:100%; text-align:left; padding-top:30px;}
.Answer {font-size:15px; color:#333333; font-family:Arial; font-weight:normal line-height:135%; width:100%; text-align:left;}
.QALabel {width:25px; text-align:left; display:inline-block; font-weight:bold;}

.ContactUsAddress {font-size:12px;}

.MobileHidden {display:none;}
.MobileSpacer10 {padding-top:10px;}
.MobileSpacer20 {padding-top:20px;}
.MobileSpacer30 {padding-top:30px;}
.MobileWidth80Pct {width:80%;}
.MobileWidth85Pct {width:85%;}
.MobileWidth90Pct {width:90%;}
.MobileWidth95Pct {width:95%;}
.MobilePadBot40 {padding-bottom:40px;}
.MobilePadTop20 {padding-top:20px;}
.MobilePadTop30 {padding-top:30px;}
.MobilePadTop40 {padding-top:40px;}

.BlogBody {width:100%; padding-bottom:50px;}
.ArticleTitle1 {text-align:left; font-size:28px; font-weight:normal; font-family:Futura Light; padding-top:40px;}
.ArticleTitle2 {text-align:left; font-size:15px; font-weight:bold; font-family:Arial; padding-top:20px;}
.ArticleBody {font-size:15px; line-height:135%; text-align:left; padding-top:20px;}
.ArticleLink {font-size:15px; color:#00BBFF;}
}