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;}
:focus {outline:none;}
::-moz-focus-inner {border:0;}
/***** RESET END ******/

.show { display:none !important; }
.hidden { display:block !important; }

/******************** DEFAULT COLOURS ******/

/* HOME FEATURE ICONS */
.color01 { color:#002F18; }

/* INTERNAL PAGE TITLE */
#intDivider .title h1 { color:#002F18; }

/* TOP MENU/FOOTER STRIP */
.bgcolor01 { background-color:#002F18; }

/* HEADER BEHIND LOGO */
.bgcolor02 { background-color:#fff; }

/* THREE HOME CONTENT FEATURES */
.bgcolor03 { background-color:#fff; }

/* CONTACT/BREADCRUMBS */
.bgcolor04 { background-color:#e2eee6; }

/* WHAT WE DO */
.bgcolor04b { background-color:#006634; }

/* TESTIMONIALS/TOP ARROWS/MENU BUTTON */
.bgcolor05 { background-color:#002F18; }
.bgcolor06 { background-color:#006634; }

/* ADD THE CLASS .white TO A SECTION NEXT TO .bgcolor## IF IT NEEDS WHITE TEXT */
.white, .white p, .white td, .white li { color:#fff }
.white h3 { color:#fff; }
.white .linkbuttons, .white .LinkButtons { background:#77a888; }
.white a { color:#fff; text-decoration:underline; font-weight:400; }
.white a:hover { -moz-opacity:.80; filter:alpha(opacity=80); opacity:.80; color:#fff; text-decoration:underline; font-weight:400; }
.white .mainheader:before, .white .MainHeader:before { color:#fff; border-bottom: 3px solid #fff; }

/* SET THE BORDER COLOUR FOR THE HEADINGS WITH THE LINE UNDER */
.mainheader:before, .MainHeader:before {  border-bottom: 3px solid #77a888;
content:""; position: absolute; left: 0; right:0; bottom: 0; height: 3px; width: 100px; margin: 0 auto; }

.get-directions { background: #006634; }
.get-directions:hover { background: #006634; }

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

#bodyClass {}

.topTabs { position:absolute; bottom:0; left:0; right:0; margin:0 auto; height: 30px; width: 60px; text-align:center; line-height:30px; vertical-align:middle; border-radius: 60px 60px 0 0; -moz-border-radius: 60px 60px 0 0; -webkit-border-radius: 60px 60px 0 0; color:#fff; font-size:20px; cursor:pointer;  transition: all 0.3s ease 0s; }
    .topTabs:hover { -moz-opacity:.50; filter:alpha(opacity=50); opacity:.50; }

.topStrip { padding:6px 1%; position:fixed; width:98%; z-index:999; }

#mainNav { float:left; }

.topIcons { float:right; }
    .topIcons a { color:#fff; margin:0 8px; transition: all 0.3s ease 0s; }
.topIcons a:hover { color:#fff; -moz-opacity:.50; filter:alpha(opacity=50); opacity:.50; }

header  { padding:80px 0 40px; }
header img { width: 100%; height: auto; display: block; }

#logo { text-align:center; width:18%; margin:0 auto; }

.quickCont { padding:20px 0 0 0; text-align:center; }
    .quickCont a { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding:0 10px; font-weight:400; }
        .quickCont a:hover { font-weight:400; }
        .quickCont a:first-child { border-right:solid 1px #000; text-align:right; }
        .quickCont a:last-child { text-align:left; }
    .quickCont i { margin-right:0 5px; }

section { padding:80px 0; position:relative; }
section#calc, section#details, section#results { padding:0 0 30px 0; }

section#homeFeatures { text-align:center; }
section#homeFeatures .onerow i { font-size:60px; margin-bottom:25px; }

section#imageHeader { padding:0; }
    section#imageHeader .imgPanel { position:relative; width:33.33%; float:left; height:500px; text-align:center; text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.8); cursor:pointer; -webkit-box-shadow: inset 15px 0px 25px -10px rgba(0,0,0,0.75); -moz-box-shadow: inset 15px 0px 25px -10px rgba(0,0,0,0.75);
box-shadow: inset 15px 0px 25px -10px rgba(0,0,0,0.75); }
    section#imageHeader .imgPanel.single { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }
    section#imageHeader .imgIcon { background: rgba(255, 255, 255, 0); border-radius: 50%; width: 180px; height: 180px; line-height:180px; text-align:center; vertical-align:middle; margin:120px auto 20px auto;  transition: all 0.3s ease 0s;  }
    section#imageHeader .imgPanel:hover .imgIcon { background: rgba(255, 255, 255, 0.3); }
        section#imageHeader .imgIcon i { font-size:120px; vertical-align:middle; color:#fff; }
    section#imageHeader .imgText { font-size:26px; line-height:normal; font-weight:500; color:#fff; text-transform:uppercase; }

section#services { padding:80px 0 30px 0; }
    section#services .eaService { float:left; }
    section#services .eaService .eqHeight { margin-bottom:1.5em; }
    section#services .imgPanel { height:220px; -webkit-box-shadow: inset 15px 0px 25px -10px rgba(0,0,0,0.75); -moz-box-shadow: inset 15px 0px 25px -10px rgba(0,0,0,0.75); box-shadow: inset 15px 0px 25px -10px rgba(0,0,0,0.75); }
    section#services .pad { padding:8% 5%; text-align:center; }

    section#contact .eaCon { margin-bottom:15px; }
    section#contact .conMap { float: left; width: 50%; position:relative; }
    section#contact .conRight { float: left; width: 50%; position: relative; }
    section#contact .triangle-left { width: 5%; height: 0; padding-top: 5%; padding-bottom: 5%; overflow: hidden; float: left; margin-top: 5%; }
        section#contact .triangle-left:after { content: ""; display: block; width: 0; height: 0; margin-top: -500px; border-top: 500px solid transparent; border-bottom: 500px solid transparent; border-right: 500px solid #fff; }
    section#contact .conDetails { width: 95%; background-color: #fff; min-height: 200px; float: left; }
        section#contact .conDetails .pad { padding: 4%; }


div.wmgooglemapcontainer[style] { width:100% !important; height:240px !important; }
section#contact .conMap iframe[style] { width:100% !important; height:240px !important; }

.bxslider2 p { font-size:22px; font-style:italic; line-height:32px; }

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% */

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

footer { position:relative; padding:80px 0; text-align:center; }
footer .pad { padding:50px 0 0 0; font-size:14px; }
footer .pad p, footer .pad td, footer .pad li { font-size:14px; }
footer img, footer td img { width:auto !important; display:inline-block !important; }

.overlay { background:transparent; position:absolute; top:0; z-index:2; width:100%; height:100%; }

#intDivider { padding:15px 0; }
#intDivider .title { font-size:14px; color: #333; font-size:32px; line-height:32px; display:inline-block; }
#intDivider .title h1 { margin:0; padding:0; line-height:32px; text-transform:uppercase; }
#intDivider .bread { text-align:right; color:#002F18; font-size:14px; line-height:32px; }
#intDivider .bread a { color:#002F18; font-size:14px; font-weight:400; text-decoration:underline; }

.pager { text-align:center; padding-bottom:20px; } 
.pager ul { margin:0; padding:0; list-style:none; width:100%; }
.pager ul li { margin:0 3px; padding:0; list-style:none; display:inline-block; }

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

.accordion { background-color: #e2eee6; }
 .accordion, .accordion, .accordion li { margin: 0; padding: 0; border: none; }
 .accordion li, .accordion ul { border: 0; outline: 0; margin: 0; padding: 0; }
 .accordion ul, .accordion ul li, .accordion li { list-style: none; }
.dcjq-count { float: right; }
.accordion a, .accordion a:hover, .accordion a:active { outline: 0px; }

/*****TOP LEVEL***/
.accordion a { background-repeat: no-repeat; background-position: 10px center; border-top: 1px solid #fff; padding: 10px 20px 10px 20px; text-decoration: none; display: block; color: #002F18; font-weight: 400; }
.accordion a.dcjq-parent { background: #e2eee6; font-weight:400; }
 .accordion a.dcjq-parent.active { background: #006634; color: #fff; }
.accordion a:hover, .accordion a.current { color: #fff; background-color: #006634; font-weight:700; }
/*****TOP LEVEL END***/

/*****LEVEL ONE DOWN***/
.accordion ul li { background: #999; color: #fff; }
.accordion ul a { font-weight: 400; color: #fff; border:0; padding: 10px 20px 10px 25px; }
.accordion ul li a.dcjq-parent { background: #999; font-weight:400; }
 .accordion ul li a.dcjq-parent.active { background: #666; color: #fff; }
.accordion ul li a:hover, .accordion ul li a.current { color: #fff; background-color: #666; font-weight:700; }
/*****LEVEL ONE DOWN END***/

/*****LEVEL TWO DOWN***/
.accordion ul li ul li { background: #666; color: #fff; }
.accordion ul ul li a { font-weight: normal; color: #fff; border: 0px; padding: 10px 20px 10px 30px; }
.accordion ul li ul li a.dcjq-parent { background: #666; font-weight: 700; }
 .accordion ul li ul li a.dcjq-parent.active { background: #333; color: #fff; }
.accordion ul li ul li a:hover, .accordion ul li ul li a.current { color: #fff; background-color: #333; }
/*****LEVEL TWO DOWN END***/

/*****LEVEL THREE DOWN***/
.accordion ul li ul li ul li { background: #333; color: #fff; }
.accordion ul ul li ul li a { font-weight: normal; color: #fff; border: 0px; padding: 10px 20px 10px 35px; }
.accordion ul li ul li ul li a.dcjq-parent { background: #333; font-weight: 700; }
 .accordion ul li ul li ul li a.dcjq-parent.active { background: #111; color: #fff; }
.accordion ul li ul li ul li a:hover, .accordion ul li ul li ul li a.current { color: #fff; background-color: #111; }
/*****LEVEL THREE DOWN END***/

.scrollToTop{ width:40px; height:40px; line-height:40px; text-align:center; text-decoration: none; position:fixed; bottom:20px; right:20px; display:none; z-index:999999; background: rgba(0, 0, 0, 0.2); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.scrollToTop i { font-size:16px; color:#fff; line-height:40px; font-weight:normal; }
.scrollToTop:hover{ text-decoration:none; color:#fff; font-weight:normal; background: rgba(0, 0, 0, 0.5); }

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

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

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

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

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

.LinkButtons:hover, .linkbuttons:hover, .eaPager.active {background:#77a888; cursor:pointer; text-decoration:none; color:#fff; font-weight:400;}

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

/******************** 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:#333 !important; text-decoration:none !important;}
.gf-author {color:#333 !important; font-size:11px !important;}
.gf-relativePublishedDate {color:#333 !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 iframe.myobvideos,
section#content iframe.xerovideomain,
section#content iframe.xerovideos,
section#content iframe.countvideos { width:600px; height:320px; }

/***** DIRECTIONS BUTTON ******/

 p.warning { color: red; }
 input.manual-location { width: 95%; font-size: 1.2em; padding: 5px; }
 .no-geolocation { display: none; }
 .get-directions { padding: 8px 13px; color: #ffffff; font-size: 16px; font-weight: bold; border-radius: 6px; margin: 0 auto 0 auto; text-decoration: none; clear: both; display: block; text-align: center; cursor: pointer; width: 80%; }
 .get-directions:hover { text-decoration: none; color: #ffffff; font-weight: bold; }
 .dirBtn { visibility: hidden; }
	.rDirect { padding:50px 20px; text-align:center; line-height:normal !important; }
	.rDirect p { font-size:20px !important; line-height:normal !important; }

/******************** 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: 1800px) {
#logo { text-align:center; width:25%; margin:0 auto; }
}
@media all and (max-width: 1600px) {
#logo { text-align:center; width:30%; margin:0 auto; }
}

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

    header  { padding:40px 0; }
    .topStrip { position:relative; z-index:1; }
#mainNav { width:80%; }
.topIcons { width:20%; text-align:right; }


    /****** 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; }
.bx-wrapper .bx-controls-direction a { top:20%; }
.sideMenu { display:none; }

.topStrip { position:relative; z-index:1; text-align:center; padding: 10px 1%; }
header  { padding:40px 0 40px; }
section { padding:50px 0; position:relative; }

.topIcons { float:none; display:inline-block; width:100%; text-align:center;  }
    .topIcons a { font-size:22px; }

section#homeFeatures .pad { padding:0 0 30px 0; }
section#homeFeatures .last .pad { padding:0; }

    .quickCont a { font-size:24px; display:block; float:left; width:49%; color:#fff; }
        .quickCont a:first-child { border-right:0; text-align:center; margin-right:1%; }
        .quickCont a:last-child { text-align:center; margin-right:1%; }
		.quickCont a:hover{ background-color:#333; }
    .quickCont i { margin-right:0; padding:8px 0; color:#fff; }

    section#imageHeader .imgPanel { height:150px; }
    section#imageHeader .imgIcon { border-radius:0; line-height:normal; width:40px; height:40px; margin:40px auto 15px auto; background:none;  }
        section#imageHeader .imgIcon i { font-size:40px;}
    section#imageHeader .imgText { font-size:14px; }

section#services { padding:50px 0 50px 0; }
    section#services .eaService[style] { width:100% !important; }
    section#services .imgPanel { height:120px; }
section#services .eaService .pad p, section#services .eaService .pad li, section#services .eaService .pad td, section#services .eaService .pad { font-size:14px; }

.bxslider2 p { font-size:16px; font-style:italic; line-height:24px; }

    section#contact .conMap { float:none; width: 100%; }
    section#contact .conRight { float: none; width: 100%; position: relative; }
    section#contact .triangle-left { display:none; }
    section#contact .conDetails { width: 100%; float: none; }

div.wmgooglemapcontainer[style] { height:240px !important; }

footer { padding: 50px 0; }

#intDivider .title { text-align:center; }
#intDivider .title h1 { margin:0 0 5px 0; }
#intDivider .bread { text-align:center; }

    /***** 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%; }

.wow {
  visibility: visible !important;
  -webkit-animation: none !important;
     -moz-animation: none !important;
       -o-animation: none !important;
      -ms-animation: none !important;
          animation: none !important;
}

}

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