/*
 * Navigation menu
 */



/* Common styling for main menu (horizontal + mobile vertical + mobile menu trigger)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* horizontal + mobile menu trigger */
#mobnav-trigger,
#nav > li > a {
	font-size:16px; /*1.3333em*/
	line-height:49px; /*3.0625em*/
	text-transform:uppercase;
}


/* Main menu - vertical (in the sidebar)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.vertnav-side {
	float:left;
	width:100%;
}


/* Main menu - mobile vertical (in the header)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Mobile menu trigger. Shares style with the 1st level links from the default menu
-------------------------------------------------------------- */
#mobnav { display:none; }
#mobnav-trigger {
	display:block;
	padding:0 15px;
}

/* Mobile menu icon */
#mobnav-trigger .icon {
	float:left;
	width:23px;
	padding-top:18px;
	margin:0 8px 0 0;
}
#mobnav-trigger .icon .line {
	background-color:#fff;
	height:3px;
	margin-bottom:2px;
}

/* Mobile menu elements
-------------------------------------------------------------- */
.nav-container .vertnav-top { /* Added wrapper-class to make selector more specific and prevent overridding */
	display:none;
	margin-top:0 !important;
}
.vertnav-top.mobile {
	display:block; /* Visible even if when collapsed (to show bottom border) */
	
	overflow:hidden;
	height:auto;
	max-height:0px;
	-moz-transition-property:max-height;
	-moz-transition-duration:500ms;
	-moz-transition-timing-function:ease-in-out;
}
.vertnav-top.mobile.show {
	max-height:9999px;
	-moz-transition-property:max-height;
	-moz-transition-duration:500ms;
	-moz-transition-timing-function:ease-in-out;
}

.vertnav-top li a {
	text-transform:uppercase;
}


/* Main menu - horizontal
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
#nav {
	position:relative; /* Dropdown custom block position is relative to this element */
	z-index:2000;
}
#nav.mobile { display:none; } /* Hide on mobile */
#nav .opener { display:none; }

/* Show the bottom line and fill in the gap */
/*#nav { border-bottom:5px solid #333; }
#nav > li { border-bottom:5px solid transparent; margin-bottom:-5px; }*/

/* All levels
-------------------------------------------------------------- */
#nav li { text-align:left; }
#nav li a { display:block; text-decoration:none; }
#nav li.parent {}
#nav li a span { display:block; white-space:nowrap; }
#nav li ul a span { white-space:normal; }

/* 1st level only
-------------------------------------------------------------- */
#nav > li { float:left; }
#nav > li > a { display:block; padding:0 15px; }
#nav > li.parent > a {
	padding-right:20px;
	background:url(/web/20221028002506im_/https://www.tcsproducts.com.au/skin/frontend/ultimo/default/images/infortis/ultra-megamenu/arrow-dropdown.png) no-repeat 100% center;
}

/* Drop-down boxes:
	wide:    2nd-level category drop-down box + custom block drop-down box
	classic: custom block drop-down box
-------------------------------------------------------------- */
#nav .level0-wrapper {
	display:none;
	position:absolute;	
	top:49px;
	left:0;
	background-color:#fff;
	width:96%;
	padding:2%;
}



/* Additional custom elements in the main menu (horizontal)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Static blocks displayed as a drop-down in the main menu
-------------------------------------------------------------- */
/* Custom menu item */
#nav .nav-custom-link > a { cursor:default; }

/* Remove 'relative' positioning from custom 'li' (custom block have to be positioned relative to #nav) */
#nav .nav-custom-link { position:static; }
	
/* Static block's content - basic formatting
-------------------------------------------------------------- */
#nav .nav-custom-link .header-nav-dropdown-wrapper { padding-bottom:10px; }
#nav .nav-custom-link .header-nav-dropdown-wrapper p { margin:10px 0; }
#nav .nav-custom-link .header-nav-dropdown-wrapper .heading { margin:10px 0; }

/* Home link in the main menu
-------------------------------------------------------------- */
/* If enabled, show image as home link */
/*#nav #nav-home-link .home-img {
	width:50px;
	padding:0;
	background-image:url(/web/20221028002506im_/https://www.tcsproducts.com.au/skin/frontend/ultimo/default/css/infortis/images/img/pix.png);
	background-position:0 -337px;
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
#nav #nav-home-link .home-img:hover { background-position:-50px -337px; }*/


/* Category labels
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.cat-label {
	padding:2px 4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
	text-transform:none;
	
	transition:			color 450ms ease-in-out, background-color 450ms ease-in-out;
	-moz-transition:	color 450ms ease-in-out, background-color 450ms ease-in-out;
	-webkit-transition:	color 450ms ease-in-out, background-color 450ms ease-in-out;
	-o-transition:		color 450ms ease-in-out, background-color 450ms ease-in-out;
}
li > a:hover > span > .cat-label {
	transition-duration:			100ms;
	-moz-transition-duration:		100ms;
	-webkit-transition-duration:	100ms;
	-o-transition-duration:			100ms;
}

/* 1st level
-------------------------------------------------------------- */
li.level0 > a > span { position:relative; }
li.level0 > a > span > .cat-label {
	position:absolute;
	top:-14px;
	right:0;
	padding:0 6px;
	
	font-size:14px;
	line-height:22px;
}

/* Add pin (only 1st level) */
li.level0 > a > span > .pin-bottom:before {
	position:absolute;
	right:6px;
	top:22px;
	width:0;
	height:0;
	content:"";
	border-style:solid;
	border-width:4px;
	border-color:transparent;

	transition:			border-color 450ms ease-in-out;
	-moz-transition:	border-color 450ms ease-in-out;
	-webkit-transition:	border-color 450ms ease-in-out;
	-o-transition:		border-color 450ms ease-in-out;
}
li.level0 > a:hover > span > .pin-bottom:before {
	transition-duration:			100ms;
	-moz-transition-duration:		100ms;
	-webkit-transition-duration:	100ms;
	-o-transition-duration:			100ms;
}

/* 2nd level
-------------------------------------------------------------- */
li.level1 > a > span > .cat-label {
	display:inline-block !important;
	padding:0 4px;
	margin-left:2px;
    vertical-align:top;
}

/* 3rd level
-------------------------------------------------------------- */
li.level2 > a > span > .cat-label {
	display:inline-block !important;
	padding:0 4px;
	margin-left:2px;
}

/* Inside mobile menu / vertical menu
-------------------------------------------------------------- */
ul.vertnav li > a > span > .cat-label {
	position:static;
	display:inline-block !important;
	padding:0 4px;
	margin-left:2px;
	font-size:inherit;
	line-height:inherit;
}
/* Hide pin */
ul.vertnav li.level0 > a > span > .pin-bottom:before {
	display:none;
}
/* Hide category labels in vertical sidebar menu */
/* ul.vertnav-side li > a > span > .cat-label { display:none !important; } */


/* Category blocks
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.nav-block {
	margin-top:0;
	margin-bottom:1%;
}

.nav-block-top {
}
.nav-block-bottom {
}

.nav-block-center {
}
.nav-block-right {
}

.nav-block-level1-top {
	margin-bottom:10px;
}
.nav-block-level1-bottom {
	margin-top:10px;
}

/* Section line (separator) is lighter than other lines
-------------------------------------------------------------- */
.nav-block .section-line { border-color:#eee; }

/*
     FILE ARCHIVED ON 00:25:06 Oct 28, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 03:50:31 Nov 25, 2022.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 248.998
  exclusion.robots: 0.196
  exclusion.robots.policy: 0.188
  cdx.remote: 0.065
  esindex: 0.01
  LoadShardBlock: 199.952 (3)
  PetaboxLoader3.datanode: 157.272 (5)
  CDXLines.iter: 25.335 (3)
  load_resource: 269.781 (2)
  PetaboxLoader3.resolve: 215.546 (2)
*/