/* Foundation Overrides
================================================== */
html, body {
	font-size: 100%;
}
body {
	background: #fff;
	color: #888;
	font-family: "nimbus-sans", Helvetica, Arial, sans-serif;
	font-weight: 400;
	line-height: 1.3;
}
.row {
    width: 85%;
    max-width: 85rem;
    margin: 0 auto;
}
img, svg, iframe {
	width:100%;
	max-width: 100%;
}
hr {
     max-width: 100%; 
	 box-sizing: border-box;
}
*:focus {
	outline-style:none;
	box-shadow:none;
}
.label {
    padding: 0;
    background: transparent;
    color: #231f20;
}
.reveal {
    border-radius: 1rem;
	padding:2rem;
    background-color: #fff;
	top: 0!important;
}
@media screen and (max-width: 39.9375em) {
.reveal {
	top: 0!important;
}
}

/* Typography
================================================== */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	color: #231f20;
	font-family: "nimbus-sans", Helvetica, Arial, sans-serif;
	font-weight: 300;
	line-height: 1;
	margin-top: 0.2rem;
	margin-bottom: 1rem;
}
h1, .h1 {
	font-size: 2.4rem;
}
h2, .h2 {
	font-size: 1.75rem;
}
h3, .h3 {
	font-size: 1rem;
	font-weight: 500;
}
h4, .h4 {
	font-size: 0.9rem;
}
h5, .h5 {
	font-size: 0.8rem;
}
h6, .h6 {
	font-size: 1rem;
}
p {
	font-size: 1rem;
	line-height: 1.3;
}
p.small {
	font-size: 0.7rem;
}
.lead {
	font-size: 125%;
	line-height: 1.6;
}
sub, sup {
    font-size: 30%;
    line-height: 0;
    position: relative;
	top: -2em;
    vertical-align: baseline;
    font-weight: inherit;
}
ul.bullets {
	margin-left:1rem;
}	
/* Links
================================================== */
a, a:visited {
	color: #111;
	text-decoration: none;
}
a:hover, a:focus {
	color: #999;
}
#more-telecom a {
	color:#c1272d;
}
#if-eftpos a {
	color:#fbb03b;
}
#if-atm a {
	color:#29abe2;
}
#if-alarms a {
	color:#01244F;
}
#if-transport a {
	color:#ec6907;
}
#if-events a {
	color:#ef1b16;
}
#if-power a {
	color:#39b54a;
}
#if-books-and-bas a {
	color:#c227b9;
}

/* Buttons
================================================== */

button, .button, .productSubmitInput, #catshopbuy, .cat_button, .cartLink {
	border: 1px solid transparent;
	border-radius: 1.5rem;
	padding: 1rem 2rem;
	margin: 1rem 0;
	font-size: 0.9rem;
	background: #231f20;
	color: #fff!important; 
}
button:hover, button:focus, .button:hover, .button:focus {
	background-color: #000;
	color: #fff!important; 
}
.border.button {
	background: transparent;
	color: #231f20;
}
.button.large {
	padding: 1.5rem 3rem;
	font-size: 1.2rem;
	border-radius: 2rem;
}
.button.tiny, input.update {
	padding: 0.625rem 1.25rem 0.6875rem 1.25rem;
	font-size: 0.6875rem;
}
.close-button {
	background-color:transparent!important;
	padding:0;
}
.cartLink {
	margin-left: 4rem;
}
/* Colours
================================================== */
.more-telecom {
	color:#c1272d!important;
}
.more-telecom-bg {
	background-color:#c1272d!important;
}
.if-eftpos {
	color:#fbb03b!important;
}
.if-eftpos-bg {
	background-color:#fbb03b;
}
.if-atm {
	color:#29abe2!important;
}
.if-atm-bg {
	background-color:#29abe2!important;
}
.if-alarms {
	color:#01244F!important;
}
.if-alarms-bg {
	background-color:#01244F!important;
}
.if-transport {
	color:#ec6907!important;
}
.if-transport-bg {
	background-color:#ec6907!important;
}
.if-events {
	color:#ef1b16!important;
}
.if-events-bg {
	background-color:#ef1b16!important;
}
.if-power {
	color:#39b54a!important;
}
.if-power-bg {
	background-color:#39b54a!important;
}
.if-books-and-bas {
	color:#c227b9!important;
}
.if-books-and-bas-bg {
	background-color:#c227b9!important;
}
.black {
	color: #000!important;
}
.black-bg {
	background-color: #000;
}
.grey {
	color: #231f20!important;
}
.grey-bg {
	background-color: #231f20!important;
}
.mid-grey {
	color: #ddd!important;
}
.mid-grey-bg {
	background-color: #ddd;
}
.light-grey {
	color: #f5f5f5!important;
}
.light-grey-bg {
	background-color: #f5f5f5;
}
.white {
	color: #fff!important;
}
.white-bg {
	background-color: #fff;
}
/* Utility
================================================== */
.no-m-top {
	margin-top: 0 !important;
}
.no-m-bottom {
	margin-bottom: 0.3rem !important;
}
.m-top {
	margin-top: 2rem!important;
}
.m-bottom {
	margin-bottom: 2rem!important;
}
.m-small {
	margin: 2rem 0;
}
.m-medium {
	margin: 4rem 0;
}
.m-large {
	margin: 6rem 0;
}
.no-p-left {
	padding-left: 0 !important;
}
.no-p-right {
	padding-right: 0px !important;
}
.p-small {
	padding: 1rem 0;
}
.p-medium {
	padding: 4rem 0;
}
.p-large {
	padding: 6rem 0;
}
.vertical-center {
	text-align: center;
	width: 80%;
	margin: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 30;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.fade {
	background: #231f20 !important;
	opacity: 1;
}
.fade img:hover {
	background: #231f20 !important;
	opacity: 0.7;
	transition: opacity .25s ease-in-out;
}
.icon {
	width: 1.5rem;
	display: inline-block;
}
.icon-large {
	height: 5rem;
	width:auto;
	margin:1rem 0;
	display: inline-block;
}
.captchaimg {
	position:relative;	
}
.captchaimg img {
	width: 9rem;
	position: absolute;
	left: 12rem;
}
.relative {
	position:relative;	
}

/* Page Template
================================================== */

header.solutions-bar {
	position: fixed;
	width: 100%;
	background:#000;
	height:2.5rem;
	z-index: 100;
}
.logo {
	position: relative;
	left: 2rem;
	top: 0.5rem;
	width: 9.4rem;
	display:inline-block;
}
.solutions-menu {
	position: absolute;
	right: 2rem;
	top: 0.5rem;
}
.page-content {
	min-height: 30rem;
}

/* Solutions Menu
================================================== */

#icon-menu-button {
	z-index: 1050;
    padding: 0;
	margin:0;
    background: transparent;
    position: relative;
}
#icon-menu-button .icon, #icon-menu-button.hover .icon.open {
	display:none;
}
#icon-menu-button .icon.open, #icon-menu-button.hover .icon.close {
	display: inline-block;
}
#icon-menu-button span {
	margin-right:1rem;
}
#icon-menu a {
	color:#888;	
}
#icon-menu .menu > li:not(.menu-text) > a {
    padding: .8rem 0;
}
#icon-menu.dropdown-pane {
	position:fixed;
	top:0!important;
	right:0!important;
	left: auto!important;
	z-index:1000;
	background:#000;
	width:17.75rem!important;
	min-height:100vh;
	padding:3rem 2rem 2rem 2rem;
	border:0;
	border-top:1px solid #333;	
	-webkit-overflow-scrolling: touch;
	-webkit-transform: translateZ(0px);
}
#icon-menu.dropdown-pane .is-drilldown {
	min-height:100vh;
	height:auto!important;
	overflow-y:scroll;
}
#icon-menu img {
	margin:1rem 0;	
}
#icon-menu img.icon {
	margin:1rem 1rem 1rem 0!important;	
}
#icon-menu .menu.vertical > li {
    border-bottom: 1px solid #333;
}
.dropdown.menu .has-submenu.is-down-arrow > a::after {
    border-color: #fff transparent transparent;
}
.dropdown.menu .has-submenu.is-right-arrow > a::after {
    border-color: transparent transparent transparent #fff;
}
.is-drilldown-submenu-parent > a::after {
    border: 6px inset;
    border-color: transparent transparent transparent #fff;
}
.js-drilldown-back::before {
    border-color: transparent #fff transparent transparent;
}
.is-drilldown-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: -1;
    height: 100%;
    width: 100%;
    background: #000;
}
#icon-menu .ifbs-contact-details {
	margin-top:3rem;
}
#icon-menu .ifbs-contact-details p {
	font-size:0.8rem;
}
/* Sticky Menu
================================================== */

/*#sticky-menu {
	text-align:center;
}*/
#sticky-menu .menu > li {
	display:inline-block;
}
@media screen and (max-width: 39.9375em) {
#sticky-menu .menu > li {
	display:block;
	border-bottom:1px solid #ccc;	
}
}
.phone-number {
	position:absolute;
	right:1rem;
	top:0;	
}

/* #LiveChat Side Button
================================================== */

.livechat-side-button {
	position:fixed;
	top:35%;
	right:0;
	z-index:120;
}
#comm100-float-button-2 {
    background-size: 45px 90px!important;
    background-position: right!important;	
}

/* Footer
================================================== */

footer {
	position: relative;
	height:2.5rem;
	background:#231f20;
}
.copyright {
	position: relative;
    display: inline-block;
    left: 3rem;
    top: 0.4rem;
    font-size: 0.8rem;
}
.credits {
	position:absolute;
	right:2rem;
	top:0.8rem;
	font-size: 0.8rem;
}
.credits a {
	color: #888;
}
.credits a:hover {
	color: #fff;
}

/* Tabs
================================================== */
.tabs {
    background: #f5f5f5;
	padding-top:1rem;
}
.tabs, .tabs-content {
    border: 0;
}
.tabs-title > a {
	padding: 1rem;
    font-size: 1rem;
	color:#231f20;
    background-color:#f5f5f5;
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
	border:1px solid #ddd;
	border-bottom:0;
}
.tabs-title > a:hover {
    background: #ddd;
}
.tabs-title:nth-of-type(4) > a:hover {
	background-color:#fbb03b;
}
.tabs-title > a span:nth-of-type(1) {
	display:none;
}
@media screen and (max-width: 39.9375em) {
.tabs-title > a span:nth-of-type(1) {
	display:inline-block;
}	
.tabs-title > a span:nth-of-type(2) {
	display:none;
}
/*.tabs-title {
	width:20%!important;	
}
.tabs-title.is-active {
	width:40%!important;	
}
.tabs-title.is-active > a span:nth-of-type(2) {
	display:inline-block;
}
*/	
}
.tabs-title > a:focus, .tabs-title > a[aria-selected=true] {
    background: #fff;
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
}
.tabs-panel {
    margin: 0;
    padding: 0;
    background: #fff;
}

/* IF EFTPOS
================================================== */
img.solutions-logo {
    height: 5rem;
    width: auto;
	margin-bottom: 3rem;
}
.grey-bg h1 {
	color:#fff;	
}
.grey-bg h2 {
	color:#888;	
}
.stack-plan, .icon-feature {
	padding:2rem;
	border:1px solid #ccc;
	border-radius:1rem;
	margin-bottom:2rem;
	background-color: #fff;
}
.stack-plan:hover, .icon-feature:hover {
    box-shadow: 0px 0px 5px #aaa;
}
.stack-plan > ul > li {
	font-size:1rem;	
}
.first-data-logo, .accepted-cards {
	width:60%;
	margin:1rem 0;	
}
img.captcha, .required.captcha {
	width:12rem;	
}
.eftpos-deals-banner {
    background-image: url(/Images/Holiday-Rewards/Holiday-Rewards.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left;
}
.mobile-eftpos-banner {
	position:relative;
	z-index: 0;	
}
.mobile-eftpos-banner:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0.2;
    background-image: url('/Images/IF-EFTPOS/if-eftpos-first-data-mobile-terminal.jpg');
    background-repeat: no-repeat;
    background-position: center;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}

/* IF Books & BAS
================================================== */

#banner {
	position:relative;	
}
#banner-bottom {
	position: relative;
    bottom: -6rem;
    right: 0;
}
/* IF ATM
================================================== */
.atm-footer .icon-large {
    height: 3rem;
    opacity: 0.4;
}

/* FAQs
================================================== */
.faqs {
	position:relative;	
}
.faqs > .dropdown-pane {
    background-color: #fff;
    width: 90%;
}

/* Contact
================================================== */

/* WebApp
================================================== */

/* E-Commerce
================================================== */

#catCartSummary {
	display: inline;
}
table.cartSummaryTable {
	border: 0;
}
table.cartSummaryTable td {
	color: inherit;
}
.products ul.productList {
	list-style: none;
	margin: 0;
}
.favoritelink.fav-add:before {
	padding-left: 2rem;
	background-image: url(/Images/Icons/favorite-add.svg);
	background-repeat: no-repeat;
	background-size: 20px;
}
.favoritelink.fav-remove:before {
	padding-left: 2rem;
	background-image: url(/Images/Icons/favorite-remove.svg);
	background-repeat: no-repeat;
	background-size: 20px;
}
/* E-Commerce - List
================================================== */
.sale-false .sale-price {
	color: #231f20;
}
.sale-false .retail-price {
	display: none;
}
.sale-true .sale-price {
	color: #e10000;
}
.sale-true .retail-price {
	color: #999;
	margin-left: 0.3rem;
	text-decoration: line-through;
}
/* E-Commerce - Detail
================================================== */

input.productTextInput, input.cartInputText {
	width: 3rem;
	text-align: center;
	display: inline-block;
}
.poplets.gallery img {
	margin: 0.9375rem 0;
}
/* E-Commerce - Stages
================================================== */
.checkout-stages {
	margin-bottom: 60px;
}
.checkout-stages span {
	display: inline!important;
}
.checkout-stages .stage {
	background-color: #ccc;
	padding: 0.1rem 0.6rem;
	text-align: center;
	color: #fff;
	margin-right: 0.6rem;
}
.checkout-stages .stage.current {
	background-color: #111;
}
/* E-Commerce - Cart
================================================== */
.shop-cart .shop-cart-image {
	margin-bottom: 1rem;
}
.shop-cart .shop-cart-item .icon {
	width: 1rem;
}
.shop-cart button {
	padding: 0.5rem 2rem;
	border: 1px solid #ccc;
	top: 0.01rem;
}
.shop-cart button:hover {
	background-color: #ccc;
}
.shop-cart .shop-cart-codes button {
	padding: 0.5rem 2rem;
	border: 1px solid #ccc;
	top: 0.08rem;
	color: #231f20;
}
.shop-cart-code-input input {
	width: 68%;
	display: inline-block;
}
.shop-cart-code-input button {
	width: 30%;
	display: inline-block;
}
.shop-cart .shop-cart-item hr {
	margin: 1rem;
}
.shop-cart p {
	margin: -0.2rem 0 0.5rem 0;
}
.shop-cart-grand-total p {
	font-size: 2rem;
	color: #231f20;
}
.shop-cart-checkout.button .icon {
	width: 1rem;
	margin-top: -0.1rem;
}
/* E-Commerce - Checkout
================================================== */
.amount-currency, input#Amount {
	font-size: 2rem;
	color: #231f20;
}
input#Amount {
	background-color: transparent;
	border-style: none;
	border-width: 0;
	border-color: transparent;
	box-shadow: none;
	padding: 0;
	display: inline;
	width: 8rem;
}
img.payment-options {
	width: 80px;
}
#catwebformbutton {
	margin-top: 2rem;
}