/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* CLEARFIX */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* OUR OWN STYLES NOW */
body {
	background:#fff;
	margin:0;
	padding:0;
	border:0;
	font-family:"Helvetica Neue",helvetica,arial,verdana,sans serif;
	font-size:16px;
	line-height:24px;
	color:#454A4E;
	margin-top:133px;
}
#header_container {
	position:fixed;
    left:0px;
    top:0px;
	background:#fff;
	width:100%;
	height:auto;
	z-index:9999;
}
#headertop_container {
	background:#454A4E;
	width:100%;
}
#headertop {
	position:relative;
	padding:0 10px;
	box-sizing:border-box;
	max-width:960px;
	margin:0 auto;
	text-align:right;
	font-size:11px;
	color:#fff;
}
#header {
	position:relative;
	padding:20px 10px;
	margin:0 auto;
	height:auto;
	box-sizing:border-box;
	max-width:960px;
	margin:0 auto;
	display:flex;
	align-items:flex-end;
}
#header_left {
}
#header_right {
	flex-grow:1;
	align-items:flex-end;
	padding-bottom:10px;
}
#menu {
	z-index:11;
}
#container {
	position:relative;
	margin:0 auto;
}
#content {
	padding:10px;
	box-sizing:border-box;
}

/* NORMAL STUFF */
h1 {
	font-family:"Helvetica Neue",helvetica,arial,verdana,sans serif;
	font-size:44px;
	line-height:46px;
	margin:25px 0 15px 0;
	color:#373D41;
}
h2 {
	font-family:"Helvetica Neue",helvetica,arial,verdana,sans serif;
	font-size:33px;
	line-height:34px;
	margin:0 0 1em 0;
	color:#697075 ;
	text-transform:uppercase;
}
.rhinoproduct h2 {
	font-size:20px;
	font-weight:bold;
	line-height:24px;
	margin:0 0 0.25em 0;
	color:#697075 ;
}
.rhinoproduct h2 a {
	text-decoration:none;
}
p,
ul,
ol{
	font-family:"Helvetica Neue",helvetica,arial,verdana,sans serif;
	margin-bottom:1em;
	font-size:16px;
	line-height:24px;
	color:#373D41;
}
p {
	line-height:120%;
}
.rhinoproduct p {
	margin:0 0 0.25em 0;
}
a {
	color:#003C68;
	text-decoration:underline;
}
b,
strong{
	font-weight:bold;
}
i,
em{
	font-style: italic;
}
ol {
	list-style:decimal;
	margin-left:32px;
}
ul {
	list-style:disc;
	margin-left:32px;
}
ul li,
ol li {
	margin:0 0 4px 0;
	line-height:120%;
}

/* HEADER */
#header #logo img {
	display:block;
}
#header {
	color:#454A4E;
	font-size:14px;
}
#header a{
	color:#454A4E;
	text-decoration:none;
}
#header a.active{
	color:#ccc;
}


/* home page stuff */
#hero {
	background-repeat:no-repeat;
	background-size: cover;
	background-position:center center;
    width: 100%;
	min-height:300px;
	position:relative;
}	
#hero h1{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	color:#fff;
	text-shadow:0 0 10px rgba(0,0,0,0.5);
	margin:0;
}	
#searchcartcontainer{
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	border-bottom:1px solid #003C68;
}

/* categories */
#content div.category {
	float:left;
	width:150px;
	min-height:200px;
	text-align:center;
	_height:200px;
	margin:0 0 20px 0; /* margin-right is set in code */
}
#content div.category p a{
	text-decoration:none;
	color:#003c68;
	font-size:13px;
}

/* products */
#productnav {
	float:left;
	position:relative;
	width:230px;
	background:#e6e6e6;
	min-height:457px;
	_height:457px;
	background-position:bottom;
}
#productnavtop {
	position:absolute;
	top:0;
	left:0;
	width:230px;
	height:157px;
	z-index:1;
}
#productlistingcontainer {
}
div.productlisting {
	float:left;
	width:150px;
	margin:0 0 20px 0; /* margin-right is set in code */
}
div.productlisting p{
	font-size:11px;
	color:#818285;
}
div.productlisting h2{
	font-size:13px;
	color:#003C68;
	font-weight:normal;
	margin-bottom:16px;
}
div.productlisting h2 a{
	font-size:13px;
	text-decoration:none;
	color:#003C68;
}
div.productprice{
	font-size:16px;
	text-decoration:none;
	color:#003C68;
	margin:10px 0 10px 0;
	padding:10px 0 10px 0;
	border-top:1px solid #003C68;
	border-bottom:1px solid #003C68;
}
div.totalprice{
	font-size:13px;
	text-decoration:none;
	color:#003C68;
}
div.productenquiries {
	margin-top:10px;
}
div.productenquiries p{
	font-size:10px;
	font-weight:bold;
	color:#003C68;
}
div.productenquiries a{
	color:#003C68;
}

/* form */
input,textarea {
	font-size:13px;
}

/* tables */
#content table{
	width:515px;
	margin-bottom:8px;
	border-bottom:1px solid #003C68;
}
#content table tr th{
	background:#003C68;
	color:#fff;
	vertical-align:bottom;
	line-height:100%;
	padding:6px;
	text-align:left;
}
#content table tr td{
	margin:0;
	vertical-align:top;
	padding:5px;
	text-align:left;
}
#content table tr td a{
	color:#003C68;
}
#content table tr th.nobordertop,
#content table tr td.nobordertop{
	border-top:none;
}
#content table tr th.noborderbottom,
#content table tr td.noborderbottom {
	border-bottom:none;
}
#content table tr.borderbottom td,
#content table tr td.borderbottom{
	border-bottom:1px solid #003C68;
}
#content table tr.bordertop td,
#content table tr td.bordertop{
	border-top:1px solid #003C68;
}
#content table tr.odd td,
#content table tr td.odd{
	background:#E5F0F1;
}
#content table tr.subhead th,
#content table tr.subhead td,
#content table tr th.subhead,
#content table tr td.subhead {
	background:#F6ECCE;
	font-weight:bold;
	color:#000;
	border-top:1px solid #fff;
	border-bottom:1px solid #003C68;
}

/* site map */
#content #sitemap ul {
	list-style:none;
	margin:0;
}
#content #sitemap ul li{
	list-style:none;
	margin:0 0 8px 0;
	background:none;
	padding:0;
}
#content #sitemap ul li a{
	color:#000;
	text-decoration:none;
}
#content #sitemap ul li ul{
	margin:8px 0 0 32px;
}

/* breadcrumb */
#breadcrumb{
	color:#8A8A8A;
	font-size:11px;
}
#breadcrumb a{
	color:#8A8A8A;
	text-decoration:none;
}
#breadcrumb a:hover{
	text-decoration:underline;
}
#enquiry01 {
	float:right;	
}

/* footer */
#footer_container {
	position:relative;
	background:#373D41;
	color:#fff;
	border-top:10px solid #fff;
	padding:0 0 100px 0;
	font-size:12px;
}
#footer_container #footer1 {
	position:relative;
	margin:0 auto;
	max-width:960px;
	display:flex;
}
#footer_container #footer1 #col1,
#footer_container #footer1 #col2,
#footer_container #footer1 #col3,
#footer_container #footer1 #col4,
#footer_container #footer1 #col5,
#footer_container #footer1 #col6 {
	min-width:130px;
	padding:40px 20px 0 0;
	font-size:12px;
	line-height:20px;
}
#footer_container #footer1 #col6 {
	padding-right:0;
}
#footer_container #footer2 {
	position:relative;
	margin:0 auto;
	max-width:960px;
	text-align:center;
}
#footer p,
#footer li {
	font-size:12px;
	line-height:20px;
	color:#fff;
}	
#footer strong {
	font-size:14px;
}
#footer a {
	color:#fff;
	text-decoration:none;
}
#footer a:hover {
	color:#F15C22;
}
#footer_logo {
   display: -webkit-flex;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: row;
   flex-wrap: wrap;
   flex-flow: row wrap;
   align-content: flex-end;
   padding:5em 0 0 0;
}
#footer_logo span{
	padding:5px 0 0 0;
}
#footer_logo span:first-child {
	padding:0 20px 0 0;
}
#footer_copyright {
	margin:20px 0 0 0;
	padding:20px 0 0 0;
	border-top:1px solid #fff;
}
#footer_copyright p {
	text-align:center;
}
#footer ul {
	list-style-type:none;
	margin-left:0;
}
#footer ul ul {
	margin-left:16px;
}
#footer ul li{
    margin: 0;
}


/* menu */
#menu ul{
	margin:0;
	padding:0;
	list-style-type:none;
    display: flex;
    justify-content: flex-end;
}
#menu ul li{
	border:0;
	margin:0 0 0 30px;
	padding:0;
	position:relative;
}
#menu ul li a{
	border:0;
	margin:0;
	padding:0;
	text-decoration: none;
	color:#454A4E;
	font-size:16px;
	font-weight:bold;
	border:0;
	margin:0;
	border-bottom:0;
}
#menu ul li a.hover,
#menu ul li a.active {
	color:#454A4E;
	border-bottom:6px solid #F15C22;
}
#menu ul li ul{
	display: none;
	height:auto;
	position: absolute;
	left:0px;
	top:100%;
	top:calc(100% + 5px);
	margin:0;
	padding:10px;
	background:#FFF;
	box-sizing:border-box;
	min-width:200px;
}
#menu ul li.showicons ul{
	left:0px;
	left:calc(100% - 500px);
	width:500px;
}
#menu ul li ul li{
	background:#FFF;
	color:#454A4E !important;
	line-height:110%;
	font-size:13px;
	margin:0;
	border:0;
	position:relative;
	height:auto;
	text-align:left;
	width:auto;
	border:0;
}
#menu ul li ul li a{
	color:#454A4E;
	font-weight:normal;
	line-height:110%;
	font-size:13px;
	font-weight:normal;
	margin:0;
	padding:0 0 10px 0;
	border:0;
	height:auto;
	display:block;
	vertical-align:top;
	text-align:left;
	width:100%;
}
#menu ul li ul li a.hover,
#menu ul li ul li a.active {
	color:#F15C22;
	border:0;
}
#menu ul li ul li:last-child a {
	padding:0;
}
#menu ul li ul li.hover div.image svg path,
#menu ul li ul li.hover div.image svg line,
#menu ul li ul li.hover div.image svg polygon,
#menu ul li ul li.hover div.image svg rect,
#menu ul li ul li.active div.image svg path,
#menu ul li ul li.active div.image svg line,
#menu ul li ul li.active div.image svg polygon,
#menu ul li ul li.active div.image svg rect {
	fill:#ddd;
	stroke:#ddd;
}
#menu ul li ul li ul{
	display:none;
	left:0;
	margin:0;
	padding:0;
	border:0;
	position:relative;
	height:auto;
	top:auto;
}
#menu ul li ul li ul li {
	margin:0;
	padding:0 0 5px 0;
	border:0;
	display:block;
	position:relative;
	height:auto;
}
#menu div.image {
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #fff;
}
#menu div.description {
    padding: 0 10%;
}

#menu ul li.showicons ul {
	min-width:none;
}
#menu ul li.showicons ul li {
	width:25%;
}
#menu ul li.showicons ul {
	width:600px;
	left:0;
}
#menu ul li.showicons ul li a {
	font-weight:bold;
}
#menu ul li.showicons ul li:last-child a {
	padding:0 0 10px 0;
}
#menu ul li.showicons ul li ul {
	width:auto;
	min-width:0;
}
#menu ul li.showicons ul li ul li {
	width:auto;
}
#menu ul li.showicons ul li:last-child ul li a {
	padding:0;
}
#menu ul li.showicons ul li ul li a {
	font-weight:normal;
	padding:0;
}



#productnav ul {
	width:200px;
	margin:15px 0 45px 0;
	padding:0;
	list-style-type:none;
	z-index:11;
	background:transparent;
}
#productnav ul li{
	margin:0 0 15px 15px;
}
#productnav ul li.category{
	margin-top:30px;
}
#productnav ul li ul{
	margin:10px 0 0 0;
}
#productnav ul li ul li{
	margin:5px 0 0 0;
}
#productnav ul li a {
	text-decoration: none;
	text-transform:uppercase;
	color:#454A4E;
	font-size:13px;
	padding:0 0 20px 0;
}
#productnav ul li a.active,
#productnav ul li a:hover {
	color:#013B67;
}
#productnav ul li.category a{
	text-transform:uppercase;
}
#productnav ul li.product a{
	text-transform:none;
}
#productnav ul li ul li a {
	color:#666;
}

#daisycalculator{
	margin:10px 0 10px 0;
	padding:10px 0 10px 0;
	border-top:1px solid #888;
	border-bottom:1px solid #888;
}
#daisycalculator p{
	font-size:11px;
	color:#003C68;
}
#daisycalculator span{
	font-size:12px;
	color:#003C68;
}
#daisycalculator table{
	width:auto;
	border:0;
}
#daisycalculator table tr td{
	font-size:11px;
	color:#003C68;
	padding:5px 10px 5px 0px;
}
#daisycalculator table tr td input{
	border:0;
	font-weight:bold;
	font-size:12px;
	color:#003C68;
	margin:-1px 0 0 0;
	padding:0;
}

/* validation */
#contactform em{
	color:#900;
}
label.error { 
	float: none; 
	color: #900; 
	padding: 5px 0 0 10px; 
	vertical-align: top; 
	font-weight:bold;
}

/* CYCLE */
#slideshow {
	position:relative;	
	background:#454A4E;
	overflow:hidden;
}
.cycle-slideshow {
	position: relative;
	width:100%;
	height:500px;
}
.cycle-slideshow .slide { 
	width: 100% !important; 
	height: 500px; 
	position:relative;
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
}
.cycle-slideshow img { 
	display:none;
}
.cycle-slideshow .slideshowlogo {
	position:absolute;
	top:20px;
	width:15%;
}
.cycle-slideshow .slideshowtext {
	display:block;
	position:absolute;
	bottom:30px;
	left:50%;
	transform:translate(-470px,0px);
	width:auto;
	max-width:25%;
	font-size:22px;
	line-height:120%;
	color:#454A4E;
	z-index:10;
	background:#fff;
	padding:20px;
	box-sizing:border-box;
}
.cycle-slideshow .slideshowtext h2 {
	font-size:22px;
	line-height:24px;
	color:#454A4E;
	margin:0 0 0.25em 0;
	font-weight:bold;
}
.cycle-slideshow .slideshowtext p {
	font-size:16px;
	color:#454A4E;
	margin:0 0 0.25em 0;
	font-weight:bold;
}
.cycle-slideshow .slideshowtext p:last-child {
	margin:0;
}
.cycle-slideshow .slideshowtext a.button,
div.seerange a.button {
	font-weight:bold;
	background:#F15C22;
	font-size:14px;
	color:#FFF !important;
	padding:0.5em;
	display:inline-block;
	border-radius:5px;
	text-decoration:none !important;
    padding: 0.5em 0.5em 0.4em 0.5em; /* to fix bad baseline */
}
.cycle-slideshow .slideshowtext a.button:hover,
div.seerange a.button:hover {
	background:#454A4E;
}
.cycle-prev,
.cycle-next {
    position: absolute;
    top: 0px;
    width: 30%;
    z-index: 800;
    height: 100%;
    cursor: pointer;
	font-size:100px;
	color:#fff;
}
.cycle-prev {
    left: 0px;
}
.cycle-next {
    right: 0px;
}
.cycle-prev div {
    position: absolute;
    top: 50%;
	left:20px;
    transform: translate(0px, -50%);
}
.cycle-next div {
    position: absolute;
    top: 50%;
	right:20px;
    transform: translate(0px, -50%);
}
.cycle-pager { 
    text-align: center; width: 100%; z-index: 500; position: absolute; bottom: 0px; overflow: hidden;
}
.cycle-pager span { 
    font-family: arial; 
    font-size: 44px; width: 16px; height: 16px; 
    display: inline-block; color: rgba(255,255,255,0.7); cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: #fff;}
.cycle-pager > * { cursor: pointer;}

#slideshow_overlay {
	position:relative;
	width:100%;
}
#slideshow_overlay_container {
	position:relative;
	margin:0 auto;
	padding:0 10px 10px 0;
	height:100%;
	max-width:960px;
	display: flex;
	align-items: top;
	justify-content: center;
	flex-direction: row;
	flex-wrap: wrap;
	flex-flow: row wrap;
	align-content: flex-end;
	box-sizing:border-box;
}
#slideshow_overlay_container .slideshow_overlay_box {
	width:33.3333%;
}
#page1 #slideshow_overlay_container .slideshow_overlay_box {
	width:25%;
}
#slideshow_overlay_container .slideshow_overlay_box .slideshow_overlay_box_content_padding {
	padding:10px 0 0 10px;
}
#slideshow_overlay_container .slideshow_overlay_box .slideshow_overlay_box_content_padding .slideshow_overlay_box_content {
	text-align:center;
	color:#fff;
	font-size:18px;
	letter-spacing:normal;
	position:relative;
}
#slideshow_overlay_container .slideshow_overlay_box .slideshow_overlay_box_content_padding .slideshow_overlay_box_content .slideshow_overlay_box_content_img {
	padding:0;	
}
#slideshow_overlay_container .slideshow_overlay_box .slideshow_overlay_box_content_padding .slideshow_overlay_box_content .slideshow_overlay_box_content_img img {
	width:100% !important;
	/* height:auto !important; */
}
div.hovertext {
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    z-index: 9000;
	position:absolute;
	top:0px;
	left:0px;
}
div.hovertext div {
	position:absolute;
    color: #fff;
	text-align:center;
    z-index: 9999;
	top: 50%;
   	left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   font-size:13px;
   width:80%;
   line-height:130%;
}
div.hovertext div h4 {
   font-size:22px;
   line-height:120%;
   font-weight:bold;
	margin:0 0 0.5em 0;
	text-shadow: 0 0 10px rgba(0,0,0,0.5);
}
div.hovertext div a {
	display:relative;
    color: #fff !important;
    background:#F15C22;
	text-align:center;
	padding:5px 10px;
	margin:1em 0 0 0;
	text-decoration:none !important;
	border-radius:6px;
   font-size:12px;
}
div.hovertext div a:hover {
	background:#373D41
}
/* WORK WITH US */
#workwithus_container {
	position:relative;
	background:#8B9399;
}
#workwithus_container #workwithus {
	position:relative;
	max-width:960px;
	margin:0 auto;
	text-align:center;
	color:#fff;
	font-size:16px;
}
#workwithus_padding {
	padding:40px 10px;
}
#workwithus h1 {
	font-size:44px;
	color:#454A4E;
}
#workwithus p {
	margin:0.5em 0 1em 0;
	line-height:130%;
}
#workwithus div.col1 {
	width:50%;
	float:left;
	box-sizing:border-box;
	padding:0 10px 0 0;
	text-align:left;
}
#workwithus div.col2 {
	width:50%;
	float:left;
	box-sizing:border-box;
	padding:0 0 0 10px;
	text-align:left;
}
#workwithus input[type=text],
#workwithus textarea,
#workwithus select {
	border:0;
	border-radius:5px;
	padding:10px;	
	box-sizing:border-box;
}
#workwithus input[type=checkbox]{
	border:0;
	border-radius:5px;
	width:20px;
	height:20px;
	box-sizing:border-box;
	padding:0 10px 0 0;
}
#workwithus input[type=submit] {
	text-transform:uppercase;
	background:#F15C22;
	border:0;
	border-radius:5px;
	padding:10px 50px;
	cursor:pointer;
	color:#fff;
	text-decoration:none;
	text-align:center;
	box-sizing:border-box;
	margin:10px 0 0 0;
}
#workwithus input[type=submit]:hover {
	background:#373D41;
	color:#F15C22;
}
#workwithus div.cols {
	padding:10px 0 0 0;
	margin:0 auto 40px auto;
}
#workwithus div.col p {
	margin:0 0 0.5em 0;
}
#workwithus div.col p:last-child {
	margin:0;
}
.fontAwesome {
  font-family:Helvetica,FontAwesome,sans-serif;
}

/* BRANDS */
#brands_container {
	position:relative;
	background:#fff;
	text-align:center;
	color:#000;
	font-size:16px;
	padding:2em 0;
}
#brands_container #brands {
	position:relative;
	max-width:960px;
	margin:0 auto;
	padding:10px;
	text-align:center;
	color:#000;
	font-size:22px;
	line-height:140%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	flex-wrap: wrap;
	flex-flow: row wrap;
	align-content: flex-end;
	box-sizing:border-box;
}
#brands_container #brands p {
	margin:0 0 2em 0;
}
#brands_container #brands div.brands_item {
	float:left;
	text-align:center;
	color:#000;
	box-sizing:border-box;
	line-height:250%;
	padding:0 2em 0 2em;
}

/* SUPPLIERS */
#suppliers_container {
	position:relative;
	background:#fff;
	text-align:center;
	color:#000;
	font-size:16px;
	padding:2em 0;
}
#suppliers_container #suppliers {
	position:relative;
	max-width:960px;
	margin:0 auto;
	padding:10px;
	text-align:center;
	color:#000;
	font-size:22px;
	line-height:140%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	align-content: flex-end;
	box-sizing:border-box;
}
#suppliers_container #suppliers div.suppliers_item {
	padding:0 20px;
}
#suppliers_container #suppliers div.suppliers_item img {
	height:50px;
}

/* ABOUT US */
#aboutus_container {
	position:relative;
	background:#373D41;
}
#aboutus_container #aboutus {
	position:relative;
	max-width:960px; /*max-width:1360px;*/
	margin:0 auto;
	padding:10px;
	text-align:center;
	color:#fff;
	font-size:22px;
	display: flex;
	align-items: top;
	justify-content: center;
	flex-direction: row;
	flex-wrap: wrap;
	flex-flow: row wrap;
	align-content: flex-end;
	box-sizing:border-box;
}
#aboutus_container #aboutus div.aboutus_item {
	width:33.3333%;
	text-align:center;
	color:#fff;
	border-right:1px solid #fff;
	box-sizing:border-box;
	line-height:250%;
}
#aboutus_container #aboutus div.aboutus_item:first-child {
	border-left:1px solid #fff;
}
#aboutus_container #aboutus div.aboutus_item a {
	color:#fff;
	text-decoration:none;
}
#aboutus_container #aboutus div.aboutus_item a:hover {
	color:#F15C22;
}
#toggle {
	display: none;
}

/* RHINO */
#rhino_container {
	position:relative;
	background:#EE2B4B;
	background-image:url('/images/rhinomarquees_bg.svg');
	padding:20px 0;
}
#rhino_container #rhino {
	position:relative;
	max-width:960px;
	margin:0 auto;
	text-align:center;
	color:#fff;
	font-size:16px;
}
#rhino_container #rhino a {
    display: relative;
    color: #fff !important;
    background: #454A4E;
    text-align: center;
    padding: 5px 10px;
    margin: 20px 0;
    text-decoration: none !important;
    border-radius: 6px;
    font-size: 12px;
}

/* CATEGORY LANDING PAGES */
#products_boxes {
	position:relative;
	max-width:1220px; /*max-width:1360px;*/
	margin:0 auto;
	padding:0;
	height:100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	flex-flow: row wrap;
	width:calc(100% + 30px);
}
#products_boxes .products_boxes_overlay_box,
#products_boxes .rhinoproduct {
	width:33.33%;
}
#products_boxes .products_boxes_overlay_box .products_boxes_overlay_box_content_padding {
	padding:0 30px 30px 0;
}
#products_boxes .rhinoproduct {
	padding:0 0 30px 0;
}
#products_boxes .products_boxes_overlay_box .products_boxes_overlay_box_content_padding .products_boxes_overlay_box_content {
	text-align:left;
	color:#404040;
	font-size:18px;
	letter-spacing:normal;
	position:relative;
}
#products_boxes .products_boxes_overlay_box .products_boxes_overlay_box_content_padding h2 {
    font-size: 22px;
    color: #454a4e;
    line-height: 100%;
	margin:0.5em 0;
}
#products_boxes .products_boxes_overlay_box .products_boxes_overlay_box_content_padding h4 {
    font-size: 22px;
    color: #fff;
}
#products_boxes .products_boxes_overlay_box .products_boxes_overlay_box_content_padding h2 a {
	text-decoration:none;
}
#products_boxes .products_boxes_overlay_box .products_boxes_overlay_box_content_padding .products_boxes_overlay_box_content .products_boxes_overlay_box_content_img {
	padding:0 0 10px 0;	
}
#products_boxes .products_boxes_overlay_box .products_boxes_overlay_box_content_padding .products_boxes_overlay_box_content .products_boxes_overlay_box_content_img img {
	width:100% !important;
	height:auto !important;
}

/* A Different colour on the final accordian based pages */
#content div.rhinoproduct h2 {
	margin:1em 0 0 0;
}
#content div.rhinoproduct h2 a {
	color:#454a4e;
	text-decoration:none;
}
#content div.rhinoproduct p.productcode {
    font-size: 13px;
    font-weight: 300;
    line-height: 120%;
    margin: 0;
    padding: 0;
    color: #a7a9ab;
    text-decoration: none;
}

#productpagesflex {
	position:relative;
	max-width:1200px; /*max-width:1360px;*/
	margin:0 auto;
	padding:0;
	display: flex;
	align-items: top;
	justify-content: left;
	flex-direction: row;
	flex-wrap: wrap;
	flex-flow: row wrap;
	align-content: flex-end;
}
#productpagesflex #productimages {
	width:33%;
	max-width:300px;
}
#productimages #productimage {
	width: 100% !important;
	padding-top:-100%;
	background-size:100% 100% !important;
	margin:0 0 10px 0;
}
#productimages #productimage img {
	width: 100% !important;
	height: 100% !important;
}
#productimages #productthumbnails {
	display: flex;
	align-items: top;
	justify-content: left;
	flex-direction: row;
	flex-wrap: wrap;
	flex-flow: row wrap;
	align-content: flex-end;
	margin:0 0 0 -10px;
}
#productimages #productthumbnails a {
	width: 25% !important;
	height: auto !important;
	box-sizing:border-box !important;
}
#productimages #productthumbnails a img {
	width: calc(100% - 10px) !important;
	height: calc(100% - 10px) !important;
	padding:0 0 0 10px !important;
}
#productpagesflex #accordion_container {
    flex-grow: 1;
    padding: 0 0 0 30px;
    box-sizing: border-box;
    width: 66%;
	max-width:600px;
}

/* ACCORDION */
.ui-accordion .ui-accordion-header {
    background: #6D6E71;
    color: #fff !important;
    padding: 0.5em 1em !important;
    border: 0 !important;
    border-radius: 0 !important;
	font-family:"Helvetica Neue",helvetica,arial,verdana,sans serif;
	font-size:22px;
	margin:0 0 0.25em 0 !important;
	font-weight:400;
	position:relative;
	cursor:pointer;
}
.ui-accordion .ui-accordion-header-active {
	margin:0 !important;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	left:auto;
    right: 0.5em;
    color: #fff;
	position:absolute;
}
.ui-accordion .ui-accordion-content {
    padding: 1em;
	font-family:"Helvetica Neue",helvetica,arial,verdana,sans serif;
	font-size:16px;
	color:#454A4E;
	margin:0 0 1em 0 !important;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0px;
}
.ui-icon-circle-triangle-s {
    background-image: url('https://www.instaco.com.au/images/arrow-down.svg') !important;
	background-position:0 0;
	width:21.75px;
	height:13.357px;
}
.ui-icon-circle-triangle-n {
    background-image: url('https://www.instaco.com.au/images/arrow-up.svg') !important;
	background-position:0 0;
	width:21.75px;
	height:13.357px;
}
.brochuredownload {
	display:block;
	font-family:"Helvetica Neue",helvetica,arial,verdana,sans serif;
	font-size:22px;
	font-weight:400;
	background:#F15C22;
	color:#fff !important;
	text-decoration:none !important;
	margin:0 0 0.25em 0 !important;
    padding: 0.5em 1em !important;
}
#content i.fa {
	font-style:normal !important;	
}
#content div.listchildren.comma ul {
	list-style:none;
	margin:0;
}
#content div.listchildren.comma ul li {
	margin:0;
	padding:0;
	float:left;
}
#content div.listchildren.comma ul li span.after {
	margin-right:0.3333em;
}
#content div.listchildren.comma ul li:last-child span.after {
	display:none;
}

/* UMBRELLAS AND MARQUEES */
div.categories {
	display: block;
	width:100%;
	margin:1em 0 0 0;
}
div.categories div.category-item {
	width:100%;
	border-bottom:1px solid #000;
	margin:0 0 1em 0;
	padding:0 0 1em 0;
	display:flex;
	justify-content: center;
  	text-align: center
}
div.categories div.category-item div.image {
	width:15%;
}
div.categories div.category-item div.image image, 
div.categories div.category-item div.image svg {
	width:100%;
}
div.categories div.category-item div.suitability {
	width:15%;
}
div.categories div.category-item div.shapes {
	width:40%;
}
div.categories div.category-item div.coverage {
	width:15%;
}
div.categories div.category-item div.coverage div {
	height:70px;
	border:1px solid #ccc;
	padding:10px;
	margin:0 0 30px 0;
	font-size:22px;
	font-weight:bold;
	display:flex;
	justify-content: center;
  	align-items: center;
}
div.categories div.category-item div.seerange {
	width:19%;
}
div.categories div.category-item div.types {
	width:17%;
}
div.categories div.category-item div.setup {
	width:17%;
}
div.categories div.category-item div.affordability {
	width:17%;
}
div.categories div.category-item div.types div,
div.categories div.category-item div.setup div,
div.categories div.category-item div.affordability div,
div.categories div.category-item div.seerange div {
	height:120px;
	display:flex;
	justify-content: center;
  	align-items: center;
}
div.categories div.category-item div.image svg path,
div.categories div.category-item div.image svg line,
div.categories div.category-item div.image svg polygon,
div.categories div.category-item div.image svg rect {
	fill:#373D41;
	stroke:#373D41;
}
div.types span {
	font-weight:bold;
	background:#939598;
	font-size:14px;
	color:#FFF !important;
	padding:0.5em;
	display:inline-block;
	text-decoration:none !important;
    padding: 0.5em 0.5em 0.4em 0.5em; /* to fix bad baseline */
	width:100%;
	max-width:120px;
}


#page4 div#container {
    background: #8B9399;
    max-width: none;
}
#page4 div#content {
    text-align: center;
}
#page4 div#content h1,
#page4 div#content p {
	color:#fff;
}

/* 2020-08-19 */
#breadcrumb_container {
	position:relative;
	background:#fff;
}
#breadcrumb_container #breadcrumb {
	position:relative;
	max-width:960px;
	margin:0 auto;
}
#breadcrumb_container #breadcrumb #breadcrumb_padding {
	padding:10px 10px;
}
#content_container {
	position:relative;
	background:#F6F6F7;
}
#page1 #content_container {
	background:#FFF;
}
#content_container #content_content {
	position:relative;
	max-width:960px;
	margin:0 auto;
}
#content_container #content_content #content_padding {
	padding:40px 10px;
}
#boxes_container {
	position:relative;
	background:#fff;
}
#boxes_container #boxes_content {
	position:relative;
	max-width:960px;
	margin:0 auto;
}
#boxes_container #boxes_content #boxes_padding {
	padding:40px 10px;
}
#features_container {
	position:relative;
	background:#fff;
}
#features_container #features_content {
	position:relative;
	max-width:960px;
	margin:0 auto;
}
#features_container #features_content #features_padding {
	padding:40px 10px;
}
#features_container #features_content ul{
  list-style-image: url('/images/li-orange.svg');
  column-count: 2;
  margin:0 1.2em;
}
#features_container #features_content ul li{
  line-height:200%;
}
#pdf_container {
	position:relative;
	background:#697075;
	color:#fff;
}
#pdf_container #pdf_content {
	position:relative;
	max-width:960px;
	margin:0 auto;
	color:#fff
}
#pdf_container #pdf_content #pdf_padding {
	padding:40px 10px;
}
#pdf_container #pdf_content ul{
  list-style-image: url('/images/li-acrobat.svg');
  column-count: 2;
  margin:0 1.2em;
}
#pdf_container #pdf_content ul li{
	line-height:200%;
}
#pdf_container #pdf_content h1,
#pdf_container #pdf_content h2,
#pdf_container #pdf_content p {
	color:#fff;
}
#pdf_container #pdf_content a {
	text-decoration:none;
	color:#fff;
}
#pdf_container #pdf_content a:hover {
	color:#F15C22;
}
#video_container {
	position:relative;
	background:#f6f6f7;
	background-size:cover;
	background-position:center;
	min-height:150px;
}
#video_container #video_content {
	max-width:960px;
	margin:0 auto;
}
#video_container #video_content #video_padding {
	padding:40px 10px;
}
#video_container #video_content #video_padding a{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	opacity:0.5;
}
input[type=button] {
	font-weight:bold;
	background:none;
	padding:0.5em;
	color:#fff;
	border:1px solid #fff;
	border-radius:5px;
	text-decoration:none !important;
}
input[type=button]:hover {
	color:#F15C22;
	border:1px solid #F15C22;
	cursor:pointer;
}


/* PROJECTS */
#projects img {
	width:100%;
	height:auto;
}
#projects a {
    text-decoration: none;
}
#projects h2 {
    margin:0.5em 0;
    font-size:18px;
    line-height:120%;
}
#projects a.button {
	font-size: 14px;
	line-height:16px;
    display: inline-flex;
    border: 1px solid #787879;
    color: #787879;
    text-decoration: none;
    padding: 0.5em 2em;
    text-align: center;
    transition: 0.3s;
	text-transform:uppercase;
}
#projects a.button:hover {
    border: 1px solid #C81F4C;
    color: #C81F4C;
}
#projects a.submit {
    background: #C81F4C;
	border: 0;
	color:#fff;
	margin:0 0 0.5em 0;
    min-width:80px;
	justify-content:center;
	text-transform:uppercase;
}
#projects a.submit:hover {
    background: #414042;
	border: 0;
	color:#fff;
}
#projects a.reset {
	border:0;
	background:#787879;
	color:#fff;
    min-width:80px;
	justify-content:center;
	text-transform:uppercase;
}
#projects a.reset:hover {
    background: #414042;
	border: 0;
	color:#fff;
}
#projects div.pagedlink a.button,
#news div.pagedlink a.button {
	background: #C81F4C;
	border: 0;
	color:#fff;
	margin:0 0.25em;
    width:50px;
    height:50px;
	justify-content:center;
	align-items:center;
	padding:0;
}
#projects div.pagedlink a.button:hover,
#news div.pagedlink a.button:hover {
	background: #414042;
	border: 0;
	color:#fff;
}
#projects div.pagedlink a.disabled,
#news div.pagedlink a.disabled {
	background: #E6E6E7;
	color:#fff;
	cursor:default;
}
#projects div.pagedlink a.disabled:hover,
#news div.pagedlink a.disabled:hover {
	background: #E6E6E7;
	color:#fff;
}
.searchresult .showonhover{
  display: none;
}
.searchresult:hover .showonhover {
  display: block;
}

/* wide screens */
@media screen and (min-width:1360px){ 
}

/* phones (portrait and landscape) */
@media screen and (max-width:1000px){ 
	body {
		margin:0 !important;
	}
	#header_container {
		position:relative;
	}
	#headertop_container {
		display:none;
	}
	#header_left{
		float:none;
		width:100%;
		display:flex;
	}
	#header_right{
		float:none;
		width:100%;
		display:block;
	}
	#header_right_row2{
		width:100%;
		text-align:center;
	}
	#header #logo{
		float:none;
		text-align:center;
	}
	#header #header_left {
		display: block;
		padding: 0;
	}
	#header #social {
		display: flex;
		justify-content:center;
		padding:0;
	}
	#header #social div {
		display: inherit;
		padding: 10px;
	}
	#header #text {
		width:100%;
		padding:0;
		text-align:center;
	}
	#header #headernav {
		width:100%;
		padding:20px 0;
		text-align:center;
		display:none;
	}
	#brands_container #brands {
		display: block;
	}
	#brands_container #brands div.brands_item {
		float: none;
	}
	#suppliers_container #suppliers {
		display: block;
	}
	#suppliers_container #suppliers div.suppliers_item {
		float: none;
	}
	#aboutus_container #aboutus {
		display: block;
		text-align: center;
	}
	#aboutus_container #aboutus div.aboutus_item {
		width: 100%;
	}
	#aboutus_container #aboutus div.aboutus_item {
		border-right: 0;
	}
	#aboutus_container #aboutus div:first-child.aboutus_item {
		border-left: 0;
	}
	#menu {
		width: 100%;
		height:auto;
		position: absolute;
		left: 0;
		top: -9999px;
		padding:0;
		z-index:5000;
		background-color: #000;
		padding:0;
		float: none;
	}
	#menu {
		position:absolute;
		height:auto;
		top:-9999px;
	}
	#menu ul {
		background:#404040 !important;
		display:block;
		margin:0;
		padding:0;
	}
	#menu ul li{
		width:100% !important;
		height:auto !important;
		margin:0;
		padding:0;
	}
	#menu ul li a.hover, 
	#menu ul li a.active {
	    color: #FFF;
	    border-bottom: 0;
	}
	#menu ul li:hover,
	#menu ul li.active {
		background:#F16436;
	}
	#menu ul li a {
		display:inherit;
		width:auto;
		margin:0;
		padding: 7px 14px;
		color: #fff;
		font-size: 24px;
		border:0;
		text-align:center;
		line-height:30px;
	}
	#menu a:hover {
		color: #fff;
	}
	#menu ul li ul.showicons,
	#menu ul li ul.listonly,
	#menu ul li ul {
		position:relative !important;
		top:auto;
		left:auto;
		width:100%;
		display:block;
		padding:0.5em 0;
	}
	#menu ul li ul li a,
	#menu ul li ul li a.active,
	#menu ul li ul li a:hover {
		padding: 0.5em 0;
	}
	#menu div.image,
	#menu div.description {
		display:none;
	}
	#toggle {
		display: block;
		position: absolute;
		top:10px;
		right:10px;
		cursor: pointer;
		z-index:9999;
		font-size:30px;
		color:#454A4E;
	}
	.cycle-slideshow:hover .cycle-overlay {
		display:none;
	}
	#columns,
	#columns div.column1,
	#columns div.column2 {
		width:100%;
		border:0;
	}
	#news {
		width: 100%;
	}
	#news div.item {
		width: 100%;
		min-height: 100px;
		border-right: 0;
		border-bottom: 10px solid #fff;
	}
	#content {
		padding:30px 10px 10px 10px !important;
		box-sizing:border-box;
	}
	.cycle-slideshow {
		width: 100%;
		height: 100%;
	}
	.cycle-slideshow .slideshowtext {
		display: none;
	}
	#header_left {
		align-items: center;
	}
	#workwithus div.col1,
	#workwithus div.col2 {
		width:100%;
		float:none;
		padding:0;
	}
	#workwithus div.col {
		display:block;
		float:none;
		width:100%;
		padding:0 0 0.5em 0;
	}
	#workwithus_padding p:first-of-type {
		margin:0 0 0.5em 0 !important;
	}
	#workwithus div.col p:last-child {
		text-align: center;
	}
	div#breadcrumb {
		left: 10px;
	}
	#slideshow_overlay {
		position:relative;
		top:auto;
		width:auto;
	}
	#slideshow {
		display:none;	
	}
	#slideshow_overlay_container .slideshow_overlay_box,
	#page1 #slideshow_overlay_container .slideshow_overlay_box {
		width:50%;
	}
	#slideshow_overlay_container .slideshow_overlay_box .slideshow_overlay_box_content_padding .slideshow_overlay_box_content {
		font-size:14px;
	}
	#products_boxes {
		width:calc(100% + 20px);
		padding:0;
	}
	#products_boxes .products_boxes_overlay_box {
		width:50%;
	}
	#products_boxes .products_boxes_overlay_box .products_boxes_overlay_box_content_padding {
	    padding: 0 20px 0 0;
	}
	#productpagesflex #productimages {
		width: 100%;
	}
	#productpagesflex #accordion_container {
		padding: 1em 0 0 0;
		width: 100%;
	}
	#productimages #productimage {
		width: 100% !important;
		padding-top:-100%;
		background-size:100% 100% !important;
	}
	#productimages #productimage img {
		width: 100% !important;
		height: 100% !important;
	}
	#productimages #productthumbnails {
		display: flex;
		align-items: top;
		justify-content: left;
		flex-direction: row;
		flex-wrap: wrap;
		flex-flow: row wrap;
		align-content: flex-end;
		margin:0 0 0 -10px;
	}
	#productimages #productthumbnails a {
		width: 25% !important;
		height: auto !important;
		box-sizing:border-box !important;
	}
	#productimages #productthumbnails a img {
		width: calc(100% - 10px) !important;
		height: calc(100% - 10px) !important;
		padding:0 0 0 10px !important;
	}

	/* UMBRELLAS AND MARQUEES */
	div.categories div.category-item {
		display:block;
	}
	div.categories div.category-item div.image,
	div.categories div.category-item div.suitability,
	div.categories div.category-item div.shapes,
	div.categories div.category-item div.coverage,
	div.categories div.category-item div.seerange,
	div.categories div.category-item div.types,
	div.categories div.category-item div.setup,
	div.categories div.category-item div.affordability {
		width:100%;
	}
}
@media screen and (max-width:768px){ 
	#footer #footer1 {
		display:block;
	} 
	#footer_container #footer1 #col1, #footer_container #footer1 #col2, #footer_container #footer1 #col3, #footer_container #footer1 #col4, #footer_container #footer1 #col5, #footer_container #footer1 #col6 {
	    min-width: 0;
	    padding: 10px;
	}
	#footer_container #footer1 #col2 ul{
		margin:0;
	}
	#footer_container #footer1 #col4 {
		display:none;
	}
	#footer #footer-text1,
	#footer #footer-text2,
	#footer #footer-text3 {
		float:left;
		display:block;
		margin:20px 0;
		width:33.3333%;
	}
	#footer #footer-text4,
	#footer #footer-copyright {
		display:block;
		float:none;
		width:100%;
		margin:20px 0;
		line-height:120%;
		clear:both;
	}
	div.hovertext div p {
		display:none;
	}
	div.hovertext div a {
		border: 0;
	    font-size: 11px !important;
	}
	div.hovertext div h4 {
	    font-size: 18px !important;
	}
	div.table,
	div.tablerow,
	div.tablecell {
		display:block !important;
		width:100% !important;
	}
	div.tablecell {
		margin:0 0 2em 0 !important;
	}
	#products_boxes .rhinoproduct {
    	width: 100%;
	}
	#content table {
    	width: 100%;
	}
	#products_boxes .products_boxes_overlay_box .products_boxes_overlay_box_content_padding .products_boxes_overlay_box_content h4 {
		line-height:110%;
	}
	#features_container #features_content ul {
	    column-count: 1;
	}
	#page82 #searchresults .searchresult {
		width:100% !important;
		text-align:center;
	}
}
@media screen and (max-width:480px){ 
	#footer #footer-text1,
	#footer #footer-text2,
	#footer #footer-text3,
	#footer #footer-text4,
	#footer #footer-copyright {
		float:none;
		width:100%;
		margin:20px 0;
		line-height:120%;
	}
}