/* import stylesheet with main features - do not edit */

@import "construct.css";
/* import colour stylesheet - all the colours are set in this stylesheet nowhere else */

@import "colours.css";
/*
DEVELOPER INITIALS:
DATE:
*/
/* 
In this stylesheet the styles are usually laid out in order the element would appear with the stylesheet turned off. 
The only exception is that HTML tags are redefined, if needs be, at the top, and 
that style used inside the main area (maindiv) are laid out at the end. Maindiv is defined with the other main divs (wrapper and coloumns)
*/

#cookie-container {
    position: fixed;
    width: 100%;
    z-index: 9999;
}
/* html tags that need to be changed (ex. font family of whole document, colour or image of body tag) */

body {
    font-size: 16px;
    line-height: px;
    font-family:  'Open Sans', sans-serif;
	-webkit-font-smoothing: antialiased;
}
body,
.maintext,
#formc fieldset,
#formc legend,
.calc .formresult input,
.youwould,
p.contact-form-title-master {
   
    font-family:  'Open Sans', sans-serif;
color:#31313F;
}
.maintext,
#formc fieldset,
#formc legend,
.calc .formresult input,
.youwould,
p.contact-form-title-master { font-size: 16px;}
h1 {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 18px;
    font-weight: normal;
	text-transform:uppercase;
}
h1.home {
    text-align: center;
    margin-top: 37px;
    margin-bottom: 10px;
	text-transform:uppercase;
	    font-weight: normal;
}
h2 {
    font-size: 30px;
    line-height: px;
    margin: 0;
    margin-bottom: 10px;
	    font-weight: normal;
   
}
h3 {
    font-size: 20px;
    line-height: px;
    margin: 0;
    margin-bottom: 10px;
	font-weight:400;
}
p {
    margin: 0 0 10px 0;
}
blockquote p {
    line-height: 1.2;
}
a:hover,
a:focus,
a:active {
    text-decoration: none;
}
.text-center {
    text-align: center;
}
button {
    cursor: pointer;
}
input {
    background-color: #FFFFFF;
    border: none;
}
input::-webkit-input-placeholder,
#newsletter input::-webkit-input-placeholder {
    color: #4F2513;
}
.home-block .col-1 #newsletter input#newsbtn {
    margin-top: 13px;
}
form,
fieldset {
    border-radius: 0;
}
a:hover,
a:focus,
a:active,
a:visited,
#secdiv a:hover,
#secdiv a:focus,
#secdiv a:active {
    color: #595952;
}
a,
#secdiv a {
    color: #595952;
}
#nstep,
.collist,
.calc .formresult input,
th,
tr.altrow,
.define,
.recommended,
.zoom_button,
.highlight {
   
}
.calendar td.daydate {
    background-color:#ebebeb;
}
* {
    box-sizing: border-box;
}
/* access links need to be as wide as wrapper so 770px or 990px */

#accesslinks li,
#accesslinks a:focus,
#accesslinks a:active {
    width: 990px;
}
p#awcc {
    background: #618844;
}
/* main divs */

.wrapper {
    width: 990px;
    margin: 0 auto;
}
.wrapper.position {
    position: relative;
}

/* this is a 2 column design with a left col bar. I you want a 3 col design, call your right column thirdiv */
/* content is wrapping both secdiv and maindiv to apply a background image if needs be (css faux column) */

#content {
    width: 990px;
}
.home-content {
    margin-bottom: 62px;
}
#maindiv {
    padding: 10px 0;
    position: relative;
    width: 100%;
    line-height: 28px;
}
#maindiv .welcome-heading {
    text-align: center;
    margin-bottom: 28px;
}
#maindiv p.clear {
    margin: auto;
}
#maindiv p {
    line-height: 28px;
    margin-bottom: 20px;
}
div#maindiv ul li {
    margin: auto auto 6px auto;
    padding-left: 20px;
    list-style: none;
    background-image: url("/img/bulltet-black.png");
    background-position: 0px 8px;
    background-repeat: no-repeat;
    line-height: 23px;
	    text-transform: capitalize;
}
div#maindiv div#taxdiv.collist ul.reslist li,
div#maindiv div#busdiv.collist ul.reslist li {
    margin-left: 0;
    background: none;
}
#maindiv .collist.services-equal ul.reslist {
    margin-bottom: auto;
}
div#maindiv div#taxdiv.collist ul li,
div#maindiv div#busdiv.collist ul li {
    margin-left: 20px;
}
div#maindiv ul.linkslist li {
    padding: 0;
    background: none;
}
#maindiv .linkslist li {
    margin-bottom: 20px;
    line-height: 30px;
}
/* Header Start */

header .wrapper.position {
    padding:38px 0 29px;
}
header #log {
    font-size: 14px;
    position: absolute;
    right: 0;

    top: 10px;
}
#callnow {
    text-align: right;
   /* float: right;*/
    font-size: 16px;
    padding-right: 14px;
    padding-top: 2px;font-weight: 500;
}
#callnow,
header #logo,
header form#sitesearch {
    display: inline-block;
    /*width: 33.33%;*/
}
header #xero{
	width:77px;
	float:right;
	padding-top: 2%;
}
header #sage{
	width:132px;
	float:right;
	padding-top: 2%;
}
header a,
header a:hover,
header a:active,
header a:visited,
header {

    text-decoration: none;
}
header form#sitesearch {
    text-align: right;
    width: 215px;
    /*float: right;*/
    position: relative;
}
header form#sitesearch input {
background-color: #fff;
    padding: 3px 24px 3px 10px;
    font-size: 12px;
    color: #999999;
    width: 184px;
    border-top: 2px solid #EEEEEE;
    margin-right: 30px;
    font-style: italic;
    border-bottom: 2px solid #EEEEEE;
    border-left: 1px solid #EEEEEE;
    border-right: 1px solid #EEEEEE;
}
header form#sitesearch input#ssbtn {
    padding-bottom: 0px;
}
button#ssbtn {
    width: 30px;
    font-size: 0;
    position: absolute;
    border: 0;
    top: 1px;
    right: -7px;
    background:url(../img/ss-sbtn.png) 4px 6px no-repeat;
    height: 24px;
}
#callnow,
header form#sitesearch {
    margin-top: 18px;
}
header {
	color:#595952;
}
header .row-callnow {
 
  
    text-align: center;
    margin: auto;
    font-size: 16px;
}
header .row-callnow a {
    
    text-decoration: none;
    display: block;
    width: 150px;
    text-align: center;
    margin: auto;
    font-size: 16px;
}
.callnow:before {
    content: '-';
    display: block;
    background: url("/img/icon-phone.png") no-repeat;
    width: 26px;
    height: 26px;
    float: left;
    text-align: left;
    font-size: 0;
    position: absolute;
}
.nav {
    background-color: #618844;
    display: block;
}
.buttons-row {
    background-color: #618844;
    position: relative;
    text-align: center;
}
/* navigation - horizontal with popups going below */
/* z-index are used to allow the popups go over the other elements */

#nav {
    width: 990px;
    position: relative;
    z-index: 3;
}
#nav {
    line-height: 12px;
}
/* main list of navigation items */

.nav .wrapper {} .nav {
    text-decoration: none;
    font-size: 14px;-webkit-font-smoothing: antialiased;
}
div#nav ul {} #nav,
#nav ul,
#nav li {
    list-style: none;
    display: inline-block;
}
#nav.header li {
    list-style: none;
    float: left;
    text-align: right;
    display: flex;
}
#nav.main {
    display: -webkit-box;
	    letter-spacing: .5px;
    display: -moz-groupbox;
}
#nav.main ul {
    background: transparent;
    line-height: 17px;
}
#nav.main li li:hover ul {
    margin-top: 0px;
}
#nav.main ul li {
    padding: 0px;
    border-left:solid 1px rgba(255, 255, 255, 0.5);
}
#nav.main ul li {
    margin: 9px auto 9px;
}
#nav.main ul li a {
    line-height: 11px;
}
#nav.main ul li ul li {
    margin: auto;
}
#nav.main ul li.l a {
    padding-right: 0;
}
#nav.main ul li a {
    font-size: 14px;
    text-decoration: none;
    padding: 0px 32.8px 0px 32.8px;
    color: #ffffff;
}
#nav li.sfhover a {
    color: #F7D72A;
}
#nav.main ul li ul li {
    border: none;
    padding: 0;
}
#nav.main ul li ul li:hover ~ li.active {
    background: transparent;
}
#nav.main ul li ul li a:hover {
    background-color: rgba(158, 186, 91, 0.9);
    color: #F7D72A!important;
   
}
#nav.main ul li ul li a {
    padding: 6px 8px;
    line-height: 18px;
    color: #ffffff;
    background-color: rgba(97, 136, 68, 0.9);
}
#nav.main ul li:first-child a {
    padding-left: 0;
}
#nav.main ul li:first-child {
    border-left: none;
}
#nav.main ul li ul li:first-child a {
    padding: 6px 8px;
}
#nav.main ul li:last-child {
    padding-right: 0;
}
#nav li a {
    display: block;
    text-decoration: none;
    padding: 0px 10px;
    text-transform: uppercase;
}
#nav li a {
    color: #ffffff;
}
#nav li a:hover,
#nav li a:focus,
#nav li a:active,
#nav li a#sel,
#nav li:hover a,
#nav li.sfhover a {} #nav a:hover,
#nav a:focus,
#nav a:active,
#nav li a#sel,
#nav li:hover a,
#nav li.sfhover a {
    color:#F7D72A;
}
/* navigation popup menus -affect both 1st and 2nd level popups */

#nav li ul {
    position: absolute;
    left: -999em;
    z-index: 4;
    width: 215px;
    padding: 4px;
}
#nav li li {
    width: 100%;
}
#nav li li a {
    width: 207px;
    padding: 2px 4px;
	   
}
#nav li li a:hover {}
/* second levelnavigation popup menus specfic styles */

#nav li ul ul {
    width: 210px;
    margin: 0 0 0 200px;
    top: 0;
}
#nav li:hover ul ul,
#nav li.sfhover ul ul {
    left: -999em;
}
#nav li:hover ul,
#nav li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul {
    left: auto;
    padding-top: 9px;
    padding-left: 7px;
}
/* BX Slider Styles */

.bx-container {
    width: 100%;
    overflow: hidden;
	height:432px;
}
.bx-container .bx-wrapper {
    margin: 0 auto 0px;
}
.bx-wrapper .bx-has-controls-direction a.bx-prev:after {
    display: none;
}
.slide {
    width: 100%;
    height: 432px;
    background-size: 100% 100% !important;
}
#slider1 {
    background: url('/img/slider/slider-01.jpg');
}
#slider2 {
    background: url('/img/slider/slider-02.jpg');
}
#slider3 {
    background: url('/img/slider/slider-03.jpg');
}
#slider4 {
    background: url('/img/slider/slider-04.jpg');
}

.slider-text p {
    background-color: rgba(0, 0, 0, 0.8);
    font-size: 42px;
    padding: 11px 10px 15px 10px;
}
.slider-text p.second {
background-color: rgba(0, 0, 0, 0.8);
    font-size: 42px;
    padding: 11px 10px 15px 10px;
    width: 434px;
}
.slider-text {
    position: absolute;
    bottom: -4px;
    color: #ffffff;
    font-family:  'Open Sans', sans-serif;
    font-weight: normal;
}
 
ul#shareme li {
    display: inline-block;
        margin: auto 3.5px;
}
ul#shareme{    margin:21px auto 35px;
    width: 340px;
    text-align: center;}
	
/* Inner Pages Header */

.header-block {
    background-color: rgba(213, 149, 197, 0.8);
}
.header-block .wrapper {
    padding: 50px 150px;
    text-align: center;
    font-size: 28px;
    color: #618844;
    line-height: 35px;
}

h1.text-center {
    margin-top: 20px;
}
/* Breadcrumbs */

p#breadcrumbs {
    font-size: 10px;
    color: #999999;
    font-weight: normal;
    line-height: 14px;
	font-family: Verdana, Geneva, sans-serif;
}
 p#breadcrumbs a {
    color: #5F8644;
}
.clients-say .wrapper {
    padding: 22px 0 13px;
}
.clients-say{    background-color: #F1F1F1;
    text-align: center;

   }
.clients-say a img {
    width: 100%;
}
.clients-say .wrapper li {
    display: inline-block;
    width: 313px;
    margin-right: 20px;
}
.clients-say .wrapper li:last-child {
    margin: auto;
}
.clients-say a {
    color: #fff;
    text-decoration: none;
    position: relative;
}
.clients-say a span {
    bottom:8px;
    position: absolute;
    left: 0;
    width: 100%;
    font-size: 15px;
    text-align: center;
}
.clients-say h2 {
    background-color: #fff;
    height: 44px;
    margin: auto;
    padding-top: 7px;
}

 .zoom_searchform .zoom_button {
    top: 0;
    position: relative;
    cursor: pointer;
    background-color: #618844!important;
    border: none;
    color: #fff;
    font-weight: normal!important;
    text-transform: uppercase;
    padding: 7px 8px;
}
 p.standout strong {
    color: red;
    font-weight: normal;
}
#contactform {
    width: 64%;
    padding: 30px 10px
}
#contactform,
#home #wouldbox,
.calc,
.recommended,
.reglog {
    border-color: #618844
}
#contactform,
.calendar col#daydate,
.faqq,
.linkslist li a,
.reglog,
tr.altrow2 {
    background-color: #F1F1F1;
}
#contactform legend {
    color: #333333;
}
#loginform.reglog {
    padding: 15px 10px 5px 10px;
}
#contactform fieldset {
    background-color: #F7EFF7;
    border-color: #618844;
    margin-bottom: 10px;
}
.collist {
    background-color: transparent;
}
/* Form Styles */

#allHS a,
.spacecol,
#altinfo,
p.reports img {
    background-color: #F1F1F1;
}
/*.calc {
    background-color: #F1F1F1;
}*/
#sitesearch input, #newsletter input, .atoz, .category, .infoline, .recommend_infoline {
    color: #31313F;
}
#maindiv ul,
#maindiv ol {
    margin-left: 20px;
    list-style: initial;
    line-height: 28px;
}
#maindiv ol{    margin-bottom: 20px;}
#maindiv ul {
    margin-bottom: 10px;
     margin-left: 0px!important;
}
#maindiv .linkslist {
    margin-left: 0px !important;
}
.books a img {
/*    background-color: #FFF8D9;*/
}
#altinfo {
    margin: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.img-block {
    float: left;
    margin-right: 15px;
}
.img-block img {
    width: 242px;
    margin-bottom: 25px;
}
.meet-the-team-wrapper {
    margin-bottom: -10px;
}
.meet-the-team-wrapper .bx-container {
    height: 330px;
}
.meet-the-team-wrapper .bx-container .slide {
    height: 330px;
	padding:0 75px 0 30px;
}
.meet-the-team-wrapper .bx-container .slide h2 {
    font-size: 18px;
    font-weight: 500;
    top: 5px;
    z-index: 9999;
}
.meet-the-team-wrapper .bx-wrapper img {
    float: left;
	    margin-left: 25px;
}
.meet-the-team-wrapper .text-block {
    width: 62%;
    float: right;
    overflow-x: auto;
    height: 250px;
    margin-top: 35px;
    padding-right: 25px;
}
.meet-the-team-wrapper .text-block.no-scroll{height: auto;}
.meet-the-team-wrapper .bx-wrapper .bx-controls-direction a {
    margin-top: -37px;
    width: 39px;
    height: 71px;
    background: url('/img/arrow-icon.png');  
}
.meet-the-team-wrapper .bx-wrapper .bx-controls-direction a.bx-prev{
	transform: rotate(180deg);
}
.meet-the-team-wrapper .bx-wrapper .bx-pager{
    bottom: -3px;
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px;
    right: -105px;
}
.meet-the-team-wrapper .bx-wrapper .bx-pager.bx-default-pager a {
    background-color: #999999;
	width: 14px;
    height: 14px;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
	}
.meet-the-team-wrapper .bx-wrapper .bx-pager.bx-default-pager a:hover{background-color:rgba(153, 153, 153, 0.6);}
.meet-the-team-wrapper .bx-wrapper .bx-pager.bx-default-pager a.active {
    background-color: #CCCCCC;
}
/* Meet Team Styles */

.collist h2 {
    background-color: #618844;
}
.calc .formresult input {
    background-color: #ccc;
}
.calendar tr.altrow td {
    padding-left: 5px;
}
.calc .calcsection {
    border-color: #618844;
}
.calc {
    padding: 10px 10px;
}
.calc select {
    width: 24.8%;
    color: #333333;
    border: none;
}
.calc input, .calc select {
    font-size: 12px;
}
/* Calc Styles End*/

.faqq,
.linkslist li a,
.calendar col#daydate,
#formc fieldset,
.reglog,
#contactform,
tr.altrow2 {
    background-color: #F1F1F1;
    border-color: #999999;
}
span.faqq {
    margin-bottom: 10px;
}
.calc fieldset {
    padding: 4px 8px;
    background-color: #618844;
    color: #666;
}
#sitesearch input,
#howbig select,
#nav ul ul,
.teamseparation,
#contactform input,
#contactform textarea,
#contactform select,
.reglog input,
.reglog textarea,
.reglog select,
.calc fieldset,
.calc input,
.zoom_searchform input,
.zoom_searchform select {
    font-family:  'Open Sans', sans-serif;
    border-color: transparent;
    font-size: 12px;
    color: #333333;
    padding: 7px 8px;
}
h2.standout{ font-size:20px;}
.standout,
.description,
.recommend_description,
noscript,
#log {
    color: #618844;
}
#maindiv .contactcol p {
    line-height: 20px;
    margin-bottom: 3px;
}
p.contact-form-title-master {
    margin: 21px auto;
}
div#maindiv span.zoom_categories ul li {
    background: none;
    list-style: none;
    padding: 0;
}
form.zoom_searchform {
    padding: 15px;
    background-color: #F1F1F1;
    border: solid 1px #618844;
    margin-bottom: 30px;
}
div#maindiv .collist.services-equal ul li {
    margin-left: 10px;
}
.reglog button, input#newsbtn, #contactform button, .calc button, button, .zoom_button{    padding:8px;
    background-color: #618844;
    color: #fff;
	    border: none;
    font-weight: normal;}
.result_title a,
.result_title b,
.searchheading {
    font-weight: 600;
}
.result_altblock .description {
    margin: 5px auto;
}
.result_pages a {
    padding: 10px;
    background: #618844;
    text-decoration: none;
    color: #fff;
}
.result_altblock,.result_block {
    margin-top: 15px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ccc;
}
/* Search results Styles End */
.result_pages {
    margin-bottom: 20px;
}
#accesslinks a,
thead,
#ttnl h5.acth {
    background-color: #618844;
}
tr.spacerow {
    background-color: #FFFFFF;
}
table {
    border: 1px solid #618844;
    border-collapse: collapse;
}
 

#footer{
    padding-top: 25px;
}
footer .btn-business,footer ul,footer ul li{display:inline-block}
footer{    clear: left;text-align: center;
    padding: 0 0 30px;
    background: #618844;}
.btn-row{background-color:#333333;padding: 20px 0;}
footer .btn-business{
	    text-decoration: none;
    cursor: pointer;
    background-color: transparent;
    padding: 5px 10px;
    font-size: 18px;
    font-weight: 400;
    border: 1px solid #fff;
    color: #fff;
    margin-bottom: 0;
	}
footer #footer,footer #footer a{color:#ffffff;}
footer ul{font-size:10px;    line-height: 13px;}
footer ul li.copyright{width:100%;text-align:center;float:left}
footer form#newsletter{margin-bottom:18px;border:none}
footer form#newsletter .title{font-size:20px;vertical-align:middle;    margin-top: -4px;}
footer form#newsletter input{color: #608744;border:none;font-size:12px;text-transform:uppercase;padding:4px 6px;margin-left:7px}
footer form#newsletter input#newsbtn{padding:4px 8px;background-color:#333333!important;color:#fff}

.logon-box {
    background: rgba(255,255,255, 1.0);
    border: 1px solid rgba(224,224,224, 0.8);
    -moz-box-shadow: 1px 1px 10px 1px #ccc;
    -webkit-box-shadow: 1px 1px 10px 1px #ccc;
    box-shadow: 1px 1px 10px 1px #ccc;
    border-radius: 6px;
    max-width: 450px;
    margin: 20px auto;
}

div.logon-box div.mainlogo.openspace {
    background: url(/img/iris_openspace_logo.jpg) center no-repeat;
    /*background-size: 224px 59px;*/
    text-indent: -9999em;
    margin: 25px 0 25px 40px;
    min-height: 66px;
}

div.logon-box div.mainlogo.kashflow {
    background: url(/img/iris_kashflow_logo.jpg) center no-repeat;
 /*   background-size: 224px 59px;*/
    text-indent: -9999em;
    margin: 25px 0 25px 30px;
    min-height: 66px;
}

.logon-box form {
    border: none;
    max-width: 450px;
}

.logon-box form label {
    color: #646464;
    text-align: right;
    width: 170px;
}
.logon-box form label, .logon-box form input {
    float: left;
    margin: 10px 0;
    width: 140px;
}

.logon-box form input {
    border: 1px solid rgba(224,224,224, 0.8);
    margin-left: 29px;
    padding: 3px;
}

.logon-box form label, .logon-box form input {
    float: left;
    margin: 10px 0;
    width: 140px;
}

.logon-box form label[for="Password"] {
    clear: both;
}
.logon-box form label {
    color: #646464;
    text-align: right;
    width: 170px;
}
.logon-box form label, .logon-box form input {
    float: left;
    margin: 10px 0;
    width: 140px;
}


.logon-box form a {
    clear: both;
    color: rgba(100,100,100, 1.0);
    display: block;
    float: left;
    text-align: left;
    display: block;
    margin-left: 170px;
    font-size: 0.83em;
    transition: color 0.8s ease;
    font-weight: normal!important;
}

a, #secdiv a {
    color: #999;
}


.clear {
    clear: both;
    height: 0;
    margin: 0;
    overflow: hidden;
}

p {
    margin: 0 0 28px 0;
    line-height: 27px;
    font-size: 16px;
}

.form-actions {
    clear: both;
    padding: 19px 20px 20px;
    margin-top: 20px;
    background-color: #f5f5f5;
    border-top: 1px solid rgba(224,224,224, 0.8);
}

.logon-box form button[type="submit"] {
    display: block;
    padding: 0 10px;
    border: none;
    margin: 6px 0 0;
    background-color: rgba(97, 136, 68, 1.0);
    line-height: 2em;
    color: #fff;
    cursor: pointer;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -webkit-text-shadow: none;
    text-shadow: none;
    border-radius: 0;
    margin: 0 auto;
    width: 120px;
    transition: background-color 0.8s ease;
    text-transform: uppercase;
}

.logon-box form button[type="submit"]:hover {
    background-color: rgba(80, 83, 77, 1.0);
}

.logon-box form input {
    border: 1px solid rgba(224,224,224, 0.8);
    margin-left: 29px;
    padding: 3px;
}

.logon-box form label, .logon-box form input {
    float: left;
    margin: 10px 0 10px 1px;
    width: 168px;
}
#logo img{
	    width: 294px;
}
.quickimg{
	width:60px;
	float: right;
}