/* CUSTOMIZE THE NAVBAR ------------------------------------------------------------------- */
/* TOP BAR ======================================================== */
/* CART and SEARCH ================================================ */
.barElements {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 50px;
}

.barElements li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}

.barElements li.searchList {
	/*border-left: 1px solid #fff;
	*/
	padding-inline-start: 10px;
}

.currcart {
	margin-top: 15px;
	height: 120px;
	padding-left: 5px;
}

.currcart.mobile {
	display: none;
}

.currcart,
.currcart li {
	list-style: none;
	height: 40px;
	float: left;
}

.popover-markup {
	padding-right: 5px;
}

.cart a {
	display: block;
	height: 24px;
	line-height: 24px;
	color: #fff;
	padding-left: 0;
	margin: 9px 5px 0 0;
}

.cart a::before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
	content: "\f07a";
	font-size: 22px;
}

.cart a:hover {
	text-decoration: none;
	background-position: left -24px;
	color: #bbc9dd;
}

.border-light {
	border-color: rgba(255, 255, 255, 0.12) !important;
}

.border-start {
	border-left: 1px solid #e3e9ef !important;
}

/* END TOP BAR ==================================================== */
/* NAVBAR ========================================================= */
.navbar {
	background: #093c6b;
	min-height: 80px;
	/*height:40px;
	*/
	box-sizing: content-box;
	border: none;
	margin-bottom: 0;
}

.navbar-header {
	background: #093c6b;
}

/*.navbar-home {
	 height: 40px;
}
*/
.navbar-header,
.main-nav {
	display: flex;
	flex-wrap: inherit;
	align-items: center;
	justify-content: space-between;
	margin-left: 0;
	margin-right: 0;
}

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

.navbar-collapse {
	background: #093c6b;
}

/* TOP EXTERNAL SITE NAV ========================================== */
.navbar-default .picoSites {
	float: right;
	height: 35px;
	margin-top: 10px;
}

.navbar-default .navbar-nav>li>a {
	padding-top: 10px;
	padding-bottom: 10px;
	color: #fff;
	text-shadow: none;
	font-family: "Roboto", Verdana, Arial, Helvetica, sans-serif;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li.active a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
	background: #093c6b;
	color: #ff9933;
	box-shadow: none;
}

.nav>li>a {
	padding: 8px 9px;
}

/* MAIN SITE NAV */
.navbar-right {
	float: left !important;
	margin-right: 0;
}

.navbar-default .navbar-right li a {
	color: #fff;
	font-size: 18px;
	line-height: 40px;
	font-family: "Roboto", Verdana, Arial, Helvetica, sans-serif;
	background: none;
}

.navbar-collapse .navbar-nav.navbar-right:last-child {
	margin-right: 0px;
}

.navbar-default .navbar-right li a:hover,
.navbar-default .navbar-right li.active a,
.navbar-default .navbar-right li.active a:hover,
.navbar-default .navbar-right li.active a:focus {
	color: #ff9933;
	background: none;
}

.navbar-right {
	margin-top: 10px;
}

.collapseHeader {
	padding: 8px;
	background: #807f83;
	color: #fff;
	font-size: 18px;
	line-height: 30px;
	font-family: "Roboto", Verdana, Arial, Helvetica, sans-serif;
}

.head-wrap,
.navbar-home {
	z-index: inherit;
}

.navbar-brand {
	padding: 0;
	/* Increase vertical padding to match navbar links */
	z-index: 1000;
	width: 150px;
	font-size: 16px;
	font-weight: bold;
	text-indent: -9999px;
	/*background: url(../images/pico-logo.png) no-repeat;
	*/
	float: none;
}

.container.main .navbar-brand {
	margin-top: -130px;
}

.home-brand {
	background: none;
}

a.navbar-brand img {
	width: 140px;
	margin-top: 0px;
	margin-left: 10px;
	float: left;
	margin-right: 30px;
}

.head-wrap {
	/*background: url(../images/wave.svg) center -1px no-repeat;
	 background:#fff url(/images/header-pixel.png) top left repeat-x;
	*/
	/*background-size: cover;
	*/
	padding-bottom: 10px;
	margin-bottom: 0px;
	margin-top: 0;
}

/*=====================================*/
.search-form-control {
	display: inline-block;
	width: 100%;
	height: 28px;
	padding: 4px 8px;
	font-size: 14px;
	line-height: 1.428571429;
	color: #555;
	vertical-align: middle;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	outline: #0d63a0;
	margin-top: 4px;
}

#searchBox input[type="search"]:focus {
	width: 350px;
	padding-left: 12px;
	color: #0d63a0;
	background-color: #fff;
	cursor: auto;
	border-color: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border-radius: 3px;
}

/* CURRENCY POPOVER */
.caroCol {
	z-index: 999;
}

.caro-wrap-foot {
	z-index: 998;
}

.popover {
	z-index: 999999;
	position: fixed;
}

.popover-content {
	z-index: 99999;
	padding: 0;
}

.popover-content a {
	display: block;
	padding: 3px 10px;
	width: 180px;
}

.currSym {
	font-weight: 300;
	font-size: 24px;
	color: #0d63a0;
}

.popover-content a:hover {
	text-decoration: none;
	background: #dde4ed;
}

.curcon {
	width: 180px;
}

a.currgb::before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
	content: "\f154";
	font-size: 22px;
}

a.currus::before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
	content: "\f155";
	font-size: 22px;
}

a.curreu::before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
	content: "\f153";
	font-size: 22px;
}

.currencyBut {
	width: 36px;
	height: 34px;
	display: block;
	margin: 3px 0 0 0;
	float: left;
	background: url(../images/currcircle.svg) top left no-repeat;
}

.currencyBut i {
	font-size: 23px;
	color: #fff;
}

.currencyBut i.fa-pound-sign {
	margin: 6px 0 0 10px;
}

.currencyBut i.fa-dollar-sign {
	margin: 6px 0 0 11px;
}

.currencyBut i.fa-euro-sign {
	margin: 6px 0 0 8px;
}

.currencyBut:hover i.fa-pound-sign,
.currencyBut:hover i.fa-dollar-sign,
.currencyBut:hover i.fa-euro-sign {
	color: #bbc9dd;
}

.currIconGB,
.currIconUS,
.currIconEU {
	width: 26px;
	height: 24px;
	display: block;
}

.currIconGB {
	background: url(../images/pound.svg) top left no-repeat;
	color: #fff;
	margin: 4px 0 0 10px;
}

.currIconUS {
	background: url(../images/dollar.svg) top left no-repeat;
	color: #fff;
	margin: 5px 0 0 11px;
}

.currIconEU {
	background: url(../images/euro.svg) top left no-repeat;
	color: #fff;
	margin: 5px 0 0 8px;
}

.help-block,
.help-inline {
	color: #f00;
	width: auto;
}

/* LOGO AND SEARCH =====================================================================================================================================*/
/*SITESEARCH*/
#searchresults {
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
}

#searchresults h3 {
	margin-bottom: 0px;
}

#searchresults h3 a {
	color: #405f9e;
	text-decoration: underline;
}

#searchresults .meta {
	color: #96bcd5;
}

#searchresults .excerpt {
	color: #777777;
	display: inline-block;
	padding-top: 5px;
}

.container.searchbar {
	height: 0;
}

.brandsearch {
	/*height: 100px;
	 position: absolute;
	 top: 40px;
	*/
}

.brandsearch div.searchList {
	border-left: 1px solid #fff;
	padding-left: 10px;
	margin-left: 190px;
	margin-top: -40px;
	height: 40px;
}

.brandsearch div.no_border {
	border-left: none;
}

.brandsearch .navbar-brand {
	font-size: 16px;
	font-weight: bold;
	text-indent: -9999px;
}

.brandsearch .navbar-brand {
	/*margin-top: 25px;
	*/
}

.brandsearch .home-brand {
	/*margin-top: 24px;
	*/
}

.brandsearch .home-brand {
	background: none;
}

.caro-wrap {
	margin-top: 0;
}

#searchBox {
	margin-bottom: 0;
	margin-top: 0;
}

#searchBox input[type="search"] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
	font-family: "Font Awesome 5 Pro", "Roboto";
	font-weight: 400;
	color: #9bb3d6;
}

#searchBox input::-webkit-search-decoration,
#searchBox input::-webkit-search-cancel-button {
	display: none;
}

#searchBox input[type="search"] {
	background: #fff;
	border: none;
	padding: 5px 10px 5px 12px;
	margin-top: 10px;
	width: 350px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	cursor: pointer;
	line-height: 1.5;
}

#searchBox input {
	margin-right: 0.5em;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Pro", "Roboto";
	font-weight: 400;
	color: #9bb3d6;
}

div#searchHolder {
	width: 150px;
	height: 20px;
}

#searchBox input[type="search"]:hover {
	background-color: #0d63a0;
	background: #fff;
}

#searchBox input:-moz-placeholder {
	color: #9bb3d6;
}

#searchBox input::-webkit-input-placeholder {
	color: #9bb3d6;
}

.container.searchbar {
	height: 0;
}

span.cartSubTot {
	font-size: 10px;
}

.barElements li.searchList {
	margin-left: -3px;
}

.display-url {
	color: #006d21;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 11px;
	margin-bottom: 3px;
}

/* BING SEARCH */
#resultList {
	width: 100%;
	display: none;
	height: 500px;
}

#resultList,
#resultList li {
	list-style: none;
	padding-left: 5px;
}

#resultList li {
	border-bottom: 1px solid #eee;
	margin-right: 30px;
}

#resultList li div {
	margin-bottom: 6px;
	font-size: 15px;
}

#resultList h4 {
	font-family: "Roboto";
	font-weight: 300;
	font-size: 22px;
}

/*COVID ALERT*/
.covid {
	background-color: #f00;
	padding: 0px 4px !important;
	margin-left: 10px !important;
}

.covid:hover {
	background-color: #fff !important;
}

.covnav {
	float: left !important;
}

.covid a {
	color: #fff !important;
}

.covid a:hover {
	color: #f00 !important;
	background-color: #fff !important;
}

/* ======================================================================================================================== RESPONSIVE CSS =========================================================================================================================== */
@media (max-width: 1199px) {

	/*TABLETS landscape*/
	.navbar-default .navbar-right>li>a {
		font-size: 20px;
		line-height: 40px;
	}

	.navbar-brand,
	.home-brand {
		width: 170px;
	}

	.container.main .navbar-brand {
		margin: -130px 0 0 0;
		position: absolute;
	}

	.home-brand {
		background: none;
		width: 190px !important;
	}

	.head-wrap {
		/*background: url(../images/wave.svg) center -1px no-repeat;
		*/
		background-size: cover;
		padding-bottom: 0px;
		margin-bottom: 0px;
		margin-top: 0;
	}
}

/* ============================================================================================================================================================== */
@media (max-width: 1024px) {

	/*TABLETS - portrait*/
	/*.head-wrap {
		 background: url(/images/wave.png) -640px top no-repeat;
	}
	*/
	.navbar-default .navbar-right>li>a {
		font-size: 14px;
	}

	.navbar-right>li>a {
		padding: 8px 6px;
	}

	a.navbar-brand img {
		width: 100px;
		margin-top: 4px;
	}

	.container.navbar-wrapper {
		margin-bottom: 0;
		width: auto;
	}

	.barElements {
		margin-top: 0px;
	}

	nav {
		border-radius: 0;
		margin: -20px 0;
	}

	.navbar-default .navbar-right li a {
		font-size: 16px;
		line-height: 40px;
	}

	.navbar-brand {
		margin: -70px 0 0 0px;
		position: absolute;
	}

	.navbar-default .navbar-right li a {
		color: #fff !important;
	}

	.navbar-default .navbar-nav>li>a:hover,
	.navbar-default .navbar-nav>li.active a,
	.navbar-default .navbar-nav>.active>a:hover,
	.navbar-default .navbar-nav>.active>a:focus {
		color: #ff9933 !important;
		box-shadow: none;
	}

	.navbar-default .navbar-right li a:hover,
	.navbar-default .navbar-right li.active a,
	.navbar-default .navbar-right li.active a:hover,
	.navbar-default .navbar-right li.active a:focus {
		color: #ff9933 !important;
		background: none;
	}

	#searchBox input[type="search"] {
		background: #fff;
		border: none;
		padding: 5px 10px 4px 12px;
		margin: 10px 0 0 0;
		width: 350px;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		cursor: pointer;
		line-height: 1.5;
	}
}

/* ============================================================================================================================================================== */
@media (max-width: 767px) {

	/*MOBILES*/
	.main-nav {
		display: block;
	}

	a.navbar-brand img {
		margin-top: 0;
	}

	.barElements {
		float: left;
		padding-left: 0;
		margin-top: 0;
		margin-left: 15px;
	}

	.head-wrap,
	.navbar-home {
		z-index: 2;
	}

	.barElements li {
		height: 50px;
		padding-top: 5px;
	}

	.navbar {
		box-sizing: border-box;
		height: auto;
		padding-bottom: 2px;
		margin-bottom: 0;
		min-height: 40px;
		/*background: url(../images/wave.svg) -600px -20px no-repeat;
		*/
		background-size: 3640px;
	}

	.navbar-default .navbar-nav {
		float: none !important;
		height: auto;
		margin: 0 -15px;
	}

	.navbar-default .navbar-right {
		background: #a0c9ec;
	}

	.navbar-default .navbar-nav>li>a:hover {
		background: #6885ae;
		color: #fff;
	}

	.navbar-default .navbar-nav>li>a {
		color: #fff;
	}

	.navbar-default .navbar-right>li>a {
		font-size: 14px;
		line-height: 20px;
		color: #fff !important;
		padding-left: 30px;
	}

	.navbar-brand {
		margin: -70px 0 0 0;
		position: absolute;
	}

	.container.main .navbar-brand {
		margin: -110px 0 0 0;
		position: absolute;
	}

	ul.picoSites li a {
		background-color: #0d63a0;
		padding-left: 30px;
	}

	.navbar-default .navbar-right>li>a:hover,
	.navbar-default .navbar-right li.active a,
	.navbar-default .navbar-right li.active a:hover {
		color: #0d63a0 !important;
		background: #cfe6f9;
	}

	.navbar-collapse .navbar-nav.navbar-right:last-child {
		margin-right: inherit;
	}

	.navbar-collapse ul.nav li {
		border-bottom: 1px solid #e7e7e7;
	}

	.navbar-collapse ul.picoSites li a {
		background-color: #0d63a0;
	}

	.navbar-collapse ul.nav li a:hover {
		background-color: #e7e7e7;
		color: #0d63a0;
	}

	.navbar-collapse ul.navbar-right li a:hover {
		background-color: #61a4d7;
		color: #fff !important;
	}

	.navbar-collapse {
		height: auto;
	}

	.navbar-collapse .navbar-nav.navbar-right:last-child {
		margin-right: inherit;
	}

	.covnav {
		float: left !important;
	}

	.navbar-nav>li>a {
		font-size: 11px;
	}

	#searchBox input[type="search"] {
		margin: 2px 0 0 0;
	}

	.mobileHidden {
		display: none;
	}

	.popover-markup .currencyBut i.fal {
		margin-left: -2px;
	}

	.navbar-header {
		position: relative;
		background-color: #093c6b;
		z-index: 9999;
		padding-right: 15px;
	}

	.search-popup {
		position: absolute;
		top: -100%;
		opacity: 0;
		left: 0;
		width: 100% !important;
		transition: all 0.5s ease-in-out;
		box-sizing: border-box !important;
		background-color: #093c6b !important;
		color: #fff !important;
		padding-top: 18px !important;
		padding-bottom: 18px !important;
		z-index: -1;
	}

	.search-popup.show {
		top: 100%;
		opacity: 1;
	}

	.popover-markup .currencyBut,
	.searchList .searchBut {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.popover-markup .currencyBut i.fal,
	.searchList .searchBut i.fal {
		margin: 0;
		font-size: 16px;
		font-weight: 800;
		margin-left: -1px;
	}

	.currcart {
		display: flex !important;
		background: #093c6b;
		width: auto;
		float: none !important;
		margin: 15px -15px 0;
		padding-left: 25px;
		height: 50px;
		margin-left: auto;
		padding-right: 40px;
	}

	.currcart:not(.mobile) {
		display: none !important;
	}
}

/* ============================================================================================================================================================== */
@media (max-width: 479px) {

	/*MOBILES portrait*/
	a.navbar-brand img {
		margin-top: 0;
	}

	.barElements {
		margin: 0 0 0 10px;
	}

	.cart a {
		/* min-width: 80px;
		 */
		padding-right: 18px;
	}

	.home-brand {
		width: 120px !important;
		margin-top: 16px !important;
	}

	.navbar-home {
		height: 50px;
	}

	#searchBox input[type="search"] {
		width: 120px;
	}
}

/* ============================================================================================================================================================== */
@media (max-width: 320px) {

	/*TABLETS - portrait*/
	#searchBox input[type="search"] {
		width: 70px;
	}

	.navbar-toggle {
		margin-right: 10px;
	}
}

/* ========================================================================================================= END RESPONSIVE CSS ============================================================================================================ */
/* == MEGA BAR NAV ======== */
.navbar-nav li>span {
	position: relative;
	display: block;
	padding: 10px 9px;
	font-weight: bold;
}

/* adds some margin below the link sets .navbar .dropdown-menu div[class*="col"] {
	 margin-bottom:1rem;
}
*/
/* breakpoint and up - mega dropdown styles */
@media screen and (min-width: 767px) {

	/* remove the padding from the navbar so the dropdown hover state is not broken */
	/* remove the padding from the nav-item and add some margin to give some breathing room on hovers */
	/* makes the dropdown full width */
	/* shows the dropdown menu on hover */
	.navbar {
		padding-top: 0px;
		/*padding-bottom:0px;
		*/
	}

	.navbar .nav-item {
		padding: 0.5rem 0.5rem;
		margin: 0 0.25rem;
	}

	.navbar .dropdown {
		position: static;
	}

	.navbar .dropdown-menu {
		width: 100%;
		left: 0;
		right: 0;
		/* height of nav-item */
		top: 120px;
		display: block;
		visibility: hidden;
		opacity: 0;
		transition: visibility 0s, opacity 0.3s linear;
		box-shadow: rgb(50 50 93 / 5%) 0px 110px 100px -60px, rgb(0 0 0 / 10%) 0px 80px 60px -50px !important;
	}

	.navbar .dropdown:hover .dropdown-menu,
	.navbar .dropdown .dropdown-menu:hover {
		display: block;
		visibility: visible;
		opacity: 1;
		transition: visibility 0s, opacity 0.3s linear;
	}

	.navbar .dropdown-menu {
		border: none;
		background-color: #093c6b;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
}

/*JG*/
.navbar .dropdown-menu .menu-col {
	border-left: 1px solid #999;
	padding-right: 10px;
	padding-left: 0px;
}

.navbar>.container .navbar-brand {
	position: relative;
	z-index: 2001;
	margin-left: 0;
}

.navbar .nav-item {
	padding: 0.3rem 0.5rem;
	margin: 0 0.25rem;
}

.navbar .nav-item a p {
	color: #093c6b;
}

.navbar .nav-item a:hover p {
	color: #ff9933;
}

.libCol {
	padding-left: 0;
}

.navbar .dropdown-menu ul li .catHead {
	font-size: 18px !important;
	color: #fff !important;
	font-weight: bold;
	margin-bottom: 10px;
}

.navbar .dropdown-menu ul li a,
.navbar .dropdown-menu ul li a.nav-link {
	font-size: 14px;
	padding: 0px 9px;
	line-height: 18px;
	/*color: #093c6b !important;
	*/
	color: #fff !important;
}

.navbar .dropdown-menu ul li a.nav-link {
	color: #fff !important;
}

.navbar .dropdown-menu ul li a h3 {
	letter-spacing: -1px;
	margin-top: 10px;
	font-size: 20px;
}

.nav-libExp,
.nav-libVid,
.nav-libMan,
.nav-libApp,
.nav-libAtoz,
.nav-libNew,
.nav-libPap,
.nav-libMea,
.nav-libAuto {
	height: 110px;
	padding: 1px 10px !important;
}

.nav-libExp {
	background: #f6f7fb url(/images/navPanel-sci.png) no-repeat -10px top !important;
	background-size: 340px !important;
}

.nav-libVid {
	background: #f6f7fb url(/images/navPanel-vid.png) no-repeat -80px top !important;
	background-size: 430px !important;
}

.nav-libMan {
	background: #f6f7fb url(/images/navPanel-doc.png) no-repeat -50px top !important;
	background-size: 390px !important;
}

.nav-libApp {
	background: #f6f7fb url(/images/navPanel-not.png) no-repeat -10px top !important;
	background-size: 350px !important;
}

.nav-libAtoz {
	background: #f6f7fb url(/images/navPanel-atz.png) no-repeat -60px top !important;
	background-size: 410px !important;
}

.nav-libNew {
	background: #f6f7fb url(/images/navPanel-new.png) no-repeat -100px top !important;
	background-size: 460px !important;
}

.nav-libPap {
	background: #f6f7fb url(/images/navPanel-app.png) no-repeat -80px top !important;
	background-size: 440px !important;
}

.nav-libAuto {
	background: #f6f7fb url(/images/navPanel-aut.png) no-repeat -80px top !important;
	background-size: 440px !important;
}

.nav-libOsc {
	background: #f6f7fb url(/images/navPanel-osc.png) no-repeat -80px top !important;
	background-size: 440px !important;
}

.nav-libMea {
	background: #f6f7fb url(/images/navPanel-mea.png) no-repeat -80px top !important;
	background-size: 292px !important;
}

.nav-libPSSeven {
	background-color: #f6f7fb !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
	gap: 15px;
	padding: 5px;
}

.nav-libPSSeven>* {
	width: 100%;
}

.nav-libPSSeven img {
	width: 40% !important;
	height: 100%;
	object-fit: contain;
}

.nav-lib-agt,
.nav-lib-tra,
.nav-lib-wav,
.nav-lib-cas,
.nav-lib-atz,
.nav-lib-vid,
.nav-lib-new,
.nav-lib-doc,
.nav-lib-rev {
	height: 110px;
	padding: 1px 10px !important;
}

.nav-lib-agt {
	background: #f6f7fb url(/images/autoNavLib-agt.png) no-repeat !important;
}

.nav-lib-tra {
	background: #f6f7fb url(/images/autoNavLib-tra.png) no-repeat !important;
}

.nav-lib-wav {
	background: #f6f7fb url(/images/autoNavLib-wav.png) no-repeat !important;
}

.nav-lib-cas {
	background: #f6f7fb url(/images/autoNavLib-cas.png) no-repeat !important;
}

.nav-lib-atz {
	background: #f6f7fb url(/images/autoNavLib-atz.png) no-repeat !important;
}

.nav-lib-vid {
	background: #f6f7fb url(/images/autoNavLib-vid.png) no-repeat !important;
}

.nav-lib-new {
	background: #f6f7fb url(/images/autoNavLib-new.png) no-repeat !important;
}

.nav-lib-doc {
	background: #f6f7fb url(/images/autoNavLib-doc.png) no-repeat !important;
}

.nav-lib-rev {
	background: #f6f7fb url(/images/autoNavLib-rev.png) no-repeat !important;
}

.navbar .dropdown-menu ul li a.distibut {
	border: 2px solid #fff;
	border-radius: 10px;
	padding: 10px !important;
	background: #0d63a0 !important;
	color: #fff !important;
}

.disticon {
	padding-right: 10px;
}

.navbar .dropdown-menu ul li a.aboutbuts {
	height: 100px !important;
	color: #fff !important;
	text-align: right;
	padding: 0;
}

.locbuts {
	padding: 10px 8px !important;
}

.splitscreenNav {
	display: block;
	width: 100%;
	height: 100px;
	background: linear-gradient(180deg, #0d63a000 0%, #0d63a07d 50%, #0d63a0 100%);
}

.abo {
	background: #f6f7fb url(/images/aboutBut.jpg) no-repeat !important;
}

.ord {
	background: #f6f7fb url(/images/orderBut.jpg) no-repeat !important;
}

.exh {
	background: #f6f7fb url(/images/exhibBut.jpg) no-repeat !important;
}

.his {
	background: #f6f7fb url(/images/historyBut.jpg) no-repeat !important;
}

.leg {
	background: #f6f7fb url(/images/legalBut.jpg) no-repeat !important;
}

.env {
	background: #f6f7fb url(/images/enviroBut.jpg) no-repeat !important;
}

.abo .splitscreenNav {
	padding: 73px 10px 10px 10px !important;
}

.ord .splitscreenNav {
	padding: 73px 10px 10px 10px !important;
}

.exh .splitscreenNav {
	padding: 73px 10px 10px 10px !important;
}

.his .splitscreenNav {
	padding: 54px 10px 10px 10px !important;
}

.leg .splitscreenNav {
	padding: 73px 10px 10px 10px !important;
}

.env .splitscreenNav {
	padding: 73px 10px 10px 10px !important;
}

.autolink,
.oemlink {
	height: 130px;
	padding: 1px 10px !important;
	margin-bottom: 20px !important;
}

.autolink h3,
.oemlink h3 {
	font-size: 16px;
	color: #093c6b;
}

.autolink p,
.oemlink p {
	font-size: 12px;
	color: #093c6b;
}

.navbar .dropdown-menu ul li a:hover,
.navbar .dropdown-menu ul li a.distibut:hover,
.navbar .dropdown-menu ul li a.aboutbuts:hover {
	color: #d87e22 !important;
}

.navbar .dropdown-menu ul li a.distibut:hover {
	background: #fff !important;
	border-color: #d87e22;
}

.splitscreenNav:hover {
	background: linear-gradient(180deg, #e7f2fc00 0%, #e7f2fcc7 50%, #e7f2fc 100%);
}

@media (max-width: 767px) {

	/*MOBILES*/
	.navbar-default .navbar-right {
		background-color: #0d63a0;
		color: #fff;
	}

	.navbar-default .navbar-right ul li.active a {
		background-color: #61a4d7;
	}
}

.uk-company {
	display: block;
	width: 120px;
	height: 30px;
	background: url(/images/uk-comp.png) 0 0 no-repeat;
	margin-top: 5px;
}

.uk-company:hover {
	background-color: none;
	background: url(/images/uk-comp.png) 0 -30px no-repeat !important;
}

.navbar-tool-icon-box {
	position: relative;
}

.navbar-tool-icon-box .navbar-tool-label {
	position: absolute;
	top: -1.3125rem;
	left: 2rem;
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	background-color: #ff9933;
	color: #fff;
	font-size: 1.5rem;
	font-weight: 500;
	text-align: center;
	line-height: 2rem;
}

/*To be removed on addition of solutions tab/section*/
.productNavTab {
	margin-left: 140px;
}

.popover-markup {
	padding-right: 10px;
	padding-left: 10px;
}