html, body { margin: 0; height: 100%; }
/***** RESET ******/
img, form, a,
header, nav, article, section, dialog, figure, aside, footer { border: 0; margin: 0; outline: 0; padding: 0; }
/***** RESET END ******/

.show { display: none !important; }
.hidden { display: block !important; }
a#pull { display: none; }
nav#menu { display: none; }


/******************* IMAGE HEADER ***********/


.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }

    .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }

        .rslides li:first-child { position: relative; display: block; float: left; }

    .rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }

.rslides_container { margin-bottom: 50px; position: relative; float: left; width: 100%; }

.centered-btns_nav { z-index: 3; position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 50%; left: 0; opacity: 0.7; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; background: transparent url("../images/graphics/themes.gif") no-repeat left top; margin-top: -45px; }

    .centered-btns_nav:active { opacity: 1.0; }

    .centered-btns_nav.next { left: auto; background-position: right top; right: 0; }

.transparent-btns_nav { z-index: 3; position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 0; left: 0; display: block; background: #fff; /* Fix for IE6-9 */ opacity: 0; filter: alpha(opacity=1); width: 48%; text-indent: -9999px; overflow: hidden; height: 91%; }

    .transparent-btns_nav.next { left: auto; right: 0; }

.large-btns_nav { z-index: 3; position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); opacity: 0.6; text-indent: -9999px; overflow: hidden; top: 0; bottom: 0; left: 0; background: #000 url("themes.gif") no-repeat left 50%; width: 38px; }

    .large-btns_nav:active { opacity: 1.0; }

    .large-btns_nav.next { left: auto; background-position: right 50%; right: 0; }

    .centered-btns_nav:focus,
    .transparent-btns_nav:focus,
    .large-btns_nav:focus { outline: none; }

.centered-btns_tabs,
.transparent-btns_tabs,
.large-btns_tabs { margin-top: 10px; text-align: center; }

    .centered-btns_tabs li,
    .transparent-btns_tabs li,
    .large-btns_tabs li { display: inline; float: none; _float: left; *float: left; margin-right: 5px; }

    .centered-btns_tabs a,
    .transparent-btns_tabs a,
    .large-btns_tabs a { text-indent: -9999px; overflow: hidden; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background: #ccc; background: rgba(0,0,0, .2); display: inline-block; _display: block; *display: block; -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3); -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3); box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3); width: 9px; height: 9px; }

.centered-btns_here a,
.transparent-btns_here a,
.large-btns_here a { background: #222; background: rgba(0,0,0, .8); }


/******************* IMAGE HEADER ENDS ***********/




/******************** STRUCTURE ******/

#bodyClass { }

.headerWrap { width: 100%; z-index: 9999; position: absolute !important; }

header { padding: 1.5% 0%; background: rgba(255,255,255,.95); }

#logo { }

.headerLinks { float: right; margin-top: 2%; }
    .headerLinks img { width: auto !important; display: inline-block; }

#mainNav { background: #043566; text-align: center; height:46px; }

nav { height: auto; }
    /* STOPS NAV HEIGHT FROM JUMPING ON LOAD */
    nav img { width: auto !important; display: inline-block; }
/* KEEPS IMAGES IN NAV FROM SPANNING 100% */

.imageheader { width: 100% !important; background: #000; z-index: 1 !important; position: relative !important; margin-top: 0px; }

    .imageheader a { font-weight: 400 !important; color: #ffffff !important; text-decoration: none !important; }
        .imageheader a:hover { font-weight: 400 !important; color: #cee838 !important; text-decoration: none !important; }




section#content { padding: 2% 0%; }
    section#content img, section#content td img { width: auto; display: inline-block; }
/* KEEPS IMAGES IN CONTENT FROM SPANNING 100% */

article { }

aside { text-align: right; padding-right: 65px; font-family: Georgia,Times,"Times New Roman",serif; color: #a4adbc; font-size: 37px; line-height: 47px; }
/* side bar */

.features { padding: 1.5% 0%; background: #ebeff3; }

.featIcons { text-align: center !important; /* Webkit for Chrome and Safari */ opacity: 1; -webkit-transform: scale(1,1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 250ms; -moz-transform: scale(1,1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 250ms; /* Webkit for Mozila Firefox */ -moz-transform: scale(1, 1); -moz-transition-duration: 500ms; -moz-transition-timing-function: ease-out; /* Webkit for IE( Version: 11, 10 ) */ -ms-transform: scale(1, 1); -ms-transition-duration: 250ms; -ms-transition-timing-function: ease-out; }

    .featIcons:hover { /* Webkit for Chrome and Safari */ opacity: 1; -webkit-transform: scale(1.03,1.03); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 250ms; -moz-transform: scale(1.03,1.03); -moz-transition-timing-function: ease-out; -moz-transition-duration: 250ms; cursor: pointer; /* Webkit for Mozila Firefox */ -moz-transform: scale(1.03, 1.03); -moz-transition-duration: 250ms; -moz-transition-timing-function: ease-out; /* Webkit for IE( Version: 11, 10 ) */ -ms-transform: scale(1.03, 1.03); -ms-transition-duration: 250ms; -ms-transition-timing-function: ease-out; }

.contactfeature { padding: 1.5% 0%; background: #043566; }
.contactPanel { background: #1e4a76; color: #fff; }
    .contactPanel p, .contactPanel td, .contactPanel a { color: #fff; }
    .contactPanel h1 { color: #fff; font-weight: 300; font-size: 48px; }
.contactPad { padding: 5%; }

.footerlogos { padding: 2% 0%; }
    .footerlogos img { width: auto !important; display: inline-block; }

footer { padding: 1.5% 0%; text-align: center; font-size: 16px; }

/******************** STRUCTURE END ******/

/******************** FORM STYLES ******/

input[type="text"], input[type="password"], textarea, select { border: solid 1px #ccc; padding: 5px 8px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
    input[type="text"]:hover, input[type="password"]:hover, textarea:hover, select:hover { background: #f3f3f3; }

input[type="submit"], button[type="button"] { border: 0; background: #9cb02a; padding: 8px 12px; color: #fff; text-transform: uppercase; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; -webkit-appearance: none; }

    input[type="submit"]:hover, button[type="button"]:hover { background: #043566; }
/***** FORM STYLES END ******/

.LinkButtons + *, .linkbuttons + * { clear: right; }

.LinkButtons:hover, .linkbuttons:hover { background: #043566; cursor: pointer; text-decoration: none; color: #fff; }

.LinkButtons a, .linkbuttons a { color: #fff; text-decoration: none; }
    .LinkButtons a:hover, .linkbuttons a:hover { color: #fff; text-decoration: none; }

/******************** EXTRAS ******/

/***** IE HEIGHT HACK
minheight {min-height:500px; height:auto !important; height:500px;}*/
fieldset#LoginFields { width: 280px; }
    fieldset#LoginFields dl dt { width: 100px; }
.BlogPost { border-bottom: solid 1px #ccc; }
.PostPublished, .PostAuthor { color: #999; }
.PostHeader h2 a { text-decoration: underline; font-size: 24px; font-weight: normal; }
.PostLinks { padding-left: 0; margin-left: 0; border-bottom: 1px solid #ccc; }
    .PostLinks li { list-style: none; margin: 0; padding: 0.25em; border-top: 1px solid #ccc; }
#ui-datepicker-div { display: none; }
.clearBoth { clear: both; height: 0px; }
/* Start Form Validation Styles*/
.validation_failed { border: 1px solid red; }
.error_msg { color: red; }
/* End  Form Validation Styles */
hr { height: 0px; color: #e3e2e2; border-top: 1px; background: #e3e2e2; border-style: solid; }

/* CLEAR FIX */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/******************** SAASU CSS 
#saasuintro{width: 680px;}
.saasuimg{width: 680px;}
.saasuhomeimgs{}
.saasutour{}
******/

/***** COUNT 
section#content iframe.countvideos { width:640px; }
 *****/

/******************** SEARCH CSS ******/
#search { display: block; height: 28px; padding: 2px; vertical-align: middle; border: 0; background-color: #eee; margin: 0; }
    #search form input { border: 0px; padding: 0 5px; float: left; vertical-align: middle; line-height: 28px; height: 28px; background: transparent; font-size: 14px; }
    #search form { padding: 0px; margin: 0px; }
    #search #searchgo { float: right; font-size: 18px; color: #00539c; vertical-align: middle; line-height: 28px; }

/******************** CLIENT LOGIN CSS ******/
#login { width: 160px; margin: 0px auto; }
    #login textarea, #login input { outline: none; }
#loginheader { font-size: 14px; padding: 5px; color: #000; }
#client_login { padding: 0px; margin: 0px; font-size: 11px; color: #333; }
    #client_login .username { margin: 5px 0px 5px 0px; font-size: 11px; width: 155px; }
    #client_login .password { margin: 5px 0px 0px 0px; font-size: 11px; width: 155px; }
#loginGo { float: right; margin: 5px 0px 5px 0px; }

/******************** NEWSLETTER SUBSCRIBE THIN ******/
form#fmNewsSubscribeThin table td input { }
form#fmNewsSubscribeThin { width: 260px; margin: 0px auto; }
    /*form#fmNewsSubscribeThin table.newssubscribe .formlabel { font-size:14px; }
form#fmNewsSubscribeThin table.newssubscribe input#firstname { font-size:14px; }
form#fmNewsSubscribeThin table.newssubscribe input#email { font-size:14px; }*/
    form#fmNewsSubscribeThin table.newssubscribe .essential { display: none; }
    form#fmNewsSubscribeThin table td input#subscribe { padding: 8px 18px 8px 18px; }
/*.newssubscribe .formlabel { text-align:left !important; }
.newssubscribe input[type=text] { width:300px !important; } */

/******************** GOOGLE RSS FEED ******/
.gfc-resultsHeader { border: 0px !important; }
.gfc-title { font-size: 12px !important; color: #666 !important; text-decoration: none !important; }
.gf-author { color: #666 !important; font-size: 11px !important; }
.gf-relativePublishedDate { color: #666 !important; font-size: 11px !important; }
.gf-snippet { color: #333 !important; font-size: 11px !important; }
.gf-title a { font-size: 11px !important; }
/********************* EXTRAS END ******/

/****** ONLINE ACCOUNTING CSS *****/
section#content img.ibizzimgs,
section#content img.collaborateimg,
section#content img.BankLinkdiagram,
section#content img.banklinklogo,
section#content iframe.myobvideos,
section#content img.liveaccountslogo,
section#content img.accountrightlogo,
section#content iframe.xerovideomain,
section#content iframe.xerovideos,
section#content iframe.countvideos,
section#content img.xeroimage { width: 600px; height: 320px; }

/******************** RESPONSIVE STYLES ******/

.menu-link { display: none; }
/* HIDE MOBILE MENU BUTTON */
.securewarning { display: none; width: 98%; padding: 1%; background: #ff0000; color: #fff; text-align: center; font-size: 12px; line-height: 18px; }

@media all and (max-width: 1440px) {

#mainNav { height:auto; }

}


@media all and (max-width: 1024px) {

    /****** ONLINE ACCOUNTING CSS *****/
    section#content img.ibizzimgs,
    section#content img.collaborateimg,
    section#content img.BankLinkdiagram,
    section#content img.banklinklogo,
    section#content iframe.myobvideos,
    section#content img.liveaccountslogo,
    section#content img.accountrightlogo,
    section#content iframe.xerovideomain,
    section#content iframe.xerovideos,
    section#content iframe.countvideos,
    section#content img.xeroimage { width: auto; height: auto; }
}

@media all and (max-width: 768px) {

    /**** IMPORTANT CSS ****/
    .responsiveimage { width: 100% !important; display: block !important; height: auto !important; }
    img.responsiveimage[style] { margin-left: 0 !important; margin-right: 0 !important; }
    #SlideShowImg { width: 100% !important; display: block !important; height: auto !important; }
    /*section#content img, section#content td img { width:100% !important; display:block; }  IMAGES SPAN 100% FOR MOBILE */
    .hidden { display: none !important; }
    .show { display: block !important; }
    iframe[style] { width: 100% !important; margin: 0 !important; }
    iframe[width] { width: 100% !important; }

    /***** SITE CUSTOM CSS *****/
    #logo { width: 80% !important; margin: 0 auto; }


    /***** BLOG STYLES ******/
    div.Blog div.BlogPosts { margin: 0px !important; }
    div.Blog div.BlogRightMenu { position: relative !important; width: 100%; }

    /***** CHANGE TABLE STATE *****/
    table, thead, tbody, th, td, tr { display: block; }
        table[style] { width: 100% !important; height: auto !important; }
        table[align] { float: none !important; }
        table td { padding: 5px 0 !important; margin: 0 !important; }
            table td[style] { width: 100% !important; height: auto !important; }
        table tr[style] { width: 100% !important; height: auto !important; }
        table[cellpadding] { padding: 15px 0px !important; }
        /* Hide table headers (but not display: none;, for accessibility) */
        thead tr { position: absolute; top: -9999px; left: -9999px; }
    tr { border: 0; }
    td { /* Behave  like a "row" */ border: none; position: relative; }

    /****** ONLINE ACCOUNTING CSS *****/
    section#content iframe.countvideos,
    section#content img.ibizzimgs,
    section#content img.collaborateimg,
    section#content img.BankLinkdiagram,
    section#content img.banklinklogo,
    section#content iframe.myobvideos,
    section#content img.liveaccountslogo,
    section#content img.accountrightlogo,
    section#content iframe.xerovideomain,
    section#content iframe.xerovideos,
    section#content img.xeroimage { width: 100% !important; height: auto; }

    /**** END *****/
    table.newssubscribe td.formlabel { text-align: left !important; }
    table.newssubscribe td input[type="text"] { width: 50%; }

    /***** MOBILE NAV STYLES ******/
    .ddsmoothmenu { display: none !important; }
    nav#menu { display: block !important; height: auto; border-bottom: 0; }
        nav#menu ul { width: 100%; display: none; height: auto; padding: 0; margin: 0 auto; }
        nav#menu li { width: 100%; position: relative; display: inline; float: left; }
            nav#menu li a { background: #111 url(files/images/graphics/m_arrow.png) no-repeat 5px center; display: block; padding: 6px 0 6px 15px; border-bottom: solid 1px #111; font-weight: normal; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
        nav#menu a { text-align: left; width: 100%; color: #fff; display: block; text-decoration: none; padding: 8px 0; }
            nav#menu a:hover, nav#menu a:active { background-color: #888; }
        nav#menu ul li ul li a { padding: 6px 0 6px 25px !important; background-color: #333; background-position: 15px center; }
        nav#menu ul li ul li ul li a { padding: 6px 0 6px 35px !important; background-color: #444; background-position: 25px center; }
        nav#menu ul li ul li ul li ul li a { padding: 6px 0 6px 45px !important; background-color: #555; background-position: 35px center; }
        nav#menu ul li ul li ul li ul li ul li a { padding: 6px 0 6px 55px !important; background-color: #666; background-position: 45px center; }
        nav#menu ul li ul li ul li ul li ul li ul li a { padding: 6px 0 6px 65px !important; background-color: #777; background-position: 55px center; }
    #pull { display: block !important; text-align: center; width: 100%; position: relative; content: ""; background: #043566 url('../images/graphics/nav-icon.png') no-repeat 12px center; height: 45px; line-height: 45px; color: #fff; text-decoration: none; }
        #pull.current { text-decoration: none; background: #043566 url('../images/graphics/nav-icon-close.png') no-repeat 12px center; }

    #topStrip { border-bottom: solid 3px #fff; height: 50px; color: #fff; }
    .topHome, .topEmail { display: block; width: 48%; height: 40px; float: left; margin: 5px 1%; }
    .topHome { background: #781f1c url(../images/graphics/phone_white.png) no-repeat center; }
    .topEmail { background: #781f1c url(../images/graphics/mail_white.png) no-repeat center; }
        .topHome:hover, .topEmail:hover { background-color: #0d1f61; }

    section#content { padding: 8% 5%; }

    .features img { width: 90% !important; display: inline-block !important; }
    .featIcons { padding: 5% 0%; }
    .headerWrap { width: 100%; padding: 1% 0%; position: relative !important; }
    header { padding: 5% 0%; }
}


@media all and (max-width: 400px) {
    .securewarning { display: block !important; }

    /* HIDES ARROWS/CONTROLS & TEXT IN MOBILE VERSION */
    .bjqs-markers, .bjqs-caption, .bjqs-controls, .NavItem-182 { display: none !important; }
}