html,body {margin:0; height:100%; font-family: 'Signika Negative', sans-serif;}
/***** RESET ******/
img, form, a,
header, nav, article, section, dialog, figure, aside, footer
{border:0; margin:0; outline:0; padding:0;}
/***** RESET END ******/

.bannerheader { color:#fff; }

/******************** STICKY HEADER *****/

.stickyHead { width: 100%; height:174px; position: fixed; top: 0; left: 0; z-index: 999; background: rgba(255, 255, 255, 0.8);  -webkit-transition: height 0.2s; -moz-transition: height 0.2s; -ms-transition: height 0.2s; -o-transition: height 0.2s; transition: height 0.2s;   }
.stickyHead header  { padding:20px 0; }
.stickyHead header #logo img { float:left; width:340px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.stickyHead header .headTxt { margin:30px 0 40px 0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }

.stickyHead.smaller { position:fixed; width:100%; height:115px; background:#fff;  }
.stickyHead.smaller header { padding:10px 0 !important; }
.stickyHead.smaller header #logo img { width:240px !important; }
.stickyHead.smaller header .headTxt { margin:15px 0 20px 0; }

.gap { height:174px; }

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

#bodyClass {}

#logo {}

.mobileMenu { padding:2% 0; } 
.mobIco { display:inline-block; width:30%; margin:0 1.5%; padding:3px 0 1px 0; background:#00adef; float:left; -webkit-border-top-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px; text-align:center; }

.headerRight { float:right; text-align:right; }
.headTxt { font-size:28px; font-weight:600; }
.headTxtm { font-size:20px; font-weight:600; text-align:center; margin-top:10px; }

.imageHeader { height:625px; overflow:hidden; }
.imageHeader img { width:100% !important; display:block; }

.imageHeaderInt { height:280px; overflow:hidden; }
.imageHeaderInt img { width:100% !important; display:block; }

.imageTxt p, .imageTxt a, .imageTxt td, .imageTxt li, .imageTxt .subheader, .imageTxt .SubHeader { margin-top:0; color:#fff; }

.imageHeader .imageTxt { color:#fff; margin-top:194px; max-width:430px; height;470px; position:absolute; z-index:99; padding:50px; -webkit-border-top-right-radius: 50px;
-webkit-border-bottom-left-radius: 50px;
-moz-border-radius-topright: 50px;
-moz-border-radius-bottomleft: 50px;
border-top-right-radius: 50px;
border-bottom-left-radius: 50px; background: rgba(0, 173, 239, 0.8);  }

#menu { display: none; }

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

.homeFeatures { background:#f3f3f3; padding:1.5% 0; } 
.homeFeatures img { width:auto !important; display:inline-block; }
.hfInt { padding:1.5% 0 3% 0; }

#newsSection { background: #231f20; padding:3% 0 1.5% 0; color:#fff; }
.newsIcon { width: 90px; height: 90px; background: #00adef url(../images/graphics/latest_news_icon.png) no-repeat center; margin:-90px auto 1.5% auto; -webkit-border-top-right-radius: 15px; -webkit-border-bottom-left-radius: 15px; -moz-border-radius-topright: 15px; -moz-border-radius-bottomleft: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; }
#newsSection p, #newsSection td, #newsSection li, #newsSection .subheader, #newsSection .SubHeader,  #newsSection .featureheader  { color:#fff; } 

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

.bread { padding:6px 0; background:#f3f3f3; text-align:right; font-size:14px; }

section#contactSection { height:300px; }
section#contactSection .onepcssgrid-1200 { position:relative; }
section#contactSection .conPanel {
color:#fff; margin-top:20px; max-width:285px; position:absolute; z-index:99; -webkit-border-top-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomleft: 20px;
border-top-right-radius: 20px;
border-bottom-left-radius: 20px; background: rgba(0, 173, 239, 0.8); color:#fff; right:0;
}
section#contactSection .conPanel .pad { padding:25px; }
section#contactSection .conPanel p { margin:0; padding:0; color:#fff; }
section#contactSection .conPanel a { color:#fff; }
section#contactSection .conPanel a.conButton { display:block; color:#fff; padding:10px; background:#231f20; -webkit-border-bottom-left-radius: 20px; -moz-border-radius-bottomleft: 20px; border-bottom-left-radius: 20px; font-weight:500; text-align:center;  }
section#contactSection .conPanel a.conButton:hover { font-weight:500; }

.sideMenuCon { background:#231f20; padding:25px; -webkit-border-top-right-radius: 30px;
-webkit-border-bottom-left-radius: 30px; -moz-border-radius-topright: 30px; -moz-border-radius-bottomleft: 30px; border-top-right-radius: 30px; border-bottom-left-radius: 30px; }

footer { padding:1.5% 0; font-size:14px; }
footer p, footer td, footer li { font-size:14px; }

footer img, footer td img { width:auto !important; display:inline-block !important; }


/********************* Get direction button **************** */
  p.warning { color: red; }
    input.manual-location { width: 95%; font-size: 1.2em; padding: 5px; }
    .no-geolocation { display: none; }
    .get-directions { background: #231f20; 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; background:#333; 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; }


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

/******************** MOBILE MENU PANEL *******/

/* Clearfix */
.clearfix:before,
.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

a#pull { display: none; }

nav#menu { display: none; width: 100%; background: #222; font-weight:normal; position: relative; z-index:99999; }
nav#menu ul { padding: 0; margin: 0 auto; }
nav#menu li { display: inline; float: left; }
nav#menu a { color: #fff; display:block; text-decoration: none; padding: 8px 0; }
nav#menu li a { border-right: 1px solid #576979; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
nav#menu li:last-child a { border-right: 0; }
nav#menu a:hover, nav#menu a:active { background-color: #222; }


/******************** MOBILE MENU END ******/

.accordion{background-color: #231f20; }
.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, .accordion a:selected {outline:0px;}

/*****TOP LEVEL***/
.accordion a { background-repeat: no-repeat; background-position: 10px center; border-top: 1px solid #444; padding: 10px 20px 10px 20px; text-decoration:none; display: block; color: #fff; font-weight:500;}
.accordion ul a {font-weight: normal;}
.accordion a.dcjq-parent {background:#231f20; font-weight: 500;}
.accordion a.dcjq-parent.active {background:#00adef; color: #fff;}
.accordion a:hover {background:#231f20; color: #00adef; font-weight: 500;}
.accordion a.current {background:#00adef; color: #fff;  font-weight: 500;}
/*****TOP LEVEL END***/

/*****LEVEL ONE DOWN***/
.accordion ul li {background:#00adef; color:#fff;}
.accordion ul a {font-weight: normal; color:#fff; border:0px; }
.accordion ul li a.dcjq-parent {background:#00adef; color:#fff;}
.accordion ul li a.dcjq-parent.active {color: #fff; background-color: #0078a6;}
.accordion ul li a:hover {color: #fff; background-color: #0078a6;}
.accordion ul li a.current, .accordion ul li a.active {color: #fff; background-color: #0078a6;}

/*****LEVEL ONE DOWN END***/

/*****LEVEL TWO DOWN***/
.accordion ul li ul li{background:#0078a6; color:#fff;}
.accordion ul ul li a {font-weight: normal; color:#fff; border:0px; }
.accordion ul li ul li a.dcjq-parent {background:#5ca7bb; font-weight: bold;}
.accordion ul li ul li a.dcjq-parent.active {color: #fff; background-color: #005d81;}
.accordion ul li ul li a:hover {color: #fff; background-color: #005d81;}
.accordion ul li ul li a.current, .accordion ul li ul li a.active {color: #fff; background-color: #005d81;}

/*****LEVEL TWO DOWN END***/

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

/***** IE HEIGHT HACK
minheight {min-height:500px; height:auto !important; height:500px;}*/
.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;}


/******************** 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:#00adef; padding:8px 12px; color:#fff; text-transform:uppercase; cursor:pointer; -webkit-appearance: none;}

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

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

.LinkButtons:hover, .linkbuttons:hover {background:#231f20; cursor:pointer; text-decoration:none; color:#fff; font-weight:500; }

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

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

/***** COUNT 
section#content iframe.countvideos { width:640px; }
 *****/
 
/******************** SEARCH CSS ******/ 
#search {padding:2px; vertical-align: middle; border:solid 1px #666; background-color:#fff;}
#search form input {border:0px; padding:0; float:left;}
#search form{padding:0px; margin:0px;}
#search #searchgo {float:right; padding-top:1px;}

/******************** 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 {width:120px;}
form#fmNewsSubscribeThin {width:180px; margin:0px auto;}
form#fmNewsSubscribeThin table.newssubscribe .formlabel {font-size:11px;}
form#fmNewsSubscribeThin table.newssubscribe input#firstname {font-size:11px;}
form#fmNewsSubscribeThin table.newssubscribe input#email {font-size:11px;}
form#fmNewsSubscribeThin table.newssubscribe .essential {display:none;}
form#fmNewsSubscribeThin table td input#subscribe {font-size:11px; width:80px; color:#333;}
/*.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:14px !important; color:#ccc !important; text-decoration:none !important;}
.gf-author {color:#ccc !important; font-size:14px !important;}
.gf-relativePublishedDate {color:#ccc !important; font-size:14px !important;}
.gf-snippet {color:#fff !important; font-size:14px !important;}
.gf-title a {font-size:14px !important;}

.gfc-result { width:44%; float:left; margin:0% 3%; }

/********************* EXTRAS END ******/

.bxslider { padding: 0; margin: 0; list-style: none; }

/** RESET AND LAYOUT
===================================*/

.bx-wrapper { position: relative; margin: 0 auto; padding: 0; *zoom: 1; }

    .bx-wrapper img { max-width: 100%; display: block; }

    /** THEME
===================================*/

    .bx-wrapper .bx-viewport { }

    .bx-wrapper .bx-pager,
    .bx-wrapper .bx-controls-auto { position: absolute; bottom: 10px; width: 100%; }

    /* LOADER */

    .bx-wrapper .bx-loading { min-height: 50px; background: url(../images/graphics/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }

    /* PAGER */

    .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-weight: bold; color: #666; padding-top: 0px; }

        .bx-wrapper .bx-pager .bx-pager-item,
        .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; }

        .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

            .bx-wrapper .bx-pager.bx-default-pager a:hover,
            .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; }

    /* DIRECTION CONTROLS (NEXT / PREV) */

    .bx-wrapper .bx-prev { left: 10px; background: url(../images/graphics/slide_arrows.png) no-repeat -48px 0; }

    .bx-wrapper .bx-next { right: 10px; background: url(../images/graphics/slide_arrows.png) no-repeat 0px 0px; }

    .bx-wrapper .bx-prev:hover { background-position: -48px -80px; }

    .bx-wrapper .bx-next:hover { background-position: 0 -80px; }

    .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 48px; height: 80px; text-indent: -9999px; z-index: 9999; }

        .bx-wrapper .bx-controls-direction a.disabled { display: none; }

    /* AUTO CONTROLS (START / STOP) */

    .bx-wrapper .bx-controls-auto { text-align: center; }

        .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(../images/graphics/controls.png) -86px -11px no-repeat; margin: 0 3px; }

            .bx-wrapper .bx-controls-auto .bx-start:hover,
            .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; }

        .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(../images/graphics/controls.png) -86px -44px no-repeat; margin: 0 3px; }

            .bx-wrapper .bx-controls-auto .bx-stop:hover,
            .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; }

    /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

    .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }

    .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }

    /* IMAGE CAPTIONS */

    .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; }

        .bx-wrapper .bx-caption span { color: #fff; display: block; font-size: .85em; padding: 10px; }


/******************** 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: 1024px) { 

    .ddsmoothmenu ul li a { padding: 4px 5px 4px 5px !important; }
    .ddsmoothmenu ul li a[style] { padding-right:5px !important; }
}

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

    .responsiveimage { width:100% !important; display:block !important; height:auto !important; }
	img.responsiveimage[style] { margin-left:0 !important; margin-right:0 !important; }

    #logo { width:80% !important; margin:0 auto; }
    /*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; }

    .stickyHead, .stickyHead.smaller { position:relative; background:#fff; height:auto; }
    .stickyHead header, .stickyHead.smaller header { padding:6% 0 !important; }
    .stickyHead header #logo img, .stickyHead.smaller header #logo img { float:none; width: 100% !important; }
    .stickyHead header .headBtns, .stickyHead.smaller header .headBtns  { margin-top:6% !important; }

    .imageHeader { height:150px; }

    section#contactSection .conPanel { left:0; right:0; margin-left:auto; margin-right:auto; }

    .newsIcon { margin:0px auto 3% auto; }

    .homeFeatures, #newsSection { padding:5% 0; } 
    section#content { padding:6% 0; } 

    footer { padding:3% 0; text-align:center; } 

    .bread { text-align:center; }
    
    /***** 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; }
    nav#menu li { width: 100%; position: relative; }
    nav#menu li a { background: #111 url(../images/graphics/m_arrow.png) no-repeat 5px center; display: block; padding: 6px 0 6px 15px; border-bottom: solid 1px #111; font-weight: normal; }
    nav#menu a { text-align: left; width: 100%; }  
    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: #333 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: #333 url('../images/graphics/nav-icon-close.png') no-repeat 12px 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; }
    
    /**** END *****/
    table.newssubscribe td.formlabel { text-align:left !important; }
    table.newssubscribe td input[type="text"] { width:50%; }
}

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