/* 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";
#cookie-container{position:fixed; width:100%; z-index:9999;left: 0;top: 0;}

/* html tags that need to be changed (ex. font family of whole document, colour or image of body tag) */
body{font-size:px; line-height:px;background-color: #E7EDF1;font-family: 'Open Sans', sans-serif;}
h1{font-size:px; line-height:px; margin:0;}
h2{font-size:px; line-height:px; margin:0;}
h3{font-size:px; line-height:px; margin:0;}
p{margin:0 0 15px 0;color: #525F6E;font-size: 15px;line-height: 24px;}
blockquote p{line-height:1.2;}
a:hover, a:focus, a:active{text-decoration:none;}

/* access links need to be as wide as wrapper so 770px or 990px */
#accesslinks li,#accesslinks a:focus, #accesslinks a:active{ width:990px; }

/* main divs */
#wrapper{ width:990px; margin:0 auto; text-align:left; background-color:#ffffff;border-top:10px solid #9AB4C5;  }

/* 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:890px; margin:0 auto; }
#maindiv{ }
#secdiv{ }


/* header section of the design */
header{height:150px;width:890px; margin:0 auto;}
#logo{padding-top: 20px;width: 200px;float: left;}
#right_head{ width:690px; position:relative;float: left;}
#con_mail{ text-align:right; color:#525F6E; font-size:13px; font-weight:bold;padding-top: 42px;padding-bottom: 12px;}
#con_mail a{ text-decoration:none;}
#con_mail a:hover{ color:#71C0BA; text-decoration:underline;}
#con_mail img{position: relative;top: 5px; margin: 0 10px;}

/* navigation - horizontal with popups going below */
/* z-index are used to allow the popups go over the other elements */
#nav{position:relative; z-index:3; float:right; }

/* main list of navigation items */
#nav ul, #nav li{ list-style:none; float:left; }
#nav li{ }
#nav li a{ display:block; text-decoration:none; padding:2px 28px; text-transform:uppercase; font-size:13px; color:#53606F;font-weight: 500;}
#nav li.l a{ padding-right:0;}

#nav li a:hover,#nav li a:focus,#nav li a:active,
#nav li a#sel,#nav li:hover a, #nav li.sfhover a{ text-decoration:none; }

/* navigation popup menus -affect both 1st and 2nd level popups */
#nav li ul{ position:absolute; left:-999em; z-index:4; width:242px; padding:6px 4px; }
#nav li li{ width:100%; }
#nav li li a{ width:220px; padding:2px 10px; }
#nav li li a:hover{ text-decoration:underline; }

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

/*Banner image styles*/
.banner{ width:890px; margin:0 auto; }
#home1{ background-image:url('../img/banners/home_banner.jpg'); background-repeat:no-repeat; position:relative; height:450px;}
#home1 h2{ background-color:rgba(255,255,255,0.90); padding:32px 45px 32px 40px; color:#439972;font-size:26px;width: 275px;
float: left;position: absolute;bottom: 0;line-height: 35px;font-weight: 600;}
#home1 h2 strong{letter-spacing: -1px; }
/*.home_info{ background-color:#EEF2F4; margin-top:5px; padding:80px 62px; text-transform:uppercase; color:#53606F; font-size:20px;font-weight: 600;line-height: 24px;border: 1px solid #E2E9ED;}*/
.home_info {
    background-color: rgba(121, 186, 66, 0.48);
    margin-top: 5px;
    padding: 80px 62px;
    text-transform: uppercase;
    color: rgba(101,139,89, 0.99);
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
	text-align: center;
}
#tl_p{ text-align:center; font-size:16px; color:#53606F;font-weight: 600;margin: 40px 0;}
#tl_p img{vertical-align: middle;margin: 0 8px;}

.banner h2{ background-color:rgba(255,255,255,0.90); padding:32px 45px 32px 40px; color:#439972;font-size:26px;width: 275px;
float: left;position: absolute;bottom: 0;line-height: 35px;font-weight: 600;}
.banner h2 strong{letter-spacing: -1px; }
#whyus{background-image:url('../img/banners/aboutus_banner.jpg');background-repeat:no-repeat;position:relative; height:282px; }
#services{background-image:url('../img/banners/services_banner.jpg'); background-repeat:no-repeat; position:relative; height:282px;}
#news{background-image:url('../img/banners/news_banner.jpg'); background-repeat:no-repeat; position:relative; height:282px;}
#contactus{background-image:url('../img/banners/contact_banner.jpg'); background-repeat:no-repeat; position:relative; height:282px;}

.keylist{ margin:20px 0 50px 0;display: inline-block;}
.keylist ul{background-image:url('../img/divider_dots1.png'); background-repeat:no-repeat; background-position:right; padding-right:16px; margin-right:16px;float: left; margin-left:0 !important; }
.keylist ul li{ color:#439973; font-size:15px; line-height:20px; list-style:none;}
.keylist ul#last{background: none;margin: 0;padding: 0;}
.youwould{text-align: center;line-height: 24px;font-size: 16px;color: #525F6E;}
.youwould img{vertical-align: middle; margin-left: 20px; }

.call_quote{ margin:70px auto 0;width: 890px;height: 271px;}
.call_left{ margin:0 14px 0 0;float: left; }
.quote_right{ margin:0 0 0 14px;float: left; }
.call_left a,.quote_right a{background-color: #EEF2F4;text-align: center;padding: 24px 0;border: 1px solid #E2E9ED;color: #439973;text-decoration: none;width:428px;display: block;font-size: 18px;}
.call_left a img,.quote_right a img{ vertical-align: bottom;padding-left: 10px; }
/*.tt_news{background-color: #EEF2F4;width: 888px;margin: 70px auto 20px;border: 1px solid #E2E9ED; padding: 26px 0;float: left;}*/
.tt_news { background-color: rgba(23,92,133, 0.89); width: 888px; color: white; margin: 70px auto 20px; border: 1px solid #E2E9ED; padding: 26px 0; float: left;}
#taxnews h2{ text-align:center; }
#taxnews h2 img{vertical-align: middle; padding: 0 10px;}
.newsslider ul li a{ text-decoration:none; text-align:center; }
#p_img{ text-align:center;}
#p_img img{ margin-right:20px; }
/* misc styles */
#breadcrumbs{ color:#53606F; font-size:11px; padding:30px 0;}
#breadcrumbs a{text-decoration:none; color:#53606F; font-size:11px; }
#breadcrumbs strong{ text-decoration:underline;}
.page_info{ color:#439972; font-size:18px; font-weight:600; margin-bottom:40px;}
#nstep{padding:.2em 0; margin-top:2em; font-size:15px; color:#439972; font-weight:600;}
p a,#nstep_para a{ color:#439972; text-decoration:none; font-weight:600;}

/*About us page styles*/
.abt_list{ background-color:#EEF2F4; padding:30px 0; border:1px solid #E2E9ED; height:115px; margin-bottom:15px;}
.abt_list ul{ float:left;width: 352px;}
.abt_list ul#sec{width:475px;}
.abt_list ul li{ list-style:none; font-size:15px; color:#525F6E; line-height:24px; }
.abt_list li:before{ content:'\2022'; font-size:14px; font-weight:600; padding-right:10px; }
.pro_list li{ line-height:24px; margin-bottom:10px; font-size:15px; color:#525F6E;}
.acc_list li,.pro_list1 li{list-style:none; font-size:15px; color:#525F6E; line-height:24px; }
.acc_list li:before,.pro_list1 li:before{ content:'\2022'; font-size:16px; font-weight:800; padding-right:10px; }
.acc_list li strong,.pro_list1 li strong{ color:#47525f; }
.news_list ul{ margin-left:0 !important; }
.squarelist li,.news_list li{ list-style:none; font-size:15px; color:#525F6E; line-height:24px; }
.squarelist li:before,.news_list li:before{content:'\2022'; font-size:16px; font-weight:800; padding-right:10px; }

/* social media icons - email a friend, linkedin, twitter, facebook  */
#shareme{ text-align:right; margin:2px; }
#shareme li{ text-align:center; display:inline; }
#shareme li a img{ margin-left:0; }

/* newsletter is a button - delete if not required */
#newsletter{}

/* newsletter is a form - delete if not required */
#newsletter{ border:0; }
#newsletter p{ margin:0 0 5px 0; }
#newsletter label{ float:left; display:block; width:55px;  } 
#newsletter input{ padding:1px 3px; border-width:1px; border-style:solid; } 
#newsletter p#btn{ text-align:right; }

/* how big is your business (dropdown) - deleted if not required */
#howbig{  }
#howbig select{ width:px; border-style:solid; border-width:1px; }

/* how big is your business (images) - deleted if not required */
#howbig{ height:px; }
#youare li,#youare li a{float:left; display:block; height:px; width:px;  }

/* callnow image */
#callnow{}

/* request a callback button */
#callback{}

/* site search box */
#sitesearch{}
#sitesearch input{padding:1px 3px; border-width:1px; border-style:solid;}
#sitesearch a{float:left; display:block;}
#sitesearch button{float:left;}

/* welcome message when user is logged in */
#log{}

/* free consultation */
p.freecons{margin:0; height:px;}

/* fixed quote */
p.fixedquo{margin:0; height:px;}

/* makemore button */
#makemore{ }

/* footer */
#footerContacts{ background-color:#53606F; width:810px; margin:0 auto; color:#fff; padding:50px 40px 130px;height: 205px;position: relative; }
#contact{ width:220px;float: left;}
#contact p{ color:#fff;}
#map{ width:255px; margin-left:30px; margin-right:15px;float: left;}
#bbcnews{ width:260px; margin-left:30px;float: left; }
#contact h3,#map h3,#bbcnews h3{ color:#A5ACB4; padding-bottom:30px;font-weight: 600;}
#contact p{ font-size:13px;line-height: 21px;}
#contact p b{font-weight:600;}
#contact p a{color:#fff; text-decoration:none;}
#contact p a:hover{text-decoration:underline;}
.bbcslider a{ text-decoration:none; color:#fff; font-size:16px; }
.bbcslider a:hover{ text-decoration:underline;}
#openwebsitelogo{ position: absolute;bottom: 70px;}

#footer{ background-color:#47525F; height:60px;width: 890px;margin: 0 auto;position: relative;bottom: 60px;text-align: center;line-height: 60px;font-size: 11px;color: #fff;}
#footer ul{ margin:0;}
#footer p{ margin:0; }
#footer li{ display:inline; padding:0; }
#footer a{ text-decoration:none;color: #fff;font-weight: 300;}
#footer a:hover, #footer a:focus, #footer a:active{ text-decoration:underline; }
div#fnav ul{list-style:none;}

/* homepage lists and "boxes" */
#home .ticklist{}
#home .ticklist li{}
#home .homebox{}
#home #taxnews{ }

/* these 2 style are used to make sure the list of non-scrolling news (taxtips or bbc) looks the same as otehr lists on the page */
div.homebox ul,div.homebox ul li,div.homebox ul li a{ margin:0; list-style:none; display:block;  }
div.homebox ul li a{ padding:0 40px;  color: #f2f2f2;}

/* Login Box CSS */

.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.png') center no-repeat;
	background-size: 348px 66px;
    text-indent:        -9999em;
    margin:             25px 0;
    min-height:         66px;
}

div.logon-box div.mainlogo.openbooks{
    background:         url('../img/iris_openbooks_login_logo.png') center no-repeat;
	background-size: 348px 66px;
    text-indent:        -9999em;
    margin:             25px 0;
    min-height:         66px;
}

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

div.logon-box div.mainlogo.kashflowpayroll{
    background:         url('../img/iris_kashflowpayroll_logo.png') center no-repeat;
	background-size: 348px 66px;
    text-indent:        -9999em;
    margin:             25px 0;
    min-height:         66px;
}

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

    .logon-box form fieldset {
        margin-bottom:  0;
    }

    .logon-box form label, .logon-box form input{
        float:          left; 
        margin:         10px 0;       
        width:          140px;
    }
    .logon-box form label{    
        color:          #646464;
        text-align:     right;
        width:          170px;
    }
    .logon-box form input{
        border:         1px solid rgba(224,224,224, 0.8);
        margin-left:    29px;
        padding:        3px;
    }
    .logon-box form label[for="Password"]{
        clear:          both;
    }
    .logon-box form button[type="submit"]{
        display:            block;
        padding:            0 10px;
        border:             none;
        margin:             6px 0 0;
        background-color:   rgba(73,77,86, 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:hover[type="submit"]{
        background-color:   rgba(73,77,86, 0.6); ;
    }
    .logon-box form a{
        clear:              both;
        color:              rgba(100,100,100, 1.0); 
        display:            block;
        float:              left;
        text-align:         left;       
        display:            block;
        margin-left:        200px;
        padding:            5px 0;
        transition:         color 0.8s ease;
		font-weight:		normal!important;
    }
        .logon-box form a:hover{
            color:          #ed1c24; 
        }
.form-actions{
    clear:              both;
    padding:            19px 20px 20px;
    margin-top:         20px;
    background-color:   #f5f5f5;
    border-top:         1px solid rgba(224,224,224, 0.8);
}

/* misc */

#contactform1 {
    margin: 20px 0;
    padding: 15px 30px 15px 30px;
    width: 830px;
}
#contactform1 p#denotes{margin:0 0 20px 0;font-weight:bold;font-style:italic; font-size:13px;}
#contactform1 label{width:90px;display:block;font-size:13px; color:#525F6E;float: left;font-family: 'Open Sans', sans-serif;}
#contactform1 input,#contactform1 select{width:740px;padding:3px;box-sizing:border-box;border: 0;height: 36px;margin-bottom: 5px;font-family: 'Open Sans', sans-serif;}
#contactform1 textarea{width:740px;padding:3px;box-sizing:border-box;border: 0;height: 78px;margin-bottom: 5px;    font-family: 'Open Sans', sans-serif;}
#contactform1 select{width:740px;padding:3px;box-sizing:border-box;border: 0;height: 36px;margin-bottom: 5px;font-family: 'Open Sans', sans-serif;}
#contactform1 button{font-weight: 500;font-size: 16px;padding: 7px;background: #71C0BA;border: 0;color: #fff;text-transform: uppercase;font-family: 'Open Sans', sans-serif;width: 160px;}
#contactform button{font-weight: 500;font-size: 16px;padding: 7px;background: #71C0BA;border: 0;color: #fff;text-transform: uppercase;font-family: 'Open Sans', sans-serif;width: auto;}
#contactform1 .radio,#contactform1 .time{width:auto;display:inline;font-weight:normal;}
#contactform1 label.radio{padding:0 2px;}
#contactform1 input.radio{margin-right:5px;}
#contactform1 #security,#contactform #security{width: 160px;margin: 0 20px 0 0;float: left;}
#contactform1 p label#security_l,#contactform p label#security_l{display: block;font-size: 13px;color: #525F6E;float: left;font-style: italic;width: 230px; margin-right: 35px;font-weight: 600;padding-top: 10px;}
#captcha{ margin-left:90px; }
#contactform #captcha{ margin-left:0px !important; }
#captcha img{float: left;margin-right: 15px;}

/*.fixed #contactform fieldset label{width:100%;display:block;font-size:13px; color:#525F6E; float:none;}
#contactform fieldset input,#contactform fieldset select{width:790px;padding:3px;box-sizing:border-box;height: 36px;margin-bottom: 5px;}
#contactform fieldset textarea{width:790px;padding:3px;box-sizing:border-box;height: 78px;margin-bottom: 5px; font-family: 'Open Sans', sans-serif;}*/

/*.fixed #contactform label{width:100%;display:block;font-size:13px; color:#525F6E;float: left;font-family: 'Open Sans', sans-serif;}
.fixed #contactform input,.fixed #contactform select{width:830px;padding:3px;box-sizing:border-box;height: 36px;margin-bottom: 5px;}
.fixed #contactform textarea{width:830px;padding:3px;box-sizing:border-box;height: 78px;margin-bottom: 5px; font-family: 'Open Sans', sans-serif;}
.fixed #contactform button{font-weight: 500;font-size: 16px;padding: 7px;background: #71C0BA;border: 0;color: #fff;text-transform: uppercase;font-family: 'Open Sans', sans-serif;width:auto;}*/

.reglog {
    margin: 0 0 10px 0;
    padding:20px;
    width: 850px;
}

#loginform label {
    padding: 10px 0;
    width: 30%;
}

.reglog input, .reglog textarea {
    padding: 1px 3px;
    width: 55%;
}

.linkslist li a {
    padding: 5px 5px 5px 20px;
}

.faqq {
	padding:5px 0;
}

#altinfo {
    margin: 0 auto 10px;
    padding: 12px 0 5px;
}

ol,ul {margin: 0 0 10px 0;}

.collist{background:none; width:48.5%;}

#contactform fieldset {margin-bottom: 20px;}

p.contact-form-title-master{margin:20px 0;}

#map h3{text-align: center;}

#nav ul ul{margin-left:15px;}

#nav li #newsdropdown{width:200px!important;}

#newsdropdown li a{width:200px!important;margin-left: 9px;padding: 2px 0px 2px 0px!important;}