/* Add here all your css styles (customizations) */

p.maincontent {font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight:400; font-size:15px; line-height:1.6em;}

/* hide banner controls */

div.ms-nav-next, div.ms-nav-prev, div.ms-bullets, div.ms-bullet {opacity:0; display:none !important;}

/* product blocks */

div.service {border-top:4px solid #dedede;}

div.colour {border-top:0px solid #dedede !important; border-bottom:0px solid #dedede !important;}

h4.prodboxh4 {color:#fff; background-color:#80C740; font-size:1.1em !important; padding:4px 2px 4px 8px; font-family: 'Roboto Condensed', sans-serif;}

h4.prodboxh4 i {color:#fff !important;}

.no-margin-top {margin-top:0px !important;}
.padding-top-15 {padding-top:15px;}
.no-padding-top {padding-top:0px !important;}

ul.prodlist li {margin-left:6px;}

h4.colourh4 {font-size:1.1em !important; font-family: 'Roboto Condensed', sans-serif; margin-top:2em;}
h4.colourh4 i {color:#80C740 !important;}

/*  Documents area */

div.dmsouter {background-color:#48803E; padding:35px 10px 0px 10px;}

div.dmsouter h2, div.dmsouter p {color:white;}

div.dmsouter h4 {color:#ffe052;}

div.dmsouter .tab-v2 .nav-tabs li a {color:white !important;}

div.dmsouter .tab-v2 .nav-tabs li.active a {color:white !important; background-color:#619e56 !important; border-top: solid 2px white;}

div.dmsouter .tab-v2 .tab-content {background-color:#619e56 !important; padding:6px 20px 20px 10px;}

div.dmsouter .tab-v2 .tab-content p a, div.dmsouter .tab-v2 .tab-content p a:active, div.dmsouter .tab-v2 .tab-content p a:visited {color:#fff !important; text-decoration:underline;}

div.dmsouter .tab-v2 .tab-content p a:hover {color:#ffe052 !important; text-decoration:none;}

div.dmsouter .tab-v2 .tab-content table tr td { 
	background-color: rgba(255,255,255, 0.6) !important;
	}

div.dmsouter .tab-v2 .tab-content table tr.evenrow td { 
	background-color: rgba(255,255,255, 0.8) !important;
	}

 div.dmsouter .tab-v2 .tab-content table tr td.jsatitle {text-align:left; font-weight:400;}
 div.dmsouter .tab-v2 .tab-content table tr td.jsadesc {text-align:left; font-weight:300;}
 
table tr td.jsatitle.long {width:25%;}
 
 span.label-info {
 	background-color: rgba(94, 85, 70, 1);
 	}

/* Harmony Customisations */
.topbar-v3, div.dmsouter {
	background-color: rgba(94, 85, 70, 1) !important;
}
div.dmsouter .tab-v2 .tab-content, div.dmsouter .tab-v2 .nav-tabs li.active a {
	background-color: rgba(255,255,255, 0.1) !important;
	float:left;
}
.div.dmsouter .tab-v2 .tab-content table tr td {
	
}

.header-v5 .navbar-nav {
	float:right;
	margin: 0px;
}

.tab-content li {
	color: white;
	margin-bottom: 10px;
}
.htable-striped>tbody>tr:nth-of-type(odd) {
	background-color: none;
}
#locations .table-striped>tbody>tr {
	background-color: #f9f9f9 !important;
}
#locations .table-striped>tbody>tr.evenrow {
	background-color:  #dedede!important;
	
}

.header-v5 .navbar-default .navbar-nav a:hover {
	/*background-color: rgba(94, 85, 70, 1) !important;*/
	background-color: white !important;
	
}

.cbp-item {
	/*width: 100px !important;*/
}

#brochures img {
	 height:160px;
	 border:1px solid #ABABAB; 
	 /*margin-right:25px;*/
	 margin-bottom: 10px;
	 
}

.product-banner-image {
	width: 100%;
	margin-bottom: 20px;
}


/* fix the product images on the front page so that when hover they still enlarge */
.cube-portfolio .cbp-caption-zoom .cbp-caption-activeWrap {
	background-color: transparent !important;
}
.cbp .cbp-item, .cbp-wrapper-outer, .cbp-caption-active .cbp-caption, .cbp-caption-active .cbp-caption-defaultWrap, .cbp-caption-active .cbp-caption-activeWrap  {
	overflow: visible !important;
}
.cbp .cbp-item {
	padding:20px !important;
}

@media (max-width:400px) {
	.cbp .cbp-item {
		padding:10px !important;
	}
}

#contact input {
	margin-right: 10px;
}

a.ddoption:hover {
		/*background-color: rgba(94, 85, 70, 1) !important;*/
		/*background-color: white !important;*/
		color: #6db70b !important;
		text-decoration:underline !important;
}


@media (max-width:991px) {
	.header-v5 .navbar-default .navbar-nav > .active > a, .header-v5 .navbar-default .navbar-nav > .active > a:hover, .header-v5 .navbar-default .navbar-nav > .active > a:focus {
		/*background-color: rgba(94, 85, 70, 1) !important;
		background-color: white !important;*/
		background-color: #80C740 !important;
	}
}

.footer-v1 .link-list li {color:#eee; text-transform:uppercase; font-size:11px;}

.footer-v1 .link-list a, .footer-v1 .link-list a:active, .footer-v1 .link-list a:visited, .footer-v1 .link-list a:focus  {color:#6db70b !important;}
.footer-v1 .link-list a:hover {text-decoration:underline;}

li.top-level {color:#6db70b !important;}

li.top-level a, li.top-level a:active, li.top-level a:visited, li.top-level a:focus, li.top-level a:hover  {color:#6db70b !important;}

a:hover.cbp-singlePageInline {text-decoration:underline;}

a:hover.cbp-singlePageInline div.cbp-l-caption-desc {text-decoration:none !important;}

/* Google Search */

div.gs-title, div.gs-fileFormat {text-align:left;}

td.gsc-table-cell-snippet-close {padding: 10px 10px 12px 10px;}

.gsc-results .gsc-cursor-box .gsc-cursor-page {background-color:#e7e0d3 !important; text-decoration:underline !important; color:#6db70b !important;}

.gs-result .gs-title, .gs-result .gs-title * {text-decoration:none; color:#6db70b !important;}

a.gs-title, a.gs-title:active, a.gs-title:visited, a.gs-title:focus, a.gs-title:hover  {color:#6db70b !important; text-decoration:none !important;}

form.searchbox {margin-top:-4px !important;}

/* Accordion */

div.dmsouter h4 {color:white;}

.acc-v1 .panel-heading a {color:#88df16;}

a.accordion-toggle:focus {color:#88df16;}
a.accordion-toggle:hover {color:#88df16; text-decoration:underline !important;}

div.panel-body h4, div.panel-body p, div.panel-body li {color:black;}
div.panel-body p a, div.panel-body h4 a {color:#61aa02;}
div.panel-body p a:hover, div.panel-body h4 a:hover {color:#61aa02; text-decoration:underline;}
ol.help-us {text-align: left; max-width: 580px; padding-left: 15px;margin: 0 auto;}


div.panel-body p.brochure-title {line-height:16px;}
div.panel-body p.brochure-title a {font-size:13px !important; color:#61aa02;}
div.panel-body p.brochure-title a:hover {color:#61aa02; text-decoration:underline;}

div.panel-body table.table-striped {text-align:left;}

a.tab-download span, a.tab-download:active span, a.tab-download:focus span, a.tab-download:visited span {color:#88df16;}

a.tab-download:hover span {color:#88df16; text-decoration:underline;}

tr.evenrow {background-color:#dedede;}

.panel {background-color:#e7e0d3 !important;}

.acc-v1 .panel-heading a {background-color:#443d31 !important;}

img.brochure-img {
    height: 160px;
    border: 1px solid #ABABAB;
    /* margin-right: 25px; */
    margin-bottom: 10px;
}

.header-v5 .navbar-header {
	margin-right:0px !important;
	margin-top: 0px !important;
}

@media (max-width:414px) {
	.header-v5 .navbar-default .navbar-nav > .active > a, .header-v5 .navbar-default .navbar-nav > .active > a:hover, .header-v5 .navbar-default .navbar-nav > .active > a:focus {
		color: #fff !important;
		background: #80C740 !important;	}
	.search-open {
		margin-bottom: 10px;
	}
}

.navbar-toggle {
	margin-right: 0px !important;
}



/*Image Gallery*/
div.gallery-section {background-color: #000000 !important; padding-left: 0px; padding-right: 0px;}

.gallery-row {padding: 1.4% 0px; background-color: #000000; padding-top: 0px; margin-left: 0px; margin-right: 0px; }

.hb-image {padding: 0px 0.5%; }

img.thumb-hover {border: 3px solid transparent}

img.thumb-hover:hover {border: 3px solid #61aa02}

.fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../plugins/fancybox/source/fancybox_sprite_harmony.png');
	z-index:99999;
}


/*Retina graphics! specific to Image Gallery*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5) {

	.fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('../plugins/fancybox/source/fancybox_sprite_harmony@2x.png');
		background-size: 44px 240px; /*The size of the normal image, half the size of the hi-res image*/
	}

}

@media (max-width:991px) {
	
	.hb-image {padding: 0.5% 0.5%;}
	.gallery-row {padding-bottom: 15px;}
}


@media (max-width: 1024px)
{
	
	
	.fancybox-prev span, .fancybox-next span {
		background-image: url('../plugins/fancybox/source/fancybox_sprite_harmony@2x.png');
		background-size: 22px 120px; /*The size of the normal image, half the size of the hi-res image*/
	}
	
	.fancybox-nav span {
		position: absolute;
		top: 50%;
		width: 22px;
		height: 38px;
		margin-top: -19px;
		cursor: pointer;
		z-index: 8040;
		visibility: visible;
	}

	.fancybox-prev span {
		left: 0px;
		background-position: 0 -16px;
	}

	.fancybox-next span {
		right: 0px;
		background-position: 0 -56px;
	}
	
	.fancybox-prev {
		left: -37px;
	}

	.fancybox-next {
		right: -37px;
	}
	
	.fancybox-title {
		visibility: hidden;
		font: normal 14px/18px "Open Sans", Arial, sans-serif;
		position: relative;
		text-shadow: none;
		z-index: 8050;
		margin-bottom: 6px;
		margin-left: 2px;
		margin-right: 12px;
	}
	
	.fancybox-close {
		position: absolute;
		top: 8px;
		right: 6px;
		width: 36px;
		height: 32px;
		cursor: pointer;
		z-index: 8040;
	}

}


@media (min-width: 992px) and (max-width: 1199px) {
	.navbar>.container .navbar-brand {
		margin-top: -5px;
	}
	
	.header-v5 .navbar-default .navbar-nav > li > a {
		padding-right: 10px !important;
		padding-left: 10px;
		padding-bottom: 4px;
		font-size: 13px;
		}	
}
	
.ms-view {background: #fff;}
	


/**ROW OF 5 COLUMNS FOR HB LOGO BANNER**/

.col-2dot4 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
	float: left;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
	padding: 3%;
}

.lineart-product-box {
	text-align: center;
}

@media (max-width: 767px) {
	.col-2dot4 {
	-ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
	padding: 6%; 
	}
}