/* resets */

body {
    line-height: 1.5;
}

.Normal, .NormalDisabled, .NormalDeleted {
    line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #555;
}

H1 {
    font-size: 2.2em;
}

H2 {
    font-size: 1.8em;
}

H3 {
    font-size: 1.4em;
}

H4 {
    font-size: 1.1em;
}

H1.product {
    color: White;
    font-size: 2.6em;
    font-weight: normal;
}

H1.pagetitle {
    text-align: center;
    font-size: 2.1em;
}

H2.pricing {
    color: White;
}

H3.pricing {
    color: White;
}

h3.edition-at {
    color: #a91010;
    font-weight: bold;
}

h3.edition-fb {
    color: #00324D;
    font-weight: bold;
}

h3.edition-ci {
    color: #0071C5;
    font-weight: bold;
}

h2.pricinginfo, h3.pricinginfo {
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: .25em;
}

/*common styles*/

th {
    font-size: 100%;
    font-weight: normal;
}

.info {
    padding-top: 3em;
}

/*login styles */

input[type="text"], input[type="password"] {
    padding: 0.3em;
    margin: 0.5em 0 0.5em 0;
    font-size: 1em;
}

.DynamicLogin_Password, .DynamicLogin_UserName {
    width: 400px !important;
}

.DynamicLogin_LoginButton {
    background-color: #00324d;
    color: White;
    padding: 0.5em 1em 0.5em 1em;
    display: inline-block;
    margin: 0.5em;
    border: 0;
    font-size: 1em;
    cursor: pointer;
}

.DynamicLogin_LoginButton:hover {
    background-color: #006396;
    color: White !important;
}

.DynamicLogin_CheckBox label {
    padding-left: 0.5em;
}

.SubHead {
    font-size: 100%;
    font-weight: normal;
}

/*metro styling ie. customers page*/

.metro .metroIcon {
    width: 64px;
    Height: 64px;
    float: left;
    background-color: #0071c5;
    margin-right: 1em;
}

.metro .metroBanner {
    height: 64px;
    overflow: hidden;
    border-bottom: 10px solid #0071c5;
}

.metro .metroBanner h2 {
    padding: 0.2em 0 0 .5em;
}

.metro .metrobox {
    background-color: #117e42;
    float: left;
    margin: .5em .5em 0 0;
    text-align: center;
    width: 238px;
    padding-top: 0.5em;
    min-height: 125px;
}

.metro .metrobox h3 {
    color: White;
    text-align: center;
    padding-bottom: .5em;
}

.metro .long {
    width: 315px;
}

.metro .left, .metro .right {
    float: left;
}

.metro .last {
    margin-right: 0 !important;
}

.metroimage {
    background-color: #0071c5;
    margin: 1em 0 1em 0;
    text-align: center;
}

.metroimage img {
    margin: 1em;
}

.metrocontent {
    padding: 1em;
}

/*accordion styling*/

#accordion a.header {
    display: block;
    padding: 1em 0 1em 1em;
    margin: .5em 0 .5em 0;
}

#accordion a.header:hover, #accordion .ui-state-active {
    text-decoration: none;
    color: White;
}

#accordion h3 {
    display: inline-block;
    padding: 0.5em 0 0.5em 1em;
}

#accordion table {
    width: 100%;
    border-bottom: 1px solid #666;
    border-collapse: collapse;
}

#accordion table img {
    display: inline-block;
    padding-left: 1em;
}

#accordion table .action {
    width: 60%;
    padding-left: 1em;
    border-bottom: none !important;
}

#accordion table .standard {
    width: 20%;
    border-bottom: none !important;
    text-align: center;
    padding-left: 0;
}

#accordion table .professional {
    width: 20%;
    border-bottom: none !important;
    text-align: center;
    padding-left: 0;
}

#accordion table thead {
    color: White;
}

#accordion table td {
    padding: 0.5em 0 0.5em 1em;
}

#accordion table td .included {
    background-image: url('https://cdn.finalbuilder.com/i/tick_24.png');
    height: 24px;
    width: 24px;
    margin-left: auto;
    margin-right: auto;
}

#accordion table td .includedPartial {
    background-image: url('https://cdn.finalbuilder.com/i/tick_half_24.png');
    height: 24px;
    width: 24px;
    margin-left: auto;
    margin-right: auto;
}

.fbContent .accordionIcon {
    display: inline-block;
    background-image: url('https://cdn.finalbuilder.com/i/droprightarrow_fb_16.png');
    width: 16px;
    height: 16px;
}

.atContent .accordionIcon {
    display: inline-block;
    background-image: url('https://cdn.finalbuilder.com/i/droprightarrow_at_16.png');
    width: 16px;
    height: 16px;
}

.ciContent .accordionIcon {
    display: inline-block;
    background-image: url('https://cdn.finalbuilder.com/i/droprightarrow_ci_16.png');
    width: 16px;
    height: 16px;
}

.accordionIconSelected {
    display: inline-block;
    background-image: url('https://cdn.finalbuilder.com/i/dropdownarrow_16.png');
    width: 16px;
    height: 16px;
}

/*screenshot styling*/

.screenshots .last {
    padding-right: 0 !important;
}

.screenshots .thumb {
    float: left;
    margin: 0.5em 0.25em 0 0.25em;
    position: relative;
}

.screenshots .thumb:hover div {
    text-decoration: underline;
    opacity: 1;
    filter: alpha(opacity=100);
}

.screenshots .thumb .thumbDesc {
    color: White;
    padding: 0.5em 0 0.5em 0;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    opacity: 0.6;
    filter: alpha(opacity=60);
}


/*banner styling*/

.banner {
    position: relative;
    margin-top: 1em;
    color: white;
}

.banner .text {
    overflow: hidden;
    padding: 1em;
}

.banner .text .links .fbAlt, .banner .text .links .ci, .banner .text .links .ciAlt, .banner .text .links .atAlt, .banner .text .links .sn {
    width: 136px;
}

.navigate .links .ci {
    display: inline-block;
    margin: 0.5em 0.5em 0 0;
    padding: 0.4em 0.2em 0.3em 0.5em;
    color: White;
    width: 180px;
}

.navigate .links .ci:hover {
    text-decoration: underline;
}

.navigate .links .ci .submitArrow {
    background: url('https://cdn.finalbuilder.com/i/submit_arrow24.png') no-repeat;
    width: 24px;
    height: 24px;
    padding: 0 0em 0 0.5em;
    float: right;
}


.banner .text>.innerContent {
    padding-top: 1em;
    padding-left: 1em;
}

.buyNow {
    max-width: 130px;
    margin: auto;
}


.banner .ciAlt, .banner .att .banner .atAlt, .bigTiles .ciAlt, .bigTiles .atAlt {
    background-color: White;
}

.banner .fbAlt {
    color: White;
}

.linkbtn {
    float: left;
    margin: 0.5em 0.5em 0 0;
    padding: 0.4em 0.2em 0.3em 0.5em;
}

/*links style*/

.banner .links {
    padding-left: 0;
    margin-top: 1em;
}


.bigTiles .links a>div {
    list-style: none;
    margin: 0.5em 0.5em 0 0;
    padding: 0.4em 0.2em 0.75em 0.5em;
    color: White;
}

.banner .links .fbAlt, .banner .links .ci, .banner .links .ciAlt, .banner .links .atAlt, .banner .links .at, .banner .links .atci  {
    float: left;
    list-style: none;
    margin: 0.5em 0.5em 0 0;
    padding: 0.4em 0.2em 0.3em 0.5em;
    color: white;
}

.links .long {
    width: 200px !important;
}

.links .longer {
    width: 230px !important;
}

.banner .links div img, .bigTiles .links div img {
    float: right;
    padding: 0em 0.5em 0em 0.5em;
}

.banner .links div:hover, .bigTiles .links div:hover {
    text-decoration: underline;
}

.tile {
    margin-top: 0.25em;
    margin-bottom: 0.25em;
    margin-right: 0.25em;
    color: white;
    overflow: hidden;
    min-height: 140px;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
}

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

.tile .logo {
    float: left;
    padding: 0 0.5em 0 0;
}

.tile h2 {
    padding: 0 0.2em .25em 0;
    color: white;
}

.tile h3 {
    /* padding-left: 0.2em; */
    color: white;
}


.tile .image {
    padding: 0 1em 0.5em 1em;
    width: 60px;
    height: 100px;
    float: left;
}

.tile .text {
    padding: 0 0 .5em 0;
    color: white;
}

.tile a {
    position: relative;
    z-index: 2;
    color: white;
}

.tile a:hover {
    text-decoration: none;
}

.tile.medium {
    min-height: 16em;
}

.tile .small {
    min-height: 10em
}

@media only screen and (max-width: 767px) {
    .tile.last {
       margin-right: .25em; 
    }
}

/*big tiles styling */

.bigTiles {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    color: White;
}

.bigTiles a {
    color: White;
}

.bigTiles a:hover {
    color: White;
}

.bigTiles h2 {
    padding-top: 0.8em !important;
}

.bigTiles h2 a, .bigTiles h2 a:hover {
    margin-left: 0.4em;
    display: inline-block;
    color: white;
}

.bigTiles h1 a {
    padding: .15em 0 0 .2em;
    display: inline-block;
}

.bigTiles h1 a:hover, .bigTiles h2 a:hover {
    text-decoration: underline;
}

.bigTiles .fbvideo, .bigTiles .civideo, .bigTiles .atvideo, .bigTiles .othervideo, .bigTiles .fbvariable, .bigTiles .civariable, .bigTiles .atvariable, .bigTiles .othervariable, .bigTiles .fbusers, .bigTiles .ciusers, .bigTiles .atusers, .bigTiles .otherusers, .bigTiles .fbstairs, .bigTiles .cistairs, .bigTiles .atstairs, .bigTiles .otherstairs, .bigTiles .fbscript, .bigTiles .ciscript, .bigTiles .atscript, .bigTiles .otherscript, .bigTiles .fbemail, .bigTiles .ciemail, .bigTiles .atemail, .bigTiles .otheremail, .bigTiles .fbglobe, .bigTiles .ciglobe, .bigTiles .atglobe, .bigTiles .otherglobe, .bigTiles .fbcart, .bigTiles .cicart, .bigTiles .atcart, .bigTiles .othercart, .bigTiles .fbphoto, .bigTiles .ciphoto, .bigTiles .atphoto, .bigTiles .otherphoto, .bigTiles .fbcity6, .bigTiles .cicity6, .bigTiles .atcity6, .bigTiles .othercity6, .bigTiles .fbcity5, .bigTiles .cicity5, .bigTiles .atcity5, .bigTiles .othercity5, .bigTiles .fbcity4, .bigTiles .cicity4, .bigTiles .atcity4, .bigTiles .othercity4, .bigTiles .fbcity3, .bigTiles .cicity3, .bigTiles .atcity3, .bigTiles .othercity3, .bigTiles .fbcity2, .bigTiles .cicity2, .bigTiles .atcity2, .bigTiles .othercity2, .bigTiles .fbcity1, .bigTiles .cicity1, .bigTiles .atcity1, .bigTiles .othercity1, .bigTiles .fbshield, .bigTiles .cishield, .bigTiles .atshield, .bigTiles .othershield, .bigTiles .fbbridge, .bigTiles .cibridge, .bigTiles .atbridge, .bigTiles .otherbridge, .bigTiles .fbtrigger, .bigTiles .citrigger, .bigTiles .attrigger, .bigTiles .othertrigger, .bigTiles .fbagent, .bigTiles .ciagent, .bigTiles .atagent, .bigTiles .otheragent, .bigTiles .fbmegaphone, .bigTiles .cimegaphone, .bigTiles .atmegaphone, .bigTiles .othermegaphone, .bigTiles .fbrss, .bigTiles .cirss, .bigTiles .atrss, .bigTiles .otherrss, .bigTiles .fbplugin, .bigTiles .ciplugin, .bigTiles .atplugin, .bigTiles .otherplugin, .bigTiles .fblist, .bigTiles .cilist, .bigTiles .atlist, .bigTiles .otherlist, .bigTiles .fbhealth, .bigTiles .cihealth, .bigTiles .athealth, .bigTiles .otherhealth, .bigTiles .fbgraph, .bigTiles .cigraph, .bigTiles .atgraph, .bigTiles .othergraph, .bigTiles .fbbuy, .bigTiles .cibuy, .bigTiles .atbuy, .bigTiles .otherbuy, .bigTiles .fbaction, .bigTiles .ciaction, .bigTiles .ataction, .bigTiles .otheraction, .bigTiles .fbtv, .bigTiles .citv, .bigTiles .attv, .bigTiles .othertv, .bigTiles .fbwatch, .bigTiles .ciwatch, .bigTiles .atwatch, .bigTiles .otherwatch, .bigTiles .fbbug, .bigTiles .cibug, .bigTiles .atbug, .bigTiles .otherbug, .bigTiles .fbdebug, .bigTiles .cidebug, .bigTiles .atdebug, .bigTiles .otherdebug, .bigTiles .cogs, .bigTiles .flow, .bigTiles .download, .bigTiles .help, .bigTiles .previous, .bigTiles .parallel, .bigTiles .testing, .bigTiles .versioncontrol, .bigTiles .fblogo, .bigTiles .atlogo, .bigTiles .cilogo, .bigTiles .snlogo {
    margin: 1em 0em 1em 1em;
}

.fbvideo, .civideo, .atvideo, .othervideo, .fbvariable, .civariable, .atvariable, .othervariable, .fbusers, .ciusers, .atusers, .otherusers, .fbstairs, .cistairs, .atstairs, .otherstairs, .fbscript, .ciscript, .atscript, .otherscript, .fbrss, .cirss, .atrss, .otherrss, .fbemail, .ciemail, .atemail, .otheremail, .fbglobe, .ciglobe, .atglobe, .otherglobe, .fbcart, .cicart, .atcart, .othercart, .fbphoto, .ciphoto, .atphoto, .otherphoto, .fbshield, .cishield, .atshield, .othershield, .fbbridge, .cibridge, .atbridge, .otherbridge, .fbtrigger, .citrigger, .attrigger, .othertrigger, .fbagent, .ciagent, .atagent, .otheragent, .fbmegaphone, .cimegaphone, .atmegaphone, .othermegaphone, .fbplugin, .ciplugin, .atplugin, .otherplugin, .fblist, .cilist, .atlist, .otherlist, .fbhealth, .cihealth, .athealth, .otherhealth, .fbgraph, .cigraph, .atgraph, .othergraph, .fbbuy, .cibuy, .atbuy, .otherbuy, .fbaction, .ciaction, .ataction, .otheraction, .fbtv, .citv, .attv, .othertv, .fbwatch, .ciwatch, .atwatch, .otherwatch, .fbbug, .cibug, .atbug, .otherbug, .fbdebug, .cidebug, .atdebug, .otherdebug, .cogs, .flow, .download, .help, .previous, .parallel, .testing, .versioncontrol, .fblogo, .cilogo, .atlogo, .snlogo {
    float: left;
    width: 64px;
    height: 64px;
}

.iconItemSmall .download {
    float: left;
    width: 32px;
    height: 32px;
}

.fbvideo {
    background: url('https://cdn.finalbuilder.com/i/icons/video_fb_64.png') no-repeat;
}

.civideo {
    background: url('https://cdn.finalbuilder.com/i/icons/video_ci_64.png') no-repeat;
}

.atvideo {
    background: url('https://cdn.finalbuilder.com/i/icons/video_at_64.png') no-repeat;
}

.fbusers {
    background: url('https://cdn.finalbuilder.com/i/icons/users_fb_64.png') no-repeat;
}

.ciusers {
    background: url('https://cdn.finalbuilder.com/i/icons/users_ci_64.png') no-repeat;
}

.atusers {
    background: url('https://cdn.finalbuilder.com/i/icons/users_at_64.png') no-repeat;
}

.otherusers {
    background: url('https://cdn.finalbuilder.com/i/icons/users_other_64.png') no-repeat;
}

.fbstairs {
    background: url('https://cdn.finalbuilder.com/i/icons/stairs_fb_64.png') no-repeat;
}

.cistairs {
    background: url('https://cdn.finalbuilder.com/i/icons/stairs_ci_64.png') no-repeat;
}

.atstairs {
    background: url('https://cdn.finalbuilder.com/i/icons/stairs_at_64.png') no-repeat;
}

.fbrss {
    background: url('https://cdn.finalbuilder.com/i/icons/rss_fb_64.png') no-repeat;
}

.cirss {
    background: url('https://cdn.finalbuilder.com/i/icons/rss_ci_64.png') no-repeat;
}

.atrss {
    background: url('https://cdn.finalbuilder.com/i/icons/rss_at_64.png') no-repeat;
}

.otherrss {
    background: url('https://cdn.finalbuilder.com/i/icons/rss_other_64.png') no-repeat;
}

.fbplugin {
    background: url('https://cdn.finalbuilder.com/i/icons/plugin_fb_64.png') no-repeat;
}

.ciplugin {
    background: url('https://cdn.finalbuilder.com/i/icons/plugin_ci_64.png') no-repeat;
}

.atplugin {
    background: url('https://cdn.finalbuilder.com/i/icons/plugin_at_64.png') no-repeat;
}

.otherplugin {
    background: url('https://cdn.finalbuilder.com/i/icons/plugin_other_64.png') no-repeat;
}

.fbtv {
    background: url('https://cdn.finalbuilder.com/i/icons/tv_fb_64.png') no-repeat;
}

.citv {
    background: url('https://cdn.finalbuilder.com/i/icons/tv_ci_64.png') no-repeat;
}

.attv {
    background: url('https://cdn.finalbuilder.com/i/icons/tv_at_64.png') no-repeat;
}

.fbhealth {
    background: url('https://cdn.finalbuilder.com/i/icons/health_fb_64.png') no-repeat;
}

.cihealth {
    background: url('https://cdn.finalbuilder.com/i/icons/health_ci_64.png') no-repeat;
}

.athealth {
    background: url('https://cdn.finalbuilder.com/i/icons/health_at_64.png') no-repeat;
}

.otherhealth {
    background: url('https://cdn.finalbuilder.com/i/icons/health_other_64.png') no-repeat;
}

.fbgraph {
    background: url('https://cdn.finalbuilder.com/i/icons/graph_fb_64.png') no-repeat;
}

.cigraph {
    background: url('https://cdn.finalbuilder.com/i/icons/graph_ci_64.png') no-repeat;
}

.atgraph {
    background: url('https://cdn.finalbuilder.com/i/icons/graph_at_64.png') no-repeat;
}

.fbbuy {
    background: url('https://cdn.finalbuilder.com/i/icons/buy_fb_64.png') no-repeat;
}

.cibuy {
    background: url('https://cdn.finalbuilder.com/i/icons/buy_ci_64.png') no-repeat;
}

.atbuy {
    background: url('https://cdn.finalbuilder.com/i/icons/buy_at_64.png') no-repeat;
}

.otherbuy {
    background: url('https://cdn.finalbuilder.com/i/icons/buy_other_64.png') no-repeat;
}

.fblist {
    background: url('https://cdn.finalbuilder.com/i/icons/list_fb_64.png') no-repeat;
}

.cilist {
    background: url('https://cdn.finalbuilder.com/i/icons/list_ci_64.png') no-repeat;
}

.atlist {
    background: url('https://cdn.finalbuilder.com/i/icons/list_at_64.png') no-repeat;
}

.fbaction {
    background: url('https://cdn.finalbuilder.com/i/icons/action_fb_64.png') no-repeat;
}

.ciaction {
    background: url('https://cdn.finalbuilder.com/i/icons/action_ci_64.png') no-repeat;
}

.ataction {
    background: url('https://cdn.finalbuilder.com/i/icons/action_at_64.png') no-repeat;
}

.fbscript {
    background: url('https://cdn.finalbuilder.com/i/icons/script_fb_64.png') no-repeat;
}

.ciscript {
    background: url('https://cdn.finalbuilder.com/i/icons/script_ci_64.png') no-repeat;
}

.atscript {
    background: url('https://cdn.finalbuilder.com/i/icons/script_at_64.png') no-repeat;
}

.fbemail {
    background: url('https://cdn.finalbuilder.com/i/icons/email_fb_64.png') no-repeat;
}

.ciemail {
    background: url('https://cdn.finalbuilder.com/i/icons/email_ci_64.png') no-repeat;
}

.atemail {
    background: url('https://cdn.finalbuilder.com/i/icons/email_at_64.png') no-repeat;
}

.otheremail {
    background: url('https://cdn.finalbuilder.com/i/icons/email_other_64.png') no-repeat;
}

.fbglobe {
    background: url('https://cdn.finalbuilder.com/i/icons/globe_fb_64.png') no-repeat;
}

.ciglobe {
    background: url('https://cdn.finalbuilder.com/i/icons/globe_ci_64.png') no-repeat;
}

.atglobe {
    background: url('https://cdn.finalbuilder.com/i/icons/globe_at_64.png') no-repeat;
}

.otherglobe {
    background: url('https://cdn.finalbuilder.com/i/icons/globe_other_64.png') no-repeat;
}

.fbcart {
    background: url('https://cdn.finalbuilder.com/i/icons/cart_fb_64.png') no-repeat;
}

.cicart {
    background: url('https://cdn.finalbuilder.com/i/icons/cart_ci_64.png') no-repeat;
}

.atcart {
    background: url('https://cdn.finalbuilder.com/i/icons/cart_at_64.png') no-repeat;
}

.othercart {
    background: url('https://cdn.finalbuilder.com/i/icons/cart_other_64.png') no-repeat;
}

.fbphoto {
    background: url('https://cdn.finalbuilder.com/i/icons/photo_fb_64.png') no-repeat;
}

.ciphoto {
    background: url('https://cdn.finalbuilder.com/i/icons/photo_ci_64.png') no-repeat;
}

.atphoto {
    background: url('https://cdn.finalbuilder.com/i/icons/photo_at_64.png') no-repeat;
}

.otherphoto {
    background: url('https://cdn.finalbuilder.com/i/icons/photo_other_64.png') no-repeat;
}

.fbcity2 {
    background: url('https://cdn.finalbuilder.com/i/icons/city2_fb_64.png') no-repeat;
}

.cicity2 {
    background: url('https://cdn.finalbuilder.com/i/icons/city2_ci_64.png') no-repeat;
}

.atcity2 {
    background: url('https://cdn.finalbuilder.com/i/icons/city2_at_64.png') no-repeat;
}

.fbcity3 {
    background: url('https://cdn.finalbuilder.com/i/icons/city3_fb_64.png') no-repeat;
}

.cicity3 {
    background: url('https://cdn.finalbuilder.com/i/icons/city3_ci_64.png') no-repeat;
}

.atcity3 {
    background: url('https://cdn.finalbuilder.com/i/icons/city3_at_64.png') no-repeat;
}

.fbcity4 {
    background: url('https://cdn.finalbuilder.com/i/icons/city4_fb_64.png') no-repeat;
}

.cicity4 {
    background: url('https://cdn.finalbuilder.com/i/icons/city4_ci_64.png') no-repeat;
}

.atcity4 {
    background: url('https://cdn.finalbuilder.com/i/icons/city4_at_64.png') no-repeat;
}

.fbcity5 {
    background: url('https://cdn.finalbuilder.com/i/icons/city5_fb_64.png') no-repeat;
}

.cicity5 {
    background: url('https://cdn.finalbuilder.com/i/icons/city5_ci_64.png') no-repeat;
}

.atcity5 {
    background: url('https://cdn.finalbuilder.com/i/icons/city5_at_64.png') no-repeat;
}

.fbcity6 {
    background: url('https://cdn.finalbuilder.com/i/icons/city6_fb_64.png') no-repeat;
}

.cicity6 {
    background: url('https://cdn.finalbuilder.com/i/icons/city6_ci_64.png') no-repeat;
}

.atcity6 {
    background: url('https://cdn.finalbuilder.com/i/icons/city6_at_64.png') no-repeat;
}

.fbcity1 {
    background: url('https://cdn.finalbuilder.com/i/icons/city1_fb_64.png') no-repeat;
}

.cicity1 {
    background: url('https://cdn.finalbuilder.com/i/icons/city1_ci_64.png') no-repeat;
}

.atcity1 {
    background: url('https://cdn.finalbuilder.com/i/icons/city1_at_64.png') no-repeat;
}

.fbshield {
    background: url('https://cdn.finalbuilder.com/i/icons/shield_fb_64.png') no-repeat;
}

.cishield {
    background: url('https://cdn.finalbuilder.com/i/icons/shield_ci_64.png') no-repeat;
}

.atshield {
    background: url('https://cdn.finalbuilder.com/i/icons/shield_at_64.png') no-repeat;
}

.othershield {
    background: url('https://cdn.finalbuilder.com/i/icons/shield_other_64.png') no-repeat;
}

.fbbridge {
    background: url('https://cdn.finalbuilder.com/i/icons/bridge_fb_64.png') no-repeat;
}

.cibridge {
    background: url('https://cdn.finalbuilder.com/i/icons/bridge_ci_64.png') no-repeat;
}

.atbridge {
    background: url('https://cdn.finalbuilder.com/i/icons/bridge_at_64.png') no-repeat;
}

.otherbridge {
    background: url('https://cdn.finalbuilder.com/i/icons/bridge_other_64.png') no-repeat;
}

.fbtrigger {
    background: url('https://cdn.finalbuilder.com/i/icons/trigger_fb_64.png') no-repeat;
}

.citrigger {
    background: url('https://cdn.finalbuilder.com/i/icons/trigger_ci_64.png') no-repeat;
}

.attrigger {
    background: url('https://cdn.finalbuilder.com/i/icons/trigger_at_64.png') no-repeat;
}

.othertrigger {
    background: url('https://cdn.finalbuilder.com/i/icons/trigger_other_64.png') no-repeat;
}

.fbagent {
    background: url('https://cdn.finalbuilder.com/i/icons/agent_fb_64.png') no-repeat;
}

.ciagent {
    background: url('https://cdn.finalbuilder.com/i/icons/agent_ci_64.png') no-repeat;
}

.atagent {
    background: url('https://cdn.finalbuilder.com/i/icons/agent_at_64.png') no-repeat;
}

.otheragent {
    background: url('https://cdn.finalbuilder.com/i/icons/agent_other_64.png') no-repeat;
}

.fbmegaphone {
    background: url('https://cdn.finalbuilder.com/i/icons/megaphone_fb_64.png') no-repeat;
}

.cimegaphone {
    background: url('https://cdn.finalbuilder.com/i/icons/megaphone_ci_64.png') no-repeat;
}

.atmegaphone {
    background: url('https://cdn.finalbuilder.com/i/icons/megaphone_at_64.png') no-repeat;
}

.othermegaphone {
    background: url('https://cdn.finalbuilder.com/i/icons/megaphone_other_64.png') no-repeat;
}

.fbvariable {
    background: url('https://cdn.finalbuilder.com/i/icons/variable_fb_64.png') no-repeat;
}

.civariable {
    background: url('https://cdn.finalbuilder.com/i/icons/variable_ci_64.png') no-repeat;
}

.atvariable {
    background: url('https://cdn.finalbuilder.com/i/icons/variable_at_64.png') no-repeat;
}

.fbwatch {
    background: url('https://cdn.finalbuilder.com/i/icons/watch_fb_64.png') no-repeat;
}

.ciwatch {
    background: url('https://cdn.finalbuilder.com/i/icons/watch_ci_64.png') no-repeat;
}

.atwatch {
    background: url('https://cdn.finalbuilder.com/i/icons/watch_at_64.png') no-repeat;
}

.fbbug {
    background: url('https://cdn.finalbuilder.com/i/icons/bug_fb_64.png') no-repeat;
}

.cibug {
    background: url('https://cdn.finalbuilder.com/i/icons/bug_ci_64.png') no-repeat;
}

.atbug {
    background: url('https://cdn.finalbuilder.com/i/icons/bug_at_64.png') no-repeat;
}

.fbdebug {
    background: url('https://cdn.finalbuilder.com/i/icons/debug_fb_64.png') no-repeat;
}

.cidebug {
    background: url('https://cdn.finalbuilder.com/i/icons/debug_ci_64.png') no-repeat;
}

.atdebug {
    background: url('https://cdn.finalbuilder.com/i/icons/debug_at_64.png') no-repeat;
}

.otherdebug {
    background: url('https://cdn.finalbuilder.com/i/icons/debug_other_64.png') no-repeat;
}

.cogs {
    background: url('https://cdn.finalbuilder.com/i/icons/cogs_64.png') no-repeat;
}

.flow {
    background: url('https://cdn.finalbuilder.com/i/icons/flow_64.png') no-repeat;
}

.versioncontrol {
    background: url('https://cdn.finalbuilder.com/i/icons/versioncontrol_64.png') no-repeat;
}

.download {
    background: url('https://cdn.finalbuilder.com/i/icons/download_64.png') no-repeat;
}

.help {
    background: url('https://cdn.finalbuilder.com/i/icons/help_64.png') no-repeat;
}

.testing {
    background: url('https://cdn.finalbuilder.com/i/icons/testing_64.png') no-repeat;
}

.previous {
    background: url('https://cdn.finalbuilder.com/i/icons/previous_64.png') no-repeat;
}

.parallel {
    background: url('https://cdn.finalbuilder.com/i/icons/parallel_64.png') no-repeat;
}

.fblogo {
    background: url('https://cdn.finalbuilder.com/i/icons/finalbuilder_64.png') no-repeat;
}

.cilogo {
    background: url('https://cdn.finalbuilder.com/i/cilogo_64.png') no-repeat;
}

.atlogo {
    background: url('https://cdn.finalbuilder.com/i/new_atlogo64.png') no-repeat;
}

.snlogo {
    background: url('https://cdn.finalbuilder.com/i/signotaur/signotaur-logo-white-64px.png') no-repeat !important;
}
.iconItemSmall .download {
    background: url('https://cdn.finalbuilder.com/i/icons/download_32.png') no-repeat;
}

.bigTiles .links {
    padding: 0.5em 0 1em 0;
}


.buyNow .ciAlt, .buyNow .fbAlt, .buyNow .atAlt, .buyNow .fb, .buyNow .at {
    margin: 1em 1em 1em 1em;
    padding: 0.5em 0 0.75em 0;
    color: White;
}

.buyNow .fbAlt, .buyNow .fb, .buyNow .at {
    color: White;
}

.buyNow .fbAlt:hover, .buyNow .atAlt:hover, .buyNow .fb:hover, .buyNow .at:hover {
    text-decoration: underline;
}

.bigTiles .innerContent {
    padding: 1em 1em 1em 1em;
}

.bigTiles .image {
    padding-top: 2em;
}

.linkbutton {
    display: inline-block;
    vertical-align: middle;
    width: 40%;
    margin: 1em 0 1em 1em;
    padding: 0.4em 0.2em 0.5em 0.5em;
}

.linkbutton .at {
    background-color: #a91010;
    color: white;
}

.linkbutton .ci {
    background-color: #0071c5;
    color: white;
}

.linkbutton .fb {
    background-color: #00324D;
    color: white;
}

.linkbutton .fbAlt {
    background-color: #006396;
    color: white;
}

.linkbutton .ciAlt {
    background-color: white;
    color: #0071c5;
}

.linkbutton .atAlt {
    background-color: white;
    color: #a91010;
}

.linkbutton .submitArrow {
    float: right;
    padding: 0em 0.5em 0em 0.5em;
    width: 24px;
    height: 24px;
}

.linkbutton .at .submitArrow, .linkbutton .fb .submitArrow, .linkbutton .ci .submitArrow, .linkbutton .fbAlt .submitArrow {
    background: url('https://cdn.finalbuilder.com/i/Submit_Arrow24.png') no-repeat;
}

.linkbutton .atAlt .submitArrow {
    background: url('https://cdn.finalbuilder.com/i/Submit_Arrow_AT_24.png') no-repeat;
}

a.ciAlt .submitArrow {
    background: url('https://cdn.finalbuilder.com/i/Submit_Arrow_CI_24.png') no-repeat;
}

a.ciAlt, a.ciAlt:hover {
    color: #0071c5;
}

.bigTiles .links .fb .submitArrow, 
.bigTiles .links .fbAlt .submitArrow, 
.bigTiles .links .otherAlt .submitArrow, 
.banner .links .fbAlt .submitArrow, 
.buyNow .fbAlt .submitArrow, 
.buyNow .fb .submitArrow {
    float: right;
    padding: 0em 0.5em 0em 0.5em;
    background: url('https://cdn.finalbuilder.com/i/Submit_Arrow24.png') no-repeat;
    width: 24px;
    height: 24px;
    color: White;
}

.bigTiles .links .atAlt .submitArrow, 
.banner .links .atAlt .submitArrow, 
.buyNow .atAlt .submitArrow {
    float: right;
    padding: 0em 0.5em 0em 0.5em;
    background: url('https://cdn.finalbuilder.com/i/Submit_Arrow24.png') no-repeat;
    width: 24px;
    height: 24px;
}

.bigTiles .links .atAlt .submitArrow {
    background: url('https://cdn.finalbuilder.com/i/Submit_Arrow_at_24.png') no-repeat;
}

.bigTiles .links .snAlt .submitArrow, 
.banner .links .snAlt .submitArrow, 
.buyNow .snAlt .submitArrow {
    float: right;
    padding: 0em 0.5em 0em 0.5em;
    background: url('https://cdn.finalbuilder.com/i/Submit_Arrow24.png') no-repeat;
    width: 24px;
    height: 24px;
}


.bigTiles .links .ci .submitArrow, .banner .links .ci .submitArrow, .buyNow .ci .submitArrow {
    float: right;
    padding: 0em 0.5em 0em 0.5em;
    background: url('https://cdn.finalbuilder.com/i/Submit_Arrow_CI_24.png') no-repeat;
    width: 24px;
    height: 24px;
}

.banner .links .at .submitArrow  {
    float: right;
    padding: 0em 0.5em 0em 0.5em;
    background: url('https://cdn.finalbuilder.com/i/Submit_Arrow_AT_24.png') no-repeat;
    width: 24px;
    height: 24px;
}

/*block styling*/

.block {
    overflow: hidden;
    margin-top: 1em;
    width: 100%;
    color: white;
    padding: .25em 1em .25em 1em;
}

.block h2 {
    padding-left: 0.2em;
    color: white;
}

.block .image {
    padding: 0 1em 0.5em 1em;
    width: 60px;
    height: 60px;
    float: left;
}

.block .text {
    padding: 0 1em 0 .5em;
}

.block a {
    position: relative;
    z-index: 2;
    color: white;
}

.block a:hover {
    text-decoration: none;
}

.block .submitArrow {
    margin: 1em 1.5em 0.5em 1em;
    float: right;
}

/* features and iconItem styling */

.iconItem, iconItemSmall {
    overflow: auto;
    position: relative;
    margin-bottom: 1em;
}

.iconItem>div, .iconItemSmall>div {
    overflow: auto;
}

.iconItem .sixcol, .iconItemSmall .sixcol {
    overflow: hidden;
}

.iconItem a h3:hover, .iconItemSmall a h3:hover {
    text-decoration: underline;
}

.iconItem .icon, .iconItemSmall .icon {
    float: left;
    margin: 0.4em 1em 0em 0em;
    overflow: hidden;
}

.iconItem .item, .iconItemSmall .item {
    padding: 0em 0 0 1em;
    overflow: hidden;
}

.iconItem .item ul, .iconItemSmall .item ul {
    padding: 1em 0 1em 3em;
}

.iconItem .item ul li, .iconItemSmall .item ul li {
    list-style-type: square;
}

.iconItem .item a:hover {
    text-decoration: underline;
}

.features {
    width: 100%;
    overflow: auto;
    position: relative;
    margin-bottom: 1em;
}

.features h3 a:hover {
    text-decoration: underline;
}

.features .feature {
    overflow: hidden;
    padding-top: 1em;
}

.features .icon {
    margin: 0 1em 0 0;
    float: left;
}

.features .fbarrow, .iconItem .fbarrow {
    float: right;
    margin: 0.2em 1em 0 0;
    background: url('https://cdn.finalbuilder.com/i/Submit_Arrow_fbnormal_32.png') no-repeat;
    width: 32px;
    height: 32px;
}

.features .fbarrow:hover, .iconItem .fbarrow:hover {
    background: url('https://cdn.finalbuilder.com/i/Submit_Arrow_fbhighlight_32.png') no-repeat;
}

.features .ciarrow, .iconItem .ciarrow {
    float: right;
    margin: 0.2em 1em 0 0;
    background: url('https://cdn.finalbuilder.com/i/Submit_Arrow_ci_32.png') no-repeat;
    width: 32px;
    height: 32px;
}

.features .ciarrow:hover, .iconItem .ciarrow:hover {
    background: url('https://cdn.finalbuilder.com/i/Submit_Arrow_ci_hover_32.png') no-repeat;
}

.features .atarrow, .iconItem .atarrow {
    float: right;
    margin: 0.2em 1em 0 0;
    background: url('https://cdn.finalbuilder.com/i/Submit_Arrow_at_32.png') no-repeat;
    width: 32px;
    height: 32px;
}

.features .atarrow:hover, .iconItem .atarrow:hover {
    background: url('https://cdn.finalbuilder.com/i/Submit_Arrow_at_hover_32.png') no-repeat;
}

.features .otherarrow, .iconItem .otherarrow {
    float: right;
    margin: 0.2em 1em 0 0;
    background: url('https://cdn.finalbuilder.com/i/Submit_Arrow_other_32.png') no-repeat;
    width: 32px;
    height: 34px;
}

.features .otherarrow:hover, .iconItem .otherarrow:hover {
    background: url('https://cdn.finalbuilder.com/i/Submit_Arrow_other_hover_32.png') no-repeat;
}

.featuremain, .featurealt {
    min-height: 300px;
}

.featurealt {
    background-color: #cbe8ff;
}

/*info area - eg.grey box around customers on homepage */

.customers a:hover {
    text-decoration: none !important;
}

.infoArea {
    background-color: #EEE;
    margin: 1em 0 0 0;
    padding: 0 1em 1em 1em;
    text-align: center;
}

.infoArea a {
    color : #444;
}
.infoArea>img {
    margin: 1em 1em 0 0;
    text-align: center;
}

.infoArea>h2 {
    padding: .5em 0 0 .5em;
}

.infoArea>h3 {
    padding: .5em 0 0 .5em;
}

.infoArea {
    color: #444;
}

@media only screen and (max-width: 767px) {
    .infoArea>h3 {
        padding: .25em 0 .25 0;   
    }
}

.submitArrow {
    background: url('https://cdn.finalbuilder.com/i/Submit_Arrow32.png') no-repeat;
    width: 32px;
    height: 32px;
    float: right;
}

.submitArrowDark {
    background: url('https://cdn.finalbuilder.com/i/Submit_Arrow_dark32.png') no-repeat;
    width: 32px;
    height: 32px;
    margin: 1em 1.2em 0 0;
    float: right;
}

.storeTab {
    color: White;
    cursor: pointer;
    float: left;
    display: inline-block;
    width: 32.66%;
    margin-right: 1%;
}

.storeTabHeader {
    padding: .5em 1em 1.2em 1em;
    color: White;
    cursor: pointer;
}

.storeTabHeader:hover {
    text-decoration: none;
    color: White;
}

.storeTabHeader h2 {
    padding-top: 0.3em;
}

.storeTabsHr {
    height: 1em;
    width: 99.98% !important;
    margin-bottom: .75em;
}

.storeTab .fblogo, .storeTab .cilogo, .storeTab .atlogo {
    display: inline-block;
    padding-right: 1em;
}

/* Store Tables */

.storeTable {
    width: 100%;
    margin: 1em 0;
    border-collapse: collapse;
}

.storeTable td, .storeTable th {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    width: 16.6%;
}

.storeTable td.NoLeftBorder {
    border-left: 0;
}

.storeTable td.NoRightBorder {
    border-right: 0;
}

.storeTable th {
    text-align: center;
    padding: 0.2em;
}

.storeTable td {
    text-align: center;
    padding: 5px;
}


.storeTable tfoot td {
    border: 1px solid #ccc;
    border-top: none;
    padding: 1em;
}

.storeTable hr {
    width: 80%;
    background-color: #ccc;
    border: none;
    height: 1px;
}

.editionRow {
    background-color: #fff;
}

.editionRow th {
    border-right: none;
    border-left: none;
}

.editionRow th:first-child {
    border-right: 1px solid #ccc;
}

.favourite {
    background-color: #EAEBED;
}

.professional {
    background-color: #fff;
}

.licenseRow th, .priceRow th {
    font-weight: bold;
    font-size: 1.2em;
}

.licenseRow th, .descRow th, .descRow td {
    background-color: #1A2436;
    color: #fff;
}

.descRow th {
    padding-top: 0;
}

td.desc {
    text-align: right;
}

hr.VSoftStore {
    float: left;
    width: 100%;
    height: 1px;
    color: #CCC;
    background-color: #CCC;
    border: none;
}

/* Store Tooltip Classes */

.storeTable a.explain {
    text-decoration: none;
}

.storeTable a.explain span.explanation {
    position: absolute;
    padding: 0 10px 10px 5px;
    font-size: 0.85em;
    line-height: 1.5em;
    visibility: hidden;
    text-decoration: none;
    text-align: left;
    width: 150px;
}

.storeTable a.explain:hover span.explanation {
    visibility: visible;
    text-decoration: inherit;
}

.storeTable a.explain span.explanation div {
    border: 1px solid #ccc;
    background: #EAEBED;
    display: none;
    padding: 0.5em;
}

.storeTable a.explain:hover span.explanation div {
    display: block;
}

/*OLD STYLES
/* Store Styles */

h1.VSoftStore {
    color: #1A2436;
}


/* Articles */

.article {
    margin: 25px 0;
}

.articleCalendar {
    float: right;
}

.articleHeadline h1 {
    line-height: 2.2em;
}



/*** OLD STORE CSS ***/

.aRow {
    width: 100%;
    margin: 1em 0;
    clear: left;
    text-align: left;
    float: left;
}

.narRow {
    width: 98%;
    margin: 0 auto;
    clear: left;
    text-align: left;
    float: left;
}

.leftCol {
    width: 10%;
    float: left;
    clear: left;
    padding-top: 0.5em;
    text-align: center;
}

.rightCol {
    width: 90%;
    float: left;
}

.twoColEven {
    width: 44%;
    float: left;
    margin: 0 2%;
    padding-top: 1.4em;
}

.liteButton {
    border: 1px solid #ccc;
    font-weight: bold;
    text-shadow: 1px 1px #FFFFFF;
}

.liteButton:hover, a.liteButton:hover, .liteButton a:hover {
    color: #D54E21;
    text-decoration: none;
}

.liteButton:active, a.liteButton:active {
    position: relative;
    top: 1px;
}

span.CommandButton, .button, .liteButton, .SurveyContent .CommandButton {
    padding: 0.375em;
    margin: 0.25em 1em;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.button {
    color: #fff;
    border: 1px solid #ccc;
}

a.button, .button a {
    color: #fff;
    font-weight: bold;
    text-shadow: #444 1px 1px 1px;
}

a.button:hover, .button a:hover {
    text-decoration: none;
}

a.button:active, .button a:active {
    color: #fff;
    background: #0066cc;
    font-weight: bold;
    text-shadow: #444 1px 1px 1px;
    position: relative;
    top: 1px;
}

span.CommandButton, .SurveyContent .CommandButton {
    border: 1px solid #ccc;
    font-weight: bold;
}

span.CommandButton {
    color: #444;
    white-space: nowrap;
}

span.CommandButton:hover a, .SurveyContent .CommandButton:hover a {
    color: #D54E21;
    text-decoration: none;
}

span.CommandButton:active, .SurveyContent .CommandButton:active {
    color: #666;
    position: relative;
    top: 1px;
}

.DefaultTable table {
    width: auto;
}

.breadcrumb {
    padding: 0 0.5em 0 0.5em;
}


.breadcrumb:hover {
    text-decoration: underline;
}

.pricing {
    text-align: center;
}

.pricingheader {
    margin: 0 .25em 0.5em .25em;
    color: white;
}

.pricing .atDesc {
    display: inline-block;
}

.pricing .snDesc {
    display: inline-block;
}

.fbBorder {
    border-color: #00324D;
    border-width: 1px;
    border-style: solid;
}

.fbAltBorder {
    border-color: #006396;
    border-width: 1px;
    border-style: solid;
}

.atBorder {
    border-color: #a91010;
    border-width: 1px;
    border-style: solid;
}

.twocolpricing {
    margin-right: 1.2%;
    margin-left: 0;
    width: 31%;
    float: left;
    min-height: 1px;
    padding: 2px 2px 2px 2px;
}

.twocolpricing.middle {
    margin-right: 1.2%;
}

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

.twocolpricing.recBorder {
    padding: 0 0 0 0;
    border: 3px solid #5bb75b;
    margin-left: 1.2%;
}

.pricing .threecolpricing {
    margin-left: 0;
    margin-right: .85%;
    width: 24%;
    float: left;
    min-height: 1px;
}

.pricing .fourcolpricing.recBorder {
    border: 3px solid #5bb75b;
    padding: 0 0 0 0;
}

.pricing .fourcolpricing {
    margin-right: .5%;
    width: 32%;
    float: left;
    min-height: 1px;
    padding: 2px 2px 2px 2px;
}

.pricing .sixcolpricing.last {
    margin-right: 0;
    margin-right: .25%;
    float: right;
}

.pricing .sixcolpricing {
    margin-right: 0;
    margin-left: .25%;
    width: 49%;
    float: left;
    min-height: 1px;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    padding: 0.5em 0 1em 0;
}

.pricing .eightcolpricing {
    margin-right: .85%;
    width: 66.05%;
    float: left;
    min-height: 1px;
    padding: 2px 2px 2px 2px;
}

.pricing .free {
    border: 1px solid #0071c5;
}

.pricing .free .ciAlt {
    background-color: #0071c5;
    color: White;
}

.pricing .free .ciAlt .submitArrow {
    float: right;
    padding: 0em 0.5em 0em 0.5em;
    background: url('https://cdn.finalbuilder.com/i/Submit_Arrow24.png') no-repeat;
    width: 24px;
    height: 24px;
}

.pricing .price {
    padding: 1em 0 0em 0;
}

.pricing .price .number, .pricing .price .symbol {
    display: inline-block;
    font-size: 2em;
    font-family: 'Open Sans', Arial, Helvetica, "Trebuchet MS", sans-serif;
}

.pricingFeatures {
    display: inline-block;
    width: 49%;
    text-align: left;
}

.pricingFeaturesFullWidth {
    display: inline-block;
    width: 100%;
    text-align: left;
}

.pricing .concurrent {
    padding: 1em 0 1em 0;
}

.pricing .info {
    padding: 0.5em 0 0.5em 0;
}

.pricingFeatures .infoLeft, .pricingFeaturesFullWidth .infoLeft {
    padding: 0.5em 1em 0.5em 1em;
}

.pricing .concurrent .number {
    font-size: 3em;
    font-family: 'Open Sans', Arial, Helvetica, "Trebuchet MS", sans-serif;
    padding-bottom: .25em;
}

.pricing .installs {
    padding: 0.5em 0 0.5em 0;
    text-align: center;
}

.pricing .installs .number {
    font-size: 1.4em;
    font-family: 'Open Sans', Arial, Helvetica, "Trebuchet MS", sans-serif;
    padding-bottom: .25em;
}

.pricing .noinstalls {
    height: 3.45em;
}

.pricing .additional {
    padding: 1em 0 1em 0;
}

.pricing .additional .number, .pricing .additional .symbol {
    display: inline-block;
}

.pricing .additional .number {
    font-size: 1.5em;
    font-family: 'Open Sans', Arial, Helvetica, "Trebuchet MS", sans-serif;
}

.pricing .logo, .pricing .cicity1, .pricing .cicity2, .pricing .cicity3, .pricing .cicity4, .pricing .cicity5, .pricing .cicity6, .pricing .atcity1, .pricing .atcity2, .pricing .atcity3, .pricing .atcity4, .pricing .atcity5, .pricing .atcity6, .pricing .fbcity1, .pricing .fbcity2, .pricing .fbcity3, .pricing .fbcity4, .pricing .fbcity5, .pricing .fbcity6 {
    width: 128px;
    height: 64px;
    display: inline-block;
    margin-top: 1em;
}

.vsofttooltip {
    background-color: White;
    width: 300px;
    border: 1px solid #222;
    padding: 0.5em;
    font-size: 1em;
    color: #222;
    font-family: 'Open Sans', Arial, Helvetica, "Trebuchet MS", sans-serif;
    border-radius: 0;
    z-index: 99999999;
}

.pricing .logo {
    background: url('https://cdn.finalbuilder.com/i/icons/video_ci_64.png') no-repeat;
}

.buyNow a:hover {
    text-decoration: underline;
    color: white;
}

.free .buyNow a:hover {
    color: White;
}

.quoteleft {
    position: absolute;
    top: 2em;
    left: 0;
    background: url('https://cdn.finalbuilder.com/i/quote_left_64.png') no-repeat;
    width: 64px;
    height: 64px;
}

.quoteright {
    position: absolute;
    right: 0;
    bottom: 0;
    background: url('https://cdn.finalbuilder.com/i/quote_right_64.png') no-repeat;
    width: 64px;
    height: 64px;
    z-index: 10;
}

.testimonials {
    position: relative;
    padding: 0 0 1em 0;
}

.hide {
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
}

.fancybox-title {
    font-size: 3em;
}

.fancybox-type-iframe .fancybox-nav {
    width: 60px;
}

.fancybox-type-iframe .fancybox-nav span {
    visibility: visible;
    opacity: 0.5;
}

.fancybox-type-iframe .fancybox-nav:hover span {
    opacity: 1;
}

.fancybox-type-iframe .fancybox-next {
    right: -60px;
}

.fancybox-type-iframe .fancybox-prev {
    left: -60px;
}

.buyNowButton {
    margin: 1em 1em 1em 1em;
    padding: 0.5em 0 .75em 0;
    background-color: #5bb75b;
    color: white;
}

.buyNowButton .submitArrow {
    float: right;
    padding: 0 0.5em 0 0.5em;
    background: url("/images/Submit_Arrow24.png") no-repeat;
    width: 24px;
    height: 24px;
}

.comingSoonButton {
    padding: 0.5em;
    margin-top: 2em;
    background-color: #5bb75b;
    color: white;
}

.pricingcol {
    margin-right: .25em;
    margin-left: .25em;
}

.pricingcol-fbAlt {
    border: 1px solid #006396;
}

.pricingcol-fb {
    border: 1px solid #00324D;
}

.pricingcol-at {
    border: 1px solid #a91010;
    min-height: 280px;
}

.pricingcol-ci {
    border: 1px solid #0071C5;
    min-height: 370px;
}

.pricingcol-ci .pricingcol-rec {
    min-height: 370px;
    border: 3px solid #5bb75b;
}

.pricingcol-sn {
    border: 1px solid #00509E;
    min-height: 370px;
}

.pricingcol-sn .pricingcol-rec {
    min-height: 370px;
    border: 3px solid #5bb75b;
}


.pricingcol-rec {
    border: 3px solid #5bb75b;
    padding: 0 0 10px 0;
    margin-top: -5px;
}

.pricingFeatureBlock {
    margin-top: .25em;
    min-height: 210px;
}

.withpadding {
    padding-top: 10px;
    padding-bottom: 10px;
}

.rec {
    background-color: #5bb75b;
}

.licensename {
    color: white;
    font-size: 1.4em;
}

#featurematrix {
    width: 100%;
}

#featurematrix .header {
    border: 1px solid #00324d;
    display: block;
    padding: 1em 0 1em 1em;
    margin: .5em 0 .5em 0;
    color: white;
    background-color: #006396;
}

#featurematrix table {
    width: 100%;
    border-bottom: 1px solid #666;
    border-collapse: collapse;
}

#featurematrix table thead {
    color: white;
}

#featurematrix table .action {
    width: 60%;
    padding-left: 1em;
    border-bottom: none !important;
}

#featurematrix table .standard {
    color: white;
    background-color: #006396;
    width: 20%;
    border-bottom: none !important;
    text-align: center;
    padding-left: 0;
}

#featurematrix table .professional {
    color: white;
    background-color: #00324D;
    width: 20%;
    border-bottom: none !important;
    text-align: center;
    padding-left: 0;
}

#featurematrix H4 {
    color: white;
}

#featurematrix table td .included {
    background-image: url("/images/tick_24.png");
    height: 24px;
    width: 24px;
    margin-left: auto;
    margin-right: auto;
}

#featurematrix table td {
    padding: 0.5em 0 0.5em 1em;
    border-bottom: 1px solid #00324d;
}

a.linkButton {
    padding: 0.4em 1em 0.75em 1em;
    text-align: left;
    color: white;
    margin: .25em .25em .25em 1em;
    text-decoration: none;
    vertical-align: middle;
    min-width: 180px;
}

a.linkButton span {
    min-width: 180px;
}

a:hover.linkButton {
    text-decoration: none;
    cursor: pointer;
}

a.linkButton.fb {
    background-color: #006396;
}

a.linkButton.fbAlt {
    background-color: #00324D;
}

a.linkButton.at {
    background-color: #a91010;
}

/* feaure pages */

.features-title {
    text-align: center;
}

.feature {
    margin-top: .5em;
    margin-bottom: .5em;
}

.row.feature {
    min-height: 200px;
}

.divider {
    height: 1px;
    width: 100%;
    background-color: #ddd;
    position: relative;
    margin: 1.5em 0 1.5em;
}

a.feature-title {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #555;
    font-size: 1.8em;
}

.feature-info-title {
    text-align: center;
    padding-bottom: 1em;
}

.feature-info {
    padding-top: 3em;
}

.feature-info-text {
    padding-top: .75em;
    font-size: 1.1em;
    line-height: 1.2em;
    font-weight: normal;
    text-align: justify;
}

.feature-image {
    padding-left: 2em;
    min-height: 300px;
}

a.feature-learn-more {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #555;
    font-size: 1em;
}

/* hide built in password reset */

.dnnLoginActions {
    display: none;
}

/* center login module */

.LoginPanel {
    width: 100%;
    margin: 0 auto 0 auto;
    padding: unset;
}

.fa-blue {
    color: #117e42;
}

.dnnLogin {
    margin : 0 auto 0 auto;
    width: 500px;
}

.dnnLoginService > .dnnFormItem > .dnnLabel {
    margin-right: 5px;
}


@media only screen and (max-width: 767px) {

    .dnnLoginService > .dnnFormItem > input[type="email"], 
    .dnnLoginService > .dnnFormItem > input[type="text"], 
    .dnnLoginService > .dnnFormItem > input[type="password"] {
        width : 45%;
        min-width : 45%;
    } 

    .LoginPanel {
        width: 100%;
        margin: 0 auto 0 auto;
        padding: unset;
    }
    
    .dnnLogin {
        margin : 0 auto 0 auto;
        width: 100%;
    }
}

a.reseller-link {
  color : white;
}

.links {
    color : white;
    max-width : 250px;
    padding : .5rem;
    display : flex;
    flex-direction : column;
    gap : 1rem;
}



/* NEW CSS */

.banner h3 {
    color : white;
}

.rotator {
  position : relative;
  min-height : 475px; 
}

home-card {
    color: white;
    overflow: hidden;
    padding-top: 0.5em;
    padding-left: 0.75em;
    padding-right: 0.75em;
    padding-bottom: 0.5em;
    display : flex;
    flex-direction : column;
}

home-card a {
  color : white;
  text-decoration : none;
}
 

home-card h1 {
    color : white;    
    font-size : 2em;
}

home-card h2 {
    color : white;
    font-size: 1.1em;
}

home-card h3 {
    color : white;
}


home-card-title {
  font-size: 2em;
  font-weight : 600;
  color : white;
  display : flex;
  gap : .5em;
  align-items : center;
  margin-bottom : .5em;
}

home-card-title a,
home-card-title a:hover,
home-card-title h1 a,
home-card-title h2 a,
home-card-title h3 a  {
    color : white !important;
    text-decoration : none;
}


home-card-content {
    display : flex;
    flex: 1 1 auto;
    flex-direction : row;
    margin-top : .5em;
    gap : 0;
    color : white;
    width : 100%;
}

home-card-content a {
    color : white;
    text-decoration : none;
}

home-card-title a  {
    color : white;
    text-decoration : none;
}

home-card-content > h2 > a {
    color : white;
    text-decoration : none;
}


home-card-column {
  display : flex;
  flex-direction : column;
  flex-grow : 1;
}

 home-card-column:first-child {
  width : 400px;
  flex-grow : 0;
}

home-card-column h2 {
  font-size: 1.8em;
}

home-card-column p {
  margin : 0 0 .25em 0;
}

.submitArrow {
  background: url(https://cdn.finalbuilder.com/i/Submit_Arrow32.png) no-repeat;
  width : 32px;
  height : 32px;
  display : block;
}

home-card-buttons {
  display : flex;
  flex-direction : column;
  gap : .65em;
  margin-top: auto;
  padding-top: 1em;
}

a.homeCardButton  {
  padding : .7em;
  background-color : white;
  max-width : 200px;
  display : flex;
  justify-content : space-between;
  align-items: center
}

a.homeCardButton:hover {
  text-decoration : none;
}

.fb .homeCardButton {
  background-color: #006396;
  color : white;
}

.at .homeCardButton {
  color : #A91010;
}

.ci .homeCardButton {
  color : #0071C5;
}

.sn .homeCardButton {
  color : #00509E;
}

.btnArrow {
  width : 24px;
  height : 24px;
}

.fb a.homeCardButton .btnArrow, .fb a.newLinkButton .btnArrow {
  background: url('https://cdn.finalbuilder.com/i/Submit_Arrow24.png') no-repeat;
  color: white;
}

.fbAlt a.homeCardButton .btnArrow, .fbAlt a.newLinkButton .btnArrow {
  background: url('https://cdn.finalbuilder.com/i/Submit_Arrow24.png') no-repeat;
  color: white;
}


.at a.homeCardButton .btnArrow, .at a.newLinkButton .btnArrow {
  background: url('https://cdn.finalbuilder.com/i/Submit_Arrow_AT_24.png') no-repeat;
  color: white;
}

.ci a.homeCardButton .btnArrow, .ci a.newLinkButton .btnArrow {
  background: url('https://cdn.finalbuilder.com/i/Submit_Arrow_CI_24.png') no-repeat;
  color: white;
}

.sn a.homeCardButton .btnArrow, .sn a.newLinkButton .btnArrow {
  background: url('https://cdn.finalbuilder.com/i/Submit_Arrow_CI_24.png') no-repeat;
  color: white;
}

.otherAlt a.newLinkButton .btnArrow, .other a.newLinkButton .btnArrow {
  background: url('https://cdn.finalbuilder.com/i/Submit_Arrow_OtherAlt_24.png') no-repeat;
  color: white;
}

home-card-footer {
  display : flex;
  justify-content : end;
  padding : 0 .5em .5em .5em;
}

.newblocks {
    display : flex;
    flex: 1 1 auto;
    flex-direction : row;
    gap : .25em;
    color : white;
    margin-top : .25em;
}

.newblocks home-card-column:first-child  {
    width : unset;
    padding : 0 .5em 0 .5em; 
    min-width : 64px;
}

.newblocks home-card-column.ci:hover {
    background-color : #00599d;
}


@media only screen and (max-width: 766px) {
  #rotator {
    display : none;
  }
 .newblocks {
    flex-direction : column;
 }
}

.newLinkButtonGroup {
    padding : 1em;
    display : flex;
    flex-wrap : wrap;
    gap : .5em
}

a.newLinkButton  {
  padding : .7em;
  background-color : white;
  max-width : 200px;
  min-width : 140px;
  display : flex;
  justify-content : space-between;
  align-items: center
}

a.newLinkButton.fbAlt {
    background-color : #006396;  
    color : white;  
}

a.newLinkButton.fb {
    background-color : #00324D;  
    color : white;  
}

a.newLinkButton.ci {
    color : #0071C5;  
}

a.newLinkButton.atAlt {
    color : #a91010;  
}

a.newLinkButton.at {
    color : #a91010;  
}

a.newLinkButton.other {

    color : #117e42;
}

a.newLinkButton.otherAlt {
    color : #0f6435;
}